/* RESTART */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {margin:0;padding:0;}
table {border-collapse:collapse;border-spacing:0;}
fieldset,img {border:0;}
address,caption,cite,code,dfn,th,var {font-style:normal;font-weight:normal;}
ol,ul {margin-left:20px;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6 {font-size:100%;font-weight:bold;}
q:before,q:after {content:'';}
abbr,acronym {border:0;}
* {outline: none;}


/* HTML TAGS */
body {background-color:#fff;color:#222;font-family:"Roboto", Verdana, Arial, Helvetica, sans-serif;font-size:1.0em;line-height:150%;}
a {color:#f60;text-decoration:none;}
a:hover {text-decoration:underline;}
p {margin-bottom:10px;}
ul, ol {margin-bottom:20px}
ul li, ol li {margin-bottom:10px}
h1 {font-size:1.5em !important;margin-bottom:20px !important;text-transform:uppercase;font-family:"Open Sans"}
h2 {font-size:1.4em !important;margin-bottom:18px !important;color:#666;}
h3 {font-size:1.3em !important;margin-bottom:16px !important;}
h4 {font-size:1.2em !important;margin-bottom:14px !important;}
h5 {font-size:1.1em !important;margin-bottom:12px !important;}
input {width:90%;padding:8px;border:1px solid #dedede;background-color:#fff;}
input.check {width:20px;height:20px;padding:0;border:0;vertical-align:middle;}
input.captchacode {margin-left:10px;width:48%;text-align:center;}
input.boton {width:96%;cursor:pointer;background-color:#f60;color:#fff;border:1px solid #f60}
input.boton:hover {background-color:#fff;color:#222;}
textarea {width:92%;height:190px;padding:10px;border:1px solid #dedede;}
hr {border:0;color:#222;background-color:#222;height:1px;width:100%;text-align:center;padding:0;}
img.responsive {width:100%;height:auto;}

/* PLANTILLA */
.wrapper {min-width:320px;width:100%;max-width:1280px;overflow:auto;margin:0 auto;box-sizing:border-box;padding:0 10px;}
.no-movil {display:none}
.inputError {border:2px solid #222;}
.piedefoto {margin-top:-7px;padding:1px 5px;font-size:0.85em;background-color:#f60;color:#fff;text-align:left;}
.peque {font-size:0.85em;}
.mayusculas {text-transform:uppercase}
.error {font-weight:bold;color:#f00;}
.derecha {text-align:right;}
.centrado {text-align:center;}
.oculto {display:none;}
.naranja {color:#f60;}
.solo-movil {display:block !important;}
a.boton {display:inline-block;padding:5px 10px;background-color:#222;color:#fff;}
a.boton:hover {background-color:#f60;text-decoration:none;}
ul.listaiconos {list-style-type:none;margin-left:0;}
ul.listaiconos li {background:url(../images/validar.png) no-repeat left 5px;padding-left:20px;margin-bottom:15px;}
header {width:100%;margin:20px auto 0 auto;background-color:#fff;box-sizing:border-box;}
header .hd-left {float:left;font-size:1.1em;margin-top:-2px;}
header .hd-left a {text-decoration:none}
header .hd-left .vinx {font-weight:bold;margin-right:8px;color:#222;}
header .hd-left .vinx span  {color:#f60;}
header .hd-right {height:50px;text-align:right;}
#formBuscador input#q {width:200px;padding:3px;margin-left:15px !important;}
#formBuscador #qbuscar {float:right;margin:1px 0 0 5px;}
#breadcrumb {width:100%;background-color:#222;box-sizing:border-box;color:#fff;margin-top:16px}
#breadcrumb .bc-caja {background-color:#f60;height:45px;box-sizing:border-box;padding:10px 20px;margin:30px 0;display:inline-block;font-size:0.9em;}
#breadcrumb .bc-caja img {vertical-align:middle;}
#breadcrumb .bc-caja a {color:#fff}
#breadcrumb .bc-caja a:hover {text-decoration:none;}
#contenido {margin-top:20px;}
#contenido a.leermas {display:inline-block;background-color:#222;color:#fff;padding:5px 10px;}
#contenido a.leermas:hover {text-decoration:none;background-color:#f60;}
#contenido a.colaboradores {display:block;width:100%;box-sizing:border-box;font-size:0.9em;margin:5px auto;text-align:center;background-color:#222;color:#fff;padding:5px 10px;border:1px solid #dedede;}
#contenido a.colaboradores:hover {text-decoration:none;background-color:#f60;}
#redes-sociales {margin:20px auto;}
#redes-sociales .addthis_sharing_toolbox {height:48px;}
footer {width:100%;padding:40px 0 20px 0;margin-top:20px;background-color:#f60;color:#fff;box-sizing:border-box;font-size:0.9em;}
footer a {color:#fff;}
footer a:hover {color:#222;text-decoration:none;}
footer b {font-size:1.2em}
footer img {vertical-align:top;}
footer .ft-copyright {margin:10px auto;font-size:0.9em;}
footer input {border:2px solid #fff;}
footer input.boton {background-color:#222;border:1px solid #222}
footer textarea {border:2px solid #fff;width:90%;height:70px}
#scrollToTop {position:fixed;height:10px;width:10px;background:#222 url(../images/flecha-up.png) no-repeat center center;bottom:0;right:18px;display:none;opacity:0.9;padding:10px;}

/* MENU */
header .nav, .nav ul {margin:0;list-style-type:none;}
header .nav a {display:block;text-decoration:none;color:#000;}
header .nav a:hover, header .nav li.activo a {color:#f60;}
header .nav li {display:inline-block;margin:0 3px;text-transform:uppercase;font-size:0.9em;} 
header .nav ul {position:absolute;width:200px;top:64px;display:none;box-shadow: 10px 10px 5px #222;}
header .nav ul a {background-color:#fff;width:200px;color:#000 !important;text-align:left;margin-left:-10px;padding:5px 5px 6px 5px;border-bottom:1px solid #222;text-transform:none;font-size:1.1em;}
header .nav li.clientes ul, header .nav li.clientes ul a {width:340px}
header .nav ul a:hover {color:#f60 !important;}
header .nav ul ul{width:12em;top:auto;}
header .nav li ul ul {margin:0 0 0 16em;}
header .nav li:hover ul ul, #nav li:hover ul ul ul, #nav li:hover ul ul ul ul {display:none;}
header .nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li li li li:hover ul {display:block;}

/* MENU RESPONSIVE */
a.meanmenu-reveal {display:none;}
.mean-container .mean-bar {width:100%;overflow:hidden;position:relative;background:#f60;padding:4px 0;min-height:38px;z-index:999999;color:#fff;margin-top:-5px;font-size:0.8em}
.mean-container a.meanmenu-reveal {width:22px;height:22px;padding:13px 13px 11px 13px;position:absolute;top:0;right:0;cursor:pointer;color:#ffffff !important;text-decoration:none;text-indent:-9999em;line-height:22px;display:block;}
.mean-container a.meanmenu-reveal span {display:block;background:#ffffff;height:3px;margin-top:3px;}
.mean-container .mean-nav {float:left;width:100%;background:#f60;margin-top:33px;}
.mean-container .mean-nav ul {padding:0;margin:0;width:100%;list-style-type:none;}
.mean-container .mean-nav ul li {position:relative;float:left;width:100%;margin-top:10px}
.mean-container .mean-nav ul li a {display:block;float:left;width:90%;padding:0.15em 5% 0.5em 5%;margin:0;text-align:left;color:#ffffff;border-bottom:1px solid rgba(255,255,255, 0.9);text-decoration:none;font-size:1.1em;}
.mean-container .mean-nav ul li li a {width:80%;line-height:32px !important;padding:0.2em 10%;background-color:#f60;border-bottom:1px solid rgba(214,214,214, 0.9);text-shadow:none !important;visibility:visible;}
.mean-container .mean-nav ul li.mean-last a {border-bottom:none;margin-bottom:0;}
.mean-container .mean-nav ul li li {margin-top:0}
.mean-container .mean-nav ul li li li a {width:70%;padding:0.2em 15%;}
.mean-container .mean-nav ul li li li li a {width:60%;padding:1em 20%;}
.mean-container .mean-nav ul li li li li li a {width:50%;padding:1em 25%;}
.mean-container .mean-nav ul li a.mean-expand {width:22px;height:26px;border:none !important;padding:1px 12px !important;text-align:center;position:absolute;right:0;top:0;z-index:2;font-weight:700;}
.mean-container .mean-push {float:left;width:100%;padding:0;margin:0;clear:both;}
.mean-nav .wrapper {width:100%;padding:0;margin:0;}

/* HOME */
#home {margin-top:16px;}
#home #home-banner {border-radius:5px;box-shadow:0 0 15px #ccc;background:#fff;width:100%;height:300px;background:url(../images/fondo-vinx.jpg) no-repeat center center;background-size:cover;margin-bottom:40px;}
#home #home-banner .home-slogan {display:inline-block;color:#000;text-shadow: 2px 2px #fff;font-weight:bold;font-size:1.2em;line-height:150%;padding:10px;font-style:italic;}
#home #home-servicios {width:100%;overflow:auto;margin:30px 0;}
#home #home-servicios .caja {width:100%;overflow:auto;margin:10px 0;}
#home #home-servicios .caja img {float:left;margin:0 0 10px 0;transform:scale(0.8);transition: all 500ms ease-in-out;}
#home #home-servicios .caja:hover img {transform:scale(1);transition: all 500ms ease-in-out;}
#home #home-servicios .caja h3 {margin-top:15px;font-size:1em !important}
@keyframes homeslogan {from {opacity: 0;} to {opacity: 1;}}
@keyframes homeslogan1 {from {opacity: 0;} to {opacity: 1;}}
@keyframes homeslogan2 {0%{opacity: 0;} 50% {opacity: 0.0;} 100%{opacity: 1;}}
@keyframes homeslogan3 {0%{opacity: 0;} 75% {opacity: 0.0;} 100%{opacity: 1;}}
#home #home-banner #home-slogan1 {animation-name: homeslogan1;animation-duration: 4s;}
#home #home-banner #home-slogan2 {animation-name: homeslogan2;animation-duration: 6s;}
#home #home-banner #home-slogan3 {animation-name: homeslogan3;animation-duration: 8s;}
#home #home-carrusel .thumb {box-sizing:border-box;position:relative;margin:10px;}
#home #home-carrusel .thumb .caption {display:none}
#home #home-carrusel .thumb:hover .caption {display:block;font-size:0.9em;position:absolute;overflow:hidden;width:300px;height:300px;background-color:#000;color:#fff;opacity:0.9;box-sizing:border-box;padding:10px;}
#home #home-ventajas {width:100%;overflow:auto;margin:40px 0;}
#home #home-destacados {width:100%;overflow:hidden;margin:40px 0;}
#home .listado .caja {display:block;margin-bottom:25px;border-top:1px solid #222;width:100%;overflow:hidden}
#home .listado .caja .imagen {display:none;float:right;width:150px;margin:10px 0 25px 10px;max-height:300px;overflow-y:hidden;}
#home .listado .caja .texto {margin-bottom:25px;}
#home .listado .caja .texto h3 {margin:5px 0}
#home #cargandoRedes {margin:10px 0 60px 0;text-align:center;height:210px;padding-top:40px;box-sizing:border-box;}
#home #contenedorRedes {margin:10px 0 60px 0;}
#home #contenedorRedes .cajaRedes {padding:10px;box-sizing:border-box;font-size:0.8em;height:210px;}
#home #contenedorRedes .cajaRedes .wrapperRedes {width:100%;overflow:hidden;height:65px;}
#home #contenedorRedes .cajaRedes .iconoRedes {width:10%;float:right;margin-top:5px;text-align:right;}
#home #contenedorRedes .cajaRedes .iconoRedes img {width:18px;height:18px;}
#home #contenedorRedes .cajaRedes .perfilRedes {width:90%;float:left;margin-bottom:10px;font-weight:bold;}
#home #contenedorRedes .cajaRedes .perfilRedes img {float:left;margin:0 10px 10px 0;width:40px;height:40px;}
#home #contenedorRedes .cajaRedes .textoRedes {height:95px;overflow:hidden;padding-bottom:15px;}
#home #contenedorRedes .gris-claro {background-color:#fff;}
#home #contenedorRedes .gris-oscuro {background-color:#efefef;}
/*#home #contenedorRedes .slick-list img{max-width:40px;height:40px;} */
	
/* TEXTOSWEB */
#textosweb .dimagen {float:right;margin:0 0 10px 20px;max-width:40%;box-shadow: 5px 5px 5px #222;}
#textosweb .dimagen img {width:100%;height:auto;}
#textosweb #textosweb-colaboradores {width:100%;overflow:auto;}
#textosweb #textosweb-colaboradores .caja {box-sizing:border-box;width:300px;margin:10px auto;}
#textosweb #textosweb-colaboradores {width:100%;overflow:hidden;}
#textosweb #textosweb-colaboradores:after{content: '';display: inline-block;width:100%;box-sizing:border-box;}
#textosweb #textosweb-colaboradores .caja {width:100%;margin:0 0 20px 0;border:1px solid #dedede;padding:10px;box-sizing:border-box;vertical-align:top;display:inline-block;}
#textosweb #textosweb-colaboradores .caja:hover {border:1px solid #f60;}
#textosweb #textosweb-colaboradores .caja:hover  .imagen img {transform:scale(1);transition: all 500ms ease-in-out;}
#textosweb #textosweb-colaboradores .caja .imagen {text-align:center}
#textosweb #textosweb-colaboradores .caja .imagen img {transform:scale(0.8);transition: all 500ms ease-in-out;}

/* SERVICIOS */
#servicios .listado {width:100%;overflow:hidden;}
#servicios .listado:after{content: '';display: inline-block;width:100%;box-sizing:border-box;}
#servicios .listado .caja {width:100%;margin:0 0 20px 0;border:1px solid #dedede;padding:10px;box-sizing:border-box;vertical-align:top;display:inline-block;}
#servicios .listado .caja:hover {border:1px solid #f60;}
#servicios .listado .caja:hover  .imagen img {transform:scale(1);transition: all 500ms ease-in-out;}
#servicios .listado .caja .imagen {text-align:center}
#servicios .listado .caja .imagen img {transform:scale(0.8);transition: all 500ms ease-in-out;}
#servicios .dimagen {float:right;margin:0 0 5px 10px;}

/* CLIENTES */
#clientes .thumb {box-sizing:border-box;position:relative;width:300px;margin:10px auto;}
#clientes .thumb .caption {display:none}
#clientes .thumb:hover .caption {display:block;font-size:0.9em;position:absolute;overflow:hidden;width:300px;height:300px;background-color:#000;color:#fff;opacity:0.9;box-sizing:border-box;padding:10px;}
#clientes .separador {clear:both;line-height:40px;height:40px;}

/* NOTICIAS */
#noticias .listado .caja {display:block;margin-bottom:25px;border-top:1px solid #222;width:100%;overflow:hidden}
#noticias .listado .caja .imagen {display:none;float:right;width:150px;margin:10px 0 25px 10px;max-height:300px;overflow-y:hidden;}
#noticias .listado .caja .texto {margin-bottom:25px;}
#noticias .listado .caja .texto h3 {margin:5px 0}
#noticias .imagen {float:right;margin:0 0 5px 20px;max-width:50%}
#noticias .imagen img {width:100%;height:auto;}

/* BUSCADOR */
#contentBuscador .listado .caja {display:block;margin-bottom:25px;border-top:1px solid #222;width:100%;overflow:hidden}
#contentBuscador .listado .caja .imagen {display:none;float:right;width:150px;margin:10px 0 25px 10px;max-height:300px;overflow-y:hidden;}
#contentBuscador .listado .caja .texto {margin-bottom:25px;}
#contentBuscador .listado .caja .texto h3 {margin:5px 0}

/* COMENTARIOS */
#comm-captcha {float:left;}
#comentarios {margin-top:20px;}
#comentarios .comm-listado {padding:5px 10px;}
#comentarios .comm-imgcode {height:28px;margin-left:10px;width:48%;text-align:center;font-size:1.5em;letter-spacing:2px;}

/* PAGINACION */
.paginacion {text-align:center;margin:25px 0;}
.paginacion .activa {font-weight:bold;border:1px solid #dedede;padding:3px 8px;color:#f60;}
.paginacion .otrapagina {text-align:center;letter-spacing:0;border:1px solid #dedede;padding:3px 8px;color:#000;}
.paginacion .otrapagina:hover {color:#f60;text-decoration:none}

/* VIDEOS */
.video-container {position:relative;padding:30px 0 56.25% 0;margin-top:20px;height: 0;overflow: hidden;}
.video-container iframe, .video-container object, .video-container embed, .video-container video {position:absolute;top:0;left:0;width:100%;height:100%;z-index:200;}

/* AVISO COOKIES */
#barracookies {position:fixed;left:0px;right:0px;bottom:0px;border:5px solid #fff;height:100px;background-color:#f60;color:#fff;z-index:99999;}
#barracookies #barracookies-content {width:100%;position:absolute;padding-top:5px;text-align:center}
#barracookies a {color:#fff;font-weight:bold;text-decoration:none;margin:0 5px}

/* NUBE DE TAGS */
#nubeTags {font-size:0.9em}
#nubeTags h3 {text-align:center;margin-top:10px;}
#nubeTags h3 a {color:#222;}
#nubeTags .nube {padding:0 10px 20px 10px;text-align:left;}
#nubeTags .nube div.etiquetas{font-size:8pt;padding:5px;}
#nubeTags .nube div.etiquetas span{margin:0 3px;height:20pt;white-space: nowrap;}
#nubeTags .nube div.etiquetas span.etiquetatam1{font-size: 120%;}
#nubeTags .nube div.etiquetas span.etiquetatam2{font-size: 140%;}
#nubeTags .nube div.etiquetas span.etiquetatam3{font-size: 160%;}
#nubeTags .nube div.etiquetas span.etiquetatam4{font-size: 180%;}
#nubeTags .nube div.etiquetas span.etiquetatam5{font-size: 200%;}
#nubeTags .nube div.etiquetas span.etiquetatam6{font-size: 220%;}
#nubeTags .nube div.etiquetas span.etiquetatam7{font-size: 240%;}
#nubeTags .nube div.etiquetas span.etiquetatam8{font-size: 260%;}
#nubeTags .nube div.etiquetas span.etiquetatam9{font-size: 280%;}
#nubeTags .nube div.etiquetas span.etiquetatam10{font-size: 300%;}

/* RESPONSIVE */
@media screen and (min-width:600px) {
	#home #home-banner {height:213px;}
	#home .listado .caja .imagen, #noticias .listado .caja .imagen, #contentBuscador .listado .caja .imagen {display:block;}
	#servicios .listado .caja {width:31%;margin-right:1%;}
	#home #home-banner .home-slogan {padding:30px 0 0 30px;}
	#home #home-servicios  .caja {width:48%;margin-right:2%;float:left;}
	#textosweb #textosweb-colaboradores .caja {width:31%;margin-right:1%;}
	#nubeTags {font-size:1em}
}

@media screen and (min-width:650px) {
	#clientes .thumb {float:left;margin:10px 15px 10px 0;}
}
	
@media screen and (min-width:1000px) {
	.no-movil {display:block}
	.solo-movil {display:none !important;}
	.justificado {text-align:justify;}
	header {position:fixed;z-index:10000;top:40px;margin:-40px auto;padding-top:40px;padding-bottom:9px;border-bottom:1px solid #000;}
	header .hd-left .vinx {font-size:1.2em;}
	#formBuscador input#q {width:100px;margin-left:0 !important;}
	#breadcrumb, #home, #p404 {margin-top:100px}
	#contenido {margin-top:40px;}
	footer .columna1 {width:19%;float:left;margin-right:1%;}
	footer .columna2 {width:39%;float:left;margin:36px 1% 0 0;}
	#barracookies {height:60px;}
	#scrollToTop {right:30px;height:30px;width:30px;}
	.columna50 {width:48%;margin-right:2%;float:left;}
	#home #home-banner .home-slogan {font-size:1.8em;}
	#home #home-servicios  .caja {width:31%;}
	#home #home-servicios  .caja h3 {font-size:1.3em !important;}
}

@media screen and (min-width:1280px) {
	header .nav li {margin:0 6px;}
	header .hd-left {font-size:1.4em;}
}

/* Slick Slider */
.slick-slider { position: relative; display: block; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; }
.slick-list { position: relative; overflow: hidden; display: block; margin: 0; padding: 0; }
.slick-list img{max-width:300x;height:300px;}
.slick-list:focus { outline: none; }
.slick-loading .slick-list { background: #fff  center center no-repeat; /*url("../images/ajax-loader.gif")*/}
.slick-list.dragging { cursor: pointer; cursor: hand; }
.slick-slider .slick-track { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
.slick-track { position: relative; left: 0; top: 0; display: block; }
.slick-track:before, .slick-track:after { content: ""; display: table; }
.slick-track:after { clear: both; }
.slick-loading .slick-track { visibility: hidden; }
.slick-slide { float: left; height: 100%; min-height: 1px; display: none; }
[dir="rtl"] .slick-slide { float: right; }
.slick-slide img { display: block; }
.slick-slide.slick-loading img { display: none; }
.slick-slide.dragging img { pointer-events: none; }
.slick-initialized .slick-slide { display: block; }
.slick-loading .slick-slide { visibility: hidden; }
.slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; }

/* Slick Arrows */
.slick-prev, .slick-next { position: absolute; display: block; height: 51px; width: 30px; line-height: 0; font-size: 0; cursor: pointer; background: transparent; color: transparent; top: 50%; margin-top: -30px; padding: 0; border: none; outline: none; }
.slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus { outline: none; /*background: transparent; color: transparent; */}
.slick-prev:hover:before, .slick-prev:focus:before, .slick-next:hover:before, .slick-next:focus:before { opacity: 1; }
.slick-prev.slick-disabled:before, .slick-next.slick-disabled:before { opacity: 0.25; }
.slick-prev:before, .slick-next:before { font-size: 50px; padding:0; line-height: 1; color: #CCC !important; opacity: 0.75; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
.slick-prev { left: 0px; width:30px; height:51px;/*background-image:url(../images/arrow-antes.png);*/}
[dir="rtl"] .slick-prev { left: auto; right: auto; }
.slick-prev:before { content: none;  /**/ }
[dir="rtl"] .slick-prev:before { content: none; /**/  }
.slick-next { right: 0px; width:30px; height:51px;/*background-image:url(../images/arrow-despues.png);*/}
[dir="rtl"] .slick-next { left: auto; right: auto; }
.slick-next:before { content: none; /**/}
[dir="rtl"] .slick-next:before { content: none; /**/}

/* Slick Dots */
.slick-slider { margin-bottom: 30px; }
.slick-dots { position: absolute; bottom: -60px; list-style: none; display: block; text-align: center; padding: 0; width: 100%; margin-left:0;}
.slick-dots li { position: relative; display: inline-block; height: 20px; width: 20px; margin: 0 5px; padding: 0; cursor: pointer; }
.slick-dots li button { border: 0; background: transparent; display: block; height: 20px; width: 20px; outline: none; line-height: 0; font-size: 0; color: transparent; padding: 5px; cursor: pointer; }
.slick-dots li button:hover, .slick-dots li button:focus { outline: none; }
.slick-dots li button:hover:before, .slick-dots li button:focus:before { opacity: 1; }
.slick-dots li button:before { position: absolute; top: 0; left: 0; content: "•"; width: 20px; height: 20px; font-size: 24px; line-height: 24x; text-align: center; color: black; opacity: 0.25; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
.slick-dots li.slick-active button:before { color: black; opacity: 0.75; }