/* ==========================================================================
   Estilos generales
   ========================================================================== */
@font-face {
  font-family: 'flexslider-icon';
  src: url('fonts/flexslider-icon.eot');
  src: url('fonts/flexslider-icon.eot?#iefix') format('embedded-opentype'), url('fonts/flexslider-icon.woff') 
  format('woff'), url('fonts/flexslider-icon.ttf') format('truetype'), url('fonts/flexslider-icon.svg#flexslider-icon') format('svg');
  font-weight: normal;
  font-style: normal;
}

* {
	margin: 0;
	padding: 0;
	list-style: none;
	text-decoration: none;
}

html {
	font-family: 'Roboto', sans-serif;
	text-align: center;
}

@keyframes load-transition{
	0% {opacity: 0};
	100% {opacity: 1};
}

.wrapper {
	margin: 0 auto;
	padding: 0;
	width: 80%;
}

.col-1-2 {
	float: left;
	width: 48.6762681%;
	margin-right: 2.64746373%;
}

.col-1-3 {
	float: left;
	width: 30.5093720%;
	margin-right: 4.23594197%;
}

.col-1-4 {
	float: left;
	width: 23.0144022%;
	margin-right: 2.64746373%;
}

.col-1-5 {
	float: left;
	width: 18.3056232%;
	margin-right: 2.11797098%;
}

.col-2-4 {
	float: left;
	width: 48.6762681%;
	margin-right: 2.64746373%;
}

.col-3-4 {
	float: left;
	width: 74.3381341%;
	margin-right: 2.64746373%;
}

.col-4-5 {
	float: left;
	width: 77.5764058%;
	margin-right: 4.11797098%; 
}

.col-1-2:nth-child(2n) {
	margin-right: 0;
}

.col-1-3:nth-child(3n) {
	margin-right: 0;
}

.col-1-4:nth-child(4n) {
	margin-right: 0;
}

.col-1-5:nth-child(5n) {
	margin-right: 0;
}

h2 {
	font-size: 35px;
	font-style: italic;
}

h3 {
	font-size: 20px;
	font-style: italic;
	color: #fff;
	background-color: #009ce2;
	padding-top: 5px;
	padding-bottom: 5px;
}

h4 {
	color: #113250;
	font-size: 20px;
	line-height: 22px;
	text-align: center;	
}

p {
	font-size: 16px;
	line-height: 24px;
	padding-bottom: 40px;
}

p.destacado{
	font-size: 19px;
	line-height: 30px;
	padding-left:100px; 
	padding-right:100px;
	display: inline-block;
}

input {
	background-color: #e4e4e4;
	border-radius: 2px;
	border: none;
	box-sizing: border-box;
	color:#505a64;
	display: block;
	font-family: 'Roboto', sans-serif;
	font-size: 16px;
	font-weight: 500;
	margin: 0 0 10px 0;
	padding: 10px 10px 10px 10px;
	width: 100%;
}

input#buscar {
	display: block;
	background-color: #ffb500;
	height: 50px;
	font-family: 'Roboto', sans-serif;
	font-size: 16px;
	font-weight: 500;
	color: #fff;
	padding: 0;	
	border-radius: 2px;
	border: none;
	margin-right: 0;

	-webkit-transition: all 0.2s ease-in;
	-moz-transition: all 0.2s ease-in;
	-ms-transition: all 0.2s ease-in;
	-o-transition: all 0.2s ease-in;
	transition: all 0.2s ease-in-out;
}

input#buscar:hover {
	background-color: #009ce2;
}

input#buscar:active {
	background-color: #009ce2;
}

select {
	display: block;
	height: 50px;
	margin-bottom: 30px;
	padding-left:10px; 
	box-sizing: border-box;
	background-color: #e4e4e4;
	border-radius: 2px;
	border-color: #e4e4e4;
	font-family: 'Roboto', sans-serif;
	font-size: 16px;
	font-weight: 500;
	color:#000;
}

option {
	font-family: 'Roboto', sans-serif;
	font-size: 15px;
	font-weight: 500;
	background-color: #fff;
}


/* ==========================================================================
   INICIO HEADER */

header{
	background: #ebebeb;
	height: 95px;
	animation: load-transition 0.6s;
}

.menu {
	padding-top: 15px;
}

header .logo {
	float: left;
}

.logo-revesta {
	height: 60px;
	float: left;
}

.logo-dnv {
	display: inline;
	height: 60px;
	margin-left: 60px; 
	float: left;
}

nav {
	float: right;
	padding-top: 20px;
	font-size: 20px;
	z-index: 999999; /*propiedad que permite indicar qué elementos se muestran por encima de otros + position*/
	position: relative;
}

nav ul li {
	font-weight: 700;
	margin-left: 5px;
	position: relative;
	display: inline-block;
}

nav ul li a {
	color:#113250;	
	padding: 10px;
	border-radius: 4px;

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

nav ul li a.current {
	color:#ffb500; 
}

nav ul li a:hover {
	color:#fff;
	background-color: #113250;
	padding: 10px;
}

@keyframes submenu{
	0% {opacity: 0};
	100% {opacity: 1000};
}

nav li ul {
	animation: submenu 0.2s; 
	position:absolute;
	margin-top: 10px;
	font-size: 14px;
	text-align: center;
	width:240px;
	left:50%;
	margin-left:-120px;
	background-color: #fff;
	box-shadow: 0 0 6px 0 rgba(120, 120, 120, 0.5);
	border-radius: 3px;

	/* This is important for the show/hide CSS animation */
	max-height:0px;
	overflow: hidden;
	-webkit-transition:max-height 0.4s linear;
	-moz-transition:max-height 0.4s linear;
	-ms-transition:max-height 0.4s linear;
	-o-transition:max-height 0.4s linear;
	transition:max-height 0.4s linear;
}
			
nav li:hover ul {
	box-shadow: 0 0 6px 1px rgba(120, 120, 120, 0.5);
	border-radius: 3px;
	max-height: 280px;
}
			
nav li ul li {
	float: none;
	display: block;
	position: relative;	
	border-bottom: 1px solid #ffb500;
	margin-right: 5px;
}

nav li ul li a {
	color: #ffb500;
	line-height: 40px;

	-webkit-transition: none;
	-moz-transition: none;
	-ms-transition: none;
	-o-transition: none;
	transition: none;
}

nav li ul li:hover {
	color: #fff;
	background-color: #ffb500;
}

nav li ul li a:hover {
	color: #fff;
	background-color: #ffb500;
}

#nav-responsive {
	/**/display: none;/**/
}

.navicon-responsive {
	width: 42px;
	height: 30px;
	position: relative;
	margin: 14px;
	float: right;
	-webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-o-transform: rotate(0deg);
	transform: rotate(0deg);
	-webkit-transition: .5s ease-in-out;
	-moz-transition: .5s ease-in-out;
	-o-transition: .5s ease-in-out;
	transition: .5s ease-in-out;
	cursor: pointer;
}

.navicon-responsive span {
	display: block;
	position: absolute;
	height: 6px;
	width: 100%;
	background: #113250;
	border-radius: 9px;
	opacity: 1;
	left: 0;
	-webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-o-transform: rotate(0deg);
	transform: rotate(0deg);
	-webkit-transition: .25s ease-in-out;
	-moz-transition: .25s ease-in-out;
	-o-transition: .25s ease-in-out;
	transition: .25s ease-in-out;
}

.navicon-responsive span:nth-child(1) {
	top: 0px;
}

.navicon-responsive span:nth-child(2),.navicon-responsive span:nth-child(3) {
	top: 12px;
}

.navicon-responsive span:nth-child(4) {
	top: 24px;
}

.navicon-responsive.open span:nth-child(1) {
	top: 12px;
	width: 0%;
	left: 2%;
}

.navicon-responsive.open span:nth-child(2) {
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
	background-color: #ffb500;

}

.navicon-responsive.open span:nth-child(3) {
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	transform: rotate(-45deg);
	background-color: #ffb500;
}

.navicon-responsive.open span:nth-child(4) {
	top: 12px;
	width: 0%;
	left: 2%;
}

#nav-responsive ul li{
	margin: 0;
	width: 100%;
	display: inline-block;
	padding: 16px 0;
	background-color: #113250;
	border-bottom: 3px solid #fff;
}

#nav-responsive ul li a{
	color: #fff;
	background-color: none;
}

#nav-responsive ul li:active, #nav-responsive ul li:hover{
	background-color: #ffb500;
	border-top: 3px solid #113250;
	border-bottom: 3px solid #fff;
}

#nav-responsive ul li a:active, #nav-responsive ul li a:hover{
	color: #113250;
	background-color: #ffb500;
}

#nav-responsive nav {
	max-height:0px;
	overflow: hidden;
	-webkit-transition:max-height 0.4s linear;
	-moz-transition:max-height 0.4s linear;
	transition:max-height 0.4s linear;
}

#nav-responsive nav.menuOpen {
	max-height: 1000px;
}

/* FIN HEADER
   ==========================================================================*/



/* ==========================================================================
   INICIO - TITULO */

#titulo {
	animation: load-transition 0.6s;
	background-image: url(img/ind-titulo-fondo.jpg);
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	height: 90px;
	width: 100%;
}

#titulo h1 {
	font-style:italic;
	font-weight: 500;
	font-size: 46px;
	color: #fff;
	text-shadow:0 1px 12px #000;
	text-align: left;
	padding-top: 15px;
}

#titulo-sin-fondo {
	width: 100%;
	height: 90px;
}

#titulo-sin-fondo h2 {
	font-style:italic;
	font-weight: 500;
	font-size: 46px;
	color: #ffb500;
	text-align: left;
	padding-top: 25px;
}

/* FIN TITULO
   ==========================================================================*/



/* ==========================================================================
   INICIO CONTENIDO - NOSOTROS - QUIENES SOMOS*/

#quienes-somos-slider{
	animation: load-transition 0.6s;
	/*display: flex;*/
}

.flexslider {
	position: relative;
	display: block;
}

.slides {
	overflow: hidden;
}

.slides img {
	width: 100%;
	height: 100%;
}

.slides,
.flex-control-nav,
.flex-direction-nav {
	margin: 0;
	padding: 0;
	list-style: none;
}

.flex-control-nav {
	width: 100%;
	text-align: center;
	position: absolute;
	bottom: 5%;
	z-index: 999;
}

.flex-control-nav li{
	display: inline-block;
	margin: 0 6px;
}

.flex-control-nav li a {
	display: block;
	background: #fff;
	width: 12px;
	height: 12px;
	border-radius: 12px;
	text-indent: -9999px;
}

.flex-control-nav li a:hover {
	background: #ffb500;
}

.flex-control-nav li a.flex-active {
	background: #ffb500;
}

.flex-direction-nav a {
	display: block;
	text-decoration: none;
	position: absolute;
	top: 45%;
	z-index: 999; /* <para que pueda aparecer arriba de la imagen*/
	width: 40px;
	height: 40px;
	overflow: hidden;

	/*ANIMACION HOVER*/
	opacity: 0;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	/*ANIMACION HOVER*/
}

.flex-direction-nav .flex-prev {
	left: 28px;
}

.flex-direction-nav .flex-next {
	right: 20px;
}  

.flex-direction-nav a:before {
	font-family: "flexslider-icon";
	font-size: 40px;
	display: inline-block;
	content: '\f001';
	color: #fff;
	text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3);
}

.flex-direction-nav a.flex-next:before {
	content: '\f002';
}

#quienes-somos-slider .flex-caption {
	position: absolute;
	left: 16%;
	top: 32%;
	max-height: 200px;
	max-width: 560px;
}

#quienes-somos-slider .flex-caption h4 {
	padding-right: 10px;
	padding-left: 10px;
	margin-bottom: 5px;
	display: table;
	text-align: left;
	line-height: 36px;
	font-size: 36px;
	font-weight: 500;
	color: #fff;
	background-color: rgba(255, 181, 0, 0.8);
}

#quienes-somos-slider .flex-caption p {
	padding-right: 10px;
	padding-left: 10px;
	padding-top: 8px;
	padding-bottom: 8px;
	float: left;
	font-style: italic;
	text-align: left;
	line-height: 44px;
	font-size: 40px;
	font-weight: 400;
	color: #fff;
	background-color: rgba(17, 50, 80, 0.7);
}

.flexslider:hover .flex-direction-nav .flex-prev {
	opacity: 0.7;
	left: 50px;
}

.flexslider:hover .flex-direction-nav .flex-prev:hover {
	opacity: 1;
}

.flexslider:hover .flex-direction-nav .flex-next {
	opacity: 0.7;
	right: 40px;
}

.flexslider:hover .flex-direction-nav .flex-next:hover {
	opacity: 1;
}

#quienes-somos-slider_380px, 
#quienes-somos-slider_768px {
	display: none;
}

#quienes-somos-slider_380px .flexslider, 
#quienes-somos-slider_768px .flexslider {
	position: relative;
	display: block;
}

#quienes-somos-slider_380px .slides, 
#quienes-somos-slider_768px .slides {
	overflow: hidden;
}

#quienes-somos-slider_380px .slides img, 
#quienes-somos-slider_768px .slides img {
	width: 100%;
	height: 100%;
}

#quienes-somos-slider_380px .slides,
#quienes-somos-slider_380px .flex-control-nav,
#quienes-somos-slider_380px .flex-direction-nav,
#quienes-somos-slider_768px .slides,
#quienes-somos-slider_768px .flex-control-nav,
#quienes-somos-slider_768px .flex-direction-nav {
	margin: 0;
	padding: 0;
	list-style: none;
}

#quienes-somos-slider_380px .flex-control-nav, 
#quienes-somos-slider_768px .flex-control-nav {
	width: 100%;
	text-align: center;
	position: absolute;
	bottom: 3%;
	z-index: 999;
}

#quienes-somos-slider_380px .flex-control-nav li, 
#quienes-somos-slider_768px .flex-control-nav li {
	display: inline-block;
	margin: 0 6px;
}

#quienes-somos-slider_380px .flex-control-nav li a, 
#quienes-somos-slider_768px .flex-control-nav li a {
	display: block;
	background: #c9c9c9;
	width: 12px;
	height: 12px;
	border-radius: 12px;
	text-indent: -9999px;
}

#quienes-somos-slider_380px .flex-control-nav li a.flex-active, 
#quienes-somos-slider_768px .flex-control-nav li a.flex-active {
	background: #ffb500;
}

#quienes-somos-slider_380px .flex-direction-nav a,
#quienes-somos-slider_768px .flex-direction-nav a {
	display: block;
	text-decoration: none;
	position: absolute;
	top: 45%;
	z-index: 999; 
	width: 40px;
	height: 40px;
	overflow: hidden;

	/*ANIMACION HOVER*/
	opacity: 0;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	/*ANIMACION HOVER*/
}

#quienes-somos-slider_380px .flex-direction-nav .flex-prev,
#quienes-somos-slider_768px .flex-direction-nav .flex-prev {
	left: 1%;
	opacity: 0.8;
}

#quienes-somos-slider_380px .flex-direction-nav .flex-next,
#quienes-somos-slider_768px .flex-direction-nav .flex-next {
	right: 1%;
	opacity: 0.8;
}  

#quienes-somos-slider_380px .flex-direction-nav a:before,
#quienes-somos-slider_768px .flex-direction-nav a:before {
	font-family: "flexslider-icon";
	font-size: 40px;
	display: inline-block;
	content: '\f001';
	color: #fff;
	text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3);
}

#quienes-somos-slider_380px .flex-direction-nav a.flex-next:before,
#quienes-somos-slider_768px .flex-direction-nav a.flex-next:before {
	-ms-content: '\f002';
	-moz-content: '\f002';
	-webkit-content: '\f002';
	content: '\f002';
}

#quienes-somos-slider_380px .flex-caption {
	position: absolute;
	left: 12%;
	bottom: 14%;
	max-height: 200px;
	max-width: 560px;
}

#quienes-somos-slider_380px .flex-caption h4 {
	padding: 2px 5px;
	margin-bottom: 2px;
	display: table;
	text-align: left;
	line-height: 18px;
	font-size: 18px;
	font-weight: 500;
	color: #fff;
	background-color: rgba(255, 181, 0, 0.8);
}

#quienes-somos-slider_380px .flex-caption p {
	padding: 5px 5px;
	float: left;
	font-style: italic;
	text-align: left;
	line-height: 24px;
	font-size: 20px;
	font-weight: 400;
	color: #fff;
	background-color: rgba(17, 50, 80, 0.7);
}


#quienes-somos {
	animation: load-transition 0.6s;
	background-color: #ffb500;
	padding-top: 40px;
	padding-bottom: 40px;
	display: flex;
}

#list-right .col-3-4 {
	width: 76.9855978%;
	margin-right: 0;
}

#quienes-somos h5{
	float: left;
	width: 28%;
	text-align: left;
	color: #fff;
	font-size: 40px;
	line-height: 40px;
	font-style: italic;
}

#quienes-somos p {
	color: #fff;
	font-size: 15px;
	width: 60%;
	float: right;
	padding: 0 0 16px 40px;
	border-left: 4px solid #fff;
	text-align: left;
}

.texto {
	margin-top: 50px;
}

.texto p {
	padding-bottom: 0;
	margin-top: 30px;
}

.texto img {
	margin: 50px 0;
	opacity: 0.6;
}

#list-right {
	display: flex;
	margin-bottom: 80px;
}

#list-right .col-1-4 {
	margin-right: 0;
	border-radius: 30px;
	max-height: 121px;
	position: relative;
}

#list-right img {
	margin: 0 auto;
	float: left;
}

#list-right .col-3-4 {
	padding-top: 8px;
	max-height: 121px;
	border-bottom: 2px dotted #ccc;
}


#list-right .col-3-4 ul {
	display: inline-block;
	margin-bottom: 10px;
}

#list-right .col-3-4 ul li {
	float: left;
	width: 32%;
	padding: 4px;
	text-align: left;
	font-size: 16px;
}

#list-right .col-3-4 p{
	padding:0;
	float: right;
	margin-top: 5px;
	font-size: 22px;
	font-style: italic;
	font-weight: 600;
	color: #ccc;
}

/* FIN - NOSOTROS - QUIENES SOMOS
   ==========================================================================*/


/* ==========================================================================
   INICIO CONTENIDO - NOSOTROS - SERVICIOS */

#pre-venta,
#post-venta,
#inspeccion {
	animation: load-transition 0.6s;
	padding-top: 40px;
	padding-bottom: 40px;
	display: flex;
}

#pre-venta h4,
#post-venta h4,
#inspeccion h4 {
	background-color: #fff;
	float: left;
	width: 23%;
	text-align: left;
	color: #009ce2;
	font-size: 38px;
	line-height: 40px;
	font-style: italic;
}

#pre-venta p,
#post-venta p,
#inspeccion p {
	color: #000;
	font-size: 17px;
	line-height: 30px;
	width: 69%;
	float: right;
	padding: 0 0 16px 40px;
	border-left: 4px solid #ffb500;
	text-align: left;
}

.img_servicios_1,
.img_servicios_2,
.img_servicios_3 {
	width: 100%;
}

.img_servicios_3 {
	margin-bottom: 80px;
}

/* FIN - NOSOTROS - SERVICIOS
   ==========================================================================*/


/* ==========================================================================
   INICIO CONTENIDO - NOSOTROS - GARANTIA DE CALIDAD*/

#garantia{
	animation: load-transition 0.6s;
	margin-top: 40px;
	display: flex;
}

#garantia .logos {
	margin: 0 auto;
	display: inline-block;
}

#garantia img{
	float: left;
	height: 100px;
	margin: 20px 0 50px 0;
}

#garantia img:nth-child(2n){
	margin-left: 100px;
}

#garantia .descargar {
	display: inline-block;
	font-size: 18px;
	font-weight: 500;
	color: #009ce2;
	background-color: #fff;
	border: solid 2px #009ce2;
	border-radius: 8px;
	padding: 12px 20px 12px 20px;
	margin-bottom: 60px;

	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

#garantia .descargar:hover {
	font-weight: 700;
	color: #fff;
	background-color: #009ce2;
}

#gm {
	background-color: #505a64;
	color: #fff;
	display: inline-block;
	padding: 50px 0 20px 0;
}

#gm h5 {
	font-size: 30px;
	letter-spacing: 10px;
	line-height: 36px;
	margin-bottom: 40px;
	color: #fff;
}

/* FIN - NOSOTROS - GARANTIA DE CALIDAD 
   ==========================================================================*/


/* ==========================================================================
   INICIO CONTENIDO - NOSOTROS - ANTECEDENTES */

#antecedentes{
	margin-top: 40px;
	margin-bottom: 50px;
	display: flex;
}

#antecedentes_responsive {
	display: none;
}

#antecedentes .col-1-2 img {
	width: 100%;
	height: 100%;
	margin-bottom: 50px;
}

.descripcion-obra-right,
.descripcion-obra-left {
	position: relative;
}


#antecedentes h2, #antecedentes_responsive h2{
	text-align: left;
	font-size: 33px;
	color: #113250;
}

#antecedentes h3, #antecedentes_responsive h3{
	text-align: left;
	font-style: italic;
	font-size: 23px;
	font-weight: 400;
	background: none;
	color: #009ce2;
}

#antecedentes h4, #antecedentes_responsive h4{
	text-align: left;
	line-height: 30px;
	font-size: 17px;
	font-weight: 400;
	background: none;
	color: #000;
}

#antecedentes p, #antecedentes_responsive p{
	margin-top: 3%;
	padding-bottom: 0;
	text-align: left;
	line-height: 25px;
}

#antecedentes p.esquema strong, #antecedentes_responsive p.esquema strong{
	font-size: 16px;
	font-weight: 600;
	color: #000;
}

#antecedentes p.esquema, #antecedentes_responsive p.esquema{
	font-size: 16px;
	color: #000;
	margin-bottom: 50px;
}
#antecedentes a {
	color: #ffb500;
	font-weight: 500;
	margin-left: 10px;
}

#antecedentes a:hover,
#antecedentes a:active {
	color: #009ce2;
	font-weight: 700;
}

#antecedentes-slider .flex-caption, 
#antecedentes-slider_380px .flex-caption {
	position: absolute;
	right: 10%;
	top: 40%;
	max-height: 200px;
	max-width: 500px;
}

#antecedentes-slider .flex-caption h3, 
#antecedentes-slider_380px .flex-caption h3 {
	padding-right: 10px;
	padding-left: 10px;
	margin-bottom: 5px;
	text-align: right;
	font-size: 32px;
	font-weight: 500;
	color: #fff;
	display: inline-flex;
	float: right;
	background-color: rgba(0, 156, 226, 0.9);
}

#antecedentes-slider .flex-caption h4,
#antecedentes-slider_380px .flex-caption h4 {
	padding-right: 10px;
	padding-left: 10px;
	padding-top: 8px;
	padding-bottom: 8px;
	display: inline-flex;
	float: right;
	font-style: italic;
	line-height: 30px;
	text-align: right;
	font-size: 22px;
	font-weight: 400;
	color: #fff;
	background-color: rgba(0, 0, 0, 0.8);
}

#antecedentes-slider_380px {
	display: none;
}

/* FIN CONTENIDO - NOSOTROS - ANTECEDENTES
   ==========================================================================*/


   
/* ==========================================================================
   INICIO CONTENIDO - LINEA STANDARD - PRODUCTOS */

#productos {
	animation: load-transition 0.6s;
	margin: 60px 0;
	display: flex;
	position: relative;
}

#productos .col-3-4:nth-child(n) {
	margin-right: 0;
}

#productos img {
	width: 90%;
	margin-top: 50px;
	float: left;
}

#productos ul li {
	font-weight: 700;
	text-align: left;
	display: inline-flex;
	width: 90%;
	float: left;
	margin-bottom: 15px;
}

#productos li a {
	background-color: #ffb500; 
	border-radius: 6px 0px 0px 6px;
	box-shadow: 0 6px 0 #113250;
	color: #000;
	padding: 8px 16px;
	width: 100%;

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

#productos ul li a:hover {
	background-color: #009ce2; 
	margin-left: 15px;
	color: #fff;
}

#productos ul li a:active, #productos ul li a.active {
	background-color: #009ce2;
	margin-left: 15px;
	color: #fff;
}

#productos p.colores {
	background-color: #113250; 
	border-radius: 6px;
	color: #009ce2;
	display: inline-block;
	float: left;
	font-size: 20px;
	font-weight: 700;
	line-height: 28px;
	margin-top: 50px;
	padding: 20px 10px;
	width: 81%;
}

#productos p.colores strong {
	color: #fff;
}

.go-top {
	border-radius: 50px;
	width: 34px;
	height: 34px;
	padding: 16px;
	font-size: 34px;
	color: #fff;
	background: #113250;
	position: fixed;
	bottom: 5%;
	right: 3%;
	cursor: pointer;
	display: none;
	z-index: 9999;
}

@keyframes show-content {
	0% {opacity: 0};
	100% {opacity: 1};
}

#autoimprimante,
#acrilico,
#alquidico,
#antiabrasivo,
#esmalte,
#fosfato,
#masilla,
#zinc,
#sinsolvente,
#poliuretano,
#altatemp,
#limpiadores,
#intumescente,
#vinilester {
	animation: show-content 1.5s;
}

#tabs-content article.col-1-3 {
	margin-bottom: 20px;
	height: 340px;
	background-color: rgba(228,228,228,0.3)
}

#tabs-content .producto-destacado {
	position: relative;
}

#tabs-content .producto-destacado img {
	position: absolute;
	top: -8px;
	right: -18px;
	width: 35px;
	margin-top: 0px;
}

#tabs-content .producto-destacado h3 {
	background-color: #ffb500;
	color: #113250;
	/*box-shadow: 0 5px 6px #888;*/
}

#tabs-content h4 {
	padding: 10px 0;
	background-color: #e4e4e4;
	width: 100%;
	display: inline-block;
	font-size: 18px;

}

#tabs-content .producto-destacado h4 {
	background-color: #009ce2;
	color: #fff;
	/*box-shadow: 0 5px 6px #888;*/
}

#tabs-content p {
	font-size: 12px;
	line-height: 22px;
	width: 93%;
	text-align: center;
	padding: 10px 0;
	display: inline-block;
}

/*.descripcion-producto {
	height: 200px;
	background-color: rgba(228, 228, 228, 0.4);
}
*/
.descripcion-producto div {
	display: inline-flex;
}

div.botones {
	display: inline-flex;
	margin: 0 auto;
	width: auto;
	position: relative;
}

a.boletin {
	margin-right: 6px;
}

a.boletin, a.msds  {
	background-color: #113250;
	border-radius: 3px;
	font-family: 'Roboto', sans-serif;
	font-size: 11px;
	font-weight: 500;
	padding: 10px;
	color:#fff;
	float: left;

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

a.boletin:hover, a.msds:hover {
	background-color: #fff;
	color:#009ce2;
	font-weight: 700;	
}


/* FIN CONTENIDO - LINEA STANDARD - PRODUCTOS
   ==========================================================================*/



/* ==========================================================================
   INICIO CONTENIDO - LINEA STANDARD - CARTA DE COLORES */
#colores{
	animation: load-transition 0.6s;
	margin-top: 20px;
	margin-bottom: 60px;
}

#colores p {
	margin-top: 40px;
	font-size: 15px;
	padding: 20px;
	border-radius: 8px 8px 8px 8px;
	background-color: #e4e4e4;
	display: inline-block;
}

/* FIN CONTENIDO - LINEA STANDARD - CARTA DE COLORES
   ==========================================================================*/



/* ==========================================================================
   INICIO CONTENIDO - LINEA STANDARD - CALCULADOR DE RENDIMIENTO */

/*#txt-rendimiento {
	animation: load-transition 0.6s;
	margin-top: 40px;
	display: flex;
}*/

#calculador{
	animation: load-transition 0.6s;
	padding: 40px 0 60px 0;
	display: flex;
	background-color: #113250;
}

#calculador .col-1-4:nth-child(3n) {
	margin-right: 0;
}

#calculador h2 {
	text-align: left;
	color: #e4e4e4;
	font-size: 30px;
	background-color: #113250;
	margin-bottom: 40px;
}

#calculador select{
	margin-bottom: 50px;
}

#calculador input{
	height: 50px;
	margin-bottom: 50px;
}

#calculador #buscar {
	margin: auto;
	width: 25%;
	box-shadow: 0 0 14px #00213f;
}

#calculador-resultado {
	/*background-color: #e4e4e4;*/
	padding: 50px 0 40px 0;
	display: flex;
	position: relative;
}

.show_hide {
display:none;
}

#calculador-resultado .col-1-4:nth-child(4n) {
	margin-right: 2.64746373%;
}

#calculador-resultado .col-1-4:nth-child(5n) {
	margin-right: 0;
}

#calculador-resultado h3 {
	position: absolute;
	width: 56%;
	text-align: left;
	background-color: #fff;
	color: #ffb500;
	font-size: 30px;
}

#calculador-resultado h4{
	/*background-color: #e4e4e4;*/
	color: #000;
	font-size: 15px;
	font-style: normal;
	font-weight: 700;
	line-height: 20px;
	margin-bottom: 10px;
	margin-top: 60px;
}

#calculador-resultado p {
	color: #009ce2;
	font-size: 26px;
	line-height: 29px;
	font-weight: 700;
}

#calculador-resultado .col-1-5 {
	margin-right: 0;
}

#calculador-resultado img.lata {
	width: 100%;
	margin-top: 1%;
}

#calculador-resultado img.right,
#calculador-resultado img.left {
	position: absolute;
	top: 35%;
	width: 100px;
	opacity: 0.5;
}

#calculador-resultado img.right {
	right: 3%;
}

#calculador-resultado img.left {
	left: 3%;
}
/* FIN CONTENIDO - LINEA STANDARD - CALCULADOR DE RENDIMIENTO
   ==========================================================================*/



/* ==========================================================================
   INICIO CONTACTO */

#contacto {
	animation: load-transition 0.6s;
	margin-top: 40px;
	margin-bottom: 80px;
	display: flex;
}

#mapa-paises {
	border:0;
	display: block;
	height: 420px;
	width: 100%;
}

#mapa-paises h4 {
	background-color: #fff;
	color: #009ce2;
	font-size: 20px;
	font-style: italic;
	padding: 0px 0px 5px 0px;
}

#mapa-paises h5 {
	background-color: #fff;
	color: #113250;
	font-size: 14px;
	padding: 0px 0px 5px 0px;
}

#mapa-paises p{
	font-size: 14px;
	line-height: 22px;
	padding: 0;
}

#contacto h3 {
	background-color: #fff;
	display: inline-block;
	color: #113250;
	font-size: 22px;
	font-weight: 500;
	font-style: normal;
	text-align: left;
	width: 100%;
	padding-bottom: 5px;
	margin-bottom: 30px;
}

#contacto h4.tel {
	display: inline-block;
	font-size: 42px;
	color: #009ce2;
	margin-bottom: 40px;
	text-align: left;
	width: 100%;
}

#contacto h4.domicilio {
	font-size: 22px;
	line-height: 26px;
	display: inline-block;
	text-align: left;
	width: 100%;
	margin-bottom: 40px; 
}

#contacto h4.mail {
	font-size: 30px;
	font-style: italic;
	display: inline-block;
	text-align: left;
	width: 100%;
}

form.col-1-2 {
	margin-right: 0;
}

#contacto textarea{
	background-color: #e4e4e4;
	border-radius: 2px;
	border: none;
	box-sizing: border-box;
	color:#505a64;
	display: block;
	font-family: 'Roboto', sans-serif;
	font-size: 16px;
	font-weight: 500;
	height: 120px;
	margin-bottom: 13px;
	padding: 10px 10px 10px 10px;
	resize: none;
	width: 100%;
}

input#enviar {
	background-color: #ffb500;
	border:none;
	box-sizing: border-box;
	color:#fff;
	display: block;
	font-family: 'Roboto', sans-serif;
	font-size: 16px;
	font-weight: 500;
	height: 40px;
	margin-top: 10px;
	width: 100%;

	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}

input#enviar:hover {
	background-color: #009ce2;
}

input#enviar:active {
	background-color: #009ce2;
}

form h4 { /*Mensaje enviado correctamente*/
	background-color: #ffb500;
	border-radius: 5px;
	color: #fff;
	font-weight: 500;
	margin: 0 auto;
	padding: 20px;
	text-align: center;
	width: 80%;
}

form h5 { /*Por favor, resuelva el captcha*/
	text-align: left;
	color: #ffb500;
	font-size: 16px;
	padding: 10px 0 10px 0;
}

/* FIN CONTACTO
   ==========================================================================*/


/* ==========================================================================
   INICIO FOOTER */

.site-map {
	padding-top: 40px;
	padding-bottom: 40px;
	background-color: #ffb500;
	display: flex;
}

.site-map div {
	text-align: left;
}

.site-map img {
	width: 120px;
}

.facebook {
	width: 60px;
	height: 51px;
	margin-top: 50px;
	padding: 0;
	float: left;
	background: url("img/facebook.png") no-repeat;

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

.twitter {
	width:60px;
	height: 51px;
	margin-top: 50px;
	padding: 0;
	float: left;
	background: url("img/twitter.png") no-repeat;

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

.facebook:hover {
	background-image: url("img/facebook-hover.png");	
}

.twitter:hover {
	background-image: url("img/twitter-hover.png");
}

.site-map h5 {
	text-align: left;
	font-size: 17px;
	background-color: #ffb500;
	color: #113250;
	font-style: italic;
}

.site-map ul {
	margin-top: 10px;
}

.site-map ul li{
	text-align: left;
	font-size: 15px;
	line-height: 30px;
	display: list-item;
}

.site-map a{
	color: #113250;

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

.site-map a:hover{
	color: #fff;
	font-weight: 700;

	
}
.site-map a:active{
	color: #fff;
	font-weight: 700;
}

.site-map h6 {
	margin-top: 15px;
	margin-bottom: 5px;
	font-size: 16px;
	text-align: left;
	color: #113250;
}

.site-map p {
	font-size: 15px;
	text-align: left;
	line-height: 26px;
	padding: 0;
	color: #113250;
}

.copyright {
	padding-top: 40px;
	padding-bottom: 40px;
	background-color: #113250;
}

p.copyright-year {
	float: left;
	display: inline-block;
	font-size: 14px;
	color: #fff;
	line-height: 0;
	padding: 0;
	width: initial;
}

p.design-by {
	float: right;
	display: inline-block;
	font-size: 14px;
	color: #fff;
	line-height: 0;
	padding: 0;
	width: initial;
}

p.design-by a{
	color: #009ce2;
}

p.design-by a:hover{
	color: #009ce2;
	border-bottom: solid 2px;
}

p.design-by a:active{
	color: #009ce2;
	border-bottom: solid 2px;
}



/* FIN FOOTER
   ==========================================================================*/

/* ==========================================================================
   MEDIA QUERIES
   ========================================================================== */

@media only screen and (max-width: 380px)  {

/* Estilos generales */
	.wrapper {
		width: 90%;
		margin: 0 auto; 
	}

	.col-1-2 {
		float: none;
		width: 100%;
		margin-right: 0;
	}

	.col-1-3 {
		float: none;
		width: 100%;
		margin-right: 0;
	}

	.col-1-4 {
		float: left;
		width: 100%;
		margin-right: 0;
	}

	.col-1-4:nth-child(2n) {
		margin-right: 0;
	}

	.col-1-5 {
		float: none;
		width: 100%;
		margin-right: 0;
	}

	.col-3-4 {
		float: none;
		width: 100%;
		margin-right: 0;
	}

	.col-4-5 {
		float: none;
		width: 100%;
		margin-right: 0;
	}

	p.destacado{
		font-size: 18px;
		line-height: 26px;
		padding-left: 0px; 
		padding-right: 0px;
	}

/* Header */
	.logo-dnv {
		display: none;
	}

	.menu nav {
		display: none;
	}

	#nav-responsive {
		display: block;
	}

	#nav-responsive ul li {
		font-size: 16px;
	}

/* Título H1 */
	#titulo {
		height: 55px;
		display: inline-flex;
	}

	#titulo h1 {
		font-size: 24px;
		text-shadow:0 1px 7px #000;
		padding-top: 10px;
	}

/* Quienes somos */
	#quienes-somos-slider {
		display: none
	}

	#quienes-somos-slider_380px {
		display: inline-flex;
	}

	#quienes-somos {
		padding: 40px 0 60px 0;
	}

	#quienes-somos h5{
		float: none;
		width: 100%;
		font-size: 44px;
		line-height: 44px;
		margin-bottom: 30px;
	}

	#quienes-somos p {
		font-size: 18px;
		width: 100%;
		float: none;
		padding: 20px 0 0 0;
		border-left: none;
	}

	.texto {
		margin-top: 60px;
	}

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

	.texto img {
		margin: 30px 0;
	}

	#list-right {
		margin-bottom: 70px;
	}

	#list-right img {
		height: 70px;
	}

	#list-right .col-1-4{
		width: 30%;
	}

	#list-right .col-3-4{
		border-bottom: none;
		width: 100%;
	}

	#list-right .col-3-4 ul {
		margin: 0 0 20px 20px;
		float: left;		
	}

	#list-right .col-3-4 ul li {
		float: none;
		width: 100%;
		font-size: 15px;
	}

	#list-right .col-3-4 p{
		float: none;
		border-bottom: 2px dotted #ccc;
		width: 100%;
	}

/* Servicios */
	#pre-venta,
	#post-venta,
	#inspeccion {
		padding-top: 20px;
	}

	#pre-venta h4,
	#post-venta h4,
	#inspeccion h4 {
		width: 100%;
		font-size: 30px;
		padding-bottom: 16px;
	}

	#pre-venta p,
	#post-venta p,
	#inspeccion p {
		color: #000;
		font-size: 14px;
		line-height: 26px;
		width: 92%;
		float: none;
		padding: 0 0 5px 18px;
		border-left: 3px solid #ffb500;
	}

	.img_servicios_1 img,
	.img_servicios_2 img,
	.img_servicios_3 img {
		width: 100%;
		margin: 0 auto;
	}

	.img_servicios_3 {
		margin-bottom: 80px;
	}


/* Garantía de calidad */
	#garantia {
		margin-top: 30px;
	}

	#garantia img{
		float: left;
		height: 70px;
		margin: 0 0 35px 0;
	}

	#garantia img:nth-child(2n){
		margin-left: 70px;
	}

	#gm h5 {
		font-size: 26px;
		letter-spacing: 8px;
	}

/* Antecedentes */
	#antecedentes-slider {
		display: none;
	}

	#antecedentes-slider_380px {
		display: inline-flex;
	}

	#antecedentes-slider_380px .slides img {
		width: 100%;
		height: auto;
		background-size: cover;
	}

	#antecedentes-slider_380px .flex-control-nav {
		bottom: 3%;
	}

	#antecedentes-slider_380px .flex-direction-nav .flex-prev {
		left: 1%;
		opacity: 0.8;
	}

	#antecedentes-slider_380px .flex-direction-nav .flex-next {
		right: 1%;
		opacity: 0.8;
	}

	#antecedentes-slider_380px .flex-caption {
		right: inherit;
		top: inherit;
		bottom: 14%;
	}

	#antecedentes-slider_380px .flex-caption h3 {
		text-align: center;
		font-size: 22px;
		float: none;
	}

	#antecedentes-slider_380px .flex-caption h4 {
		float: none;
		line-height: 18px;
		text-align: center;
		font-size: 14px;
	}

	#antecedentes {
		display: none;
	}

	#antecedentes_responsive {
		display: block;
		margin: 40px 0;
	}

	#antecedentes_responsive h2 {
		text-align: center;
		width: 80%;
		margin: auto;
	}

	#antecedentes_responsive h3 {
		text-align: center;
	}

	#antecedentes_responsive h4 {
		text-align: center;
		font-weight: 700;
		font-size: 19px;
	}

	#antecedentes_responsive p {
		text-align: center;
	}

	#antecedentes_responsive p.esquema {
		background-color: #e4e4e4;
		padding: 16px;
		margin: 20px 0 0 0; 
	}

	#antecedentes_responsive img {
		margin-bottom: 40px;
		background-color: #e4e4e4;
		width: 100%;
	}

/* Productos */
	#productos {
		margin: 20px 0 100px 0;
	}

	#productos .col-3-4 {
		display: flex;
	}

	#productos ul li {
		width: 48%;
		margin: 2% 1%;
	}

	#productos li a {
		font-size: 12px;
		border-radius: 4px;
		padding: 6px 8px;
	}

	#productos ul li a:hover {
		margin-left: inherit;
	}

	#productos ul li a:active, #productos ul li a.active {
		margin: 0 2px;
	}

	#productos p.colores {
		float: none;
		font-size: 13px;
		font-weight: 700;
		line-height: 18px;
		margin-top: 12%;
		padding: 8px;
		width: 64%;
	}

	#productos img {
		width: 28%;
		margin-top: 20px;
	}

	#autoimprimante,
	#acrilico,
	#alquidico,
	#antiabrasivo,
	#esmalte,
	#fosfato,
	#masilla,
	#zinc,
	#sinsolvente,
	#poliuretano,
	#altatemp,
	#limpiadores,
	#intumescente,
	#vinilester {
		margin-top: 30px;
	}

	#tabs-content article.col-1-3 {
		margin-bottom: 40px;
		height: auto;
	}

	#tabs-content .producto-destacado img {
		right: -2%;
	}

	#tabs-content .producto-destacado h4 {
		font-size: 16px;
	}

	#tabs-content p {
		font-size: 13px;
		padding: 15px 0;
	}	

	.go-top {
		width: 30px;
		height: 30px;
		font-size: 30px;
		bottom: 5%;
		right: 41%;
		margin: auto;
	}


/* Calculador de rendimiento */
	#calculador{
		padding: 30px 0 40px 0;
	}

	#calculador .col-2-4 {
		width: 100%;
		float: none;
	}

	#calculador .col-1-4 {
		width: 100%;
		float: none;
	}

	#calculador h2 {
		font-size: 20px;
		margin-bottom: 30px;
	}

	#calculador select{
		margin-bottom: 30px;
	}

	#calculador input{
		width: 100%;
		margin-bottom: 30px;
	}

	#calculador #buscar {
		width: 100%;
		box-shadow: 0 0 14px #00213f;
	}

	#calculador-resultado {
		padding: 30px 0 40px 0;
	}

	#calculador-resultado .col-1-4 {
		width: 100%;
		margin-right: 0;
	}

	#calculador-resultado .col-1-4:nth-child(4n) {
		margin-right: 0;
	}

	#calculador-resultado h3 {
		width: 100%;
		text-align: center;
		font-size: 26px;
		margin-bottom: 10px;
		position: inherit;
	}

	#calculador-resultado h4{
		font-size: 15px;
		margin: 10px 0;
	}

	#calculador-resultado p {
		font-size: 26px;
		padding-bottom: 20px;
	}

	#calculador-resultado img.lata {
		width: 60%;
		margin: 30px;
	}

	#calculador-resultado img.right,
	#calculador-resultado img.left {
		display: none;
	}

/* Contacto */
	#contacto {
		margin: 30px 0 60px 0; 
	}

	#contacto h3 {
		font-size: 19px;
		width: 100%;
		padding-bottom: 0;
		margin-bottom: 25px;
	}

	#contacto h4.tel {
		font-size: 28px;
		margin-bottom: 26px;
		width: 100%;
	}

	#contacto h4.domicilio {
		font-size: 15px;
		line-height: 22px;
		width: 100%;
		margin-bottom: 26px; 
	}

	#contacto h4.mail {
		font-size: 21px;
		width: 100%;
		margin-bottom: 26px; 
	}

	form.col-1-2 {
		margin-top: 30px;
	}

	#contacto input {
		height: 40px;
	}

	#contacto textarea{
		height: 150px;
	}

	input#enviar {
		height: 50px;
	}

/* Footer */
	.site-map {
		padding: 30px 0;
	}

	.site-map img {
		display: none
	}

	.site-map ul {
		display: none;
	}

	.site-map h5 {
		display: none;
	}

	.site-map h6 {
		display: none;
	}

	.site-map p {
		display: none
	}

	.site-map div {
		text-align: center;
		display: inline-block;
	}

	footer .col-1-4 {
		width: 100%;
		margin-right: 0px;
	}

	.facebook {
		margin: 0 auto;
	}

	.twitter {
		margin: 0 auto;
	}

	.copyright {
		padding: 30px 0;
	}

	p.copyright-year {
		float: none;
		font-size: 14px;
		line-height: 20px;
		width: 80%;
	}

	p.design-by {
		float: none;
		font-size: 14px;
		line-height: 20px;
		margin-top: 14px;
	}
	
}


@media (min-width: 381px) and (max-width: 460px)  {

/* Estilos generales */
	.wrapper {
		width: 85%;
		margin: 0 auto; 
	}

	.col-1-2 {
		float: none;
		width: 100%;
		margin-right: 0px;
	}

	.col-1-3 {
		float: none;
		width: 100%;
		margin-right: 0px;
	}

	.col-1-4 {
		float: none;
		width: 100%;
		margin-right: 0px;
	}

	.col-1-4:nth-child(2n) {
		margin-right: 0;
	}

	.col-1-5 {
		float: none;
		width: 100%;
		margin-right: 0px;
	}

	.col-3-4 {
		float: none;
		width: 100%;
		margin-right: 0px;
	}

	.col-4-5 {
		float: none;
		width: 100%;
		margin-right: 0px;
	}

	p.destacado{
		font-size: 18px;
		line-height: 26px;
		padding-left: 0px; 
		padding-right: 0px;
	}

/* Header */
	.logo-dnv {
		display: none;
	}

	.menu nav {
		display: none;
	}

	#nav-responsive {
		display: block;
	}

	.navicon-responsive {
		margin: 14px 7% 14px 14px;
	}

/* Título H1 */
	#titulo {
		height: 65px;
		display: inline-flex;
	}

	#titulo h1 {
		font-size: 30px;
		text-shadow:0 1px 7px #000;
		padding-top: 12px;
	}

/* Quienes somos */
	#quienes-somos-slider {
		display: none;
	}

	#quienes-somos-slider_380px {
		display: inline-flex;
	}

	#quienes-somos {
		padding: 40px 0 60px 0;
	}

	#quienes-somos h5{
		float: none;
		width: 100%;
		font-size: 44px;
		line-height: 44px;
		margin-bottom: 30px;
	}

	#quienes-somos p {
		font-size: 18px;
		width: 100%;
		float: none;
		padding: 20px 0 0 0;
		border-left: none;
	}

	.texto {
		margin-top: 60px;
	}

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

	.texto img {
		margin: 30px 0;
	}

	#list-right {
		margin-bottom: 70px;
	}

	#list-right img {
		height: 70px;
	}

	#list-right .col-3-4{
		border-bottom: none;
		float: none;
		width: 100%;
	}

	#list-right .col-3-4 ul {
		margin: 0 0 20px 20px;
		float: left;		
	}

	#list-right .col-3-4 ul li {
		float: none;
		width: 100%;
		font-size: 17px;
	}

	#list-right .col-3-4 p{
		float: none;
		border-bottom: 2px dotted #ccc;
		width: 100%;
	}

/* Servicios */
	#pre-venta,
	#post-venta,
	#inspeccion {
		padding-top: 20px;
	}

	#pre-venta h4,
	#post-venta h4,
	#inspeccion h4 {
		width: 100%;
		font-size: 30px;
		padding-bottom: 16px;
	}

	#pre-venta p,
	#post-venta p,
	#inspeccion p {
		color: #000;
		font-size: 14px;
		line-height: 26px;
		width: 92%;
		float: none;
		padding: 0 0 5px 18px;
		border-left: 3px solid #ffb500;
	}

	.img_servicios_1 img,
	.img_servicios_2 img,
	.img_servicios_3 img {
		width: 100%;
		margin: 0 auto;
	}

	.img_servicios_3 {
		margin-bottom: 80px;
	}


/* Garantía de calidad */
	#garantia {
		margin-top: 30px;
	}

	#garantia img{
		float: left;
		height: 70px;
		margin: 0 0 35px 0;
	}

	#garantia img:nth-child(2n){
		margin-left: 70px;
	}

	#gm h5 {
		font-size: 26px;
		letter-spacing: 8px;
	}

/* Antecedentes */
	#antecedentes-slider {
		display: none;
	}

	#antecedentes-slider_380px {
		display: inline-flex;
	}

	#antecedentes-slider_380px .slides img {
		width: 100%;
		height: auto;
		background-size: cover;
	}

	#antecedentes-slider_380px .flex-control-nav {
		bottom: 3%;
	}

	#antecedentes-slider_380px .flex-direction-nav .flex-prev {
		left: 1%;
		opacity: 0.8;
	}

	#antecedentes-slider_380px .flex-direction-nav .flex-next {
		right: 1%;
		opacity: 0.8;
	}

	#antecedentes-slider_380px .flex-caption {
		right: inherit;
		top: inherit;
		bottom: 14%;
	}

	#antecedentes-slider_380px .flex-caption h3 {
		text-align: center;
		font-size: 22px;
		float: none;
	}

	#antecedentes-slider_380px .flex-caption h4 {
		float: none;
		line-height: 18px;
		text-align: center;
		font-size: 14px;
	}

	#antecedentes {
		display: none;
	}

	#antecedentes_responsive {
		display: block;
		margin: 40px 0;
	}

	#antecedentes_responsive h2 {
		text-align: center;
		width: 80%;
		margin: auto;
	}

	#antecedentes_responsive h3 {
		text-align: center;
	}

	#antecedentes_responsive h4 {
		text-align: center;
		font-weight: 700;
		font-size: 19px;
	}

	#antecedentes_responsive p {
		text-align: center;
	}

	#antecedentes_responsive p.esquema {
		background-color: #e4e4e4;
		padding: 16px;
		margin: 20px 0 0 0; 
	}

	#antecedentes_responsive img {
		margin-bottom: 40px;
		background-color: #e4e4e4;
		width: 100%;
	}

/* Productos */
	#productos {
		margin: 20px 0 100px 0;
	}

	#productos .col-3-4 {
		display: flex;
	}

	#productos ul li {
		width: 48%;
		margin: 2% 1%;
	}

	#productos li a {
		font-size: 12px;
		border-radius: 4px;
		padding: 6px 8px;
	}

	#productos ul li a:hover {
		margin-left: inherit;
	}

	#productos ul li a:active, #productos ul li a.active {
		margin: 0 2px;
	}

	#productos p.colores {
		float: none;
		font-size: 13px;
		font-weight: 700;
		line-height: 18px;
		margin-top: 12%;
		padding: 8px;
		width: 64%;
	}

	#productos img {
		width: 28%;
		margin-top: 20px;
	}

	#autoimprimante,
	#acrilico,
	#alquidico,
	#antiabrasivo,
	#esmalte,
	#fosfato,
	#masilla,
	#zinc,
	#sinsolvente,
	#poliuretano,
	#altatemp,
	#limpiadores,
	#intumescente,
	#vinilester {
		margin-top: 30px;
	}

	#tabs-content article.col-1-3 {
		margin-bottom: 40px;
		height: auto;
	}

	#tabs-content .producto-destacado img {
		right: -2%;
	}

	#tabs-content .producto-destacado h4 {
		font-size: 16px;
	}

	#tabs-content p {
		font-size: 13px;
		padding: 15px 0;
	}	

	.go-top {
		width: 30px;
		height: 30px;
		font-size: 30px;
		bottom: 5%;
		right: 41%;
		margin: auto;
	}


/* Calculador de rendimiento */
	#calculador{
		padding: 30px 0 40px 0;
	}

	#calculador .col-2-4 {
		width: 100%;
		float: none;
	}

	#calculador .col-1-4 {
		width: 100%;
		float: none;
	}

	#calculador h2 {
		font-size: 20px;
		margin-bottom: 30px;
	}

	#calculador select{
		margin-bottom: 30px;
	}

	#calculador input{
		width: 100%;
		margin-bottom: 30px;
	}

	#calculador #buscar {
		width: 100%;
		box-shadow: 0 0 14px #00213f;
	}

	#calculador-resultado {
		padding: 30px 0 40px 0;
	}

	#calculador-resultado .col-1-4 {
		width: 100%;
		margin-right: 0;
	}

	#calculador-resultado .col-1-4:nth-child(4n) {
		margin-right: 0;
	}

	#calculador-resultado h3 {
		width: 100%;
		text-align: center;
		font-size: 26px;
		margin-bottom: 10px;
		position: inherit;
	}

	#calculador-resultado h4{
		font-size: 15px;
		margin: 10px 0;
	}

	#calculador-resultado p {
		font-size: 26px;
		padding-bottom: 20px;
	}

	#calculador-resultado img.lata {
		width: 60%;
		margin: 30px;
	}

	#calculador-resultado img.right,
	#calculador-resultado img.left {
		display: none;
	}

/* Contacto */
	#contacto {
		margin: 30px 0 60px 0; 
	}

	#contacto h3 {
		font-size: 22px;
		width: 100%;
		padding-bottom: 0;
		margin-bottom: 25px;
	}

	#contacto h4.tel {
		font-size: 30px;
		margin-bottom: 26px;
		width: 100%;
	}

	#contacto h4.domicilio {
		font-size: 19px;
		line-height: 24px;
		width: 100%;
		margin-bottom: 26px; 
	}

	#contacto h4.mail {
		font-size: 24px;
		width: 100%;
		margin-bottom: 26px; 
	}

	form.col-1-2 {
		margin-top: 30px;
	}

	#contacto input {
		height: 40px;
	}

	#contacto textarea{
		height: 150px;
	}

	input#enviar {
		height: 50px;
	}

/* Footer */
	.site-map {
		padding: 30px 0;
	}

	.site-map img {
		display: none
	}

	.site-map ul {
		display: none;
	}

	.site-map h5 {
		display: none;
	}

	.site-map h6 {
		display: none;
	}
	
	.site-map p {
		display: none
	}

	.site-map div {
		text-align: center;
		display: inline-block;
	}

	footer .col-1-4 {
		width: 100%;
		margin-right: 0px;
	}

	.facebook {
		margin: 0 auto;
	}

	.twitter {
		margin: 0 auto;
	}

	.copyright {
		padding: 30px 0;
	}

	p.copyright-year {
		float: none;
		font-size: 14px;
		line-height: 20px;
		width: 70%;
	}

	p.design-by {
		float: none;
		font-size: 14px;
		line-height: 20px;
		margin-top: 14px;
	}
	
}


@media (min-width: 461px) and (max-width: 800px)  {

/* Estilos generales */
	.wrapper {
		width: 80%;
		margin: 0 auto; 
	}

	.col-1-2 {
		float: none;
		width: 100%;
		margin-right: 0px;
	}

	.col-1-3 {
		width: 48.6762681%;
		margin-right: 2.64746373%;
	}

	.col-1-3:nth-child(3n) {
		margin-right: 2.64746373%;
	}

	.col-1-3:nth-child(2n) {
		margin-right: 0;
	}

	.col-1-4 {
		float: left;
		width: 20%;
		margin-right: 0px;
	}

	.col-1-4:nth-child(2n) {
		margin-right: 0;
	}

	.col-1-5 {
		float: none;
		width: 100%;
		margin-right: 0px;
	}

	.col-3-4 {
		float: left;
		width: 80%;
		margin-right: 0px;	
	}

	.col-4-5 {
		float: none;
		width: 100%;
		margin-right: 0px;
	}

	p.destacado{
		font-size: 18px;
		line-height: 26px;
		padding-left: 0px; 
		padding-right: 0px;
	}

/* Header */
	.menu nav {
		display: none;
	}

	#nav-responsive {
		display: block;
	}

	.navicon-responsive {
		margin: 14px 10% 14px 14px;
	}

/* Título H1 */
	#titulo {
		height: 72px;
		display: inline-flex;
	}

	#titulo h1 {
		font-size: 36px;
		text-shadow:0 1px 7px #000;
		padding-top: 12px;
	}

/* Quienes somos */
	#quienes-somos-slider_768px .slides img {
		width: 100%;
		height: 100%;
		background-size: cover;
	}

	#quienes-somos-slider {
		display: none;
	}

	#quienes-somos-slider_768px {
		display: inline-flex;
	}
	
	#quienes-somos-slider .flexslider {
		display: inline-grid;
	}

	#quienes-somos-slider .slides img{
		height: 400px;
		width:auto; 
	}

	.flex-direction-nav .flex-prev {
		left: 2%;
		opacity: 0.8;
	}

	.flex-direction-nav .flex-next {
		right: 2%;
		opacity: 0.8;
	}  

	#quienes-somos-slider .flex-caption {
		left: 12%;
		top: inherit;
		bottom: 25%;
	}

	#quienes-somos-slider .flex-caption h4 {
		line-height: 28px;
		font-size: 28px;
	}

	#quienes-somos-slider .flex-caption p {
		line-height: 30px;
		font-size: 30px;
	}

	.flexslider:hover .flex-direction-nav .flex-prev {
		opacity: 0.8;
		left: 2%;
	}

	.flexslider:hover .flex-direction-nav .flex-prev:hover {
		opacity: 0.8;
	}

	.flexslider:hover .flex-direction-nav .flex-next {
		opacity: 0.8;
		right: 2%;
	}

	.flexslider:hover .flex-direction-nav .flex-next:hover {
		opacity: 0.8;
	}

	#quienes-somos {
		padding: 40px 0 60px 0;
	}

	#quienes-somos h5{
		float: none;
		width: 100%;
		font-size: 40px;
		line-height: 40px;
		margin-bottom: 20px;
	}

	#quienes-somos p {
		font-size: 16px;
		width: 100%;
		float: none;
		padding: 15px 0 0 0;
		border-left: none;
	}

	.texto {
		margin-top: 60px;
	}

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

	.texto img {
		margin: 30px 0;
	}

	#list-right {
		margin-bottom: 70px;
	}

	#list-right img {
		height: 90px;
	}

	#list-right .col-3-4 {
		max-height: 150px;
	}

	#list-right .col-3-4 ul li {
		width: 40%;
	}

/* Servicios */
	#pre-venta,
	#post-venta,
	#inspeccion {
		padding: 30px 0;
	}

	#pre-venta h4,
	#post-venta h4,
	#inspeccion h4 {
		font-size: 25px;
	}

	#pre-venta p,
	#post-venta p,
	#inspeccion p {
		font-size: 14px;
		line-height: 26px;
		padding: 0 0 16px 20px;
	}

	.img_servicios_1 img,
	.img_servicios_2 img,
	.img_servicios_3 img {
		width: 100%;
	}

	.img_servicios_3 {
		margin-bottom: 80px;
	}


/* Garantía de calidad */
	#garantia {
		margin-top: 30px;
	}

	#garantia img{
		float: left;
		height: 70px;
		margin: 0 0 35px 0;
	}

	#garantia img:nth-child(2n){
		margin-left: 70px;
	}

	#gm h5 {
		font-size: 26px;
		letter-spacing: 8px;
		margin-bottom: 30PX
	}

/* Antecedentes */
	#antecedentes-slider .slides img {
		width: 150%;
		height: 100%;
	}

	#antecedentes-slider .flex-direction-nav .flex-prev {
		opacity: 0.8;
		left: 2%;
	}

	#antecedentes-slider .flex-direction-nav .flex-next {
		opacity: 0.8;
		right: 2%;
	}

	#antecedentes-slider .flex-caption {
		top: 50%;
	}

	#antecedentes-slider .flex-caption h3 {
		font-size: 26px;
	}

	#antecedentes-slider .flex-caption h4 {
		font-size: 16px;
	}

	#antecedentes {
		display: none;
	}

	#antecedentes_responsive {
		display: block;
		margin: 40px 0;
	}

	#antecedentes_responsive h2 {
		text-align: center;
		margin: auto;
	}

	#antecedentes_responsive h3 {
		text-align: center;
	}

	#antecedentes_responsive h4 {
		text-align: center;
		font-weight: 700;
		font-size: 19px;
	}

	#antecedentes_responsive p {
		text-align: center;
	}

	#antecedentes_responsive p.esquema {
		background-color: #e4e4e4;
		padding: 16px;
		margin: 20px 0 0 0; 
	}

	#antecedentes_responsive img {
		margin-bottom: 40px;
		background-color: #e4e4e4;
		width: 100%;
	}

/* Productos */
	#productos {
		margin: 30px 0 100px 0;
	}

	#productos li a {
		font-size: 12px;
		padding: 6px 8px;
	}

	#productos ul li a.active {
		margin-left: 0; 
	}

	#productos p.colores {
		font-size: 12px;
		line-height: 16px;
		width: 75%;
		padding: 8px;
		margin: 20px 0 30px 0;
	}

	#productos img {
		width: 70%;
		margin: 0 10%;
	}

	#tabs-content article.col-1-3 {
		margin-bottom: 30px;
		height: 320px;
		background-color: rgba(228,228,228,0.3);
	}

	#tabs-content .producto-destacado img {
		right: -12%;
	}

	#tabs-content .producto-destacado h4 {
		font-size: 16px;
	}

	#tabs-content p {
		font-size: 13px;
		padding: 15px 0;
	}	

	.go-top {
		width: 30px;
		height: 30px;
		font-size: 30px;
		bottom: 5%;
		right: 41%;
		margin: auto;
	}

/* Calculador de rendimiento */
	#calculador{
		padding: 30px 0 60px 0;
	}

	#calculador .col-2-4 {
		width: 100%;
		float: none;
	}

	#calculador h2 {
		font-size: 24px;
		margin-bottom: 30px;
	}

	#calculador select{
		margin-bottom: 30px;
	}

	#calculador input{
		width: 48.6762681%;
		margin-bottom: 30px;
		margin-right: 2.64746373%;
	}

	#calculador #buscar {
		width: 100%;
		box-shadow: 0 0 14px #00213f;
	}

	#calculador-resultado {
		padding: 30px 0 40px 0;
	}

	#calculador-resultado .col-1-4 {
		width: 23.0144022%;
		margin-right: 2.64746373%;
	}

	#calculador-resultado h3 {
		text-align: center;
		width: 100%;
		font-size: 26px;
		margin-bottom: 20px;
		position: inherit;
	}

	#calculador-resultado h4{
		font-size: 12px;
		line-height: 16px;
		margin: 0;
	}

	#calculador-resultado p {
		font-size: 22px;
		line-height: 24px;
		padding: 10px 0;
	}

	#calculador-resultado .col-1-5 {
		display: inline-block;
	}

	#calculador-resultado img.lata {
		width: 30%;
		margin: 30px 0 10px 0 ;

	}

	#calculador-resultado img.right,
	#calculador-resultado img.left {
		top: inherit;
		bottom: 21%;
		width: 120px;
	}

	#calculador-resultado img.right {
		right: 14%
	}

	#calculador-resultado img.left {
		left: 14%;
	}

/* Contacto */
	#contacto {
		margin: 30px 0 60px 0; 
	}

	#contacto h3 {
		text-align: center;
		font-size: 22px;
		width: 100%;
		padding-bottom: 0;
		margin-bottom: 25px;
	}

	#contacto h4.tel {
		text-align: center;
		font-size: 30px;
		margin-bottom: 26px;
		width: 100%;
	}

	#contacto h4.domicilio {
		text-align: center;
		font-size: 20px;
		line-height: 24px;
		width: 100%;
		margin-bottom: 26px; 
	}

	#contacto h4.mail {
		text-align: center;
		font-size: 24px;
		width: 100%;
		margin-bottom: 26px; 
	}

	form.col-1-2 {
		float: none;
		width: 65%;
		margin: 40px auto 10px auto;
		display: inline-block;
	}

	#contacto input {
		height: 40px;
	}

	#contacto textarea{
		height: 150px;
	}

	input#enviar {
		height: 50px;
	}

/* Footer */
	.site-map {
		padding: 40px 0;
	}

	.site-map .wrapper {
		width: 85%;
	}

	.site-map h5 {
		font-size: 14px;
	}

	.site-map h6 {
		font-size: 14px;
	}
	
	.site-map ul li {
		font-size: 12px;
		line-height: 28px;
	}

	.site-map p {
		font-size: 11px;
		line-height: 20px;
	}

	footer .col-1-4 {
		float: left;
		width: 23.0144022%;
		margin-right: 2.64746373%;
	}

	footer .col-1-4:nth-child(2n){
		margin-right: 2.64746373%;
	}

	footer .col-1-4:nth-child(4n){
		margin-right: 0;
	}

	.copyright {
		padding: 30px 0;
	}

	p.copyright-year {
		float: none;
		font-size: 14px;
		line-height: 20px;
		width: 80%;
	}

	p.design-by {
		float: none;
		font-size: 14px;
		line-height: 20px;
		margin-top: 14px;
	}
	
}


@media (min-width: 801px) and (max-width: 900px) {
/* Estilos generales */
	.wrapper {
		width: 90%;
	}

/* Quienes somos */
	#quienes-somos-slider .flex-caption {
		left: 15%;
		top: inherit;
		bottom: 25%;
	}

	#quienes-somos-slider .flex-caption h4 {
		line-height: 28px;
		font-size: 28px;
	}

	#quienes-somos-slider .flex-caption p {
		line-height: 30px;
		font-size: 30px;
	}


	#quienes-somos h5 {
		font-size: 35px;
		line-height: 38px;
		width: 30%;
	}

	#list-right .col-1-4 {
		margin-right: 2.64746373%;
	}

	#list-right .col-3-4 {
		max-height: 145px;
		margin-left:2%; 
		width: 71.985598%;
	}

	#list-right .col-3-4 ul li {
		width: 40%;
	}

/* Servicios */
	#pre-venta,
	#post-venta,
	#inspeccion {
		padding: 30px 0;
	}

	#pre-venta h4,
	#post-venta h4,
	#inspeccion h4 {
		font-size: 30px;
	}

	#pre-venta p,
	#post-venta p,
	#inspeccion p {
		font-size: 14px;
		line-height: 26px;
		padding: 0 0 16px 20px;
	}

	.img_servicios_1 img,
	.img_servicios_2 img,
	.img_servicios_3 img {
		width: 100%;
	}

	.img_servicios_3 {
		margin-bottom: 80px;
	}

/* Garantía de calidad */
	#garantia {
		margin-top: 30px;
	}

	#garantia img{
		float: left;
		height: 70px;
		margin: 0 0 35px 0;
	}

	#garantia img:nth-child(2n){
		margin-left: 70px;
	}

	#gm h5 {
		font-size: 26px;
		letter-spacing: 8px;
		margin-bottom: 30PX
	}

/* Antecedentes */
	#antecedentes h2 {
		font-size: 28px;
	}

	#antecedentes h3 {
		font-size: 20px;
	}

	#antecedentes h4 {
		font-size: 16px;
	}

	#antecedentes p {
		font-size: 14px;
		line-height: 22px;
	}

	#antecedentes p.esquema strong, #antecedentes p.esquema {
		font-size: 14px;
		line-height: 22px;
	}	

	#antecedentes-slider .flex-caption {
		top: 30%;
	}
	
	#antecedentes-slider .flex-caption h3 {
		font-size: 24px;
	}

	#antecedentes-slider .flex-caption h4 {
		font-size: 16px;
	}

/* Productos */
	#productos {
		margin: 30px 0 100px 0;
	}

	#productos li a {
		font-size: 14px;
		padding: 8px 10px;
	}

	#productos ul li a.active {
		margin-left: 0; 
	}

	#productos p.colores {
		font-size: 14px;
		line-height: 20px;
		width: 76%;
		padding: 11px;
		margin: 20px 0 30px 0;
	}

	#productos img {
		width: 70%;
		margin: 0 10%;
	}

	#tabs-content article.col-1-3 {
		margin-bottom: 30px;
		height: 360px;
	}

	#tabs-content .producto-destacado img {
		right: -20%;
	}

	#tabs-content .producto-destacado h3 {
		font-size: 18px;
	}

	#tabs-content .producto-destacado h4 {
		font-size: 16px;
	}

	#tabs-content h3 {
		font-size: 18px;
	}

	#tabs-content h4 {
		font-size: 16px;
	}

	#tabs-content p {
		font-size: 12px;
		line-height: 18px;
		padding: 15px 0;
	}	

	#tabs-content .botones a {
		font-size: 11px;
		padding: 10px 4px;	
		margin: 1px;	
	}

	.go-top {
		width: 30px;
		height: 30px;
		font-size: 30px;
		bottom: 5%;
		right: 41%;
		margin: auto;
	}



/* Calculador de rendimiento */
	#calculador-resultado img.right,
	#calculador-resultado img.left {
		display: none;
	}

/* Contacto */
	#contacto {
		margin: 30px 0 60px 0; 
	}

	#contacto h3 {
		font-size: 22px;
		width: 100%;
		padding-bottom: 0;
		margin-bottom: 25px;
	}

	#contacto h4.tel {
		font-size: 30px;
		margin-bottom: 26px;
		width: 100%;
	}

	#contacto h4.domicilio {
		font-size: 20px;
		line-height: 24px;
		width: 100%;
		margin-bottom: 26px; 
	}

	#contacto h4.mail {
		font-size: 24px;
		width: 100%;
		margin-bottom: 26px; 
	}
}

@media (min-width: 901px) and (max-width: 1023px) {
/* Estilos generales*/	
	.wrapper {
		width: 90%;
	}

/* Calculador de rendimiento*/
	#calculador-resultado img.lata {
		margin-top: 10%;
	}

	#calculador-resultado img.right,
	#calculador-resultado img.left {
		display: none;
	}
}

@media (min-width: 1024px) and (max-width: 1299px) {
/* Calculador de rendimiento*/
	#calculador-resultado img.right {
		right:0;
	}

	#calculador-resultado img.left {
		left: 0;
	}

/* Contacto */
	#contacto h4.domicilio {
		font-size: 21px;
	}
}

@media only screen and (min-width: 1300px) {
/* Estilos generales*/	
	.wrapper {
		width: 70%;
	}

/* Productos */
	#tabs-content article.col-1-3 {
		height: 320px;
	}

/* Calculador de rendimiento*/
	#calculador-resultado img.right {
		right: 5%;
	}

	#calculador-resultado img.left {
		left: 5%;
	}
}