@charset "UTF-8";
/* CSS Document */

body {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	background: #fff;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #000000;
}
.oneColFixCtrHdr #container {
	width: 942px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	background: #FFFFFF;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	
	text-align: left; /* this overrides the text-align: center on the body element. */
}
.oneColFixCtrHdr #header {
	background: #fff; 
	padding: 24px 0px 0 0px;  /* this padding matches the left alignment of the elements in the divs that appear beneath it. If an image is used in the #header instead of text, you may want to remove the padding. */
	margin-bottom:15px;
}
 #menu {
	height:39px;
	background:url(../contacto/f_barra_menu.jpg) repeat-x;
	width: 942px; 
	padding-left:0px;
}

 #menu ul { margin-top:0; height:39px; text-align:left; margin-left:0px;}
 #menu li { float:left; list-style:none; height:32px;  color:#fff; font:Arial, Helvetica, sans-serif; font-size:13px;  margin-right:0px; padding-top:8px; padding-left:8px; padding-right:8px; }
 #menu .separador { background:url(../contacto/separador.jpg) no-repeat; width:1px; height:35px; padding-top:1px; padding:0px;}
 #menu li a { text-decoration:none; color:#fff;}
 #menu a:hover{color:#fff; text-decoration:none;} 
 #menu li.dact:hover {background:url(../contacto/f_barra_act.jpg) repeat-x;  }
 #menu li.dact:hover a{color:#fff;}
 #menu .act { float:left; list-style:none; height:32px;  color:#fff; font:Arial, Helvetica, sans-serif; font-size:13px; background:url(../contacto/f_barra_act.jpg) repeat-x; margin-right:0px; padding-top:8px;}
 #menu .act a { text-decoration:none; color:#fff;}
 #menu .act a:hover{color:#fff; text-decoration:none;} 
 
 #busqueda { width:268px; float:right; height:38px; margin-top:-53px; padding-top:6px;}
 #busqueda_submit {width:18px;
	height:18px;
	background:url(../contacto/lupa.jpg) no-repeat;
	border:none;
	cursor:pointer;
	margin-top:0px;
	/*float:right;*/}

.oneColFixCtrHdr #mainContent {
	/* remember that padding is the space inside the div box and margin is the space outside the div box */
	background: #FFFFFF;
	border: 9px solid #ccc;
	height:925px;
}
#textoLeft { width:463px; height:402px; background:url(../empresa/linea.jpg) top right no-repeat; text-align:justify; font:Arial, Helvetica, sans-serif; font-size:12px; color:#3a3a3a; padding-right:28px; float:left; margin-left:85px; margin-top:90px;}
#textoLeft p { margin-bottom:24px; line-height:21px;}
#textoRight { float:left; width:265px; height:378px; margin-top:90px; margin-left:24px; font:Arial, Helvetica, sans-serif; font-size:12px; color:#3a3a3a;}
#textoRight p { margin-bottom:50px; line-height:21px;}

.oneColFixCtrHdr #footer {
 	height:30px;
	padding-top:10px; /* this padding matches the left alignment of the elements in the divs that appear above it. */
	background:#fff;
}
.oneColFixCtrHdr #footer p {
	margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	padding: 10px 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
}
#primerbloque {border:#0e1740 7px solid; width:910px; height:257px;}
#primerbloque .carusel {width:603px; height:257px; float:left; background:#202834 url(../images/loading.gif) no-repeat 50% 50%; }
#primerbloque .publicidad {float:right; width:300px; border-left:#0e1740 7px solid; height:264px;}

#segundobloque {width:612px; height:auto; float:left;}
#segundobloque .e_destacado_top {background:#242867; color:#fff; font-family:Arial, Helvetica, sans-serif; font-weight:bold; height:20px; font-size:14px; width:602px; padding:6px;}
#segundobloque .e_destacado {border-right:#000 1px solid; width:603px; margin:6px 0 6px 6px; font-family:Arial, Helvetica, sans-serif; font-size:12px; padding-right:4px; min-height:213px; height:auto;}
#segundobloque .e_destacado p span a { font-size:15px; font-weight:bold; text-decoration:none; color:#000000;}
#segundobloque .e_destacado p span a:hover {text-decoration:none;}
#segundobloque .e_destacado img {margin-right:6px;}

#segundobloque  .proxeventos {width:310px; min-height:216px; float:left; font-family:Arial, Helvetica, sans-serif; font-size:11px; border-right:#000 1px solid; margin-top:5px;}
#segundobloque  .pe_top {background:#242867; color:#fff; font-family:Arial, Helvetica, sans-serif; font-weight:bold; height:20px; font-size:14px; width:298px; padding:6px;}

#segundobloque  .proxeventos p span a, #segundobloque  .proxeventos p span {font-size:13px; font-weight:bold; text-decoration:none; color:#000;}
#segundobloque  .proxeventos p span a:hover {text-decoration:none;}
#segundobloque  .proxeventos p {margin-top: 2px; margin-left:6px; margin-right:4px;}

#segundobloque .publicidad { width:300px; height:251px; float:left; margin-top:-29px;}

#tercerbloque {width:300px; height:auto; float:left;}
#tercerbloque .e_destacado_top {background:#242867; color:#fff; font-family:Arial, Helvetica, sans-serif; font-weight:bold; height:20px; font-size:14px; width:300px; padding:6px;}
#tercerbloque .e_reciente {width:300px; height:auto; padding-bottom:10px; border-bottom:#000 1px solid; margin:6px 6px 13px 7px; font-family:Arial, Helvetica, sans-serif; font-size:12px; }
#tercerbloque .e_reciente img {margin-left:4px;}
#tercerbloque .e_reciente p span a {font-size:14px; font-weight:bold; color:#000; text-decoration:none;}
#tercerbloque .e_reciente p span a:hover { text-decoration:none;}
#tercerbloque .encuesta {height:80px;  font-size:12px; padding-left:10px; padding-top:5px;}

#tercerbloque .encuesta #contact_submit {
	width:74px;
	height:21px;
	background:url(../home/enviar.jpg) no-repeat;
	border:none;
	cursor:pointer;
	margin:0 auto;
	margin-top:8px;
}

#banner { width:809px; height:93px; margin:0 auto; margin-top:15px;}
