/* Table of Content
==================================================
	#Site Styles
	#Page Styles
	#Media Queries
	#Font-Face */

/* #Site Styles
================================================== */

.contactold{width:100%; padding-top:40px;}

.container{
margin-top:-20px; 
margin-bottom:20px;
-webkit-box-shadow: -1px -1px 20px -6px rgba(0,0,0,1);
-moz-box-shadow: -1px -1px 20px -6px rgba(0,0,0,1);
box-shadow: -1px -1px 20px -6px rgba(0,0,0,1); 
background-color:#ffffff; 
behavior:url(PIE.htc);







     }
.central{ background-image:url(../images/fondo.png); background-repeat:no-repeat; margin-top:3%;}
.barranegra{background-color:#000; height:100px; color:#d7da28; font-family: 'archerprolight'; font-size:1.357em; padding-right:20px;}
.baderaitalic{font-family: 'bandera_probold_italic'; font-size:1.214em;}
.padre{float:right; vertical-align:middle; display:table; height:100%; padding-right:10px; padding-left:10px;}
.hijo{display:table-cell; vertical-align:middle;}
.hijobottom{display:table-cell; vertical-align:bottom; padding-bottom:10px;}
.contacta{ display:block; float:right; font-size:1.500em; padding-right:15px;}
.imgcontacta{display:block; float:right;}
.textc{font-family: 'bandera_probold'; }
.centrados{ width:750px; padding-left:90px; float:left;}
.grande{font-size:32px; line-height:32px;}
.twitter{float:right; width:100px; margin-right:-110px;}
.situatwitter{margin-left:20px;}

.eslogan{float:left; width:100%; margin-top:0px;}
.centraeslogan{margin:auto;}

.container .two.columns.padretel{margin-right:0; float:right; vertical-align:middle; display:table; height:100%;}
.telf{display:table-cell; vertical-align:bottom; padding-left:15px;}
.logo{width:285px; height:286px; margin-left:-90px; margin-top:-60px; float:left;}

.fondoprograma{background-color:#b1c219; margin-top:176px; margin-right:17px;}

.hf1{height:77px;}
.hf2{height:95px; padding-right:0; font-family: 'bandera_proheavy'; color:#FFF; font-size:0.929em; float:right; background-image:url(../images/cabmajada.png); background-position:right; width:100%; height:95px; background-repeat:no-repeat; margin-top:-1px;}
.hf3{height:98px; float:left;  color:#000; width:100%; padding-top:10px;}


.img-responsive{display:block;max-width:100%;height:auto;}

.menu{height:66px; background-color:#fff; width:100%; float:left;}
.menuabre{
	border: #666 1px solid;
	width: 900px;
	padding-bottom:10px;
	height: auto;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 15px;
	float: left;
}
.container .four.columns.titularmenudentro{ width:310px; float:left; margin-top:7px;}
.situaimg{margin-top:-7px;}
.menuabre ul li{font-size:18px; color:#000; line-height:12px;}
.menuabre ul li .op{color: #d7dc5b;}
.menuabre ul li:first-child {margin-top:10px;}


.container .four.columns.titularmenudentro.compromisos{margin-left:0px; width:305px;}
.container .four.columns.titularmenudentro.archivo{margin-left:0px; width:250px;}
.container .four.columns.titularmenudentro.palabra{margin-left:0px; width:255px;}
.container .four.columns.archivo{width:300px;}

.bordeverde{border-left:#0b9f2e 1px solid; padding-left:20px;}
#nav li.temas{width:300px;}

.carta{padding-left:68px; padding-right:15px;}


.centraltexto{float:left; width:100%; font-size:16px; background-color:#FFF; padding-bottom:30px; margin-top:69px;}

.container .three.columns.fotomercedes{margin-top:20px; }
.fotomercedescoloca{margin-left:40px; display:block;}
.container .thirteen.columns.tc{margin-left:0px; margin-top:20px; padding-right:10px; width:740px; margin-bottom:30px; float:left;}

.conocetexto{margin-top: 30px; padding-left:0px; position:relative;}
.container .sixteen.columns.bienvenidahome{margin-left:0px; margin-top:20px; width:922px; /*background-image:url(../images/fondobienvenidos.jpg); background-repeat:no-repeat;*/ font-size:18px;}
.container .sixteen.columns.bienvenidahome2{margin-left:-3px; margin-top:20px; width:925px; background-image:url(../images/fondobienvenidos.jpg); background-repeat:no-repeat; font-size:18px; margin-bottom:30px;}
.container .sixteen.columns.bienvenida{margin-left:0px; margin-top:20px; width:920px; background-color:#FFF; font-size:18px;}
.container .sixteen.columns.bienvenidahomeparticipa{margin-left:0px; margin-top:20px; background-image:url(../images/fondobienvenidos.jpg); background-repeat:no-repeat; font-size:18px; padding-top:30px; padding-left:30px; width:890px;}

.fotomaja{float:left; position:relative; width:919px; /*margin-left:-70px; margin-top:90px;*/ margin-bottom:40px;}

.fotomaja2{float:left; position:relative; width:924px; margin-left:-22px; margin-top:90px; margin-bottom:0px;}

.fotomajaconoce{float:left; position:relative; width:921px; margin-left:-70px; margin-top:0px; margin-bottom:50px;}
.fotomajaconocedos{float:left; position:relative; width:100%; margin-left:0px; margin-top:-30px; margin-bottom:50px;}
.firma{float:right; margin-top:-120px; margin-right:50px;}
.firma2{float:right; margin-top:-50px; margin-right:350px;}
.merce{margin-top:100px;}


.margen40{margin-bottom:40px;}
.margenleft20{ margin-left:20px;}
.text1{position:relative; width:85%; height:100%; margin:auto; margin-top:70px;}
.text1home{position:relative; width:95%; height:100%; margin:auto; margin-top:70px;}
.text1homeconoce{position:relative; width:85%; height:100%; margin:auto; margin-top:0px;}
.padredescarga{height:100%; width:23%; position:absolute; bottom:0; right:0; display:table; padding-left:10px;}
.hijodescarga{display:table-cell; vertical-align:bottom;}
.padredescargaconlogo{height:100%; width:23%; position:absolute; bottom:0; right:0; display:table; padding-left:10px;}
.hijodescargaconlogo{display:table-cell; vertical-align:bottom;}

.colocafotosmajada{margin-top:20px; margin-bottom:50px;}
.desme{float:right; margin-top:30px;}

.container .eight.columns.colpro{margin-left:10px; margin-bottom:10px; margin-top:10px; width:440px;}
.ajustaprograma{ width:85%; padding-left:20px; padding-right:10px; }

.container .eight.columns.colpro p { line-height:16px;}

.container .eight.columns.colpro p.tituprogram{line-height:32px;}

.container .four.columns.alega{margin-left:0; margin-top:20px;}

.container .four.columns.omega.t{margin-bottom:50px;}

.container .twelve.columns.archicent{margin-right:0px; margin-top:20px;}

.margeninftex{margin-bottom:40px;}

.calendario{float:left; margin-right:2px; width:31px;}
.cajaalega{width:100%; border:#CCC 1px solid; height:115px; padding-top:5px; padding-left:5px; padding-bottom:5px; margin-bottom:10px;}
.cajamociones{width:100%; border:#CCC 1px solid; height:160px; padding-top:5px; padding-left:5px; padding-bottom:5px; margin-bottom:10px;}
.cajaarticulos{width:100%; border:#CCC 1px solid; height:140px; padding-top:5px; padding-left:5px; padding-bottom:5px; margin-bottom:10px;}


.archtit{height:70px;}
.archtitnotnot{height:100px;}
.archtitnotnotg{height:140px;}

.archtitmoc{height:80px;}


.pdfred{width:165px; float:left;}
.downpdf{width:29px; position:absolute; bottom:0; right:15px;}
.downpdfnot{width:29px; position:absolute; bottom:0; right:15px;}
.downpdf2{width:65px; margin-top:0px; }
.downpdf2b{display:none;}
.downpdf2bnot{display:none;}


.archcont{width:100%; height:236px; position:relative;}

.bordcaj{border:#000 1px solid;}

.tform{margin:auto; display:block; width:90%;}
.cform{border:#CCC 1px solid; -moz-border-radius: 10px 10px 10px 10px;-webkit-border-radius: 10px 10px 10px 10px;
border-radius: 10px 10px 10px 10px; padding:10px; width:90%; margin:auto; height:500px; margin-top:10px;}

.tpart{display:block; margin-top:5px; float:left; margin-left:10px; font-family: 'bandera_probold_italic'; color:#d7dc5b; font-size:37px;}
.cpart{border:#CCC 1px solid; 
-moz-border-radius: 10px 10px 10px 10px;
-webkit-border-radius: 10px 10px 10px 10px;
border-radius: 10px 10px 10px 10px; padding:2px; margin-top:40px;}

.conttw{margin-top:40px;}



/*estilos calendarios*/

.caj1{float:left; display:block; margin-bottom:10px;}
.caj2{display:block; float:left; font-size:18px; line-height:16px;}
.caj2s{display:block; float:left; font-size:18px; line-height:16px; margin-left:3px;}



.fila1{display:block; float:right; margin-right:5px;}
.fila2{display:block; float:right; margin-right:5px;}
.fila3{display:block; float:right; margin-right:5px;}



/*bordes menu pie*/

.t1{border-bottom:#000 1px solid; border-top:#000 1px solid; border-left:#000 1px solid; width:100%; height:50px;; position:relative; padding-left:10px; padding-top:10px; }
.t2{border-bottom:#000 1px solid; border-top:#000 1px solid; width:100%; height:50px;; position:relative; padding-left:10px; padding-top:10px; margin-top:4px;}
.t3{border-bottom:#000 1px solid; border-top:#000 1px solid; width:100%; height:50px;; position:relative; padding-left:10px; padding-top:10px; margin-top:5px;}
.t4{border-bottom:#000 1px solid; border-top:#000 1px solid; border-right:#000 1px solid; width:100%; height:50px;; position:relative; padding-left:10px; padding-top:10px; margin-top:3px;}
.b1{border-bottom:#000 1px solid; border-top:#000 1px solid; border-left:#000 1px solid; width:100%; height:200px;; position:relative; padding-left:10px; padding-top:10px; margin-top:-20px; }
.b2{border-bottom:#000 1px solid; border-top:#000 1px solid;  width:100%; height:200px;; position:relative; padding-left:10px; padding-top:10px; margin-top:-20px; }
.b3{border-bottom:#000 1px solid; border-top:#000 1px solid;  width:100%; height:200px;; position:relative; padding-left:10px; padding-top:10px; margin-top:-20px;}
.b4{border-bottom:#000 1px solid; border-top:#000 1px solid; border-right:#000 1px solid; width:100%; height:200px;; position:relative; padding-left:10px; padding-top:10px; margin-top:-20px;}




/* Estilos fuentes*/

.light{   font-family: 'archerprolight'; font-size:15px;}
.s22{font-size:22px;}

.imgmenu{float:left; margin-right:5px;}

.imgmenumenos{float:left; margin-right:1px;}
.textmenu{display:block; line-height:16px;}
.titularpie{    font-family: 'bandera_probold_italic'; color:#000; font-size:19px;}
.subpie{font-size:18px; font-family: 'archerprobook';}
.coloca{margin-left:10px;}
.verde{color:#0b9f2e; font-size:28px;  font-family: 'bandera_probold_italic'; }
.soloverde{color:#0b9f2e; font-weight:bold;}
#nav li ul li{ font-family: 'archerprobook';}

.titulartextos{   font-family: 'bandera_probold'; font-size:50px; color:#000; line-height:40px;}
.titulartextosdos{   font-family: 'bandera_probold'; font-size:40px; color:#000; line-height:40px;}

.titulartextospalabra{   font-family: 'bandera_probold'; font-size:25px; color:#000; line-height:40px;}
.peque{font-size:14px; line-height:15px;}
.maspeque{font-size:9px; line-height:10px;}
.reloj{width:137px; float:left; font-family: 'bandera_prothin_italic'; font-size:36px;}

#nav a.abierto{color:#d7dc5b;}

.tituprogram{font-family: 'bandera_probold_italic'; color:#fff; font-size:35px; margin-top:10px; line-height:35px;}
.subtitprogram{font-family: 'archerprobold';color:#000000; font-size:19px; line-height:18px;}

.tituarchivo{font-family: 'bandera_probold_italic'; color:#d7dc5b; font-size:24px; margin-top:5px; margin-bottom:10px; line-height:24px;}

.tituarchivopeq{font-family: 'bandera_probold_italic'; color:#d7dc5b; font-size:20px; margin-top:5px; margin-bottom:10px; line-height:20px;}

.negritafina{     font-family: 'archerprobold';font-size:18px;}

/* #menu Styles
================================================== */


#nav-wrap {
	margin: 15px 0 0 8px;
	font-family:  'bandera_probold_italic';
	font-size: 17px;
	

}

/* menu icon */
#menu-icon {
	display: none; /* hide menu icon initially */
}

#nav, 
#nav li {
	margin: 0;
	padding: 0;
}

/* aquí */
#nav li {
	list-style: none;
	float: left;
	display: inline-block;
	margin:0;
	/*margin-right: 10px;*/
	border-right:#000 1px solid;
	/*estos tres*/
	padding-right:10px;
	padding-left:10px;
	/*height:20px;*/
	width:214px;
	
}

/*quitamos padding left primer elemento*/
#nav li:first-child{padding-left:0;}

/* quitamos borde derecho último elemento*/
#nav li:last-child{border-right:none;}

/*quitamos borde derecho menu secundario*/	
#nav li ul li{border-right:none;}

/* nav link */
#nav a {display: block;color:#000;	}
#nav a:hover {color:#d7dc5b;}

/* nav dropdown */
#nav ul {
	background-color:#FFF;
	padding: 0px;
	position: absolute;
	left:0;
	z-index:1;
	width:920px;
	margin:0 0 0 10px;
	border: solid 1px #E6E6E6;
	display: none; /* hide dropdown */
	padding:10px 10px 10px 10px;

}

#nav ul li {
	float: none;
	margin: 0;
	padding: 0;
	display:block;
}





/* estilo links*/

#nav ul li a{color:#000;}
#nav ul li a:hover{color:#d70120;}
#nav li:hover > ul {display: block; /* show dropdown on hover */}

/* estilo menu pie*/



#navfooter ul{float:left; margin:auto;}

#navfooter li {
	list-style: none;
	float: left;
	display: inline-block;
	margin:0;
	width:225px;
	color:#000;
	
	
}



#navfooter ul ul ul{margin-left:0; margin-top:30px; font-size:14px;}



.container .sixteen.columns.legal{border:#000 1px solid; height:40px; width:920px; float:left; position:relative; margin-top:10px; margin-bottom:10px; text-align:center; /*display:table;*/ }
.hijo2{ /*display:table-cell;*/ margin:auto; vertical-align:middle; margin-top:8px;}
.redu{width:153px;}
.container .sixteen.columns .ml20menos{margin-left:-20px;}
.twit{float:left; margin-right:10px; margin-top:40px;}
.pequebis{font-size:14px; line-height:15px;}
.separa{}
.boton{width:170px;  -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; margin-left:5px; margin-top:5px;}
.desplaza{ padding-right:20px; }
		.desplaza2{margin-right:-20px;  width:180px;}


.homedes{background-image:url(../images/home/fondo2.jpg); background-repeat:no-repeat; width:472px; height:675px; float:right; padding-right:10px;}

.container .seven.columns.homedes  {width:472px; float:right; margin-right:-10px;}
.container .seven.columns.hometext  {width:432px; margin-right:-10px;}
.textohometit{font-family: 'archerpromedium'; color:#FFF; font-size:29px; line-height:25px; width:323px; margin-top:271px; margin-left:71px;}
.textohomecontenido{width: 300px; margin-left: 72px; margin-top: 29px; font-size: 15px; float:left; line-height:17px;}
.descargahome{float:right; margin-right:44px; margin-top:80px;}
/* #Media Queries
================================================== */

/*logo*/
	@media only screen and (min-width: 1007px) and (max-width: 1130px) {
		.logo{width:265px; height:266px; margin-left:-60px; margin-top:-50px; float:left;}
			
		}
	/*@media only screen and (min-width: 1007px) and (max-width: 1059px) {
		.logo{width:265px; height:266px; margin-left:-40px; margin-top:-50px; float:left;}
			
		}*/
	@media only screen and (min-width: 984px) and (max-width: 1006px) {
		.logo{width:265px; height:266px; margin-left:-30px; margin-top:-50px; float:left;}
			
		}
	@media only screen and (min-width: 961px) and (max-width: 983px) {
		.logo{width:245px; height:246px; margin-left:-30px; margin-top:-50px; float:left;}
			
		}
		@media only screen and (min-width: 943px) and (max-width: 960px) {
		.logo{width:245px; height:246px; margin-left:-60px; margin-top:-50px; float:left;}
			
		}
	@media only screen and (min-width: 814px) and (max-width: 942px) {	
		.logo{width:245px; height:246px; margin-left:-60px; margin-top:-50px; float:left;}
	}	
		
	@media only screen and (min-width: 768px) and (max-width: 814px) {
		.logo{width:225px; height:226px; margin-left:-25px; margin-top:-50px; float:left;}
		}
	@media only screen and (min-width: 480px) and (max-width: 767px) {
		.logo{width:225px; height:226px; margin-left:-60px; margin-top:-50px; float:left;}
		
		}
	

	/* Smaller than standard 960 (devices and browsers) */
	@media only screen and (max-width: 959px) {
	.tituprogram{font-family: 'bandera_probold_italic'; color:#fff; font-size:37px; margin-top:50px; line-height:37px;}
	.textmenu{display:block; line-height:16px; font-size:15px;}
	.container .eight.columns.colpro{margin-left:10px; margin-bottom:10px; margin-top:10px; width:345px;}
		
		}

	/* Tablet Portrait size to standard 960 (devices and browsers) */
	@media only screen and (min-width: 768px) and (max-width: 959px) {
		.boton{width:450px;  -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; margin-left:5px; margin-top:15px;}
		input[type="text"],
	input[type="password"],
	input[type="email"],
	textarea,
	select {
		border: 1px solid #000;
		padding: 6px 4px;
		outline: none;
		-moz-border-radius: 2px;
		-webkit-border-radius: 2px;
		border-radius: 2px;
		font: 13px 'archerprobook';
		color: #000;
		margin: 0;
		width: 750px;
		max-width: 100%;
		display: block;
		margin-bottom: 5px;
		background-color:transparent; }
		.container .sixteen.columns .desplaza{width:220px;}
		.container .sixteen.columns .desplaza2{width:220px;}
		.desplaza{ padding-right:10px; }
		.desplaza2{margin-right:-20px;  width:180px;}
		.redu{width:120px;}
		.titulartextospalabra{ line-height:35px; font-size:25px;}
		.titulartextosdos{font-size:30px;}
		.peque{line-height:16px;}
		.pequebis{width:245px; line-height:16px;}
		
.container .sixteen.columns .ml20menos{ width:220px;}
.twit{float:left; margin-right:10px; margin-top:0px; margin-bottom:10px;}

.container .sixteen.columns.bienvenidahome2{margin-left:0px; margin-top:20px; width:730px; background-image:url(../images/fondobienvenidos.jpg); background-repeat:no-repeat; font-size:18px; margin-bottom:30px;}

		
		.container .sixteen.columns.bienvenidahomeparticipa{margin-left:0px; margin-top:20px; background-image:url(../images/fondobienvenidos.jpg); background-repeat:no-repeat; font-size:18px; padding-top:30px; padding-left:10px; width:720px;}
		
		.container .sixteen.columns.bienvenidahome{margin-left:0px; margin-top:20px; width:730px; /*background-image:url(../images/fondobienvenidos.jpg); background-repeat:no-repeat;*/ font-size:18px; margin-bottom:20px;}
		.carta{padding-left:56px; padding-right:15px;}
		
		
		.fotomaja{float:left; position:relative; width:730px; margin-left:0px; margin-top:50px; margin-bottom:40px;}
		.fotomaja2{float:left; position:relative; width:730px; margin-left:-18px; margin-top:50px; margin-bottom:40px;}
		
		.container .sixteen.columns.bienvenida{margin-left:0px; margin-top:20px; width:730px; background-color:#FFF; font-size:18px;}
		.fotomajaconoce{float:left; position:relative; width:730px; margin-left:-55px; margin-top:90px; margin-bottom:150px;}
			.fotomajaconocedos{float:left; position:relative; width:100%; margin-left:0px; margin-top:0px;}
		
		.hf2{font-size:0.857em; }
		.telf{display:table-cell; vertical-align:bottom; padding-left:0px;}
		.container .two.columns.padretel{ float:right; vertical-align:middle; display:table; height:100%; margin-right:7px;}
		.centrados{ width:565px; padding-left:90px; float:left;}
		.grande{font-size:25px; line-height:25px;}
		.twitter{float:left; width:80px; margin-top:-5px;}
		.situatwitter{margin-left:20px;}
		/*navegacion*/	
		#nav li {padding-right:8px;padding-left:8px;width:169px;}

		/* nav dropdown */
		#nav ul {background-color:#FFF;padding: 0px;position: absolute;left:0;z-index:1;width:728px;margin:0 0 0 10px;border: solid 1px #E6E6E6;display: none; padding:10px 10px 10px 10px;}
		.container .three.columns.fotomercedes{margin-top:20px; width:730px;}
		.fotomercedescoloca{ margin:auto;}
		.container .thirteen.columns.tc{margin-left:10px; margin-top:20px; padding-left:10px; padding-right:10px; width:710px; margin-bottom:30px; float:left;}
		.titularpie{font-size:16px;}
		.subpie{font-size:14px;}
		#navfooter li {width:176px;}
		#navfooter ul ul ul{margin-left:0; margin-top:30px; font-size:14px;}
		.container .sixteen.columns.legal{border:#000 1px solid; height:40px; width:725px; float:left; position:relative; margin-top:10px; margin-bottom:10px; text-align:center; /*display:table;*/ font-size:13px; }
		.container .four.columns.titularmenudentro{ width:225px; float:left; margin-top:7px;}
		.menuabre{width:710px;; height:autopx; margin-top:10px; margin-bottom:10px;}
		.menuabre ul li{font-size:16px; line-height:14px;}
		.menuabre ul li:first-child {margin-top:12px;}
		.situaimg{margin-top:0px; width:35px;}
		.verde{font-size:23px;}
		.s22{font-size:16px;}
		.margenleft20{ margin-left:20px; width:100px;}
		#nav-wrap {
	margin: 10px 0 0 10px;}
	.container .four.columns.bordeverde{width:155px;}
	.ajustaprograma{ width:100%; padding-left:0px; padding-right:10px; margin-top:-40px; }
	
.tituprogram{font-size:32px; line-height:32px;}
.subtitprogram{font-size:19px; line-height:18px;}

.calendario{float:left; margin-right:4px; width:21px; margin-bottom:10px;}
.cajaalega{width:100%; border:#CCC 1px solid; height:120px; padding-top:5px; padding-left:5px; padding-bottom:5px; margin-bottom:10px;}

.archtit{height:90px;}

.pdfred{width:125px; float:left;}
.downpdf{width:19px; position:absolute; bottom:0; right:15px;}
.downpdfnot{width:19px; position:absolute; bottom:0; right:15px;}
.downpdf2{width:45px; margin-top:-20px; }
.downpdf2b{display:none;}
.downpdf2bnot{display:none;}

.archcont{width:100%; height:180px; position:relative;}

.desme{float:right; margin-top:70px;}

.negritafina{    font-size:15px;}
.archtitnotnot{line-height:17px; height:95px;}
.archtitnotnotg{line-height:17px; height:125px;}

.caj2{font-size:15px; line-height:15px;}
.caj2s{font-size:15px; line-height:15px;}
.cajamociones{width:100%; border:#CCC 1px solid; height:160px; padding-top:5px; padding-left:5px; padding-bottom:5px; margin-bottom:10px;}
.cajaarticulos{width:100%; border:#CCC 1px solid; height:140px; padding-top:5px; padding-left:5px; padding-bottom:5px; margin-bottom:10px;}
.caj1{float: left;}
.fila1{display:block; float:right; margin-right:0;}
.fila2{display:block; float:right; margin-right:0;}
.fila3{display:block; float:right; margin-right:0;}
.archtitmoc{height:90px;}


.homedes{background-image:url(../images/home/fondo2.jpg); background-repeat:no-repeat; width:472px; height:475px; float:right; padding-right:0px; margin-right:-10px; background-size:100%;}

.container .seven.columns.homedes  {width:350px; float:right; margin-right:0;}
.container .seven.columns.hometext  {width:350px; margin-right:-10px;}
.textohometit{font-family: 'archerpromedium'; color:#FFF; font-size:21px; line-height:19px; width:235px; margin-top:198px; margin-left:52px;}
.textohomecontenido{width: 206px; margin-left: 53px; margin-top: 19px; font-size: 14px; float:left; line-height:13px;}
.descargahome{float:left; margin-left:286px; margin-top:-53px; width:33px;}
.bienven{ line-height:15px;}
.text1home{margin:30px auto auto; font-size:15px; line-height:17px;}
	.firma{margin-top:-155px; margin-right:0px;}
	.firma2{margin-top:-27px; margin-right:140px;}	
	.fondoprograma{background-color:#b1c219; margin-top:215px; margin-right:17px;}
		}
		
		/************************************************************************************
MOBILE
*************************************************************************************/
@media screen and (max-width: 767px) {
	.container .eight.columns.colpro{margin-left:10px; margin-bottom:10px; margin-top:10px; width:345px;}
	.fondoprograma{background-color:#b1c219; margin-top:220px; margin-right:10px; margin-left:10px;}
	.reduceimagen{width:95%;}
	
	.container .eight.columns.colpro{margin-left:10px; margin-bottom:10px; margin-top:10px; width:100%;}
	
	.centraltexto{float:left; width:100%; font-size:16px; background-color:#FFF; padding-bottom:30px; margin-top:-11px;}
	
	.container .sixteen.columns.bienvenidahome2{margin-left:0px; margin-top:20px; width:100%; background-image:url(../images/fondobienvenidos.jpg); background-repeat:no-repeat; font-size:18px; margin-bottom:30px;}
	
	.fotomaja2{float:left; position:relative; width:405px; margin-top:50px; margin-bottom:40px;}
	
	.imgcontacta{display:block; float:right;}
.contactold{width:100%; padding-top:10px;}
		.second{width:380px; font-size:16px;}
			.boton{width:350px;  -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; margin-left:5px; margin-top:15px;}
		
		input[type="text"],
	input[type="password"],
	input[type="email"],
	textarea,
	select {
		border: 1px solid #000;
		padding: 6px 4px;
		outline: none;
		-moz-border-radius: 2px;
		-webkit-border-radius: 2px;
		border-radius: 2px;
		font: 13px 'archerprobook';
		color: #000;
		margin: 0;
		width: 350px;
		max-width: 100%;
		display: block;
		margin-bottom: 5px;
		background-color:transparent; }
		.separa{margin-top:20px;}
		.twit{float:left; margin-right:10px; margin-top:0px;}
		.container .sixteen.columns .ml20menos{margin-left:0px; margin-top:10px;}
		.redu{width:80px; margin-bottom:-20px; margin-top:20px;}
		.peque{width:360px; line-height:16px;}
		.pequebis{width:288px; line-height:16px;}
		.titulartextosdos{font-size:30px; float:right; margin-right:155px; margin-top:-45px;}
	
			.container .sixteen.columns.bienvenidahomeparticipa{margin-left:10px; margin-top:20px; background-image:url(../images/fondobienvenidos.jpg); background-repeat:no-repeat; font-size:18px; padding-top:0px; padding-left:20px; width:380px;}
	
			.container .sixteen.columns.bienvenidahome{margin-left:10px; margin-top:20px; width:360px; /*background-image:url(../images/fondobienvenidos.jpg); background-repeat:no-repeat;*/ font-size:18px; padding:20px;}
				.carta{padding-left:22px; padding-right:15px;}
			
			
		.fotomaja{float:left; position:relative; width:400px; margin-left:-20px; margin-top:10px; margin-bottom:0px;}
		.container .sixteen.columns.bienvenida{margin-left:10px; margin-top:20px; width:360px; background-color:#FFF; font-size:18px; padding:20px;}
		.fotomajaconoce{float:left; position:relative; width:400px; margin-left:-20px; margin-top:90px; margin-bottom:50px;}
		.fotomajaconocedos{float:left; position:relative; width:400px; margin-left:-20px; margin-top:0px; margin-bottom:50px;}
		.text1home{width:360px;}
		.text1homeconoce{width:360px;}
		.firma{float:right; margin-top:30px;}
		.firma2{float:right; margin-top:30px;}
		.merce{margin-top:50px;}
	.hf3{height:100%; margin-bottom:10px; margin-top:25px;}
	
	/*menu*/
	
	/* nav-wrap */
	#nav-wrap {position: relative;  margin-left:0px; margin-top:23px;}

	/* menu icon */
	#menu-icon {color: #000;width: 42px;height: 30px;background:url(nav-icon.png) no-repeat;padding: 0px 0px 0 32px;margin-left:10px;cursor: pointer;display: block; /* show menu icon */font-size:20px;}
	
	#menu-icon:hover {color:#CCC;}
	#menu-icon.active {color:#CCC;}
	
	/* main nav */
	#nav {clear: both;position: absolute;top: 38px;width: 409px;z-index: 10000;padding: 5px 5px 15px 5px; background-color:#FFF;border: solid 1px #999;display: none; /* visibility will be toggled with jquery */font-family: 'archerpromedium';font-size:18px;}
	
	#nav li {clear:both;float:none;margin:15px 0 5px 10px;border-right:none;padding-left:0;width:220px;}
	
	#nav a, 
	#nav ul a {font: inherit;background: none;display: inline;padding: 0;color: #333;border: none;}
	#nav a:hover, 
	#nav ul a:hover {background:none;color:#d70120;}
	
	/* dropdown */
	#nav ul {width:160px;position: static;display: block;border: none;/*background: inherit;*/z-index:1;padding-bottom:0;}
	#nav ul li {margin: 3px 0 10px 15px;font-size:15px;}
	#nav ul li a{color:#666;}
/*resto estilos*/
		
		.hf2{font-size:0.857em; }
		.telf{display:table-cell; vertical-align:bottom; padding-left:0px;}
		.container .two.columns.padretel{margin-right:0; float:right; vertical-align:middle; display:table; height:100%; width:82px;}
		.contacta{ display:block; float:right; font-size:1.357em; margin-top:-60px;}
		.centrados{ width:315px; padding-left:10px; float:left;}
		.grande{font-size:23px; line-height:23px;}
		.twitter{float:left; width:70px; margin-top:-25px; font-size:13px; margin-left:15px;}
		.situatwitter{margin-left:10px;}
		.container .three.columns.fotomercedes{margin-top:20px; width:420px;}
		.fotomercedescoloca{ margin:auto;}
		.container .thirteen.columns.tc{margin-left:10px; margin-top:20px; padding-left:10px; padding-right:10px; width:390px; margin-bottom:30px; float:left;}
		.titularpie{font-size:16px;}
		.subpie{font-size:14px;}
		#navfooter{margin-left:10px;}
		#navfooter li {width:189px;}
		#navfooter ul ul ul{margin-left:0px; margin-top:30px; font-size:14px;}
		.container .sixteen.columns.legal{border:#000 1px solid; height:60px; width:398px; float:left; position:relative; margin-top:10px; margin-bottom:10px; text-align:center; /*display:table;*/ font-size:13px; margin-left:10px; }
		.container .four.columns.titularmenudentro{ width:205px; float:left; margin-top:2px;}
		.container .four.columns.bordeverde{width:145px;}
		.quita{border:none;}
		.menuabre{width:378px; height:auto; margin-top:0px; margin-left:10px; margin-bottom:20px;}
		.menuabre ul li{font-size:14px; line-height:10px; margin-left:-7px;}
		.menuabre ul li:first-child {margin-top:5px;}
		.situaimg{margin-top:5px; width:25px;}
		.verde{font-size:20px;}
		.s22{font-size:14px;}
		.margenleft20{ margin-left:20px; width:100px;}
		.container .sixteen.columns.conocetexto{margin:10px; width:400px;}
		.text1{width:400px;}
		.padredescarga{height:auto; width:50px; position:relative; float:right; margin-right:5px;}
		.hijodescarga{display:table-cell; vertical-align:bottom;}
		.padredescargaconlogo{height:auto; position:relative; float:right; margin-right:20px;}
		.hijodescargaconlogo{display: block; float:right;}
		.dere{float:right; margin-bottom:10px;}
		
		.imgmenumenos{float:left; margin-right:5px;}
		.textmenu{padding-left:5px; float:left; margin-bottom:15px;}
		
		/*bordes menu pie*/

.t1{border-bottom:#000 1px solid; border-top:#000 1px solid; border-left:#000 1px solid; width:100%; height:50px;; position:relative; padding-left:10px; padding-top:10px; }
.t2{border-bottom:#000 1px solid; border-top:#000 1px solid; border-right:#000 1px solid;width:100%; height:50px;; position:relative; padding-left:10px; padding-top:10px; margin-top:4px;}
.t3{border-bottom:#000 1px solid; border-top:#000 1px solid; border-left:#000 1px solid;width:100%; height:50px;; position:relative; padding-left:10px; padding-top:10px; margin-top:5px;}
.t4{border-bottom:#000 1px solid; border-top:#000 1px solid; border-right:#000 1px solid; width:100%; height:50px;; position:relative; padding-left:10px; padding-top:10px; margin-top:3px;}
.b1{border-bottom:#000 1px solid; border-top:#000 1px solid; border-left:#000 1px solid; width:100%; height:200px;; position:relative; padding-left:10px; padding-top:10px; margin-top:-20px; margin-bottom:10px; }
.b2{border-bottom:#000 1px solid; border-top:#000 1px solid;border-right:#000 1px solid;  width:100%; height:200px;; position:relative; padding-left:10px; padding-top:10px; margin-top:-20px;margin-bottom:10px; }
.b3{border-bottom:#000 1px solid; border-top:#000 1px solid;  border-left:#000 1px solid;width:100%; height:200px;; position:relative; padding-left:10px; padding-top:10px; margin-top:-20px;}
.b4{border-bottom:#000 1px solid; border-top:#000 1px solid; border-right:#000 1px solid; width:100%; height:200px;; position:relative; padding-left:10px; padding-top:10px; margin-top:-20px;}
.container .four.columns.titularmenudentro.compromisos{margin-left:0px; width:375px;}
.ajustaprograma{ width:90%; padding-left:20px; padding-right:20px; margin-top:-40px; }



.calendario{float:left; margin-right:15px; width:31px; margin-bottom:10px; margin-left:1px;}
.cajaalega{width:90%; border:#CCC 1px solid; height:120px; padding-top:5px; padding-left:15px; padding-bottom:5px; margin:auto; margin-bottom:5px;}

.container .four.columns.omega.t{margin-bottom:30px; width:95%; padding-left:15px;}


.archtit{width:85%; height:40px;}
.pdfred{ display:none;}
.downpdf{width:19px; float:right;}
.downpdfnot{width:19px; float:right; margin-right:0px; position:relative;}
.downpdf2{display:none;}
.downpdf2b{ display:block; width:19px; float:right; margin-top:-40px; margin-right:15px;}
.downpdf2bnot{ display:block; width:19px; float:right; margin-right:15px;}


.archcont{width:100%; height:5px; position:relative;}

.desme{float:right; margin-top:-10px;}

.archtitnotnot{ height:auto; width:85%; float:left;}

.archtitnotnotg{height:auto; width:85%; float:left;}

.archtitmoc{height:auto; width:85%; float:left;}

.cajamociones{width:90%; border:#CCC 1px solid; height:160px; padding-top:5px; padding-left:15px; padding-bottom:5px; margin:auto; margin-bottom:5px;}
.cajaarticulos{width:90%; border:#CCC 1px solid; height:120px; padding-top:5px; padding-left:15px; padding-bottom:5px; margin:auto; margin-bottom:5px;}
.caj1{float: left;}
.fila1{display:block; float:left; margin-right:0; margin-bottom:-10px; }
.fila2{display:block; float:left; margin-right:0; margin-bottom:-10px; }
.fila3{ clear:left; display:block; float:left; margin-right:0; margin-bottom:-10px; }


.conttw{margin-top:40px; padding-left:10px; padding-right:10px;}
.cform{height:450px;}

.container .sixteen.columns.central{margin-top:3%;}


.homedes{background-image:url(../images/home/fondo2.jpg); background-repeat:no-repeat; width:472px; height:475px; float:right; padding-right:0px; margin-right:-10px; background-size:100%;}

.container .seven.columns.homedes  {width:399px; float:right; margin-right:-20px; margin-top:20px;}
.container .seven.columns.hometext  {width:100%; margin-right:-10px;}
.textohometit{font-family: 'archerpromedium'; color:#FFF; font-size:24px; line-height:21px; width:271px; margin-top:230px; margin-left:60px;}
.textohomecontenido{width: 206px; margin-left: 61px; margin-top: 24px; font-size: 14px; float:left; line-height:13px;}
.descargahome{float:left; margin-left:340px; margin-top:-65px; width:30px;}
.bienven{ line-height:15px;}
.text1home{margin:30px auto auto; font-size:15px; line-height:17px;}
	.firma{margin-top:12px; margin-right:0px;}
	.firma2{margin-top:12px; margin-right:0px;}	



		
		}

	/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
	@media only screen and (min-width: 480px) and (max-width: 767px) {
			.barranegra{ height:100px; font-size:15px;}
		.hf1{ height:30px; }
		.contacta{ display:block; float:right; font-size:15px; margin-top:5px;}
		.hijobottom{padding-bottom:5px;}
				.tituprogram{font-size:32px; line-height:32px;}
.subtitprogram{font-size:19px; line-height:18px;}
		
		
		
		}

	/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
	@media only screen and (max-width: 479px) {
		/*.baderaitalic{font-size:1.000em;}
		.contacta{ float:right; font-size:1.214em; margin-top:-40px;}
		.imgcontacta{margin-top:-50px; margin-right:100px;}
		.logo{width:205px; height:206px; margin-left:-20px; margin-top:-30px; float:left;}
		
		*/
		.fondoprograma{background-color:#b1c219; margin-top:380px; margin-right:10px; margin-left:10px;}
		
		.eslogan{float:left; width:100%; margin-top:0px;}
		.centraeslogan{margin:auto; width:60%;}
		
		.fotomaja2{float:left; position:relative; width:283px; margin-top:50px; margin-bottom:20px;}
		
		.tp{font-size:10px;}
		.aju{width:250px; display:block;}
		.boton{width:250px;  -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; margin-left:5px; margin-top:15px;}
		
		input[type="text"],
	input[type="password"],
	input[type="email"],
	textarea,
	select {
		border: 1px solid #000;
		padding: 6px 4px;
		outline: none;
		-moz-border-radius: 2px;
		-webkit-border-radius: 2px;
		border-radius: 2px;
		font: 13px 'archerprobook';
		color: #000;
		margin: 0;
		width: 250px;
		max-width: 100%;
		display: block;
		margin-bottom: 5px;
		background-color:transparent; }
		.separa{margin-top:20px;}
		.twit{float:left; margin-right:10px; margin-top:0px;}
		.container .sixteen.columns .ml20menos{margin-left:0px; margin-top:10px;}
		.redu{width:60px; margin-bottom:-20px; margin-top:20px;}
		.peque{width:260px; line-height:16px;}
		.pequebis{width:188px; line-height:16px;}
		.titulartextosdos{font-size:30px; float:right; margin-right:45px; margin-top:-45px;}
		.container .sixteen.columns.bienvenidahomeparticipa{margin-left:10px; margin-top:0px; background-image:url(../images/fondobienvenidos.jpg); background-repeat:no-repeat; font-size:18px; padding-top:0px; padding-left:10px; width:268px;}
			.container .sixteen.columns.bienvenidahome{margin-left:10px; margin-top:20px; width:258px; /*background-image:url(../images/fondobienvenidos.jpg); background-repeat:no-repeat;*/ font-size:18px; padding:10px;}
			.carta{padding-left:13px; padding-right:0px;}
			
		.fotomaja{float:left; position:relative; width:278px; margin-left:-10px; margin-top:0px; margin-bottom:20px;}
		.container .sixteen.columns.bienvenida{margin-left:10px; margin-top:20px; width:258px; background-color:#FFF;font-size:18px; padding:10px;}
		.fotomajaconoce{float:left; position:relative; width:278px; margin-left:-20px; margin-top:90px; margin-bottom:50px;}
		.fotomajaconocedos{float:left; position:relative; width:278px; margin-left:-20px; margin-top:0px; margin-bottom:50px;}
		.firma{float:right; margin-top:30px;}
			.firma2{float:right; margin-top:30px;}
		.merce{margin-top:50px;}
		
		.text1home{width:238px;}
		.text1homeconoce{width:238px;}
		
		.barranegra{font-size:13px; height:100px;}
		.hf1{ display:none;}
		.hf2{height:75px;}
		.logo{width:125px; height:126px; margin-left:-15px; margin-top:-45px; float:left;}
		.centrados{ width:290px; padding-left:10px; margin-top:-10px; float:left; line-height:18px;}
		.grande{font-size:20px; line-height:20px;}
		.twitter{/*float:left; width:50px; margin-top:-10px; font-size:13px; margin-left:15px;*/display:none;}
		.situatwitter{margin-left:10px;}
		
		.hf3{height:100%; margin-bottom:10px; margin-top:25px;}
	
	/* nav-wrap */
	#nav-wrap {position: relative;  margin-left:0px;}

	/* menu icon */
	#menu-icon {
		color: #000;
		width: 42px;
		height: 30px;
		background:url(nav-icon.png) no-repeat;
		padding: 0px 0px 0 32px;
		margin-left:10px;
		cursor: pointer;
		display: block; /* show menu icon */
		font-size:20px;
		
	}
	
	#menu-icon:hover {color:#CCC;}
	#menu-icon.active {color:#CCC;}
	
	/* main nav */
	#nav {
		clear: both;
		position: absolute;
		top: 38px;
		width: 289px;
		z-index: 10000;
		padding: 5px 5px 15px 5px;
		background-color:#FFF;
		border: solid 1px #999;
		display: none; /* visibility will be toggled with jquery */
		font-family: 'archerpromedium';
		font-size:18px;
	}
	
	#nav li {
	clear:both;
	float:none;
	margin:15px 0 5px 10px;
	border-right:none;
	padding-left:0;
	width:250px;
	
}
	
	#nav a, 
	#nav ul a {
		font: inherit;
		background: none;
		display: inline;
		padding: 0;
		color: #333;
		border: none;
		
	}
	#nav a:hover, 
	#nav ul a:hover {background:none;color:#d70120;}
	
	/* dropdown */
	#nav ul {
		width:160px;
		position: static;
		display: block;
		border: none;
		/*background: inherit;*/
		z-index:1;
		padding-bottom:0;
	
	}
	#nav ul li {margin: 3px 0 10px 15px;font-size:15px;}
	#nav ul li a{color:#666;}
		
		.container .three.columns.fotomercedes{margin-top:20px; width:300px;}
		.fotomercedescoloca{ margin:auto;}
		.container .thirteen.columns.tc{margin-left:10px; margin-top:20px; padding-left:10px; padding-right:10px; width:270px; margin-bottom:30px; float:left;}
		.titularpie{font-size:16px;}
		.subpie{font-size:14px;}
		#navfooter{margin-left:10px;}
		#navfooter li {width:256px;}
		#navfooter ul ul ul{margin-left:0px; margin-top:30px; font-size:14px;}
		.container .sixteen.columns.legal{border:#000 1px solid; height:80px; width:228px; float:left; position:relative; margin-top:10px; margin-bottom:10px; text-align:center; /*display:table;*/ font-size:12px; margin-left:10px; padding-left:25px; padding-right:25px; }
			
		.imgmenumenos{float:left; margin-right:5px;}
		.textmenu{padding-left:0px; float:left; margin-bottom:15px;}
		.container .four.columns.bordeverde{width:250px; margin-left:-8px;}
		
		/*bordes menu pie*/

.t1{border:#000 1px solid;  width:100%; height:50px;; position:relative; padding-left:10px; padding-top:10px; }
.t2{border:#000 1px solid; width:100%; height:50px;; position:relative; padding-left:10px; padding-top:10px; margin-top:4px;}
.t3{border:#000 1px solid; width:100%; height:50px;; position:relative; padding-left:10px; padding-top:10px; margin-top:5px;}
.t4{border:#000 1px solid; width:100%; height:50px;; position:relative; padding-left:10px; padding-top:10px; margin-top:3px;}
.b1{border:#000 1px solid; width:100%; height:50px;; position:relative; padding-left:10px; padding-top:10px; margin-top:-20px; margin-bottom:10px; }
.b2{border:#000 1px solid; width:100%; height:200px;; position:relative; padding-left:10px; padding-top:10px; margin-top:-20px;margin-bottom:10px; }
.b3{border:#000 1px solid; width:100%; height:90px;; position:relative; padding-left:10px; padding-top:10px; margin-top:-20px;margin-bottom:10px;}
.b4{border:#000 1px solid; width:100%; height:50px;; position:relative; padding-left:10px; padding-top:10px; margin-top:-20px;}
		
		
		.container .four.columns.titularmenudentro{ width:205px; float:left; margin-top:2px;}
		.container .four.columns.bordeverde{width:228px; border-left:none; border-top:#063 1px solid; margin:5px; padding-top:10px;}
		.menuabre{width:258px; height:auto; margin-top:0px; margin-left:10px; margin-bottom:20px;}
		.menuabre ul li{font-size:14px; line-height:10px; margin-left:7px;}
		.menuabre ul li:first-child {margin-top:5px;}
		.situaimg{margin-top:5px; width:25px;}
		.verde{font-size:20px;}
		.s22{font-size:14px;}
		.margenleft20{ margin-left:20px; width:100px;}
		.container .sixteen.columns.conocetexto{margin:10px; width:278px;}
		.text1{width:278px;}
		.padredescarga{height:auto; width:50px; position:relative; float:right; margin-right:5px;}
		.hijodescarga{display:table-cell; vertical-align:bottom;}
		.padredescargaconlogo{height:auto; position:relative; float:right; margin-right:20px;}
		.hijodescargaconlogo{display: block; float:right;}
		.dere{float:right; margin-bottom:10px;}
		.titulartextos{font-size:40px;}
		
		.container .four.columns.titularmenudentro.compromisos{margin-left:0px; width:255px;}
		.desme{float:right; margin-top:-20px;}
		
		.ajustaprograma{ width:90%; padding-left:0px; padding-right:10px; margin-top:-40px; }
		
		.tituprogram{font-size:27px; line-height:27px;}
.subtitprogram{font-size:19px; line-height:18px;}

.calendario{float:left; margin-right:20px; width:31px; margin-bottom:10px;}

.archtit{width:80%; height:50px;}
.pdfred{ display:none;}
.downpdf{width:20px; float:right;}
.downpdf2{display:none;}
.downpdf2b{ display:block; width:19px; float:right; margin-top:-48px; margin-right:15px;}

.archcont{width:100%; position:relative; height:0px;}

.doc{display:none;}

.negritafina{    font-size:16px;}
.archtitnotnot{width:85%;}

.cform{height:520px; width:85%; margin-top:-10px;}
.reloj{font-size:18px; width:75px; }



.homedes{background-image:url(../images/home/fondo2.jpg); background-repeat:no-repeat; width:472px; height:375px; float:right; padding-right:0px; margin-right:-10px; background-size:100%;}

.container .seven.columns.homedes  {width:275px; float:right; margin-right:-10px; margin-top:20px;}
.container .seven.columns.hometext  {width:100%; margin-right:-10px;}
.textohometit{font-family: 'archerpromedium'; color:#FFF; font-size:17px; line-height:15px; width:190px; margin-top:156px; margin-left:41px;}
.textohomecontenido{width: 157px; margin-left: 41px; margin-top: 13px; font-size: 12px; float:left; line-height:11px;}
.descargahome{float:left; margin-left:226px; margin-top:-39px; width:25px;}
.bienven{ line-height:15px;}
.text1home{margin:30px auto auto; font-size:15px; line-height:17px;}
	.firma{margin-top:12px; margin-right:0px;}	
		.firma2{margin-top:12px; margin-right:0px;}	
.reduceimagen{width:93%;}

		}
		


/* #Font-Face
================================================== */
/* 	This is the proper syntax for an @font-face file
		Just create a "fonts" folder at the root,
		copy your FontName into code below and remove
		comment brackets */