/*General*/
header#header, header#header *{font-family:'lato', 'raleway', Arial, sans-serif;}
header#header{padding: 66px 0 30px 0;background:#f4f2f2;}
header#header h1 {display:none;}

#caja-logo-header{width:auto;float:left;}

#informacion-header{float:right;}

#menu-superior{float:left;margin-right:14px;}

#datos-contacto-header{width:303px;float:left;margin-top:-28px;margin-right:50px;text-align:right;}
#datos-contacto-header a{display:block;line-height:1.2;font-size:15px;color:#333333;}
#datos-contacto-header span{font-weight:400;font-size:14px;color:#5b5b5f;}
#datos-contacto-header .telefono-header{letter-spacing:2px;position:relative;top:-9px;font-weight: 700;}
#datos-contacto-header .email-header{position:relative;top:-20px;font-weight: 700;letter-spacing: 2px;}
#datos-contacto-header .email-header a:hover{color:#ff8200!important;}

#redes-sociales-header{float:left;margin-top:5px;}
#redes-sociales-header .redes-sociales li{display:inline-block;float:left;margin-right:12px;}
#redes-sociales-header .redes-sociales li:last-child{margin-right:0;}
#redes-sociales-header .redes-sociales li a {text-align: center;display: inline-block;}
#redes-sociales-header .redes-sociales li a img {width: 25px;}

/*Logo*/

/*Menú*/
#informacion-header {width:auto;float:right;}

#menu-superior{display:inline-block;}
#menu-superior {max-width: 646px;}
header#header #informacion-header-bottom #menu-superior:first-child{margin-right:0px;}
header#header #informacion-header-bottom #menu-menu-principal > li:first-child a{padding-left:0;}
#menu-superior > div > ul > li{height:40px;float:left;margin-right:30px;}
/*#menu-superior > div > ul > li::after {content: ".";margin:0 18px;}*/
#menu-superior > div > ul > li:last-child::after {content: "";margin:0;}
#menu-superior ul > li > ul.sub-menu{position:absolute;z-index: 1050;overflow: hidden; box-sizing:border-box; display: none; width:205px;background:#f4f2f2;padding: 16px 10px 20px 20px}
#menu-superior ul > li:hover > ul.sub-menu{ display: block; }
#menu-superior > div > ul.menu > li > ul.sub-menu li{background-color: #fff;box-sizing:border-box;display:block;float:none;background:#f4f2f2;height: auto;
line-height: 15px;text-align:left;}
#menu-superior > div > ul.menu > li > ul.sub-menu li a{display:block;padding:0;text-align:center;box-sizing: border-box;color:#5b5b5f;font-size:10px;font-weight:700;text-align:left;}
#menu-superior > div > ul.menu > li > ul.sub-menu li a:hover{color:#ff8200;}
#menu-superior > div > ul.menu > li > ul.sub-menu li.current-menu-item > a{color:#ff8200;}
#menu-superior ul li.current-menu-item > a {color:#ff8200;}
#menu-superior ul li a{font-weight:700;text-transform:uppercase;font-size:14px;letter-spacing:2px;color:#333333;}
#menu-superior ul li.current-menu-item > a, #menu-superior ul li.current-menu-ancestor > a {  color: #ff8200;  }
#menu-superior > div > ul  li:hover  > a{color:#ff8200;text-decoration:none; }
#menu-menu-principal > li:last-child {margin-right:0 !important;}

/*menu responsive*/
#caja-menu-responsive{position:absolute;top:50px;right:30px;cursor:pointer;display:none;}
#boton-menu-header{width:27px;height:27px;display:inline-block;}
#boton-menu-header .barra-menu{width:100%;height:6px;background-color:#ff8200;margin-bottom:3px;}

#boton-menu-header .barra-menu{ transition: transform 0.5s, top 0.5s, display 0.5s; }

#boton-menu-header.cerrar-menu .barra-menu:first-child{ transition: transform 0.5s, top 0.5s; transform: rotate(45deg); top: auto; top: 9px; position:relative;}
#boton-menu-header .barra-menu:first-child{ transition: transform 0.5s, top 0.5s; transform: none; top: auto;  position: static;}

#boton-menu-header.cerrar-menu .barra-menu:nth-child(2){ transition: transform 0.5s, top 0.5s; transform: rotate(-45deg); } 
#boton-menu-header .barra-menu:nth-child(2){ transition: transform 0.5s, top 0.5s; transform: none; top: auto;}

#boton-menu-header .barra-menu:last-child{ display: block; }
#boton-menu-header.cerrar-menu  .barra-menu:last-child{ display: none !important; }

header#header.fixed #menu-superior ul li.current-menu-item > a,header#header.fixed #menu-superior ul li.current-menu-ancestor > a{color:#ff8200; }


#header-responsive {position:absolute; height: 100vh;width:60%;z-index:99999;background-color:#f4f2f2;top:0;left:0;display:none;}
#header-responsive img{margin: auto;float: none;display: block;margin-top: 40px;}
#header-responsive #menu-superior {width:100%!important;clear:both;margin:0;text-align:center;margin-top:40px;max-width:100%!important;}
#header-responsive #menu-superior > div > ul  li {display:block;width:100%; box-sizing: border-box;}
#header-responsive #menu-superior > div > ul  li  a {color:#5b5b5f;margin-top:0;position:relative;}
#header-responsive #menu-superior > div > ul  li  a:hover{color:#ff8200;}

#informacion-header-responsive{float: left;width: 100%;margin-top: 40px;text-align:center;}
#header-responsive #idiomas-header{width:100%;display:block;clear: both;float: left;}
#header-responsive #informacion-header-social-contacto{width:100%;display:block;clear: both;float: left;margin-bottom: 15px;}
#header-responsive #informacion-header-social-redes{width:100%;display:block;clear: both;float: left;}
#header-responsive #informacion-header-social-redes ul li{display:inline-block;margin-right:15px;}
#header-responsive #informacion-header-social-redes ul li:last-child{margin-right:0;}
#header-responsive #informacion-header-social-redes ul li img {margin-top:0;}
#header-responsive #menu-superior > div > ul > li::after {content: "";margin:0;}

header#header #header-top #informacion-header #menu-superior.fixed, header#header #header-top #informacion-header #caja-logo-header.fixed{display:none;}

header#header.fixed #header-responsive #logo-header{margin-top:20px;}
header#header.fixed #caja-menu-responsive{top:25px;}

/*Menu fixed*/
header#header.fixed #header-top #informacion-header #menu-superior.fixed, header#header.fixed #header-top #informacion-header #caja-logo-header.fixed{display:block;float:left}

header#header.fixed{position:fixed;clear:both;top:0; box-shadow: 0px 2px 8px rgba(0,0,0, 0.5); height: 74px;margin-top:0;padding-top: 10px;z-index: 9;}
header#header.fixed #caja-logo-header{margin-top:0;}
header#header.fixed  #caja-logo-header #logo-header{margin-top: 6px;}
header#header.fixed #informacion-header-social, header#header.fixed #idiomas-header{display:none!important;}
header#header.fixed #menu-superior{margin-top:8px!important;}
header#header.fixed #caja-menu-responsive #menu-superior{margin-top:40px!important;}
header#header.fixed #carrito-header{top:25px!important;}
header#header.fixed #menu-superior ul li a:hover{opacity:0.9;}


header#header.fixed #caja-logo-header a{top:0;}
header#header.fixed #colegiada-header{top:-10px;}