html, body{ 
 margin:0; 
 padding:0; 
 background-color: #CCCCCC;
 text-align:center; 
 font-family:Verdana, Arial, Helvetica, sans-serif;
 
} 
#capah1{
display:none;}
.oculto { position:absolute; /*left:-999px;*/ width:990px; font-size:0%; left:-1060px; top:-30px; }
 /* --Typography and Links-- */
a {
	color: #00008B;
}
.separata{
height: 10px;
color:#333333;
background-color:#333333;
}
a:link {
	color: #003399;

}

a:visited{

}

a:hover, a:active {
	color: #DB7762;


}
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-top: 1px solid #777;
border-right: 1px solid #777;
border-bottom: 2px solid #777;
border-left: 1px solid #777;
color: #666666;
margin: 5px 5px;;
}
.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;
}
.textfield{
border: 1px solid #777;
color: #666666;
font-size:11px;
margin: 3px;
}
.destacarlink {
margin: 50px;
padding: 5px;
font-size: 75%;
font-weight:bold;
text-align:center;
background-color:#003399;
color: white;
clear:both;
}
.texto{

font-size: 80%;}

.inscripcion{
font-size: 10px;
padding: 10px 10px 10px 30px;
background-color:#FFCC33;
background-image:url(../imagenes/generada/inscripcion.gif);
background-repeat:no-repeat;
text-decoration:none;
border-bottom: 3px solid #F0B500;
border-right: 3px solid #F0B500;

}
#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: -100px 0 0px 5px;
 padding: 0px 0px 0px 0px;
font-size: 80%;
background-color: #ffffff;
border: solid 1px #cccccc;
	  min-height: 600px;
  height: auto !important;
  height: 600px;
 }
 
#maincol{
background-color: #fff;  
border: 1px solid #cccccc;
 float: right; 
 display:inline; 
 position: relative; 
 width:71%; 
 margin: 5px 5px 5px 0px;
 padding: 0px;
	  min-height: 640px;
  height: auto !important;
  height: 640px;

 }
#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;
 } 
 #footer2{
 height:20px; 
 background-color: #cccccc;
 clear:both;
 margin: 0px;
 padding: 0px;
 border-top: 10px solid #656565;
 color: #656565;
 } 
 /******************** 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: 5px;
margin: 0px 0px 10px 0px;
background-image: url(../imagenes/comun/esquinah1.gif);
background-repeat:no-repeat;

}

#container a{
text-decoration:underline;

}
#container a:hover{

}
#container p{
margin-bottom: 15px;
font-size: 70%;
}
#container h1{
font-size: 110%;
color: #ff9900;
font-weight: bold;
margin: 0px;
padding: 5px 5px 5px 10px;
}
#container h2 {
font-size: 75%;
color: #ffffff;
margin: 5px 10px;
padding: 5px;
width: 500px;

}
#container h3 {

color: #003366;
margin: 5px 0px;
padding: 5px ;


}
#container h4 {


}

#container table{
background-color: #eeeeee;
border: solid 1px #666666;
text-align: left;
}

#container th{
	background-color: #99CC00;
	color: #ffffff;
	padding: 5px;
}
#container tr{
background-image: url(../imagenes/fondo_tr.gif);
 background-repeat: repeat-x;
 background-position: bottom;

}
#container td{
 padding: 5px;
}
.destacado1{
font-weight:bold;
padding: 0px 5px;
color: #FF8C00;
margin: 0px 0px 0px 0px;
padding: 0px;
}
#container img {border: 0;}

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

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

	height: 60px;
	margin: 0px;
	padding:30px 0 10px 0;
	text-align: center;
}

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

	}
#boletin a{
	margin: 0px;
	padding:5px;
	color: #003366;
	font-size: 80%;
	font-weight: bold;
	text-align:right;
	float:right;
	width: 50%;

text-decoration:none;
}
#boletin a:hover{
	margin: 0px;
	padding:5px;
	color: #ff9900;
	font-size: 90%;
	font-weight: bold;
	text-align:right;
	float:right;
}
 /*************** miembros ************************/
#miembros { 
	background-color: #E7E7EA;
	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;
	border-top: solid 2px #656565;
	background-image:url(../imagenes/izquierda/fondo_ventajas_miembros.gif);
	background-repeat:no-repeat;
	padding: 3px 0px ;
	margin: 0px 0px 0px 0px;
	height: 26px;
width: 100%;
}
#miembrosventaja a{ 

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

}
#miembros h2{
	margin: 0px 0px 50px 0px;
	padding:5px 3px 5px 25px;
	color: #fff;
	font-size: 85%;
	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;
}
#miembros fieldset {
border:1PX dotted #CCC;
padding:50px 0px;
}
#miembros legend{
color:#666; 
padding:5px 5px;
}
#miembros p label {
font-weight:bold;
font-size: 100%;
float: left;
width: 42%; 
text-align:left;
padding:5px; 
color: #666;

}
#miembros p br {
clear: left;
}

/*************** 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;
 }
 #footer img {border:0;}
/********************************************************/
 /* *** 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;}
}