@import url("reset.css"); 

body {
	color:#505050;
	background:#fff url(../images/bg.gif) 0 32px repeat-x; 
	/*behavior: url(../js/iepngfix.htc);*/
}
strong{
	font-weight:bold;
}
em{
	font-style:italic;
}
h1{
	font-size:25px;
}
h2{
	font-size:18px;
}
h3{
	font-size:15px;
}
h4{
	font-size:14px;
}
h1, h2, h3, h4{
	font-weight:normal;
	color:#06356C;
}
p{
	margin:5px 0;
}
a{
	color: #ed5f00;
	outline:none;
}
 a:visited {
	color: #082F60;
}
 a:hover {
	color: #FF6900;
}



/* --------------- LAYOUT---------------  */
#page{
	margin: 0 auto;
	text-align:left;	
	position:relative;
	font-family: Helvetica, Arial, sans-serif;	
	font-size:12px;		
	background: url(../images/header.jpg)  50% 1px no-repeat;
}
#header{
	width: 740px;
	height:166px;
	margin: 0 auto;
	position:relative;
	overflow:hidden;		
}


#footer{
	width: 740px;
	margin:0 auto;
	padding:25px 0 20px ;
	background: url(../images/footer.jpg)  0 0 no-repeat;
	font-size:12px;	
}

/* --------------- HEADER---------------  */
a#link_home{
	display:block;
	width:300px;
	height:65px;
	text-indent:-9999px;
}
/* --------------- MENU---------------  */
ul#nav{
	position:absolute;
	bottom:-1px;
	right:0px;
	width:740px;
	overflow:hidden;		
}
ul#nav li{
	float:left;
}
ul#nav li a{
	color:#fffffe;
	text-transform: uppercase; 
	background:#6CA1D2;
	line-height:27px;
	text-decoration:none;
	display:block;
	font-size:12px;
	text-align:right;
}
ul#nav li a:hover{	color:#C9DCED;}	

ul#nav li#mnu_quienes a{ width:120px; padding:0 10px 0 0;}
ul#nav li#mnu_empresas a{ width:100px;  padding:0 10px 0 0;}
ul#nav li#mnu_eventos a{ width:100px;  padding:0 10px 0 0;}
ul#nav li#mnu_noticias a{ width:100px;  padding:0 10px 0 0;}
ul#nav li#mnu_documentos a{ width:120px;  padding:0 10px 0 0;}
ul#nav li#mnu_sitios a{ width:140px;   padding:0 10px 0 0;}

li#mnu_quienes a.marcado{ background: #36669e; }
ul#nav li#mnu_empresas a.marcado{ background: url(../images/130_a.gif)  0 0 no-repeat; }
ul#nav li#mnu_eventos a.marcado{ background: url(../images/130_a.gif)  0 0 no-repeat; }
ul#nav li#mnu_noticias a.marcado{ background: url(../images/130_a.gif)  0 0 no-repeat; }
ul#nav li#mnu_documentos a.marcado{ background: url(../images/130_a.gif)  0 0 no-repeat; }
ul#nav li#mnu_sitios a.marcado{ background: url(../images/150_a.gif)  0 0 no-repeat; }

ul#nav li#mnu_empresas a.siguiente{ background: url(../images/130_c.gif)  0 0 no-repeat; }
ul#nav li#mnu_eventos a.siguiente{ background: url(../images/130_c.gif)  0 0 no-repeat; }
ul#nav li#mnu_noticias a.siguiente{ background: url(../images/130_c.gif)  0 0 no-repeat; }
ul#nav li#mnu_documentos a.siguiente{ background: url(../images/130_c.gif)  0 0 no-repeat; }
ul#nav li#mnu_sitios a.siguiente{ background: url(../images/150_c.gif)  0 0 no-repeat; }

#info{
	position:absolute;
	top:0;
	right:0;
	width:265px;
	height:135px;
	color:#fff;
	font-family: Helvetica, Arial, sans-serif;
	overflow:hidden;
}

#info #t_info{
	font-size:15px;
	position:absolute;
	top:25px;
	right:10px;	
	font-weight:bold;
}

#info #f_info{
	position:absolute;
	top:60px;
	right:10px;	
	font-size:18px;
}

#info #c_info{
	position:absolute;
	top:95px;
	right:10px;	
	font-size:13px;	
}
#info #c_info a{
	color:#fff;
}

#info img{
	display:block;
	margin:0 auto;
}
/* --------------- COLUMNAS---------------  */

#wrapper{
	width:759px; /*740*/
	position:relative;
	margin:0 auto;
	padding:0 0 0 19px;	
	color:#505050;		
	background: #fff url(../images/sombra_izq.jpg)  0 0 no-repeat;
}
#subwrapper{
	background:url(../images/sombra_der.jpg)  100% 0 no-repeat;
	padding:0 18px 0 0;
}
#content{
	display:inline;
	float:left;
}
#side_col{
	display:inline;
	float:left;
	width:270px;
	margin:0;
	padding:0;
}

.contentcol{
	width:450px;
	margin:0;
	padding:0 0 0 20px;	
}
.contentwide{
	width:700px;
	margin:0;
	padding: 0 20px 40px 20px;
}


/* --------------- ElEMENTOS DEL COSTADO---------------  */

#side_col #acceso_links{
	width: 271px;
	background:#dce9f2;
	height:40px;
}

#side_col #acceso_links a#acc_inicio{
	background: url(../images/icon_inicio.gif)  50% 50% no-repeat;
	display:block;
	width:45px;
	height:25px;
	float:left;
	margin:5px 0 0 0;
	border-right:1px solid #0147a6;  
	text-indent:-9999px;
	
}
#side_col #acceso_links a#acc_contact{
	background: url(../images/icon_contacto.gif)  50% 50% no-repeat;
	display:block;
	width:45px;
	height:25px;
	float:left;	
	margin:5px 0 0 0;
	border-right:1px solid #0147a6;  
	text-indent:-9999px;
}
#side_col #acceso_links a#acc_acuicul{
	background: url(../images/icon_uct.gif)  10px 50% no-repeat;
	display:block;
	width:140px;
	height:20px;
	padding:5px 0 0 30px;
	margin:5px 0 0 0;
	color:#0147a6;
	float:left;	
}

/* texto que rota*/
#side_col #demo_container {
	width: 271px;
	margin: 0 auto 0;
	clear:both;
	min-height: 180px;
	height: auto !important;
	height: 180px;
	overflow:hidden;
	font-family: Helvetica, Arial, sans-serif;
}									

#side_col #demo_container p {
	color: #07366C;
	font-size: 12px;
	line-height: 16px;
	font-weight:bold;
}

#side_col #demo_container .quote-author {
	font-size: 12px;
	color: #333333;
	font-weight: bold;
	line-height: normal;
}

#side_col #demo_container .quote-author span {
	font-size: 11px;
	color: #666666;
}


#side_col #demo_container .quote-author img {
	padding: 0 10px 0 0;
}

#side_col #demo_container p span {
	color: #4772A7;
	line-height: 16px;
}

/* caja empleo*/
#side_col #empleo_box{
	width: 231px;
	padding:20px 20px 10px 20px;
}
#side_col #empleo_box h3{
	text-transform: uppercase;
	color:#AE0D12;
	font-size:11px;
	font-weight:bold;
	margin:0 0 10px 0;
}
#side_col #empleo_box  ul li{
	color:#494A4C;
	list-style-type:disc;
	margin: 0 0 5px 10px;
}

/* caja contador visitas*/
#side_col #cont_visitas{
	width: 231px;
	min-height:100px;
	height:auto !important;
	height:100px;
	padding:20px 20px 0 20px;
}
#side_col #cont_visitas p{
	color:#525355;
}
#side_col img{
	float:left;
}
#side_col p.txt_contador{
	float:left;
	margin: 0 0 0 10px;
	padding:5px 0 0 0;
}

/* --------------- ESTILOS PAGINA INICIAL HOME---------------  */


/* --------------- CONTENIDO PRINCIPAL---------------  */
/*formato texto*/
#conten{
	text-align:justify;	
}
#content p{
	padding: 10px 0  5px 0;
	margin:0;
	line-height:18px;
}
#content p.intro{
	font-size:13px;
	line-height:15px;
	color:#505050;
	margin:10px 30px 15px 0;
	text-align:justify;
}
#content h1{
	margin:20px 0 10px 0;
	padding:0;
}
#content h2{
	margin:20px 0 0 0;
	padding:0;
	font-weight:normal;
}
#content h3{
	margin:20px 0 0 0;
	padding:0;	
	font-weight:600;	
}
#content h4{
	margin:20px 0 0 0;
	padding:0;	
	font-weight:normal;	
}

#content h1, #content h2, #content h3, #content h4{
	text-align:left;
	padding-bottom:5px;	
}
#content ul, #content ol{
	margin: 10px 0 10px 18px;
}
#content ul li{
	padding:3px  5px;		
	margin:0 5px 0 10px;
	list-style-type:disc;
	line-height:18px;	
	
}
#content ol li{
	padding:3px 5px;		
	margin:0 5px 0 10px;	
	list-style-type:decimal;
	line-height:18px;		
}
#content ol.romano li{
	list-style-type:lower-roman;
}
#content ol.letra li{
	list-style-type:lower-alpha;
}
#content ul.flecha li{
	list-style-image: url(../images/flechita.jpg);
	list-style-type: disc;	
}

/* --------------- NOTICIAS---------------  */
#cont_notis{
	margin:20px 0 10px 0;
	background: url(../images/bg_linea_columnas.jpg)  59% 0 repeat-y;
}
.noticias_home{
	width:180px;
	padding:0 10px 0 25px; 	
	float:left;
	display:inline;
	background: url(../images/t_noticias.gif)  0 0 no-repeat;
}
.eventos_home{
	width:180px;
	padding:0 20px 0 30px; 	
	float:left;
	display:inline;	
	background: url(../images/t_eventos.gif)  5px 0 no-repeat;
}
#content .breve_notas h2{
	/*text-transform: uppercase;*/
	color:#003A84;
	font-weight:bold;
	margin: 0 0 2px 0;
	font-size:13px;
}
.breve_notas span{
	font-size:10px;
}
#content .breve_notas p{
	line-height:15px;
	color:#505050;
}
#content .breve_notas  p.leermas a{
	font-size:11px;
}

.news{
	margin:30px 0;
	border-bottom:1px solid #CDCDCD;	
}
.news .fecha{
	width:40px;
	float:left;	
}
.news span.mes{
	font-size:15px;
	display:block;
	margin:0 0 4px 0;
}
.news span.dia{
	font-size:25px;
	display:block;
	margin:0 0 4px 0;	
}
.news .txt_notis_item{
	border-left:1px solid #CDCDCD;
	padding:0 0 10px 10px;
	margin:0;
	float:left;	
	width:649px;	
}
#content .news .txt_notis_item h2{
	margin:0;
	padding:0 0 8px 0;
	font-size:16px;
	font-weight:bold;
}

#content .news .listado a.leermas{
	font-size:11px;
}


/* --------------- ESTILOS VARIOS---------------  */
.ficha_doc{
	padding: 5px 0 5px 30px;		
	background: url(../images/editcopy.png) 0 12px no-repeat;	
}
#content .ficha_doc h3{
	margin-top:4px;
}
.ficha_doc a{
	line-height:18px;
}
.ficha_sitios{
	/*padding: 0 0 0 30px;		
	background: url(../images/network.png) 0 12px no-repeat;	*/
	padding: 0 0 0 0;	/*borra esto si se descomenta lo de arriba y quitar clase icon_sitios*/
}
.separador{
	background: url(../images/borde.gif) 100% 100% repeat-x;
	height:20px;
}
.ficha_curriculum{
	padding: 0 0 0 30px;		
	background: url(../images/file_doc.png) 0 12px no-repeat;	
}
.curriculum table td{
	padding:5px;
}

.izq{
	width:330px;
	float:left;	
	padding:0 0 10px 0;	
	margin:0 0 0 0;
}
.der{
	width:330px;
	float:left;	
	padding:0 0 10px 0;	
	margin:0 0 0 40px;
}

.icon_sitios{
	padding: 0 0 0 30px;		
	width:300px;
	background: url(../images/network.png) 0 12px no-repeat;	
}

#content p.paginacion{
	text-align:right;
	/*padding:0;
	margin:0;*/
}
#content h1 span.color{
	color:#6CA1D3;
}
#caja_img{
	display:none;
}
p.msg_warning, p.volver_warning{
	text-align:center;
}
span.subtxt{
	color:#a9a9a9;
	font-style:italic;
}

.bg_destacado_max{
	background: url(../images/destacado_grande.jpg) 0 0 repeat-x;	
}
.bg_destacado_min{
	background: url(../images/destacado_xico.jpg) 0 0 repeat-x;	
}

.divisor{
	background: url(../images/sombra_divisora.jpg) 50% 0 no-repeat;
	height:	15px;
	width:424px;
}

#busqueda_box{
	float:left;
	padding:5px 0 0 40px;	
}
#content #frase_empleo{
	float:left;
	padding:0;
}

/* alineacion para imagenes*/
img.alignleft{
	float:left;
	margin: 10px 20px 10px 0;
}
img.alignright{
	float:right;
	margin: 10px 0 10px 20px;	
}
img.aligncenter{
	display:block;
	margin:10px auto;
}

/* alineacion para texto*/
.txtleft{
	text-align:left;
}
.txtright{
	text-align:right;
}
.txtcenter{
	text-align:center;
}
.txtjustify{
	text-align:justify;
}
.alignleft{
	float:left;
}
.alignright{
	float:right;
}

/*tablas*/
table.tabla_emp{
	margin:10px 0;
}
table.tabla_emp th{
	text-align:left;
	background:#dedede;
	color:#505050;
	padding:5px;	
}
table.tabla_emp tr.emp_color1{
	background:#fafafa;
	border-bottom:2px solid #fff;
}
table.tabla_emp tr.emp_color2{
	background:#efefef;
	border-bottom:2px solid #fff;
}
table.tabla_emp tr td{
	padding:7px 5px;
	line-height:15px;
	vertical-align:top;
}



table.admin tr td{
	padding:5px;
}
table.admin tr.encabezado{
	background:#e5e5e5;
	border-bottom:1px solid #e5e5e5;	
}
table.admin tr.cebra1{
	background:#f8f8f8;
	color:#101012;
	border-bottom:1px solid #e5e5e5;
}
table.admin tr.cebra2{
	background:#f2f2f2;
	color:#101012;	
	border-bottom:1px solid #e5e5e5;	
}


table.vinculos{
	width: 403px;
	position:relative;
	margin: 0 0 20px 15px;
}
table.vinculos  tr th{
	text-align:left;
	font-weight:bold;
}
table.vinculos  tr th span{
	display:block;
	margin:10px 0 0 15px;
}
table.vinculos  tr.titulo{
	background: url(../images/bg_t_vinculos.jpg) 0 0 no-repeat; 
	width: 403px;
	height:31px;
}
table.vinculos  tr {
	background: url(../images/bg_x.jpg) 0 0 repeat-x; 
	width: 403px;
	height:68px;
}
table.vinculos  tr td.bordeder{
	border-right:1px solid #dddddd;
}
table.vinculos  tr td img{
	display:block;
	margin: 15px auto 0;
}
/* --------------- FOOTER---------------  */
#footer a{
	color:#06336C;	
}
#footer a:hover{
	color:#06336C;
	text-decoration:underline;
}
#footer p#txt_nodo{
	padding:5px 0 0 0;
	text-align:left;
	float:right;
	line-height:15px;
	font-size:11px;	
}
#footer p#txt_hd{
	text-align:right;	
	padding:8px 0 0 0;	
	font-size:9px;
	clear:both;
}
#footer p#txt_hd a{
	color:#808080;
}
#footer  p#validadores{
	padding:20px 0 0 0px;
	float:left;	
}
#footer  p#validadores a{
	width:82px;
	height:40px;
	float:left;
	display:block;
	text-indent:-9999px;	
}

#footer  p#validadores a.ref_inicio{ background: url(../images/boton_inicio.gif) 0 0 no-repeat; }
#footer  p#validadores a.ref_contacto{ background: url(../images/boton_contacto.gif) 0 0 no-repeat; margin: 0 20px 0 0;}
#footer  p#validadores a:hover.ref_inicio{ background: url(../images/boton_inicio.gif) 0 -45px no-repeat; }
#footer  p#validadores a:hover.ref_contacto{ background: url(../images/boton_contacto.gif) 0 -45px no-repeat; }

#footer  p#validadores a.xhtml{ background: url(../images/xhtml.gif) 0 0 no-repeat; }
#footer  p#validadores a.css{ background: url(../images/css.gif) 0 0 no-repeat; }
#footer  p#validadores a:hover.xhtml{ background: url(../images/xhtml.gif) 0 -45px no-repeat; }
#footer  p#validadores a:hover.css{ background: url(../images/css.gif) 0 -45px no-repeat; }
#footer   #col_footer{
	float:right;
}

/*submenu*/
#footer p#txt_hd a#administracion{
	/*position:absolute;
	top:100px;
	right:300px;*/
	color:#013986;
	font-weight:bold;
	font-family: "Trebuchet MS", sans-serif;
	font-size:11px;
	text-transform: uppercase; 		
	padding: 0 10px 0 0;
}

/* --------------- FORMULARIOS---------------  */
.form_gral input.text, .form_gral select.text{
	height:20px;
	border:1px solid #d9d9d9;
	background:#f9f9f9;
	margin: 4px 0 0 0;
	color:#101012;
}
.form_gral input:hover, .form_gral textarea:hover {
	border: 1px solid #012B64;
}

.form_gral textarea{
	width:450px;
	height:150px;
	border:1px solid #d9d9d9;
	background:#f5f5f5;	
	margin: 4px 0 0 0;	
	color:#101012;	
}

.form_gral input.submit{
	width:140px;
	padding: 4px 10px;
	margin:0 auto 0;
	display:block;
	font-size:12px;
	cursor: pointer;
	color: #fff;
	/*background: #36669E;
	border-width: 1px;
	border-style: solid;
	border-color: #f5f5f5 #555555  #555555 #f5f5f5;*/
	background: url(../images/b_enviar.jpg)  50% 0 no-repeat;
    height:30px;
    border:none;	
}
.form_gral input.submit_short{
	width:100px;
	padding: 4px 10px;
	margin:0 auto 0;
	display:inline;
	font-size:12px;
	cursor: pointer;
	color: #fff;
	background: url(../images/b_buscar.jpg)  50% 0 no-repeat;
    height:24px;
    border:none;	
}

.form_gral table td{
	vertical-align:top;
	padding: 3px 0 3px;
}

.form_envia input.text{
	width:450px;
}
.form_contacto input.text{
	width:400px;
}
.form_contacto textarea{
	width:400px;
}

p.aviso{
	color: red;
	margin: 0 0 15px 0;
}

#texto_contacto{
	width:200px;
	position:absolute;
	top:40px;
	right:20px;
	line-height:18px;
	text-align:left;
}
#texto_contacto p{
	line-height:16px;
}
#texto_contacto a{
	line-height:16px;
}

/* --------------- CLEARFIX ---------------  */
.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

.clearfix {
    display: inline-block;
}

html[xmlns] .clearfix {
    display: block;
}

* html .clearfix {
    height: 1%;
}