html, body{ 
 margin:0; 
 padding:0; 
 background-color: #fff;
 text-align:left; 
 font-family: Arial, Helvetica, sans-serif;
color: #666;
background-image:url(../imagenes/bg_body.jpg);
background-repeat:repeat-x;
line-height:22px;
 
} 
#capah1{
display:none;}
.oculto { position:absolute; /*left:-999px;*/ width:990px; font-size:0%; left:-1060px; top:-30px; }
 /* --Typography and Links-- */
 
a {
	color: #B70079;
	text-decoration:underline;

}
.separata{
height: 10px;
color:#333333;
background-color:#333333;
}
a:link {
}

a:visited{

}

a:hover, a:active {
text-decoration:none;
}

p {
	text-align: justify;

}

h1,h2,h3 {
margin-bottom:20px;
	
	}

acronym {
	color: #9C743D;
	font-weight: bold;
	font-style: oblique;
	border: 0px;
}
fieldset {


	}
	
legend {


}
.floatright {
	float: right;
	margin: 10px;
	border: solid 5px #333333;
}
title{
background-color:#006633;
color: white;}
/****************************************************************/
.color3{
color:#FFFFFF;}
.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;
color: #fff;
margin: 0px;
background-image:url(../imagenes/noticias/calendar.gif);
background-repeat:no-repeat;
padding: 0px 7px;
width:36px;
}

.textfield{
border: 1px solid #777;
color: #666666;
font-size:11px;
margin: 3px;
}


.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:97%; 
 text-align:left;  
 margin: 0 auto;
 background-color: #fff;
 border-bottom:1px solid #ccc;
} 
#wrapper{
margin:10px 0 0 0;
}
#header{
 position:relative; 
 height:200px; 
 background-color:#B70079; 
 width:100%;
 margin: 0px;
 padding: 0px;
 background-image:url(../imagenes/cabecera/index.jpg);
 background-repeat:no-repeat;
 background-position:right top;
 
} 
 
#leftcol{
 width:210px; 
 float:left; 
 position:relative; 
 
 margin: 0px 0 0px 0px;
 //margin-top: 0px;
 padding: 0px 0px 0px 0px;
font-size: 80%;
background-color: #ffffff;
}
 #rightcol{
 width:270px; 
 float:right; 
 position:relative;  
 margin: 0px 10px 0px 0px;
 //margin-top: 10px;
 padding: 0px 0px 0px 0px;
font-size: 90%;
background-color: #fff;
}

#maincol{ 
 margin: 0px 320px 0px 240px;
 padding:0px 0 0 0;
 }
#separatafooter{

 } 
#footer{
background-color:#FFFFFF;
border-top:1px solid #B8007A;
margin:10px 0;
padding:20px 0 5px 0;
font-size:80%;

 } 
 #footer img{
BORDER: 0;
 } 
#pie{
font-size:0.8em;
padding:10px;
margin:0;
text-align:center;
color:#FFFFFF;}
#pie a{
color:#FFFFFF;
text-decoration:underline;}
#pie a:hover{
color:#FFFFFF;
text-decoration:none;}
 /******************** PATH CABECERA *********************/
 #path{
 
 position:relative;
	margin: 0px 0px 0px 0px;
	padding: 0px 0 0 20px ;
	top: 0px;
	color: #B8007B;
	text-decoration: none;
	font-weight: normal;
	font-size: 70%;
 background-color: #EAEAEA;
 border-bottom: 3px solid #f7f7f7;
 letter-spacing: 0.2em;
 height:25px;
}
#path a{
	color: #999;
	text-decoration: none;
	text-decoration:none;
	line-height:20px;
	font-weight:bold;
}

#path a:hover, a:active{
	color: #B8007A;
}


/********************centro********************/
/*****************************************************/

#container{
margin:0px 10px 0 0;
padding:0;}
#container h1{

}
#container h2{
	color: #333333;
	margin:0 0 10px 0;
	padding:0;
	text-transform:uppercase;
}
#container h3{
	margin:0 0 10px 0;

}
#container h4{

}
#container img {border: 0;}
#container table {

}

.color1{
border: 1px dotted #666;
background-color:#E8E8E8;

}
.color2{
border: 1px dotted #666;
background-color:#fff;

}
#container td {


}
/************menu izquierda*****************/

#menuvertical { 
	position: relative; 
	top: -102px;
	font-size: 80%;
	float: left;
	margin-left: 5px;
	background-color: #ffffff;
	border: solid 1px #cccccc;
	}
#logotipo{


	margin: 0px;
	padding:0px;
}

/*************** boletin************************/
#boletin { 
	background-color: #FFFFFF;
	padding: 2px;
	margin: 0px 0px;
	}
	#boletinsuscripcion {
	margin: 0px;
	padding:0;
	top:55px;
	position:relative;
}
#boletinsuscripcion a{
text-align:right;

	margin: 0px;
	padding:0px 5px 0 5px;
	color: #fff;
	font-size: 110%;
	font-weight: bold;
text-decoration:none;


}
#boletinsuscripcion a:hover{
	color: #000;
	background-color:#FFFFFF;
}
 /*************** miembros ************************/
#miembros { 
	background-color: #211D15;
	padding: 0px;
	margin: 0px;
	width: 100%;
	background-image:url(../imagenes/izquierda/fondo_registro_miembros.png);
	background-repeat:repeat-y;
	background-position:left;
}
#miembros h2{
	margin: 0px 0px 0px 0px;
	padding:5px 3px 5px 29px;
	color: #333;
	font-size: 80%;
	font-weight: bold;
	background-color:#CBD300;
	border-bottom: 1px solid #fff;
	background-image:url(../imagenes/izquierda/fondo_login.gif);
	background-repeat:no-repeat;
	background-position:left top;
}

#miembros form{
padding: 3px;
color: #fff;
font-size: 11px;
margin:0;
}
#miembros label{
padding: 0px;
color: #fff;
font-size: 11px;
margin:0;
}
#miembros .boton{
	background-color:#333;
	border-bottom: 1px solid #fff;
padding: 5px;
color: #fff;
font-size: 11px;
font-weight:bold;
margin:0;
}
#miembrosventaja { 
	font-size: 85%;
	background-color: #CBD300;
	padding: 5px 5px 0px 15px;
	margin: 0px 0px 0px 0px;
	min-height: 32px;
    height: auto !important;
    height: 32px;
	border-top: 1px solid #666;
	color: #fff;
font-weight:normal;
text-align: left;
border-bottom: solid fpx #fff;
}
#miembrosventaja a{
line-height: 20px;
color: #333;
text-decoration:none;
padding: 5px 0px 5px 25px;
margin:0px 0 0 0;
font-weight:normal;
text-align: right;
line-height:25px;
}
#miembrosventaja .ventajas{
background-image:url(../imagenes/izquierda/icono_registro.gif);
background-repeat:no-repeat;
background-position:bottom left;
}
#miembrosventaja .clave{
background-image:url(../imagenes/izquierda/icono_clave.gif);
background-repeat:no-repeat;
background-position:bottom left;
}
#miembrosventaja .registro{
background-image:url(../imagenes/izquierda/icono_registro1.gif);
background-repeat:no-repeat;
background-position:bottom left;
}
#miembrosventaja a:hover{
text-decoration:underline;
}

#miembrosclave { 
	padding: 3px 0px 3px 5px;
	margin: 0px 0px 0px 0px;
	color: #666;
font-size: 80%;
font-weight:normal;
border-top: solid 1px #fff;
}
#miembrosclave a{ 
	color: #6736B5;
	text-decoration:underline;

}

/*************** ESTILO PIE *********************/
#pieizquierdo{
 float:left; 
 position:relative; 
 margin: 0px 5px 0px 5px;
 padding: 0px 0px 0px 0px;
font-size: 80%;
  text-align:center;
 }
 
#piederecho{
 float: right; 
 display:inline; 
 position: relative; 
 margin: 0px 5px 0px 0px;
  padding: 0px 0px 0px 0px;
  text-align:center;
 }

#Layer2
{
	position:absolute;
	width:200px;
	z-index:1;
	color:#444;
	z-index: 1;
  -moz-opacity: .85;
	opacity: .85;
	filter: alpha(opacity=90);
	padding: 8px;
	border:2px solid #99CC00;
	background-color: #ECE9D8;
	color: #666;
	font: bold 9px Tahoma, Verdana, Arial, Helvetica, sans-serif;
	text-align: left;

}
#Layer2
{
	position:absolute;
	width:200px;
	height:115px;
	z-index:1;
	background-color: #EEEEEE;
	visibility: hidden;
}
#logos{
margin:0;
padding:0;
border-bottom:1px solid #ccc;}
#logos ul{
margin:0;
padding:0;}
#logos ul li{
display:inline;
margin:0 5px;
padding:0;}
/********************************************************/
#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;}
}

