html, body{ 
 margin:0; 
 padding:0; 
 background-color: #ffffff;
 text-align:left; 
 font-family:Verdana, Arial, Helvetica, sans-serif;
color: #666;
 
} 
/************estilos especiales cifal***************************************/

div#contenedor {
	/*width: 750px;*/
	margin: 0 auto;
}



div#publicidad {
	width: 160px;
	float: right;
	background-color:#0172A6;
	margin: 0;
	padding:0;
	overflow:visible;
}

div#menu {
	width: 190px;
	float: left;
	position:absolute;
	margin: -131px 0 0px 5px;
	padding: 0px 0px 0px 0px;
	font-size: 80%;
	background-color: #ffffff;
	border: solid 1px #cccccc;
	z-index: 1;
	clear:both;
}



div#contenido {
	margin: 0 160px 0 197px;
	  min-height: 600px;
  height: auto !important;
  height: 600px;
}
#contenido h2{
	font-size: 140%;
	color: #FFFFFF;
	font-weight: bold;
	margin: 0px;
	padding: 10px 0px 10px 70px;
	font-family:"Courier New", Courier, mono;
	background-color: #0172A6;
	background-image: url(../imagenes/comun/logo_cifal_cabeceras.gif);
	background-repeat: no-repeat;
	background-position: 0;
	height: 50px;
}
/********************************************************/
#capah1{
display:none;}
.oculto { position:absolute; /*left:-999px;*/ width:990px; font-size:0%; left:-1060px; top:-30px; }
 /* --Typography and Links-- */
a {
	color: #8099B3;

}
.separata{
height: 10px;
color:#333333;
background-color:#333333;
}
a:link {
	color: #003399;
text-decoration:none;


}

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: 70%;
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;}
/****************************************************************/
.boton{
background-color:#FFFFFF;
border: 1px solid #777;
color: #666666;
margin: 5px 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;
}
.textfield{
border: 1px solid #777;
color: #666666;
font-size:11px;
margin: 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%;}

#usuario{ 
	position: relative;
background-image:url(../../../adl/html/imagenes/fondo_usuario.gif);
background-repeat:no-repeat;
	font-size: 60%;
	top: 15px;
	float: right;
	margin-right: 5px;
color: white;
font-weight:bold;
	padding: 7px 5px 7px 35px;
clear: both;
		
		}
#usuario2{
border-top: 2px solid #666;
background-image:url(../../../adl/html/imagenes/fondo_usuario2.gif);
background-position:left top;
	font-size: 80%;
color: white;
font-weight:bold;
	padding: 0px 5px 0px 33px;
clear:both;
margin: 0px;
height: 30px;
		
		}
#usuario2left{
float:left;
margin: 0px;
padding: 5px 0px 0px 0px;
}
#usuario2right {
float:right;
width: 28px;
margin: 0px;
padding: 0px;
text-align:right;
border: 0px;
}
#usuario2sesion {
background-image:url(../../../adl/html/imagenes/fondo_usuario2_a.gif);
background-position:left top;
background-repeat:repeat-x;
padding: 4px 0px;
margin: 0px 0px 0px 0px;
width: 100%;		
height: 15px;
		}
#usuario2sesion2 {
padding: 0px;
margin: 0px 0px 0px 0px;
width: 28px;		
height: 28px;
float: right;
		}
#usuario2sesion a{

font-size: 70%;
color: #224568;
font-weight:bold;
text-align:right;
text-decoration:none;
padding: 9px 0px 9px 35px;
margin: 5px 0px;


		}
/************ contenedores principales ****************************/
#pagewidth{ 
 width:775px; 
 text-align:left;  
margin-left:auto; 
 margin-right:auto;  
 background-color: #656565;

} 
 
#header{
 position:relative; 
 height:200px; 
 background-color:#ffcc00; 
 width:100%;
 margin: 0px;
 padding: 0px;
 background-image:url(../imagenes/cabecera/index.jpg);
 background-repeat:no-repeat;
 background-position:right top;
 
} 
 
#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;


 }


 /*************** ESTILO PIE *********************/
 #footer{
	background-color: #656565;
	clear:both;
	margin: 0px 0px 10px 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: 1px solid #cccccc;
	width: 100%;
	position: relative;
	margin: 0px 0px 0px 0px;
	padding: 15px 0px 5px 0px;
	text-align:center;
	background-image: url(../imagenes/comun/fondo_pie.gif);
	background-repeat: repeat-x;
	background-position: top;
 }
#separatafooter{
 background-color: #656565;
 clear:both;
 margin: 0px 0px 0px 0px;
 padding: 0px;
 height: 10px;
 } 
/*************************************************************/

 /******************** PATH CABECERA *********************/
 #path{
	position: absolute;
	margin-left: 220px;
	padding: 0px;
	top: 180px;
	color: white;
	text-decoration: none;
	font-weight: bold;
	font-size: 60%;
	width: 450px;

}
#path a{
	color: white;
	text-decoration: none;
	text-decoration:none;
}

#path a:hover, a:active{
	color: #ffcc00;
}


/********************centro********************/
/*****************************************************/

#container
{padding:0px;
margin: 0;
}

#container h1{

}
#container h2{
font-size: 140%;
	color: #FFFFFF;
	font-weight: bold;
	margin: 0px 0 10px 0;
	padding: 10px 0px 10px 70px;
	font-family:"Courier New", Courier, mono;
	background-color: #0172A6;
	background-image: url(../imagenes/comun/logo_cifal_cabeceras.gif);
	background-repeat: no-repeat;
	background-position: 5px;
	height: 55px;
}
#container h3{
font-size: 140%;
color: #003366;
font-weight: bold;
margin: 5px 0px;
padding: 2px 5px 2px 10px;
font-family:"Courier New", Courier, mono;
background-color:#B8C5D4;
border: 1px dotted #333;
}

#container h4{
font-size: 90%;
color: #003366;
font-weight: bold;
margin: 0px;
padding: 0px 0px 0px 10px;
font-family:"Courier New", Courier, mono;
}

/************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.gif);
	background-position: center;
	background-repeat: no-repeat;
	height: 130px;
	margin: 0px;
	padding:0px;
	border-bottom: 2PX SOLID #656565;
}

/*************** boletin************************/
#boletin { 
	background-color: #ffffff;
	border-top: solid 2px #656565;
	background-image:url(../imagenes/index/boletin.png);
	background-repeat:no-repeat;
	padding: 0px;
	margin: 0px;
	height: 75px;
	vertical-align:bottom;

	}
#boletin a{
	margin: 43px 0px 0px 0px;
	padding:5px;
	color: #ffffff;
	font-size: 70%;
	font-weight: bold;
	text-align:right;
	float:right;
	width: 120px;
text-decoration:none;

}
#boletin a:hover{

}
 /*************** miembros ************************/
#miembros { 
	background-color: #FFFFFF;
	border-top: solid 2px #656565;
	background-image:url(../imagenes/izquierda/fondo_registro_miembros.jpg);
	background-repeat:no-repeat;
	background-position: 0PX 0PX ;
	padding: 0px;
	margin: 0px;
	width: 100%;
}
#miembrosventaja { 
	background-color: #ffffff;
	background-image:url(../imagenes/izquierda/fondo_ventajas_miembros.gif);
	background-repeat:no-repeat;
	padding: 5px 0px 5px 0px;
	margin: 0px 0px 0px 0px;
	width: 100%;
}
#miembrosventaja a{ 

color: #364454;
font-size: 80%;
text-decoration:none;
padding: 0px 30px 0px 10px;
margin:0px;
font-weight:bold;

}
#miembros h2{
	margin: 0px 0px 0px 0px;
	padding:5px 3px 5px 29px;
	color: #364454;
	font-size: 80%;
	font-weight: bold;
	background-color:#ff6600;
	border-bottom: 1px solid #fff;
	background-image:url(../imagenes/izquierda/fondo_login.gif);
	background-repeat:no-repeat;
	background-position:left top;
}




/*************** 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:Verdana, Arial, Helvetica, sans-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, "Times New Roman", Times, serif;
margin: 0px;
padding: 0px;
color:#003366;
font-size: 90%;
font-weight: bold;
text-decoration:none;
}
 
/********************************************************/
#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;} 
#twocols, #maincol{width:85%; float:left; border:0;}
#noticia img{display:none;}
#footer {display:none;}
#noticiadetalle{display:none;}
#path{display:none;}
#header{visibility:hidden;}
div#publicidad{display:none;}
div#menu{display:none;}
}