@charset "utf-8";
/* CSS Document */

html{height:100%;}


body{
	font-family:Arial, Helvetica, sans-serif;
	height:100%; 
	margin:0;
	}
	
a, img{border:none;}

/*---------------fondos-----------------------*/

.tab_total{
	width:100%;
	height:100%;
	border-collapse:collapse;
	}
	
.cel_fondo_izq{
	background-image:url(img/fondo.jpg);
	background-position:right;
	width:25%;
	}
	
.cel_fondo_der{
	background-image:url(img/fondo_.jpg);
	background-position:left;
	width:25%;
	}
	

	
	
/*-----------------contenidos--------------------*/

/*estructura*/


.cel_conte{
	padding:0;
	width:778px;
	vertical-align:top;
	}

.tab_conte{
	width:778px;
	height:100%;
	border-collapse:collapse;
	}
	
.cel_header{
	width:100%;
	height:181px;
	background-image:url(./img/header.jpg);
	background-repeat:no-repeat;
	vertical-align:bottom;
	text-align:right;
	}
	
.tab_ingresar_afilarse{
width:145px;
height:181px;
margin-left:auto;
margin-right:0;
text-align:center;
}
	
	
.cel_main_contact{
vertical-align:top;
	height:auto;
	padding-top:35px;
	padding-right:145px;
	padding-left:147;
	background-image:url(img/fondo_contacto.gif);
	background-position:top left;
	background-repeat:no-repeat;
	}
	
.cel_pie{
	height:41px;
	background-color:#777777;
	text-align:center;
	vertical-align:middle;
	}
	
.cel_firma{
	padding-left:145px;
	}
	
.tab_firma{
	width:484px;
	height:130px;
	text-align:center;
	vertical-align:middle;
	border-collapse:collapse;
/*	margin-left:auto;
	margin-right:auto;*/
	padding-bottom:30;
	}
		
/*textos*/

.texto{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#777777;
	}
	
a{
	text-decoration:underline;
	color:#6C225D;
}

a:hover{
	text-decoration:none;
}

	
.titulo{
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	color:#777777;
	}
	
.pie_barra{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#ffffff;
	}
	
.purpura{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	color:#641F56;
	}

/*---------------links-----------------------*/

/*version idioma y enlaces externos*/

a.chico:link{
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#777777;
	text-decoration:none;
	}
	
a.chico:hover{
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#555555;
	text-decoration:underline;
	}
	
a.chico:active{
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#777777;
	text-decoration:none;
	}
	
a.chico:visited{
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#777777;
	text-decoration:none;
	}
	
/*similares al texto*/

a.medio:link{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#777777;
	text-decoration:none;
	}
	
a.medio:hover{

	text-decoration:underline;
	}
	
a.medio:active, a.medio:visited{

	text-decoration:none;
	}
	
/*menu*/

a.menu:link{
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#ffffff;
	text-decoration:none;
	font-weight:bold;
	}
	
a.menu:hover{
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#C4B0D0;
	text-decoration:none;
	font-weight:bold;
	}
	
a.menu:active{
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#ffffff;
	text-decoration:none;
	font-weight:bold;
	}
	
a.menu:visited{
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#ffffff;
	text-decoration:none;
	font-weight:bold;
	}
	
/*pie*/

a.pie:link{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#ffffff;
	text-decoration:none;
	}
	
a.pie:hover{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#dddddd;
	text-decoration:underline;
	}
	
a.pie:active{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#ffffff;
	text-decoration:none;
	}
	
a.pie:visited{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#ffffff;
	text-decoration:none;
	}
	
/*pdp*/

a.pdp:link, a.pdp:active, a.pdp:visited{
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#777777;
	text-decoration:none;
	margin-left:394px;
	}
	
a.pdp:hover{
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#555555;
	text-decoration:underline;
	margin-left:394px;
	}
	
/*-----secciones------*/

/*fundadoras*/

.tab_fundadoras{
width:484px;
margin-top:15px;
margin-bottom:15px;
}

.cel_foto_95{
width:99px;
height:99px;
background-color:#e1e1e1;
padding:5px;
vertical-align:middle;
}

.cel_foto_120{
width:124px;
height:124px;
background-color:#e1e1e1;
text-align:center;
vertical-align:middle;
padding:5px;
}

.cel_fund_nombre{
width:371px;
padding-left:10px;
vertical-align:bottom;
}

.cel_fund_text{
padding-top:15px;
width:484px;
}

/*noticias*/

.tab_noticias{
width:636px;
margin-top:10px;
margin-bottom:10px;
border:#e1e1e1 solid 2px;
}

.cel_foto_95 img{
	float:right;
}

.tab_foto_noticia{
width:125px;
height:125px;
}

.tab_fotos_noticia{
width:124px;
height:autopx;
float:right;
margin-left:20px;
margin-bottom:25px;
}

.cel_fotos_noticia_espacio{
width:124px;
height:10px;
}

.cel_fotos_noticia_pie{
width:110px;
padding:7px;
background-color:#e1e1e1;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
color:#777777;
}

.esp_foto_noticia_1{
width:13px;
height:13px;
}

.esp_foto_noticia_2{
width:13px;
}

.esp_foto_noticia_3{
height:13px;
}

.cel_noticia_texto{
width:342px;
height:auto;
padding-top:8px;
padding-bottom:8px;
padding-left:8px;
}

.cel_noticia_foto{
width:125px;
height:auto;
vertical-align:top;
}

.fecha_noticia{
    font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#777777;
	}

.titulo_noticia{
    font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	text-decoration:underline;
	color:#777777;
	line-height:25px;
	}
	
a.logearse{
    position:relative; /*this is the key*/
    z-index:24; 
/*	background-color:#666666;*/
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
    color:#777;
/*	font-weight:bold;*/
    text-decoration:underline;
	}

a.logearse:hover{
z-index:25;
text-decoration:none;
/*background-color:#666666;*/
}

a.logearse span{display: none}

a.logearse:hover span{ /*the span will display just on :hover state*/
	font-family:Arial, Helvetica, sans-serif;
	text-decoration:none;
	font-size:11px;
    display:block;
	position:absolute;
    top:18px; left:0px; width:240px;
	margin-top:0px;
	padding:6px;	 
 /*   border:1px solid #494949;*/
    background-color:#c4b0d0; color:#fff;
    text-align: left;
	}
	
a.logearsemas{
    position:relative; /*this is the key*/
    z-index:24; 
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
    text-decoration:none;
	color: #777;
	}

a.logearsemas:hover{
z-index:25;
text-decoration:none;
/*background-color:#666666;*/
}

a.logearsemas span{display: none}

a.logearsemas:hover span{ /*the span will display just on :hover state*/
	font-family:Arial, Helvetica, sans-serif;
	text-decoration:none;
	font-size:11px;
    display:block;
	position:absolute;
    top:18px; left:0px; width:240px;
	margin-top:0px;
	padding:6px;	 
 /*   border:1px solid #494949;*/
    background-color:#c4b0d0; color:#fff;
    text-align: left;
	}
	
/*beneficios*/

.tab_benef{
width:484px;
margin-top:10px;
margin-bottom:10px;
border-bottom:#e1e1e1 solid 2px;
}

.cel_benef_texto{
width:375px;
height:auto;
min-height:99px;
padding-bottom:18px;
padding-left:10px;
vertical-align:top;
}

.tab_benef_img{
width:99px;
height:99px;
text-align:center;
vertical-align:middle;
border:#e1e1e1 solid 2px;
}

.cel_benef_img{
width:99px;
height:auto;
min-height:99px;
vertical-align:top;
padding-bottom:18px;
}

/*contacto*/

.tab_contacto{
width:484px;
height:256px;
}

.cel_contacto_nom{
width:61px;
height:20px;
vertical-align:middle;
}

.cel_contacto_asunto{
width:61px;
height:20px;
vertical-align:top;
}

.cel_contacto_mail{
width:83px;
height:20px;
vertical-align:middle;
text-align:center;
}

.cel_contacto_enviar{
height:20px;
vertical-align:bottom;
text-align:right;
}

/*afiliarse*/

.tab_afiliarse{
width:484px;
height:101px;
}

.contacto_direccion{
width:423px;
height:20px;
border:#e1e1e1 solid 1px;
}

.cel_usuario_datos{
width:80px;
height:20px;
vertical-align:middle;
text-align:left;
}

/*red de trabajo*/

.tab_red_tit{
	width:100%;
	height:30px;
	margin-bottom:2px;
	margin-left:auto;
	margin-right:auto;
	text-align:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#777777;
	}

.tab_red_1{
	width:100%;
	height:30px;
	margin-bottom:2px;
	margin-left:auto;
	margin-right:auto;
	text-align:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#777777;
	background-color:#eeeeee;
	}
	
.tab_red_2{
	width:100%;
	height:30px;
	margin-bottom:2px;
	margin-left:auto;
	margin-right:auto;
	text-align:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#777777;
	background-color:#e6e6e6;
	}
	
.cel_red{
text-align:left;
vertical-align:top;
padding:4px;
}


.tabla_menu{
	background-color: #e6e6e6;
	margin: 0px;
	padding: 2px;
	font-size:11px;
	font-weight:100;
} 

.tabla_menu1{ 
    background-color: #efefef;	
	margin: 0px;
	padding: 2px;
	font-size:11px;
	font-weight:100;
} 


.contactar a:link, contactar a:hover, contactar a:active{ 
color:#666;
font-size:11px;
font-weight:100;
} 


/*---ingresar---*/

.tab_ingresar{
width:250px;
height:60px;
margin:0;
}

/*formularios*/

.check_afiliarse_notif{
vertical-align:bottom;
float:left;
}

.cel_afiliarse_check{
text-align:left;
}

.cel_usuario_input{
width:220px;
}
.contacto_texto{
width:170px;
height:20px;
border:#e1e1e1 solid 1px;
}
textarea, input{
border:#e1e1e1 solid 1px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
}

.cel_ingresar_input{
width:170px;
text-align:right;
}

.contacto_area{
width:423px;
height:80px;
border:#e1e1e1 solid 1px;
overflow-y:auto;
overflow-x:none;
scrollbar-arrow-color: #641F56;
scrollbar-base-color: #ffffff;
scrollbar-darkshadow-color: #cccccc;
scrollbar-track-color: #ffffff;
scrollbar-face-color: #ffffff;
scrollbar-shadow-color: #cccccc;
scrollbar-highlight-color: #eeeeee;
}


.btn_usuario{
	float:right;
	margin-right:70px;
	margin-bottom:10px;
	text-decoration:none;
	font-family:Arial, Helvetica, sans-serif;
	display:block;
	background-color:#F0EBF3;
	padding:2px;
	font-size:10px;
	color:#9D7CAF;
	width:72px;	
}

.btn_usuario:hover{
		background-color:#9D7CAF;
		color:#fff;
}

.cel_main{
	vertical-align:top;
	height:auto;
	padding-top:35px;
	padding-left:70px;
}


/* Publicidad */

#publicidad{
	margin-top:180px;
	font-family:Arial, Helvetica, sans-serif;
	width:140px;
	font-size:10px;
	margin-left:20px;

}

#publicidad a{
	color:#fff;
	
}

#publicidad img{
	width:120px;
}
.publicidad_item{
	margin-bottom:10px;
	color:#fff;
	background-color:#6C225D;
	padding:10px;	
}
.publicidad_item strong{
	color:#fff;
	font-weight:bold;
}