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

h1{ text-transform:uppercase; font-weight:normal;}
h2{ font-weight:normal;}


h1{font-family: 'Fira Sans', sans-serif; }
#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:5px 0px 0px 10px;}
	#menu ul{ margin:0px !important;}
	#menu ul li{ display:inline-block; margin:0px 0px 10px 10px;}
	#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 0px 10px 10px;}
	.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; padding:10px;}
}


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

h1{ font-size:1.7em; color:#633; padding:20px 25px 12px 5px;}
h2{ margin:6px 0px 8px 0px; font-size:1.4em; color:#303;}
p{ margin:7px 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 #idiomas{ 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;}

#footer{ 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; }

#footer2{ background-color:#CCC; background-color:rgba(255,255,255,0.1); height:0px;}
#footer2 .fidi{ float:left; z-index:20; padding:10px;}
#footer2 .fred{ float:right; z-index:20;}
#footer2 .fred{ text-align:right;}
#footer2 .fred a{ display:inline-block; margin:10px 5px 10px 0px;}
#footer2 .fred a:last-child{ margin-right:13px;}
#footer2 .fred a img{ border:none; width:40px;}

#footer{ clear:both;}
#footer *{font-family: 'Fira Sans', sans-serif; font-weight:300;}
#footer .col{ display:inline-block; clear:both; margin:10px; }
#footer .col.dir{ background:url(/www/6/images/dir.png) no-repeat 5px 5px; background-size:50px 50px; min-height:70px}
#footer .col.dir h4{ display:none;}
#footer .col.dir > div{ margin:10px 0 10px 60px; font-size:16px; line-height:16px;}
#footer .col.con{ background:url(/www/6/images/contacto.png) no-repeat 0px 5px; background-size:50px 50px; min-height:70px;}
#footer .col.con a{ color:#FFF; text-decoration:none;}
#footer .col.con a span{ display:none;}
#footer .col.con h4, #footer .col.con h5{ display:none;}
#footer .col.con > div{ margin:5px 0 10px 60px; font-size:16px; line-height:16px;}
#footer .col.con .telefonos{ padding-top:5px;}
#footer .col.con .telefonos .tel{ display:inline-block; margin-right:20px; letter-spacing:1px;}
#footer .col.con .telefonos .telefono1{ font-size:18px;}
#footer .col.con .correo span{ display:none;}
#footer .col.hor{ background:url(/www/6/images/horario.png) no-repeat 0px 5px; background-size:50px 50px; min-height:70px;}
#footer .col.hor h4{ display:none;}
#footer .col.hor > div{ margin:10px 0 10px 65px; font-size:16px; line-height:25px; vertical-align:top;}

#bottom{ font-size:14px !important; padding:20px; text-align:right;}
#bottom *{ font-size:14px !important;}
#bottom a{ text-decoration:none;}

#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;}

.enlace { cursor: pointer; background-color: rgba(220,220,220,0.3); padding:8px; }
.enlace:hover { background-color:#FFF; }
.enlace .imagen { float:none; margin-bottom:10px; width:auto; }
.enlace .imagen img { width: 100%; max-width:300px; }
.enlace .info { width:auto; float:none; }
.enlace .info .titulo { font-weight: bold; color:#000; }
.enlace .info .url { margin-top: 5px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;  }
.enlace .info .url a { color:#3A404B; font-size:14px; }
.enlace .info .desc { font-size:13px; color:#666; }


.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:20px 25px 12px 5px;}
h2{ margin-top:18px; font-size:25px; color:#303;}
p{ margin:7px 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:90%; margin:0 auto; padding:12px 5%; text-align:left;}
#bar #idiomas{ float:right; padding-top:12px;}
#bar #idiomas .lgList{ margin-left:30px; margin-right:12px;}
#bar #menu{ float:right;}

#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;}

#footer2{ background-color:#CCC; background-color:rgba(255,255,255,0.1);}
#footer2 .fidi{ display:none; }
#footer2 .fred{ float:right; z-index:20;}
#footer2 .fred{ text-align:right;}
#footer2 .fred a{ display:inline-block; margin:10px 5px 10px 0px;}
#footer2 .fred a:last-child{ margin-right:13px;}
#footer2 .fred a img{ border:none; width:40px;}
#footer{ clear:both;}

#footer *{font-family: 'Fira Sans', sans-serif; font-weight:300;}
#footer .col{ display:inline-block; float:left; margin:10px 50px 10px 10px; }
#footer .col.dir{ background:url(/www/6/images/dir.png) no-repeat 0px 5px; background-size:50px 50px; min-height:70px;}
#footer .col.dir h4{ display:none;}
#footer .col.dir > div{ margin:10px 0 10px 55px; font-size:16px; line-height:16px;}
#footer .col.con{ background:url(/www/6/images/contacto.png) no-repeat 0px 5px; background-size:50px 50px; min-height:70px;}
#footer .col.con a{ color:#FFF; text-decoration:none;}
#footer .col.con a span{ display:none;}
#footer .col.con h4, #footer .col.con h5{ display:none;}
#footer .col.con > div{ margin:5px 0 10px 65px; font-size:16px; line-height:16px;}
#footer .col.con .telefonos{ padding-top:5px;}
#footer .col.con .telefonos .tel{ display:inline-block; margin-right:20px; letter-spacing:1px;}
#footer .col.con .telefonos .telefono1{ font-size:18px;}
#footer .col.con .correo span{ display:none;}
#footer .col.hor{ background:url(/www/6/images/horario.png) no-repeat 0px 5px; background-size:50px 50px; min-height:70px;}
#footer .col.hor h4{ display:none;}
#footer .col.hor > div{ margin:10px 0 10px 65px; font-size:16px; line-height:25px; vertical-align:top;}

#bottom{ font-size:14px !important padding:20px; text-align:right; margin-left:100px; min-width:600px; display:inline-block; float:right;}
#bottom *{ font-size:14px !important;}
#bottom a{ text-decoration:none;}

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

.ce{ font-size:1em;}

.enlace { cursor: pointer; background-color: rgba(220,220,220,0.3); padding:8px; }
.enlace:hover { background-color:#FFF; }
.enlace .imagen { float:none; margin-bottom:10px; width:auto; }
.enlace .imagen img { width: 100%; max-width:300px; }
.enlace .info { width:auto; float:none; }
.enlace .info .titulo { font-weight: bold; color:#000; }
.enlace .info .url { margin-top: 5px; }
.enlace .info .url a { color:#3A404B; font-size:14px; }
.enlace .info .desc { font-size:13px; color:#666; }


.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-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:20px 25px 12px 5px; font-weight:lighter; }
#contenido > h1{ max-width:1100px; box-sizing:border-box; margin:0px auto;}
h2{margin-top:20px; font-size:28px; color:#303; margin:15px 0px 10px 0px; }

p{ margin:10px 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; text-align:left;}
#bar #idiomas{ float:right; padding-top:12px;}
#bar #idiomas .lgList{ margin-left:30px; margin-right:12px;}
#bar #menu{ float:right;}

#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:481px;}
#contenido > .sl_bg.wide{ width:100%; }
#contenido .sl_bg.parallax{ background-position:-10000px -10000px;}
#contenido > #layouts > .sl_edit, #contenido > .sl_edit{ width:1100px; box-sizing:border-box; margin-right:auto; margin-left:auto; }
#contenido > #layouts > .sl_edit.wide, #contenido > .sl_edit.wide{ width:100%; }
#contenido > #layouts > .sl_edit.wide > .bk2 > .edit_opt_layout, #contenido > .sl_edit.wide > .bk2 > .edit_opt_layout{ right:0px; left:auto; }
#contenido > #layouts > .sl_edit.land, #contenido > .sl_edit.land{ width:100%; }
#contenido > #layouts > .sl_edit.land > .bk2 > .sl_bg > .sl, #contenido > .sl_edit.land > .bk2 > .sl_bg > .sl{ width:1100px; box-sizing:border-box; margin-right:auto; margin-left:auto; }
#contenido > #layouts > .sl_nuevo, #contenido > .sl_nuevo{ width:1100px; margin-right:auto; margin-left:auto; }

#footer2{ background-color:#CCC; background-color:rgba(255,255,255,0.1);}
#footer2 .fidi{ display:none; }
#footer2 .fred{ float:right; z-index:20;}
#footer2 .fred{ text-align:right;}
#footer2 .fred a{ display:inline-block; margin:10px 5px 10px 0px;}
#footer2 .fred a:last-child{ margin-right:13px;}
#footer2 .fred a img{ border:none; width:40px;}
#footer{ clear:both;}

#footer{ clear:both;}
#footer *{font-family: 'Fira Sans', sans-serif;}
#footer .col{ display:inline-block; float:left; margin:10px 50px 10px 10px; }
#footer .col.dir{ background:url(/www/6/images/dir.png) no-repeat 0px 5px; background-size:50px 50px; min-height:70px;}
#footer .col.dir h4{ display:none;}
#footer .col.dir > div{ margin:10px 0 10px 55px; font-size:16px; line-height:16px;}
#footer .col.con{ background:url(/www/6/images/contacto.png) no-repeat 0px 5px; background-size:50px 50px; min-height:70px;}
#footer .col.con a{ color:#FFF; text-decoration:none;}
#footer .col.con a span{ display:none;}
#footer .col.con h4, #footer .col.con h5{ display:none;}
#footer .col.con > div{ margin:5px 0 10px 65px; font-size:16px; line-height:16px;}
#footer .col.con .telefonos{ padding-top:5px;}
#footer .col.con .telefonos .tel{ display:inline-block; margin-right:20px; letter-spacing:1px;}
#footer .col.con .telefonos .telefono1{ font-size:18px;}
#footer .col.con .correo span{ display:none;}
#footer .col.hor{ background:url(/www/6/images/horario.png) no-repeat 0px 5px; background-size:50px 50px; min-height:70px;}
#footer .col.hor h4{ display:none;}
#footer .col.hor > div{ margin:10px 0 10px 65px; font-size:16px; line-height:25px; vertical-align:top;}

#bottom{ font-size:14px !important; padding:20px; text-align:right; margin-left:100px; min-width:600px; display:inline-block; float:right;}
#bottom *{ font-size:14px !important;}
#bottom a{ text-decoration:none;}

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

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

.enlace { cursor: pointer; background-color: rgba(220,220,220,0.3); padding:8px; }
.enlace:hover { background-color:#FFF; }
.enlace .imagen { float:none; margin-bottom:10px; width:auto; }
.enlace .imagen img { width: 100%; max-width:300px; }
.enlace .info { width:auto; float:none; }
.enlace .info .titulo { font-weight: bold; color:#000; }
.enlace .info .url { margin-top: 5px; }
.enlace .info .url a { color:#3A404B; font-size:14px; }
.enlace .info .desc { font-size:13px; color:#666; }


.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-family: 'Fira Sans', sans-serif; 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-family: 'Fira Sans', sans-serif; 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:#239123}
h2{ color:#239123}
h3{ color:#000000}
h4{ color:#000000}
body, #bk1{ background-color:rgb(255, 255, 255) !important;}
#footer{ background-color:rgb(0, 70, 0) !important; color:rgb(220,248,220) !important;}
#footer2{}
#footer a{ color:rgb(220,248,220) !important;}
.sy-pager li.sy-active a { background-color:rgb(0, 70, 0) !important; }
#barcont, .ulsubmenu, #menumovil.fix .main{ background-color:rgb(255, 255, 255);}
#menumovil.menu2 .showMenuM, #menumovil.menu3 .showMenuM{ background-image:url(/images/selectmenu_.png);}
#contenido, #contenido a { color:#000000}