html, body{ 
 margin:0; 
 padding:0; 
 background-color: #ffffff;
 text-align:left; 
	font-family: Verdana, Arial, Helvetica, sans-serif;
color: #666;
 
} 
/************estilos ***************************************/

div#contenedor {
	/*width: 750px;*/
	margin: 0 auto;
}

div#titularpag{
	margin: 0 0 0 10px;
	padding: 0;
	background-image: url(imagenes/comun/logo_cifal_cabeceras.gif);
	background-repeat: repeat-x;
	background-position: top left;
		  min-height: 50px;
  height: auto !important;
  height: 50px;

}
div#titularpag h2{
	color: #FFFFFF;
	font-weight: bold;
	margin: 0px 0 0 190px;
	padding: 10px 0 0 55px;
	font-family: "Trebuchet MS";
	background-image: url(imagenes/comun/fondo_h2_titularpag.gif);
	background-repeat: no-repeat;
	background-position: top left;

}

div#publicidad {
	width: 170px;
	float: right;
	background-color:#f3f3f3;
	margin: 3px;
	padding:0;
	overflow:visible;
	border: 1px solid #ccc;


}

div#menu {
	width: 190px;
	float: left;
	position:relative;
	margin: -132px 0px 5px 5px;
	padding: 0px 0px 0px 0px;
	font-size: 80%;
	background-color: #ffffff;
	border: solid 1px #cccccc;
	overflow:visible;
	z-index: 3;
	clear:both;
}



div#contenido {
	margin: 0 180px 0 200px;
	padding: 0 0px 0 0px;
	  min-height: 460px;
  height: auto !important;
  height: 460px;
  position:relative;






}

div#contenidoplantilla {
position:relative;
	margin: 0 0px 0 200px;
	padding: 0 0px 0 0px;
	  min-height: 460px;
  height: auto !important;
  height: 460px;




  

}


#barrasuperior{	
	background-color: #fff;
	margin: 0;
	padding:0;
	height:30px;
	top: 0;
	width:inherit;

}
/********************************************************/
#capah1{
display:none;}
.oculto { position:absolute; /*left:-999px;*/ width:990px; font-size:0%; left:-1060px; top:-30px; }
 /* --Typography and Links-- */
a {
/*	color: #0098B8;*/
	color: #003399;

}
.separata{
height: 10px;
color:#333333;
background-color:#333333;
}
a:link {
/*	color: #0098B8;*/



}

a:visited{

}

a:hover, a:active {



}
p {
	text-align: justify;
	margin: 10px 10px;
	font-size: 80%;
	color: #666666;
}

h1,h2,h3 {
	
	}

acronym {
	color: #9C743D;
	font-weight: bold;
	font-style: oblique;
	border: 0px;
}
fieldset {
padding: 0 3em 1em 1em;
font-size: 80%;
color: #666666;
font-weight:bold;

	}
	
legend {
padding: 5px;
margin:  0px 0px 5px 0px;
font-size: 90%;
color: #666666;
font-weight:bold;
background-color:#CCCCCC;
text-transform:uppercase;

}
.floatright {
	float: right;
	margin: 10px;
	border: solid 5px #333333;
}
title{
background-color:#006633;
color: white;}
/****************************************************************/
.blanco{
color: #fff;
}
.boton{
background-image: url(imagenes/comun/boton.gif);
background-position:left top;
background-repeat:repeat-x;
border-bottom:solid 1px /*#737574*/#999; 
border-right:solid 1px #999; 
border-left:solid 1px #ccc; 
border-top:solid 1px #ccc; 
background-color:#999; 
color:#666; 
font-weight:bold; 
font-size:80%; 
padding:2px 5px; 

}
.botonbuscador{
background-color:#FFFFFF;
border: 1px solid #666;
color: #666666;
margin: 0px 5px;
padding: 0px;
font-size: 80%;
font-weight:bold;
}
.botonfecha{
background-color:#B0B7CA;
border: 1px solid #777;
color: #fff;
margin: 0px;
background-image:url(imagenes/noticias/calendar.gif);
background-repeat:no-repeat;
padding: 0px 7px;
}
.botonautodiagn {
background-color:#6B89A6;
border: 1px solid #777;
color: #fff;
margin: 5px 0px 5px 25px;
background-image:url(../../../adl/html/imagenes/buenas_practicas/fondo_indicadores.png);
background-repeat:no-repeat;
padding: 5px 5px 5px 30px;
font-weight:bold;
text-decoration:none;
}
.botonbp {
background-color:#6B89A6;
border: 1px solid #777;
color: #fff;
margin: 5px;
background-image:url(../../../adl/html/imagenes/buenas_practicas/fondo_autodiag.png);
background-repeat:no-repeat;
padding: 5px 5px 5px 28px;
font-weight:bold;
text-decoration:none;
}
a.botoncambioclave {
background-color:#fff;
border-left: 2px solid #ccc;
border-right: 2px solid #ccc;
color: #ff9900;
margin: 5px;
background-image:url(imagenes/comun/cambio_clave.gif);
background-repeat:no-repeat;
padding: 5px 5px 5px 28px;
font-weight:bold;
text-decoration:none;
font-size:91%;
}
.textfield{
border: 1px solid #777;
color: #666666;
font-size:11px;
margin: 0px 3px;
}
.destacar {
color:#003E79;
font-weight:bold;
font-size: 70%;
padding: 5px;
margin: 5px 5px 5px 15px;
text-decoration: none;
background-color:#CCCCCC;

}
a:hover.destacar {
color:#fff;
background-color:#666;

}
.texto{

font-size: 80%;}


.pdf{
color:#FF9900;
text-transform:uppercase;
font-weight:bold;}

#usuario2 { 
	background-color: #ffffff;
	background-image:url(imagenes/izquierda/fondo_logeado.png);
	background-repeat:no-repeat;
	background-position: top left;
	padding: 5px 5px 20px 45px;
	margin: 0px 0px 0px 0px;
	min-height: 35px;
    height: auto !important;
	border-top: 1px solid #fff;
	border-bottom: solid 1px #fff;
	color:#FFFFFF;
}
#usuario2 p{
	color: #fff;
font-size: 90%;
font-weight:normal;
font-family: Georgia, "Times New Roman", Times, serif;
text-align: right;
margin: 0 0 0 0;
padding:0 0 0 0;
font-weight: bold;

}
#usuario2 a{ 
color: #fff;
text-decoration:underline;
padding: 5px 0px 0px 0px;
margin:0px 0 0 0;
font-weight:normal;
font-family: Georgia, "Times New Roman", Times, serif;
float: left;
font-size: 90%;
}
/************ contenedores principales ****************************/
#pagewidth{ 
 width:775px; 
 text-align:left;  
margin-left:auto; 
 margin-right:auto;  
 background-color: #656565;

} 
 
#header{
 position:relative; 
 height:140px; 
 background-color:#EFEFEF; 
 width:100%;
 margin: 0px;
 padding: 0px;
 background-image:url(imagenes/cabecera/index.jpg);
 background-repeat:no-repeat;
 background-position:right top;
 	border-top:1px solid #000;
 
} 
 
#leftcol{
 width:25%; 
 float:left; 
 position:relative; 
 margin: -111px 0 0px 5px;
 padding: 0px 0px 0px 0px;
font-size: 80%;
background-color: #ffffff;
border: solid 1px #cccccc;
 }
 
#maincol{
background-color: #fff;  
border: 1px solid #cccccc;
 float: right; 
 display:inline; 
 position: relative; 
 width:71%; 
 margin: 5px 5px 5px 5px;
 padding: 0px;
 min-height: 630px;
 }

#iconomas{
	position:absolute;
	right: 25px;
	top: 135px;
	color: #fff;
	font-size:50px;
	font-family:verdana;
	z-index: 4;
	font-weight:bold;
	visibility: visible;
}
#fondocolor{
background-color:#eee;
padding: 5px 0;
margin: 5px 0;}
 /*************** ESTILO PIE *********************/
 #footer{
	background-color: #656565;
	clear:both;
	margin: 0px 0px 0px 0px;
	padding: 0px;
	border: 0;


 } 
 #footer img{
BORDER: 0;
 } 
 #footer2{
 height:20px; 
 background-color: #cccccc;
 clear:both;
 margin: 0px;
 padding: 0px;
 border-top: 10px solid #656565;
 color: #656565;
 } 
  #footer2{
  BORDER: 0;
 } 
 
#pieizquierdo{
 width:190px; 
 margin: 0px;
 padding: 5px 0px 5px 0px;

background-color: #ffffff;

  text-align:center;
 }
 #pieizquierdo img{
border: 0;
 }
 
#piederecho{
	background-color: #fff;
	border-top: 3px solid #cccccc;
	width: 100%;
	position: relative;
	margin: 0px 0px 0px 0px;
	padding: 5px 0px 5px 0px;
	text-align:right;

 }
#separatafooter{
 background-color: #656565;
 clear:both;
 margin: 0px 0px 0px 0px;
 padding: 0px;
 height: 10px;
 } 
/*************************************************************/

 /******************** PATH CABECERA *********************/
 #path{
	padding: 0px;
	color: #666;
	text-decoration: none;
	font-weight: bold;
	font-size: 60%;
	margin: 3px 5px 3px 5px;

}
#path a{
	color: #666;
	text-decoration: none;

}

#path a:hover, a:active{
	color: #0098B8;
	text-decoration: underline;
}


/********************centro********************/
/*****************************************************/

#container
{padding:0px 5px;
margin: 0;
}

#container h1{

}
#container h2{

}
#container h3{

}

#container h4{

}

/************menu izquierda*****************/

#menuvertical { 
	position: relative; 
	top: -102px;
	font-size: 80%;
	float: left;
	margin-left: 5px;
	background-color: #ffffff;
	border: solid 1px #cccccc;
	}
#logotipo{

	background-image: url(imagenes/logo.png);
	background-position: center;
	background-repeat: no-repeat;
	height: 80px;
	margin: 0px;
	padding:0px;
	border-bottom: 1PX SOLID #666;
}

/*************** boletin************************/
#boletin { 
	background-color: #ADD7E7;
	background-image:url(imagenes/index/boletin.png);
	background-repeat:no-repeat;
	padding: 0px 5px 0px 0px;
	margin: 0px;
	height: 78px;
	vertical-align:bottom;
	text-align:right;


	}
#boletin a{
	margin: 0;
	font-family:"Trebuchet MS";
	padding:0;
	color: #000;
	font-size: 140%;
	font-weight: bold;
	text-decoration:none;


}
#boletin a:hover{
	color: #FF9933;
}
 /*************** miembros ************************/
#miembros { 
	background-color:#E87C45;
	border-top: solid 1px #fff;
	padding: 0px;
	margin: 0px;
	width: 100%;
}
#miembros h2{
	margin: 0px 0px 0px 0px;
	padding:5px 3px 5px 29px;
	color: #333;
	font-size: 80%;
	font-weight: bold;
	background-color:#E87C45;
	border-bottom: 1px solid #fff;
	background-image:url(imagenes/izquierda/fondo_login.gif);
	background-repeat:no-repeat;
	background-position:left top;
}

#miembros form{
padding: 2px;
margin: 2px;
color: #fff;
font-size: 11px;
}

#miembrosventaja { 
	background-color: #ffffff;
	background-image:url(imagenes/izquierda/fondo_ventajas_miembros.gif);
	background-repeat:no-repeat;
	padding: 5px 5px 5px 35px;
	margin: 0px 0px 0px 0px;
	min-height: 32px;
    height: auto !important;
    height: 32px;
	border-top: 1px solid #fff;
	color: #fff;
font-size: 80%;
font-weight:normal;
text-align: right;
	border-bottom: solid 4px #ececec;
}
#miembrosventaja a{ 
color: #fff;
text-decoration:underline;
padding: 2px 0px 2px 0px;
margin:0px 0 0 0;
font-weight:normal;
text-align: right;
line-height: 16px;
}
#miembrosventaja a:hover{
background-color:#333333;

}

#miembrosclave { 
	padding: 3px 0px 3px 5px;
	margin: 0px 0px 0px 0px;
	color: #fff;
font-size: 80%;
font-weight:normal;
border-top: solid 1px #fff;
}
#miembrosclave a{ 
	color: #fff;
	text-decoration:underline;

}

/*************** areas conocimiento **********************/

#areascon{
	background-color: #eeeeee;
	margin: 20px 0px 20px 0px;
	padding:  0px;
	border: 1px solid #999;
	clear:both;
}

#areascon h2{
height: 20px;

color:#fff;
margin: 0px;
padding: 3px 0px 3px 25px;
font-size: 90%;
background-color:#6B89A6;
background-image:url(../../../adl/html/imagenes/index/fondo_areasconh2.gif);
background-repeat:no-repeat;
font-family:Georgia, "Times New Roman", Times, serif;
}
#areasconbanner{
background-image:url(../../../adl/html/imagenes/buenas_practicas/fondo_proponer.png);
background-repeat:no-repeat;
width:300px;
height:51px;
margin: 5px 0px 5px 0px;
padding: 10px;
text-align: center;}

#areasconbanner a{
font-family:Georgia, Georgia, "Times New Roman", Times, serif;
margin: 0px;
padding: 0px;
color:#003366;
font-size: 90%;
font-weight: bold;
text-decoration:none;
}
 
/*****************buscador**************************/
 #resultados{
 font-size: 0.8em;}
  #resultados hr{
  margin:5px 0;}
 .relevance{
 color:#999999;
 font-style:italic;}
 .highlight{
 font-weight:bold;}
/********************************************************/
#padding{
padding: 10px;}
 /* *** Float containers fix:*/
.clearboth { clear: both; }
.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 !important;} 
#twocols, #maincol{width:85%; float:left; border:0;}
#noticia img{display:none !important;}
#footer {display:none !important;}
#noticiadetalle{display:none !important;}
#path{display:inherit;}
#header{display:none !important;}
#publicidad,{display:none !important;}
#menu{display:none !important;}
#titularpag{display:none !important;}
#barrasuperior{display:none !important;}
#iconomas{display:none !important;}
#paginanoticia{width:90%; 	border-top: 0px solid #fff;
	border-right: 0px solid #fff;
	border-left: 0px solid #fff;
	border-bottom: 0px solid #fff;}
}
