/************************************* HTML ***/
body { background:#FFF url('../img/bodyBg.png') repeat-x top center; font: normal normal 14px/16px 'Muli', sans-serif; } 

img { border: 0; }

a { text-decoration:none; }

p {margin: 10px 0; text-align:justify; }

h2 { color: #be1e2c; font: normal normal 24px/26px 'Nova Square', cursive; margin-top: 15px;}
	h2.txt{ font-style: italic; }
	
h3 { color: #3650a3; font: normal normal 20px/22px 'Nova Square', cursive;}
	h3.txt-pleca{ margin: 10px 15px; color: #fff; }

td {padding-right: 20px; width: 470px;}


/************************************* COMMON CLASSES ***/
img.hr { height: 2px; }

ul.bullet{ list-style: square; margin-left: 10px;}

ul.padding-beneficios{ padding: 10px 0; }

ul.bullet li{ margin: 7px;}

ul.list-cua{ position:relative; top: 15px;}

ul.miembros{position:relative;}

.center { text-align:center; }
p.bold { Color:#be1e2c; font-weight:bold; text-align:center; }
.bold2 { font-weight:bold; }

p.btn a { background:url('../img/btnBg.png') right top; color:#fff; float:left; font: normal normal 17px/30px 'Nova Square', cursive; height: 30px;
	padding:5px 0 0 15px; text-align: center; width:185px; 
		-webkit-transition: all .5s ease;
		-moz-transition: all .5s ease;
		-o-transition: all .5s ease;
	transition: all .5s ease; 
	}
	p.btn a:hover{ background: url('../img/btnBg.png'); color: #000;	}
	p.btn-left a{ margin-left: 250px;}
	p.btn-right a{ margin-right: 250px;}

.beneficios { width:940px;}

.beneficios-cuadernillo{ position:relative; bottom:62px; left:260px;}

/*.beneficios-cuadernillo{ position:relative; bottom:100px; left:250px;}*/

p.telefono{ color:#3650a3; font: normal normal 14px/26px 'Nova Square', cursive; margin-left: 230px; }

span.tel{ color:#3650a3; font-weight: bold;}

.tsitios { width:1290px; margin:10px; }
.tsitios td { padding:10px 0; }

p.btn-aqui-mismo a{background: #ff9900; border-left: solid 5px #3650a3; border-right: solid 5px #3650a3; color: #000; display:block; font-size: 18px; line-height: 30px; text-align: center; height: 30px; width: 140px;}
p.btn-aqui-mismo a:hover{ background: #3650a3; border-left: solid 5px #ff9900; border-right: solid 5px #ff9900; color: #fff}

.frase {  color:#be1e2c; font: normal normal 20px/22px 'Muli', sans-serif;}
/*********************************** LightBox ***/
#fondo{ background:url('../img/lightbox-opacity.png') repeat; display:none; height:100%; left:0; position:fixed; top:0; width:100%; z-index:100; }

#caja { background:url('../img/lightboxBg.jpg')no-repeat; height:450px; color:#000; display:none;  left:50%; margin-left:-275px; margin-top:-220px;
	position:fixed; top:50%; width:500px; text-align:center; }
#cerrar{ background: url('../img/lightbox-cerrar.jpg') no-repeat; cursor:pointer; float:right; height:28px; margin-top:-28px; width:28px; }
	#cerrar:hover{ background:url('../img/lightbox-hover.jpg') no-repeat; }

#cont{ float:left; height:450px; width:500px; }
	#cont h3.lightbox-suscribete{ color: #fff; line-height:35px; margin: 10px 0 50px 0; padding-left:190px; text-align:left; }
	
/************************************ HEADER ***/
#headerIndex { background: url('../img/headerIndexBg.png') no-repeat center; height:140px; margin: 0 auto; width: 1310px;}
header { background: url('../img/headerBg.png') no-repeat center; height:140px; margin: 0 auto; width: 1310px;}

header #logo { float:left; height: 120px; margin: 10px 90px 0 25px; width: 365px; }

#headerIndex #logo { float:left; height: 120px; margin: 10px 90px 0 25px; width: 365px; }

header #frase{ float:right; height:30px; margin:10px 5px; }

#headerIndex #frase{ float:right; height:30px; margin:10px 5px; }

/********************************************** nav ***/
nav { float:left; height:40px; margin:40px 0 0 0 ; width:830px; }

nav ul.menu { height:40px; list-style:none; margin:0 0 0 100px; width:730px;}
	nav ul.menu li { display: block; float: left; height:40px; list-style:none; margin:0; padding:0; position:relative; }
	
	nav ul.menu li a { background: url('../img/navHover.png') no-repeat -50px bottom; border-left: 1px solid #ddd; color:#000; display:block; 
	font: normal normal 15px/40px 'Nova Square', cursive; padding:0 14px; text-align:center; text-decoration:none; }
		nav ul.menu li.sub a { width: 85px; }
		nav ul.menu li:first-child a { border-left:0; }
	
		nav ul.menu li.active a { background: url('../img/navHover.png') no-repeat right bottom; color:#3650a3; font-style:italic;
								-moz-transition: all .3s ease; 
								-webkit-transition: all .3s ease; 
								-ms-transition: all .3s ease; 
								-o-transition: all .3s ease; 
							transition: all .3s ease; 
							}
			
		nav ul.menu li a:hover { background: url('../img/navHover.png') no-repeat right bottom; color:#3650a3; font-style:italic;
								-moz-transition: all .3s ease; 
								-webkit-transition: all .3s ease; 
								-ms-transition: all .3s ease; 
								-o-transition: all .3s ease; 
							transition: all .3s ease; 
							}
		nav ul.menu li a.active2 {background: url('../img/navHover.png') no-repeat right bottom; color:#3650a3; font-style:italic; }
								
	/* los submenús */
	nav ul.menu ul { left: 0; margin: 0; opacity: 0; padding: 0; position: absolute; top: 38px;  z-index:999;
			/* animamos su visibildiad */
				-moz-transition: opacity .25s ease .1s;
				-webkit-transition: opacity .25s ease .1s;
				-o-transition: opacity .25s ease .1s;
				-ms-transition: opacity .25s ease .1s;
			transition: opacity .25s ease .1s;
			}
						  
	/* son visibes al poner el cursor encima */
	nav ul.menu li:hover > ul { opacity: 1; border-bottom: 1px solid #ddd; border-left: 1px solid #ddd; border-right: 1px solid #ddd; }
	
	nav ul.menu ul li { background: #fff url('../images/navSubmenu.png') no-repeat; border:0; height: 0; overflow: hidden; padding: 0;  
				/* animamos su visibildiad */
					-moz-transition: height .25s ease .1s;
					-webkit-transition: height .25s ease .1s;
					-o-transition: height .25s ease .1s;
					-ms-transition: height .25s ease .1s;
				transition: height .25s ease .1s;
				}
			
	nav ul.menu li:hover > ul li { height: 40px; overflow: visible; padding: 0; }
		nav ul.menu ul li a { background: url('../img/navHover.png') no-repeat -50px bottom; color:#000; height:40px; margin: 0; width: 83px; }
		nav ul.menu ul li a:hover { background: url('../img/navHover.png') no-repeat right bottom; color:#3650a3; font-style:italic; }

/****************************************** INDEX ***/
#wrapperIndex { height: 950px; margin: 0 auto; width: 1305px; }
	#wrapperIndexCont { background: url('../img/wrapperIndexBg.jpg') no-repeat center top; 
					-moz-box-shadow: 0 5px 5px #333;
					-webkit-box-shadow: 0 5px 5px #333;
					-o-box-shadow: 0 5px 5px #333;
					-ms-box-shadow: 0 5px 5px #333;
					-wap-box-shadow: 0 5px 5px #333;
				box-shadow: 0 5px 5px #333; height:100%; margin: 0 auto; width: 1280px; }

#wrapper8 { margin: 0 auto; width: 1305px; }

#wrapper7 { margin: 0 auto; width: 1305px; }
	
#wrapper6 { margin: 0 auto; width: 1305px; }
	
##wrapper5 { margin: 0 auto; width: 1305px; }
	
#wrapper4 { margin: 0 auto; width: 1305px; }
	
#wrapper3 { margin: 0 auto; width: 1305px; }
	
#wrapper2 { margin: 0 auto; width: 1305px; }
	
#wrapper { margin: 0 auto; width: 1305px; }
	#wrapper { height: 1000px;} 
	#wrapper2 { height: 850px;}
	#wrapper3 { height: 600px;}
	#wrapper4 { height: 1300px;} 
	#wrapper5 { height: 1100px;}
	#wrapper6 { height: 2400px;}
	#wrapper7 { height: 2000px;}
	#wrapper8 { height: 940px;} 


#wrapperCont { background: #fff;
				-moz-box-shadow: 0 5px 5px #333;
				-webkit-box-shadow: 0 5px 5px #333;
				-o-box-shadow: 0 5px 5px #333;
				-ms-box-shadow: 0 5px 5px #333;
				-wap-box-shadow: 0 5px 5px #333;
			box-shadow: 0 5px 5px #333; height:100%; margin: 0 auto; width: 1280px; }
					
#wrapperSlideshow { float:left; height: 440px; margin: 20px 0 30px; width: 1280px; }

#text { float:left; margin:0 10px; text-align:justify; width:940px; }

#twitter { height: 250px; margin: 0 auto; padding-left:210px;  width: 730px; }

#textIndex2 { margin:0 10px; text-align:justify;  }

#contacto{float:left; width: 310px;}
	#formulario { float:left; margin:0 10px; width:300px;}
	#formulario1 { float:left; margin:30px 10px; width:300px;}

#col2-B { float:left; width:460px; }
	
#col2-A { float:left; width:460px; }
	#col2-A { margin: 0 20px 0 0; }
	#col2-B { margin: 0; }

#cols { margin:10px 0; float:left; height:35px; width:940px; }
	#sub-col3 { height:35px; float:left; margin: 0 20px 0 0; width:450px;	}

	#sub-col2 { height:35px; float:left; margin: 0 20px 0 0; width:450px;	}

	#sub-col1 { height:35px; float:left; margin: 0 20px 0 0; width:450px;	}

#textEjecutivos { background: url('../img/bgEjecutivos.png') no-repeat top left; height: 175px; float:left; margin: 30px 0; padding: 25px 0 0 340px; width: 600px; }

#textSocios { background: url('../img/bgSocios.png') no-repeat top left; height: 175px; float:left; margin: 30px 0; padding: 25px 0 0 340px; width: 600px; }

#targetRequisitos { background: url('../img/bgRequisitos.png') no-repeat left; float: left; height:300px; padding:0 10px; width:440px; }
#target2 { background: url('../img/2.png') no-repeat left; float: left; height:300px; padding:0 10px; width:440px; }
	#target1 { background: url('../img/2.png') no-repeat left; float: left; height:300px; padding:0 10px; width:440px; }
	#target1 { margin: 20px 20px 0 0; }
	#targetRequisitos { margin: 20px 20px 0 0; }
	#target2 { margin: 20px 0 0 0; }

#img-compromiso { background: url('../img/imgEstatutos.jpg') no-repeat; margin: 0 auto; height:500px; width: 450px; }

#targetSocios2 { background: url('../img/bgSocios.jpg') no-repeat left; float: left; height:245px; padding:10px; width:440px; }
	
#targetSocios1 { background: url('../img/bgSocios.jpg') no-repeat left; float: left; height:245px; padding:10px; width:440px; }
	#targetSocios1 { margin: 20px 20px 0 0; }
	#targetSocios2 { margin: 20px 0 0 0; }
#targetSocios2 p.logo { float:left; height:130px; margin:10px 5px 5px 0;  width:130px; }
#targetSocios1 p.logo { float:left; height:130px; margin:10px 5px 5px 0;  width:130px; }
#targetSocios2 p.logo img { width:130px;}

#targetSocios1 p.logo img { width:130px;}

#targetSocios2 p { text-align:left; }

#targetSocios1 p { text-align:left; }

#targetSocios2 a { color:#000; }

#targetSocios1 a { color:#000; }

#targetSocios2 a:hover { color:#3650a3; }


#targetSocios1 a:hover { color:#3650a3; }


#sociosLogo { float: left; height:500px; margin: 10px 20px 0 0; text-align:center; width:220px;}
	#sociosLogo p { text-align:center; }
	#sociosLogo a { color:#3650a3; font-weight:bold; }
	#sociosLogo a:hover { color:#be1e2c; text-decoration:underline; }
	
#sociosText { float: left; height:470px; margin: 10px 0 0 0; padding-top:30px; text-align:left; width:700px; }
	#sociosText a { color:#000; }
	#sociosText a:hover { color:#be1e2c; text-decoration:underline; }
	#sociosText ul { list-style:square; }

#sociosText2 { float: left; height:570px; margin: 10px 0 0 0; padding-top:30px; text-align:left; width:700px; }
	#sociosText a { color:#000; }
	#sociosText a:hover { color:#be1e2c; text-decoration:underline; }
	#sociosText ul { list-style:square; }


p.especiales  { color: #be1e2c; font: normal normal 20px/22px 'Nova Square', cursive; margin-top: 15px; text-align:left; }

#col3-C { float:left; height:200px; width: 290px; background:rgba(54,80,163,0.2); border-radius: 0 0 15px 15px; padding:0 5px; }

#col3-B { float:left; height:200px; width: 290px; background:rgba(54,80,163,0.2); border-radius: 0 0 15px 15px; padding:0 5px; }

#col3-A { float:left; height:200px; width: 290px; background:rgba(54,80,163,0.2); border-radius: 0 0 15px 15px; padding:0 5px; }

#col3-A { margin: 10px 20px 20px 0; text-align:left; }
#col3-B { margin: 10px 20px 20px 0; }
#col3-C { margin: 10px 0 20px 0; }


/******************************************* FOOTER *********************/
footer { background: #111; height:150px; width:100%; }

#footerCont { background: #111; font-size:12px; height:150px; margin: 0 auto; width:1280px; }

	#footerCont a { color:#eee; text-decoration:none; }
	#footerCont a:hover { color:#ffcc33; font-style:italic; }
	
	#footerCont #footer3 { float: left; height:100px; width: 406px; }
	
		#footerCont #footer2 { float: left; height:100px; width: 406px; }
	
		#footerCont #footer1 { float: left; height:100px; width: 406px; }
	
		#footerCont #footer1 { margin: 10px 21px 10px 10px; text-align:center; }
		#footerCont #footer2 { margin: 10px 21px 10px 0px;text-align:center; }
		#footerCont #footer3{margin: 10px 10px 0 0; text-align:center;}
		
		#footerCont #footer2 img { text-align:center; margin: 10px 10px 0 0;  width: 40px; }
	
	#footerCont p.alta { height:25px; margin:0 auto; line-height:22px; text-align:left; width: 270px; }

/*****************************************************************************************************SITIOS*/

#links { width:1340px; float:left; background: url('../imagenes/fondo-articulos.png') top repeat-x; margin:20px 10px; padding-top:20px; }



/*********************************************************************************************************ESTILOS-PAGES*/
/******************************************* noticias.html **************/

#nivo-lightbox a img { border: 2px solid #043f67; margin:0 3px 3px 0; width:90px; }
#nivo-lightbox a:hover img { border: 2px solid #bbb; opacity:0.7; }

#accordion { margin:20px 0; width:940px; }
	#accordion #title { background: #fff url('../img/accordion.png') no-repeat center bottom; cursor: pointer; height: 35px;     
	position: relative; }
		#accordion #title:hover { background: #fff url('../img/accordionHover.png') no-repeat center bottom; }
	
	#accordion #title p { color: #fff; display:block; font: normal normal 20px/35px 'Nova Square', cursive; height:35px; left:15px; margin:0;
	position: absolute; z-index:2; }
	
	#accordion #title:hover span { opacity:0; }
	
	#accordion #title span { background: url('../img/accordionPrueba.png') no-repeat right top; display: block; height: 35px; position: absolute;
		right: 0; top: 0; width: 940px; z-index:1;}
		#accordion #title.active span { background-position: right bottom; }
	
	#accordion #noticia { box-shadow: 0 2px 5px #666; height:300px; margin-bottom: 10px; padding: 10px; }
	
/********************************************************************************************************* promociones*/
ul.promociones { margin:0; padding:0; }
ul.promociones li a { display:block; float:left; height:220px; margin: 10px 0 10px 20px; width:220px; }
	ul.promociones li.first a { margin-left:0; }
		ul.promociones li a:hover { opacity:0.5; }