html, body{ 
 margin:0; 
 padding:0; 
 background-color: #CCCCCC;
 text-align:left; 
 font-family:Verdana, Arial, Helvetica, sans-serif;
color: #666;
 
} 
#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;}
/****************************************************************/
.interlineadomayor{
	line-height: 20px;
}
.tecla{
background-color:#eee;
border-top: 1px solid #666;
border-bottom: 2px solid #666;
border-left: 1px solid #666;
border-right: 2px solid #666;
padding:0px;
margin: 5px;
overflow:auto;}
.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(../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(../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%;}
.deshabilitado{
color: #CCCCCC;}
#usuario{ 
	position: relative;
background-image:url(../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(../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(../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:left 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;
min-height: 800px;
height: auto !important;
height: 800px;
 }
 
#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: 680px;
height: auto !important;
height: 680px;


 }
#separatafooter{
 background-color: #656565;
 clear:both;
 margin: 0px 0px 0px 0px;
 padding: 0px;
 height: 10px;
 } 
#footer{
 background-color: #656565;
 clear:both;
 margin: 0px 0px 10px 0px;
 padding: 0px;
 } 
 #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;
 } 
 /******************** 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;
	background-image: url(fsdfsdfsd%20fdsfsd);

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

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


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

#container
{padding:5px;
background-image: url(../imagenes/comun/esquinah1.jpg);
background-repeat:no-repeat;


}
#container h1{
font-size: 140%;
color: #003366;
font-weight: bold;
margin: 0px;
padding: 5px 5px 5px 10px;
font-family:"Courier New", Courier, mono;
}
#container h2{
font-size: 140%;
color: #003366;
font-weight: bold;
margin: 0px;
padding: 5px 5px 5px 10px;
font-family:"Courier New", Courier, mono;
}
#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;
  min-height: 25px;
  height: auto !important;
  height: 25px;

}
#container h4{
font-size: 90%;
color: #003366;
font-weight: bold;
margin: 0px;
padding: 0px 0px 0px 10px;
font-family:"Courier New", Courier, mono;
}
#container img {border: 0;}
#container table {
border: 1px solid #666;
margin: 20px 0;
padding: 0px;
font-size: 80%;
vertical-align:top;
}
.color1{
border: 1px dotted #666;
background-color:#E8E8E8;

}
.color2{
border: 1px dotted #666;
background-color:#fff;

}
#container td {
border-bottom: 1px dotted #666;
padding: 5px;

}
/************menu izquierda*****************/

#menuvertical { 
	position: relative; 
	top: -102px;
	font-size: 80%;
	float: left;
	margin-left: 5px;
	background-color: #ffffff;
	border: solid 1px #cccccc;
	}
#logotipo{

	height: 110px;
	margin: 0px;
	padding:0px;
}

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

	}
#boletin a{
	margin: 38px 0px 0px 0px;
	padding:5px;
	color: #496200;
	font-size: 70%;
	font-weight: bold;
	text-align:center;
	float:right;
	width: 65px;
text-decoration:none;

}
#boletin a:hover{
	margin: 38px 0px 0px 0px;
	padding:5px;
	color: #fff;
	font-size: 70%;
	font-weight: bold;
	text-align:center;
	float:right;
	width: 65px;
	text-decoration:none;
}
 /*************** 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 20PX ;
	padding: 0px;
	margin: 0px;
	width: 100%;
}
#miembrosventaja { 
	background-color: #ffffff;
	background-image:url(../imagenes/izquierda/fondo_ventajas_miembros.gif);
	background-repeat:no-repeat;
	padding: 0px 0px 0px 0px;
	margin: 5px 0px 0px 0px;
	height: 23px;
width: 100%;
}
#miembrosventaja a{ 

color: white;
font-size: 80%;
text-decoration:none;
padding: 2px 0px 0px 35px;
margin:0px;
font-weight:bold;

}
#miembros h2{
	margin: 0px 0px 0px 0px;
	padding:5px 3px 5px 30px;
	color: #364454;
	font-size: 84%;
	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;
}



/*************** ESTILO PIE *********************/
#pieizquierdo{
 width:25%; 
 float:left; 
 position:relative; 
 margin: 0px 5px 0px 5px;
 padding: 0px 0px 0px 0px;
font-size: 80%;
background-color: #ffffff;
border: solid 1px #cccccc;
  text-align:center;
 }
 
#piederecho{
background-color: #fff;  
border: 1px solid #cccccc;
 float: right; 
 display:inline; 
 position: relative; 
 width:71%; 
 margin: 0px 5px 0px 0px;
  padding: 0px 0px 0px 0px;
  text-align:center;
 }

/*************************************************************/
/*************** 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(../imagenes/index/fondo_areasconh2.gif);
background-repeat:no-repeat;
font-family:Verdana, Arial, Helvetica, sans-serif;
}
#areasconbanner{

background-image:url(../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{display:none;}
}