html, body{ 
 margin:0; 
 padding:0; 
 text-align:center; 
} 
body {
	background: url(../Imagenes/bg.gif) repeat-x;
	font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #000;	
}
 
#pagewidth{ 
	width:800px; 
	text-align:left;  
	margin-left:auto; 
	margin-right:auto;
	background-color:#E5EEFB;  
} 
 
#header{
	position:relative;
	height:312px;
	width:100%;
	margin-bottom:10px;
	text-align:right;
} 
 
#leftcol{
	margin-left:10px;
	_margin-left:5px;
	width:176px;
	float:left;
	position:relative;
	background-color:#FFF;
 	background-image: url(../Imagenes/menu.gif);
	background-repeat: no-repeat;
	background-position: left top;
 }


/*
------------------------------------------------------
PRIMER NIVEL DEL MENU
------------------------------------------------------
*/
.nivel1 {
	display: block; padding-top:4px; padding-left:5px; padding-bottom:7px; padding-top:9px;
	font: 10px Verdana, Arial, Helvetica, sans-serif;
	background: url(../Imagenes/backnivel1.gif) no-repeat left top;
	width:100%; height:13px; _height:22px;
}
	.nivel1 a{ font: 10px Verdana, Arial, Helvetica, sans-serif; color: #999; text-decoration:none; }
	.nivel1 a:hover{ font: 10px Verdana, Arial, Helvetica, sans-serif; color:#000; }
/*
------------------------------------------------------
SEGUNDO NIVEL DEL MENU
------------------------------------------------------
*/
.nivel2 {
	display: block; padding-left:2px; padding-top:4px;
	font: 9px Verdana, Arial, Helvetica, sans-serif;
	background-color:#FEF3E4; vertical-align:bottom;
	height:19px;
	_height:19px;
}
	.nivel2 a{ font: 9px Verdana, Arial, Helvetica, sans-serif; color: #666; text-decoration:none; }
		.nivel2 a:hover{ background:#FEE6C5; display: block; padding-left:0px; height:15px;width:100%;}
/*
------------------------------------------------------
SEGUNDO NIVEL DEL MENU (ACTIVO)
------------------------------------------------------
*/
.nivel2b {
	display: block; padding-left:2px; padding-top:4px;
	font: 9px Verdana, Arial, Helvetica, sans-serif;
	background-color:#FAD19C; vertical-align:bottom;
	height:19px;
	_height:19px;
}
	.nivel2b a{ font: 9px Verdana, Arial, Helvetica, sans-serif; color: #666; text-decoration:none; }


 #bloquemenu {
	margin-top:31px;
	padding-bottom:20px;
 }
 
#twocols{
 width:614px; 
 float:right; 
 position:relative; 
	background-color:#E5EEFB;
  }
 
#rightcol{
	width:170px; 
	float:right; 
	position:relative; 
	background-color:#E5EEFB;
}
#rightcol img{
	margin-bottom:0px;
}
#maincol{
	margin-left:11px;
	float: left;
	display:inline;
	position: relative;
	width:424px;
	background-color:#FFF;
	background-image: url(../Imagenes/bgmain.gif);
	background-repeat: no-repeat;
	background-position: left top;	
}

/*
------------------------------------------------------
DIV DEL CONTENIDO
------------------------------------------------------
*/
#ContenidoWeb{
	margin-left:10px;
	padding-left:30px;
	padding-right:30px;
	float: left;
	display:inline;
	position: relative;
	width:554px;
	_width:574px;
	min-height:600px;
	height:600px;
	background-color:#FFF;
	background-image: url(../Imagenes/bgmain2.gif);
	background-repeat: no-repeat;
	background-position: left top;
	font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #666;
	text-align:justify;
}
	
#pagina{margin-left:15px;margin-right:15px;text-align:justify;}
	#ContenidoWeb a	{ font: 11px Verdana, Arial, Helvetica, sans-serif; color: #CC6633; text-decoration:none;}
	#ContenidoWeb td	{font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #666; text-align:justify;}
	#pagina h1	{ color: #5d953b;text-align:left;	font: bold 16px Georgia, "Times New Roman", Times, serif;margin:0px;}
	
	address {font: 10px Arial, Helvetica, sans-serif; color: #5b6979; text-align:center;}
#pagina .emcorp {border:collapse;}
#pagina .emcorp td {font: 10px Arial, Helvetica, sans-serif; text-align:left;border:1px solid #FFF;}


h5,#pagina h5,#pagina .novedades h5{
	display:block;
	background: #e5e5e5;
	border-bottom:1px solid #ddd;
	border-top:1px solid #ddd;
	padding:3px;
	font: bold 11px Arial, Helvetica, sans-serif, serif;
	text-transform: uppercase;
	color:#617ecc;
	text-align:justify;
}

#footer{
	height:85px;
	background-color:#E5EEFB;
	clear:both;
	background-image: url(../Imagenes/bgfooter.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
 } 
	.footer { font: 10px Verdana, Arial, Helvetica, sans-serif;	color: #666; text-align:right;}
		.footer a{ font: 10px Verdana, Arial, Helvetica, sans-serif; color: #666; text-decoration:none;}
			.footer a:hover{ font: 10px Verdana, Arial, Helvetica, sans-serif; color: #333; text-decoration:none;}
 
 /* *** Float containers fix:
 http://www.csscreator.com/attributes/containedfloat.php *** */ 
.clearfix:after {
 content: "."; 
 display: block; 
height: 0; 
 clear: both; 
 visibility: hidden;
 }
 
.clearfix{display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */  


 
 /*printer styles*/ 
 @media print{ 
/*hide the left column when printing*/ 
#leftcol{display:none;} 

/*hide the right column when printing*/ 
#rightcol{display:none;} 
#twocols, #maincol{width:100%; float:none;}
}


.grabar {
	width:82px;
	height:18px;
	background-image: url(../imagenes/GrabarVer.gif);
	padding:0px;
	margin:0px;
	border:0px;
}
p{
	margin-top:8px;
}
h4{ font: bold 12px Verdana, Arial, Helvetica, sans-serif;color: #718DA5; margin-bottom:0px;}


	#pagina .novedades{text-align:justify;}
	#pagina .novedades img{padding-left:6px;padding-right:6px;}

h1 {
	margin-top:3px;
	margin-left:10px;
	font: bold 16px "Trebuchet MS", Verdana, Arial;
	text-transform: uppercase;
	color: #FFFFFF;
}
#consulta  {
	margin:10px;
}
.texto { color: #999; background-color: #FFF; border: 1px solid #CCC; font: 11px  Verdana, Arial, Helvetica, sans-serif; color:#666;} 
#consulta .texto {
  color: #999;
  background-color: #FFF;
  border: 1px solid #CCC;
  width: 150px;
  font: 11px  Verdana, Arial, Helvetica, sans-serif;
  color:#666;
}
#consulta .combo {
  color: #999;
  background-color: #FFF;
  border: 1px solid #CCC;
  width: 370px;
  font: 11px  Verdana, Arial, Helvetica, sans-serif;
  color:#666;
}

.boton { color: #FFF; background-color: #777; border: none; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; padding: 3px; }

#consulta .boton {
  color: #FFF;
  background-color: #777;
  border: none;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
  padding: 3px;
}

#consulta p {
  clear: left;
  margin: 0;
  padding: 0;
  padding-top: 8px;
}
#consulta p label {
  padding-top: 4px;
  float: left;
  width: 35%;
  font: 11px  Verdana, Arial, Helvetica, sans-serif;
  color:#666;
}
.errMsg {
	color: #CC3333;
	display: block;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	background-image: url(../imagenes/err.gif);
	background-repeat: no-repeat;
	text-indent: 13px;
	background-position: 0px 3px;
}

a{ font: 11px Verdana, Arial, Helvetica, sans-serif; color: #CC6633;}

.logo {
font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
}
.literal { font: normal 11px Verdana, Arial, Helvetica, sans-serif; color:#A96C54;}
.fichatabla td {border-bottom: 1px solid #E2E2E2;}

.marquesina {height:20px;display:block; background:#90add5;padding:3px;}
		.marquesina a {font: 11px Verdana, Arial, Helvetica, sans-serif; color: #FFF; font-weight:bold;text-decoration:none;}
			.marquesina a:hover {font: 11px Verdana, Arial, Helvetica, sans-serif; color: #FFF;  font-weight:bold;text-decoration:none;}
#marqueecontainer{
position: relative;
width: 176px; /*marquee width */
height: 200px; /*marquee height */
background-color: #FFF;
overflow: hidden;
padding: 2px;
padding-left: 4px;
}

#radio{
position: relative;
width: 176px; /*marquee width */
background-color: #FFF;
overflow: hidden;
padding: 2px;
padding-left: 4px;
}