html {
    font-size: 62.5%;
}

body {
  font-family: "acumin-pro", sans-serif;
  font-weight: 300;
  font-size: 1.6rem;
  color: #7d7c80;
overflow-x:hidden;
}

h1 {
    margin: 0;
    margin-top: 4px !important;
    font-family: "acumin-pro", sans-serif;
}

h2 {
    font-family: "acumin-pro", sans-serif;
    font-style: italic;
    font-weight: 100;
    font-size: 2.8rem;
    margin-bottom: 30px;
}

h3.interior {
  font-style: normal;
  font-size: 1.8rem;
  line-height: 2.6rem;
  font-weight: 900;
  opacity: 0.39;
}


h4.interior, h3.logosinterior {
  font-style: normal;
  font-size: 3.4rem;
  line-height: 4.4rem;
  font-weight: 300;
  margin-bottom: 30px;
}





h2.interior-fino, .intro {
  font-style: normal;
  font-size: 3rem;
  line-height: 4rem;
  font-weight: 100;
}


p {
  margin-bottom: 30px;
}

 .navbar-logos > li {
    float:none;
    display:inline-block;
    *display:inline; /* ie7 fix */
     zoom:1; /* hasLayout ie7 trigger */
}
.seccion1 {
  height: 100px;
}

.well-icons {
	text-align:center;
	margin:30px 0 30px 0;}

.icon_quienes {
	display: inline-block;
	width: auto;
	text-align:center;
color: #8a162b;
font-size: 1.2rem;
font-weight: 700;
text-transform: uppercase;
margin:20px 2.5%;
min-width:100px;}

.icon_quienes p {
	margin:0;
	padding:0;}

.icon-store {
	background:url(/img/icon_store.svg) no-repeat center bottom;
	height:65px;
	display:inline-block;
	width:100%;
	}

.icon-area{
	background:url(/img/icon_area.svg) no-repeat center bottom;
	height:65px;
	display:inline-block;
	width:100%;
	}

.icon-team{
	background:url(/img/icon_people.svg) no-repeat center bottom;
	height:65px;
	display:inline-block;
	width:100%;
	}

.icon-truck{
	background:url(/img/icon_truck.svg) no-repeat center bottom;
	height:65px;
	display:inline-block;
	width:100%;
	}
.icon-stock{
	background:url(/img/icon_stock.svg) no-repeat center bottom;
	height:65px;
	display:inline-block;
	width:100%;
	}


.number {
line-height:47px;
padding:0px 15px;
height: 47px;
background-color: rgba(255, 255, 255, 0.88);
border-radius: 29px;
box-shadow: 0 3px 0 rgba(0, 0, 0, 0.08);
color: #8a162b;
font-size: 3rem;
font-weight: 700;
margin-top:-10px;
margin-bottom:10px;
display:inline-block;
text-transform: none;
}


.tel_foot a {
	background:none;
	font-size:2.6rem;
	font-weight:300;
	display:block;
	margin:-4px 0 0 25px;}
	
	.email_foot {
	font-size:1.6rem;
	font-weight:300;
	display:block;
	margin:-4px 0 0 25px;}

.well-historia {
	background:url(/img/bg_historia.svg) repeat-y center top;
	text-align:center;}

.well-historia ul  {
	padding:30px 0 50px 0;
	margin:30px 0 0 0;
}

.well-historia ul li:nth-child(odd) {
	list-style:none;
	position:relative;
	background:#f9f9f9;
	color:#4f4d4d;
	padding:29px 30px 29px 125px;
	width:42%;
	text-align: left;
	margin-left:52%;
	margin-bottom:10px;}



.well-historia ul li:nth-child(odd) div {
	background:#fff;
	position:absolute;
	left:0;
	width:95px;
	top:0;
	bottom:0;
	font-weight:bold;
	text-align:center;}

.well-historia ul li:nth-child(odd) div span.year {
display: block;
position: absolute;
  top:50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);}


.well-historia ul li:nth-child(odd) div span.dot {
	width:9px;
	height:9px;
	display:block;
	position:absolute;
	background:#7d7c81;
	border-radius:9px;
	top:50%;
	margin:-5px 0 0 0;
	left:-31px;}

.well-historia ul li:nth-child(odd) div span.arrow_historia {
	width:25px;
	height:25px;
	display:block;
	position:absolute;
	background: url(/img/arrow_hitoria.svg);
	top:50%;
	margin:-12px 0 0 0;
	left:-13px;}






.well-historia ul li:nth-child(even) {
	list-style:none;
	position:relative;
	background:#f9f9f9;
	color:#4f4d4d;
	padding:29px 125px 29px 30px;
	width:42%;
	text-align: right;
	margin-left:6%;
	margin-bottom:10px;}



.well-historia ul li:nth-child(even) div {
	background:#fff;
	position:absolute;
	right:0;
	width:95px;
	top:0;
	bottom:0;
	font-weight:bold;
	text-align:center;}

.well-historia ul li:nth-child(even) div span.year {
display: block;
position: absolute;
  top:50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);}


.well-historia ul li:nth-child(even) div span.dot {
	width:9px;
	height:9px;
	display:block;
	position:absolute;
	background:#7d7c81;
	border-radius:9px;
	top:50%;
	margin:-5px 0 0 0;
	right:-31px;}

.well-historia ul li:nth-child(even) div span.arrow_historia {
	width:25px;
	height:25px;
	display:block;
	position:absolute;
	background: url(/img/arrow_hitoria.svg);
	top:50%;
	margin:-12px 0 0 0;
	right:-13px;}


.well-certificados {
	text-align:center;}

.certificados {
	text-align:center;
	display:inline-block;
	width:auto;
	margin:0 10px;
	text-transform:uppercase;}

.certificados p {
	margin:0 0 9px 0;}

.certificados img {
	border:10px solid #dcdbdb;}

.certificados a:hover {
	opacity:0.5;}


.navbar-logos {
    text-align:center;
	border-bottom:0;
	margin:0 10%;
}

.navbar-logos li {
	margin:10px;}

	.navbar-logos li a, .navbar-logos li a img {
	border:0;
	background:none;
  padding: 0;
  width: auto;
  height: auto;
  max-width: 110px;
	}

.navbar-logos li a:hover {
	border:0;
	background:none;
	opacity: .7;
filter: alpha(opacity=70);
}


.navbar-logos li img {
	max-width:110px;
	max-height:110px;

filter: url('#grayscale'); /* Versión SVG para IE10, Chrome 17, FF3.5, Safari 5.2 and Opera 11.6 */
-webkit-filter: grayscale(100%);
-moz-filter: grayscale(100%);
-ms-filter: grayscale(100%);
-o-filter: grayscale(100%);
filter: grayscale(100%); /* Para cuando es estándar funcione en todos */
filter: Gray(); /* IE4-8 and 9 */

-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
}
.navbar-logos li img:hover {
-webkit-filter: grayscale(0%);
-moz-filter: grayscale(0%);
-ms-filter: grayscale(0%);
-o-filter: grayscale(0%);
filter: none;

-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
}


.zerrenda-arrunta, .well-areacontant {
  list-style: none;
padding: 0;
margin-left: 20px;
}

.well-areacontant2 ul {
margin-left: 120px;
}

.zerrenda-arrunta li, .well-areacontant li {
background: url(/img/zerrenda.svg) 0 12px no-repeat;
padding-left: 25px;
margin-bottom: 20px;
 list-style: none;
}

.entradilla {
  font-size: 2.2rem;
  margin-bottom: 69px;
}

.bi-zutabe {
  -webkit-column-count: 2;
  -moz-column-count: 2;
  column-count: 2;
}



abbr {
    border: none !important;
}
body {
    background: #ddd;
    color: #4f4d4d;
}

.popup {
    position: fixed;
    right: 0;
    bottom: 0;
    z-index: 1000;
    -webkit-box-shadow: 0px 0px 44px 0px rgba(0, 0, 0, 0.7);
    -moz-box-shadow: 0px 0px 44px 0px rgba(0, 0, 0, 0.7);
    box-shadow: 0px 0px 44px 0px rgba(0, 0, 0, 0.7);
    -webkit-transition: all 1s;
  -moz-transition: all 1s;
  transition: all 1s;
}

.popup .cerrar {
    position: absolute;
    top: -33px;
    left: -33px;
    width: 53px;
    height: 53px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    background: #ededed url(/img/cerrar.svg) 50% 50% no-repeat;

}

.popup .cerrar:hover {
	opacity:0.7;}


.popup img {
  max-width:526px;
  width:100%;}

.popup_area {
    position: fixed;
    right: 30px;
    bottom: 25px;
    z-index: 9;


/*
  -webkit-transition: height .5s, width .35s, visibility 0s .75s, opacity .5s .25s;
-moz-transition: height .5s, width .35s, visibility 0s .75s, opacity .5s .25s;
transition: height .5s, width .35s, visibility 0s .75s, opacity .5s .25s;*/

-webkit-transition: height .5s, width .35s, opacity .3s .25s;
-moz-transition: height .5s, width .35s, opacity .3s .25s;
transition: height .5s, width .35s, opacity .3s .25s;

  background: #fff;
  border-radius: 2px;
  padding: 50px 20px 30px 20px;
  text-align: center;
  overflow: hidden;

  width: 300px;
  height: 228px;
  /*visibility: visible;*/
  opacity: 1;
  filter: alpha(opacity=100);
}



.popup_area.txikitu {



      width: 48px;
      height: 48px;
      opacity: 0;
      filter: alpha(opacity=0);
      /*visibility: hidden;*/

}




.popup_area .cerrar, .popup_area .jaso {
    position: absolute;
    top: 10px;
    left: 5px;
    width: 32px;
    height: 32px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    background: #ededed url(/img/cerrar.svg) 50% 50% no-repeat;
    background-size: 12px 12px;
       z-index: 200;

}

.tel_click {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
  display: none;
}

.popup_itxita {
  box-shadow: none !important;
  padding: 0;
  background: none;
   right: 25px;
  bottom: 0px;
  position: fixed;
  z-index: 10;

  -webkit-transition: visibility 0s .25s, opacity .3s .25s;
-moz-transition: visibility 0s .25s, opacity .3s .25s;
transition: visibility 0s .25s, opacity .3s .25s;

visibility: hidden;
opacity: 0;
filter: alpha(opacity=0);
}

.popup_itxita.aurkeztu {




  visibility: visible;
  opacity: 1;
  filter: alpha(opacity=100);


}

.popup_itxita .ireki {
  background: url(/img/phone.svg) no-repeat center center;
  border-radius: 50%;
  width: 48px;
  height: 48px;
  display: block;
  box-shadow: 0 5px 40px rgba(0, 0, 0, 0.44);
}

.popup_itxita .ireki:hover {
  opacity: 0.7;
}




.popup_area p {
  margin: 0;
  padding: 0;
  font-size: 1.4rem;
}

.popup_area .cerrar:hover {
	opacity:0.7;}

.horario_popup {
  margin: 15px 20px 10px 20px;
  padding: 7px 0 7px 0;
  border-bottom: 1px solid #dededf;
  border-top: 1px solid #dededf;
  display: block;
  line-height:
}

.title_popup {
  text-transform: uppercase;
  font-weight: 400;
  font-size: 1.4rem;
}

.telefono_popup {
  font-size: 2.4rem !important;
  line-height: 3.7rem;
}


.container-fluid {
    max-width: 1300px;
    background: #f2f2f2;
}


.cabecera {
    background: #fff;
    margin-left: -15px;
    margin-right: -15px;
    padding: 18px 32px 0 32px;
    min-height: 138px;
	border-bottom:1px solid #fff;
}

a.btn-ecommerce {
    float: right;
    text-transform: uppercase;
    color: #7c7b80;
    padding: 0;
    margin-top: -1px;
    margin-right: 26px;
}

.glyphicon-commerce {
    width: 20px;
    height: 21px;
    background: url(/img/carrito.svg) no-repeat;
    margin-right: 9px;
}

.nav-hizkuntzak {
    float: right;
	margin-top:-1px;
}

.nav-hizkuntzak li a {
    padding: 6px 9px;
    color: #000;
	font-size:1.4rem;
}

.nav-hizkuntzak li a:hover, .nav-hizkuntzak li.active a, .nav-hizkuntzak li.active a:hover {
    color: #bfbfbf;
    background: none;
}

.navbar-ex1-collapse {
    float: right;
}

#menumain {
    border: none;
    background: none;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    margin-bottom: 0;
}

#menumain .dropdown-toggle {
/*    pointer-events: none;*/
left:0 !important;
}

#menumain .dropdown-toggle:active, #menumain .dropdown-toggle:focus {
	background:none;}

#menumain ul li {
    cursor: pointer;
}

#menumain ul li a {
    text-transform: uppercase;
    font-size: 1.3rem;
    color: #7c7b80;
}

#menumain ul.navbar-menu {
    margin-right: 0;
    margin-top: 39px;
}

#menumain ul.navbar-menu> li> a {
    font-weight: 700;
    padding: 8px 9px 8px 9px;
    border-bottom: 3px solid transparent;
}

#menumain ul.navbar-menu> li> a.dropdown-toggle {
    padding: 8px 14px 8px 14px;
}

#menumain ul.navbar-menu> li> a:hover, #menumain ul.navbar-menu> li.active> a {
    border-color: #77767d;
    background: none;
}
.navbar-menu li a .caret {
    position: absolute;
    left: auto;
    bottom: auto;
    top: 15px;
    right: 0;
    width: 9px;
    height: 6px;
    border: none;
    background: url(/img/arrow-off.svg) no-repeat;
}


#menumain .dropdown-menu {
    min-width: 240px;
    border: none;
    padding: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}
#menumain .dropdown-menu li a {
    padding: 8px 21px;
	white-space:normal;
}

.dropdown-menusimple li a {
    padding: 12px 21px !important;
}

.navbar-collapse {
    padding: 0;
}

  .cubierta {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1000;
  background: rgba(255,255,255,.95);
  display: none;
}

#menumain .img-menu {
  display: none;
}

#menumain.capon {
  position: static !important;
}

#menumain.capon .img-menu {
  display: block;
  position: absolute;
min-width: 100%;
min-height: 100%;
  top:50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  z-index: 0;
}

#menumain.capon .fondo-menu {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: rgba(104,104,104,.75);
  display: block;
  z-index: 1;
}

#menumain.capon ul.navbar-menu {
    margin-top: 130px;
}

#menumain .navbar-ex2-collapse ul.navbar-menu ul ul li a:hover span.fondo {
background: rgba(68,68,68,.3);
}

#menumain .navbar-ex2-collapse ul.navbar-menu ul ul li a span.texto {
position: relative;
z-index: 1;
}

#menumain.capon .dropdown-menu {
min-width: 0;
}

#menumain.capon .dropdown-menu li a {
position: relative;

position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;

z-index: 2;
color: #fff;
text-transform: none !important;
white-space: none !important;
font-size: 2rem;
font-weight: 300 !important;
width: 100%;
display: inline-block;
height: 100%;
}

#menumain.capon .dropdown-menu li .dropdown-menu {
  position: relative;
}

#menumain.capon .dropdown-menu li a.dropdown-toggle {
position: relative;
}

#menumain.capon .dropdown-menu li .dropdown-menu a {
position: relative;
}

#menumain.capon .dropdown-menu li.dropdown a {
height: auto;
}

#menumain.capon .dropdown-menu li a:hover {
  background: none !important;
}

#menumain.capon .dropdown-menu li a .caret {
  display: none;
}

#menumain.capon .navbar-ex2-collapse {
  position: absolute;
  top: 0;
  left: 10%;
  right: 10%;
  z-index: 10002;
}

#menumain.capon .navbar-ex2-collapse ul li a.areas {
  display: none;
}

#menumain.capon .navbar-ex2-collapse .navbar-menu {
float: none !important;
}

#menumain.capon .navbar-ex2-collapse .navbar-menu .dropdown-menu {
  /*display: block !important;*/
  float: none !important;
  -webkit-box-shadow: none !important;
  -moz-box-shadow: none !important;
  box-shadow: none !important;
  position: static !important;

  margin: 0 !important;


/*width: 1139px !important;*/
width: 100% !important;

  display: -webkit-flex !important;
  display: -ms-flexbox !important;
  display: flex !important;
  flex-wrap: wrap !important;

  background: none !important;


}

#menumain.capon .navbar-ex2-collapse .navbar-menu .dropdown-menu li {
  /*float: left;
  display: inline-block;
  width: calc(25% - 20px) !important;*/
  margin-left: 10px;
  margin-right: 10px;
  margin-bottom: 24px;
  min-height: 180px;
  white-space: wrap !important;

  -webkit-box-flex: 1 calc(25% - 20px) !important;
  -moz-box-flex: 1 calc(25% - 20px) !important;
  -webkit-flex: 1 calc(25% - 20px) !important;
  -ms-flex: 1 calc(25% - 20px) !important;
  flex: 1 calc(25% - 20px) !important;

  width: calc(25% - 20px) !important;

  overflow: hidden;


}

#menumain.capon .navbar-nav > li {
float: none !important;
}

#menumain.capon .navbar-ex2-collapse .navbar-menu .dropdown-menu li ul li {
width: 100% !important;
}


#menumain.capon .navbar-ex2-collapse .navbar-menu .dropdown-menu li.dropdown ul.dropdown-menu {


display: block !important;
width: 100% !important;

}

#menumain.capon ul ul ul li {
  display: block !important;
  float: none !important;
  min-height: 0 !important;
  margin: 0 !important;
}

#menumain.capon ul ul ul li a {
  font-size: 1.4rem !important;
  display: block !important;
  width: 100% !important;
  height: auto !important;
}

.navbar-ex2-collapse .itxi {
  position: fixed;
  z-index: 10001;
  top: 29px;
  right: 40px;
  display: none;
  width: 25px;
  height: 25px;
  background: url(/img/itxi.svg) no-repeat;
}

.navbar-ex2-collapse .itxi:hover {
opacity: .7;
filter: alpha(opacity=70);
}

#menumain.capon .navbar-ex2-collapse .itxi {
display: block;
}

#menumain.capon .navbar-ex2-collapse ul.navbar-menu ul li a {
  border: none !important;
}


.navbar-ex2-collapse ul li {
  position: relative !important;
}

.navbar-ex2-collapse ul li a.capa {
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1000;
}

#menumain.capon .navbar-ex2-collapse ul li a.capa {
display: none;
}

#menumain .navbar-ex2-collapse ul.navbar-menu ul ul li a span.fondo {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 0;
}

.entrada {
  position: relative !important;
  margin-left: -15px;
  margin-right: -15px;
    min-height: 100px;
  z-index: 2 !important;
}

.well-entrada {}

.entradanoticias {
	/*min-height:500px;*/
}

.entradanoticias img {
	/*
	min-height:500px;
	width:auto !important;
	*/
	
	
	max-width: 100%;
}

.entrada img {
  /*width: 100%;*/
}

.entrada .sombra {
  position: absolute;
  top: 0;
  right:0 ;
  bottom: 0;
  left: 0;
  background: rgba(104,104,104,.75);
}

.menu-bloqueado {
position: absolute;
left: 0;
right: -1px;
bottom: 0;
z-index: 30000000000 !important;
}

.menu-bloqueado .nav {
  display: -webkit-flex !important;
  display: -ms-flexbox !important;
  display: flex !important;
  flex-wrap: wrap !important;
  -webkit-justify-content: space-between !important;
  justify-content:         space-between !important;
  width: 100%;

}

.menu-bloqueado .nav li {
  -webkit-box-flex: 1 !important;
  -moz-box-flex: 1 !important;
  -webkit-flex: 1 !important;
  -ms-flex: 1 !important;
  flex: 1 !important;
  margin-right: 1px;
  text-align: center;
}

.menu-bloqueado .nav li {
}

.menu-bloqueado .nav li a {
  height: 100px;
  line-height: 100px;
  padding: 0;
  text-transform: uppercase;
  color: #fff;
}

.menu-bloqueado .nav li a:hover, .menu-bloqueado .nav li a.active, .menu-bloqueado .nav li a:active, .menu-bloqueado .nav li a:focus {
	outline:none;
background-color: rgba(33, 33, 33, 0.27);
}

.section {
	position:absolute;
	}


.list-group-grupos .list-group-item {
  display: -webkit-flex !important;
  display: -ms-flexbox !important;
  display: flex !important;
  flex-wrap: wrap !important;
  padding: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  border: none;
  margin-bottom: 15px;
}

.list-group-grupos .list-group-item h2 {
  font-size: 1.8rem;
  font-weight: 700;
  font-style: normal;
  margin-bottom: 10px;
  margin-top: 0;
}
.list-group-grupos .list-group-item .visita-web {
	position:absolute;
	left:0;
	right:0;
	top:0;
	bottom:0;
	width:100%;
	height:100%;
	display:block;}

.list-group-grupos .list-group-item .visita-web span.tetxlink {
  padding-right: 24px;
  background: url(/img/arrow-visita.svg) 100% 5px no-repeat;
  display: none;
  font-size: 1.2rem;
  color: #7d7c80;
  text-transform: uppercase;
  font-weight: 700;
  position: absolute;
  left:27%;
  bottom:26px;
  margin-left:2px;
}

.list-group-grupos .list-group-item .visita-web span.spanvisitaweb {
text-indent: 100%;
white-space: nowrap;
display: block;
overflow: hidden;
position: absolute;
}

.list-group-grupos .logo-grupo {
  -webkit-box-flex: 1 !important;
  -moz-box-flex: 1 !important;
  -webkit-flex: 1 !important;
  -ms-flex: 1 !important;
  flex: 1 !important;
  background: #fff;
  text-align: center;
  position: relative;
}

.list-group-grupos .logo-grupo img {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
max-width: 90%;
}

.list-group-grupos .texto-grupo {
  -webkit-box-flex: 3 !important;
  -moz-box-flex: 3 !important;
  -webkit-flex: 3 !important;
  -ms-flex: 3 !important;
  flex: 3 !important;
  background: #f9f9f9;
  padding: 23px 36px 13px 36px;
}

.productos {
  display: -webkit-flex !important;
  display: -ms-flexbox !important;
  display: flex !important;
  flex-wrap: wrap !important;

  width: 100%;
}

.productos .producto {
margin-left: 17px;
margin-right: 17px;

  -webkit-box-flex: 1 calc(33% - 34px) !important;
  -moz-box-flex: 1 calc(33% - 34px) !important;
  -webkit-flex: 1 calc(33% - 34px) !important;
  -ms-flex: 1 calc(33% - 34px) !important;
  flex: 1 calc(33% - 34px) !important;

  text-align: center;
  position: relative;
}

.productos .producto a {
position: absolute;
top: 0;
left:0;
right: 0;
bottom: 0;

}

.productos .producto .nombre {
  color: #7d7c80;
  margin-top: 20px;
  font-size: 1.8rem;

}

.productos .producto img {
width: 100%;
}


.localizaciones {
  display: -webkit-flex !important;
  display: -ms-flexbox !important;
  display: flex !important;
  flex-wrap: wrap !important;
  margin-left: 56px;
  margin-right: 56px;

}

.localizaciones .localizacion {
  margin-left: 15px;
  margin-right: 15px;
  -webkit-box-flex: 1 calc(33% - 30px) !important;
  -moz-box-flex: 1 calc(33% - 30px) !important;
  -webkit-flex: 1 calc(33% - 30px) !important;
  -ms-flex: 1 calc(33% - 30px) !important;
  flex: 1 calc(33% - 30px) !important;

  position: relative;
  max-width: 366px;
  background: #f9f9f9;
  margin-bottom: 30px;
}

.localizaciones .localizacion .localidad {
  position: absolute;
  top: 15px;
  left: 19px;
  font-size: 1.8rem;
  font-weight: 700;
color: #fff;
 text-shadow: 1px 1px #969999;
 z-index: 1;
}

.gradiente-gris {
  position: relative;
}

.localizaciones .localizacion .texto-localizacion {
  padding: 22px 20px 82px 20px;
  font-size: 1.4rem;
}

.localizaciones .localizacion .texto-localizacion dl {
margin-bottom: 0;
}

.localizaciones .localizacion .texto-localizacion dl.horarios {
padding: 5px 15px 10px 15px;;
background: #f2f2f2;
margin-bottom: 15px;
min-height: 80px;
}

.localizaciones .localizacion .texto-localizacion dt {
margin-top: 5px;
}

.localizaciones .localizacion .gradiente {
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&1+0,0+100 */
background: -moz-linear-gradient(left,  rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  rgba(0,0,0,1) 0%,rgba(0,0,0,0) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  rgba(0,0,0,1) 0%,rgba(0,0,0,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#00000000',GradientType=1 ); /* IE6-9 */


position: absolute;
top:0;
right: 0;
bottom: 0;
left: 0;
opacity: .6;
filter: alpha(opacity=60);
}

.localizaciones .localizacion img {
width: 100%;
max-width: 366px;
}

.mapa {
  color: #7d7c80;
  text-transform: uppercase;
  font-weight: 700;
  position: absolute;
  bottom: 18px;
  left: 20px;
}

.mapa:hover {
color: #7d7c80;
opacity: .7;
filter: alpha(opacity=70);
text-decoration: none;
}

.glyphicon-mapa {
  width: 15px;
  height: 21px;
  background: url(/img/icono-mapa.svg) no-repeat;
  margin-top: 40px;
margin-right: 8px;

}

.linea {
  width: 122px;

}

.h1area {
	color:#fff;
	font-size:1.8rem;
	font-weight:800;
	text-transform:uppercase;
	margin:-23px 0 15px 0 !important;}

.title_t {
opacity: 0.29;
color: white;
font-size:1.4rem;
text-transform:uppercase;
font-weight: 600;}

.eqWrap {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-left: -15px;
    margin-right: -15px;
    border-top: 1px solid #fff;
    flex-wrap: wrap;
    background: #fff;
}

.eqWrap.noticias {
  border-top: none;
}

.equalHW {
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    text-align: center;
    position: relative;
      min-width: 25%;

      -webkit-box-shadow: inset -20px 0px 22px -31px rgba(158,158,158,1);
  -moz-box-shadow: inset -20px 0px 22px -31px rgba(158,158,158,1);
  box-shadow: inset -20px 0px 22px -31px rgba(158,158,158,1);
}



.equalHW a {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index:2;
}

.ver-noticia {
    text-indent: 100%;
    display: block;
    white-space: nowrap;
    overflow: hidden;
}
.equalHW .imagen-noticia {
    height: 226px;
    overflow: hidden;
    position: relative;
}

.equalHW .imagen-noticia .negocio, .entrada .negocio {
  position: absolute;
  top: 26px;
  left: 0;
  color: #fff;
  text-transform:uppercase;
  z-index: 1;
  font-size: 1.2rem;
  font-weight: 700;
  padding: 5px 18px;
  text-align:left;
}

.texto-entrada {
  position: absolute;
  color:#fff;
  text-align: center;
  top: 50%;
  left: 50%;
  width: 70%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.texto-entrada .fecha {
text-transform: uppercase;
font-size: 1.3rem;
font-weight: 700;
margin-bottom: 10px;
}

.texto-entrada h1 {
  font-size: 4.8rem;
font-style: normal;
font-weight: 300;
}

h1.contacto {
  font-size: 3rem;
  line-height:4rem;
  font-weight: 100;
  margin-top: 29px;
  text-align:center;
  margin-left:10%;
  margin-right:10%;
  margin-bottom:30px;
}

.equalHW .texto-noticia {
    padding: 40px 50px 90px 50px;
}

.equalHW:nth-child(4n+0) {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}

.equalHW p.fecha {
    text-transform: uppercase;
    font-size: 1.1rem;
    font-weight: 700;
    margin-bottom: 10px;
}
.equalHW p.titular {
    font-size: 1.7rem;
    font-weight: 300;
}
.equalHW img {
    position: absolute;
    top: 50%;
    left: 50%;
    min-width: 100% !important;
    min-height: 100% !important;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
 -moz-transition: all 1.3s;
  -webkit-transition: all 1.3s;
  transition: all 1.3s;
}

.equalHW:hover img {
-webkit-transform: translate(-50%, -50%) scale(1.1);
    -moz-transform: translate(-50%, -50%) scale(1.1);
    transform: translate(-50%, -50%) scale(1.1);
	}


  .form_kontaktua {
	padding:30px 50px  60px 50px;
	background:#fff;
	margin:0px 0px 0px 0px;}

legend {
	display:none;}


.group 			  {
  position:relative;
  margin-bottom:25px;
}


input, textarea	{
	font-size:1.8rem;
  padding:26px 10px 8px 15px;
  display:block;
  width:100%;
background-color: #fcfcfc;
border: 2px solid rgba(167, 167, 167, 0.52);
border-radius: 2px;
}


textarea	{
	height:105px;}


input:focus, textarea:focus  { outline:none; }

/* LABEL ======================================= */
label.label, textarea:focus ~ label, textarea:valid ~ label, input[type=file]:focus ~ label, input[type=file]:valid ~ label 				 {
  color:#231f20;
  font-size:1.7rem;
  font-weight:normal;
  position:absolute;
  pointer-events:none;
  left:6px;
  top:26px;
  transition:0.2s ease all;
  -moz-transition:0.2s ease all;
  -webkit-transition:0.2s ease all;
  background:none;
}

label.labeltextarea, textarea:focus ~ label, textarea:valid ~ label {
	top:73px;
	  }

textarea:focus ~ label, textarea:valid ~ label, input[type=file]:focus ~ label, input[type=file]:valid ~ label  {
	  top:9px;
	  left:9px;
	    color:#696969;
  font-size:1.4rem;
  font-weight:normal;}

 .labelinput {
	 top:9px !important;
	  left:9px;}

/* active state */
input:focus ~ label, input:valid ~ label, textarea:focus ~ label, textarea:valid ~ label		{
  top:9px;
   left:9px;
  font-size:1.3rem;
   color:#969595;
   text-transform:uppercase;
   font-weight:600;
   background:none;

}



/* BOTTOM BARS ================================= */
.bar 	{ position:relative; display:block; width:100%; }
.bar:before, .bar:after 	{
  content:'';
  height:2px;
  width:0;
  bottom:1px;
  position:absolute;
  background:#8c1b2f;
  transition:0.2s ease all;
  -moz-transition:0.2s ease all;
  -webkit-transition:0.2s ease all;
}

.btn-kontaktua {

  background: #8c1b2f;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  text-transform: uppercase;
  color: #fff;
  font-size:1.4rem;
  font-weight: 400;
  padding: 15px 58px;
	border:0;
}

.btn-kontaktua:hover {
	background:#691121;
	color:#fff;}

.pasahitza {
	color:#bcbcbc;
	font-size:1.6rem;
	text-align:left;
	position:relative;
	top:-30px;}


.error {
	color:#a94442 !important;
	font-weight:700;}

input.error {
	 border-bottom:1px solid #a94442 !important;

	 font-weight:300;

}

.error:before, .error:after 	{
  content:'';
  height:2px;
  width:0;
  bottom:1px;
  position:absolute;
  background:#a94442;
  transition:0.2s ease all;
  -moz-transition:0.2s ease all;
  -webkit-transition:0.2s ease all;
}


.bar:before {
  left:50%;
}
.bar:after {
  right:50%;
}

/* active state */
input:focus ~ .bar:before, input:focus ~ .bar:after, textarea:focus ~ .bar:before, textarea:focus ~ .bar:after {
  width:50%;
}

/* HIGHLIGHTER ================================== */
.highlight {
  position:absolute;
  height:60%;
  width:100px;
  top:25%;
  left:0;
  pointer-events:none;
  opacity:0.5;
}

/* active state */
input:focus ~ .highlight, textarea:focus ~ .highlight {
  -webkit-animation:inputHighlighter 0.3s ease;
  -moz-animation:inputHighlighter 0.3s ease;
  animation:inputHighlighter 0.3s ease;
}

/* ANIMATIONS ================ */
@-webkit-keyframes inputHighlighter {
	from { background:#538ac2; }
  to 	{ width:0; background:transparent; }
}
@-moz-keyframes inputHighlighter {
	from { background:#538ac2; }
  to 	{ width:0; background:transparent; }
}
@keyframes inputHighlighter {
	from { background:#538ac2; }
  to 	{ width:0; background:transparent; }
}


.squaredFour {
	width:100%;
	margin:-10px 0 20px 0px;
	position: relative;
}


.squaredFour label, .squaredFour input[type=checkbox]:checked + label {
	cursor: pointer;
	padding:7px 0 3px 35px;
	top: 0;
	background:url(/img/check.svg) no-repeat left top !important;
	color:#231f20 !important;
	font-weight:100;
	font-size:1.4rem !important;
	line-height:1.6rem !important;
	text-transform:none !important;

}

.squaredFour label a {
		color:#504f4f !important;
		text-decoration:underline;}

.squaredFour label:after {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=100);
	opacity: 0;
	content: '';
	position: absolute;
	width: 12px;
	height: 8px;

	background: transparent;
	top: 6px;
	left: 7px;
	border: 3px solid #a2c310;
	border-top: none;
	border-right: none;

	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

.squaredFour label:hover::after {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
	filter: alpha(opacity=30);
	opacity: 0.5;
}

.squaredFour input[type=checkbox]:checked + label:after {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	opacity: 1;
}


.mostrar-mas {
  margin-left: -15px;
  margin-right: -15px;
  text-align: center;
  background:#7c7b80;
}

.mostrar-mas a {

}

.newpagination li a, .newpagination li a:hover {
	background:none !important;
	border:0 !important;
	color:#fff;
	font-weight:700;
	}

.newpagination li.active a {
	background:url(/img/pagination-active.svg) repeat-x 0px 17px !important;
	display:block;}

.newpagination .arrow-left span{
	background:url(/img/arrow-left.svg);
	width:27px;
	height:10px;
	display:block;
	text-indent:-99999px;
	margin-top:8px;}

.newpagination .arrow-right span{
	background:url(/img/arrow-right.svg);
	width:27px;
	height:10px;
	display:block;
	text-indent:-99999px;
	margin-top:8px;}


.mostrar-mas a:hover {
text-decoration: none;
opacity: .7;
filter: alpha(opacity=70);
}

.volver {
  margin-left: -15px;
  margin-right: -15px;
  padding: 30px 52px;
  background: #fff;
}

.volver-listado, .compartir {
font-size: 1.4rem;
font-weight: 700;
text-transform: uppercase;
}

.volver-listado a {
  color:#7c7b80;
  padding-left: 19px;
  background: url(/img/arrow-volver.svg) 0 50% no-repeat;
}

.compartir_content {
  text-align: center !important;
  position: relative;
  width: 120px;
  margin:-80px auto 0px auto;
}


.compartir_area {
  text-align: center !important;
  position: relative;
  width: 120px;
  margin:20px auto 60px auto;
}

.volver-listado a:hover {
text-decoration: none;
opacity: .7;
filter: alpha(opacity=70);
}

.compartir {
  text-align: right;
}

.compartir .a2a_kit {
  float: right;
}

.compartir .a2a_s_a2a {
background: url(/img/compartir.svg) no-repeat;
width: 19px;
height: 20px;
-webkit-border-radius: 0 !important;
-moz-border-radius: 0 !important;
border-radius: 0 !important;
margin-left: 10px;
}

.gris-claro {
  background: #f2f2f2;
  padding-top: 70px;
  padding-bottom: 90px;
  margin-left: -15px;
  margin-right: -15px;
  position: relative;
  z-index: 0 !important;
}

.gris-claro a {
	color:#8c1b2e;}

.gris-claro-trabaja {
  background: #f2f2f2;
  padding-top: 0px;
  padding-bottom: 0px;
  margin-left:0px;
  margin-right: 29px;
  position: relative;
  z-index: 0 !important;
}

.gris-muy-claro {
  background: #fafafa;
padding-top: 70px;
padding-bottom: 90px;
margin-left: -15px;
margin-right: -15px;
}

.bgilindun {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  background-color: rgba(9, 9, 9, 0.07);
}

.bgarea {

  color: #fff;
  position: relative;
}

.bgarea h3 {
  color: #fff;
  opacity: 1 !important;}

.bgarea  .zerrenda-arrunta li, .bgarea  .well-areacontant li {
background: url(/img/zerrenda_txuri.svg) 0 12px no-repeat;

}


.proveedores {
  width: 100%;
  max-width: 760px;
}

.well-trabaja {
	padding:80px 80px;}

.well-trabaja h1 {
	margin-bottom:30px;}

/*
img {
    -webkit-transform: translate3d(0, 0, 0) !important;
}
*/

span.hidden-title {
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
}
.breadcrumb {
    padding: 0;
    background: none;
}
.breadcrumb> li+ li:before {
    color: #484848;
    content: "/ ";
    padding: 0 3px;
}
.elementoak1_izda {
    clear: both;
    float: left;
    width: 80px;
    position: relative;
}
.elementoak2_izda {
    width: 100%;
    margin: 0 0 0 -80px;
    float: left;
}
.elementoak2_izda div.elementoak2 {
    padding: 0 0 0 100px;
    display: block;
}
.elementoak1_dcha {
    float: right;
    width: 25%;
    position: relative;
}
.elementoak2_dcha {
    width: 100%;
    margin: 0 -25% 0 0;
    float: left;
}
.elementoak2_dcha div.elementoak2 {
    padding: 0 25% 0 0;
    display: block;
}
.well-aviso {
    background: #fff !important;
    border: 1px solid #dddbdb !important;
    padding: 0 !important;
    margin-top: 30px !important;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    padding-bottom: 20px !important;
}
.well-aviso h3 {
    background: #eae8e8;
    padding: 8px 10px;
}
.contenido-aviso dt {
    color: #29b1e6;
    text-transform: uppercase;
    line-height: 35px;
}
.contenido-aviso dd {
    line-height: 35px;
    color: #664742;
}
.contenido-aviso {
    padding-left: 10px;
    padding-right: 10px;
}
table.table {
    background: #fff;
    font-family: "pt-sans-narrow", sans-serif;
    font-size: 20px;
    font-weight: 700;
    border: 1px solid #dddbdb !important;
}
table.table-margen {
    margin-top: 30px;
}
table.table th {
    background: #eae8e8;
    font-weight: 700;
    font-family: "pt-sans-narrow", sans-serif;
    text-transform: uppercase;
    color: #29b1e6;
}
table.table th.corto {
    min-width: 120px;
    text-align: center;
}
table.table th.muycorto {
    width: 100px;
    text-align: center;
}

/*
table.table tr td.eliminar {
	background: url(/img/icono-eliminar.png) 50% 50% no-repeat;
}

table.table tr:hover td.eliminar {
	background: #f5f5f5 url(/img/icono-eliminar2.png) 50% 50% no-repeat;
}


*/

table.table tr td.eliminar a {
    dizplay: block;
    background: url(/img/icono-eliminar.png) 50% 50% no-repeat;
    width: 100% !important;
    margin-top: 50% !important;
    margin-bottom: 50% !important;
}
table.table tr:hover td.eliminar a {
    background: #f5f5f5 url(/img/icono-eliminar2.png) 50% 50% no-repeat;
}
table.table td {
    color: #664742;
}
table.table dl {
    /*width: 285px;*/
    float: right;
    margin-right: 120px;
    padding: 0;
}
table.table dl dt {
    clear: both;
    float: left;
    width: 175px;
    padding: 0;
    margin: 0;
    font-weight: 300;
    font-size: 24px;
    font-size: 2.4rem;
    line-height: 28px;
    margin-right: 32px;
}
table.table dl dt.total, table.table dl dd.total {
    margin-top: 5px;
    font-weight: 700;
    font-size: 30px;
    font-size: 3rem;
}
.ivaincluido {
    display: block;
    font-size: 12px;
    color: #acabab;
}
table.table dl dd {
    float: right;
    font-size: 24px;
    font-size: 2.4rem;
    font-weight: 300;
    text-align: right;
    line-height: 28px;
    padding: 0;
}
table.table .preciotable {
    text-align: right;
}
table.table td p.titular {
    font-family: "pt-sans", sans-serif;
    font-size: 18px;
}

.dropdownarea {
	color:#fff;
	display:inline;
	margin-right:10px;}

.dropdownarea a{
	color:#fff;
	cursor:pointer;
	display:inline;}

.dropdownarea a:hover {
	color:#fff;
	text-decoration:none;
	opacity: 0.7;}

.dropdownarea .dropdown-menu {
    min-width: 240px;
    border: none;
    padding: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}

.dropdownarea .dropdown-menu li a {
    padding: 8px 21px;
	white-space:normal;
	color:#fff;
}

.dropdownarea .dropdown-menu li a:hover {
	background: rgba(68,68,68,.3);}

.btn-volver {
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    color: #fff !important;
    font-family: "pt-sans", sans-serif;
    font-weight: 700;
    text-transform: uppercase;
    font-size: 16px;
    background: #4a4a4a url(/img/icono-volver.png) 50% 50% no-repeat;
    width: 40px;
    height: 40px;
    margin-top: 40px;
}
.btn-volver:hover {
    opacity: .8;
    filter: alpha(opacity=80);
}
.btn-volver span {
    display: none;
}

.descarga {
    *zoom: 1;
}
.descarga:before, .descarga:after {
    display: table;
    line-height: 0;
    content: "";
}
.descarga:after {
    clear: both;
}
.descarga {
    border-top: 1px solid #cbcaca !important;
    display: block;
    clear: both;
    margin: 10px 0 0 0 !important;
}
.descarga a {
    clear: both;
    color: #5d5d5d;
    font-size: 15px;
    display: block;
    border-bottom: 1px solid #cbcaca !important;
    font-weight: bold;
}

.descarga a .titulardescarga {
    font-weight: bold;
}

.descargar a {
    display: block;
}

.descarga a:hover {
    text-decoration: none;
    color: #e2001a;
    background: #ffffff !important;
    background: -moz-linear-gradient(top, #ffffff 55%, #f1f1f1 100%) !important;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(55%, #ffffff), color-stop(100%, #f1f1f1)) !important;
    background: -webkit-linear-gradient(top, #ffffff 55%, #f1f1f1 100%) !important;
    background: -o-linear-gradient(top, #ffffff 55%, #f1f1f1 100%) !important;
    background: -ms-linear-gradient(top, #ffffff 55%, #f1f1f1 100%) !important;
    background: linear-gradient(to bottom, #ffffff 55%, #f1f1f1 100%) !important;
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f1f1f1', GradientType=0) !important;
}

.descarga a span.todo {
    padding: 10px 10px 10px 47px;
    margin-top: 0px;
    display: block;
    background: url(/img/descarga.png) 5px 15px no-repeat;
}
.descarga a:hover span.todo {
    background: url(/img/descarga2.png) 5px 15px no-repeat;
}
.descarga span.formato {
    display: block;
    clear: both;
    font-weight: 700;
    color: #8c8c8c
}
#menulateral li ul {
    display: none;
    list-style: none;
    padding-left: 15px;
}
.clearfix.dedos, .clearfix.detres {
    clear: none !important;
    float: left !important;
}
form#form-carrito .form-group {
    display: block;
    width: 100px;
    text-align: center;
    position: absolute;
    bottom: 0;
    right: 280px;
}
form#form-carrito label {
    color: #837f7f;
    text-transform: uppercase;
    line-height: 0;
    font-size: 14px;
}
form#form-carrito input {
    width: 70px;
    margin: 0 auto;
    border: 1px solid #c4c7c8;
    /* stroke */
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    /* border radius */
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    /* prevents bg color from leaking outside the border */
    background-color: #fff;
    /* layer fill content */
    -moz-box-shadow: inset 0 1px 0 rgba(0, 0, 0, .26);
    /* inner shadow */
    -webkit-box-shadow: inset 0 1px 0 rgba(0, 0, 0, .26);
    /* inner shadow */
    box-shadow: inset 0 1px 0 rgba(0, 0, 0, .26);
    /* inner shadow */
    padding: 0 5px;
    font-size: 18px;
}
form#form-carrito .btn-carrito {
    text-align: left;
    position: absolute;
    bottom: 7px;
    right: 0;
    width: 270px;
    text-transform: uppercase;
    color: #f4f4f2;
    background: #4a4a4a;
    height: 51px;
    font-family: "pt-sans-narrow", sans-serif;
    font-weight: 700;
    font-size: 18px;
}
*::-webkit-input-placeholder {
    /* WebKit browsers */
    color: #fff !important;
    font-family: "pt-sans", sans-serif !important;
    opacity: 1;
    filter: alpha(opacity=100);
}
*:-moz-placeholder {
    /* Mozilla Firefox 4 to 18 */
    color: #fff !important;
    font-family: "pt-sans", sans-serif !important;
    opacity: 1;
    filter: alpha(opacity=100);
}
*::-moz-placeholder {
    /* Mozilla Firefox 19+ */
    color: #fff !important;
    font-family: "pt-sans", sans-serif !important;
    opacity: 1;
    filter: alpha(opacity=100);
}
*:-ms-input-placeholder {
    /* Internet Explorer 10+ */
    color: #fff !important;
    font-family: "pt-sans", sans-serif !important;
    opacity: 1;
    filter: alpha(opacity=100);
}
form#form-carrito .btn-carrito:hover {
    opacity: .8;
    filter: alpha(opacity=80);
}
.glyphicon-carrito {
    background: url(/img/icono-carrito.png) no-repeat;
    width: 27px;
    height: 28px;
    position: absolute;
    top: 10px;
    right: 10px;
}
.precio-detalle {
    text-align: right;
    position: absolute;
    bottom: 0;
    right: 0;
    height: 100px;
}
.descripcion {
    padding-bottom: 127px;
    min-height: 265px;
    position: relative;
}

/* -------------------------- INICIO DropDown menu on hover ---------------------------- */

.sidebar-nav {
    padding: 9px 0;
}

/*
.dropdown-menu .sub-menu {
    left: 100%;
    position: absolute;
    top: 0;
    visibility: hidden;
    margin-top: -1px;
}

.dropdown-menu li:hover .sub-menu {
    visibility: visible;
}

.dropdown:hover> .dropdown-menu {
    display: block;
    left: 0 !important;

}
.dropdown-menu> li> a {
    white-space: normal;
}
.nav-tabs .dropdown-menu, .nav-pills .dropdown-menu, .navbar .dropdown-menu {
    margin-top: 0;
}*/

.dropdown .dropdown-menu {
    left: 0 !important;

}
.navbar .sub-menu:before {
    border-bottom: 7px solid transparent;
    border-left: none;
    border-right: 7px solid rgba(0, 0, 0, 0.2);
    border-top: 7px solid transparent;
    left: -7px;
    top: 10px;
}
.navbar .sub-menu:after {
    border-top: 6px solid transparent;
    border-left: none;
    border-right: 6px solid #fff;
    border-bottom: 6px solid transparent;
    left: 10px;
    top: 11px;
    left: -6px;
}
.alert-danger {
    font-size: 15px;
}
p.obligatorios {
    text-align: right;
    font-size: 13px;
}
p.txikia {
    font-size: 13px;
}
form#contacto fieldset {
    background: #fff;
    border: 1px solid #dfdcdd;
    padding: 18px;
    position: relative;
    padding-top: 60px;
    margin-bottom: 30px;
}
form#contacto label, form#contacto p.control-label {
    font-family: "pt-sans-narrow", sans-serif;
    font-size: 19px;
    text-transform: uppercase;
    font-weight: 700;
    color: #29b1e6;
    text-align: left;
}
form#contacto p.control-label {
    padding-left: 0;
}
form#contacto label.error {
    color: #b94a48;
}
form#contacto input, form#contacto textarea {
    font-family: "nimbus-sans-condensed", sans-serif;
    font-size: 19px;
    color: #444;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    /* border radius */
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    /* prevents bg color from leaking outside the border */
    background-color: #ebebeb;
    /* layer fill content */
    -moz-box-shadow: inset 0 1px 0 rgba(0, 0, 0, .22);
    /* inner shadow */
    -webkit-box-shadow: inset 0 1px 0 rgba(0, 0, 0, .22);
    /* inner shadow */
    box-shadow: inset 0 1px 0 rgba(0, 0, 0, .22);
    /* inner shadow */
    height: 41px;
}
form#contacto textarea {
    height: auto;
}
form#contacto input.codigo {
    width: 115px;
}
form#contacto .checkbox label {
    font-size: 15px !important;
    color: #444 !important;
    text-transform: none;
    font-weight: 100;
}
form#contacto .checkbox span a {
    color: #444 !important;
    text-decoration: underline;
}
form#contacto input[type=checkbox] {
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    height: auto !important;
}
form#contacto input[type=radio] {
    height: auto !important;
}
form#contacto legend {
    position: absolute;
    top: 0;
    left: 0;
    rignt: 10px;
    background: #eae8e8;
    height: 35px;
    line-height: 35px;
    padding-left: 15px;
    font-family: "pt-sans-narrow", sans-serif;
    font-size: 19px;
    text-transform: uppercase;
    font-weight: 700;
    color: #29b1e6;
}
form#contacto #envio {
    margin-top: 30px;
    display: block;
}
form#contacto .select-style {
    padding: 0;
    margin: 0;
    border: 1px solid #ccc;
    width: 250px;
    border-radius: 3px;
    overflow: hidden;
    background-color: #fff;
    background: #fff url("/img/flecha-combo.png") no-repeat 100% 50%;
}
form#contacto .select-style select {
    padding: 5px 8px;
    width: 130%;
    border: none;
    box-shadow: none;
    background-color: transparent;
    background-image: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}
form#contacto .select-style select:focus {
    outline: none;
}
.form-group {
    margin: 0;
    margin-bottom: 8px;
    clear: both;
}
.btn-formulario {
    line-height: 30px;
    text-transform: uppercase;
    color: #fff !important;
    text-align: center;
    background: #4a4a4a;
    margin-left: auto;
    margin-right: auto;
    padding: 8px 60px 5px 60px;
    font-family: "nimbus-sans-condensed", sans-serif;
    font-weight: 700;
    font-size: 16px;
}
.btn-formulario:hover {
    color: #fff !important;
    opacity: .8;
    filter: alpha(opacity=80);
}
input[type="checkbox"] {
    display: none;
}
input[type="radio"] {
    display: none;
}
label input[type="checkbox"]+ span {
    display: inline-block;
    width: 20px;
    height: 20px;
    background: url(/img/check_radio_sheet.png) left top no-repeat;
    margin: 2px 4px 0 0 !important;
    vertical-align: middle;
    cursor: pointer;
    padding-left: 23px;
    position: absolute;
    left: 0;
    top: 0;
    white-space: nowrap;
}
label input[type="checkbox"]:checked+ span {
    background: url(/img/check_radio_sheet.png) -50px top no-repeat;
}
label input[type="radio"]+ span {
    display: inline-block;
    width: 20px;
    height: 20px;
    background: url(/img/check_radio_sheet.png) -100px top no-repeat;
    margin: 2px 4px 0 0;
    vertical-align: middle;
    cursor: pointer;
    position: absolute;
    left: 0;
    top: 0;
}
label input[type="radio"]:checked+ span {
    background: url(/img/check_radio_sheet.png) -150px top no-repeat;
}
label span.texto-label {
    margin-left: 8px;
    display: block;
}
.centro {
    text-align: center;
}

/* ---------------------------FIN DropDown menu on hover ----------------------------- */


/* Sticky footer styles
-------------------------------------------------- */

html, body {
    height: 100%;

    /* The html and body elements cannot have any padding or margin. */
}

/* Wrapper for page content to push down footer */


/*
#wrap {
    min-height: 100%;
    height: auto !important;
    height: 100%;
    margin: 0 auto -60px;
    padding: 0 0 60px;
}



#footer {
    height: 60px;
}

 */
.pie-gris {
    background: #3f3f3f;
    margin-left: -15px;
    margin-right: -15px;
    color: #b3b3b5;
    padding-top: 57px;
    padding-bottom: 57px;
    position: relative;
    z-index: 8;
}
.pertenece {
    padding-right: 77px;
}
.otras {
    padding-left: 90px;
    border-left: 1px solid #5e5e5f;
    margin-left: -15px;
			min-height:135px;
}
.nav-logos {
    float: right;
    max-width: 500px;
}
.nav-logos> li {
    float: right;
}
.nav-logos li a {
    min-height: 70px;
    text-align: right;
    padding: 0;
    margin-left: 40px;
}
.nav-logos2 {
    max-width: 400px;
}

.nav-logos2 li {
	margin-right: 40px;
}

.nav-logos2 li a {
    min-height: 90px;
    text-align: left;
    padding: 0;
}
.nav-logos li a:hover, .nav-logos2 li a:hover {
    background: none;
    opacity: .8;
    filter: alpha(opacity=80);
}
.pie-gris-fijo {
    background: #3f3f3f;
    color: #b3b3b5;
    min-height: 106px;
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 9;
    max-width: 1300px;
    margin-left: auto;
    margin-right: auto;
    -webkit-transition: all 1s;
  -moz-transition: all 1s;
  transition: all 1s;
}

.pie-gris-fijo .close {
    position: absolute;
    top: 5px;
    left: 5px;
    width: 32px;
    height: 32px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    background: #ededed url(/img/cerrar.svg) 50% 50% no-repeat;
	background-size: 12px 12px;
	cursor:pointer;
	z-index:100;
  opacity: 1;
}

.pie-gris-fijo .close:hover {
	opacity:0.7;}

.pie-gris-fijo .pertenece {
    padding-right: 15px;
}
.pie-gris-fijo .otras {
    padding-left: 25px;
}
.pie-gris-fijo .nav-logos, .pie-gris-fijo .nav-logos2 {
    max-width: 100%;
}
.pie-gris-fijo .nav-logos li a {
    margin-left: 0;
    min-height: 50px;
}
.pie-gris-fijo .nav-logos2 li a {
    margin-right: 0;
    min-height: 50px;
}
.pie-gris-fijo .nav-logos li, .pie-gris-fijo .nav-logos2 li {
    -webkit-transform: scale(0.7);
    -moz-transform: scale(0.7);
    -ms-transform: scale(0.7);
    -o-transform: scale(0.7);
    transform: scale(0.7);
}
.pie-gris-fijo h2 {
    font-size: 1.3rem;
    font-weight: 300;
    margin-top: 0;
    margin-bottom: 5px;
    padding-top: 17px;
}
.pie-blanco {
    background: #fff;
    margin-left: -15px;
    margin-right: -15px;
    padding: 28px 50px;
    position: relative;
    z-index: 8;
}
.nav-contacto {
    float: left;
    margin-left: 28px;
}
.nav-contacto li a {
    background: #f3f1f1;
    color: #7d7c80;
    text-transform: uppercase;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    font-size: 1.4rem;
    font-weight: 300;
    padding: 17px 20px;
}

.tel_foot a {

	font-size:2.6rem !important;
	padding:0 !important;
	background:none !important;
	font-weight:300;
	display:block;
	margin:-4px 0 0 25px;
	pointer-events: none;
       cursor: default;}
	
	.email_foot {
	font-size:1.6rem;
	font-weight:300;
	display:block;
	margin:-4px 0 0 25px;}
.nav-share {
    float: right;
}
.nav-share li a {
    padding: 0 !important;
    position: relative;
    margin-left: 20px;
}
.nav-share li a:hover {
    opacity: .7;
    filter: alpha(opacity=70);
    background: none;
}
.nav-share span {
	display:none;
}
.pie-gris-claro {
    background: #f2f2f2;
    margin-left: -15px;
    margin-right: -15px;
    padding: 23px 50px;
    position: relative;
    z-index: 8;
}
.copyright {
    font-size: 1.2rem;
    color: #7d7c80;
}
.desarrollado {
    font-size: 1.2rem;
    float: right;
    margin-top: -2px;
}
.desarrollado a {
    color: #c3c2c2;
}
.desarrollado a:hover {
    text-decoration: none;
}
.desarrollado img {
    vertical-align: text-bottom;
    margin-left: 5px;
    margin-bottom: 3px;
}
.nav-legal {
    float: right;
    margin-right: 23px;
}
.nav-legal li a {
    padding: 0;
    color: #7d7c80;
    font-size: 1.2rem;
    font-weight: 300;
    display: inline-block;
    margin-left: 5px;
    margin-right: 5px;
}
.nav-legal li a:hover {
    background: none;
}
.nav-legal li::before {
    content: '\00B7';
    float: left;
    margin-top: -1px;
    margin-left: -3px;
    padding: 0;
}
.nav-legal li:first-child::before {
    display: none;
}
#skip, #skip a:hover, #skip a:visited {
    position: absolute;
    top: -100px;
    width: 1px;
    height: 1px;
    overflow: hidden;
    font-size: x-small;
}
#skip a:active, #skip a:focus {
    position: static;
    width: auto;
    height: auto;
    text-align: center;
    margin: 0 auto
}

/* INICIO Coockies
------------------------------------------------ */

/* FIN Coockies
------------------------------------------------ */

#small-dialog {
    background: white;
    padding: 20px 30px;
    text-align: left;
    max-width: 900px;
    margin: 40px auto;
    position: relative;
    line-height: 17px;
}
#small-dialog p {
    font-size: 12px;
    font-size: 1.2rem;
    margin-bottom: 10px;
}

/**
       * Fade-zoom animation for first dialog
       */


/* start state */

.my-mfp-zoom-in .zoom-anim-dialog {
    opacity: 0;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    -webkit-transform: scale(0.8);
    -moz-transform: scale(0.8);
    -ms-transform: scale(0.8);
    -o-transform: scale(0.8);
    transform: scale(0.8);
}

/* animate in */

.my-mfp-zoom-in.mfp-ready .zoom-anim-dialog {
    opacity: 1;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
}

/* animate out */

.my-mfp-zoom-in.mfp-removing .zoom-anim-dialog {
    -webkit-transform: scale(0.8);
    -moz-transform: scale(0.8);
    -ms-transform: scale(0.8);
    -o-transform: scale(0.8);
    transform: scale(0.8);
    opacity: 0;
}

/* Dark overlay, start state */

.my-mfp-zoom-in.mfp-bg {
    opacity: 0.001;
    /* Chrome opacity transition bug */
    -webkit-transition: opacity 0.3s ease-out;
    -moz-transition: opacity 0.3s ease-out;
    -o-transition: opacity 0.3s ease-out;
    transition: opacity 0.3s ease-out;
}

/* animate in */

.my-mfp-zoom-in.mfp-ready.mfp-bg {
    opacity: 0.8;
}

/* animate out */

.my-mfp-zoom-in.mfp-removing.mfp-bg {
    opacity: 0;
}
.mfp-hide {
    display: none;
}


		.logo_p {
			margin-top:5px;
	}

@media handheld, only screen and (max-width: 1280px) {
html, body {
    height: 100%;
		  overflow-x:hidden !important;

}
	
	.texto-entrada h1 {
  font-size: 4rem;

}


}







@media (min-width: 993px) and (max-width: 1200px) {

	.well-historia ul li div span.dot {
		display:none !important;}

	.well-areacontant2 ul {
margin-left: 80px;
}
	
		.texto-entrada h1 {
  font-size: 3.4rem;

}

}


@media (min-width: 768px) and (max-width: 992px) {
	
		.texto-entrada h1 {
  font-size: 2.8rem;

}

	.well-trabaja {
	padding:60px 40px;}

		.well-historia ul li div span.dot {
		display:none !important;}

		.well-areacontant2 ul {
margin-left: 60px;
}

    .equalHW {
        -webkit-box-flex: 1 50%;
        -moz-box-flex: 1 50%;
        -webkit-flex: 1 50%;
        -ms-flex: 1 50%;
        flex: 1 50%;
    }

    .equalHW:nth-child(4n+0) {
      -webkit-box-shadow: inset -20px 0px 22px -31px rgba(158,158,158,1);
  -moz-box-shadow: inset -20px 0px 22px -31px rgba(158,158,158,1);
  box-shadow: inset -20px 0px 22px -31px rgba(158,158,158,1);
    }

    .equalHW:nth-child(2n+0) {
      -webkit-box-shadow: none;
      -moz-box-shadow: none;
      box-shadow: none;
    }

    .localizaciones .localizacion {
      -webkit-box-flex: 1 calc(50% - 30px) !important;
      -moz-box-flex: 1 calc(50% - 30px) !important;
      -webkit-flex: 1 calc(50% - 30px) !important;
      -ms-flex: 1 calc(50% - 30px) !important;
      flex: 1 calc(50% - 30px) !important;

      max-width: none;

    }

    .localizaciones .localizacion img {
    width: 100%;
    max-width: none;
    }


    .texto-entrada h2 {
      font-size: 3.5rem;

    }

    #menumain.capon .navbar-ex2-collapse .navbar-menu .dropdown-menu li {
      -webkit-box-flex: 1 calc(50% - 20px) !important;
      -moz-box-flex: 1 calc(50% - 20px) !important;
      -webkit-flex: 1 calc(50% - 20px) !important;
      -ms-flex: 1 calc(50% - 20px) !important;
      flex: 1 calc(50% - 20px) !important;

      width: calc(50% - 20px) !important;
    }


    .logo img {
        width: 100%;
    }


    .navbar-menu span {
        display: block;
    }
    #menumain ul li a {
        font-size: 1.2rem;
    }
    #menumain ul.navbar-menu {
        margin-top: 10px;
    }
    .nav-contacto li a {
        font-size: 1.2rem;
        font-weight: 300;
        padding: 17px 15px;
    }
    .nav-share li a {
        margin-left: 10px;
    }
    .clearfix.dedos, .clearfix.decuatro {
        clear: none !important;
        float: left !important;
    }
    .clearfix.detres {
        clear: both !important;
        float: none !important;
    }
    table {
        border: 0;
        padding-bottom: 0;
        display: block;
        width: 100%;
        clear: both;
    }
    /* make sure captions are displayed*/
    caption {
        display: block;
    }
    /* hide the thead in an accessible fashion*/
    thead {
        display: none;
    }
    /*
     * make everything display block so it
     * aligns vertically
     */
    tbody, tfoot, tr, th, td {
        border: 0;
        display: block;
        padding: 0;
        text-align: left !important;
        white-space: normal;
        border: none !important;
    }
    tr {
        padding-bottom: 15px;
        margin-bottom: 20px;
    }
    table.table td.unid {
        text-align: left !important;
    }
    /* Labeling
     * adding a data-title attribute to the cells
     * lets us add text before the content to provide
     * the missing context
     *
     * Markup:
     *   <td data-title="Column Header">Content Here</td>
     *
     * Display:
     *   Column Header: Content Here
     */
    th[data-title]:before, td[data-title]:before {
        content: attr(data-title) ":\00A0";
        font-weight: 700;
    }
    th:not([data-title]) {
        font-weight: bold;
    }
    /* hide empty cells*/
    td:empty {
        display: none;
    }
    table.table {
        background: #fff;
        font-size: 18px;
        font-weight: 300;
        padding: 10px 30px;
    }
    table.table td {
        margin-bottom: 10px;
    }
    table.table td.unid {
        text-align: left !important;
    }
    table.table td.unid .unidades {
        float: none !important;
        display: inline-block;
    }
    table.table dl {
        margin: 0;
        margin-right: 0;
    }
    table.table td.eliminar {
        border-bottom: 1px solid #f2f2f2 !important;
        padding-bottom: 20px !important;
        text-align: center !important;
    }
    .btn-eliminar {
        position: static;
        margin-left: 0;
        margin-top: 0;
    }
    table.table.table-hover:hover td {
        background: none;
    }
    .copyright {
        text-align: center;
    }
    .erdira {
        text-align: center;
    }
    .desarrollado, .nav-legal {
        float: none;
        display: inline-block;
    }
    .nav-legal li a {
        -webkit-transform: translateY(4px);
        -moz-transform: translateY(4px);
        -ms-transform: translateY(4px);
        -o-transform: translateY(4px);
        transform: translateY(4px);
    }
    .nav-legal li::before {
        -webkit-transform: translateY(7px);
        -moz-transform: translateY(7px);
        -ms-transform: translateY(7px);
        -o-transform: translateY(7px);
        transform: translateY(7px);
    }
    .pertenece {
        padding-right: 40px;
    }
    .otras {
        padding-left: 50px;
    }
}
@media (max-width: 767px) {
	
	
		.texto-entrada h1 {
  font-size: 2.4rem;

}

		.well-trabaja {
	padding:60px 40px;}

	.equipo {
		width:100%;}

	.gris-claro-trabaja {
		margin:0 -15px 0 -15px;}

		.well-historia ul li div span.dot {
		display:none !important;}


			.well-historia ul li div span.dot {
		display:none !important;}


.well-historia {
	background:url(/img/bg_historia.svg) repeat-y center left;
	text-align:center;}

.well-historia ul  {
	padding:30px 0 50px 0;
	margin:30px 0 0 0;
}

.well-historia ul li:nth-child(odd) {
	list-style:none;
	position:relative;
	background:#f9f9f9;
	color:#4f4d4d;
	padding:29px 30px 29px 125px;
	width:90%;
	text-align: left;
	margin-left:20px;
	margin-bottom:10px;}
















.well-historia ul li:nth-child(even) {
	list-style:none;
	position:relative;
	background:#f9f9f9;
	color:#4f4d4d;
	padding:29px 30px 29px 125px;
	width:90%;
	text-align: left;
	margin-left:20px;
	margin-bottom:10px;}



.well-historia ul li:nth-child(even) div {
	background:#fff;
	position:absolute;
	left:0;
	width:95px;
	top:0;
	bottom:0;
	font-weight:bold;
	text-align:center;}




.well-historia ul li:nth-child(even) div span.arrow_historia {
	width:25px;
	height:25px;
	display:block;
	position:absolute;
	background: url(/img/arrow_hitoria.svg);
	top:50%;
	margin:-12px 0 0 0;
	left:-13px;}





			.well-areacontant2 ul{
margin-left: 20px;
}

	.caret2 {
		display:none;}

  .localizaciones {
    margin-left: 0;
    margin-right: 0;

  }

  .localizaciones .localizacion {
    -webkit-box-flex: 1 calc(50% - 30px) !important;
    -moz-box-flex: 1 calc(50% - 30px) !important;
    -webkit-flex: 1 calc(50% - 30px) !important;
    -ms-flex: 1 calc(50% - 30px) !important;
    flex: 1 calc(50% - 30px) !important;

    max-width: none;

  }

  .localizaciones .localizacion img {
  width: 100%;
  max-width: none;
  }


  .entrada .negocio {
top: 0;
  }

  .volver-listado, .compartir {
  font-size: 1.2rem;
  }

  .volver {
    padding: 30px 15px;
    background: #fff;
  }

  .texto-entrada {
  width: 90%;
  }

  .texto-entrada .fecha {
  margin-bottom: 5px;
  }

  .texto-entrada h2 {
    font-size: 2rem;
    margin-bottom: 0;
  }

  .gris-claro {
    margin-left: 0;
    margin-right: 0;
  }

  .equalHW:nth-child(4n+0) {
    -webkit-box-shadow: inset -20px 0px 22px -31px rgba(158,158,158,1);
-moz-box-shadow: inset -20px 0px 22px -31px rgba(158,158,158,1);
box-shadow: inset -20px 0px 22px -31px rgba(158,158,158,1);
  }

  .equalHW:nth-child(2n+0) {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
  }

  .productos {
    display: block !important;

  }

  .productos .producto {
    margin-left: 0;
    margin-right: 0;
    margin-bottom: 30px;
  }

  .productos .producto img {
    max-width: 326px;
  }

  .bi-zutabe {
    -webkit-column-count: 1;
    -moz-column-count: 1;
    column-count: 1;
  }


  .menu-bloqueado {
  position: static;
  }

  .menu-bloqueado .nav {
    display: block !important;
  }

  .menu-bloqueado .nav li {
    margin-right: 0;
    width: 100%;
    border-top: 1px solid #fff;
  }

  .menu-bloqueado .nav li a {
    height: 50px;
    line-height: 50px;

width: 100%;
  }



.navbar-ex2-collapse ul li a.capa {
  display: none;
}


    .pie-gris-fijo {
        display: none;
    }
    .pie-gris {
        padding-top: 10px;
        padding-bottom: 10px;

    }
    .pertenece {
        padding-right: 0;
        float: none;
        text-align: center;
        margin-left: 30px;
        margin-right: 30px;
    }
    .otras {
        padding-left: 0;
        margin-left: 0;
        border-left: none;
        text-align: center;
        border-top: 1px solid #5e5e5f;
        margin-left: 30px;
        margin-right: 30px;

    }
    .nav-logos, .nav-logos2 {
        float: none;
        max-width: 100%;
    }
    .nav-logos> li, .nav-logos2> li {
        float: none;
        display: inline-block;
    }
    .nav-logos li a, .nav-logos2 li a {
        margin-left: 10px;
        margin-right: 10px;
    }
    .nav-contacto {
        margin-left: 0;
        float: none;
        margin-top: 30px;
    }
    .nav-contacto li {
        display: block;
        float: none;
    }
    .nav-contacto li a {
        text-align: center;
        margin-bottom: 1px;
    }
    .erdira {
        text-align: center;
    }
    .logo-pie {
        display: block;
        float: none !important;
        text-align: center;
    }
    .nav-share {
        margin-top: 38px;
        float: none;
        display: block;
        text-align: center;
    }
    .nav-share> li {
        float: none !important;
        display: inline-block !important;
    }
    .pie-gris-claro {
        background: #fff;
        padding-top: 0;
    }
    .copyright {
        text-align: center;
        margin-top: 30px;
    }
    .desarrollado, .nav-legal {
        float: none;
        display: block;
        margin-right: 0;
    }
    .nav-legal> li {
        float: none;
        display: inline-block;
    }
    .equalHW {
        -webkit-box-flex: 1 50%;
        -moz-box-flex: 1 50%;
        -webkit-flex: 1 50%;
        -ms-flex: 1 50%;
        flex: 1 50%;
    }
    .cabecera {
        padding-left: 0;
        padding-right: 0;
    }
    span.commerce {
        display: none;
    }
    .estatico {
        position: static;
    }
    a.btn-ecommerce {
        float: none;
        position: absolute;
        top: 15px;
        left: 14px;
    }
    .nav-hizkuntzak {
        float: none;
        position: absolute;
        top: 15px;
        right: 17px;
    }
    .navbar-header1 {
        width: 50%;
        background: #f1f1f1;
        float: right;
        margin-top: 18px;
    }

    .navbar-header2 {
        width: 50%;
        background: #f1f1f1;
        float: left;
        margin-top: 18px;
        border-right: 1px;
    }

    .navbar-header1 .navbar-toggle, .navbar-header2 .navbar-toggle {
        width: 100%;
        margin: 0;
        padding-top: 14px !important;
        padding-bottom: 14px !important;
        border: none;
        border-right: 1px solid #fff;
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        border-radius: 0;
    }

    .navbar-header1 .navbar-toggle {
        border: none;
        position: relative;
        z-index: 1000;
    }
    .navbar-header1 .navbar-toggle .icon-bar {
        clear: both;
        float: right;
    }
    .navbar-header2 .navbar-toggle {
        padding-top: 9px !important;
        padding-bottom: 9px !important;
        pointer-events: none;
        cursor: default;
        position: relative;
        z-index: 999;
    }

    .navbar-header2 .navbar-toggle .icon-bar {
        width: 6px;
        height: 6px;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        border-radius: 50%;
    }
    .navbar-header2 .navbar-toggle .icon-bar + .icon-bar {
        margin-top: 3px !important;
    }



    .navbar-ex1-collapse, .navbar-ex2-collapse {
        float: none;
        position: absolute;
        top: 60px;
        left: 0;
        right: 0;
    }

      .navbar-ex1-collapse {
          min-height: 42px;
      }

    .navbar-ex2-collapse {
        top: 0;
        margin-top: 18px;
    }

    .logo {
        text-align: center;
        display: block;
    }

			.logo_p {
			margin-top:5px;
			margin-bottom:3px;
	}

    .logo img {
        width: 178px;
    }
    #menumain .dropdown-toggle {
        pointer-events: auto;
    }
    #menumain {
        position: relative;
        margin-top: 0;
        z-index: 10000 !important;
    }
    .navbar-menu {
        margin: 0 !important;
        padding: 0 !important;
        background: #fff;
    }
    .navbar-menu li a {
        color: #7c7b80 !important;
        text-transform: uppercase;
        font-weight: 700;
        min-height: 0 !important;
        padding: 5px 21px;
        font-size: 1.4rem !important;
    }
    .navbar-menu li a .caret {
        position: absolute;
        left: auto;
        bottom: auto;
        top: 18px;
        right: 18px;
    }

.navbar-ex2-collapse .navbar-menu li a .caret {
  right: 52%;
}


    .navbar-collapse {
        background: #fff !important;
        max-height: none !important;
        border-top: none !important;
        overflow-x: hidden !important;
    }

    .navbar-menu li ul {
        width: 100% !important;
    }

    #menumain .navbar-collapse {
        -webkit-box-shadow: 0px 17px 52px -8px rgba(0, 0, 0, 0.5);
        -moz-box-shadow: 0px 17px 52px -8px rgba(0, 0, 0, 0.5);
        box-shadow: 0px 17px 52px -8px rgba(0, 0, 0, 0.5);
    }

    #menumain ul.navbar-menu> li> a {
        padding: 17px 21px !important;
    }

    #menumain ul.navbar-menu> li> a, #menumain ul.navbar-menu> li> a:hover, #menumain ul.navbar-menu> li.active> a {
        border-bottom: 1px solid #eee;
    }

    #menumain ul.navbar-menu> li> a:hover, #menumain ul.navbar-menu> li> a:focus, .navbar-menu li.open a {
        background: #7e7d82 !important;
        color: #fff !important;
    }

    #menumain ul.navbar-menu> li> a:hover .caret, #menumain ul.navbar-menu> li> a:focus .caret, .navbar-menu li.open a .caret {
        background: url(/img/arrow-on.svg) no-repeat;
    }

    .navbar-menu li.open a {
        border-bottom: 1px solid transparent !important;
    }
    .navbar-menu .dropdown-menu {
        background: #7e7d82 !important;
    }
    .navbar-menu .dropdown-menu li a {
        color: #fff !important;
        font-weight: 300 !important;
        text-transform: none !important;
        padding: 15px 26px !important;
    }
    .navbar-menu .dropdown-menu li a:hover {
        background: #6c6c6f !important;
    }
    .navbar-ex2-collapse {
      background: none !important;
        -webkit-box-shadow: none !important;
        -moz-box-shadow: none !important;
        box-shadow: none !important;

      overflow: visible !important;
    }

    .navbar-ex2-collapse .navbar-menu  {
        background: none !important;
    }

    .navbar-ex2-collapse .navbar-menu li {
        position: static !important;
    }

    .navbar-ex2-collapse .navbar-menu li.open {
      /*
      -webkit-box-shadow: 0px 17px 52px -8px rgba(0, 0, 0, 0.5) !important;
      -moz-box-shadow: 0px 17px 52px -8px rgba(0, 0, 0, 0.5) !important;
      box-shadow: 0px 17px 52px -8px rgba(0, 0, 0, 0.5) !important;
      */
    }

    .navbar-ex2-collapse .navbar-menu .dropdown-menu {
        width: 100% !important;
        right: 0 !important;
        float: none !important;
        background: #6cc257 !important;
    }

    #menumain .navbar-ex2-collapse ul.navbar-menu> li > a:hover, #menumain .navbar-ex2-collapse ul.navbar-menu > li > a:focus, #menumain .navbar-ex2-collapse ul.navbar-menu> li> a {
        border-bottom: none !important;
        color: #7c7b80 !important;
    }


    #menumain .navbar-ex2-collapse ul.navbar-menu> li> a:hover .caret, #menumain .navbar-ex2-collapse ul.navbar-menu> li> a:focus .caret, #menumain .navbar-ex2-collapse ul.navbar-menu> li> a .caret {
        background: url(/img/arrow-off.svg) no-repeat;
    }
    #menumain .navbar-ex2-collapse ul.navbar-menu > li > a {
        padding: 11px 21px 11px 30px !important;
        background: none !important;
    }

#menumain .navbar-ex2-collapse ul.navbar-menu ul li a {
  background: #fff !important;
  text-transform: uppercase !important;
  color: #7c7b80 !important;
  border-bottom: 1px solid #eee !important;
  font-weight: 700 !important;
  position: relative;
}

#menumain .navbar-ex2-collapse ul.navbar-menu ul li a .caret {
right: 18px;
background: url(/img/arrow-off.svg) no-repeat;
}

#menumain .navbar-ex2-collapse ul.navbar-menu ul li.open a .caret {
background: url(/img/arrow-on.svg) no-repeat;
}

#menumain .navbar-ex2-collapse ul.navbar-menu ul ul li a, #menumain .navbar-ex2-collapse ul.navbar-menu ul li.open a {
color: #fff !important;
border-bottom: none !important;
}

#menumain .navbar-ex2-collapse ul.navbar-menu ul ul li a {
  text-transform: none !important;
  position: relative !important;
}


/*
#menumain .navbar-ex2-collapse ul.navbar-menu ul ul li a span.fondo {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 0;
}

#menumain .navbar-ex2-collapse ul.navbar-menu ul ul li a span.texto {
position: relative;
z-index: 1;
}*/

#menumain .navbar-ex2-collapse ul.navbar-menu ul ul li a:hover  {
  border: none;
}
/*
#menumain .navbar-ex2-collapse ul.navbar-menu ul ul li a:hover span.fondo {
background: rgba(68,68,68,.3);
}*/

  .navbar-ex2-collapse .navbar-menu > li > a {
position: static !important;
  }

    .clearfix.dededos, .clearfix.decuatro {
        clear: none !important;
        float: left !important;
    }
    .clearfix.detres {
        clear: both !important;
        float: none !important;
    }
    table {
        border: 0;
        padding-bottom: 0;
        display: block;
        width: 100%;
        clear: both;
    }
    /* make sure captions are displayed*/
    caption {
        display: block;
    }
    /* hide the thead in an accessible fashion*/
    thead {
        display: none;
    }
    /*
     * make everything display block so it
     * aligns vertically
     */
    tbody, tfoot, tr, th, td {
        border: 0;
        display: block;
        padding: 0;
        text-align: left !important;
        white-space: normal;
        border: none !important;
    }
    tr {
        padding-bottom: 15px;
        margin-bottom: 20px;
    }
    table.table td.unid {
        text-align: left !important;
    }
    /* Labeling
     * adding a data-title attribute to the cells
     * lets us add text before the content to provide
     * the missing context
     *
     * Markup:
     *   <td data-title="Column Header">Content Here</td>
     *
     * Display:
     *   Column Header: Content Here
     */
    th[data-title]:before, td[data-title]:before {
        content: attr(data-title) ":\00A0";
        font-weight: 700;
    }
    th:not([data-title]) {
        font-weight: bold;
    }
    /* hide empty cells*/
    td:empty {
        display: none;
    }
    table.table {
        background: #fff;
        font-size: 18px;
        font-weight: 300;
        padding: 10px 30px;
    }
    table.table td {
        margin-bottom: 10px;
    }
    table.table td.unid {
        text-align: left !important;
    }
    table.table td.unid .unidades {
        float: none !important;
        display: inline-block;
    }
    table.table dl {
        margin: 0;
        margin-right: 0;
    }
    table.table td.eliminar {
        border-bottom: 1px solid #f2f2f2 !important;
        padding-bottom: 20px !important;
        text-align: center !important;
    }
    .btn-eliminar {
        position: static;
        margin-left: 0;
        margin-top: 0;
    }
    table.table.table-hover:hover td {
        background: none;
    }

	h1.contacto {

  margin-left:0%;
  margin-right:0%;

}

  .form_kontaktua {
	padding:30px 10px  30px 10px;
	background:none;
	margin:0px 0px 0px 0px;}

	.list-group-grupos .list-group-item .visita-web span.tetxlink {
  margin-left:5px;
}

html, body {
    height: 100%;
		  overflow-x:hidden !important;

}


.popup_area .jaso, .popup_area .ireki, .popup_itxita .ireki {
  display: none;
}




.tel_click {
  position: absolute;
  top: 0;
  left: 0;

  z-index: 1;
  display: block;
  background: url(/img/phone.svg) no-repeat center center;
  border-radius: 50%;
  width: 48px;
  height: 48px;
  box-shadow: 0 5px 40px rgba(0, 0, 0, 0.44);
}

.popup_area {
  box-shadow: none;
  padding: 0;
  background: none;
   width: 48px;
  height: 48px;
  box-shadow: none !important;
   right: 35px;
  bottom: 20px;
  overflow: visible;
}

.well-textpopup {
  display: none;
}


.tel_foot a {
	text-align:center;
	font-size:2.6rem !important;
	padding:0 !important;
	background:none !important;
	font-weight:300;
	display:block;
	margin:24px 0 0 0px;
	pointer-events: inherit;
       cursor: pointer;}
	
	.email_foot {
			text-align:center;
	font-size:1.6rem;
	font-weight:300;
	display:block;
	margin:-4px 0 0 0px;}
	

.popup .cerrar {

    top: -33px;
    left: 0px;


}

}





@media handheld, only screen and (max-width: 480px) {

			.well-trabaja {
	padding:30px 30px;}

.navbar-menu .areas {
	font-size:1.1rem !important;}

.well-areacontant, .well-areacontant2 ul{
margin-left: 0px;
}

  .localizaciones .localizacion .texto-localizacion dl.horarios {

min-height: 0;
}


.localizaciones {
  display: block !important;
  margin-left: 0;
  margin-right: 0;
}

  .equalHW:nth-child(4n+0) {
    -webkit-box-shadow: inset -20px 0px 22px -31px rgba(158,158,158,1);
  -moz-box-shadow: inset -20px 0px 22px -31px rgba(158,158,158,1);
  box-shadow: inset -20px 0px 22px -31px rgba(158,158,158,1);
  }

  .equalHW:nth-child(2n+0) {
    -webkit-box-shadow: inset -20px 0px 22px -31px rgba(158,158,158,1);
  -moz-box-shadow: inset -20px 0px 22px -31px rgba(158,158,158,1);
  box-shadow: inset -20px 0px 22px -31px rgba(158,158,158,1);
  }

    .equalHW {
        -webkit-box-flex: 1 100%;
        -moz-box-flex: 1 100%;
        -webkit-flex: 1 100%;
        -ms-flex: 1 100%;
        flex: 1 100%;
    }

    .clearfix.detres {
        clear: both !important;
        float: none !important;
    }
    .clearfix.dedos, .clearfix.decuatro {
        clear: none !important;
        float: left !important;
    }

	.navbar-logos {

	margin:0 0;
}

}


@media handheld, only screen and (max-width: 480px) and (orientation : landscape) {

	.popup {
		display: none;}

	}