header { position: sticky; z-index: 2000; top: 0px; left: 0; margin: 0; height: auto; padding: 0px; }
#header { position: absolute; z-index: 1; padding: 0 10px; font-size: 14px; margin-top: 0px; width: 100%; height: 60px; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; -ms-transition: all 0.5s ease; transition: all 0.5s ease; }
#header .nav-link { padding: 2px 2px; }
#header .container { margin-top: 50px; }
#header .separar { display: none; }

#header #logo { float: left; margin-top: -26px; width: 200px; }
#header #logo img { width: 100%; }
#header #iconomenu { float: right; margin-top: 0px; width: 50px; cursor: pointer; margin-left: 140px; }
#header #iconomenu img { height: 36px; }
#header #idiomasdrop { position: absolute; z-index: 1; right: 10px; top: 10px; }
#header #inscribete { color: #FFF; } #header #inscribete a { color: #FFF; } #header #inscribete .nav-link { padding-top:4px }
#header #inscribete .dropdown-item { color: #666; }
#header #inscribete .dropdown-menu { left: -22px !important; top: 4px !important; border: none !important; }
#header #login { background-color: #FFF; } #header #login a { color: var(--color1) !important; }
#header #inscribete, #header #login, #header #cerrarsesion { float: right; padding: 4px 20px; margin-top: 0px; margin-left: 15px; width: auto; height: 40px; cursor: pointer; border: 2px solid #FFF; border-radius: 8px; }
#header #inscribete img, #header #login img { margin-right: 5px; }
#header #cerrarsesion { padding: 4px 8px; }
#header #cerrarsesion img { width: 30px; }
.headersticky { background-color: rgba(10,40,120,0.9); padding-top: 5px !important; height: 90px !important; -webkit-box-shadow: 0px 10px 15px 0px rgba(49,126,208,0.20); box-shadow: 0px 10px 15px 0px rgba(49,126,208,0.20); }
.headercontsticky { margin-top: 20px !important; }
.logosticky { margin-top: -20px !important; }
body:not(#home) #header { height: 130px; background-image: url(../../img/slide.jpg); background-repeat: no-repeat; background-size: cover; background-position: top; }
body:not(#home) .headersticky { height: 90px !important; }
@media screen and (max-width: 1024px) {
	body:not(#home) #header { height: 120px; }
	body:not(#home) .headersticky { height: 80px !important; }

	#header #logo { width: 190px; }
	#header #iconomenu { margin-left: 30px; }
}
@media screen and (max-width: 900px) {
	#header { height: 160px; }
	.headersticky { height: 120px !important; }
	
	body:not(#home) #header { height: 160px; }
	body:not(#home) .headersticky { height: 120px !important; }
	
	#header .separar { display: block; }
	#header #botonesopciones { margin-right: 80px; }
	
}
@media screen and (max-width: 650px) {
	#header #botonesopciones { margin-right: 40px; }
}
@media screen and (max-width: 550px) {
	#header { height: 160px; }
	.headersticky { height: 130px !important; }

	body:not(#home) #header { height: 150px; }
	body:not(#home) .headersticky { height: 120px !important; }

	#header #logo { width: 50%; }
	#header .separar { height: 10px; }
	#header #botonesopciones { margin-right: 0px; margin-top: -10px; }
	#header #inscribete, #header #login, #header #cerrarsesion { font-size: 12px; height: 35px; margin-left: 5px; padding: 2px 7px; }
	#header #cerrarsesion img { width: 24px; padding-top: 2px; }
}
@media screen and (max-width: 450px) {
	#header #botonesopciones { margin-top: 0px; }
	.txtcuenta { display: none; }
	#header #login img { margin-right: 0px; }
}
@media screen and (max-width: 330px) {
	.txtinscri { display: none; }
}


#divmenu { position: fixed; z-index: 1000; top: 50px; right: -400px; margin-right: 40px; width: 360px; min-width: 360px; height: 560px; min-height: 560px; background-color: var(--color2); border-radius: 20px; }
#divmenu #salirmenu { position: absolute; z-index: 2; top: 20px; right: 20px; width: 15px; height: 15px; cursor: pointer; }
#divmenu ul#opciones { margin-top: 50px; padding-left: 30px; padding-right: 30px; list-style: none; width: 100%; }
#divmenu ul#opciones li, #divmenu ul#opciones .submenu { color: #FFF; font-size: 18px; margin: 8px 0; cursor: pointer; }
#divmenu ul#opciones li hr { border-top: dotted 1px !important; }
#divmenu ul#opciones .submenu { display: none; margin-left: 20px; }
#divmenu ul#opciones .submenu a { color: #fff; }
#divmenu ul#opciones li:hover, #divmenu ul#opciones .submenu a:hover, #divmenu ul#opciones .submenu div:hover { color: #ccc; }
#divmenu ul#opciones li .cuadrado { width: 20px; height: 20px; border-radius: 4px; margin-top: 3px; float: left; margin-right: 10px; }
#divmenu ul#opciones li#op1 .cuadrado { background-color:var(--coo); }
#divmenu ul#opciones li#op2 .cuadrado { background-color:var(--dob); }
#divmenu ul#opciones li#op3 .cuadrado { background-color:var(--esp); }
#divmenu ul#opciones li#op4 .cuadrado { background-color:var(--dir); }
#divmenu ul#opciones li#op5 .cuadrado { background-color:var(--equ); }
#divmenu ul#opciones li#op6 .cuadrado { background-color:var(--emp); }
#divmenu ul#opciones li#op7 .cuadrado { background-color:var(--pro); }

@media screen and (max-width: 770px) {
	#divmenu { margin-right: 20px; }
}
@media screen and (max-width: 550px) {
	#divmenu { right: -100%; width: 90%; margin-right: 5%; }
	#divmenu ul#opciones { margin-top: 90px; padding-left: 30px; width: 100%; }
	#divmenu ul#opciones li, #divmenu ul#opciones .submenu { font-size: 18px; margin: 7px 0; }
}

@media screen and (max-width: 400px) {
	#divmenu { right: -400px; width: 98%; margin-right: 1%; }
	#divmenu ul#opciones { margin-top: 80px; padding-left: 20px; }
	#divmenu ul#opciones li, #divmenu ul#opciones .submenu { font-size: 16px; margin: 5px 0; }
}


/* CAJA de IDIOMAS */
.gt_switcher_wrapper { right: 10px !important; }
.gt_container--hich1m .gt_switcher { width: 130px !important; }
.gt_container--hich1m .gt_switcher a { font-size: 11px !important; }
.gt_container--hich1m .gt_switcher a img { width: 20px !important; height: 20px !important; }
.gt_container--hich1m .gt_switcher .gt_selected a { border: none; }






/********* TO TOP *************/
#totop { display: none; position: fixed; z-index: 5000; right: 20px; bottom: 20px; font-size: 46px; color: var(--azul); padding: 10px; cursor: pointer; filter: drop-shadow(0px 4px 4px rgb(0 0 0 / 0.5)); }
#totop:hover { color: var(--azul-e); }









/********* FOOTER *************/
footer { width: 100%; height: auto; margin-top: 30px; overflow: hidden; }
footer .col1 { float: left; width: 30%; }
footer .col2 { float: left; width: 40%; }
footer .col3 { float: left; width: 30%; }
@media screen and (max-width: 850px) {
  footer .container { display: flex;  flex-wrap: wrap;
	flex-direction: row;}
  footer .container .col1 { width: 50%; order: 2; }
  footer .container .col2 { width: 100%; order: 1; float: inherit; display: inline-block; }
  footer .container .col3 { width: 50%; order: 3; }
}


footer .col1, footer .col3 { padding-top: 20px; color: var(--color1); font-size: 16px; line-height: 26px; }

footer .col1 { padding-right: 50px; text-align: right; }
footer .col3 { padding-left: 50px; text-align: left; }
footer .col2 { border-left: 6px solid #DDD; border-right: 6px solid #DDD; text-align: center; color: var(--color3); }
footer .col2 h3 { color: var(--color1); font-size: 40px; font-weight: 700; }
@media screen and (max-width: 850px) {
  footer .col2 { border-left: 0px; border-right: 0px; }
}
@media screen and (max-width: 600px) {
  footer .col1, footer .col3 { font-size: 13px; line-height: 18px; }
  footer .col1 { padding-right: 20px; }
  footer .col3 { padding-left: 20px; }
}
@media screen and (max-width: 400px) {
	footer .col1, footer .col3 { font-size: 12px; line-height: 18px; }
	footer .col1 { padding-right: 10px; }
	footer .col3 { padding-left: 10px; }
	footer .col2 { font-size: 12px; }
}
@media screen and (max-width: 350px) {
	footer .col1, footer .col3 { text-align: center; width: 100% !important; }
	footer .col1 { padding-right: 0px; }
	footer .col3 { padding-left: 0px; }
	footer .col2 { font-size: 11px; }
}

footer #textopie { padding: 40px 0; text-align: center; margin-bottom: 20px; color: #888; }