
  


*{ 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; clear:both;}
	#menu ul li{ display:inline-block; }
	.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 .info { 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 .c5{ min-height:35px; }
#tfooter .c5.cor{ text-align:center; font-size:20px; padding-top:0px; padding-bottom:30px;}
#tfooter .c5.dir{ text-align:center;}
#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 .hbar{ background-color:rgba(230,230,230,0.4); height:1px; width:70%; margin:0 auto 25px;}
#bottom .pie{ text-align:center;}

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

.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{ width:94%; margin:0 auto; padding:12px 3%; text-align:left;}
#bar #menu{ float:right;}
#bar .right{ float:right;}
#bar .info { text-align:right; margin-bottom:5px;}
#bar .info div:not(.llist) { display:inline-block;}
#bar .info > i { font-size:16px; color:#000; margin-right:2px;}
#bar .info a { color:#000; text-decoration:none;}
#bar .info .lgList{ margin-left:20px;}
#bar .info .redes { margin-left:20px; font-size:18px !important;}
#bar .info .redes a{ margin:0 2px;}
#bar .info .telefonos { font-size:16px !important;}
#bar .info .telefonos .tel{ margin:0 8px; display:inline-block; }
#bar .info .mail{ margin-left:15px; }
#bar .info .mail .correo{ display:inline-block; }
#bar .info .mail .correo span{ 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;}
#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 .c5{ min-height:35px; height:35px;}
#tfooter .c5.cor{ text-align:center; font-size:20px; padding-top:7px;}
#tfooter .c5.dir{ text-align:center;}
#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 .hbar{ background-color:rgba(230,230,230,0.4); height:1px; width:70%; margin:0 auto 25px;}
#bottom .pie{ text-align:center;}

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

.ce{ font-size:1em;}

.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{ padding:12px 30px; max-width:1210px; text-align:left; margin:0px auto;}
#bar #menu{ float:right;}
#bar .right{ float:right;}
#bar .info { text-align:right; margin-bottom:5px;}
#bar .info > div { display:inline-block;}
#bar .info > i { font-size:16px; color:#000; margin-right:2px;}
#bar .info a { color:#000; text-decoration:none;}
#bar .info .lgList{ margin-left:20px;}
#bar .info .redes { margin-left:20px; font-size:18px !important;}
#bar .info .redes a{ margin:0 2px;}
#bar .info .telefonos { font-size:16px !important; display:inline-block}
#bar .info .telefonos .tel{ margin:0 8px; display:inline-block; }
#bar .info .mail{ margin-left:15px; }
#bar .info .mail .correo{ display:inline-block; }
#bar .info .mail .correo span{ 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; }
#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 .c5{ min-height:35px; height:35px;}
#tfooter .c5.cor{ text-align:center; font-size:20px; padding-top:7px;}
#tfooter .c5.dir{ text-align:center;}
#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 .hbar{ background-color:rgba(230,230,230,0.4); height:1px; width:70%; margin:0 auto 25px;}
#bottom .pie{ text-align:center;}


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

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

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

.ulsubmenu{ background-color:#222;}

}



/* ALT */

h1{ color:#647653}
h2{ color:#616161}
h3{ color:#647653}
h4{ color:#585858}

#footer{ background-color:rgb(100, 118, 83) !important;}
#bottom{ background-color:rgb(100, 118, 83) !important;}
.sy-pager li.sy-active a { background-color:rgb(100, 118, 83) !important; }
#tfooter{ color:#FFF !important;}
#tfooter a{ color:#FFF !important;}
#bottom{ color:#EEE !important;}
#bottom a{ color:#EEE !important;}


#contenido, #contenido a { color:#585858}

