body{
    margin:0;
    font-family: 'Roboto', sans-serif; 
    min-width:1200px;
    margin:auto;
    font-weight: normal;
    font-size: 16px;
}

.body{
   
}

a{
    text-decoration:none;
    color:inherit;
}

h3{
    margin:0;
    font-size:20px;
    margin-top:10px;
    font-weight:normal;
}

.light{
    font-weight: lighter;    
}
h7 {
    display: block;
    font-size: 42px;
    font-weight: normal;
    line-height: 45px;
}

.bold{
    font-weight:bold;
}

h5{
    font-size:25px;
    border-bottom:1px solid #003D5E;
    text-align:center;
    width:200px;
    margin:auto;
    padding-bottom:5px;
}

.float_r{
    float:right;
}

.txt_j{
    text-align:justify;
}

.txt_gris{
    color:#535353;
}

.header{
    width:100%;
    background-color:#0F1C2E;
    height:656px;
    
}
.header2{
    width:100%;
    background:url(../images/motor.jpg)no-repeat center;
    height:648px;
    
}

.header3{
    width:100%;
    background:url(../images/motor.jpg)no-repeat center;    
}

.header1{
    width:100%;
     background:url(../images/motor.jpg)no-repeat center;
    height:205px;
    
}

h2{
    font-weight:400;
    margin:0;
    margin-bottom:10px;
    font-size:20px;
}

.contenedor{
     width:100%;
}

.footer{
    width:100%;
    background-color:#0f1c2e;
}

.footer2{
   width:100%;
   background:url(../images/footer.jpg);
     font-size: 14px;
}

.footer_y{
    width:100%;
    background-color:rgba(0,0,0,0.6);
}

.cont_txt4{
    
    margin-top:20px;
    float:left;
}

.cont_txt5{
    
    color:#0D1A2C;
    float:right;
    margin-top:20px;
}

.cont_footer_y{
    width:960px;
    margin:auto;
    padding:25px 20px;
    overflow:hidden;
    font-size:12px;
    color:#fff;
    
}

.cont_txt2{
    margin-left:80px;
    
    font-weight:lighter;
    float:left;
    margin-top:38px;
    width:400px;
    float:left;
}

.cont_txt21{
    margin-left:60px;
    
    float:left;
    margin-top:30px;
    width:200px;
}
 
.cont_txt3{
    
    font-weight:lighter;
    float:right;
}


.cont_subheader{
    width:1000px;
    margin:auto;
    padding:20px;
    overflow:hidden;
    
   
}

.cont_logo{
    background: url(../images/logo_header.png) no-repeat;
    width:274px;
    height:107px;
    float:left;
}

.cont_text{
    float:right;
    margin-top:20px;
    
    font-weight:lighter;
    
}

.cont_botonera{
     background-color:rgba(38,41,42,0.80);
     width:100%;
     height:58px;
     position:relative;
     z-index:2;
}

.botonera{
    width:1000px;
    margin:auto;
}

.botones{
    float:right;
}

.boton{
    padding:20px;
    display:block;
    float:left;
    color:rgba(255,255,255,0.80);
    font-weight:500;
}

.boton:hover{
   background:rgba(255,255,255,0.80);
    color:#000;
}
.boton_act{
    background:rgba(255,255,255,0.80);
    color:#000;
    padding:20px;
    display:block;
    float:left;
    font-weight:500;
}

.cont_slider{
    width:100%;
    height:504px;
     position:relative;
    top:-58px;
    z-index:1;
}

p{
    margin:0;
}

.cont_subfooter{
    width:1000px;
    margin:auto;
    padding:20px;
    overflow:hidden;
    color: rgba(251,251,251,0.8);
    text-align: center;
   
}

.cont_subfooter .col-md-4{
    float: left;
    width: 31%;
    margin-right: 30px;
}

.cont_subfooter .col-md-4:last-child{
    margin: 0;
}

.cont_subfooter i{
    margin-right: 10px;
    line-height: 17px;
}

.cont_subfooter .col-md-4 .fa-phone{
    line-height: 18px
}

.footer_logo{
    background: url(../images/footer_logo.png) no-repeat;
    width:88px;
    height:87px;
    margin:auto;
}

.footer_logo2{
    background: url(../images/cert2.png) no-repeat;
    width:88px;
    height:87px;
    margin:auto;
}

h4{
    margin:0;
    font-size:18px;
    font-weight:300;
    margin-bottom:20px;
}



/*contenedor*/


.cont_1{
    width:960px;
    margin:auto;
    padding:20px;
    overflow:hidden;
    color:rgba(0,0,0,0.70);
}

.cont_11{
    width:1000px;
    margin:auto;
    padding:20px;   
}

h1{
    margin:0;
    font-size:27px;
    font-weight:normal;
    margin-bottom:20px;
}

.cont_txt6{
    
    color:rgba(0,0,0,0.70); /* color:#0D1A2C; */
    float:left;
    margin-top:10px;
    text-align: justify;
}

.cont_gris{
    width:100%;
    background-color:#D6D6D6;
    height:441px;
}

.cont_2{
    width:1000px;
    margin:auto;
    padding:20px;
    overflow:hidden;
    text-align: justify;
    color:rgba(0,0,0,0.70);
}

.cont_3{
    width:1000px;
    margin:auto;
    padding:20px;
    overflow:hidden;
   
}

.cont_4{
    width:1000px;
    margin:auto;
    padding:20px;
    overflow:hidden;
}

.cont_5{
    width:1000px;
    margin:auto;
    padding:20px;
    overflow:hidden;
}

.cont16{
    width:240px;
}

.cont73{
    width:680px;
}

.float_l{
    float:left;
}

.azulF{
    background: rgba(0,0,0,0.70); /*background: #114968;*/
}

.width30{
    width:293px;
}

.leermas{
    border:1px solid #000000;
    padding:10px 15px;
    display:block;
    color:#000000;
    float:right;
    margin-top:20px;
    font-size:13px;
    font-weight:600;
}

/****************** PRODUCTOS **************************/

.producto{
    width:23%;
    margin-right:25px;
    float:left;
}

.producto img{
    transition: 1s ease;
    -moz-transition: 1s ease; /* Firefox */
    -webkit-transition: 1s ease; /* Chrome - Safari */
    -o-transition: 1s ease;
    position:relative;
    z-index:1;
    margin-bottom:10px;
}

.cont_img_prod{
    width:227px;
    height:222px;
    overflow:hidden;
    margin-bottom:10px;
}

.producto:hover .cont_img_prod{
   background:red;
}

.producto:hover .img{
  transform : scale(1.2);
    -moz-transform : scale(1.2); /* Firefox */
    -webkit-transform : scale(1.2); /* Chrome - Safari */
    -o-transform : scale(1.2); /* Opera */
    -ms-transform : scale(1.2);
}

.prod_hover{
     width:227px;
    height:222px;
    background:url(../images/prod_hov.png)no-repeat center;
    margin-top:-236px;
    position:relative;
    z-index:2;
    display:none;    
}

.producto:hover .prod_hover{
    display:block;
}

.tit_catalogo{
    color:#00add2;
    font-size:15px;
    font-weight:200;
    margin-top:10px;
    
    font-weight:600;
    float:left;
}

.tit_catalogo:hover{
    color:#003D5E;
}


/****************** PRODUCTOS **************************/
.dotted{
    border-bottom:1px dotted #999;
    width:100%;
    margin:auto;
}

.telefono{
    background:url(../images/tel.png)no-repeat center left;
    color:#91ABBA;
    padding-left:25px;
    height:20px;
    font-size:14px;
}

.direccion{
    background:url(../images/dir.png)no-repeat top left;
    padding-left:25px;
    margin-bottom:20px;
}

.tw{
    background:url(../images/tw.png)no-repeat center;
    width:25px;
    height:25px;
    display:block;
    float:right;
    margin-right:10px;
}

.twt_contacto{
    background:url(../images/tw_contacto.png)no-repeat center;
    width:25px;
    height:25px;
    display:block;
    float:left;
    margin-left:20px;
}

.fb{
    background:url(../images/fb.png)no-repeat center;
    width:25px;
    height:25px;
    display:block;
    float:right;
}

.fbk_contacto{
    background:url(../images/fb_contacto.png)no-repeat center;
    width:25px;
    height:25px;
    display:block;
    float:left;
}

.tw:hover{
    background:url(../images/twhov.png)no-repeat center;   
}

.fb:hover{
    background:url(../images/fbhov.png)no-repeat center;   
}

.logo_foot{
    text-align:center;
}

.logo_foot p{
    font-size:14px;
    margin-top:20px;
}

.telefonofoot{
    background:url(../images/tel.png)no-repeat center left;
    padding-left:25px;
    height:50px;
}

.correo{
    background:url(../images/correo.png)no-repeat center left;
    padding-left:25px;
    color:#91ABBA;
    margin-top:20px;    
}
.foothead{
    margin-top:115px;
}

.aviso{
    color:#fff;
}
.aviso:hover{
    color:#BDA84A;
}

/**** SUB BOTONERA ****/

.botonsub{
    padding:20px;
    display:block;
    color:#00415b; 
}

.botonsub:hover{
    background:#0a5b6d;
    color:#fff;
}


.sub_botonera{
    width:190px;
    background:rgba(213,184,86,1);
    height:0px;
    overflow:hidden;
     transition: height 0.5s ;
    -webkit-transition: height 0.5s ; 
}

.suboton{
    padding:10px 20px ;
    display:block;
    border-top:1px solid #fff;
    color:#0a5b6d;
   
}
.suboton:hover{
    background:#0a5b6d;
    color:#fff;
}

.drop:hover .sub_botonera{
    height:235px;
}

/**** SUB BOTONERA ****/


    
/****** SOMOS ********/

.leyenda_historia{
    color:rgba(0,0,0,0.70); /*color:#003D5E;*/
    text-align:center;
    margin-top:20px;
}

.fdo_gris_claro{
    background:#F9F9F9;
}

.principios{
    margin-right:40px;
    color:rgba(0,0,0,0.70);
}
.principios img{
   margin:0 20px 7px 0
}

.principios p{
   margin-top:10px;
}

.principios a{
   margin-top:10px;
   float:left;
    font-size:16px;
    color:#888888;
}
.principios a:hover{
  color:#003D5E;
}

.txt_c{
    text-align:center;
}

.txt_grisF{
    color:#535353;
}

/****** SOMOS ********/



/****** CERTIFICACIONES ********/


.certificaiones{
    overflow:hidden;
    margin-top:50px;
    padding-left:300px;
}

.certificado{
    margin-right:250px;
}

.certificado img{
    margin-bottom:20px;
}

.certificado a{
    text-align:center;
     color:#888888;
    font-size:14px;
    display:block;
    margin-top:20px;
}

.certificado a:hover{
    color:#003D5E;
}


/****** CERTIFICACIONES ********/


/*** CONTACTO **/
h6{
    font-size:25px;
    margin:0;
    font-weight:300;
}
.cont60{
    width:60%;
    float:left;
}

.cont50{
    width:50%;
    float:left;
    color:rgba(0,0,0,0.70);
}

.cont40{
    width:40%;
    float:left;
}

.cont_sub{
    position:absolute;
    width:1000px;
}

.contacto1{
    margin:15px 0;
    font-size:20px;
}
.contacto2{
   /* color:#555;*/
   /*padding-left:20px;*/
    font-size:15px;
    margin-bottom: 10px;
}

.contacto2 i{
    float: left;
    margin-right: 10px;
    line-height: 20px;
}

.slide_mapa{
    width:100%;
}

/*** CONTACTO **/









.margin0{
    margin:0;
}


h8 {
    display: block;
    color: rgba(0,0,0,0.8);
    /*color: #416D86;*/
    font-size: 32px;
}

.contact {
    color: #fff;
    font-size: 15px;
    
    font-weight: 600;
}

.contact:hover {
    color: #D2B044;
}





/******tabs****/

article.tabs
{
	position: relative;
	display: block;
	width: 100%;
	height: 22em;
}

article.tabs section
{
	position: absolute;
	display: block;
	top: 2.8em;
	left: 0;
	height: 18em;
	padding: 20px 30px;
	background-color: #fff;
	width: 100%;
	z-index: 0;
}


article.tabs section:first-child
{
	z-index: 1;
    background: #fff;
}

article.tabs section h2
{
	position: absolute;
	font-size: 18px;
	font-weight: normal;
	width: 120px;
	height: 1.8em;
	top: -1.8em;
	left: 10px;
	padding: 0;
	margin: 0;
	color: #fff;
	background-color: rgba(0,0,0,0.8);
}

article.tabs section h2:hover{
    background: rgba(0,0,0,0.6);
}

article.tabs section:nth-child(2) h2
{
	left: 132px;
}

article.tabs section:nth-child(3) h2
{
	left: 254px;
}

article.tabs section h2 a
{
	display: block;
	width: 100%;
	line-height: 1.8em;
	text-align: center;
	text-decoration: none;
	color: inherit;
	outline: 0 none;
}

article.tabs section:target,
article.tabs section:target h2
{
	color: rgba(0,0,0,0.6);
	background-color: #fff;
	z-index: 2;
}


article.tabs section,
article.tabs section h2
{
	-webkit-transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
	transition: all 500ms ease;
}

.tabs p{
    margin-bottom: 10px;    
    font-size: 18px;
}

section div{
    width:100%; 
    height:18em;
    background: #fff;  
    padding-top: 20px;
    margin-top: -20px;
}

section div ul{
    padding-left: 40px; 
    font-size: 18px;
}

.capacidades {
   background: url(../images/capacidades.png)no-repeat center left;
    padding: 20px 0 20px 50px;
    
}

.produccion {

   background: url(../images/produccion.png)no-repeat center left;
    padding: 20px 0 20px 50px;
    
}

.calidad {
    background: url(../images/calidade.png)no-repeat center left;
    padding: 20px 0 20px 50px;
}

.fax {
    background:url(../images/fax.png)no-repeat center left;
    padding-left:25px;
    height:16px;
    margin-top: 60px;
}

.actualizacion{
    color: rgba(255,255,255,0.6);
    font-size: 11px;
    margin-top: 5px;
    
}

.cont_fdoNegro{
    background: rgba(0,0,0,0.6);
    padding: 40px 0;
    color: #fff;
    margin-bottom: 30px;
}

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

.cont_fdoNegro .row{
    width: 960px;
    margin: auto;
}

.cont_fdoNegro h1{
    margin: 0;
    font-size: 27px;
    font-weight: normal;
}

.ventaja{
    overflow: hidden;
    display: flex;
    margin-bottom: 20px;
}

.ventaja span{
    float: left;
    background: #333;
    color: #fff;
    padding: 15px;
    width: 10px;
    display: flex;
    font-size: 22px;
}

.ventaja p{
    float: left;
    background: #666;
    color: #fff;
    padding: 18px;
    width: 100%;
    display: flex;
    margin: 0;
    vertical-align: middle;
    font-size: 18px;
}

.half{
    float: left;
    width: 46%;
    margin-right: 40px;
}

.right{
    float: right;
}

.row .half:last-child{
    margin: 0;
}

.row{
    overflow: hidden;
}

.tablaMercado{
    width: 100%;
    border-collapse: collapse;
    text-align: left;
    font-weight: 100;
}

.tablaMercado tr{
    border-bottom: 1px solid rgba(0,0,0,0.12);
}

.tablaMercado td, .tablaMercado th{
    color: #fff;
    font-weight: 300;
    padding: 20px;
}

.tablaMercado td{
    font-size: 22px;
    width: 50%;
}

.tablaMercado td span{
    font-size: 22px;
    float: left;
    margin-right: 20px;
    line-height: 44px;
}

.tablaMercado td p{
    font-size: 22px;
    float: left;
    width: 90%;
}

.tablaMercado th{
    background: #242426;
    font-size: 30px;
}

.twoThird{
    width: 80%;
}

.tablaMercado tr:nth-child(even){
    background: rgba(36, 36, 38, 0.6);
}

.tablaMercado tr:nth-child(odd){
    background: rgba(36, 36, 38, 0.5);
}

.fdoGris{
    background: url(../images/fdoMercado.png)no-repeat left top #eee;
}

.footTabla{
    text-align: center;
    font-size: 30px;
    margin-top: 30px;
    font-weight: 300;
    margin-bottom: 30px;
}

.footTabla span{
    color: #4C72A5;
}

.tituloFondo{
    background: #242426;
    text-align: center;
    color: #fff;
    font-weight: 300;
    padding: 20px 0;
    font-size: 40px;
    margin-bottom: 40px;
}

.tablaMercado td .number{
    margin-right: 10px;
    line-height: initial;
    font-size: 22px;
    font-weight: 400;
}