/* ====================================================== */
/* START RESET CSS  */
/* ====================================================== */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* ====================================================== */
/* END RESET CSS  */
/* ====================================================== */


body{
	margin: 0;
	padding: 0;
	font-family: Arial,Verdana,sans-serif;
	font-size: 10px;
	color: #52768E;
}

a{
	text-decoration: none;
	color: #52768E;
}

a:hover{
	text-decoration: underline;
	color: #52768E;
}

#mainContainer{

	width: 940px;
	margin: 0 auto;
}

.clearer{
	clear: both;
}

.centered{
	text-align: center;
}

.center{
	text-align: center;
}

.floaterLeft{
	float:left;
}

.validation{
	color:red;
	font-weight: bold;
}

.nodisplay{
display: none;
}


/* ======================================================================== */
/*                                  HEADER                                  */
/* ======================================================================== */

#topBar{
	
}

#headTop {
	margin-top:2px;
	background:transparent url('images/logo_topbar.gif') no-repeat top left;
	height: 88px;
}

#headLogo{
	background:none;
	height: 58px;
	width: 440px;
	float: left;
}

#infoLang{
	float: left;
	text-align: right;
	width: 486px;
	padding-top: 22px;
	line-height: 20px;
}

#infoLang a{
	color: #52768E;	
	background:transparent url('images/eng_flag.gif') no-repeat 0px 1px;
	padding-left: 22px;
}

#headImg{
	float: left;
	background:transparent url('images/header_img.jpg') no-repeat 0px 0px;
	height: 132px;
	width: 780px;
}

#headVerticalSeparator{
	float: right;
	background:transparent url('images/vertical_dotted_bg.gif') repeat-y top left;
	width: 1px;
	height: 132px;
	margin-right: 2px;
}

#headBottomLine{
	clear: both;
	background:transparent url('images/header_bottom_line_bg.gif') repeat-x top left;
	height: 13px;
}

#headLogin{
	float: right;
	background-color: #EBEDEC;
	padding: 5px;
	text-align: right;
	height: 120px;
	width: 140px;
}

#headLoginTitulo{
	background:transparent url('images/header_login_titulo.gif') no-repeat top center;
	height: 20px;
}

#headLogin .login_input{
	background:transparent url('images/login_dot.gif') no-repeat top left;
	padding-left: 15px;
}

#headLogin .login_input input{
	border: none;
	background-color: #E7DDC7;
	margin-bottom: 2px;
	width: 121px;
}

#navBar{
	clear: both;
	text-align: center;
	height: 30px;
	
	font-size: 10px;
	margin-right: 4px;
}

#navBar ul{
	margin: 0; 
	padding: 0;
	
}

#navBar ul li{
	padding: 0;
	display: block;
	background:none;
	height: 34px;
	float:left;	
}


#navBar a.lnkBtn {
	background:transparent url('images/btnBar.gif?v=10') no-repeat 0px 0px;
	float:left;
	display: block;
	width: 85px;
	height: 34px;
	text-indent: -99999px;
}

#navBar a.selected, #navBar a:hover{
	background-color:transparent;
	background-image: url('images/btnBar_selected.gif?v=10');
	background-repeat: no-repeat;
	
}

#navBar a.home { width: 64px; }
#navBar a.directorio { width: 75px; background-position: -64px 0px;}
#navBar a.institucional { width: 93px; background-position: -139px 0px;}
#navBar a.atencion_al_socio { width: 117px; background-position: -232px 0px;}
#navBar a.cartelera { width: 69px; background-position: -356px 0px;}
#navBar a.raqca { width: 63px; background-position: -430px 0px;}
#navBar a.cursos { width: 53px; background-position: -493px 0px;}
#navBar a.links { width: 48px; background-position: -549px 0px;}
#navBar a.contacto { width: 104px; background-position: -597px 0px;}

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


/* ======================================================================== */
/*                                  CONTENIDO                               */
/* ======================================================================== */

#contentOuterDiv{
	
}

#contentDiv{
	float: left;
	width: 700px;
	background:#EBEDEC url('images/vertical_dotted_bg.gif') repeat-y top right;
}


/* ======================================================================== */
/*                                  PUBLICIDAD                              */
/* ======================================================================== */
#divPublicidad{
	float: right;
	width: 235px;
}

.divPublicidad{
	text-align: center;
	margin: 4px 0px;
}

.divPublicidad img{
	border: none;
	
}

/* ======================================================================== */
/*                                  FOOTER                                  */
/* ======================================================================== */

#footBar{
	clear: both;
	text-align: center;
	background:transparent url('images/footer_bg.gif') repeat-x top left;
	height: 30px;
	padding-top: 17px;
	font-size: 10px;
	font-weight: bold;
}


/* ======================================================================== */
/*                                  HOME                                    */
/* ======================================================================== */

.home{
	
}

.home h1{
	display:none;
}

#homeLeftCol{
	float: left;
	width: 344px;
	padding-left: 4px;
	padding-top: 6px;
}

#homeRightCol{
	float: right;
	width: 344px;
	padding-right: 4px;
	padding-top: 6px;
}

.homeSection{
	color: white;
	padding: 0;
	margin: 0px 0px 10px 2px;
}

.homeSection h2{
	margin: 0;
	padding: 5px 4px 5px 26px;
	font-size: 12px;
	background: transparent url('images/home_sectiontitle_bg_blue.gif') no-repeat top left;
	height: 15px;
}

.homeSection .mainTextContainer{
	background-color: #537890;
	width: 315px;
	padding: 2px 10px 0px 10px;
	line-height: 1.4em;
}

.homeSection .mainText{
	background-color: #537890;
	padding: 4px;
	text-align: left;
}

.homeSection .sectionBottom{
	background: transparent url('images/home_sectiontitle_bg_blue_bottom.gif') no-repeat top left;
	height: 15px;
	margin:0;
}

.homeSection a{
color: white;
}

.mainText .tablaCursosHome{
	border-collapse: collapse;
	border: none;
	text-align: left;
}

.mainText .tablaCursosHome th{
	text-align: center;
	padding: 9px 6px 7px 22px;
	font-size: 14px;
}


.mainText .tablaCursosHome td{
	border-top: solid 1px white;
	padding: 2px;
	vertical-align: middle;
	text-align: center;
}

.mainText .tablaCursosHome th.cursos{
	width: 33%;
	background: transparent url('images/home_cursos_cursos_bg_2.gif') no-repeat 4px 5px ;
	
}

.mainText .tablaCursosHome th.fechas{
	color: #8E9093;
	width: 33%;
	background: white url('images/home_cursos_fecha_bg.gif') no-repeat 0px 3px ;
}

.mainText .tablaCursosHome th.horas{
	background: transparent url('images/home_cursos_hora_bg.gif') no-repeat 17px 7px;
}

.mainText .tablaCursosHome td.fechas{
	background-color: white;
	color: #8E9093;
	border-top: solid 1px #8E9093;
}


.lnkVerMas{
 float:right;
 display: block;
 padding-right: 30px;
}

.home .green h2 .lnkVerMas a{
	color: #659B81;
}


/*-------------------*/
/* Buscador */
/*-------------------*/
.homeSection.buscador{
	color: #4D7493;
	
}


.homeSection.buscador h2{
	background: transparent url('images/home_sectiontitle_bg_white.gif') no-repeat top left;
}

.homeSection.buscador .mainText{
	background-color: white;
	color: blue;
	width: 226px;
	margin: 0 auto;
	text-align:center;
}
.homeSection.buscador .mainText a{ color: #51758D;}

.homeSection.buscador .mainTextContainer{
	background-color: white;
}

.homeSection.buscador .sectionBottom{
	background: transparent url('images/home_sectiontitle_bg_white_bottom.gif') no-repeat top left;
}


#inputBuscador{
	background:transparent url('images/home_buscador_bg.gif') no-repeat top left;
	width: 140px;
	padding: 6px 11px 15px 42px;
	float: left;
}

#inputBuscador.gris{
	background:transparent url('images/buscador_bg.gif') no-repeat top left;
	padding-top: 8px;
}

#inputBuscador input{
	width: 126px;
	height: 15px;
	font-size: 12px;
	background-color: #909193;
	border: none;
}

#inputBuscador.gris input{
	background-color: white;
	height: 13px;
}

#btnBuscadorOK{
	float:left;
}

.generalInfo .mainInput h2{
	margin-bottom: 18px;
}

.busquedaAvanzadaItem {
	margin: 0;
	margin-bottom: 5px;
	padding: 0;
}

.busquedaAvanzadaItem .label{
	display: block;
	float:left;
	width: 100px;
	text-align: right;
	margin: 0;
	padding: 0;
	padding-top: 5px;
}

.busquedaAvanzadaItem .theInput{
	display: block;
	float:left;
	width: 280px;
	margin: 0;
	padding: 0;
}

/* ---- white green */
.homeSection.green{ color: #659b81; }
.homeSection.green h2{ background: transparent url('images/home_sectiontitle_bg_white_green.gif') no-repeat top left; }
.homeSection.green .mainText{ background-color: white;color: #659b81;}
.homeSection.green .mainTextContainer{ background-color: white ;}
.homeSection.green .sectionBottom{background: transparent url('images/home_sectiontitle_bg_white_bottom.gif') no-repeat top left;}


/* ---- orange */
.homeSection.matconsulta{ color: white; }
.homeSection.matconsulta h2{ background: transparent url('images/home_sectiontitle_orange.gif') no-repeat top left; height:18px; }


/* ---- pink */
.homeSection.pink{ color: white; }
.homeSection.pink h2{ background: transparent url('images/home_sectiontitle_bg_pink.gif') no-repeat top left; }
.homeSection.pink .mainText{ background-color: #CDAAD0 ;color: white;}
.homeSection.pink .mainTextContainer{ background-color:#CDAAD0 ; }
.homeSection.pink .sectionBottom{background: transparent url('images/home_sectiontitle_bg_pink_bottom.gif') no-repeat top left;}

/* ---- turquesa */
.homeSection.turquesa{ color: white; }
.homeSection.turquesa h2{ background: transparent url('images/home_sectiontitle_bg_turquesa.gif') no-repeat top left; }
.homeSection.turquesa .mainText{ background-color: #1EBCB1;color: white;}
.homeSection.turquesa .mainTextContainer{ background-color: #1EBCB1;}
.homeSection.turquesa .sectionBottom{background: transparent url('images/home_sectiontitle_bg_turquesa_bottom.gif') no-repeat top left;}

/* ---- grey */
.homeSection.grey{ color: white; }
.homeSection.grey h2{ background: transparent url('images/home_sectiontitle_bg_grey_dark.gif') no-repeat top left; }
.homeSection.grey .mainText{ background-color: #414042 ;color: white;}
.homeSection.grey .mainTextContainer{ background-color: #414042;}
.homeSection.grey .sectionBottom{background: transparent url('images/home_sectiontitle_bg_graydark_bottom.gif') no-repeat top left;}

.homeSection.whitegreen{ color: #4D7493;}
.homeSection.whitegreen h2{ background: transparent url('images/home_sectiontitle_bg_white.gif') no-repeat top left; }
.homeSection.whitegreen .mainText{ 
	background-color: white;
	color: blue;
	width: 226px;
	margin: 0 auto;
	text-align:center;
}
.homeSection.whitegreen .mainText a{ color: #51758D;}
.homeSection.whitegreen .mainTextContainer{	background-color: white;}

/* ======================================================================== */
/*                              GENERAL CONTENT                             */
/* ======================================================================== */

.generalInfo{
	padding: 10px;
	line-height: 1.2;
	color: #676869;
	background-color: #EBEDEC;
	width: 679px;
}

.generalInfo a{
	color: #9DC1E1;
}

.generalInfo h1{
	margin: 0;
	padding: 0;
	padding-top: 8px;
	padding-left: 27px;
	background:transparent url('images/general_h1_bg.gif') no-repeat top left;
	color: white;
	font-size: 14px;
	height: 24px;
}

.generalInfo h2{
	color: #9DC1E1;
	border-bottom: solid 1px #9DC1E1;
	padding-bottom: 2px;
	padding-left: 22px;
	font-size: 12px;
	margin: 20px 0px 10px;
	background:transparent url('images/general_h2_bg.gif') no-repeat top left;
	
}

.generalInfo h3{
	border-bottom:1px solid #9DC1E1;
	color:#9DC1E1;
	margin:15px 0;
	padding:5px;
}


.generalInfo li{
	background:transparent url('images/institucional_bullet.gif') no-repeat top left;
	padding-left: 14px;
	margin: 10px;
}

.generalInfo p{
	padding: 10px;
}

.generalInfo table{
	margin: 0px 10px;
}

.generalInfo table{
	border-collapse: collapse;
}

.generalInfo table td{
	border: solid 1px #555;
	padding: 3px;
	vertical-align: middle;
}

.generalInfo table.noborder td{
	border: none;
}


/* ------ 
Colores
------- */
.azul h1{ background:transparent url('images/general_h1_bg_blue.gif') no-repeat top left; }
.azul h2{
	color: #527890;
	border-bottom: solid 1px #527890;
	background:transparent url('images/general_h2_bg_blue.gif') no-repeat top left;
}

.violeta h1{background:transparent url('images/general_h1_bg_violet.gif') no-repeat top left;}
.violeta h2{
	color: #94288D;
	border-bottom: solid 1px #94288D;
	background:transparent url('images/general_h2_bg_violet.gif') no-repeat top left;
}

.rojo h1{background:transparent url('images/general_h1_bg_red.gif') no-repeat top left;}
.rojo h2{
	color: #CB7C5E;
	border-bottom: solid 1px #CB7C5E;
	background:transparent url('images/general_h2_bg_red.gif') no-repeat top left;
}

.verde h1{background:transparent url('images/general_h1_bg_green.gif') no-repeat top left;}
.verde h2{
	color: #898D36;
	border-bottom: solid 1px #898D36;
	background:transparent url('images/general_h2_bg_green.gif') no-repeat top left;
}
.celeste h1{}
.celeste h2{}


/* ======================================================================== */
/*                              INSTITUCIONAL                               */
/* ======================================================================== */

.institucional {
	
}

.institucional h1{
	background:transparent url('images/Institucional_H1.gif') no-repeat top left;
}

.institucional h1 span{
	display: none;
}

.institucional h2{
	color: #9DC1E1;
	border-bottom: solid 1px #9DC1E1;
	padding-bottom: 2px;
	font-size: 12px;
}

.institucional li{
	background:transparent url('images/institucional_bullet.gif') no-repeat top left;
	padding-left: 14px;
	margin: 10px;
}

.institucional .objetivosLeft{
	width: 335px;
	text-align: right;
	float:left;
}

.institucional .objetivosLeft li{
	background:transparent url('images/institucional_bullet.gif') no-repeat top right;
	padding-right: 14px;
}

.institucional .objetivosRight{
	width: 335px;
	float:left; 
}

#divInstitucionalInfoLinks{
	margin-left: 16px;
}

#divInstitucionalInfoLinks a{
	background:transparent url('images/institucional_links.jpg') no-repeat 0px 0px;
	height: 42px;
	width: 104px;
	float: left;
	display: block;
}

#divInstitucionalInfoLinksTop{
	margin-left: 24px;
}

#divInstitucionalInfoLinksTop a{
	background:transparent url('images/institucional_navbar.gif') no-repeat 0px 0px;
	height: 54px;
	width: 104px;
	float: left;
	display: block;
}
#divInstitucionalInfoLinksTop a.selected{
	background:transparent url('images/institucional_navbar_selected.gif') no-repeat 0px 0px;
}




.material_de_consulta {
	
}

.material_de_consulta h1{
	background:transparent url('images/h1_materialdeconsulta.gif') no-repeat top left;
}

.material_de_consulta h1 span{
	display: none;
}

.material_de_consulta h2{
	color: #00ABBB;
	border-bottom: solid 1px #00ABBB;
	padding-bottom: 2px;
	font-size: 12px;
	background:transparent url('images/h2_bg_institucional.gif') no-repeat top left;
}

.material_de_consulta li{
	background:transparent url('images/institucional_bullet.gif') no-repeat top left;
	padding-left: 14px;
	margin: 10px;
}

#divMaterialConsultaBotones{
	margin-top: 11px;
	margin-left: 28px;
}

#divMaterialConsultaBotones ul{
	margin: 0; padding: 0;
}

#divMaterialConsultaBotones li{
	list-style-type: none;
	display: inline;
	margin:0;
	padding:0;

}

#divMaterialConsultaBotones li a {
	display: block;
	background:transparent url('images/material_consulta_botones.gif') no-repeat 0px 0px;
	height: 48px;
	width: 123px;
	float: left;
}

#divMaterialConsultaBotones li a#lnk1{	background-position: 0px 0px; }
#divMaterialConsultaBotones li a#lnk2{	background-position: -123px 0px; }
#divMaterialConsultaBotones li a#lnk3{	background-position: -246px 0px; }
#divMaterialConsultaBotones li a#lnk4{	background-position: -369px 0px; }
#divMaterialConsultaBotones li a#lnk5{	background-position: -492px 0px; }

/*
#divMaterialConsultaBotones li a#lnk1.selected{ background-position: 0px 0px; }
#divMaterialConsultaBotones li a#lnk2.selected{background-position: -123px 0px; }
#divMaterialConsultaBotones li a#lnk3.selected{background-position: -246px 0px; }
#divMaterialConsultaBotones li a#lnk4.selected{background-position: -369px 0px; }
#divMaterialConsultaBotones li a#lnk5.selected{background-position: -492px 0px; }
*/

#divMaterialConsultaBotones li a span{
	display: none;
}



/* ---------- atencion al socio */

.atencion_al_socio h1{
	background:transparent url('images/at_socio_h1.gif') no-repeat top left;
}

.atencion_al_socio h1 span{
	display: none;
}

.atencion_al_socio h2{
	color: #C97B5D;
	border-bottom: solid 1px #C97B5D;
	padding-bottom: 2px;
	font-size: 12px;
	background:transparent url('images/h2_bg_at_socio.gif') no-repeat top left;
}

.atencion_al_socio a{
	color: #C97B5D;
}

/*---------- cartelera*/

.cartelera a{
	color: #898D36;
}


.cartelera h1{
	background:transparent url('images/cartelera_h1.jpg') no-repeat top left;
}

.cartelera h1 span{
	display: none;
}

.cartelera h2{
	color: #898D36;
	border-bottom: solid 1px #898D36;
	background:transparent url('images/cartelera_h2_bg.gif') no-repeat top left;
}

/* =================== raqca*/
.raqca a{
	color: #94288E;
}


.raqca h1{
	background:transparent url('images/raqca_h1.jpg') no-repeat top left;
}

.raqca h1 span{
	display: none;
}

.raqca h2{
	color: #94288E;
	border-bottom: solid 1px #94288E;
	background:transparent url('images/raqca_h2.gif') no-repeat top left;
}


/* ------------ */
/* INSTITUCIONAL - HISTORIA */
/* ------------ */

.Historia h3{
	border-bottom: none;
	border-top:1px solid #9DC1E1;
}

/* ======================================================================== */
/*                                 BUSQUEDA                                 */
/* ======================================================================== */

#busquedaAvanzada{
	float:left; 
	width: 414px;
	margin: 2px;
	padding-left: 20px;
}

#busquedaAvanzada .floaterLeft {
	width: 122px;
}

#busquedaAvanzada .floaterLeft select{
	width: 120px;
}

#resultadosBusqueda{
	list-style-type:none;
}

#resultadosBusqueda .resultado{
	display: block;
	margin: 0;
	margin-left: 10px;
	border-bottom:solid 1px black;
	padding: 10px 0;
	background: none;
}


#resultadosBusqueda .resultadoImagen{
	float: right;
	width: 210px;
	text-align: center;
}


#resultadosBusqueda .restuladoRightPanel{
	float: right;
	width: 450px;
	margin-left: 6px;
	padding-right: 2px;
}

#resultadosBusqueda .restuladoRightPanel span{
	color: #BA4945;
}

#resultadosBusqueda .restuladoRightPanel a{
	color: #BA4945;
}

#resultadosBusqueda h3{
	border:0 none;
	color:#BA4945;
	font-size:16px;
	font-weight:bold;
	height:30px;
	margin:0;
	padding:0;
}

#resultadosBusqueda .resultadoInfo{
	line-height: 1.5em;
}

#resultadosBusqueda .resultadoDescripcion{
	float:left;
	border: solid 1px #A4A6A5;
	background-color: white;
	height: 100px;
	width: 190px;
	padding: 3px;
}

#resultadosBusqueda .resultadoInfo .spnCatLabel{
	color: #676869;
	float: left;
} 

.socioCats{
	margin: 0;
	padding: 0;
	float: left;
}
.socioCats li{
	background: none;
	margin: 0;
	padding: 0 0 0 4px;	
	color: #BA4945;
}

#noHayResultados{
	height: 300px;
	color: red;
}

#resultadosBottom{
	text-align: center;
	padding-top: 10px;
	font-size: 12px;
}

#resultadosPaginacion{
	font-size: 12px;
	padding-top: 10px;
	text-align: center;
}

.paging{
	margin:0;
	padding: 0;
	display: inline;
}

.paging li{
	display: inline;
	background: none;
	padding: 0;
	margin: 0;
}

/* -- user section */
#tblMisDatos{
	width: 94%;
	border-top: solid 1px #bbb;
}
#tblMisDatos td{
	padding: 10px 10px;
	border-bottom: solid 1px #bbb;
}


#atsocServicios{
	width: 590px;
	margin: 0 auto;
}

#lnkSocio1{
	display:block;
	float:left;
	width: 310px;
	height: 30px;
	background: transparent url('/images/servicios_socio.gif') top left no-repeat;
}

#lnkSocio2{
	display:block;
	float:left;
	width: 275px;
	height: 30px;
	background: transparent url('/images/servicios_socio.gif') top right no-repeat;

}
#lnkSocio3{
	display:block;
	float:left;
	width: 310px;
	height: 30px;
	background: transparent url('/images/servicios_socio.gif') bottom left no-repeat;

}

#lnkSocio4{
	display:block;
	float:left;
	width: 275px;
	height: 30px;
	background: transparent url('/images/servicios_socio.gif') bottom right no-repeat;
}


#revistaCosmetica{
	width: 335px;
	height: 136px;
	background: transparent url('/imagenes/revistaBG.jpg') top left no-repeat;
	border: none;
	border-collapse: collapse;
}

#revistaCosmetica td{
	vertical-align: middle;
	padding-top: 18px;
	text-align: center;
}

#revistaCosmetica .revistaLeft{
	width: 100px;
}


#revistaCosmetica  .revistaRight{
	text-align: center;
	font-size: 18px;
}