*{ margin:0px; padding:0px; /*-webkit-appearance: none;*/}
html{ position:relative;}
body{ font-family: Arial, 'Open Sans', sans-serif; font-size:14px;}

h1{ font-weight:normal;}
h2{ font-weight:normal;}

#contenido .sl *{}
#contenido .sl{font-size:18px;}

#menu ul{ list-style:none; margin:0px;}


@media screen and (max-width: 480px){
	#menu{ padding:5px 10px 10px 10px; text-align:center;}
	#menu select{ width:100%; border:1px solid #CCC; color:#333; background-color:#FFF;}
}

@media screen and (min-width: 481px) and (max-width: 1100px){
	#menu{ position:relative; text-align:center; padding:10px 0px 0px 10px;}
	#menu ul{ margin:0px !important;}
	#menu ul li{ display:inline-block; margin:0px 10px 10px 0px;}
	#ulmenu > li.over{ margin:-10px 0px 0px -10px; padding:10px;}
	.ulsubmenu{ margin:0px !important; left:0px; top:100%; padding:10px 0px 0px 10px !important; width:100%;}
}

@media screen and (min-width: 1101px){
	#menu{ text-align:center;}
	#menu ul li{ display:inline-block; margin:10px 5px;}
	.ulsubmenu{ top:100%; margin:0px !important; left:0px; padding:10px 5px 0px 5px !important; max-width:300px; min-width:150px;}
	/*#ulmenu > li.consub:hover{ margin:-10px -5px 0px 5px;}*/
}


@media screen and (max-width: 480px){
body{ font-size:14px; overflow-x:hidden; }

h1{ font-size:1.7em; color:#633; padding:23px 25px 14px 5px;}
h2{ margin:11px 0px 8px 0px; font-size:1.4em; color:#303;}
h3{ margin:8px 0px 6px 0px; font-size:1.2em; color:#303;}
p{ margin:10px 0px;}

#bk1{ background-position:bottom middle; background-repeat:repeat; min-height:100%;}
#bk2{ background-position:center top; background-repeat:repeat-x;}
#bk3{ background-position:center bottom; background-repeat: repeat-x;}

#bar{ color:#FFF; width:100%; box-sizing: border-box; margin:0 auto; padding:12px 5%; text-align:left;}
#bar .idi{ display:none;}

#top{ position:relative;}
#top img{ z-index:5; max-width:100%; width:100%; height:auto; vertical-align:bottom;}

#contenido{ width:100%; margin:0px auto; padding:0px; clear:both;}

#menumovil.fix{ padding:10px;}
#menumovil.fix .main{ margin:5px; padding:15px;}
#menumovil.fix .showMenuM{ background-color:rgba(0,0,0,0.5); border-radius:50%; width:44px; height:44px; background-position:11px;}
#menumovil.menu2 .showMenuM{ margin-right:-15px; }
#menumovil.fix .showMenuM{ margin-right:0px; }

#footer{ clear:both;}
#footer .idiomas{ padding:15px; box-sizing:border-box;}

#tfooter{ color:#333; padding:25px 20px; box-sizing:border-box; max-width:1210px; margin:0px auto; font-size:14px; font-family: 'Open Sans', sans-serif, Arial; min-height:35px;}
#tfooter a{ color:#333; text-decoration:none;}
#tfooter a span{ display:none;}
#tfooter .c4{ background-position:-64px 0px; background-repeat:no-repeat; min-height:35px; height:35px; padding-left:46px;}
#tfooter .c4.tel{ background-image:url(/www/8/images/telefono.png); margin-bottom:12px;}
#tfooter .c4.cor{ background-image:url(/www/8/images/correo.png); padding-top:9px;}
#tfooter .c4.dir{ background-image:url(/www/8/images/dir.png);}
#tfooter .tel .telefonos .tel{ display:inline-block; margin-right:20px; letter-spacing:2px;}
#tfooter .tel .telefonos .telefono1{ font-size:22px;}
#tfooter .dir h4{ display:none;}
#tfooter .cor span{ display:none;}

#bottom{ font-size:13px; text-align:center; color:#222; padding-bottom:60px;}
#bottom a{ color:#000; text-decoration:none;}
#bottom a:hover{ text-decoration:underline;}
#bottom .table{ padding:17px 20px; box-sizing:border-box; max-width:1210px; margin:0px auto;}
#bottom .pie{ text-align:left;}
#bottom .red{ text-align:center; margin-top:15px;}
#bottom .red a{ display:inline-block; overflow:hidden; width:18px; height:18px; position:relative; margin:0px 3px;}
#bottom .red a img{ position:absolute; top:0px; left:0px;}
#bottom .red a:hover img{ top:-18px;}

#logocont{ max-height:55px; z-index:5; position:absolute; max-width:80%; top:10px; left:15px;}
#imglogo{ max-height:55px; height:auto; width:auto; max-width:100%;}


.ce{ font-size:1em;}


.eve-listado{}
.eve-listado .evento{ width:96%; margin:15px 2% 40px 2%; overflow:hidden; position:relative; display:inline-block; float:left; background-color:#CCC; background-color:rgba(230,230,230,0.2); cursor:pointer;}
.eve-listado .evento img.nada{ width:100%; height:auto; display:inline-block;}
.eve-listado .evento .titulo, .eve-listado .evento .texto, .eve-listado .evento .fecha, .eve-listado .evento .compartirRS, .eve-listado .evento .vermas{ display:none;}
.eve-listado .evento .fotos{ text-align:center; overflow:hidden;}
.eve-listado .evento .fotos div{ position:absolute; height:100%; left:-400px; right:-400px; top:0px; bottom:0px; text-align:center;}
.eve-listado .evento .fotos img{ height:100%; width:auto; max-width:none;}


.eve-completo{}
.eve-completo .evento{ margin:20px 12px 50px 12px;}
.eve-completo .evento .fotos{ margin-bottom:30px;}
.eve-completo .evento .fecha{ font-size:20px; color:#DDD;}
.eve-completo .evento .texto{ margin-top:20px;}
.eve-completo .evento .compartirRS{ margin:50px 0 20px;}
.eve-completo .evento .compartirRS img{ max-height:30px; vertical-align:middle; margin-left:5px; border:none;}
.eve-completo .volver{ padding-top:20px;}
.eve-completo .volver a{ padding:6px 10px; border:1px solid #BBB; border-radius:4px;}

.ulsubmenu{ background-color:#222;}
}

@media screen and (min-width: 481px) and (max-width: 1100px){
body{ font-size:14px;}

h1{ font-size:35px; color:#633; padding:25px 25px 18px 5px;}
h2{ font-size:25px; color:#303; margin:20px 0px 14px 0px;}
h3{ font-size:23px; color:#303; margin:17px 0px 1px 0px; }
p{ margin:12px 0px;}

#bk1{ background-position:bottom middle; background-repeat:repeat; min-height:100%;}
#bk2{ background-position:center top; background-repeat:repeat-x;}
#bk3{ background-position:center bottom; background-repeat: repeat-x;}

#bar{ color:#FFF; width:94%; margin:0 auto; padding:12px 3%; text-align:left;}
#bar #menu{ float:right;}
#bar .idi{ display:inline-block; float:right; margin:12px 10px 0 25px;}

#top{ position:relative;}
#top img{ z-index:5; max-width:100%; width:100%; height:auto; vertical-align:bottom;}

#contenido{ width:100%; margin:0px auto; padding:0px; clear:both;}

#footer{ clear:both;}
#footer .idiomas{ display:none;}

#tfooter{ color:#333; padding:8px 20px 25px; box-sizing:border-box; max-width:1210px; margin:0px auto; font-size:14px; font-family: 'Open Sans', sans-serif, Arial; min-height:35px;}
#tfooter a{ color:#333; text-decoration:none;}
#tfooter a span{ display:none;}
#tfooter .c4{ background-position:-64px 0px; background-repeat:no-repeat; min-height:35px; height:35px; padding-left:46px;}
#tfooter .c4.tel{ background-image:url(/www/8/images/telefono.png);}
#tfooter .c4.cor{ background-image:url(/www/8/images/correo.png); padding-top:9px;}
#tfooter .c4.dir{ background-image:url(/www/8/images/dir.png);}
#tfooter .tel .telefonos .tel{ display:inline-block; margin-right:20px; letter-spacing:2px;}
#tfooter .tel .telefonos .telefono1{ font-size:22px;}
#tfooter .dir h4{ display:none;}
#tfooter .cor span{ display:none;}

#bottom{ font-size:13px; text-align:center; color:#222; padding-bottom:50px;}
#bottom a{ color:#000; text-decoration:none;}
#bottom a:hover{ text-decoration:underline;}
#bottom .table{ padding:17px 20px; box-sizing:border-box; max-width:1210px; margin:0px auto;}
#bottom .pie{ text-align:left;}
#bottom .red{ text-align:center;}
#bottom .red a{ display:inline-block; overflow:hidden; width:18px; height:18px; position:relative; margin:0px 3px;}
#bottom .red a img{ position:absolute; top:0px; left:0px;}
#bottom .red a:hover img{ top:-18px;}

#logocont{ max-height:60px; float:left;}
#imglogo{ max-height:60px; height:auto; width:auto; max-width:100%;}

.ce{ font-size:1em;}


.eve-listado{}
.eve-listado .evento{ width:30.3%; margin:15px 1.5% 40px 1.5%; overflow:hidden; position:relative; display:inline-block; float:left; background-color:#CCC; background-color:rgba(230,230,230,0.2); cursor:pointer;}
.eve-listado .evento img.nada{ width:100%; height:auto; display:inline-block;}
.eve-listado .evento .titulo, .eve-listado .evento .texto, .eve-listado .evento .fecha, .eve-listado .evento .compartirRS, .eve-listado .evento .vermas{ display:none;}
.eve-listado .evento .fotos{ text-align:center; overflow:hidden;}
.eve-listado .evento .fotos div{ position:absolute; height:100%; left:-400px; right:-400px; top:0px; bottom:0px; text-align:center;}
.eve-listado .evento .fotos img{ height:100%; width:auto; max-width:none;}
/*
.eve-listado .evento .titulo{ position:absolute; z-index:5; left:0px; right:0px; top:30px; text-align:center;}
.eve-listado .evento .titulo h2{ text-transform:uppercase; margin:0px 30px; font-family: 'Fira Sans', sans-serif; font-weight:300; font-size:27px; color:#FFF;}
.eve-listado .evento .texto{ display:none;}
.eve-listado .evento .fecha{ position:absolute; z-index:5; left:0px; right:0px; bottom:75px; text-align:center; font-family: 'Fira Sans', sans-serif; font-weight:300; font-size:16px; color:#EEE; padding:0px 25px;}
.eve-listado .evento .compartir{ display:none;}
.eve-listado .evento .vermas{ position:absolute; z-index:5; left:0px; right:0px; bottom:30px; text-align:center;}
.eve-listado .evento .vermas a{ display:inline-block; padding:7px 10px; border:2px solid #FFF; color:#FFF; text-decoration:none;}*/


.eve-completo{}
.eve-completo .evento{ margin:20px 12px 50px 12px;}
.eve-completo .evento .fotos{ width:40%; float:right; margin:20px 0 30px 5%;}
.eve-completo .evento .fecha{ font-size:20px; color:#DDD;}
.eve-completo .evento .texto{ margin-top:20px;}
.eve-completo .evento .compartirRS{ margin:50px 0 20px;}
.eve-completo .evento .compartirRS img{ max-height:30px; vertical-align:middle; margin-left:5px; border:none;}
.eve-completo .volver{ padding-top:20px;}
.eve-completo .volver a{ padding:6px 10px; border:1px solid #BBB; border-radius:4px;}

.ulsubmenu{ background-color:#222;}


}

@media screen and (min-width: 1101px){
html,body{ height:100%;}	

body{ font-size:14px;}

h1{ font-size:45px; color:#633; padding:25px 25px 18px 5px; font-weight:lighter; }
#contenido > h1{ max-width:1100px; box-sizing:border-box; margin:0px auto;}
h2{ font-size:28px; color:#303; margin:20px 0px 14px 0px; }
h3{ font-size:23px; color:#303; margin:17px 0px 1px 0px; }

p{ margin:13px 0px;}

#bk1{ background-position:center top; background-repeat:repeat; min-height:100%;}
#bk2{ background-position:center top; background-repeat:repeat-x;}
#bk3{ background-position:center bottom; background-repeat: repeat-x;}

#bar{ color:#FFF; padding:12px 30px; max-width:1210px; text-align:left; margin:0px auto;}
#bar #menu{ float:right;}
#bar .idi{ display:inline-block; float:right; margin:12px 10px 0 25px;}

#top{ position:relative;}
#top img{ z-index:5; max-width:100%; width:100%; height:auto; vertical-align:bottom;}

#contenido{ width:100%; margin:0px auto; padding:0px; clear:both; }
#contenido > .sl_bg{ width:1100px; box-sizing:border-box; margin-right:auto; margin-left:auto; }
#contenido > .sl_bg.land{ width:100%; }
#contenido > .sl_bg.land > .sl{ width:1100px; box-sizing:border-box; margin-right:auto; margin-left:auto; }
#contenido .sl_edit.land > .bk2 > .edit_opt_layout{ right:auto; left:50%; margin-left:484px;}
#contenido > .sl_bg.wide{ width:100%; }
#contenido .sl_bg.parallax{ background-position:-10000px -10000px;}
#contenido > #layouts > .sl_edit{ width:1100px; box-sizing:border-box; margin-right:auto; margin-left:auto; }
#contenido > #layouts > .sl_edit.wide{ width:100%; }
#contenido > #layouts > .sl_edit.wide > .bk2 > .edit_opt_layout{ right:0px; left:auto; }
#contenido > #layouts > .sl_edit.land{ width:100%; }
#contenido > #layouts > .sl_edit.land > .bk2 > .sl_bg > .sl{ width:1100px; box-sizing:border-box; margin-right:auto; margin-left:auto; }
#contenido > #layouts > .sl_nuevo{ width:1100px; margin-right:auto; margin-left:auto; }
/*#contenido{ width:1100px; margin:0px auto; padding:0px; clear:both; }*/

#footer{ clear:both;}
#footer .idiomas{ display:none;}

#tfooter{ color:#333; padding:25px 20px; box-sizing:border-box; max-width:1210px; margin:0px auto; font-size:14px; font-family: 'Open Sans', sans-serif, Arial; min-height:35px;}
#tfooter a{ color:#333; text-decoration:none;}
#tfooter a span{ display:none;}
#tfooter .c4{ background-position:-64px 0px; background-repeat:no-repeat; padding-left:46px; min-height:35px; height:35px;}
#tfooter .c4.tel{ background-image:url(/www/8/images/telefono.png);}
#tfooter .c4.cor{ background-image:url(/www/8/images/correo.png); padding-top:9px;}
#tfooter .c4.dir{ background-image:url(/www/8/images/dir.png);}
#tfooter .tel .telefonos .tel{ display:inline-block; margin-right:20px; letter-spacing:2px;}
#tfooter .tel .telefonos .telefono1{ font-size:22px;}
#tfooter .dir h4{ display:none;}
#tfooter .cor span{ display:none;}

#bottom{ font-size:13px; text-align:center; color:#222; padding-bottom:50px;}
#bottom a{ color:#000; text-decoration:none;}
#bottom a:hover{ text-decoration:underline;}
#bottom .table{ padding:17px 20px; box-sizing:border-box; max-width:1210px; margin:0px auto;}
#bottom .pie{ text-align:left;}
#bottom .red{ text-align:right; }
#bottom .red a{ display:inline-block; overflow:hidden; width:18px; height:18px; position:relative; margin:0px 3px;}
#bottom .red a img{ position:absolute; top:0px; left:0px; max-width:100%;}
#bottom .red a:hover img{ top:-18px;}

#logocont{ float:left;}
#imglogo{ width:auto; max-width:100%;}

.compartirRS{ max-width:1100px; box-sizing:border-box; margin-left:auto; margin-right:auto;}

.eve-listado, .eve-completo{ max-width:1100px; margin:0px auto;}
.eve-listado .evento{ width:30.3%; margin:15px 1.5% 40px 1.5%; overflow:hidden; position:relative; display:inline-block; float:left; background-color:#CCC; background-color:rgba(230,230,230,0.2); cursor:pointer;}
.eve-listado .evento img.nada{ width:100%; height:auto; display:inline-block;}
.eve-listado .evento .titulo{ position:absolute; z-index:5; left:0px; right:0px; top:60px; text-align:center;}
.eve-listado .evento .titulo h2{ text-transform:uppercase; margin:0px 30px; font-weight:300; font-size:30px;}
.eve-listado .evento .fotos{ text-align:center; overflow:hidden;}
.eve-listado .evento .fotos div{ position:absolute; height:100%; left:-400px; right:-400px; top:0px; bottom:0px; text-align:center;}
.eve-listado .evento .fotos img{ height:100%; width:auto; max-width:none; opacity:1; -webkit-transition: opacity 0.2s ease-in-out;
    -moz-transition: opacity 0.2s ease-in-out;
    -o-transition: opacity 0.2s ease-in-out;
    -ms-transition: opacity 0.2s ease-in-out;    
    transition: opacity 0.2s ease-in-out;}
.eve-listado .evento .titulo, .eve-listado .evento .fecha, .eve-listado .evento .vermas{ display:none; }
.eve-listado .evento:hover .titulo, .eve-listado .evento:hover .fecha, .eve-listado .evento:hover .vermas{ display:block; }
.eve-listado .evento:hover .fotos img{ opacity:0.2; }
.eve-listado .evento .texto{ display:none;}
.eve-listado .evento .fecha{ position:absolute; z-index:5; left:0px; right:0px; bottom:90px; text-align:center; font-weight:300; font-size:17px; padding:0px 30px;}
.eve-listado .evento .compartirRS{ display:none;}
.eve-listado .evento .vermas{ position:absolute; z-index:5; left:0px; right:0px; bottom:40px; text-align:center;}
.eve-listado .evento .vermas a{ display:inline-block; padding:7px 10px; border:2px solid #FFF; text-decoration:none;}

.eve-completo{}
.eve-completo .evento{ margin:20px 0 50px 0;}
.eve-completo .evento .fotos{ width:40%; float:right; margin: 90px 0 30px 5%;}
.eve-completo .evento .fecha{ font-size:20px; color:#DDD;}
.eve-completo .evento .texto{ margin-top:20px;}
.eve-completo .evento .compartirRS{ display:block; margin:50px 0 20px;}
.eve-completo .evento .compartirRS img{ max-height:30px; vertical-align:middle; margin-left:5px; border:none;}
.eve-completo .volver{ padding-top:20px;}
.eve-completo .volver a{ padding:6px 10px; border:1px solid #BBB; border-radius:4px;}

.pub-listado{ max-width:1100px; margin:0px auto;}

.ulsubmenu{ background-color:#222;}

}



/* ALT */

h1{ color:#175643}
h2{ color:#125442}
h3{ color:#727272}

#footer{ background-color:rgb(23, 86, 67) !important;}
#bottom{ background-color:rgb(48,111,92) !important;}
.sy-pager li.sy-active a { background-color:rgb(23, 86, 67) !important; }
#tfooter{ color:#FFF !important;}
#tfooter a{ color:#FFF !important;}
#tfooter .c4{ background-position:0px -64px;}
#bottom{ color:#EEE !important;}
#bottom a{ color:#EEE !important;}
#bottom .red a img{ top:-18px;}
#bottom .red a:hover img{ top:0px;}