/* CSS Lacteos Mendi */
/* Estilos especificos del web */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {margin: 0;padding: 0;border: 0;font-size: 100%;font: inherit;vertical-align: baseline}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, main {display: block}
body {color:#222;font:90% Segoe, "Segoe UI", Arial;background:#fff;line-height: 1}

ol, ul {list-style: none}
blockquote, q {quotes: none}
blockquote:before, blockquote:after,
q:before, q:after {content: none;}
table {border-collapse: collapse;border-spacing: 0}
sup{ font-size:80%; margin-top:-8px}
.buscar-mov { display: none}


h2 strong{font-style:italic}
h2 span{font-size:70%;color:#666;display:block;margin-top:13px;text-align:right;font-style:normal}
h4{font-size:140%;color:#000;margin:20px 0 20px 10px;text-transform:uppercase;float:left}
h4 a{font-size:100%;border-bottom:2px solid #333}
h4 a:hover{border-bottom:2px solid #009a3d;color:#009a3d}
h5{font:bold 95% Arial, Helvetica, sans-serif!important}

.tel{color:#009a3d;font-size:120%;font-style:normal}
strong{font-weight:bold;font-size:100%}
p{padding:0px;margin:0px 0 10px;line-height:130%}
li{list-style-type:none;line-height:130%}
a{color:#1a211c;text-decoration:none;outline: 0;}
a:link{color:#1a211c}
a:visited{color:#1a211c}
a:active{color:#009a3d}
a:focus{text-decoration:underline}
a:hover{text-decoration:none}
a img {border: 0px; text-decoration: none;}

img{border-style:none}
.ocultar{display:none}
.mostrarM{ display: none}
.clear{clear:both;color:#999;text-align:right;font:0.7em tahoma, Verdana, Arial, Helvetica}
.clearer { width: 100%; height: 1px; }
noscript p{clear:both;margin:20px auto;width:950px;display:block}

header, section, footer,aside, nav, article, figure { display: block}

/*-- Estilos para la Home --*/
#contenedor{width:100%;margin:0px auto}
#head h1{margin:20px 0 20px 5%; padding:0px;width:300px;overflow:hidden;font:normal 80% Arial, Helvetica, sans-serif; position: relative}
#head h1 img{width:80%; max-width: 250px}

.headTop{ background-color:#398c4d; text-align: right; padding:4px 4%;}
.headTop p{ background: url(../img/phone-call.png) left center no-repeat; padding:5px 0 5px 25px; color: #fff; display: inline-block; vertical-align: middle;width: 140px; font-size: 110%; margin: 0}
.headTop a{ color:#fff;}
.instagram_top { display:inline-block; vertical-align:middle; margin-left:15px }
.headTop form{ display:inline-block; vertical-align: middle; width:200px; color: #fff; margin-right:3%}
.headTop input[type=submit] { background:#398c4d url(../img/lupa.png) left center no-repeat; background-size: contain; width: 23px; height: 23px; outline:none; border: none; cursor: pointer; display: inline-block; vertical-align: middle}
.headTop input[type=text] { background-color: transparent; width: 150px!important;border: none; border-bottom:1px solid #fff; color:#fff; outline:none; display: inline-block; vertical-align: middle; font:300 100% "Source Sans Pro",Segoe, "Segoe UI", sans-serif; margin-left: 10px}	

.headTop ::-webkit-input-placeholder { color: #fff; } 
.headTop :-moz-placeholder { /* Firefox 18- */ color: #fff} 
.headTop ::-moz-placeholder { /* Firefox 19+ */ color: #fff} 
.headTop :-ms-input-placeholder { color: #fff; }
.headTop :focus::-webkit-input-placeholder{color:transparent;}


.menu{  position: absolute; z-index: 888; right: 5%; top: 4.6rem; padding: 0; outline:none}
.menu li{list-style-type:none;color:#222;padding:10px 15px 0; display: inline-block}
.menu li:first-child{display: none}
.menu li a{color:#222; font-weight: 500; font-size: 110%}
.menu li.navidad{color:#222;display:none}
.menu li a:hover{ border-bottom: 3px solid #222}
.menu .sin{padding:0 0px 3px 22px!important; border-right:none}
.menu .sin a{color:#fff;background:url(../img/lock.png) 0px 0px no-repeat;border-right:none; padding-left:25px; font-size:110%}
.menu .sin a:hover{color:#14e768;background:url(../img/lock.png) 0px bottom no-repeat}
.menu li.current2{color:#14e768;background:url(../img/lock.png) 0px bottom no-repeat;padding:3px 0px 3px 18px}
.menu .conectado a{background:url(../img/lock.png) 2px -26px no-repeat;padding:5px 19px 5px;color:#14e768;font:bold 110% Arial, Helvetica, sans-serif}
.menu li.desconectado{background:url(../img/lock.png) 18px -5px no-repeat;padding:0px 0px 3px 18px;color:#14e768;font:bold 100% Arial, Helvetica, sans-serif}
.menu conectado a{padding:0 0px 3px 0px;color:#fff;font:bold 110% Arial, Helvetica, sans-serif}
.menu li.conectado a:hover{color:#fff;font:bold 110% Arial, Helvetica, sans-serif}

/*----------- BSXLIDER  ------------*/
.bx-wrapper {position: relative;margin: 0 auto;padding: 0;*zoom: 1;background: url(../img/sombra-slider.png) left bottom repeat-x; padding-bottom:19px;}
.bx-wrapper img {width:100%;max-width: 100%;display: block;margin: 0}
.bx-wrapper .bx-viewport {-webkit-transform: translatez(0);-moz-transform: translatez(0);-ms-transform: translatez(0);-o-transform: translatez(0);transform: translatez(0);}
.bx-wrapper .bx-pager,.bx-wrapper .bx-controls-auto {position: absolute;bottom:25px;left: 0;width: 100%;}
.bx-wrapper .bx-loading {min-height: 50px;background: url(../img/bx_loader.gif) center center no-repeat #fff;height: 100%;width: 100%; position: absolute;top: 0;left: 0;z-index: 900;}

/* PAGER */
.bx-wrapper .bx-pager {	text-align: center;font-size: .85em;font-family: Arial;font-weight: bold;color: #666;padding-bottom:10px;}
.bx-wrapper .bx-pager .bx-pager-item,
.bx-wrapper .bx-controls-auto .bx-controls-auto-item {display: inline-block;*zoom: 1;*display: inline}
.bx-wrapper .bx-pager.bx-default-pager a {border:3px solid #fff;background-color: transparent;text-indent: -9999px;display: block;width: 12px;height: 12px;margin: 0 3px;outline: 0;-moz-border-radius: 8px;-webkit-border-radius: 8px;border-radius: 8px;}
.bx-wrapper .bx-pager.bx-default-pager a:hover,.bx-wrapper .bx-pager.bx-default-pager a.active {background-color:#398c4d}

/* DIRECTION CONTROLS (NEXT / PREV) */

.bx-wrapper .bx-prev {left: 20px;background: url(../img/controls.png) no-repeat 0 -41px}
.bx-wrapper .bx-next {right: 20px;background: url(../img/controls.png) no-repeat -43px -41px;}
.bx-wrapper .bx-prev:hover {background-position: 0 0}
.bx-wrapper .bx-next:hover {background-position: -43px 0}
.bx-wrapper .bx-controls-direction a {position: absolute;top: 45%;margin-top: -16px;outline: 0;width: 32px;height: 41px;text-indent: -9999px;z-index: 900;}
.bx-wrapper .bx-controls-direction a.disabled {display: none}

/* AUTO CONTROLS (START / STOP) */
.bx-wrapper .bx-controls-auto {text-align: center}
.bx-wrapper .bx-controls-auto .bx-start {display: block;text-indent: -9999px;width: 10px;height: 11px;outline: 0;background: url(../img/controls.png) -86px -11px no-repeat;margin: 0 3px;}
.bx-wrapper .bx-controls-auto .bx-start:hover,.bx-wrapper .bx-controls-auto .bx-start.active {background-position: -86px 0}
.bx-wrapper .bx-controls-auto .bx-stop {display: block;text-indent: -9999px;width: 9px;height: 11px;outline: 0;background: url(../img/controls.png) -86px -44px no-repeat;margin: 0 3px;}
.bx-wrapper .bx-controls-auto .bx-stop:hover,.bx-wrapper .bx-controls-auto .bx-stop.active {background-position: -86px -33px;}

/* PAGER WITH AUTO-CONTROLS HYBRID LAYOUT */

.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {text-align: left;width: 80%}
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {right: 0;width: 35px}

/* IMAGE CAPTIONS */

.bx-wrapper .bx-caption {position: absolute;bottom: 0;left: 0;background: #666\9;background: rgba(80, 80, 80, 0.75);width: 100%;}
.bx-wrapper .bx-caption span {color: #fff;font-family: Arial;display: block;font-size: .85em;padding: 10px;}
.bxslider li span{ position:absolute; width:45%; top:30%; right:10%; font-weight:500; font-size:210%;color:#fff; line-height:150%; text-align:left;text-shadow: 2px 2px 2px #000;}

/*---------*/
#contenido {clear:both; position: relative; padding:0; margin:0}
.destacado{width:100%; background: url(../img/sombra-slider.png) left bottom repeat-x; padding-bottom:19px; border: 1px solid #000}
.destacado img{ width:100%; }

.navidad { background-color: #fff; border: 2px solid #398c4d;  margin:0 auto 5px;-webkit-border-radius: 3px;-moz-border-radius: 3px; border-radius: 3px; width:90%}
.navidad img{ display:inline-block; vertical-align: middle; padding:3px 5px }
.navidad a{ color:#000; font-weight:bold; text-transform:uppercase}

.sanfermin { background-color: #fff; border: 2px solid #F40C10; margin:15px auto 0;-webkit-border-radius: 3px;-moz-border-radius: 3px; border-radius: 3px;width:90%; display:none}
.sanfermin img{ display:inline-block; vertical-align: middle; padding:3px 5px}
.sanfermin a{ color:#000; font-weight:bold; text-transform:uppercase}

.navidadInt { background-color: #fff; border: 2px solid #398c4d; margin:15px auto 0;-webkit-border-radius: 3px;-moz-border-radius: 3px; border-radius: 3px; width:91%; text-align:center!important}
.navidadInt img{ display:inline-block; vertical-align: middle; padding:8px 5px }
.navidadInt a{ color:#000; font-weight:bold; text-transform:uppercase}

.h10px{height:10px}

.destac-pedidos{background:url(../img/fondo-pedidos-online.gif) 2px 4px no-repeat;width:187px;height:149px;float:left;padding:120px 15px 30px;position:relative}
.destac-pedidos h3{font-size:160%}
.bot a{font-size:100%; background-color:#fff; display:block;width:166px;height:24px;text-align:center;padding-top:6px;margin:10px auto;-webkit-border-radius: 5px;-moz-border-radius: 5px; border-radius: 5px;}
.bot a:hover{background:url(../img/boton-pedidos.gif) left bottom no-repeat;color:#000!important}
.top{margin-top:55px}
.destacados{padding:20px 0 20px; margin:0px 5%; text-align:center;}
.destacados h2,#marcas h2,p.h2,.eventosHome h2{margin:5px 0 0;font-size:160%; color: #222; font-weight:400; display:block}
.destacados h2 span,#marcas h2 span,p.h2 span,.eventosHome h2 span {height:2px; background-color: #222; display: block; width:10%; margin: 15px auto 50px}
.destacados p a {background-color:#009a3d;padding:5px 15px;color:#fff;font-size:110%; border-radius:3px; position:absolute; bottom:10px; left:30%}
.destacados p a:hover {background-color:#000; text-decoration:none; }
.destacados img {-webkit-box-shadow: 0px 5px 6px -5px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 5px 6px -5px rgba(0,0,0,0.75);
box-shadow: 0px 5px 6px -5px rgba(0,0,0,0.75);}

.destac-a,.destac-b, .novedades {width:22%; margin:0; padding:5px 1.5%; display:inline-block; vertical-align:top; min-height:300px; position:relative; }
.destac-a{ padding-left: 0}
.novedades{position:relative; padding-right: 0 }
.novedadesIco{position:absolute;width:106px;height:103px;background:url(../img/ico-nuevo.png) right top no-repeat;right:0px;top:0px}

.eventosHome { text-align:center}
.eventoshome h2 { display:block; text-align:center; width:100%}
#marcas { border-top:1px solid #ddd; margin-top:30px; padding-top:30px}

.slider { position: relative}
#buscador{width:290px; height:330px; padding-bottom: 10px;  font-size: 100%; text-align: left;background:#fff;position: absolute; left: 10%; top:15%; -webkit-box-shadow: 0px 0px 22px -6px rgba(0,0,0,0.44);-moz-box-shadow: 0px 0px 22px -6px rgba(0,0,0,0.44);box-shadow: 0px 0px 22px -6px rgba(0,0,0,0.44);}

#buscador h2{color:#fff; background-color: #398c4d; font-size:110%; text-transform: uppercase; font-weight: 500; text-align:center; padding:8px 0 12px 0; margin:0 0 10px}

.buscador {margin:0 auto;width:90%; text-align: left; padding-bottom: 10px}
.buscador select{width:100%;padding:6px 2px; border-radius:3px; font-size:95%; margin:0 auto; font-weight: 600}
.buscador select:selected{ border: 2px solid #000; outline: hidden}
.buscador select option {text-transform: lowercase; }
.buscador select option:first-child {font-weight: 600}
.buscador label{ margin:8px 0 0; display: block}
.buscador input{background-color:#fff;color:#333;border-style:none; border: 1px solid #999; border-radius: 3px; width: 98%; display: block; padding: 7px 1%; font-size: 90%; margin: 8px auto;}
.buscador label.checkbox input{ margin:-3px 1% 0 0; line-height: 100%; display: inline-block; padding: 0}
.buscador label.checkbox input:focus {outline: none}
.buscador input,.buscador select { outline-color:#000}
.buscador input:-webkit-autofill {-webkit-box-shadow: 0 0 0px 1000px #fff inset;box-shadow: 0 0 0px 1000px #fff inset}
.buscador input:focus,.buscador select:focus {outline:2px solid #000; border-radius:3px;}
.buscador .nov{background:#fff;width:15px;margin:1px 5px 0 0;vertical-align:middle}
.buscador input.buscarGen{background-color:#398c4d; cursor: pointer; color: #fff; border: none; padding:10px 0; margin-top: 15px;}
.buscador input.buscarGen:hover{background-color:#222}

.buscador .boton-buscar,.buscador-int .boton-buscar{width:101px;height:30px;font:bold 110% Arial, Helvetica, sans-serif;background:url(../img/boton-buscar.gif) left top no-repeat;display:block;margin:15px auto 0;cursor:pointer;color:#333}	
.buscador .boton-buscar:hover,.buscador-int .boton-buscar:hover{	background:url(../img/boton-buscar.gif) left bottom no-repeat;	color:#000;}
img.foto-destacado{/*height:150px;*/ width:100%;margin-top:0px;margin-bottom:5px; border-bottom:1px solid #ddd}
img.cabecera { display:block; text-align:center; width:100%; margin-bottom:2px}

/*--- Paginas interiores ---- */
#contenido-int{position:relative; margin:0 5%;}

.texto{float:left;width:60%;margin:20px 0 30px 0;}
.texto p,.acc p{font-size:105%;line-height:150%}
.texto h4,.acc h4{font-size:140%;color:#009a3d;margin:0px 0 20px;font-weight:normal;clear:both;float:none}
.texto li{background:url(../img/ico-fl-gris.gif) left 5px no-repeat;padding-left:12px;font-size:110%;line-height:140%}
.fotos{width:35%;float:right;margin-top:30px}
.fotos li{float:left;margin:8px}

#map{width:99%;height:300px;border:1px solid #ccc;}
.datos{width:322px;float:right;margin:30px 0px 0 0px;font-size:105%}
.datos img,.fotos img{border:1px solid #ccc;padding:3px;margin-bottom:8px}
.datos a{color:#009a3d;font-size:110%}
.datos a:hover{text-decoration:underline}

.content{ background: url(../img/sombra-slider.png) center top repeat-x; padding-top: 25px;}
.content h2, #valores h2{margin:25px 0 0;font-size:190%; color: #222; font-weight:700; display:block; text-align: center; letter-spacing: -1px}
.content h2 span, #valores h2 span{height:2px; background-color: #222; display: block; width:10%; margin: 15px auto 30px}

.Cmarcas { display:inline-flex;  flex-flow: row wrap; justify-content: flex-start; margin: 0 0 25px 5%; align-items: center;}
.Cmarcas li{ border: 1px solid #ddd;  width:15.5%; text-align: center; font-size: 0; line-height:0; }
.Cmarcas li img{ width: 80%; margin: 0 auto; display: block; max-width:300px}

.content.empresa.calidad {padding-top:0px; text-align: center}
.content.empresa.calidad._prod { border-bottom:1px solid #ddd; padding-bottom:20px; margin-bottom:20px}
.content.empresa {padding-top:10px; text-align: center}
.content figure img { width: 100%}
.content.empresa .article { margin: 20px 5% 30px; /*border-bottom: 1px solid #ddd;*/ padding-bottom: 30px;}
.content.empresa .article h3 { margin: 0px 0 40px; font-size: 130%; font-weight:600; color: #222; text-align: left}
.content.empresa .article > h3 { margin: -15px 0 40px; color: #398c4d; text-align: center;font-size: 150%; font-weight:400;}
.content.empresa .article > h3 a{color: #398c4d}
.content.empresa.calidad .article.contact { border-bottom:1px solid #ddd}
.content.empresa.calidad .article.contact h3 { margin:30px 0 15px; display: block;color: #222; text-align: left;font-size: 140%; font-weight:600;}
.content.empresa.calidad .article.contact h3.h3 { margin-top:0}
.content.empresa .article p,.content.empresa .article li { font-size: 110%; line-height: 150%; margin-bottom: 10px; text-align: left}
.content.empresa .article p > strong { font-size: 120%; font-weight: 600}
.content.empresa .article li {  background: url(../img/ico-fl-gris.gif) left 7px no-repeat; padding-left: 13px; margin:0 2% 10px}
.content.empresa .article div, .content.empresa .article img{ display: inline-block; width: 45%; vertical-align: middle; text-align: left; }
.content.empresa .article div i {color: #398c4d; font-size:120%}
.content.empresa .article img{width: 45%; margin: 0 0 0 5%}
.content.empresa .article img.foto2 { margin: 0 5% 0 0}

.content.empresa .article div.col1Foto, .content.empresa .article div.col3Foto { width:58%;}
.content.empresa .article div.col1Foto { margin-right:2%; margin-left:0}
.content.empresa .article div.col2Foto { width:30%}
.content.empresa .article div.col1Foto, .content.empresa .article div.col2Foto{ margin-top:20px!important; }
.content.empresa .article div.col3Foto { margin-right:3%; margin-left:2%}
	 
.content.empresa .article div.col1Foto img,.content.empresa .article div.col3Foto img { width:100%; margin-left:0;}
.content.empresa .article div.col2Foto img { width:100%; margin:0;margin-bottom:20px }
.content.empresa .article div.col3Foto img { width:100%; margin-bottom:20px; margin-right:5% }

hr.borde { background-color: #ddd; margin: 35px 0 40px; height: 1px; border: none}
#valores { background-color: #eee; text-align: center; margin:0px 0 50px; padding: 10px 0 30px; display: block}
.valores { display: inline-block; vertical-align: top; width:25%; text-align: left; margin: 0 2%}
.valores h3 { font-size: 140%; font-weight: 600; margin-bottom: 15px}
.valores p{ font-size:105%; line-height: 145%; color: #333}

.icon-1,.icon-2,.icon-3{ padding-left: 30px}
.icon-1 {background: url(../img/networking.png) left top no-repeat; width: 40px; height: 40px; background-size: contain}
.icon-2 {background: url(../img/icon.png) left top no-repeat; width: 40px; height: 40px; background-size: contain}
.icon-3 {background: url(../img/quality.png) left top no-repeat; width: 40px; height: 40px; background-size: contain}

.marcas{padding-top:30px}
.marcas li{ display:inline-block; vertical-align:middle; margin:0px 0 60px; width:24%; text-align:center}
.marcas li img{ margin:2%;}

.texto2{margin:50px 5% 20px 0;width:45%;font-size:95%; float:right}
.texto2 p{line-height:150%;color:#666;font-size:110%}
.texto2 p a{color:#2d6eaf;font-size:100%}

.productos{width:695px;margin:0 0px 20px 120px;background-color:#eee}

#buscador-int{background:#004f1f url(../img/fondo-buscador.gif) 2px top repeat-x;padding:6px 0 20px;-webkit-border-radius: 5px;-moz-border-radius: 5px; border-radius: 5px;width:70%; margin:20px auto; text-align: left}
#buscador-int h3{color:#fff;font-size:140%; text-align:center; display:block; border-bottom:1px solid #fff; width:100%; margin:0 auto 0px; padding:5px 0 10px; text-transform: uppercase}
.buscador-int{margin:20px auto 0;color:#fff;font-size:110%; padding-left:3%}
.buscador-int label{margin:0 4% 10px 0;/*float:left*/ display:inline-block; vertical-align: top;width:45%}
.buscador-int label.f2 { margin-bottom: 20px; vertical-align: top}
.buscador-int input{background-color:#fff;color:#333;height:19px; padding:10px 0; width: 100%;  border-style:none; border-radius: 2px; margin-top: 8px}
.buscador-int select{width:100%;padding:8px;font-size:105%; margin: 8px 0; background-color: #fff; border: 1px solid #fff; border-radius: 2px}
.buscador-int .nov{margin:0;vertical-align:middle;width:150px;margin-right:4%; line-height:100%;}
.buscador-int .nov input{background:#fff;width:15px;margin-top:1px;vertical-align:middle; margin-bottom: 0;}
.buscador-int .boton-buscar { background:#222 none!important; border:2px solid #fff; width:300px!important; height:auto!important;-webkit-border-radius: 3px;-moz-border-radius: 3px; border-radius: 3px; color: #fff!important; padding:10px 0; display: block!important; margin: 20px auto 0!important; }

.col-d{width:35%;height:230px;float:right;margin:30px 3% 0;}
.col-d h4{font-size:140%;width:200px;float:none;margin:0px 0 8px;padding:0px;color:#666}
.col-dd{width:280px;height:230px;float:right;margin:20px 30px 0 0;background:#ddd url(../img/fondo-gris.gif) left top no-repeat;padding:20px}
.pedidosOnline{width:200px;height:150px;float:right;margin:30px 2% 20px 0;background-color:#eee;border:1px solid #ddd;padding:20px}
p.reg{color:#666;font-size:140%}

.texto2 h4{color:#333;font:bold 140% Arial, Helvetica, sans-serif;margin:5px auto;display:block;text-align:center;margin-top:20px}
.botton{width:103px;background:url(../img/fondo-boton.gif) left top no-repeat;height:32px; margin:0 auto;display:block;font-weight:bold;border-style:none!important;background-color:none!important}
.botton:hover{background:url(../img/fondo-boton.gif) left bottom no-repeat;color:#fff!important;cursor:pointer}

.acc{width:900px;padding:10px 10px 30px 10px;clear:both;display:block}
.acc ul{margin:10px 0}
.acc li{background:url(../img/ico-fl-gris.gif) left 5px no-repeat;padding-left:12px;margin-left:15px;font-size:110%;line-height:150%}
.acc a{ text-decoration:underline}

#buscador-int2{width:100%; padding:8px 0;background:#398c4d;overflow: auto; text-align: center; margin-top:35px}
	.buscador-int2{margin:0;color:#fff}
	.buscador-int2 label{width:18%; display: inline-block; vertical-align: middle}
	.buscador-int2 input{background-color:#fff;color:#333;border-style:none }
	.buscador-int2 select{padding:0px 6px;font-size:100%;width:89%; margin-top: 2px; border: 1px solid #fff; border-radius: 2px; height:30px; background-color: #fff}
	.uno,.dos,.tres{width:34px;height:34px;padding-left:35px; background-size:contain}
	.uno{background:url(../img/uno.gif) 0px top no-repeat}
	.dos{background:url(../img/dos.gif) 0px top no-repeat}
	.tres{background:url(../img/tres.gif) 0px top no-repeat}	
	
	label.codigo{width:100px;margin:0 5px 0}
	label.codigo input{height:30px; width: 100%; border-color: #fff; border-radius: 2px; padding: 0 6px; font-size: 105%}	
	
	.buscador-int2 .nov2{width:100px; margin:0 0 0 10px}
	.buscador-int2 .nov2 input{background:#fff;width:15px;margin:1px 3px 0 0;vertical-align:middle; height:22px}
	.buscador-int2 input.boton-buscar-Prod { display: inline-block; vertical-align: middle;background:#000; width:100px;height:35px;cursor:pointer; margin:0 1%; border:none; border-radius: 3px; color: #fff; text-transform: uppercase; text-align: center; font-weight: 600;}
	
	/*.buscador-int input.boton-buscar{ display: inline-block; background:url(../img/flecha-ir.gif) left top no-repeat;width:50px;height:50px;margin:0 0 0px 10px}*/

.logo_calidad { width: 300px!important; display:block; margin:0 auto}

ul.senda{margin:8px 0px 15px;display:block;border-bottom:1px dotted #ccc;padding-bottom:5px}
.senda li{display:inline;font:90% Tahoma, Geneva, sans-serif!important;color:#009a3d}	
.senda li a{color:#666;font:100% Tahoma, Geneva, sans-serif}

.prod{display:inline-block; vertical-align:top; margin:15px 1.7%;width:21%; text-align:left}
.prod:last-child{ margin-right:0; }
.prod img{ width:100%;display:block;margin-bottom:8px}
.prod h4{display:block;text-transform:uppercase;font-weight:500; margin-bottom:8px; font-size:105%!important; text-align: center; width: 100%}
.prodd { position: relative;}
.proddnv { position:absolute; width:100%; height: 52px; background-image:url(../img/ico-navidad.png); background-repeat:no-repeat; background-position:right top; }
.proddsf { position:absolute; width:100%; height: 52px; background-image:url(../img/ico-sanfermin.png); background-repeat:no-repeat; background-position:right top; }
.prodd:hover{text-decoration:underline}
.prodMov { vertical-align:middle}
.compra{background:url(../img/trolley_add.png) 8px center no-repeat;color:#390!important;text-decoration:none!important; padding-left:25px; }
.compra:hover{text-decoration:underline!important}

.paginacion{float:right;width:265px;clear:right;text-align:right;margin-right:10px}
.paginacion .tit{font-size:120%;color:#000;margin:10px 0 5px}
.paginacion p{font-size:90%;color:#999}
.pag{color:#333;padding:0 3px}
.paginacion a{color:#333}
.paginacion a:hover{ border-bottom:2px solid #222}
.bordes{display:block;border-top:none;padding:20px 0 0;width:100%; float: none; margin: 0; text-align: center}

h3.Listamigas{ /*border-bottom:1px solid #ccc;*/ float:left; color:#009a3d; padding-bottom:8px; margin-top: 20px; font-size: 140% }
h3.Listamigas a:hover{ border-bottom:2px solid #222 }

.fotoFicha{width:50%; display: inline-block; vertical-align: top;margin:10px 2% 0 }
.fotoFicha img{width:100%; max-width: 450px}
.fotoFicha li{background:url(../img/icon_search.gif) 0px 2px no-repeat;padding-left:12px;display:block;width:80px;margin:0 auto}
.fotoFicha li a{color:#666}
.fotoFicha li a:hover{text-decoration:underline}

.t-ficha{ display: inline-block; vertical-align: top;width:40%;margin:30px 0 0;padding:0;border-left-style:none; text-align: left}
.t-ficha h5{font-size:170%!important;color:#000;font-weight:normal!important}
.t-ficha p{margin-bottom:3px}
.t-ficha-bot{background-color:#000;color:#fff;padding:10px 0px;width:190px;display:block;margin-top:30px;text-align:center;font-weight:bold;border:1px solid #000}
.t-ficha-bot a{color:#fff}
.t-ficha-bot:hover{background-color:#666;color:#fff;border:1px solid #000;cursor:pointer}
p.especial { height: 52px; display:flex; align-items: center; }

p.descargar { display:block; margin-top:30px}
p.descargar img{ display:inline-block; vertical-align:middle; margin-right:5px}
p.descargar a{ text-transform:uppercase; color:#398c4d; font-weight:500}
p.descargar a:hover{ text-decoration:underline}

.volver{float:right;margin-right:10px;background:url(../img/ico-volver.gif) left 5px no-repeat;padding-left:12px;margin-top:5px;display:block}
.volver a{color:#222;font-weight:400;font-size:100%}
.volver a:hover{ border-bottom: 2px solid #222}

.pdf{display:block;margin-top:40px;clear:both;background:url(../img/ico-pdf.gif) left top no-repeat;padding-left:35px;height:25px;padding-top:5px}

.drcha{float:right;color:#666; border-bottom:1px solid #ddd; padding:10px 2% 10px 0; display:block; width:98% ; text-align:right; margin-bottom:40px}
.cerrar{background:url(../img/cancel_round.png) right center no-repeat;padding-right:20px}
.fondoVerde{background-color:#2b9741;padding:10px 0px;text-align:center;color:#fff;font-size:120%;margin-top:20px}

/* EVENTOS LISTADO */
.eventos,.eventosHome {  margin:0 auto!important; width:90%; display:flex; 
	display:-webkit-flex; /* Para navegadores webkit, como Safari */
	flex-direction: row;     
   -webkit-flex-direction: row ;
	text-align:left;
	justify-content: flex-start;
	padding:0;
	align-items: stretch;
	flex-wrap:wrap}

.ultimoEvento { display:block; color:#222; margin:30px auto 40px; background-color:#eee ; padding:40px 2%}
.ultimoEvento div,.ultimoEvento img{ display:inline-block; vertical-align: middle; width:40%; text-align:left; margin:0 2%}
.ultimoEvento img{ width:50%}
.ultimoEvento h3 { font-size:180%; color:#111; font-weight:600; margin-bottom:15px }
.ultimoEvento .fecha { font-size:95%; color:#666; margin-bottom:20px}
.ultimoEvento p {font-size:115%; line-height:150%; }
.ultimoEvento a { font-weight:600; color:#111;padding-right:20px;background: url(../img/next.png) right 5px no-repeat}
.ultimoEvento a span { display:block; margin-top:30px}

.eventosLista{ width:29%;margin:20px 2% 0;text-align:left; }
.eventosLista img{ width:100%; margin-bottom:8px}
.eventosLista h3{margin:0;display:block;font:600 130% 'Titillium Web',sans-serif;line-height:130%;margin-bottom:5px;color:#111}
.eventosLista p{ font-size:105%; color:#444; }

.eventos_navegacion {margin:60px auto 40px; text-align:center; font-size:105%}
.eventos_navegacion a { text-decoration:underline; color:#444}
.ant strong,.sig strong {display:inline-block; vertical-align: middle; padding:0 5px}

.resultados {font-weight:400; color:#000; border-left:1px solid #ddd; border-right:1px solid #ddd;padding:0 20px; margin:0 10px }
.ant,.sig {  color:#999}
.sig a { padding-right:20px;background: url(../img/next.png) right 3px no-repeat}
.ant a{ padding-left:10px;background: url(../img/prev.png) 0 3px no-repeat;}


/*-----  FICHA EVENTOS  -------*/
.volverEventos {  text-align:center}
.volverEventos span{ display:block; width:30px; height:1px; background-color:#222; margin:10px auto}
.eventosFicha { padding-bottom:30px}
.eventosFicha h2 { font-size:180%; margin:60px auto 40px; padding:0}
.eventosFicha h3 { font-size:150%; margin:40px auto; width:60%; color:#444; text-align:center; font-weight:600 }
.eventosFicha .fecha { display:block; color:#444; font-size:95%; width:60%; margin:0 auto 60px}
.eventosFicha .fecha span{ display:block; width:30px; height:1px; background-color:#ddd; margin:60px 0 20px}
.eventosFicha p,.eventosFicha ul { line-height:160%; margin:8px auto 12px; font-size:110%; width:60%; display:block; clear:both}
.eventosFicha li { background:url(../img/flecha-peq.png) left 7px no-repeat; padding-left:12px; margin:0 0 10px 20px}
.eventosFicha p a { color:#398c4d}
.eventosFicha .fto { float:left; margin-right:30px}
.eventosFicha a:hover { text-decoration:underline}
.eventoFoto { width:60%; max-width:800px; margin:20px auto; display:block; text-align:center}
.eventoFoto img { width:100%}
.eventosFicha figcaption {margin-bottom:30px; padding:10px; color:#666; font-size:85%; text-align:left}
.EventoRedes { margin:30px auto 0;width:60%}
.EventoRedes li{ background:none; margin:0; padding:0; display: inline-block!important; padding-right:5px; vertical-align:middle}
.eventosFicha ul.galeria{ margin-top:140px!important; clear:both; text-align:center}
.eventosFicha ul.galeria li { display:inline-block; width:20%; margin:10px 1%}
.eventosFicha ul.galeria li img{ width:100%}

/* -- Contacto --*/
.cont{ border-bottom: 1px solid #ddd}
.contacto ul { border-bottom:1px solid #ddd; margin-bottom: 20px; padding-bottom: 30px; width:100%; max-width:1100px; margin-left:auto; margin-right:auto}
.contacto li{ display: inline-block; text-align: left; width:23%; margin: 0 1%; vertical-align: top}
.phone,.email,.pamp,.imarc { background: url(../img/phone.png) center no-repeat; width: 66px; height: 66px; background-size: contain; display: block; margin: 0 0 15px}
.contacto li .pamp { background: url(../img/mapa-pamplona.jpg) center no-repeat}
.contacto li .imarc { background: url(../img/mapa-imarcoain.jpg) center no-repeat}
.email { background: url(../img/email.png) center no-repeat}

/*estilos de formulario */
#formulario,.gracias{width:70%;margin:30px auto;font-size:110%; text-align: left}
#formulario h3 { font-size:140%; margin-bottom: 20px; font-weight: 600; letter-spacing: -1px}
#formulario label, #formu label{display:block; vertical-align: top}
#formulario input, #formulario textarea, #formu input, #formu textarea{border:1px solid #ddd;padding:5px;color:#222;margin-bottom:8px; width: 70%}
#formulario textarea{height:50px;margin-bottom:10px}
.checklabel{margin-bottom:20px}
.check{margin-right:5px;clear:both;width:15px;border-style:none;float:left;color:#ccc}
#formulario a{color:#666;border-bottom:1px dotted #666}
#formulario a:hover{border-bottom:1px solid #666;text-decoration:none}
.gracias{padding:60px 30px;line-height:180%}
.gracias a{display:block;margin:10px 0;text-decoration:underline}
.gracias a:hover{color:#cc0000}

#formulario .form-group{ margin:10px 0}
#formulario .form-group label{ display: inline-block; vertical-align: middle; width: 15%}
#formulario .form-group input{display: inline-block; vertical-align: middle; width: 80%;font:100% Segoe, "Segoe UI", Arial;padding:1.5% 2%; -webkit-box-shadow: inset 0px 0px 25px -15px rgba(0,0,0,0.75);-moz-box-shadow: inset 0px 0px 25px -15px rgba(0,0,0,0.75);box-shadow: inset 0px 0px 25px -15px rgba(0,0,0,0.75);}
#formulario .form-group textarea{display: block; width:95%; padding: 2%; height: 100px; -webkit-box-shadow: inset 0px 0px 25px -15px rgba(0,0,0,0.75);
-moz-box-shadow: inset 0px 0px 25px -15px rgba(0,0,0,0.75);box-shadow: inset 0px 0px 25px -15px rgba(0,0,0,0.75);font:100% Segoe, "Segoe UI", Arial}
#formulario .form-group label.txtConsulta { display: block; width:80%; margin-bottom: 10px}
#formulario .form-group input:focus,
#formulario .form-group textarea:focus,
#formulario button:checked{-webkit-box-shadow: 0px 0px 18px -6px rgba(12,158,17,0.97);-moz-box-shadow: 0px 0px 18px -6px rgba(12,158,17,0.97); box-shadow: 0px 0px 18px -6px rgba(12,158,17,0.97); outline-color: #398c4d}
#formulario .form-group label.checklabel{ width: 100%; font-size: 90%}
#formulario .form-group input.check{margin:1px 5px 0 0;width:15px;border-style:none;float:left;color:#ccc}
#formulario button { background: #398c4d none; padding:0 5%; display: block; width: 250px; border-radius: 2px; color: #fff; font:500 110% Segoe, "Segoe UI", Arial; height:50px}
#formulario button:hover { background: #245931 none}


#formu{background:#eee url(../img/fondo-cajas.jpg) left top repeat-x;border:1px solid #ccc;width:30%;margin:20px 0 20px 5%;padding:25px 5% 15px;font-size:110%;float:left}
#formu input{border:1px solid #ccc;background-color:#fff;color:#333333;margin-bottom:20px!important;padding:3px;}
#formu input.bottonAcc{border:1px solid #555;background:#555 none;color:#fff!important;margin:0 auto;padding:5px 0; width:100px; display:block; font-weight:bold;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius:5px; font-family:Arial, Helvetica, sans-serif; cursor:pointer}
#formu input.bottonAcc:hover{border:1px solid #000;background:#000 none;color:#fff!important;}

/*politica-cookies*/
.politica-cookies { text-align: left;width:90%;margin:10px auto; font-size: 1rem; }
.politica-cookies h3{ font-size: 1.3rem; margin: 15px 0 15px}
.politica-cookies h4{ font-size: 1.1rem; display: block; margin: 20px 0 20px 10px; float: none; text-transform: none; border-left: 5px solid #222; padding-left: 5px}
.politica-cookies p{ line-height: 1.5rem}
.cfEa3L { margin-left: 10px;}
.politica-cookies button { padding: 10px 5%; background-color: #666666; color: #eeeeee; font-size: 1rem;margin-top: 20px; border: none; border-radius: 3px; margin-right: 5px; cursor: pointer}

/* -- Pie -- */
.intro { background-color: #efefef; text-align: center;padding: 25px 0; margin:25px 0}
.intro h2{font-size:160%; color: #222; font-weight:500; margin-bottom: 20px;}
.intro img,.intro .textoIntro { display:inline-block; width: 50%; vertical-align: middle; text-align: left; font-size: 110%; line-height: 160%}
.intro p { margin-bottom: 15px; line-height: 150%}
.intro img { width:40%; max-width: 315px; margin-right: 5%}

#marcas{ margin: 40px 5%;display:block; text-align:center}
#marcas li{ display:inline-block; vertical-align:middle; margin:0 2%}
#marcas li img{ height: 60px}
.marcasProd { border-top: 1px solid #eee; padding-top: 25px}

/* -- Pie -- */
#pie { clear:both; text-align:center}
.pie { width:100%; margin:0 auto; background-color:#dededb; padding:20px 0; text-align: center;display: flex; flex-flow: row no-wrap; justify-content:space-around; align-items: center}
address,#pie p.telef,p.mail,p.horario,.pie img,.pie .instagram_pie  { text-align:left; display:inline-block; padding:8px 0 8px 75px; font-size:100%; font-style:normal; vertical-align:middle; margin:0; color: #222; line-height: 140%}
address { background:url(../img/ico-ubicac.png) left center no-repeat}
#pie p.telef { background:url(../img/ico-tel.png) left center no-repeat;}
.horario { background: url(../img/ico-horario.png) left center no-repeat}
.pie .instagram_pie { padding:8px 0}
.pie .instagram_pie img{ border:1px solid #222; border-radius:50px; padding:5px; margin:0; width:24px }
#pie .instagram_pie a{ color:#222; font-size:100% }
#pie .instagram_pie a:hover{ text-decoration:none}
#pie strong { font-weight: 700; font-size: 110%}
#pie a{ color:#222; font-size:0.9rem}
#pie a:hover{ text-decoration:underline}
.inf { padding:10px 0 20px; margin:0 auto}
.inf p{ color: #666666!important}

@media only screen and (min-width:1500px){
#contenido { background: url(../img/sombra-slider.png) center top repeat-x}
.bx-wrapper,.content figure {width:90%;margin: 0 auto!important}
#buscador { top: 25%}
}
@media only screen and (max-width:1190px) {
.mostrarM { display:block}
.buscador-int2 { overflow: hidden}
.buscador-int2 label{margin:0 0 0 1%;width:190px}
label.codigo{width:100px}
.buscador-int2 .nov2{width:100px; margin:20px 0 0 3%; text-align: left}
.buscador-int2 input.boton-buscar-Prod { float: right; width:100px;margin:14px 3% 0 0}
}

@media only screen and (max-width:1100px) {
#buscador { top:18%}
.pie { align-items: flex-start}
address {margin-left:0}
address,#pie p.telef,p.mail,p.horario,.pie img{ background-size: 30px; padding-left:45px; font-size: 100%; vertical-align: top}
address span { display:block;height: 1px}
#marcas { margin: 30px 2%}
#marcas li img{ height:50px}
.pie .instagram_pie img{ vertical-align:middle}
}

@media only screen and (max-width:950px) {
#buscador{ top:12%}
.bxslider li span { width:40%; top:25%; left:50%}

}

@media only screen and (max-width:850px) {
#contenedor{width:100%;}
.destacados{padding:10px 0 20px;  margin:0px 3%; text-align:center}
.with-sidebar .site-pusher {-webkit-transform: translateX(250px);transform: translateX(250px)}
.with-sidebar .site-cache {position: absolute;top: -12px;left: 0;right: 0;bottom: 0;background-color: rgba(0, 0, 0, 0.6); z-index:9999}  
.site-pusher, .site-container {height: 100%}
.site-container { overflow: hidden}
.site-pusher { -webkit-transition-duration: 0.3s;transition-duration: 0.3s;-webkit-transform: translateX(0px);transform: translateX(0px)}

header#head {position: static;height: auto; padding:0 }/**/
header#head h1 {margin:12px 0 10px}
.header_icon {position: relative; display: block;float: left;width:36px;height:35px;cursor: pointer; margin:50px 10px 0 5px;border:1px solid #fff;}

.headTop{ background-color: transparent;padding:0; position: absolute; top:2.1rem; right:0.5rem; width:180px; height:30px; }
.headTop p{ background: url(../img/phone-call-2.png) left 6px no-repeat; padding:3px 0 5px 20px; color: #222; display: inline-block; width:120px; background-size:18px; font-size: 1.05rem; font-weight: 500; text-align: left} 
.headTop a{ color:#000;}
.instagram_top { display: none}
header#head h1 {margin:19px 0 10px; float: left}  
.header_icon {margin:29px 1.5rem 0 1rem;}
.header_icon:after {content: ''; position: absolute;display: block;width: 1.3rem;height:0;top:0px;left:9px;box-shadow: 0 10px 0 1px #000, 0 18px 0 1px #000, 0 26px 0 1px #000; }
    
.menu {position: absolute;left: 0;top: 0px;bottom: 0;background: #000 none; height:100%; width: 250px;-webkit-transform: translateX(-250px);transform: translateX(-250px)}
.menu ul{ margin:0; padding:0;padding-top:6px; text-align:left}
.menu li:first-child {display:block;}
.menu li {padding:10px;color:#fff;display:block;border-bottom:1px solid #333}
.menu li a {color:#fff;}
.menu li.activo { margin:0; padding:10px 15px;color:#94df00;border-bottom:1px solid #333}
.menu li a:hover {color:#999}
.menu li:first-child {display:block}

.bxslider li span { width:65%; font-size:180%; padding:0; top:38%; left: 17%; display:block; text-align: center }

.intro { padding: 15px 0; margin:25px 0}
.intro h2{font-size:140%; margin-bottom: 20px;}
.intro img,.intro .textoIntro { display:block; width:90%; margin: 0 auto}
.intro img { width:190px; margin: 0 auto}

#contenido-int{width:100%; margin: 0}

.destacado{float:none;width:90%; margin:0 auto}
.destac-a,.destac-b, .novedades {width:40%; margin:2%; min-height:inherit}
.destacados{padding:0; margin:0px auto; width: 90%}
.destacados h2 { padding-bottom: 0}
.destacados h2 span{ margin-bottom: 0}
.destacados p a { position: static; bottom:0; left:0; margin:0 auto}

.bx-wrapper { background:none; padding-bottom:1px}
#buscador{color:#fff; background-color: #398c4d; width: 100%; height: auto; margin:0 auto; position: static; padding-bottom: 0}
#buscador h2{ background-color: transparent; margin:0 0 8px 0; font-size: 160%; font-weight: 400; text-transform: none}
.buscador select{ background-color: #fff;border: 1px solid #fff;}
.buscador select options{}
.buscador input{border: 1px solid #fff}
.buscador label.checkbox input{ border: none;}
.buscador input.buscarGen{background-color:#222; margin-top: 15px;}
.buscador input.buscarGen:hover{background-color:#000}
.buscador .boton-buscar,.buscador-int .boton-buscar{width:101px;height:30px;font:bold 110% Arial, Helvetica, sans-serif;background:url(../img/boton-buscar.gif) left top no-repeat;display:block;margin:15px auto 0;cursor:pointer;color:#333}	
.buscador .boton-buscar:hover,.buscador-int .boton-buscar:hover{	background:url(../img/boton-buscar.gif) left bottom no-repeat;	color:#000;}

.navidad { border: 2px solid #3f6648; color: #3f6648}

.dis{background:none; display:block;padding:8px 0;font-size:140%; clear:both; width:100%; text-align:center}
#marcas { margin: 20px 1%}
#marcas li{ margin:5px}

#pie { margin-top:25px}
.pie { flex-flow: wrap}
address, p.telef,p.horario,p.instagram_pie { text-align:left; width:90%;margin:0; padding:8px 0 8px 90px; float: none; clear:both; font-size:100%}
address,#pie p.telef,p.mail,p.horario,.pie img  { padding:0 0 8px 35px; line-height: 140%; background-position: left 5px; background-size:25px}
p.instagram_pie { width:95%}

#pie .telef strong { font-size: 100%}
#pie .inf span { display: block; color: #fff; height: 1px; font-size: 1px; line-height: 0; overflow: hidden}
#pie address span { display: inline;height: inherit; color: #000}

.acc,.texto,.fotos{width:95%;padding:10px 0 0; margin:0 auto; float:none}
.occ { display:none}
tr.mov {  background-color:#0C3; display:block}
.drcha{float:none;}

.col-d{height: auto;padding:2% 0; }
#formu{background:#eee none;border:1px solid #ddd;width:95%;margin:20px auto;padding:20px 0 10px;height: auto;float:none; }
#formu label,#formu input{ width:80%; margin:0 auto; display:block; float:none}

#formulario,.gracias{width:90%;margin:20px auto;font-size:100%}
.contacto ul { border-bottom:1px solid #ddd; margin-bottom: 20px; padding-bottom:0; text-align: center}
.contacto li{ text-align: left; width:45%; margin: 0 1% 20px 0}
.phone,.email,.pamp,.imarc {margin: 0 10px 15px 0; float: left}

.notas{background-color:#fff;border:none;color:#333;padding:20px 3% 10px}
h3.Listamigas{ float:none; color:#009a3d; padding-bottom:8px; }
.paginacion{float:none;width:100%;text-align:center;margin-right:0px}
.prod{ margin:10px 3%; padding: 0; width:40%; text-align:center; font-size: 90%; line-height: 120%}
.prod img{width:95%; max-width: inherit; margin:0 auto}

.Cmarcas li{ width:31%}

#buscador-int2{ width:98%;  margin: 0 auto; text-align: left}
.buscador-int2 label{margin:0 1% 0; width: 25%}
.buscador-int2 input{background-color:#fff;color:#333;border-style:none }
.buscador-int2 select{padding:0px 1%; margin-left:3%; font-size:100%;width:96%; height:30px}
.buscador-int2 .nov2{width:100px; margin:20px 0 0 15px}
.buscador-int2 .nov2 input{background:#fff;width:15px;margin:1px 3px 0 0;vertical-align:middle; height:22px}
.buscador-int2 input.boton-buscar-Prod {height:30px; width: 100px}
label.codigo{width:30%;margin:14px 5px 0 1.5%}
label.codigo input{height:30px}	

.fotoFicha{width:90%;float:none;margin:10px auto;text-align:center; padding:0}
.fotoFicha img{ width:100%; max-width:400px;/*border:1px solid #ddd;*/padding:0}
#example2 { display:none}

.t-ficha{float:none;width:90%;margin:10px auto;padding:0px;}
.t-ficha h5{font-size:170%!important;color:#000;font-weight:normal!important}
.t-ficha p{margin-bottom:3px}
.t-ficha-bot{background-color:#000;color:#fff;padding:10px 0px;width:190px;display:block;margin-top:30px;text-align:center;font-weight:bold;border:1px solid #000}
.t-ficha-bot a{color:#fff}
.t-ficha-bot:hover{background-color:#666;color:#fff;border:1px solid #000;cursor:pointer}
p.especial { height: 52px; display:flex; align-items: center}
.content.empresa .article div, .content.empresa .article img{ vertical-align: top}

/* EVENTOS LISTADO */
.eventos { width:90%; display:block}
.ultimoEvento { margin:0 auto 40px; padding:40px 2%}
.ultimoEvento div,.ultimoEvento img{ display:block; width:90%; margin:0 auto}
.ultimoEvento img{ width:90%; margin-bottom:20px}
.ultimoEvento h3 { font-size:180%; color:#111; font-weight:600; margin-bottom:15px }
.ultimoEvento .fecha { font-size:95%; color:#666; margin-bottom:20px}
.ultimoEvento p {font-size:115%; line-height:150%; }
.ultimoEvento a { font-weight:600; color:#111;padding-right:20px;background: url(../img/next.png) right 5px no-repeat}
.ultimoEvento a span { display:block; margin-top:30px}
.eventosLista{ width:45%;margin:20px 2% 0;text-align:left; display:inline-block; vertical-align:top}
.eventosLista img{ width:100%; margin-bottom:8px}
.eventosLista h3{margin:0;display:block;font:600 130% 'Titillium Web',sans-serif;line-height:130%;margin-bottom:5px;color:#111}
.eventosLista p{ font-size:105%; color:#444; }
.eventos_navegacion {margin:60px auto 40px; text-align:center; font-size:105%}
.eventos_navegacion a { text-decoration:underline; color:#444}
.ant strong,.sig strong {display:inline-block; vertical-align: middle; padding:0 5px}

.resultados {font-weight:400; color:#000; border-left:1px solid #ddd; border-right:1px solid #ddd;padding:0 20px; margin:0 10px }
.ant,.sig {  color:#999}
.sig a { padding-right:20px;background: url(../img/next.png) right 3px no-repeat}
.ant a{ padding-left:10px;background: url(../img/prev.png) 0 3px no-repeat;}


/*-----  FICHA EVENTOS  -------*/
.eventosFicha { padding-bottom:0}
.eventosFicha h2 { margin:20px auto; line-height:110%}
.eventosFicha h3{ width:80%}
.eventosFicha .fecha { width:90%}
.eventosFicha .fecha span{margin:40px 0 20px}
.eventosFicha p,.eventosFicha ul {margin:8px auto 12px; width:90%; display:block; clear:both}
.eventosFicha ul.galeria{ margin-top:30px!important}
.eventosFicha li { margin:0 0 10px 20px}
.eventosFicha .fto { float:none; display:block; margin:0 auto 20px; width:100%; max-width:550px!important}
.eventoFoto { width:90%}
.EventoRedes { margin:30px auto 0;width:60%}
.EventoRedes li{ background:none; margin:0; padding:0; display: inline-block!important; padding-right:5px; vertical-align:middle}
}

@media only screen and (max-width:650px) {
header#head h1 {margin:15px 0 12px; }
header#head h1 img{width:70%; max-width: 200px}
.header_icon {margin:20px 1rem 0 0.5REM;}
.header_icon:after {width: 1.3rem;left:9px; }    
.headTop{top:2.0rem; right:0rem; width:150px; }
.headTop p{ padding:3px 0 5px 25px; width: 115px;} 
    
    
.content.prodTit h2{ margin-top:-10px}
#buscador-int{background:#398c4d none;width:90%; margin:10px auto 20px}
#buscador-int2 { margin-top:-10px}
.buscador-int2 label{ width:30%}
.buscador-int2 select{ padding:0 3px;width:100%;height:30px}
.uno,.dos,.tres{width:34px;height:34px;padding-left:0; background: none}
	
.content.empresa .article div, .content.empresa .article img,
.content.empresa .article div.col1Foto, .content.empresa .article div.col3Foto,.content.empresa .article div.col2Foto  { width:100%; margin:0 auto}
.content.empresa .article div.col1Foto { margin-right:auto}
.content.empresa .article div.col1Foto, .content.empresa .article div.col2Foto{ margin-top:20px!important; }
.content.empresa .article div.col3Foto { margin-right:auto; margin-left:auto}
.content.empresa .article div.col1Foto img,.content.empresa .article div.col3Foto img { margin-left:auto;}
.content.empresa .article div.col3Foto img {  margin-bottom:20px; margin-right:auto }
.content.empresa .article div { margin:12px auto}
}

@media only screen and (max-width:420px) {
header#head {position: static;height:40px; padding:0 }
header#head h1 {margin:15px 0 12px; }
header#head h1 img{width:130px}
.header_icon {position: relative; display: block;float:left;width:36px;height:35px;cursor: pointer; margin:12px 10px 0 10px;border:1px solid #fff}
.headTop{top:20px}
.headTop p{ font-size: 0.98rem;padding-top:5px} 
    
.slider { width:90%; margin: 15px auto}
.bxslider li span { width:90%; font-size:140%; padding:0; top:25%; left:5%; line-height: 120% }
.bx-wrapper .bx-prev,.bx-wrapper .bx-next { display: none}
.bx-wrapper .bx-pager,.bx-wrapper .bx-controls-auto {bottom:0px}
#buscador{margin:15px auto; padding-bottom: 0}
.destacados h2 span,#marcas h2 span,.content h2 span { width:30%; }
.Cmarcas { text-align: center; width: 95%; margin: 0 0 0 5%}
.Cmarcas li{ width:45%; margin: 0; border-bottom: none}
.Cmarcas li:last-child{ border-bottom: 1px solid  #ddd}
.destacados h2,#marcas h2,.content h2{margin:15px 0 0;font-size:140%}
.content.empresa .article h3 { margin:20px 0; line-height: 120%}
.content.empresa .article > h3 { margin: -15px 0 30px; font-size: 130%}
.content.empresa .article p > strong { font-size: 110%}
.content.empresa .article div, .content.empresa .article img{ display: block; width:100%; margin: 0 auto}
.content.empresa .article img.foto2 { margin: 0 auto}
hr.borde {margin:15px 0}

#valores { margin:-30px 0 20px; padding:5px 0 10px}
#valores h2{ font-size: 160%}
.valores { display: block; width:85%; margin: 0  auto 20px}
.valores h3 { font-size: 120%}

.icon-1,.icon-2,.icon-3{ padding-left: 30px}
.icon-1 {background: url(../img/networking.png) left top no-repeat; width: 40px; height: 40px; background-size: contain}
.icon-2 {background: url(../img/icon.png) left top no-repeat; width: 40px; height: 40px; background-size: contain}
.icon-3 {background: url(../img/quality.png) left top no-repeat; width: 40px; height: 40px; background-size: contain}
.logo_calidad { width:100px!important; margin:0 auto}

.contacto ul { border-bottom:1px solid #ddd; margin-bottom: 20px; padding-bottom:0}
.contacto li{ display: block; text-align: left; width:90%; margin: 0 auto 20px; overflow: auto}
.contacto li:last-child { padding-top:15px}
.phone,.email,.pamp,.imarc {margin: 0 20px 15px 0; display: inline-block; vertical-align:middle}

#formulario .form-group{ margin:10px 0}
#formulario .form-group label{ display: block; width: 94%; margin:0 auto 5px}
#formulario .form-group input{display: block; width:90%;padding:8px 2%; margin: 0 auto 10px}
#formulario .form-group textarea{display: block; width:90%; padding:8px 2%; margin: 0 auto}
#formulario .form-group label.txtConsulta { display: block; width:94%; margin: 0 auto 10px}
#formulario .form-group label.checklabel{ width:94%; font-size:80%; margin: 0 auto}
#formulario .form-group input.check{margin:-3px 5px 0 0}
#formulario button { padding:0; width:95%; margin:20px auto }

.buscador-int{ padding-left:0}
.buscador-int label{margin:0 auto 3px;display:block; width:90%}
.buscador-int label.f2 { margin-bottom:3px}
.buscador-int .nov{margin:15px 0 0 4%}

figure.cabeceraProd { diplay:none!important; /*visibility: hidden*/}

/* EVENTOS LISTADO */
.eventos { width:100%}
.ultimoEvento { margin:0 auto 40px; padding:30px 2% 20px}
.ultimoEvento h3 { font-size:150%; margin-bottom:15px; line-height:130% }
.ultimoEvento p {font-size:110%; line-height:145%; }
.ultimoEvento a span {margin-top:15px}

.eventosLista{ width:90%;margin:0px auto 30px; display:block; border-bottom:1px solid #ddd; padding-bottom:20px }
.eventosLista img{ margin-bottom:10px}
.eventosLista p{ font-size:100%}
.eventos_navegacion {margin:30px auto 30px; font-size:100%}

/* EVENTOS FICHA */
.eventosFicha p,.eventosFicha ul { line-height:140%; font-size:100%}
.eventosFicha ul.galeria li {width:45%; text-align:center; padding:0}

address, p.telef,p.horario,p.instagram_pie { width:77%;margin:0 auto; padding:8px 0 8px 90px; float: none; clear:both; font-size:100%}
address,#pie p.telef,p.mail,p.horario,.pie img  { padding:0 0 8px 35px; line-height: 140%; background-position: left 5px; background-size:25px}
p.instagram_pie { width:90%}

}