*{ -moz-box-sizing: border-box; box-sizing: border-box; }

@font-face {
    font-family: 'nova_squarebook';
    src: url('../fonts/novasquare-webfont.eot');
    src: url('../fonts/novasquare-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/novasquare-webfont.woff2') format('woff2'),
         url('../fonts/novasquare-webfont.woff') format('woff'),
         url('../fonts/novasquare-webfont.ttf') format('truetype'),
         url('../fonts/novasquare-webfont.svg#nova_squarebook') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'open_sansregular';
    src: url('../fonts/opensans-regular-webfont.eot');
    src: url('../fonts/opensans-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/opensans-regular-webfont.woff') format('woff'),
         url('../fonts/opensans-regular-webfont.ttf') format('truetype'),
         url('../fonts/opensans-regular-webfont.svg#open_sanslight') format('svg');
    font-weight: normal;
    font-style: normal;
}



body{ background:#f5f5f5; font-family:'open_sansregular'; color:#333;}
header{ width:100%;  position:relative; padding:0; max-width: 980px; 
        font-family:"nova_squarebook";}
header nav ul li a{text-decoration: none; color:#009946;}
.web{ width:100%;  position:relative; padding:0; max-width: 980px; background:#fff; }

.bx-prev, .bx-next{
    z-index:9000!important;
}
.bx-wrapper .bx-viewport{ box-shadow: none!important; }
.bx-controls-direction{display:none;}
.bx-wrapper img {
    margin: 0 auto;
    max-width: 100%; display:block;
    width: 100%;
}

.bx-wrapper .bx-viewport{left:0!important;}

.bx-wrapper .bx-viewport {
    border: 0!important;
    box-shadow: none;
}

.web .contenido{display:table; width: 100%; margin-top:60px;}
#galeriaHome{ width: 100%; position:relative;}
#galeriaHome .bx-wrapper{margin-bottom:14px;}
#galeriaHome .bx-controls{ position:absolute; bottom:40px; left: 14px; display:none;}
.subtitulo{color:#009946; font-size:1.4em; font-family:"nova_squarebook"; margin-bottom:0.5em; border-bottom:2px solid #666; font-weight: normal;}
.homeTxt{font-size:1.2em; text-align: justify; color:#666; padding: 0 2%;}
.imgHome{  display:none; width:100%;}

.mapa{ width:100%; height: 300px; display:table;margin:1em 0;}
.row{ display:table; width: 100%; clear:both;}
.formulario{margin:1em 0; padding:0.5em;}
.formulario .row{ margin-bottom:0.5em;}
.formulario label{ float: left; width: 30%; text-indent: 0.5em; line-height: 1.8em;}
.formulario input{ float: left; width: 70%; line-height: 1.8em;}
.formulario textarea{ float: left; width: 70%; height: 8em;}
.formulario .btn{ float:right; padding:0 0.5em; line-height: 1.8em; font-size:1.4em;
     background:#009946; color:#fff; cursor:pointer;}
.msgContacto{display:table; margin: 0 auto;}
.msgContacto.loading{ background:url('../img/load.gif') no-repeat center; width: 200px; height: 20px;}
.msgContacto.ok{ color:#009946;}
.msgContacto.error{ color:#f35e5e;}
.menuActivo{display:none;}
header nav{ display:none;}
#btnMenu{display:block; width:40px; height: 40px;cursor:pointer; position:absolute; top:0.5em; right: 0.5em; }
#btnMenu img{display:block; width:40px; height: 40px; }
header{ margin: 0 auto 0; height: 60px; background: #009946;position:fixed; top:0; left:0; width: 100%; z-index:2;}
header .logo img{display:none;}
header .logo{ background:url('../img/logoM.png') no-repeat 10px center; height: 60px; width: 210px; display:block;}
#navMob{position:fixed; top:60px; width:100%; height: 100%; background:#fff; z-index:2; display:none;}
#navMob.activo{display:block;}
#navMob div{width:100%; text-align: center; font-size:1.8em;line-height: 2em;  color:#009946; font-family: "nova_squarebook"; border-bottom: 2px solid #ccc;}
#navMob div:hover{background:#eee;}
#navMob div a{text-decoration: none; color:#009946;}

.imgHome img{ display:block; width:100%; height: auto;}
.producto{ float:left; width:30%; position:relative; margin:10px 3% 0 0;}
.producto .imgProd img{display:block; width:100%; height: auto;}
.producto{ float:left; width:48%; position:relative; margin:10px 1% 0 0;}
.prodInfo{ position:absolute; bottom:0; color:#fff; padding:4px; background:rgba(0,0,0,0.4); width:100%;}
.prodInfo .productoCol5{ display:none; }
.rowContactoTxt{margin:1em 0 0.5em 0; padding:0.5em;}
.rowContactoInfo{ height: 40px; padding-left:40px; padding-top:10px; margin-bottom:0.2em;}
.rowContactoInfo span{ color:#666; width: 100px; display:block; float:left;}
.rowContactoInfo.direccion{ background:url('../img/icons.png') no-repeat 5px 7px;}
.rowContactoInfo.telFax{ background:url('../img/icons.png') no-repeat 5px -41px;}

@media all and (min-width: 480px) {
    .imgHome{display:block; float:left;margin-right: 14px; max-width: 260px;}
}
@media all and (min-width: 700px) {
    header{ margin: 0 auto 0; height: 142px; background: none; position:relative;}
    header nav{display:block; position:absolute; right: 0; top:30px; height: 2em; line-height: 2em; border-bottom: 2px solid #666;}
    header nav ul li{ list-style: none; float:left; font-size:1.2em; position:relative;}
    header nav ul li a{ padding:0 14px;}
    header .logo{ float:left; max-width: 308px; width: 30%; margin-top:14px; background:none;}
    header .logo img{ width: 100%; display:block;max-width: 308px; max-height: 128px;}
    .subtitulo{font-size:2em;}
    .web{margin: 0 auto 1em; }
    .web .contenido{ padding:14px; margin:0;}
    #galeriaHome .bx-controls{ display:block;}
    .bx-wrapper .bx-pager.bx-default-pager .bx-pager-item{float:left!important; margin-right: 10px;}
    .bx-wrapper .bx-pager{ width:400px;}
    .bx-wrapper .bx-pager.bx-default-pager a{ height: 18px; width: 18px; border-radius:0; margin:0;}
    .bx-wrapper .bx-pager.bx-default-pager a{ background-color:#fff;}
    .bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active{ background-color:#009946;}
    .mapa{ width:42%; float:left;}
    .formulario{ float:right; width:56%;}
    .selected .menuActivo{display:block; width:100%; height: 8px; background:#009946; position:absolute; bottom:-4px; left:0;}
    #btnMenu{display:none;}
    #navMob.activo{display:none;}
    

    .producto{ float:left; width:21%; position:relative; margin:2%;}
    .homeTxt{padding: 0;}
    .imgHome{ float:left; margin-right: 14px; display:block; width:30%; max-width: 260px;}
    .rowContactoTxt{padding:0;}
}

@media all and (min-width: 900px) {
    header{ height: 156px;}
    header nav{ top:40px; height: 3em; line-height: 3em; border-bottom: 4px solid #666;}
    header nav ul li{ list-style: none; float:left; font-size:1.4em;}
    header nav ul li a{ padding:0 20px;}
    header .logo{ float:left; max-width: 308px; width: 30%; margin-top:16px;}
    .formulario{margin:0;}
    /*header .logo img{ width: 100%; display:block;max-width: 308px;}*/
    
    
}