@charset "UTF-8";
@import url('https://fonts.googleapis.com/css?family=Roboto:300,400,500,700,900');
@import url('https://fonts.googleapis.com/css?family=Viga');
/* CSS Document */
* {
  margin: 0;
  padding: 0;
  outline: none;
}

html, body {
	margin: 0;
	padding:0;
	height:100%;
	font-family: 'Roboto', sans-serif;}
body{
	width:100%;
	 opacity: 1;
    transition: 2s opacity;
	}

.hidden {
    opacity: 0;
}
body #fancybox-wrap { position: fixed; }	
body.fade-out {
    opacity: 0;
    transition: none;
}	
img {
	margin:0 auto;
	border:none;
}
a {
	border:none;
	text-decoration:none;}
article{
	    margin: 0;
    padding: 0;
    width: 100%;
    clear: both;
    height: auto;
    display: inline-block;}
aside{
	    float: right;
    width: 30%;
    background-color: #eee;
    padding: 0px 20px;
    box-sizing: border-box;
    margin: 40px 0 0 0;
    min-height: 100vh;
    /* display: block; */}

.content{
	width:1120px;
	margin:0 auto;
	padding:0;}
.col_1_4{
	float:left;
	width:25%;
	margin:0;
	padding:0;}	
h1, .flex-caption, .slogan, .seccion_titulo {
	font-family: 'Viga', sans-serif;
	}	
h1 {
	    font-size: 40px;
    font-weight: 600;
    color: #333;
    text-align: left;
    text-transform: uppercase;
    clear: both;
    margin: 30px 0 0;
	}
h2 {
	    font-size: 16px;
    font-weight: 300;
    color: #fff;
    text-align: left;
    clear: both;
    margin: 10px 0 0 0;}
h3{
	    font-size: 30px;
    font-weight: 600;
    color: #555;
    text-align: left;
    text-transform: uppercase;
    clear: both;
    margin: 18px 0 0;
    float: left;}	
h3 span{
	    /* clear: both; */
    font-size: 16px;
    font-weight: 300;
    float: left;
    margin: -1px 0 0 0;
    position: absolute;
    display: block;}
.bk_white_90{
	background-color:rgba(255,255,255,0.9) !important;}
.bk_blue{
	background-color: rgb(3, 167, 218) !important;}
.back_triangle{
	background-image: url(../images/back_triangle.jpg);
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	background-attachment: fixed;
	background-repeat: no-repeat;
	background-position: 0 0;
	}	
	
/* fin generales */	
.sobrenav{
	    width: 100%;
    height: 35px;
    margin: 0;
    top: 0;
    background-color: #efefef;
    font-size: 12px;
    font-weight: 400;
    color: #03a7da;
    text-transform: uppercase;
    z-index: 9990 !important;
    top: 0;
    position: absolute;
    border-bottom: 1px solid #ddd;}
.contact{
	float: left;
    margin: 8px 0 0 0;
    color: #03a7da;}
.social{
	width:145px;
	float:right;
	margin:0;}
.social span{
	margin:12px 0 0 0;
	display:block;
	float:left;}
.social ul{
	float:right;
	list-style:none;
	margin:0;
	padding:0;}
.social ul li {
	    display: block;
    background-color: #777;
    height: 35px;
    margin: 0;
    width: 39px;
	float:left
	}
.social ul li img{
	    display: block;
    height: 100%;
    width: auto !important;}
.social ul li:hover{
	background-color:#03a7da;
	cursor:pointer;}
.logo{
	float: left;
    display: block;
    margin: 6px 0 0 0;}
.logo img{
	display:block;
	margin:0;
	width:80%;
	height:auto;}
nav {
	width: 100%;
    height: 80px;
    background-color: #fff;
    position: absolute;
    /* margin: 0; */
    top: 35px !important;
    z-index: 9990 !important;
    border-bottom: solid 2px #ddd;
   }
nav ul {
	float:right;
	margin:0;
	padding:0;
	list-style:none;
	}
nav ul li {
	display: block;
    height: 80px;
    margin: 0;
    padding: 0;
    float: left;}
nav ul li a{
       padding: 33px 20px 0;
    color: #333;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 600;
    text-align: center;
    display: block;}
nav ul li.nav_prod{
	background-color:#03a7da;
	padding:0 20px;}
nav ul li.nav_prod:hover .submenu{	
	display: inline-table;
	opacity:1;
	-webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
nav ul li.nav_prod a{
	color:#FFF;}
nav ul li:hover{
	background-color:#03a7da;
	cursor:pointer;}
nav ul li:hover a {
	color:#FFF;}
.submenu{
    width: 100%;
    height: 220px;
    background-color: #03a7da;
    margin-top: 28px;
    position: absolute;
    left: 0;
	display:none;
	opacity:0;
-webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
 }
.submenu_cont	{
	    width: 60%;
    margin: 20px auto 0;
    display: block;
}
.submenu_cont ul {
    float: left;
    margin-left: 20px;
	width:210px;
}
.submenu_cont > ul {
		border-left:solid 2px #fff;
		padding-left:20px;
		width:23%;
		}
.submenu_cont ul li {
	text-transform:uppercase;
	font-size:14px;
	font-weight:600;
	color:#fff;
	height: auto;}
.submenu_cont ul li a{
	color:#fff;
	padding:10px 0;
	font-weight:400;
	font-size:12px;}
.submenu_cont ul li ul{
	margin-left: 0;
    margin: 10px 0 0 0px;
}
.submenu_cont ul li ul li{
	/*	float: left; */
    width: 100%;
    clear: both;
    width: 100%;
    display: block;

}
.submenu_cont ul li ul li a{
	text-align: left;
    width: 100%;
    padding: 3px 0;
	-webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;}
	
.submenu_cont ul li ul li a:hover{
	font-weight:700;
	padding-left:10px;
		  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;}
#submenu{
	z-index:9970 !important; }

.sec_home{
	 margin: 0;
    padding: 120px 0;
	background-image: url(../images/home_herramienta_fondo.jpg);
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	background-attachment: fixed;
	background-repeat: no-repeat;
	background-position: 0 0;
	}
.sec_home_white {
    margin: 0;
   padding: 160px 0 120px;
}
.home_industrias{
	height:281px;
	background-color:#03a7da;
	cursor:pointer;
	}
.home_industrias img{
	width:100%;
	display:block;
	  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}	
.home_industrias span{
	background-color: #03a7da;
    text-align: center;
    color: #FFF;
    text-transform: uppercase;
    font-size: 18px;
    font-weight: 700;
    display: block;
    padding: 12px;
    position: relative;
    margin: -46px 0 0 0;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    z-index: 99;}
.home_industrias:hover img{
	opacity:0.5;
}
.home_industrias:hover span {
	font-size: 26px;
    position: relative;
    margin: -160px 0 0 0;
    background-color: transparent;
   }
.auto:before {
	   background-image: url('../images/home_auto.jpg');
	}
.moto:before{
		   background-image: url('../images/home_moto.jpg');}
.barco:before{
		   background-image: url('../images/home_barco.jpg');}		   
.auto:before, .moto:before, .barco:before{
	 content: ' ';
    display: block;
    position: relative;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    opacity: 1;
 
    background-repeat: no-repeat;
    background-position: 50% 0;
     background-size: 100%;
	  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.auto:hover:before, .moto:hover:before, .barco:hover:before{
	background-size:110% auto;
	  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
   opacity: 0.3;}
.col_home_title{
	padding:20px;
	box-sizing:border-box;}
.col_1_4 h1 {
	margin-top:70px;
	color:#fff;}
.slogan{
	    width: 50%;
    margin: 0 auto;
    background-color: #fff;
    color: #333;
    font-size: 32px;
    font-weight: 100;
    display: block;
    clear: both;
    text-align: center;
    text-transform: uppercase;
    padding: 80px 60px;
    /* border-bottom: 2px solid #fff; */
    /* border-top: 2px solid #fff; */
    /* font-style: italic; */}
.slogan:before{
	    content: "";
    width: 120px;
    height: 3px;
    background: #03a7da;
    position: absolute;
    /* margin-left: 117px; */
    /* margin-top: -20px; */
    margin: -30px 0 0 -60px	;
    left: 50%;}
.slogan:after{
	content: "";
    width: 120px;
    height: 3px;
    background: #03a7da;
    position: absolute;
    /* margin-left: 117px; */
    /* margin-top: -20px; */
    margin: 70px 0px 0 -60px;
    left: 50%;
}	
footer{
	width:100%;
	padding:80px 0;
	background-color:#333;}
footer img {
	display:block;
	margin:0 auto;}
	
/* slider */
.slider1, .slider2, .slider3, .slider4{
	    background-repeat: no-repeat;
    background-position: center 0;
    background-size: cover;
    height: 700px !important;
}
.slider1{ background-image: url(../images/slider/auto_16355369_xl.jpg);}
.slider2{ background-image: url(../images/slider/moto_31161308_xl.jpg);background-position: center -40px;}
.slider3{ background-image: url(../images/slider/barco_14382383_xl.jpg);background-position: center -160px;}
.slider_tit{
	color: #fff;
    width: 15%;
    padding: 27px 21px;
    font-size: 20px;
    font-weight: 400;
    text-align: left;
    margin: 190px 0 0 11%;
    background-color: rgba(0, 0, 0, 0.61);
}
 .flex-caption {
       width: 260px;
    padding: 30px;
    /* left: 0; */
    /* bottom: 0; */
    background: rgba(0, 0, 0, 0.7);
    color: #fff;
    font-size: 40px;
    line-height: 44px;
    margin: 290px 0 0 0;
    text-align: left;
    /* position: fixed; */
    border: solid 6px #fff;
    /* height: 700px; */
}
	
.sec_slider{
	margin-bottom:40px;
}
/* fin slider */

.seccion{
	width:100%;
	height:240px;
	}
.sec_papel{
	background-image: url(../images/slider/auto_16355369_xl.jpg);
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	background-attachment: fixed;
	background-repeat: no-repeat;
	background-position: 0 0;
}
.sec_empresa{
	background-image: url(../images/empresa_img.jpg);
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	background-attachment: fixed;
	background-repeat: no-repeat;
	background-position: 0 0;
	border-bottom:6px solid #03a7da;
}
.sec_contacto{
	background-image: url(../images/kovax.jpg);
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	background-attachment: fixed;
	background-repeat: no-repeat;
	background-position: 0 -210px;
	border-bottom:6px solid #03a7da;
}
.seccion_titulo{
	    display: inline-block;
    margin: 74px 0 0 0;
    padding: 20px;
    background-color: rgba(0,0,0,0.5);
    color: #fff;
    font-size: 40px;
	line-height:40px;
    text-transform: uppercase;
    min-width: 220px;
    border: solid 6px #fff;}
.submenu_prod{
	margin: 0;
    width: 100%;
    padding: 20px 0;
    background-color: #03a7da;
    /* height: auto; */
    display: inline-block;}
.submenu_prod ul{
	    list-style: none;
    width: 100%;
    margin: 0;
    padding: 0;
}
.submenu_prod ul li{
    border-left: solid 2px #fff;
    padding: 0px 0 0 10px;
    float: left;
    margin: -3px 20px 0 0;
}
.submenu_prod ul li a{
	color: #FFF;
    font-size: 14px;
    font-weight: 600;
    text-transform: uppercase;
    /* background-color: red; */
    padding: 11px;
    /* margin: 0px 0 0 0; */
}
.submenu_prod ul li a:hover{
	background-color:rgba(0,0,0,0.3);}
.col_1_2{
	width:50%;
	float:left;}
.foto_prod{
}
.carac{
	    float: left;
    width: 33%;
    margin: 30px 0 0 0;}
.icon{
	background-color: #03a7da;
    width: 50px;
    height: 33px;
    display: block;
    margin: 0 auto;}
.icon img{
	display:block;
	margin:0 auto;
	width:100%;}
.titulo{
	    text-transform: uppercase;
    text-align: center;
    font-size: 16px;
    font-weight: 600;
    padding-top: 10px;
    color: #03a7da;}
.spec{}
.spec ul{
	list-style: none;
    margin: 10px 0 0 0;
    padding: 0;}
.spec ul li{
	width: 100%;
    font-size: 12px;
    text-align: center;
    color: #333;
    font-weight: 400;
    text-transform: uppercase;
    padding: 2px 0;}

.spec_col_r, .spec_col_l{
	width:50% !important;
	float:left;}	

.clear{
	clear:both;
	height:20px;}
.fondo_spec{
	background-image: url(../images/triangles.png);
	background-repeat: no-repeat;
	background-position: 0px -250px;
	width:100%;
	height:auto;
	padding:40px 0;
}
.spec_txt{
	width: 100%;
    padding: 0 0 0 20px;
    border-left: solid 4px #03a7da;
	}
p {
	font-size: 12px;
    text-transform: uppercase;
    color: #333;
    line-height: 20px;
    font-weight: 400;
	text-align: justify;}
.info{
	margin: 40px 0 60px 0;
    width: 68%;
    float: left;
    box-sizing: border-box;}
.info > p{
    border-left: 4px solid #03a7da;
    padding-left: 20px;
	}
.img_empresa{
	    margin: 0 0 60px 0;
    display: block;
    width: 100%;
    height: auto;}
/*********** formulario **********/
.formulario{
	width:100%;
	padding:40px 0;}
input, textarea{
	width: 100%;
    padding: 20px;
    box-sizing: border-box;
    font-size: 16px;
    color: #333;
    border-radius: 5px;
    border: solid 2px #ccc;
    margin: 0 0 10px 0;}
input:placeholder{}
textarea{}
#botonenviar{
	background-color: #03a7da;
    color: #fff;
    font-size: 20px;
    border: none;
	cursor:pointer;}
#botonenviar:hover{
	background-color:#1dc9ff;}	
::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #ccc;
}
::-moz-placeholder { /* Firefox 19+ */
  color: #ccc;
}
:-ms-input-placeholder { /* IE 10+ */
  color: #ccc;
}
:-moz-placeholder { /* Firefox 18- */
  color: #ccc;
}

/************* fin formulario *************/

.prod_titulo{
	background-color: #eee;
    /* margin: 0; */
    padding: 1px;
    display: block;
    height: 80px;
	margin: 170px 0 0 0;
}

.producto_box {
  width: 21%;
    padding: 40px 10px 30px;
    /* background: red; */
    display: inline-table;
    border-bottom: 4px solid #ddd;
    margin: 0 9px;
	
}
.producto_box:hover {
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
	cursor:pointer;}

.producto_nombre{
	float: left;
    margin: 0;
    font-size: 16px;
    font-weight: 600;
    color: #555;
    text-align: center;
    text-transform: uppercase;
    display: block;
    width: 100%;}
.producto_foto{
	    width: 70%;
    margin: 60px auto 0;
    display: block;}
.producto_foto img {
	    width: 90%;
    height: auto;
    margin: 0 auto;
    display: block;}
.producto_spec{
	    float: left;
    width: 33.3%;
    margin: 30px 0 0 0px;
    background-color: #eee;
    padding: 10px 0;
    /* height: 100%; */
    min-height: 190px;}
.icon{
	    background-color: #03a7da;
    width: 60px;
    height: 41px;
    display: block;
    margin: 0 auto;}
.icon img{
	display:block;
	margin:0 auto;
	width:100%;}
.titulo{
	    text-transform: uppercase;
    text-align: center;
    font-size: 14px;
    font-weight: 600;
    padding-top: 10px;
    color: #03a7da;}
/*.spec{}
.spec ul{
	list-style: none;
    margin: 10px 0 0 0;
    padding: 0;}
.spec ul li{
	    width: 100%;
    font-size: 12px;
    text-align: center;
    color: #555;
    font-weight: 500;
    text-transform: uppercase;
    padding: 0;}*/
.ficha{
	    float: none;
    text-transform: uppercase;
    border: solid 2px #555;
    color: #555;
    padding: 8px 30px;
    top: 16px;
    position: relative;
    font-weight: 600;
    cursor: pointer;
    clear: both;
   /* display: block;*/
    /* margin: 10px 0; */
    text-align: center;
    font-size: 12px;
    width: 100%;
    margin: 0 auto;
	box-sizing:border-box;
	display:none;}
.ficha:hover{
	background-color:#555;
	color:#fff;}
	
.accesorios{
	width:50% !important;}