@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,400;0,600;0,700;1,400;1,600;1,700&display=swap');

/********************/
/**** OFFLINE *******/
/********************/

 header.offline {margin-top: 52px;} 


/********************************/
/*********** CABECERA ***********/
/********************************/
header { position: absolute; z-index: 5; margin: 0; padding: 0 20px; width: 100%; height: 95px; background: #FFDB00; font-family: 'Open Sans'; }
header a { color: #1D1D1B; }
header a:hover { color: #1D1D1B; opacity: 0.7; background-color: transparent; }

/*------ Logo ------------------*/
.logo { position: relative; top: 15px; float: left; width: auto; }
.logo>ul>li { float: left; }
.logo>ul>li:first-child { }
.logo>ul>li.tit { display: none; width: 200px; margin: 8px 0 0 10px; }
.logo>ul>li.tit>h1 { font-size: 1em; }
.en .logo>ul>li.tit { width: 155px; }
.fr .logo>ul>li.tit { width: 175px; }
.logo>ul>li.tit>h1 { margin-top: 10px; }
.logo>ul>li>h1>a { color: white; font-size: 1em; line-height: 1.1em; }
.logo>ul>li>h1>a:hover { text-decoration: none; background-color: transparent; }
.logo>ul>li>ul { margin: 0; overflow: hidden; padding: 0; }
.logo>ul>li>ul>li { float: left; margin: 0; padding: 0; }
.logo>ul>li>ul>li>a { margin: 0; padding: 0; border: none; display: block; }
.logo>ul>li>ul>li>a:hover { border-width: 0; background-color: transparent; }
.logo img { height: 62px; margin: 0; background-color: transparent; }
.logo .presidenciaEuropea img {margin-left: 15px;}

/*------ Idiomas ---------------*/
#idiomas { position: relative; display: none; float: right; width: auto; top: 23px; right: 0px; margin-right: 10px; font-weight:400;}
.menuIdiomas { float: right; display: block; height: 20px; margin: 0; padding: 0; }
.menuIdiomas>ul { position: absolute; display: none; z-index: 20; width: auto; top: 0; right: 0; margin-top: 20px; padding: 0; transition: all .3s; background-color: #FFDB00; border-bottom: 3px solid #AD1519; border-radius: 4px; box-shadow: 1px 3px 4px #333; }
.menuIdiomas>ul>li { float: none; padding: 0; margin: 0; width: 115px; text-align: right; }
.menuIdiomas>a,
.menuIdiomas>ul>li>a { display: block; color: #1D1D1B; font-size: .875em; background: none; }
.menuIdiomas>a { padding: 0 5px 0 30px !important; }
.menuIdiomas>ul>li>a { padding: 4px 10px !important; background-color: white; /*border: 1px solid #AD1519 ;*/ transition: all .3s; }
.menuIdiomas>ul>li:first-child>a {padding-top:8px !important;}
.menuIdiomas:hover>a { color: #1D1D1B; background-color: transparent; opacity: .7; ;
    transition: all .3s; }
.menuIdiomas:hover>a~ul { display: block; transition: all .3s; }
.menuIdiomas>ul>li:hover>a { background-color: #FABD00; border-color: lightgrey; }
.menuIdiomas>a { position: relative; padding-right: 5px; }
.menuIdiomas>a::after { display: inline-block; width: 10px; height: 10px; content: '>'; }
.menuIdiomas>a::after { transform: matrix(0, .75, 1, 0, 0, 5); transition: transform .3s; }
.menuIdiomas:hover>a::after { transform: matrix(0, -.75, 1, 0, 0, 3); transition: transform .3s; }

/*------ Idiomas para móvil ----*/
.idiomasMov { position: absolute; display: none; float: right; width: auto; top: 20px; right: 0px; margin-right: 10px; }
.idiomasMov .es,
.idiomasMov .ca,
.idiomasMov .eu,
.idiomasMov .gl,
.idiomasMov .en,
.idiomasMov .fr {padding: 3px 10px 5px 30px; background-position: 6px 4px; background-repeat: no-repeat; background-size: 20px; }

.idiomasMov .es { background-image: url('../img2/iconos/ico_es.png'); }
.idiomasMov .ca { background-image: url('../img2/iconos/ico_ca.png'); }
.idiomasMov .eu { background-image: url('../img2/iconos/ico_eu.png'); }
.idiomasMov .gl { background-image: url('../img2/iconos/ico_gl.png'); }
.idiomasMov .en { background-image: url('../img2/iconos/ico_en.png'); }
.idiomasMov .fr { background-image: url('../img2/iconos/ico_fr.png'); }

.idiomasMov ul { display: none; }
/*.idiomasMov:hover ul { display: block; }*/
.idiomasMov>ul { list-style: none; position: absolute; top: 0; right: 3px; width: 285px; z-index: 25; padding: 5px 0; margin: 22px 0; background-color: lightgray; border: 1px solid gray; border-radius: 5px 0 5px 5px; box-shadow: 5px 5px 15px -5px black; }
.idiomasMov>ul>li { margin: 2px 6px; float: left; font-size: .9em; }
.idiomasMov>ul>li img { border: 1px solid darkgray; height: 27px; }
.idiomasMov>a { position: absolute; z-index: 30; top: 0; right: 3px; font-size: .875em; font-weight: 400; color: #1D1D1B; background-image: none; padding: 0px 0px 10px; }
.idiomasMov li a { background-image: none; padding-right: 0; }
.idiomasMov:hover>a { text-decoration: none; }
.idiomasMov .texto { display: none; }
.idiomasMov .bandera { display: block; height: 22px; }
.idiomasMov .bandera img { height: 20px; margin: 2px 5px 0; padding: 0; border: 1px solid #eee; }

/*------ Buscador Cabecera -----*/
.elBuscador { display: block; }
.elBuscador { margin: 0; padding-right: 0; }
#buscador { margin: 0; width: 100%; float: left; }
.elBuscador #q1 { float: left; width: 130px; height: 18px; padding: 2px 5px; color: #1D1D1B; font-size: .875em; background-color: transparent; border: 0 none; text-align: right; border-radius: 3px; transition: all .6s; }

#buscador .buscar { float: right; width: 16px; height: 16px; margin: 0; padding: 0px; }
#buscador .buscar:hover { filter: drop-shadow(1px 1px 1px #1d1d1b); }

.elBuscador { margin: 123px auto 0px; position: relative; width: 100%; padding: 5px; border: 1px solid #c4c4c4; transition: all .5s; }	

	.elBuscador:hover,
	.elBuscador:active,
	.elBuscador:focus { background-color: white; box-shadow: 1px 1px 6px #999; }
	
	.elBuscador #q1:active,
	.elBuscador #q1:hover,
	.elBuscador #q1:focus { outline: 0 none; box-shadow: none; }
	
	.elBuscador #q1 { padding: 15px 10px; margin-left: 3px; display: inline-block; border-radius: 5px; text-align: left; width: calc(100% - 40px); }
	.elBuscador #q1::placeholder {color:#1d1d1b; font-family:'Open Sans' !important; font-size: 14px;} 
	#buscador .buscar { margin: 7px 7px 7px 12px; display: inline-block; }

/* ------ Menu principal */
.cont_menu { position: absolute; top: 27px; padding: 0; right: 22px; }
.cont_menu.offline {margin-top:0px;}
.menuEscritorio { height: 40px; font-weight:600; display: none; }
.menuBurger {display: block;}

.menuEscritorio nav { margin: 0; background-color: transparent; }
.menuEscritorio nav .titulo_menu { display: none; }
.menuEscritorio nav.blanco { background-color: #eceef0; float: right; box-shadow: 3px 3px 6px #333; border-radius: 0px 0px 0px 16px; border: 3px solid #3679BE; border-top: 0px; }

.menuEscritorio nav>ul { margin: 0 auto; font-size: 16px; float: right; padding-right: 35px; }
.menuEscritorio nav>ul>li { float: left; margin: 0; }
.menuEscritorio nav.blanco>ul>li { float: left; margin: 0; color: #3679BE; }
.menuEscritorio nav>ul>li:hover>a,
.menuEscritorio nav>ul>li>a.activo,
.menuEscritorio nav>ul>li>a:hover { color: #1d1d1bb4; }
.menuEscritorio nav.blanco>ul>li>a:hover { background-color: #3679BE; color: #eceef0; border-bottom: 2px solid #1d1d1b; }
.menuEscritorio nav.blanco>ul>li:first-child>a:hover { border-radius: 0px 0px 0px 12px; }


/* ---------- Menus desplegables */
.menuEscritorio nav li li a { color: #333 !important; padding: 10px 20px; display: block; text-decoration: none; transition: all 0.4s; }
.menuEscritorio nav li li a:hover { color: #1d1d1b !important; text-decoration: none; box-shadow: 2px 2px 6px #999; opacity: .7; }
.menuEscritorio nav ul ul { display: none; position: absolute; z-index: 100; width: 100%; max-width: 250px; padding: 0; margin: 0 0 0 0px; border: 2px solid #ccc; border-radius: 0 0 5px 5px; /*border-top-width: 0;*/ background-color: red; box-shadow: 2px 2px 6px #666; border-bottom: 3px solid #ad1519;}
.menuEscritorio nav ul li#menu-5 ul { margin: 0 0 0 -108px; }
.menuEscritorio nav li:hover>ul { display: block; }
.menuEscritorio nav li li:hover>a,
.menuEscritorio nav li li a.activo,
.menuEscritorio nav li li a:hover { background-color: #FABD00; color: #333; }
.menuEscritorio nav li li a>abbr:hover { background-color: transparent; font-weight: bold; }
.menuEscritorio nav li li { position: relative; padding: 0; line-height: 1.2em; }
.menuEscritorio nav ul ul ul { right: -298px; top: 2px; border-top-width: 1; display: none; }

.menuEscritorio nav li:hover>ul { display: block !important; }

/* chevron movil */
.menuEscritorio nav li li a.desplegable { display: block; position: relative !important; border: 0 none !important; background-color: white}
.menuEscritorio nav li li a.desplegable:hover {background-color: #FABD00; color: #333; }
.menuEscritorio nav li li a.desplegable::after { display: inline-block; width: 0; height: 10px; content: '>'; float: right; }
.menuEscritorio nav li li a.desplegable::after { transform: matrix(.75, 0, 0, 1, -10, -1); transition: transform .6s; }
.menuEscritorio nav li li a.desplegable:hover::after { transform: matrix(-.75, 0, 0, 1, -2, -1); transition: transform .6s; }

/* ---------- Indicador despliegue */
.menuEscritorio nav>ul>li>a { display: block; padding: 10px 15px 10px 10px; color: #1d1d1b; text-decoration: none; pointer-events: none; cursor:default; }
.menuEscritorio nav>ul>li.sin>a { pointer-events: auto; cursor:pointer; }
.menuEscritorio nav>ul>li>a::after { display: inline-block; width: 10px; height: 10px; content: '>'; }
.menuEscritorio nav>ul>li>a::after { transform: matrix(0, .75, 1, 0, 2, 5); transition: transform .6s; }
.menuEscritorio nav>ul>li:hover>a::after { transform: matrix(0, -.75, 1, 0, 2, 3); transition: transform .6s; }
.menuEscritorio nav>ul>li.sin>a { padding-right: 10px; }
.menuEscritorio nav>ul>li.sin>a::after { content: ''; }
.menuEscritorio nav.blanco>ul>li>a { color: #3679BE; }
/*.desplegable { display: block; }
.desplegable::after { display: inline-block; width: 0; height: 10px; content: '>'; float: right; }
.desplegable::after { transform: matrix(.75, 0, 0, 1, -10, -1); transition: transform 2s; }
.desplegable:hover::after { transform: matrix(-.75, 0, 0, 1, -2, -1); transition: transform 2s; }*/
/*------ Buscador Menu -----*/
.menuEscritorio .buscadorMenu { display: none; }
.menuEscritorio .buscadorMenu { height: 40px; margin: 5px 0; }
#formBuscadorMenu { margin: 0; width: 180px; position: relative; top: auto; left: auto; }
#q2 { float: left; width: 150px; height: 18px; padding: 2px 0 2px 5px; color: #4C4C4C; font-size: .9em; text-align: left; background-color: #e3e3e3; border: 1px solid #d2d2d2; border-radius: 3px; }
#formBuscadorMenu .buscar { float: left; width: 18px; height: 18px; margin: 0 0 0 5px; padding: 2px 3px; background-color: darkgray; border-radius: 3px; }

.accesosDirectos { z-index: 4; }

/* ESTILOS MENU DISPOSITIVOS MOVILES */
	.show { display: block !important; }
	
	.menuBurger { display: block; width: 50%; min-width: 300px; max-width:320px; height: auto; max-height: 550px; overflow: auto; float: none; position: fixed; left: -120%	; background-color: white; padding: 15px; font-size: 16px; font-family: 'Open Sans'; line-height: 1.5em; animation-timing-function: ease-out; transition: all .8s; border: 2px solid #999; border-left: 0px; border-radius: 0px 15px 15px 0px; box-shadow: none; font-size: 0.875em; font-weight: 600; line-height: 1.3; }

	.menuBurger.show { left: 0px; box-shadow: 3px 3px 10px #666; }
	
	.btmMenuResponsive .titulo_menu { position: relative; display: block; width: 40px; height: 44px; padding-top: 28px; background-image: url(../img2/iconos/svg/ico_menu.svg); background-size: 24px; background-repeat: no-repeat; background-position: 6px 6px; margin: 0 16px; }
	.btmMenuResponsive a.boton_menu { position: relative; display: block; width: 70px; font-size: 0.875em; font-weight: 400; }
	
	.menuBurger .idiomasMov {display:block;}
	.menuBurger .idiomasMov .texto {display: block;}
	.menuBurger .idiomasMov .bandera {display: none;}

	.menuBurger nav { border-top: 2px double #999; border-top-style: dotted; margin-top: 45px; }

	.menuBurger nav ul { }
	.menuBurger nav > ul > li { padding: 0px; width: 100%; transition: all .7s; position: relative; overflow: hidden; min-height: 40px; border-bottom: 2px double #999; border-bottom-style: dotted; }
	.menuBurger nav > ul > li > span { display: block; position: relative; width: 100%; }
	.menuBurger nav > ul > li > span > a { height: 32px; padding: 10px 10px 4px 13px; transition: all .7s; float: left; }  
	.menuBurger nav > ul > li:hover > span > a {}
		
	.menuBurger nav > ul > li > span a.desplegar { float: right; width: 32px; height: 32px; margin: 0px; }
	.menuBurger nav > ul > li > span a.desplegar span{ display: none; } 
	
	.menuBurger nav > ul > li:hover > span > a:hover {border-bottom: 2px solid #1d1d1b;}

	.menuBurger nav>ul>li:hover>span>a.desplegar::after { transform: rotate(90deg); }	
	.menuBurger nav>ul>li>span>a.desplegar::after { float: right; display: inline-block; content: '>'; padding: 0px 6px; position: relative; top: -4px; font-size: 17px; border: 2px solid #000; border-radius: 20px; transform: rotate(0deg); left: 6px; transition: all .5s; }
	

	.menuBurger nav > ul > li > ul { width: 100%; padding-top: 32px; margin-top: 6px; display: none; }
	.menuBurger nav > ul > li > ul > li { padding: 0px; width: 100%; background-color: #ecece3; transition: all .7s; }

	.menuBurger nav > ul > li > ul > li > a {width: 100%; height: 32px; padding: 8px 0px 8px 32px; display: block; background: transparent no-repeat 20px 12px url(../img2/iconos/svg/ico_right.svg); background-size: 5px;}
	.menuBurger nav > ul > li > ul > li:hover > a { }
	.menuBurger nav > ul > li > ul > li.activo,
	.menuBurger nav > ul > li > ul > li a.activo {background-color: #FABD00; opacity: .7;}
	
	
/***** ESTILOS MEGAMENU ******/

/*.navbar {
  overflow: hidden;
  background-color: #333;
  font-family: Arial, Helvetica, sans-serif;
}*/

/*.navbar a {
  float: left;
  font-size: 16px;
  color: white;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
}*/

.dropdown,
.sin{
  float: left;
  overflow: hidden;
}

.dropdown .dropbtn,
.sin .dropbtn{
  font-size: 16px;  
  border: none;
  outline: none;
  color: #5d5d5c;
  padding: 10px 12px 25px;
  background-color: inherit;
  font: inherit;
  margin: 0;
  border-radius: 4px 4px 0px 0px ;
  transition: all 300ms;
}


.dropdown .dropbtn::after,
.sin .dropbtn::after {
	display: inline-block;
    width: 10px;
    height: 10px;
    content: "";
	background: url("../img2/iconos/svg/angle-circle-down.svg") no-repeat;
	background-position: center center;
    background-size: 16px;
	transition: all 0.5s ease-out;
}

.dropdown .dropbtn:hover::after,
.dropdown:hover .dropbtn::after,
.sin .dropbtn:hover::after {
	transform: rotate(540deg);
	/*filter: invert(1);*/
    transition: all 0.5s ease-out;
	
}
	


.sin .dropbtn{border-radius: 4px;}

.navbar a:hover, .dropdown:hover .dropbtn {
  background-color:#f5f5f5;
  color: #5d5d5d;
  opacity: 1;
  
}

.dropdown-content {
    position: fixed;
    background-color: #f5f5f5;
    width: 100%;
    left: 0;
    box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.4);
    z-index: 1;	
	flex-direction: row;
    flex-wrap: wrap;
    align-content: space-around;
    justify-content: space-around;
	border-bottom: 2px solid #aa1519;
	opacity: 0;
	visibility: hidden;
	/*transition: all 250ms ease-in-out;*/
}

.dropdown-content .header {
	background-color: #f5f5f5;
    padding: 32px 8px 8px 72px;
    color: #1a3850;
    height: 50px;
    box-shadow: none !important;
    /* border-bottom: 2px solid #5d5d5c; */
    text-align: left;
	
}

.dropdown-content .header h2 {
    font-size: 20px;
    font-weight: bold;
    letter-spacing: 1px;
	text-decoration: underline;
	text-decoration-color: #1a3850;
	display: inline-block;
}

.dropdown-content .header h2::after {
	display: inline-block;
    width: 25px;
    height: 10px;
    content: "";
	background: url("../img2/iconos/svg/angle-circle-down.svg") no-repeat;
	background-position: center center;
    background-size: 18px;
	transform: rotate(-90deg);
}

.dropdown:hover .dropdown-content {
  opacity: 1;
  visibility: visible;
}

/* Create three equal columns that floats next to each other */
.column {
  float: left;
  width: 33.33%;
  padding: 10px;
  background-color: #ccc;
  height: 250px;
}

.columnaUnica {
  float: left;
  width: 100%;
  padding: 15px 75px 40px;
  background-color: #f5f5f5;
  height: auto;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-content: space-around;
  justify-content: flex-start;
  align-items: stretch;
  /*border-bottom: 3px solid #aa1519;*/
}

.columnaUnica .eleMenuN2 {
  text-align: left;
  min-width: 33%;
  max-width: 33%;
}

div#menu-0-5 > a::after {
	display: inline-block;
	/*margin-left: 5px;*/
    width: 25px;
    height: 14px;
	content:"";
    background: url("../img2/iconos/svg/plus-line-icon.svg") no-repeat;
	background-position: center center;
    background-size: 13px;
	transform: rotate(0deg);
	transition: all 500ms;
}

div#menu-0-5 > a:hover::after {
	transform: rotate(-360deg);
	background: url("../img2/iconos/svg/angle-circle-down.svg") no-repeat;
	background-position: center center;
    background-size: 16px;
}

.columnaUnica .eleMenuN2 a {
  float: none;
  color: #1a3850;
  padding: 33px 10px 7px;
  text-decoration: underline;
  display: block;
  /*border-bottom: 3px solid transparent;*/
  box-sizing: border-box;
  opacity: 1;
  transition: all 500ms;
  font-weight: 400;
  line-height: 1.4;
}

.columnaUnica .eleMenuN2 a:hover {
	/*border-bottom-style: solid;*/
    /*border-image: linear-gradient(45deg, #AD1519, white, white) 1;*/
	color: #ad1519;
	text-decoration: none;

}
.columnaUnica .eleMenuN2 a::before {
	display: inline-block;
    width: 25px;
    height: 25px;
    content: "";
	background: none;
	float: left;
}

.columnaUnica .eleMenuN2 a:hover::before {
	display: inline-block;
    width: 25px;
    height: 25px;
    content: "";
	background: url("../img2/iconos/svg/angle-circle-down.svg") no-repeat;
	background-position: center center;
    background-size: 18px;
	transform: rotate(-90deg);
	float: left;
}

.columnaUnica .eleMenuN2 .menu3 {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
    background-color: #e4e4e4;
    padding: 0px;
    margin-left: 35px;
    margin-right: 35px;
    visibility: hidden;
    opacity: 0;
    position: absolute;
    border: 1px solid #666;
    box-shadow: 3px 3px 10px #999;
    border-radius: 5px;
    /* display: none !important; */
    transition: all .25s ease-in;
    border-bottom-width: 2px;
	border-bottom-color: #ad1519;

}



.columnaUnica .eleMenuN2:hover .menu3 {
	visibility:visible;
	opacity: 1;
}

.columnaUnica .eleMenuN2:hover > a {
	color: #ad1519;
	text-decoration: none;
}
.columnaUnica .eleMenuN2#menu-0-5:hover > a::after {
	content: "";
	transform: rotate(360deg);
	background: url("../img2/iconos/svg/angle-circle-down.svg") no-repeat;
	background-position: center 1px;
    background-size: 16px;
}
.columnaUnica .menu3 .eleMenuN3 {
	width: 50%;
	padding: 5px 0px;
}

.menu3 .eleMenuN3 a {
    padding: 3px;
    font-size: 13px;
    text-decoration: none;
    font-weight: bold;
    color: #3e77c2;
}

.menu3 .eleMenuN3 a::before {
	width: 16px;
    height: 22px;
}

.menu3 .eleMenuN3 a:hover::before {
	background-size: 14px;
    width: 16px;
    height: 22px;
}

.column a {
  float: none;
  color: black;
  padding: 16px;
  text-decoration: none;
  display: block;
  text-align: left;
}

.column a:hover {
  background-color: #ddd;
}



/* Clear floats after the columns */
.row:after {
  content: "";
  display: table;
  clear: both;
}	



/***** FIN DE ESTILOS MEGAMENU ******/
	

/***** FRANJA BANDERA ESPAÑA ******/
.franja_Bandera { 	background: linear-gradient(to right,
				 	#AD1519 0%,
					#AD1519 25%,
					#FABD00 25%,
					#FABD00 75%,
					#AD1519 75%,
					#AD1519 100%) no-repeat;
					width: 100%; height: 8px; top: 95px; position: absolute; left: 0px; box-shadow: 0 10px 15px white; z-index: -1; }

/****** CONTENIDO ****************/
.fila { margin: 0; }

/************************************/
/****** R E S P O N S I V E *********/
/************************************/

@media only screen and (min-width: 490px){
    header { height: 95px; margin: 0 auto; padding: 0 20px; min-width: 490px; position: absolute; }
	header > .idiomasMov {display:none;}

    .logo { top: 15px; }
    .logo img { height: 62px; }
	#buscador { margin: 0; width: auto; float: none; }	
	.elBuscador { margin: 123px auto 0px; position: relative; width: 100%; padding: 5px; border: 1px solid #c4c4c4; transition: all .5s; }	
	.elBuscador:hover,
	.elBuscador:active,
	.elBuscador:focus { background-color: white; box-shadow: 1px 1px 6px #999; }
	.elBuscador #q1:active,
	.elBuscador #q1:hover,
	.elBuscador #q1:focus { outline: 0 none; box-shadow: none; }
	.elBuscador #q1 { padding: 15px 10px; margin-left: 3px; display: inline-block; border-radius: 5px; text-align: left; width: calc(100% - 40px); }
	#buscador .buscar { margin: 7px 7px 7px 12px; display: inline-block; }
	.cont_menu { top: 27px; right: 22px; }
	
	/*ESTILOS MENU ESCRITORIO*/	
	.menuEscritorio {display: none;}	
	.menuEscritorio  { font-size: 16px; }
	.menuEscritorio  nav { top: 0px; z-index: 10; height: 40px; width: 50px; padding: 5px 0; font-size: 16px; position: relative; right: 22px; float: left; }
	.menuEscritorio  nav:hover a.boton_menu { /*height: 37px; background-color: lightgray; border-radius: 20px 15px 0 0; border: 2px solid gray; border-bottom: 0;*/ }
	.menuEscritorio nav .titulo_menu { position: relative; display: block; width: 40px; height: 44px; padding-top: 28px; background-image: url(../img2/iconos/svg/ico_menu.svg); background-size: 24px; background-repeat: no-repeat; background-position: 6px 6px; margin: 0 16px; }
	.menuEscritorio nav a.boton_menu { position: relative; display: block; width: 70px; }
	.menuEscritorio nav:hover a.boton_menu { opacity: 1; background-color: white; border-top: 2px solid #c4c4c4; border-left: 2px solid #c4c4c4; border-right: 2px solid #c4c4c4; border-bottom: 2px solid #fff; border-radius: 7px; z-index: 999; }
	.menuEscritorio nav .titulo_menu:hover { }
	.menuEscritorio nav > ul { display: none; width: 250px; position: relative; right: 180px; top: -2px; background-color: white; border: 2px solid #c4c4c4; z-index: 9; float: left; padding-right: 0px; }
	.menuEscritorio nav ul ul { float: left; right: 245px; margin-top: -38px; background-color: #ecece2; }
	.menuEscritorio nav ul li#menu-5 ul { margin: 0; margin-top: -38px; }
	.menuEscritorio nav:hover > ul { display: block; }
	.menuEscritorio nav:hover > ul > li { width: 100%; }
	.menuEscritorio nav:hover > ul > li:hover,
	.menuEscritorio nav:hover > ul > li:focus,
	.menuEscritorio nav:hover > ul > li:active { background-color: #FABD00; }	
    .franja_Bandera { top: 95px; box-shadow: 0 10px 15px white; }    
    #idiomas,
    .idiomasMov { display: none; }
    nav.menu_home > ul { width: 300px; height: 320px; right: 200px; }
	
	
	/* ESTILOS MENU DISPOSITIVOS MOVILES */
	.show { display: block !important; }
	
	.menuBurger { display: block; width: 50%; min-width: 325px; max-width:350px; height: auto; max-height: 550px; overflow: auto; float: none; position: fixed; left: -68%	; background-color: white; padding: 15px; font-size: 16px; font-family: 'Open Sans'; line-height: 1.5em; animation-timing-function: ease-out; transition: all .8s; border: 2px solid #999; border-left: 0px; border-radius: 0px 15px 15px 0px; box-shadow: none; font-size: 0.875em; font-weight: 400; line-height: 1.3; top: 115px;}

	.menuBurger.show { left: 0px; box-shadow: 3px 3px 10px #666; }
	
	.btmMenuResponsive .titulo_menu { position: relative; display: block; width: 40px; height: 44px; padding-top: 28px; background-image: url(../img2/iconos/svg/ico_menu.svg); background-size: 24px; background-repeat: no-repeat; background-position: 6px 6px; margin: 0 16px; font-weight: 400;}
	.btmMenuResponsive a.boton_menu { position: relative; display: block; width: 70px; font-size: 14px; font-weight: 400; }
	
	.menuBurger .ocultarMenu {padding: 5px 5px 5px 34px; background-image: url(../img2/iconos/svg/ico_cerrar.svg); background-repeat: no-repeat; background-size: 24px; background-position: 4px 2px; position: absolute; top: 16px; left: 12px; }

	
	.menuBurger .idiomasMov {display:block;}
	.menuBurger .idiomasMov .texto {display: block;}
	.menuBurger .idiomasMov .bandera {display: none;}
	
	.menuBurger .idiomasMov:hover > a { background-color: transparent; border: none; border-radius: 0; color: #333; text-decoration: none; }
	.menuBurger .idiomasMov > ul { border-radius: 5px;  margin: 30px 0 0 0; box-shadow: 3px 3px 10px -5px #1d1d1bbd; text-align:center;}

	.menuBurger nav { border-top: 2px double #999; border-top-style: dotted; margin-top: 45px; }

	.menuBurger nav ul { }
	.menuBurger nav > ul > li { padding: 0px; width: 100%; transition: all .7s; position: relative; overflow: hidden; min-height: 40px; border-bottom: 2px double #999; border-bottom-style: dotted; }
	.menuBurger nav > ul > li > span { display: block; position: relative; width: 100%; }
	.menuBurger nav > ul > li > span > a:first-child { height: 32px; padding: 10px 0px 4px 0px; float: left; margin: 0px 5px; border-bottom: 2px solid transparent; text-decoration: none;}  
	.menuBurger nav > ul > li:hover > span > a {}
	
	.menuBurger nav > ul > li > span a.desplegar { float: right; width: 32px; height: 32px; margin: 0px 12px;}
	.menuBurger nav > ul > li > span a.desplegar span{ display: none; } 
	
	
	.menuBurger nav > ul > li > span > a:first-child:hover {border-bottom: 2px solid #1d1d1b;}
	.menuBurger nav > ul > li > span > a.desplegar:hover {border-bottom: none;}
	
	.menuBurger nav>ul>li:hover>span>a.desplegar::after { transform: rotate(90deg); }	
	.menuBurger nav>ul>li>span>a.desplegar::after { float: right; display: inline-block; content: '>'; padding: 0px 6px; position: relative; top: -4px; font-size: 17px; border: 2px solid #000; border-radius: 20px; transform: rotate(0deg); left: 6px; transition: all .5s; }
	

	.menuBurger nav > ul > li > ul { width: 100%; padding-top: 32px; margin-top: 6px; display: none; }
	.menuBurger nav > ul > li > ul > li { padding: 0px; width: 100%; background-color: #ecece3; transition: all .7s; }

	.menuBurger nav > ul > li > ul > li > a {width: 100%; height: 32px; padding: 8px 0px 8px 32px; display: block; background: transparent no-repeat 20px 12px url(../img2/iconos/svg/ico_right.svg); background-size: 5px;}
	.menuBurger nav > ul > li > ul > li:hover > a {border-bottom: 2px solid #1d1d1b; text-decoration: none;}
	.menuBurger nav > ul > li > ul > li.activo,
	.menuBurger nav > ul > li > ul > li a.activo {background-color: #FABD00; opacity: .7;}
	.menuBurger li#menuBurger-0-5 ul {display:none;}
}
@media only screen and (min-width: 768px) {
	header { height: 114px; margin: 0 auto; padding: 0 30px; }
	
	.elBuscador { margin: 142px auto 0px;}
    .logo { top: 23px; }
    .logo img { height: 70px; }
    .logo>ul { margin: 0px 0px 0px 0px; padding: 0; }
	
	.cont_menu {top: 35px;}
	
	.btmMenuResponsive a.boton_menu {font-size: 16px; }
	.btmMenuResponsive .titulo_menu {background-position: 10px 6px;}
	
	.menuBurger {top:205px;}
	
    .idiomasMov { display: block; }
    /*.menuIdiomas { display: none; }*/
    .idiomasMov .texto { display: block; }
    .idiomasMov .bandera { display: none !important; }

	
    .franja_Bandera { top: 114px; box-shadow: none; }
    nav.menu_home>ul { height: 450px; width: 450px; padding-bottom: 15px; right: 350px; }
	
}
@media only screen and (min-width: 960px) {
    #idiomas { display: none; }
    .idiomasMov { display: block; }
    .idiomasMov .texto { display: block; }
    .idiomasMov .bandera { display: none; }

    .franja_Bandera { top: 114px; box-shadow: 0 10px 15px white; }
}
@media only screen and (min-width: 1200px) {
    header { width: 100%; max-width: 1920px; height: 130px; position:fixed;}
	header > .idiomasMov {display:none;}
	
	
    
    .logo img { height: 75px; }
    .logo>ul { margin: 0; overflow: hidden; padding: 0; }
    
    .menuIdiomas { display: block; }
    .idiomasMov {display:none;}
    #idiomas { display: block; border-right: 1px solid #1d1d1b; padding-right: 10px; }
	
	.menuEscritorio {display:block !important;}
	.btmMenuResponsive,
	.menuBurger {display:none !important;}
	 
    
    .elBuscador { display: block; position: relative; top: 22px; right: 0; margin-top: 0; float: right; width: auto; background-color: transparent; border: 0 none; padding: 0; border-radius: 0px; }
	.elBuscador:hover,
	.elBuscador:active,
	.elBuscador:focus { background-color: transparent; box-shadow: none; }
	#buscador .buscar { margin: 0 0 0 3px; }
	.elBuscador #q1 { width: 70px; padding: 0 5px 0 5px; margin-right: 5px; text-align: right; border-radius: 2px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; color: #1d1d1b; }
	.elBuscador #q1:active,
	.elBuscador #q1:hover,
	.elBuscador #q1:focus { width: 180px; text-align: left; padding: 6px 5px 6px 5px; margin-right: 10px; background-color: #fff; padding: 4px; height: 20px; border: 1px solid #1d1d1b; border-radius: 3px; box-shadow: 2px 2px 5px #999; }
	
    .cont_menu { top: 78px; right: 20px; position: absolute; width: auto; margin: 0; float: right; }
	.cont_menu.offline {/*margin-top:52px;*/}
	
    .menuEscritorio { font-size: 16px; width: auto; }
	.menuEscritorio nav { top: 0px; z-index: 10; height: 40px; width: auto; padding: 5px 0; font-size: 16px; position: relative; right: 0px; float: left; }
	.menuEscritorio nav a.boton_menu { display: none; }    
	.menuEscritorio nav > ul { display: block; width: auto; position: relative; right: 0px; top: 0px; background-color: transparent; border: 0 none; padding-right: 0px; }
	.menuEscritorio nav ul ul { float: none; right: auto; width: 300px; min-width: 200px; max-width: 350px; margin-top: -2px; margin-left: -2px; position: absolute; z-index: -1; background-color: white; box-shadow: none; border-radius: 0 6px 6px 6px; box-shadow: 3px 6px 9px #bbbb; }
    .menuEscritorio nav li li { position: relative; padding: 0; line-height: 1.2em; text-align: left; }
	.menuEscritorio nav ul li#menu-5 ul { margin: -2px 0 0 -136px; border-radius: 6px 0px 6px 6px; }
	
    .menuEscritorio nav:hover > ul { display: block; }
	.menuEscritorio nav:hover > ul > li { width: auto; border: none;}
	.menuEscritorio nav:hover > ul > li:hover,
	.menuEscritorio nav:hover > ul > li:focus,
	.menuEscritorio nav:hover > ul > li:active { background-color: white; border-bottom: 2px solid #1d1d1b; z-index: 999; border-radius: 7px 7px 0px 0px; border-top: 2px solid #ccc; border-right: 2px solid #ccc; border-bottom: 0 none; border-left: 2px solid #ccc; }
	
	.menuEscritorio nav:hover > ul > li.sin:hover,
	.menuEscritorio nav:hover > ul > li.sin:focus,
	.menuEscritorio nav:hover > ul > li.sin:active {border-radius: 7px; border: 2px solid #ccc;border-bottom: 2px solid #ad1519;}
	
	.menuEscritorio nav.menu_home > ul { width: 300px; height: 320px; right: 200px; }
	
    .franja_Bandera { top: 130px; box-shadow: 0 10px 15px white; }   
    
}