@charset "utf-8";
/* CSS Document */
html {font-size: 12px !important;}
body{ width:100%; height:auto; padding:0px; margin:0px; font-family: 'Raleway', sans-serif; background:#fff;}
body p{ font-size:14px; line-height:130%; font-weight:400;}
/*.menuzord img{ width:85%;}*/
.menuzord-brand img {
    max-height: 90px;
    margin-bottom: 5px;
}
/*---SLIDER---*/
.slider{ width:100%; height:auto;}
.fondo1{ background:url(../img/slider/slider01.jpg) center center no-repeat; background-size:cover;}
.fondo2{ background:url(../img/slider/slider02.jpg) center center no-repeat; background-size:cover;}
.fondo3{ background:url(../img/slider/slider03.jpg) center center no-repeat; background-size:cover;}
.fondo4 { background:url(../img/slider/slider04.jpg) center center no-repeat; background-size:cover;}

.fondo5 { background:url(../img/slider/junio/1_fondo.png) center center no-repeat; background-size:cover;}
.fondo6 { background:url(../img/slider/junio/2_fondo.png) center center no-repeat; background-size:cover;}
.fondo7 { background:url(../img/slider/junio/3_fondo.png) center center no-repeat; background-size:cover;}

.fondo8 { background:url(../img/slider/julio/fondo1.png) center center no-repeat; background-size:cover;}
.fondo9 { background:url(../img/slider/julio/fondo2.png) center center no-repeat; background-size:cover;}
.fondo10 { background:url(../img/slider/julio/fondo3.png) center center no-repeat; background-size:cover;}
.fondo11 { background:url(../img/Fondo.png) center center no-repeat; background-size:cover;}

.fondoA1 { background:url(../img/slider/fondoA1.jpg) center center no-repeat; background-size:cover;}
.fondoA2 { background:url(../img/slider/fondoA2.jpg) center center no-repeat; background-size:cover;}
.fondoA3 { background:url(../img/slider/fondoA3.jpg) center center no-repeat; background-size:cover;}
.fondoA4 { background:url(../img/slider/fondoA4.jpg) center center no-repeat; background-size:cover;}
.fondoA5 { background:url(../img/slider/fondoA5.jpg) center center no-repeat; background-size:cover;}
.fondoA6 { background:url(../img/slider/fondoA6.jpg) center center no-repeat; background-size:cover;}
.fondoA7 { background:url(../img/slider/fondoA7.jpg) center center no-repeat; background-size:cover;}


.area{ width:70%; margin:0 auto;}
.area_text{    width: 40%; color: #FFF; height: 80vh; float: left; margin-top: 30vh;}
.area_text h1{ font-size:40px; line-height:100%; margin:0px; margin-bottom:10px; font-weight:300;}
.area_text h1 img{ max-width: 100%;}
.area_foto{ width:60%; text-align:left; height:100vh; float:right;}
.area_foto img{ width:100%; margin-top:28%;}
.area2{ width:70%; margin:0 auto; color:#FFF; text-align:center}
.area2 h1{ font-size:65px; margin-top:30vh; color:#FFF; line-height:100%; margin-bottom:5px;}
.area2 h1 span{ font-size:120px;}
.area2 h2{ font-size:35px; font-weight:300; margin-top:10px;}
.area2 p{ font-size:45px; font-weight:400; font-style:italic;}
.area2 h3{ font-size:55px; font-weight:200; font-style:italic; margin-bottom:20px;}
.slider-franja{ width:400px; height:1px; background:#FFF; margin:0 auto;}
/*---Nosotros---*/
.parte1{ width:100%; height:500px;}
.p-1, .p-2, .p-3{ width:50%; height:500px; float:left;}
.p-2{ background:url(../img/home/f2.jpg) center top no-repeat fixed; background-size:cover;}
.p-3{ background:url(../img/home/f1.jpg) center top no-repeat fixed; background-size:cover;}
.block{display:none;}
.inner{ display:table; height:500px; width:50%; margin:0 auto}
.color{ background:#bf3030}
.nosotros{  width:50%; margin:0 auto; display:table-cell; vertical-align:middle; text-align:justify;}
.nosotros h2{color:#333; line-height:100%; font-weight: 400;}
.nosotros .text{ color:#FFF; }
.nosotros .h2{ margin-top:0px;}
/*---Nosotros---*/
.seccion{ width:100%; padding:50px 0px;}
.contenedor{ width:900px; margin:0 auto; height:450px}
.contenido{ width:50%; float:left;}
.contenido p{ width:75%; text-align:justify; }
.seccion1{ width:100%; height:450px;}
/*---Mision-Vision---*/
.contenedor1{ width:900px; margin:0 auto; height:250px}
.contenedor1 h3{ font-weight:400; color:#333; margin-bottom:10px;}
.franja2, .franja3{ width:25px; height:5px; background:#bf3030; margin-bottom:20px;}
/*---POLITICA---*/
.contenedor2{ width:500px; margin:0 auto; height:180px; text-align:center;}
.s3{ background:url(../img/home/back04.jpg) center center no-repeat; background-attachment:fixed; color:#FFF;}
.s3 .franja2{margin:0 auto; margin-bottom:20px;}
.titulo{ font-weight:400; padding-top:20px; margin-bottom:10px;}
/*---Objetivo---*/
.s4{background:#bf3030; color:rgb(255,255,255);}
.s4 .franja2{margin:0 auto; margin-bottom:20px;}
.s4 .titulo{ margin-top:40px;}
.s4 .franja2{ background:#FFF; margin:0 auto; margin-bottom:20px;}
/*---Etica---*/
.seccion2{ width:100%; height:480px; padding:20px 0px;}
.titulo2{ font-weight:400; padding-top:20px; margin-bottom:10px; text-align:center;}
.f3{ margin:0 auto; margin-bottom:50px;}
.valor{ width:25%; float:left; text-align:center; box-sizing:border-box; padding:10px; cursor:pointer;}
.valor:hover i{ color:#bf3030;}
.valor2:hover i{ color:#bf3030;}
.valor span{ font-weight:600; color:#333;}
.valor2 span{ font-weight:600; color:#333;}
.valor i{ color:#666;  transition:all .4s ease-in-out; -moz-transition:all .4s ease-in-out; -webkit-transition:all .4s ease-in-out; -ms-transition:all .4s ease-in-out; -o-transition:all .4s ease-in-out;}
.valor2 i{ color:#666;  transition:all .4s ease-in-out; -moz-transition:all .4s ease-in-out; -webkit-transition:all .4s ease-in-out; -ms-transition:all .4s ease-in-out; -o-transition:all .4s ease-in-out;}
.contenedor3{ width:675px; margin:0 auto; text-align:center;}
.contenedor4{ width:900px; margin:0 auto;  text-align:center;}
.valor2{ width:33%; float:left; text-align:center; box-sizing:border-box; padding:10px; cursor:pointer;}
/*-----FOOTER----*/
.footer{ width:100%; background:#333;}
.contenedor5{ width:900px; margin:0 auto; text-align:center; display: table}
.footertitle{ width:100%; text-align: center; padding: 20px 0px; color:#b3b3b3; font-weight: bold; font-size: 14px;}
.footertitle2{ width:100%; text-align: center; padding: 20px 0px; color:#EBD329; font-weight: bold; font-size: 14px;}
.footer1{ width:33%; float:left; height:165px; color:#b3b3b3;}
.footer2{ width:33%; float:left; height:90px; color:#EBD329;}
/*.footer1 i{ padding-top:70px;}*/
.footer1:hover i{ color:#bf3030; transition:all .4s ease-in-out; -moz-transition:all .4s ease-in-out; -webkit-transition:all .4s ease-in-out; -ms-transition:all .4s ease-in-out; -o-transition:all .4s ease-in-out;}
.footer2:hover i{ color:#EBD329; transition:all .4s ease-in-out; -moz-transition:all .4s ease-in-out; -webkit-transition:all .4s ease-in-out; -ms-transition:all .4s ease-in-out; -o-transition:all .4s ease-in-out;}
.legales{ width:100%; height:60px; background:#bf3030; text-align:center}
.legales p{ color:#FFF; font-size:11px; line-height:100%; margin:0px; padding-top:10px;}
.legales a{color:#FFF; text-decoration:none;}
/*--------------------DISTRIBUIDORES-----------------------*/
/*---------------------------------------------------------*/
/*--banner--*/
.f3{ background:url(../img/distribuidores/banner/01.jpg) center center fixed no-repeat; background-size:cover;}
/*--marcas--*/
.distribuidores{ margin:50px 0px; text-align:center;}
.distribuidor-marca{ padding:0px 40px;}
.distribuidor-marca img{ width:80%; margin-bottom:30px;}
.distribuidor-marca a{ text-decoration:none;}
.distribuidor-marca a:hover{ text-decoration:none;}
.distribuidor-marca h5{ margin:0 auto; width:150px; padding:10px 15px; background:#eeeeee; color:#bf3030; cursor:pointer; transition:all .4s ease-in-out; -moz-transition:all .4s ease-in-out; -webkit-transition:all .4s ease-in-out; -ms-transition:all .4s ease-in-out; -o-transition:all .4s ease-in-out;}
.distribuidor-marca h5:hover{ background:#bf3030; color:#FFF;}
.distribuidor-marca h4 span{ color:#bf3030;}

/*--------------------AIR TOSCANI-----------------------*/
/*---------------------------------------------------------*/
/*--banner--*/
.f4{ background:url(../img/air_toscani/banner/01.jpg) center center fixed no-repeat; background-size:cover;}
.f4 img{width:300px; padding-top:120px;}
/*--PARTE1--*/
.text-air{ margin:50px 0px;}
.text-air02{ padding:0px 40px; text-align:justify; line-height:10px;}
.text-air02 p{line-height:25px;}
/*--PARTE2--*/
.air-back{ background:#bf3030; text-align:center; padding: 30px 0px; color:#fff;}
.air-back h3{ margin-top:0px;}
.franja4{width: 25px; height: 5px; background: #fff; margin-bottom: 20px; margin:0 auto;}
.productos-air{ margin-top:30px; text-align:center;}
.productos-air h5{ border:1px solid #fff; padding: 15px 0px; width: 180px; text-align: center; margin: 0 auto;}
.productos-air h5:hover{ background:#fff; color:#bf3030;}
.productos-air a{ text-decoration:none; color:#fff; width:180px; padding: 15px 0px}
.productos-air a:hover{color:#bf3030; text-decoration:none;}
/*--------------------PRODUCTOS-----------------------------*/
/*---------------------------------------------------------*/
.part1{ margin-top:50px;}
.part3{ margin-bottom:50px;}
.marca{ padding:0px 20px; margin:20px 0px;}
.marca h5{ width:150px; padding:10px 15px; background:#eeeeee; color:#bf3030; cursor:pointer; transition:all .4s ease-in-out; -moz-transition:all .4s ease-in-out; -webkit-transition:all .4s ease-in-out; -ms-transition:all .4s ease-in-out; -o-transition:all .4s ease-in-out;}
.marca h5:hover{ background:#bf3030; color:#FFF;}
.marca p{ text-align:justify;}
.logotipo{ height:100px; text-align:center;}
.logotipo img{ width:200px; margin-bottom:20px;}
/*-----lista de productos----*/
.productos{ display:none;}
.submenu{ display:none;}
.productos .categoria{font-size:14px; width:100%; background:#eeeeee; padding:10px 0px; cursor:pointer; padding-left:20px; list-style:none; border-bottom:1px solid #c9c9c9;}
.productos .ultima{ border-bottom:hidden;}
.productos .categoria:hover{background:#bf3030;   border-bottom:1px solid #bf3030; color:#fff;}
.productos .c-producto{font-size:12px; width:100%; background:#666; padding:10px 0px; cursor:pointer; padding-left:40px; list-style:none; color:#fff;}
.productos .c-producto:hover{background:#333;}
/*--modal*/
.header_producto img{ width:200px; margin:0 auto;}
.modal a{ text-decoration:none; color:#fff; padding:5px 8px; background:#bf3030;}
.modal a:hover{ text-decoration:none; color:#fff;}
.modal-img{ text-align:center; margin-top: 20px;}
.modal-img img{ width:50%;}
.boton-modal{background:#bf3030; color:#fff; padding:5px 10px; border:hidden;}
.modal-sub{color:#bf3030; font-weight:800;}
.filtros img{ width:150px;}

/*--banner--*/
.f2{ background:url(../img/productos/banner/01.jpg) center center fixed no-repeat; background-size:cover;}
/*--------------------SERVICIOS-----------------------------*/
/*---------------------------------------------------------*/
/*--banner--*/
.f5{ background:url(../img/servicios/banner/01.jpg) center center fixed no-repeat; background-size:cover;}
.f5 img{width:300px; padding-top:120px;}
/*--info--*/
.text-serv{ margin:50px 0px;}
.text-serv1{ margin:50px 0px;}
.text-serv1 p{ font-size:14px; line-height:100%; text-align:center;}
.text-serv span{ color:#bf3030;}
.text-serv p{ font-size:18px; line-height:150%;}
.serv1{ text-align:center;}
.serv1 .franja2{ margin:0 auto;}
.serv1 h2{color: #333; line-height: 100%; font-weight: 400;}
/*info03*/
.back-serv1{ background-color:#bf3030; color:#fff; padding:50px 0px;}
.back-serv1 span{ font-weight:800; padding-right:5px;}
/*--------------------EVENTOS------------------------ -----*/
/*---------------------------------------------------------*/
.expos{ padding:30px 0px 70px 0px;; text-align:center;}
.expos img{ width:80%; margin-bottom:5px;}

/*--------------------CONTACTO------------------------ -----*/
/*---------------------------------------------------------*/
.aviso{ position:fixed; z-index:1000; right:0px; top:120px;}
.aviso p{ color:#fff; background:#bf3030; padding:5px;}
/*----Banner----*/
.banner{ width:100%; height:300px; margin-top:70px;}
.banner-contenido{ width:900px; height:300px; text-align:center; margin:0 auto;}
.banner-contenido h1{padding-top:120px; font-weight:400; color:#bf3030; letter-spacing:5px;}
.f1{ background:url(../img/contacto/01.jpg) center center fixed no-repeat; background-size:110%;}
/*----Formulario----*/
.formulario{ width:100%; padding:20px 0px;}
.formulario .franja3{ margin-bottom:30px;}
.form-content{ width:500px; margin:0 auto; display:table;}
#titulo-formulario{color:#333; line-height:100%; font-weight: 400; padding:20px 0px;}
.inner2{ display:table; width:100%; margin:0 auto}
form{ width:100%; text-align: center;}
.franja3{ margin:0 auto;}
input, textarea, select{ font-weight:300; padding-left:15px; letter-spacing:2px; width:80%; height:30px; margin:0 auto; background:none; border-bottom:1px solid #bf3030; margin-bottom:20px; color:#333;  outline:none; border-left:hidden; border-right:hidden; border-top:hidden;}
#comentarios{ height:60px; resize:none; padding-top:5px;}
option{color: #FFF;  padding-left:10px; font-size:12px;}
select{color:#FFF;}
#submit{ border:none;}
.boton1{width: 150px; height: 30px; background-color:#bf3030; color:#FFF; margin-top: 15px;}
.boton1:hover{ background-color:#CCC; color:#bf3030; transition:all 1s ease-in-out; -webkit- transition:all 1s ease-in-out; -moz- transition:all 1s ease-in-out; -o- transition:all 1s ease-in-out; -ms- transition:all 1s ease-in-out;}
::-webkit-placeholder { color: #333; font-size:12px; height:30px;} /* WebKit */
:-moz-placeholder { color: #333; font-size:12px; height:30px;} /* Firefox 18- */
::-moz-placeholder { color: #333; font-size:12px; height:30px;} /* Firefox 19+ */
:-ms-input-placeholder { color: #333; font-size:12px;  height:30px;} /* IE 10+ */
.errFld::-webkit-input-placeholder { color: #bf3030;  font-style:italic;}
.errFld::-moz-input-placeholder    { color:  #bf3030;  font-style:italic; }
.errFld::-ms-input-placeholder      { color:  #bf3030;  font-style:italic; }
.errFld::-moz-input-placeholder     { color:  #bf3030; font-style:italic; }
.errMsg { display:none;}

input.errFld{background-color:rgba(204,204,204,.5);}
textarea.errFld{background-color:rgba(204,204,204,.5);}
/*--------------------CONSTRUCCION-----------------------------*/
/*------------------------------------------------------------*//*----Banner----*/
.banner1{ width:100%; height:500px; margin-top:70px;}
.banner-contenido1{ width:300px; height:500px; text-align:center; margin:0 auto; padding-top:150px;}
.banner-contenido1 h1{ font-weight:400; color:#bf3030;}
.banner-contenido1 i{ color:#bf3030;}
.f1{ background:url(../img/contacto/01.jpg) center center fixed no-repeat; background-size:cover;}

@media only screen
and (min-width: 320px)
and (max-width: 480px){
}
@media only screen
and (min-width: 481px)
and (max-width: 799px){
}
@media only screen
and (min-width: 800px)
and (max-width: 1250px){
}