@charset "utf-8";
/* CSS Document */

/* COLORES 
*/
/* NIVELES 
*/
/* FUENTES 
font-family: 'Montserrat', sans-serif; MENU
font-family: 'Questrial', sans-serif; TEXTOS

*/



/***********
ESTRUCTURA 
************/


html{width:100%;height:100%;margin:0 auto;padding:0 auto;background:transparent;overflow-x:hidden;}
body{width:100%;height:100%;margin:0 auto;padding:0 auto;background:transparent;}
header{-webkit-transition: all 0.7s;-moz-transition: all 0.7s;-ms-transition: all 0.7s;-o-transition: all 0.7s;transition: all 0.7s;z-index:99999999999999 !important;background-color:#a02a31}
.row { width:100%;max-width:3840px;}
.main{position:relative;margin-top:100px;}
header img.logotipo {padding-top:7px;padding-bottom:0px;width:550px}


/****************
FORMATOS
****************/
/* FORMATOS */
h1{font-family: 'Montserrat', sans-serif;font-size:2em;color:#333333;padding-top:0px;padding-bottom:5px;font-weight:900}
h2{font-family: 'Montserrat', sans-serif; color:#666;font-size:1.8em;text-align:left;font-weight:900;padding-top:5px}
h3{font-family: 'Questrial', sans-serif; color:#666;font-size:1.2em;text-align:left;}
h4{font-family: 'Hind', sans-serif;font-size:0.9rem;color:#ca5310;font-weight:300;}
h5{font-family: 'Montserrat', sans-serif; color:#a9b0b0;font-size:1em;text-align:center;font-weight:900}
p{font-family: 'Montserrat', sans-serif;color:#232323;font-size:1em;font-weight:500}
.main ul li{font-family: 'Questrial', sans-serif;color:#232323;font-weight:300;font-size:1rem;}
.main ol li{font-family: 'Questrial', sans-serif;color:#232323;font-weight:300;font-size:1rem;}

.main a{color:#a02a31}
.main a:hover{color:#CCC}

a.tip {border-bottom: 0px dashed;text-decoration: none}
a.tip:hover {cursor: help;cursor: pointer;position: relative}
a.tip span.tooltip {display: none}
a.tip:hover span.tooltip {font-family: 'Questrial', sans-serif;font-size:0.9em;border: #c0c0c0 1px dotted;padding: 5px 10px 5px 5px;display: block;z-index: 100;background: url(../images/status-info.png) #f0f0f0 no-repeat 100% 5%;
    left: 20px;margin: 10px;min-width:250px;width: auto;position: absolute;top: 10px;text-decoration: none;color:#333;text-align:center;}
blockquote { border-left: 0px solid #DDDDDD; }
.sombra{box-shadow: 8px 10px 36px -10px rgba(0,0,0,0.75);
-webkit-box-shadow: 8px 10px 36px -10px rgba(0,0,0,0.75);
-moz-box-shadow: 8px 10px 36px -10px rgba(0,0,0,0.75);}


@media only screen { } /* // Small screensDefine mobile styles */

@media only screen and (max-width: 40em) { 
header{position:relative !important;background-color:#a02a31 !important}
.main{position:relative;margin-top:0px;}
} /* max-width 640px, mobile-only styles, use when QAing mobile issues */


@media only screen and (min-width: 40.063em) { } /* // Medium screensmin-width 641px, medium screens */
@media only screen and (min-width: 40.063em) and (max-width: 64em) {
} /* min-width 641px and max-width 1024px, use when QAing tablet-only issues */

@media only screen and (min-width: 64.063em) { } /* // Large screensmin-width 1025px, large screens */
@media only screen and (min-width: 64.063em) and (max-width: 90em) {
	h1{font-size:1.9em;}
	h2{font-size:1.7em;}
	h3{font-size:1.1em;}
	h4{font-size:0.9rem;}
	h5{font-size:1em;}
	p{font-size:1rem;}
	.main ul li{font-size:1rem;}
	.main ol li{font-size:1rem;}
} /* min-width 1025px and max-width 1440px, use when QAing large screen-only issues */
@media only screen and (min-width: 90.063em) { } /* // XLarge screens min-width 1441px, xlarge screens */
@media only screen and (min-width: 90.063em) and (max-width: 120em) { } /* // XLarge screens min-width 1441px and max-width 1920px, use when QAing xlarge screen-only issues */
@media only screen and (min-width: 120.063em) { } /* // XXLarge screens min-width 1921px, xxlarge screens */



/*
table th {font-family: 'Montserrat', sans-serif;color:#FFF;}
table td{font-family: 'Questrial', sans-serif;color:#636161;background-color:#FFF;border:1px solid #CCC;font-size:1em}
table tr{border:1px solid #CCC;padding:0px 0px 0px 0px}
*/

table.datos{border:none;border-collapse: collapse;}
table.datos tr{border:1px solid #f2f2f2}
table.datos td.campo{font-family: 'Montserrat', sans-serif; background-color:#f8f8f8;font-size:0.9em;width:auto !important;width:auto;}
table.datos td.valor{font-family: 'Questrial', sans-serif;background-color:#fff;font-size:0.9em}

table.greyGridTable {border: 1px solid #ccc;width: 100%;text-align: center;border-collapse: collapse;}
table.greyGridTable td, table.greyGridTable th {border: 1px solid #FFF;font-family: 'Questrial', sans-serif !important;}
table.greyGridTable tbody td {font-size: 0.9em;}
table.greyGridTable td:nth-child(even) {background: #f8f8f8;}
table.greyGridTable thead {background: #FFF;border-bottom: 4px solid #333;}
table.greyGridTable thead th {font-size: 0.9em;color: #333333;text-align: center;border-left: 2px solid #333;}
table.greyGridTable thead th:first-child {border-left: none;}
table.greyGridTable tfoot {border-bottom: 4px solid #333333;font-size: 13px;font-weight:lighter;}
table.greyGridTable tfoot td { font-size: 13px;font-weight:lighter;}


.seccion-productos .ahorro-co2{border:0px solid #090;border-radius:5px;padding:15px 10px 10px 10px; margin-top:20px;background-color:#f3fae4}
.seccion-productos  .ahorro-co2 .texto{position:relative}
.seccion-productos  .ahorro-co2 .texto p{position: absolute; top: 50%;  transform: translatey(-50%);}
.seccion-productos  .ahorro-co2 .texto p span{font-weight:600;color:#090;}


/**************
MENU SUPERIOR 
****************/


.menu-idiomas{padding-top:10px;padding-bottom:0px}
.menu-idiomas img{width:23px;}
.menu-idiomas p a{font-family: 'Montserrat', sans-serif;color:#232323;font-weight:600;margin-right:10px}
.menu-idiomas p a:hover{opacity:0.8;color:#a02a31}

.top-bar-menu {background:transparent !important;} 
/*
.top-bar-menu .logo{width:170px;padding-top:30px;padding-left:10px;}
.top-bar-menu .title-area .name{width:300px;height:100px;background-image: url('../imagenes/logo-maquinaria-anastasio-b.png');background-repeat: no-repeat;background-size: 300px;background-position: 0px 35px;}
*/
.top-bar-section-menu{}
.top-bar-section-menu ul li {background:transparent !important;margin-left:5px;padding-top:2px !important;padding-bottom:2px !important}
.top-bar-section-menu ul li > a{background:transparent !important;color:#FFF !important;font-size:0.9em;font-family: 'Montserrat', sans-serif;font-weight:bold;border:2px solid #a02a31;} 
.top-bar-section-menu ul li > a.importante{border:2px solid #FFF; border-radius:5px} 
.top-bar-section-menu ul li > a:hover {color:#232323 !important ;background-color:#FFF !important;}   
.top-bar-section-menu ul li > a.importante:hover{border:2px solid #FFF;} 
.top-bar-section-menu ul li.active > a{color:#232323 !important ;background-color:#FFF !important;border:2px solid #FFF;}
.top-bar-section-menu ul li.active > a:hover {color:#CCC !important ;border:1px solid #FFF;}
.top-bar-section-menu ul li.active > a.importante{border:2px solid #FFF;} 


.top-bar-menu .toggle-topbar {background-color:#a02a31 !important}
.top-bar-menu .toggle-topbar a {background-color:#a02a31 !important}
.top-bar-menu .toggle-topbar a:hover {}
.top-bar-menu .toggle-topbar.menu-icon {}
.top-bar-menu .toggle-topbar.menu-icon a {}
.top-bar-menu .toggle-topbar.menu-icon a span::after {color:#FFF !important}
.top-bar-menu .toggle-topbar.menu-icon a span:hover:after {color:#FFF !important}


/* Efecto tamaño header  cuando scroll */
/*header.smaller .top-bar-menu .title-area .name{background-image: url('../imagenes/logo-maquinaria-anastasio.png');background-position: 0px 25px;height:80px;}*/
header.smaller {background-color:rgba(255, 255, 255, 1);-webkit-box-shadow: 4px 4px 5px 0px rgba(168,168,168,1);-moz-box-shadow: 4px 4px 5px 0px rgba(168,168,168,1);box-shadow: 4px 4px 5px 0px rgba(168,168,168,1);margin-top:-75px}
header.smaller img.logotipo {padding-top:5px;padding-bottom:0px;width:550px}
header.smaller .top-bar-section-menu ul li > a{color:#232323 !important;border:2px solid #FFF;} 
header.smaller .top-bar-section-menu ul li > a:hover {color:#a02a31 !important ;}   
header.smaller .top-bar-section-menu ul li.active > a{color:#a02a31 !important ;}
header.smaller .top-bar-section-menu ul li.active > a:hover {color:#a02a31}
header.smaller .logotipo img{filter: none !important;width:100%;}

@media only screen { } /* // Small screensDefine mobile styles */

@media only screen and (max-width: 40em) { 
	.top-bar-menu {background-color:#a02a31 !important} 
	.top-bar-menu .logo{width:170px;padding-top:15px;padding-bottom:5px;}
	.top-bar-menu .title-area{height:40px;background-color:#a02a31 !important;padding-left:0px;padding-right:0px}
	.top-bar-section-menu ul{padding-top:10px !important;padding-bottom:10px !important;} 
	.top-bar-section-menu ul li > a{padding-top:5px !important;padding-bottom:5px !important;font-size:1em;color:#FFF !important;border:0px solid #FFF !important} 
	.top-bar-menu .title-area h1{padding-left:10px;} 	
	.top-bar-menu .toggle-topbar {margin-top:20px; 	}
} /* max-width 640px, mobile-only styles, use when QAing mobile issues */


@media only screen and (min-width: 40.063em) { } /* // Medium screensmin-width 641px, medium screens */

@media only screen and (min-width: 40.063em) and (max-width: 64em) {
	.top-bar-section-menu ul li > a{font-size:0.7em;padding-left:5px !important;padding-right:5px !important} 

} /* min-width 641px and max-width 1024px, use when QAing tablet-only issues */


@media only screen and (min-width: 64.063em) { } /* // Large screensmin-width 1025px, large screens */

@media only screen and (min-width: 64.063em) and (max-width: 90em) { 
.top-bar-section-menu ul li > a{font-size:0.8em;padding-left:5px !important;padding-right:5px !important} 
} /* min-width 1025px and max-width 1440px, use when QAing large screen-only issues */


@media only screen and (min-width: 90.063em) { } /* // XLarge screens min-width 1441px, xlarge screens */

@media only screen and (min-width: 90.063em) and (max-width: 120em) { } /* // XLarge screens min-width 1441px and max-width 1920px, use when QAing xlarge screen-only issues */


@media only screen and (min-width: 120.063em) { } /* // XXLarge screens min-width 1921px, xxlarge screens */



/* COMPARTIR EN REDES SOCIALES */
.share-social{background-color:#f5f5f5;margin-top:50px;border-radius:5px;}
.share-social .texto{padding-top:0px;padding-bottom:0px;margin-top:0px;margin-bottom:0px} 
.share-social .texto h5{padding-top:0px;padding-bottom:0px;margin-top:0px;margin-bottom:0px;position:absolute;font-family: 'Montserrat', sans-serif;font-size:1em;top:50%;transform: translateY(-50%);color:#232323;font-weight:500;}
.share-social .redes{padding-top:25px;padding-bottom:20px;}
.share-social .redes .social{width:40px;margin-left:5px;margin-bottom:5px}
.share-social .redes .social:hover{opacity:0.5}


/* EFECTOS*/
.noFilterAnim {animation-duration: 4s; animation-timing-function: ease-out;animation-delay: 0s; animation-iteration-count: 1;animation-name: noFilter;}
@keyframes noFilter {
  0% {transform: -webkit-filter: grayscale(100%);filter: grayscale(100%); }
  100% {transform: -webkit-filter: grayscale(0%);filter: grayscale(0%);}
}
.noFilterAnimBG {animation-duration: 4s;animation-timing-function: ease-out;animation-delay: 0s;animation-iteration-count: 1;animation-name: noFilterBG;}
@-webkit-keyframes noFilterBG {
  from {background-color: #CCC;}
  to {background-color: #c0c800;}
}
@keyframes noFilterBG {
from {background-color: #CCC; filter: grayscale(100%);}
  to {background-color: #c0c800; filter: grayscale(0%);}
}


/* BOTONES*/


.boton-blanco{font-family: 'Montserrat', sans-serif;border:1px solid #CCC;color:#a02a31; border-radius:5px;background-color:#F2F2F2}
.boton-blanco:hover{border:1px solid #a02a31;color:#FFF; border-radius:5px;background-color:#a02a31}
.boton-blanco:hover>p{color:#FFF !important;}
.boton-blanco:hover>h2{color:#FFF !important;}




.boton-rojo{font-family: 'Montserrat', sans-serif;border:1px solid #a02a31;color:#FFFFFF !important; border-radius:5px;background-color:#a02a31;font-weight:600}
.boton-rojo:hover{border:1px solid #a02a31;color:#a02a31 !important; border-radius:5px;background-color:#FFFFFF}

/* HOME */

/* Slider */
.layerslider-home{max-height:400px;width:100%;height:400px;}
.layerslider-home h1{position:absolute;left:50%;top:10vh;font-size:2em;color:#FFF;font-family: 'Montserrat', sans-serif;background-color:rgba(0, 0, 0, 0.7);padding:20px 30px 30px 20px;line-height:1em;text-align:center;width:auto;height:auto}
/*.layerslider-home h1{top:0px;left:80px;height:400px;font-size:3em;color:#FFF;font-family: 'Montserrat', sans-serif;background-color:rgba(34, 72, 96, 0.7);padding:20px 30px 30px 20px;padding-top:80px;line-height:1em;width:30%;text-align:center}
.layerslider-home  h1 div {background-color:rgba(243, 138, 23, 0.7);font-size:0.5em;border-radius: 10px;padding:20px 20px 20px 20px;white-space: normal;width:auto;}
*/
.layerslider-seccion h1{top:0px;left:80px;height:400px;font-size:3em;color:#FFF;font-family: 'Montserrat', sans-serif;background-color:rgba(34, 72, 96, 0.7);padding:20px 30px 30px 20px;padding-top:80px;line-height:1em;width:30%;text-align:center}
.layerslider-seccion  h1 div {background-color:rgba(243, 138, 23, 0.7);font-size:0.5em;border-radius: 10px;padding:20px 20px 20px 20px;white-space: normal;width:auto;}


@media only screen { } /* // Small screensDefine mobile styles */

@media only screen and (max-width: 40em) { 
.layerslider-home h1{top:0px;left:80px;height:600px;font-size:2em;padding:20px 30px 30px 20px;padding-top:150px;line-height:1em;width:50%;}
.layerslider-home  h1 div {font-size:0.5em;width:auto;}


.layerslider-seccion h1{top:0px;left:80px;height:600px;font-size:2em;padding:20px 30px 30px 20px;padding-top:150px;line-height:1em;width:50%;}
.layerslider-seccion  h1 div {font-size:0.5em;}

} /* max-width 640px, mobile-only styles, use when QAing mobile issues */


@media only screen and (min-width: 40.063em) { } /* // Medium screensmin-width 641px, medium screens */
@media only screen and (min-width: 40.063em) and (max-width: 64em) {
} /* min-width 641px and max-width 1024px, use when QAing tablet-only issues */

@media only screen and (min-width: 64.063em) { } /* // Large screensmin-width 1025px, large screens */
@media only screen and (min-width: 64.063em) and (max-width: 90em) { 
.layerslider-home h1{top:0px;left:80px;height:600px;font-size:2em;padding:20px 30px 30px 20px;padding-top:150px;line-height:1em;width:30%;}
.layerslider-home  h1 div {font-size:0.5em;padding:10px;}
.layerslider-seccion h1{top:0px;left:80px;height:600px;font-size:2em;color:#FFF;padding:20px 30px 30px 20px;padding-top:150px;line-height:1em;width:30%;}
.layerslider-seccion  h1 div {font-size:0.5em;padding:10px;}
} /* min-width 1025px and max-width 1440px, use when QAing large screen-only issues */
@media only screen and (min-width: 90.063em) { } /* // XLarge screens min-width 1441px, xlarge screens */
@media only screen and (min-width: 90.063em) and (max-width: 120em) { } /* // XLarge screens min-width 1441px and max-width 1920px, use when QAing xlarge screen-only issues */
@media only screen and (min-width: 120.063em) { } /* // XXLarge screens min-width 1921px, xxlarge screens */



/* Efecto filtro imagenes */
img.filter { -webkit-filter: grayscale(100%);filter: grayscale(100%);}
img.filter:hover {filter: none; -webkit-filter: grayscale(0%);}

/* Efectos fade-in imagenes */
.img-fadein{-webkit-animation: fadein 2s; -moz-animation: fadein 2s; -ms-animation: fadein 2s; -o-animation: fadein 2s; animation: fadein 2s;}
@keyframes fadein { from { opacity: 0; } to { opacity: 1; } } /* Firefox < 16 */ 
@-moz-keyframes fadein { from { opacity: 0; } to { opacity: 1; } } /* Safari, Chrome and Opera > 12.1 */ 
@-webkit-keyframes fadein { from { opacity: 0; } to { opacity: 1; } } /* Internet Explorer */ 
@-ms-keyframes fadein { from { opacity: 0; } to { opacity: 1; } } /* Opera < 12.1 */ 
@-o-keyframes fadein { from { opacity: 0; } to { opacity: 1; } }


/* HOME */

	/* Intro */
.home-intro{padding-top:80px;padding-botton:80px;}
.home-intro h1{font-size:3em; font-weight:600}
.home-intro  p.label{color:#a02a31;font-weight:700}
.home-intro .texto-co2{border-radius:5px;border:0px solid #090;padding:15px 10px 10px 10px; margin-top:20px;background-color:#f3fae4;}
.home-intro .boton-blanco{margin-left:10px;margin-right:10px;width:100%;padding-top:20px;padding-bottom:20px;font-weight:500;text-align:center !important}
.home-intro .boton-blanco h2{color:#a02a31;text-align:center !important; font-weight:500 !important;font-size:1.5em}
.home-intro .boton-blanco p{color:#666}
.home-intro .boton-blanco img{width:50px}
.home-intro .boton-blanco:hover > img{filter: contrast(0) brightness(200%);}

	/* Por qué nosotros */
.home-porque {padding-top:80px; padding-bottom:80px}
.home-porque h2{font-size:3em; font-weight:600;margin-bottom:40px}
.home-porque h2 span{color:#a02a31}
.home-porque h3{color:#a02a31;text-align:center !important; font-weight:500 !important;font-size:1.5em}
.home-porque img{height:80px}



/* CTA */
.home-cta1{margin-top:50px; margin-bottom:100px !important}
.home-cta1 .contenido{background-color:#f2f2f2;border-radius:5px;padding-top:50px;padding-bottom:50px}
.home-cta1 .contenido h3{font-weight:600;font-size:2.5em}

/* Maquinas del home */
.home-maquinas{}
.home-maquinas .contenido{padding-top:50px;padding-bottom:50px;}
.home-maquinas .contenido ul li a:hover{opacity:0.8}


.maquina-detalle{border-radius:5px;background-color:#f2f2f2;height:100%;padding:0px 0px 0px 0px}
.maquina-detalle .imagen{min-height:500px;padding:0px 0px 0px 0px}
.maquina-detalle .imagen img.imgproducto{position:relative;max-height:500px;margin:0 auto;position: absolute;  left:50%;top: 50%;  transform: translate(-50%,-50%);}
.maquina-detalle .imagen .etiqueta{position:absolute;bottom:0;right:0;background-color:#a02a31;padding:10px 10px 10px 10px;font-family: 'Questrial', sans-serif;font-weight:bold;color:#f6f6f6;font-size:0.8em}
.vendido{position:absolute;top:50%;left:50%;font-weight:700;font-family: 'Montserrat', sans-serif;font-size:2em;color:#a02a31;background:rgb(256,256,256,0.7);padding:20px 20px 20px 20px;border-radius:5px;transform:translate(-50%,-50%);z-index:99999999999999999 !important}
.maquina-detalle .texto{padding-top:20px;padding-bottom:20px;}
.maquina-detalle .texto .icono-etiqueta{position:absolute;top:0;right:0;background:trsnaparent;font-family: 'Questrial', sans-serif;font-weight:bold;color:#a02a31;font-size:0.8em;-webkit-transform: rotate(90deg);-moz-transform: rotate(90deg);    -o-transform: rotate(90deg);-ms-transform: rotate(90deg);transform: rotate(90deg);margin-top:-5px;margin-right:10px}
.maquina-detalle .texto h3{font-family: 'Montserrat', sans-serif;color:#a02a31;font-size:1em;text-align:left;font-weight:600}
.maquina-detalle .texto h2{font-size:1.2em;text-align:left;font-weight:600;color:#333333;}
.maquina-detalle .texto p{font-size:0.9em;color:#333333;font-weight:500;}
.maquina-detalle .texto a{color:#FFF !important; font-weight:500}
.maquina-detalle .texto a:hover{color:#a02a31 !important; font-weight:500}




/*
.home-maquinas .item-maquina{text-align:center}
.home-maquinas .item-maquina .imagen{padding-top:0px;padding-bottom:0px;border:1px solid #CCC;border-bottom:0px solid #FFF;background-repeat: no-repeat; background-size: cover;height:400px}

.home-maquinas .item-maquina .imagen .etiqueta{position:absolute;bottom:0;right:0;background-color:#a02a31;padding:10px 10px 10px 10px;font-family: 'Questrial', sans-serif;font-weight:bold;color:#f6f6f6;font-size:0.8em}
.home-maquinas .item-maquina .texto{padding-top:15px;padding-bottom:15px;border:1px solid #CCC;border-top:0px solid #FFF;background-color:#f6f6f6}
.home-maquinas .item-maquina .texto .icono-etiqueta{position:absolute;top:0;right:0;background:trsnaparent;font-family: 'Questrial', sans-serif;font-weight:bold;color:#a02a31;font-size:0.8em;-webkit-transform: rotate(90deg);-moz-transform: rotate(90deg);    -o-transform: rotate(90deg);-ms-transform: rotate(90deg);transform: rotate(90deg);margin-top:-5px;margin-right:10px}
.home-maquinas .item-maquina .texto h3{font-family: 'Montserrat', sans-serif;color:#a02a31;font-size:0.9em;text-align:left;font-weight:lighter}
.home-maquinas .item-maquina .texto h2{color:#a02a31;font-size:1em;text-align:left;margin-top:-15px}
.home-maquinas .item-maquina .texto p{font-size:0.9em}
*/



/* TODAS LAS SECCIONES */
.sombra{-webkit-box-shadow: 3px 4px 9px 0px rgba(209,202,209,1);-moz-box-shadow: 3px 4px 9px 0px rgba(209,202,209,1);box-shadow: 3px 4px 9px 0px rgba(209,202,209,1);}
.seccion{background-color:#FFF;padding-top:70px;padding-bottom:50px;}
.seccion h1{color:#232323;font-size:2.2em;font-weight:900;}
.seccion .side-nav{padding-top:0px}
.seccion .side-nav li{background-color:#FFF;color:#232323!important;margin-top:0px;margin-bottom:3px;padding-top:0px;padding-bottom:0px}
.seccion .side-nav li a{color:#232323!important;font-size:1em;padding-top:0px;padding-bottom:0px;line-height:2em}
.seccion .side-nav li a:hover{background-color:#a02a31;color:#FFF !important}
.seccion .side-nav li.active{background-color:#a02a31;color:#FFF !important}
.seccion .side-nav li.active a{color:#FFF !important;font-family: 'Questrial', sans-serif !important;}

.seccion p{}
.seccion p a {color:#cc0000;}
.seccion p a:hover {color:#232323;}
.seccion p span{font-weight:500}



@media only screen { } /* // Small screensDefine mobile styles */

@media only screen and (max-width: 40em) { 

} /* max-width 640px, mobile-only styles, use when QAing mobile issues */


@media only screen and (min-width: 40.063em) { } /* // Medium screensmin-width 641px, medium screens */
@media only screen and (min-width: 40.063em) and (max-width: 64em) {
} /* min-width 641px and max-width 1024px, use when QAing tablet-only issues */

@media only screen and (min-width: 64.063em) { } /* // Large screensmin-width 1025px, large screens */
@media only screen and (min-width: 64.063em) and (max-width: 90em) {
	.seccion{padding-top:50px;padding-bottom:50px;} 
	.seccion h1{font-size:2em;}
} /* min-width 1025px and max-width 1440px, use when QAing large screen-only issues */
@media only screen and (min-width: 90.063em) { } /* // XLarge screens min-width 1441px, xlarge screens */
@media only screen and (min-width: 90.063em) and (max-width: 120em) { } /* // XLarge screens min-width 1441px and max-width 1920px, use when QAing xlarge screen-only issues */
@media only screen and (min-width: 120.063em) { } /* // XXLarge screens min-width 1921px, xxlarge screens */



/* PRODUCTOS */
.seccion-productos{padding-bottom:0px;background-color:#f4f4f4;}
.seccion-productos .contenido {margin-top:-70px}
.seccion-productos .contenido .izq{background-color:#f4f4f4}
.seccion-productos .contenido .izq h1{color:#F2F2F2;font-size:1.5em;padding-top:10px;padding-bottom:5px}
.seccion-productos .contenido .izq h2{color:#F2f2f2;font-size:1.5em}
.seccion-productos .contenido .dcha{padding-top:60px;background-color:#fff}

/* MAQUINAS */
.fotorama{background-color:#f8f8f8;border-radius:5px}



/* SECCION CONTACTO */
.seccion-contacto{}
.seccion-contacto .etiquetas{}
.seccion-contacto .etiquetas h1{background-color:#a02a31;color:#FFF;padding:20px 20px 20px 20px;text-align:right;font-size:2.5em !important;}
.seccion-contacto .etiquetas h2{background-color:#f2f2f2;color:#666;padding:20px 20px 20px 20px;text-align:right;font-size:2em !important}

@media only screen { } /* // Small screensDefine mobile styles */

@media only screen and (max-width: 40em) { 

} /* max-width 640px, mobile-only styles, use when QAing mobile issues */


@media only screen and (min-width: 40.063em) { } /* // Medium screensmin-width 641px, medium screens */
@media only screen and (min-width: 40.063em) and (max-width: 64em) {
} /* min-width 641px and max-width 1024px, use when QAing tablet-only issues */

@media only screen and (min-width: 64.063em) { } /* // Large screensmin-width 1025px, large screens */
@media only screen and (min-width: 64.063em) and (max-width: 90em) {
	.seccion-contacto .etiquetas h1{padding:20px 20px 20px 20px;font-size:2em !important;}
	.seccion-contacto .etiquetas h2{font-size:1.2em !important}
} /* min-width 1025px and max-width 1440px, use when QAing large screen-only issues */
@media only screen and (min-width: 90.063em) { } /* // XLarge screens min-width 1441px, xlarge screens */
@media only screen and (min-width: 90.063em) and (max-width: 120em) { } /* // XLarge screens min-width 1441px and max-width 1920px, use when QAing xlarge screen-only issues */
@media only screen and (min-width: 120.063em) { } /* // XXLarge screens min-width 1921px, xxlarge screens */




/************
SECCIONES LEGALES
*******/
.seccion-legal{background-color:#FFF;}
.seccion-legal .contenido{}
.seccion-legal .contenido p{font-size:0.9em;}
.seccion-legal .contenido ol li{font-size:0.9em;}
.seccion-legal .contenido ul li{font-size:0.9em;}



/****************
 FOOTER 
******************/
footer {width:100%;max-width:3840px;position:relative;z-index:900;background-color:#202020;border-top:4px solid #a02a31;}
footer .footer{}
footer .footer .contacto{background-color:#a02a31;height:auto;border-radius:5px;padding-top:30px;padding-bottom:30px}
footer .footer h2{color:#F2F2F2;font-family: 'Muli', sans-serif;text-align:left;font-size:1.2em;font-weight:600;margin-bottom:20px}
footer .footer .contacto h2{color:#F2F2F2;font-family: 'Muli', sans-serif;text-align:right;font-size:1.2em}
footer p{color:#FFF !important;font-family: 'Questrial', sans-serif;font-size:1.1em;}
footer a{color:#FFF !important;}
footer a:hover{color:#ccc !important;}
footer p a:hover{color:#CCC !important;}
footer a:active{color:#CCC;}
footer .legal{margin-top:40px;border-top:1px dotted #f2f2f2;}
footer .legal p{font-family: 'Questrial', sans-serif;font-size:1em;font-weight:600;padding-top:20px}

footer .creditos{}
footer .creditos p{font-family: 'Questrial', sans-serif;font-size:0.9em;font-weight:300;padding-top:20px}


@media only screen { } /* // Small screensDefine mobile styles */
@media only screen and (max-width: 40em) { } /* max-width 640px, mobile-only styles, use when QAing mobile issues */
@media only screen and (min-width: 40.063em) { } /* // Medium screensmin-width 641px, medium screens */
@media only screen and (min-width: 40.063em) and (max-width: 64em) {} /* min-width 641px and max-width 1024px, use when QAing tablet-only issues */
@media only screen and (min-width: 64.063em) { } /* // Large screensmin-width 1025px, large screens */
@media only screen and (min-width: 64.063em) and (max-width: 90em) { } /* min-width 1025px and max-width 1440px, use when QAing large screen-only issues */
@media only screen and (min-width: 90.063em) { } /* // XLarge screens min-width 1441px, xlarge screens */
@media only screen and (min-width: 90.063em) and (max-width: 120em) { } /* // XLarge screens min-width 1441px and max-width 1920px, use when QAing xlarge screen-only issues */
@media only screen and (min-width: 120.063em) { } /* // XXLarge screens min-width 1921px, xxlarge screens */

/* FORMULARIOS */
label{font-family: 'Montserrat', sans-serif;color:#232323;padding-bottom:0px !important;}
label span{color:#a02a31;}
input[type="text"], input[type="password"],input[type="email"],input[type="number"], textarea, select{font-family: 'Questrial', sans-serif!important;color:#232323;font-size:1em;	background-color:#F5F5F5 !important;border:none !important;height: 2.5rem;box-shadow: inset 0px 0px 0px 0px red !important;padding-bottom:10px !important;border-radius:5px}
.form .container {display: block;position: relative;padding-left: 35px;margin-bottom: 12px;cursor: pointer;font-size: 0.9em;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;}
.form .container input {position: absolute;opacity: 0;}
.form .checkmark {position: absolute;top: 0;left: 0;height: 25px;width: 25px;background-color: #f1f1f1 !important;}
.form .container:hover input ~ .checkmark {background-color: #333;}
.form .container input:checked ~ .checkmark {background-color: #333;}
.form .checkmark:after {content: "";position: absolute;display: none;}
.form .container input:checked ~ .checkmark:after {display: block;}
.form .container .checkmark:after {left: 9px;top: 5px;width: 5px;height: 10px;border: solid #232323;border-width: 0 3px 3px 0;-webkit-transform: rotate(45deg);-ms-transform: rotate(45deg);transform: rotate(45deg);}
.form a{color:#a02a31;}
.form a:hover{color:#CCC;}
/*
.form .boton{background-color:#941d21;color:#FFF;font-family: 'Roboto Condensed', sans-serif;letter-spacing:0.1em;border-color:#941d21}
.form .boton:hover{background-color:#999;color:#FFF;font-family: 'Roboto Condensed', sans-serif;letter-spacing:0.1em;border-color:#999}
*/


::-webkit-input-placeholder { /* Chrome/Opera/Safari */font-family: 'Quicksand', sans-serif;color: #333;font-style: italic;}
::-moz-placeholder { /* Firefox 19+ */font-family: 'Quicksand', sans-serif;color: #333;font-style: italic;}
:-ms-input-placeholder { /* IE 10+ */font-family: 'Quicksand', sans-serif;color: #333;font-style: italic;}
:-moz-placeholder { /* Firefox 18- */font-family: 'Quicksand', sans-serif;color: #333;font-style: italic;}


@media only screen { } /* // Small screensDefine mobile styles */
@media only screen and (max-width: 40em) { } /* max-width 640px, mobile-only styles, use when QAing mobile issues */
@media only screen and (min-width: 40.063em) { } /* // Medium screensmin-width 641px, medium screens */
@media only screen and (min-width: 40.063em) and (max-width: 64em) {} /* min-width 641px and max-width 1024px, use when QAing tablet-only issues */
@media only screen and (min-width: 64.063em) { } /* // Large screensmin-width 1025px, large screens */
@media only screen and (min-width: 64.063em) and (max-width: 90em) {
.form label{font-size:0.8em}	
.form input[type="text"], .form input[type="password"],.form input[type="email"], .form input[type="number"], .form textarea, .form select{padding-bottom:0px !important;}
} /* min-width 1025px and max-width 1440px, use when QAing large screen-only issues */
@media only screen and (min-width: 90.063em) { } /* // XLarge screens min-width 1441px, xlarge screens */
@media only screen and (min-width: 90.063em) and (max-width: 120em) { } /* // XLarge screens min-width 1441px and max-width 1920px, use when QAing xlarge screen-only issues */
@media only screen and (min-width: 120.063em) { } /* // XXLarge screens min-width 1921px, xxlarge screens */

/* Boton */
.boton{font-family: 'Montserrat', sans-serif;color:#FFF !important;font-weight:bold;font-size:0.8em;background-color:#a02a31;border:1px solid #a02a31}
.boton:hover{background-color:#FFF !important;color:#a02a31 !important;border:1px solid #a02a31 !important;}


/* Botón Volver */
.boton-volver{font-family: 'Montserrat', sans-serif;color:#a02a31;font-weight:bold;font-size:0.8em;background-color:#FFF;border:1px solid #a02a31}
.boton-volver i{color:#a02a31;}
.boton-volver div{position:absolute;top:16;left:0;margin-left:16px;margin-top:2px;-moz-transform:rotate(-180deg);-o-transform: rotate(-180deg); -webkit-transform: rotate(-180deg);transform: rotate(-180deg);}

.boton-volver:hover{background-color:#a02a31;color:#FFF !important;border:1px solid #a02a31}
.boton-volver:hover i{color:#FFF !important;}



/* SCROLL */
.scrollup{width:40px;height:40px; opacity:0.6; position:fixed; bottom:38px; right:30px;display:none;text-indent:-9999px; background: url(../imagenes/icon_top.png) no-repeat;z-index:99999999}

/*PAGINACION*/
#Paginacion {text-align:center;align:center;float:center;}
#Paginacion li {list-style:none; float:left;text-align:center;alig:_center;float:center; }
#Paginacion a {float: left; margin-right:0px;background:transparent;font-family: 'Cairo', sans-serif !important;font-weight:bold;color:#FFF;font-size:1em;border:0px;}
#Paginacion .numero {font-family: 'Cairo', sans-serif !important;font-size:1em; padding: 9px 11px; color:#c0c800;border:0px solid #999;margin-top:2px;margin-bottom:2px;margin-right:2px}
#Paginacion .numero:hover {background-color:#c0c800;color:#FFF;border:0px solid #999;font-family: 'Cairo', sans-serif !important;font-weight:bold;}
#Paginacion .active {font-family: 'Cairo', sans-serif !important;background-color: #fff; color:#c0c800;border:0px solid #999;font-size:1em;padding: 9px 11px;margin-top:2px;margin-bottom:2px;margin-right:1px}
#Paginacion .end-off,#Paginacion .first-off,#Paginacion .previous-off,#Paginacion .next-off{background:transparent;color:#CCC;font-size:1em;padding-top:10px;padding-left:5px;padding-right:5px;line-height:2em}
#Paginacion .end-on,#Paginacion .first-on,#Paginacion .next-on,#Paginacion .previous-on{background:transparent;color:#c0c800;font-size:1em;padding-top:10px;padding-left:5px;padding-right:5px;line-height:2em !important;margin-top:8px}
#Paginacion .end-on:hover,#Paginacion .first-on:hover,#Paginacion .next-on:hover,#Paginacion .previous-on:hover{color:#c0c800 !important;font-size:1.3em;padding-top:10px;padding-left:5px;padding-right:5px;line-height:2em !important;margin-top:8px}


/* seccion común contacto */
.seccion-home-contacto{}
.seccion-home-contacto .content h1{font-size:3.5em !important;color:#fff !important}
.seccion-home-contacto .content a{color:#FFF !important;font-family: 'Montserrat', sans-serif;text-align:center;padding:15px 15px 15px 15px;background-color:#a02a31;font-size:0.9em;font-weight:bold}
.seccion-home-contacto .content a:hover{background-color:#a02a31 !important;color:#000 !important;border:1px solid #000}

@media only screen { } /* // Small screensDefine mobile styles */

@media only screen and (max-width: 40em) { 
.seccion-home-contacto .content h1{font-size:2em !important;}
} /* max-width 640px, mobile-only styles, use when QAing mobile issues */


@media only screen and (min-width: 40.063em) { } /* // Medium screensmin-width 641px, medium screens */

@media only screen and (min-width: 40.063em) and (max-width: 64em) {
	
} /* min-width 641px and max-width 1024px, use when QAing tablet-only issues */


@media only screen and (min-width: 64.063em) { } /* // Large screensmin-width 1025px, large screens */

@media only screen and (min-width: 64.063em) and (max-width: 90em) {
	.seccion-home-contacto .content h1{font-size:2.5em !important;} } /* min-width 1025px and max-width 1440px, use when QAing large screen-only issues */


@media only screen and (min-width: 90.063em) { } /* // XLarge screens min-width 1441px, xlarge screens */

@media only screen and (min-width: 90.063em) and (max-width: 120em) { } /* // XLarge screens min-width 1441px and max-width 1920px, use when QAing xlarge screen-only issues */


@media only screen and (min-width: 120.063em) { } /* // XXLarge screens min-width 1921px, xxlarge screens */