@font-face { font-family: 'gobold'; src: url('Fonts/Gobold/gobold_regular-webfont.eot'); src: url('Fonts/Gobold/gobold_regular-webfont.eot?#iefix') format('embedded-opentype'), url('Fonts/Gobold/gobold_regular-webfont.woff') format('woff'), url('Fonts/Gobold/gobold_regular-webfont.ttf') format('truetype'), url('Fonts/Gobold/gobold_regular-webfont.svg#goboldregular') format('svg'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'gobold_light'; src: url('Fonts/Gobold_Light/gobold_light-webfont.eot'); src: url('Fonts/Gobold_Light/gobold_light-webfont.eot?#iefix') format('embedded-opentype'), url('Fonts/Gobold_Light/gobold_light-webfont.woff') format('woff'), url('Fonts/Gobold_Light/gobold_light-webfont.ttf') format('truetype'), url('Fonts/Gobold_Light/gobold_light-webfont.svg#gobold_thin_lightregular') format('svg'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'cicle'; src: url('Fonts/Cicle/cicle_fina-webfont.eot'); src: url('Fonts/Cicle/cicle_fina-webfont.eot?#iefix') format('embedded-opentype'), url('Fonts/Cicle/cicle_fina-webfont.woff') format('woff'), url('Fonts/Cicle/cicle_fina-webfont.ttf') format('truetype'), url('Fonts/Cicle/cicle_fina-webfont.svg#ciclefina') format('svg'); font-weight: normal; font-style: normal; }

/********** Default **********/

html { height: 100%; margin: 0; padding: 0; border: none; }
body { height: 100%; margin: 0; padding: 0; border: none; }
table { border-spacing: 0; border-collapse: collapse; }
img { border: none; }

/********** Containers y fondos**********/

.container-970px { width: 970px; margin: 0 auto; }
.container-980px { width: 980px; margin: 45px auto; }
.container-690px { width: 690px; margin: 0 auto; }
.container-left { width: 670px; margin: 0 auto; }
.container-right { width: 280px; margin: 0 auto; }
.container-center { width: 650px; margin: 0 auto; }
.container-center-big { width: 900px; margin: 0 auto; }
.fondo-verde { background: url('Images/Layout/Fondos/bg_franja_verde.jpg') repeat; }

/********** Fonts **********/

.gobold-13-verdeOscuro { font-family: 'gobold'; font-size: 13px; color: #23381a; }
.gobold-13-verdeClaro { font-family: 'gobold'; font-size: 13px; color: #70a73b; }
.gobold-30-verdeOscuro { font-family: 'gobold'; font-size: 30px; color: #23381a; }
.gobold-18-blanco { font-family: 'gobold'; font-size: 18px; color: #fff; }
.gobold-18-verdeClaro { font-family: 'gobold'; font-size: 18px; color: #9abd73; }
.gobold-18-verdeOscuro { font-family: 'gobold'; font-size: 18px; color: #24381b; }
.goboldLight-12-grisClaro { font-family: 'gobold_light'; font-size: 12px; color: #939393; }
.cicle-16-verdeOscuro { font-family: 'cicle'; font-size: 16px; color: #11280c; }
.cicle-16-blanco { font-family: 'cicle'; font-size: 16px; color: #fff; }

/********** Error **********/

.errorPage { background: url('Images/Layout/error.png') no-repeat; width: 310px; height: 125px; margin: 30px auto; }
.error404 {background: url('Images/Layout/404.png') no-repeat; width: 415px; height: 221px; margin: 30px auto;  }
.validation-summary-errors { background-color:#000; margin: 0 0 10px 0; padding: 4px; border: 2px solid #a2cd3a; width: 669px; }
    .validation-summary-errors ul { margin: 0; padding: 0; border: 0; }
    .validation-summary-errors li { color: #a2cd3a; margin: 0 0 0 24px; font-family: 'cicle'; font-size: 14px; }

/********** Layout **********/

.page { position: relative; width: 100%; min-height: 100%; margin: 0; padding: 0; border: none; }

.header { position: relative; width: 100%; margin: 0; padding: 0; border-top: 6px solid #1F6011; }

.lenguaje { position: absolute; width: 100px; z-index: 2; font-family: 'gobold'; font-size: 13px; }
.ingles-espanol { left: 416px; position: absolute; margin: 0 auto; width: 100px; background: url("Images/Layout/triangulo.png") no-repeat bottom right #1F6011; padding: 2px 4px 1px 4px; overflow: hidden; }
    .ingles-espanol a { color: #FFFFFF; text-decoration: none; }
    .ingles-espanol .block { width: 100px; height: 0; display: block; top: 0; color: #fff; -webkit-transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000); -moz-transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000); -ms-transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000); -o-transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000); transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000); /* easeOutQuart */ -webkit-transition-timing-function: cubic-bezier(0.165, 0.840, 0.440, 1.000); -moz-transition-timing-function: cubic-bezier(0.165, 0.840, 0.440, 1.000); -ms-transition-timing-function: cubic-bezier(0.165, 0.840, 0.440, 1.000); -o-transition-timing-function: cubic-bezier(0.165, 0.840, 0.440, 1.000); transition-timing-function: cubic-bezier(0.165, 0.840, 0.440, 1.000); /* easeOutQuart */ }
        .ingles-espanol .block a { padding-left: 0px; }

.banner-position-1 img { overflow: hidden; width: 100%; }
.banner-position-2 img { height: 270px; overflow: hidden; width: 100%; }
.header-wrapper { width: 970px; margin: 0 auto; padding: 0; border: none; position: relative; }
.logo { top: 20px; z-index: 2; }
.menu-top { margin-bottom: 10px; float: right; left: 670px; top: 20px; z-index: 2; }
    .menu-top .item { width: 75px; }
    .menu-top .inicio-icon { background: url('Images/Layout/Header/btn_inicio.png') no-repeat center; width: 75px; height: 53px; }
        .menu-top .inicio-icon:hover { background: url('Images/Layout/Header/btn_inicio_hover.png') no-repeat center; }
    .menu-top .menu-active .inicio-icon { background: url('Images/Layout/Header/btn_inicio_hover.png') no-repeat center; }
    .menu-top .nosotros-icon { background: url('Images/Layout/Header/btn_nosotros.png') no-repeat center; width: 75px; height: 53px; }
        .menu-top .nosotros-icon:hover { background: url('Images/Layout/Header/btn_nosotros_hover.png') no-repeat center; }
    .menu-top .menu-active .nosotros-icon { background: url('Images/Layout/Header/btn_nosotros_hover.png') no-repeat center; }
    .menu-top .productos-icon { background: url('Images/Layout/Header/btn_productos.png') no-repeat center; width: 75px; height: 53px; }
        .menu-top .productos-icon:hover { background: url('Images/Layout/Header/btn_productos_hover.png') no-repeat center; }
    .menu-top .menu-active .productos-icon { background: url('Images/Layout/Header/btn_productos_hover.png') no-repeat center; }
    .menu-top .contacto-icon { background: url('Images/Layout/Header/btn_contacto.png') no-repeat center; width: 75px; height: 53px; }
        .menu-top .contacto-icon:hover { background: url('Images/Layout/Header/btn_contacto_hover.png') no-repeat center; }
    .menu-top .menu-active .contacto-icon { background: url('Images/Layout/Header/btn_contacto_hover.png') no-repeat center; }
    .menu-top .frase { font-family: 'gobold'; font-size: 13px; color: #23381a; }

.body { width: 100%; margin: 0; padding: 0 0 90px 0; border: none; }
    .body .wrapper { }

.footer { position: absolute; bottom: 0; width: 100%; height: 90px; margin: 0; padding: 0; border: none; }
    .footer .contenedor { width: 100%; margin-top: 20px; }
    .footer-wrapper { width: 445px; margin: 0 auto; padding: 0; border: none; }
    .footer-wrapper .menu-bottom { border-top: 1px solid #939393; }
    .footer-wrapper .font_gobold { font-family: 'gobold'; font-size: 14px; color: #11280c; margin-top: 6px; margin-left: 16px; }
    .footer-wrapper .footer-home { background: url('Images/Layout/Footer/footer_inicio.png') no-repeat center; width: 82px; height: 53px; }
    .footer-wrapper .footer-us { background: url('Images/Layout/Footer/footer_nosotros.png') no-repeat center; width: 82px; height: 53px; }
    .footer-wrapper .footer-products { background: url('Images/Layout/Footer/footer_productos.png') no-repeat center; width: 82px; height: 53px; }
    .footer-wrapper .footer-contact { background: url('Images/Layout/Footer/footer_contacto.png') no-repeat center; width: 82px; height: 53px; }
    .footer-wrapper .footer-home-en { background: url('Images/Layout/Footer/footer_inicio_en.png') no-repeat center; width: 82px; height: 53px; }
    .footer-wrapper .footer-us-en { background: url('Images/Layout/Footer/footer_nosotros_en.png') no-repeat center; width: 82px; height: 53px; }
    .footer-wrapper .footer-products-en { background: url('Images/Layout/Footer/footer_productos_en.png') no-repeat center; width: 82px; height: 53px; }
    .footer-wrapper .footer-contact-en { background: url('Images/Layout/Footer/footer_contacto_en.png') no-repeat center; width: 82px; height: 53px; }
    .footer-wrapper .mosca { margin: 0 5px; background: url('Images/Layout/Footer/mosca.jpg') no-repeat center; width: 113px; height: 13px; }
.footer .border-footer { width: 100%; border-top: 1px solid #23381a; }
.footer-wrapper { }

/********** Home **********/

.banner-position-1 { position: relative; width:100%; height: 445px; z-index: 1; }
.banner-position-1 embed { }
.contenedor-categoria {margin-bottom: 20px; }
    .contenedor-categoria .nombre-contenedor { background: url('Images/Home/sombra_nombre_categoria.png') no-repeat; width: 174px; height: 167px; }
    .contenedor-categoria .flecha-home { margin-top: 41px; top: 100px; background: url('Images/Productos/btn_ver_mas.png') no-repeat right; width: 51px; height: 51px; }
    .contenedor-categoria img { margin-top: 15px; }
    .contenedor-categoria .nombre { padding-left: 26px; margin-top: 70px; }

/********** Nosotros **********/

.nosotros { padding: 15px 0px; }

/********** Productos **********/

.background-verde { background-color: #206012; }
.separador { width: 250px; margin: 20px auto; border-top: 1px solid #939393; height: 1px; }
.productos .contenedor { width: 150px; }
.productos .icon { margin-top: 4px; background: url('Images/Productos/btn_ver_mas.png') no-repeat right; width: 40px; height: 51px; }
.productos .product-title { padding-top: 4px; margin-top: 4px; width: 100px;}
.productos .categorias { margin-top: -5px; padding: 5px 0; }
.productos .lista-categoria { width: 200px; margin: 10px auto; }
.productos .flecha { margin-right: 10px; background: url('Images/Productos/arrow_categoria.jpg') no-repeat right; width: 27px; height: 27px; }
    .productos .flecha:hover { background: url('Images/Productos/arrow_categoria_hover.jpg') no-repeat right; width: 27px; height: 27px; }
.productos .flecha-hover { margin-right: 10px; background: url('Images/Productos/arrow_categoria_hover.jpg') no-repeat right; width: 27px; height: 27px; }
.productos .nombre { font-family: 'gobold'; font-size: 18px; color: #fff; }
    .productos .nombre:hover, .productos .nombre-hover { font-family: 'gobold'; font-size: 18px; color: #24381b; }
.font_small { font-size: 14px; font-family: 'gobold'; color: #fff; }
.font_small_selected { font-size: 14px; font-family: 'gobold'; color: #24381b; }

/********** Productos **********/

.productos .imagen { }
.productos .content { width: 380px; }

/********** Contacto **********/

.form-container { margin-bottom: 30px; }
.header-contacto-exitoso { background: url("Images/Contacto/contacto_exitoso.png") no-repeat; width: 439px; height: 185px; display: block; margin: 30px auto; }
.contact-field { position: relative; width: 273px; margin-left: 30px; border: 1px solid #70a73b; padding-left: 10px; height: 27px; padding-top: 5px; margin-bottom: 25px; }
.contacto-content .mensaje {position:relative; border: 1px solid #70a73b; width: 353px; height: 195px; padding-left: 10px; padding-top: 10px; }
.contacto-content textarea { resize: none; width: 330px; height: 172px; border: none; padding-left: 8px; font-family: 'cicle'; font-size: 16px; color: #11280c; }
.contact-field input { border: none; width: 200px; font-family: 'cicle'; font-size: 16px; color: #11280c; }
.contacto-content .green { margin: 5px auto; color: #70a73b; }
.button-style { margin-left: 30px; width: 284px; height: 30px; background: url("Images/Contacto/btn_enviar.jpg") no-repeat; border: none; }
.enviar-contacto { cursor: pointer; }
.mensaje label.error {left: 0px; top: 210px; font-family: 'cicle'; font-size: 16px; color: #eb1111; position: absolute; }
.contact-field label.error { width: 270px; top: 36px; left: 1px; font-family: 'cicle'; font-size: 16px; color: #eb1111; position: absolute; }

/********** Utilities **********/

.left { float: left; }
.clear { clear: both; }
.hide { display: none; }
.right { float: right; }
.font-bold { font-weight: bold; }
.text-center { text-align: center; }
.text-left { text-align: left; }
.text-right { text-align: right; }
.text-justify { text-align: justify; }
.margin-center { margin: 0 auto; }
.text-center { text-align: center; }
.upper { text-transform: uppercase; }
.valign-top { vertical-align: top; }
.pointer { cursor: pointer; }
.absolute { position: absolute; }
.margin-top-10 { margin-top: 10px; }
.margin-bottom-10 { margin-bottom: 10px; }
.margin-left-20 { margin-left: 20px; }
.margin-left-17 { margin-left: 17px; }
/*.padding-top-25 { padding-top: 25px; }
.margin-left-30 { margin-left: 30px; }
.margin-left-15 { margin-left: 15px; }*/
.valign-middle { vertical-align: middle; }
.width100p { width: 100%; }