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

/* NIVELES 

1000 -> <header>
1500 -> Menu idiomas , Menu redes
1550 -> Boton contacta home
1600 -> Scroll
2000 -> Cookies

FUENTES

font-family: 'Montserrat', sans-serif; > Slider
font-family: 'Mr Dafoe', cursive; > Slider
font-family: 'Raleway', sans-serif; > Menu principal 

*/

@media only screen { } /* // Small screens Define mobile styles */
@media only screen and (max-width: 40em) { } /*// Small screens  max-width 640px, mobile-only styles, use when QAing mobile issues */
@media only screen and (min-width: 40.063em) { } /* // Medium screens min-width 641px, medium screens */
@media only screen and (min-width: 40.063em) and (max-width: 64em) { } /* // Medium screens min-width 641px and max-width 1024px, use when QAing tablet-only issues */
@media only screen and (min-width: 64.063em) { } /* // Large screens min-width 1025px, large screens */
@media only screen and (min-width: 64.063em) and (max-width: 90em) { } /* // Large screens 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 */


html{width:100%;max-width:3840px;margin:0 auto; padding:0 auto;background-color:#FFF;height:auto;overflow-x:hidden;}
body{width:100%;max-width:3840px;margin:0 auto; padding:0 auto;background-color:#FFF;height:auto;overflow-x:hidden;}
header{width:100%;max-width:3840px;z-index:1000;position:fixed;-webkit-transition: all 0.3s;-moz-transition:all 0.3s;-ms-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s;background:rgb(68,68,68,1) !important}
.row{width:100%;max-width:3840px;}
#main{position:relative;padding-top:80px}
.main{position:relative;padding-top:80px}

@media only screen { } /* // Small screens Define mobile styles */
@media only screen and (max-width: 40em) {
	header{z-index:1000;position:relative;-webkit-transition:none;-moz-transition:none;-ms-transition:none;-o-transition:none;transition:none;background:rgb(255,255,255,1) !important}
	#main{position:relative;padding-top:0px;}
} /*// Small screens  max-width 640px, mobile-only styles, use when QAing mobile issues */
@media only screen and (min-width: 40.063em) { } /* // Medium screens min-width 641px, medium screens */
@media only screen and (min-width: 40.063em) and (max-width: 64em) { } /* // Medium screens min-width 641px and max-width 1024px, use when QAing tablet-only issues */
@media only screen and (min-width: 64.063em) { } /* // Large screens min-width 1025px, large screens */
@media only screen and (min-width: 64.063em) and (max-width: 90em) { } /* // Large screens 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 */


header.smaller{background:rgb(255,255,255,1) !important;-webkit-box-shadow: 10px 10px 42px -23px rgba(204,204,204,1);-moz-box-shadow: 10px 10px 42px -23px rgba(204,204,204,1);box-shadow: 10px 10px 42px -23px rgba(204,204,204,1);}
header.smaller .top-bar-menu1{background:rgb(255,255,255,1) !important}
header.smaller .top-bar-menu1 .title-area li.name {width:250px;margin-top:10px;height:40px;background-image: url("../imagenes/logo-geyma-color.png");background-repeat: no-repeat;background-size:200px;} 
header.smaller .top-bar-section-menu1 ul li {margin-top:15px !important;margin-bottom:10px !important}
header.smaller .top-bar-section-menu1 ul li > a {background:transparent !important;color:#232323 !important} 
header.smaller .top-bar-section-menu1 ul li > a.contacto {border:1px solid #232323;}
header.smaller .top-bar-section-menu1 ul li > a:hover {color:#f7a600 !important;background-color:#FFF !important}   
header.smaller .top-bar-section-menu1 ul li > a:hover span{color:#f7a600 !important;}   
header.smaller .top-bar-section-menu1 ul li.active > a {color:#f7a600 !important;}
header.smaller .top-bar-section-menu1 ul li.active > a span{color:#f7a600 !important;}
header.smaller .top-bar-section-menu1 ul li.active > a:hover {color:#000 !important;background-color:#FFF}

header.smaller .top-bar-section-menu1 ul li ul{padding-top:12px !important}
header.smaller .top-bar-section-menu1 ul li ul li {background-color:#FFF !important;margin-top:0px !important;margin-bottom:0px !important}
header.smaller .top-bar-section-menu1 ul li ul li > a {color:#232323 !important;background:#FFF !important;} 
header.smaller .top-bar-section-menu1 ul li ul li > a:hover {color:#f7a600 !important;background:transparent!important}   
header.smaller .top-bar-section-menu1 ul li ul li.active > a {color:#f7a600 !important;background:transparent!important}
header.smaller .top-bar-section-menu1 ul li ul li.active > a span {color:#f7a600 !important;}
header.smaller .top-bar-section-menu1 ul li ul li.active > a:hover {color:#000 !important;background-color:#FFF}

header.smaller .top-bar-menu1 .has-dropdown > a:after {border-color: #f2902d rgba(0, 0, 0, 0) rgba(0, 0, 0, 0)!important;} /* color flechita */


/* TEXT FORMAT */
h1{font-family: 'Raleway', sans-serif;font-size:4em;margin-top:-10px;font-weight:900;}
h2{font-family: 'Raleway', sans-serif;}
h3{font-family: 'Raleway', sans-serif;} 
h3 span{color:#f7a600;}
h4{font-family: 'Raleway', sans-serif;font-weight:800}
h5{font-family: 'Raleway', sans-serif;}
p{font-family: 'Muli', sans-serif;font-size:1.1em;}
#main ul li{font-family: 'Muli', sans-serif;font-size:1.1em}
#main ol li{font-family: 'Muli', sans-serif;font-size:1.1em}

@media only screen { } /* // Small screens Define mobile styles */
@media only screen and (max-width: 40em) { 
h1{font-size:2.5em;}
} /*// Small screens  max-width 640px, mobile-only styles, use when QAing mobile issues */
@media only screen and (min-width: 40.063em) { } /* // Medium screens min-width 641px, medium screens */
@media only screen and (min-width: 40.063em) and (max-width: 64em) { 
h1{font-size:3.5em;}
} /* // Medium screens min-width 641px and max-width 1024px, use when QAing tablet-only issues */
@media only screen and (min-width: 64.063em) { } /* // Large screens min-width 1025px, large screens */
@media only screen and (min-width: 64.063em) and (max-width: 90em) { 
h1{font-size:4em;}
} /* // Large screens 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 */



/* ELEMENTOS COMUNES */

/* MENU PRINCIPAL */
.top-bar-menu1 {background:rgb(68,68,68,1) !important} 
.top-bar-menu1.expanded .title-area {}  
.top-bar-menu1 .title-area li.name {width:250px;margin-top:10px;height:70px;background-image: url("../imagenes/logo-geyma.png");background-repeat: no-repeat;background-size:250px;-webkit-transition: all 0.3s;-moz-transition:all 0.3s;-ms-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s;} 
.top-bar-section-menu1{background:transparent !important}
.top-bar-section-menu1 ul li {background:transparent !important;margin-top:20px !important;margin-bottom:15px !important}
.top-bar-section-menu1 ul li > a {font-family: 'Raleway', sans-serif;font-size:0.8em;font-weight:800;letter-spacing:0px;color:#FFF!important;background:transparent !important;-webkit-transition: all 0.3s;-moz-transition:all 0.3s;-ms-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s;} 
.top-bar-section-menu1 ul li > a.contacto {border:1px solid #FFF;}
.top-bar-section-menu1 ul li > a span{font-size:1.5em}
.top-bar-section-menu1 ul li > a:hover {color:#f7a600 !important;background:transparent!important}   
.top-bar-section-menu1 ul li > a:hover span{color:#f7a600 !important;}   
.top-bar-section-menu1 ul li.active > a {color:#f7a600 !important;background:transparent!important}
.top-bar-section-menu1 ul li.active > a span {color:#f7a600 !important;}
.top-bar-section-menu1 ul li.active > a:hover {color:#000 !important;background-color:#FFF}


.top-bar-section-menu1 ul li ul{padding-top:15px !important}
.top-bar-section-menu1 ul li ul li {background-color:#444 !important;margin-top:0px !important;margin-bottom:0px !important}
.top-bar-section-menu1 ul li ul li > a {font-family: 'Raleway', sans-serif;font-size:0.8em;font-weight:800 !important;letter-spacing:0px;color:#FFF!important;background:transparent !important;-webkit-transition: all 0.3s;-moz-transition:all 0.3s;-ms-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s;} 
.top-bar-section-menu1 ul li ul li > a span{font-size:1.5em}
.top-bar-section-menu1 ul li ul li > a:hover {color:#f7a600 !important;background:transparent!important}   
.top-bar-section-menu1 ul li ul li > a:hover span{color:#f7a600 !important;}   
.top-bar-section-menu1 ul li ul li.active > a {color:#f7a600 !important;background:transparent!important}
.top-bar-section-menu1 ul li ul li.active > a span {color:#f7a600 !important;}
.top-bar-section-menu1 ul li ul li.active > a:hover {color:#000 !important;background-color:#FFF}


@media only screen { } /* // Small screens Define mobile styles */
@media only screen and (max-width: 40em) {
	.top-bar-menu1 .title-area li.name {width:250px;margin-top:10px;height:70px;background-image: url("../imagenes/logo-geyma-color.png");background-repeat: no-repeat;background-size:250px;-webkit-transition: all 0.3s;-moz-transition:all 0.3s;-ms-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s;} 
	.top-bar-menu1{height:70px;background-color:#FFF !important}  	
	.top-bar-section-menu1{height:70px;background-color:#FFF !important}	
	.top-bar-menu1 .title-area {height:70px;background-color:#FFF !important}  
	.top-bar-menu1 .title-area h1 img{width:100px} 
		
	.top-bar .toggle-topbar.menu-icon a {color:#000;} /* color de la palabra MENU */
	.top-bar .toggle-topbar.menu-icon a span::after {box-shadow: 0 0 0 1px #000, 0 7px 0 1px #000, 0 14px 0 1px #000;} /* color de la hamburguesa */
	.top-bar.expanded .toggle-topbar a span::after {box-shadow: 0 0 0 1px #f7a600, 0 7px 0 1px #f7a600, 0 14px 0 1px #f7a600; } /* color de la hamburguesa presionado*/
	
	.top-bar-section-menu1 ul li {margin-top:0px !important;margin-bottom:0px !important;padding-top:0px !important;padding-bottom:0px !important}
	.top-bar-section-menu1 ul li > a{font-size:1em;color:#232323 !important;padding-top:5px;padding-bottom:5px}
	.top-bar-section-menu1 ul li ul{padding-top:15px !important;background-color:#444 !important;padding-bottom:15px !important}
	.top-bar-section-menu1 ul li ul li {background-color:#444 !important;margin-top:0px !important;margin-bottom:0px !important}
	.top-bar-section-menu1 ul li ul li > a {font-size:1em;color:#FFF!important;} 

	

} /*// Small screens  max-width 640px, mobile-only styles, use when QAing mobile issues */
@media only screen and (min-width: 40.063em) { } /* // Medium screens min-width 641px, medium screens */
@media only screen and (min-width: 40.063em) and (max-width: 64em) { 
.top-bar-menu1 .title-area li.name {width:180px;margin-top:20px;height:70px;background-size:180px;} 
.top-bar-section-menu1 ul li > a {font-size:0.7em;} 

} /* // Medium screens min-width 641px and max-width 1024px, use when QAing tablet-only issues */
@media only screen and (min-width: 64.063em) { } /* // Large screens min-width 1025px, large screens */
@media only screen and (min-width: 64.063em) and (max-width: 90em) { } /* // Large screens 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 */


/* SLIDER DE BANNERS*/
.layerslider-home{width:auto; height: 100%;min-height:50vh;/*position:absolute !important;top:0 !important;left:0 !important;*/}
.layerslider-home h1{top:5%;left:0%;padding:30px 20px 25px 20px;background-color: rgb(68, 68, 68,0.8);position:absolute !important;z-index:20 !important;font-weight:900; color: #FFF !important;font-family: 'Raleway', sans-serif;font-size:4em;line-height:0.95em;margin-top:150px;}
.layerslider-home h1 span{color:#f3912e;font-size:0.8em;}

@media only screen { } /* // Small screens Define mobile styles */
@media only screen and (max-width: 40em) {	
	.layerslider-home{min-height:0vh;}
} /*// Small screens  max-width 640px, mobile-only styles, use when QAing mobile issues */
@media only screen and (min-width: 40.063em) { } /* // Medium screens min-width 641px, medium screens */
@media only screen and (min-width: 40.063em) and (max-width: 64em) {
	.layerslider-home h1{font-size:2.5em;line-height:0.95em}
	 } /* // Medium screens min-width 641px and max-width 1024px, use when QAing tablet-only issues */
@media only screen and (min-width: 64.063em) { } /* // Large screens min-width 1025px, large screens */
@media only screen and (min-width: 64.063em) and (max-width: 90em) { } /* // Large screens 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 */


/* color de las flechas */
.orbit-container .orbit-prev > span {border-right-color: #444;}
.orbit-container .orbit-prev:hover > span {border-right-color: #444;}
.orbit-container .orbit-next {}
.orbit-container .orbit-next > span {border-left-color: #444;}
.orbit-container .orbit-next:hover > span {border-left-color: #444;}
	  
	  

/* MENU IDIOMAS */
/*
.menu-idiomas{position:fixed;top:0;left:0;height:100vh;z-index:1500;margin-left:0%;width:3%;padding-top:150px;background-color:#F8F8F8}
.menu-idiomas a{margin-top:0px;text-align:center;font-size:0.8em;font-weight:bold;color:#262626;font-family: 'Raleway', sans-serif; }
.menu-idiomas a.active{color:#f8b144}
.menu-idiomas a.tooltips {position: relative;display: inline;font-size:1.1em;}
.menu-idiomas a.tooltips span {visibility: hidden;position: absolute;width:200px;color:#FFF;background: #262626;height: 30px;line-height: 30px;text-align: center;visibility: hidden;border-radius: 6px;font-size:0.9em !important}
.menu-idiomas a.tooltips span:after {content: '';position:absolute;top:50%;left: 0%;margin-left: -8px;width: 0; height: 0; border-bottom: 8px solid #262626;border-right: 8px solid transparent;border-left: 8px solid transparent;}
.menu-idiomas a:hover.tooltips span {font-family: 'Pacifico', cursive;font-size:0.9em;visibility: visible;top: -10px;left: 50%;margin-left: 30px;z-index: 999;font-weight:lighter; letter-spacing:0.1em}

.menu-idiomas-movil{padding-top:18px;height:50px}
.menu-idiomas-movil a{font-size:1em;font-weight:bold;color:#262626;font-family: 'Raleway', sans-serif;margin-right:10px;line-height:1.5em}
.menu-idiomas-movil a.active{color:#f8b144}
*/


/* MENU REDES */
.menu-redes{position:fixed;bottom:0px !important;right:0;height:100vh;z-index:1500;margin-right:0%;width:3%;margin-top:30vh !important;background-color:#f3912e}
.menu-redes .menu{margin-top:40vh}
.menu-redes a{color:#000;margin-bottom:0px;text-align:center;font-size:0.8em;font-weight:700; bottom:0;font-family: 'Raleway', sans-serif;line-height:1.2em }
.menu-redes a.red img{width:35px}
.menu-redes a.red img:hover{opacity:0.8}
.menu-redes a.tooltips {position: relative;display: inline;}
.menu-redes a.tooltips span {visibility: hidden;position: absolute;width:180px;color:#FFF;background: #262626;height: 30px;line-height: 1.7em;text-align: center;border-radius: 6px;font-size:1.1em !important;}
.menu-redes a.tooltips span:after {content: '';position:absolute;top:50%;width: 0; height: 0; border-bottom: 8px solid #262626;border-right: 8px solid transparent;border-left: 8px solid transparent;margin-left:0px}
.menu-redes a:hover.tooltips span {font-family: 'Raleway', sans-serif;font-size:0.9em;visibility: visible;top: -10px;margin-left:-250px;z-index: 999;font-weight:lighter; letter-spacing:0em}

.menu-redes-movil{padding-top:15px;height:50px}
.menu-redes-movil a{color:#000 !important;font-size:1.3em !important;font-weight:700 !important;font-family: 'Raleway', sans-serif !important;line-height:1.3em !important}
.menu-redes-movil img{width:30px;margin-left:10px}



@media only screen { } /* // Small screens Define mobile styles */
@media only screen and (max-width: 40em) { } /*// Small screens  max-width 640px, mobile-only styles, use when QAing mobile issues */
@media only screen and (min-width: 40.063em) { } /* // Medium screens min-width 641px, medium screens */
@media only screen and (min-width: 40.063em) and (max-width: 64em) { 
.menu-redes a{font-size:0.7em;font-weight:800;}
.menu-redes a.red img{width:20px}
} /* // Medium screens min-width 641px and max-width 1024px, use when QAing tablet-only issues */
@media only screen and (min-width: 64.063em) { } /* // Large screens min-width 1025px, large screens */
@media only screen and (min-width: 64.063em) and (max-width: 90em) { 
.menu-redes a{font-size:0.8em;font-weight:800;}
.menu-redes a.red img{width:25px}
} /* // Large screens 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 */


/* SLIDER */
.slider-seccion{background-color:#444}
@media only screen { } /* // Small screens Define mobile styles */
@media only screen and (max-width: 40em) {
	.slider-seccion{background-color:#FFF}
 } /*// Small screens  max-width 640px, mobile-only styles, use when QAing mobile issues */
@media only screen and (min-width: 40.063em) { } /* // Medium screens min-width 641px, medium screens */
@media only screen and (min-width: 40.063em) and (max-width: 64em) { } /* // Medium screens min-width 641px and max-width 1024px, use when QAing tablet-only issues */
@media only screen and (min-width: 64.063em) { } /* // Large screens min-width 1025px, large screens */
@media only screen and (min-width: 64.063em) and (max-width: 90em) { } /* // Large screens 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 */



/* HOME */
/* Filtro gris */
img.filter { -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */filter: grayscale(100%);}
img.filter:hover { filter: none; -webkit-filter: grayscale(0%);}

/* Sombra */
.sombra{/*-webkit-box-shadow: 10px 10px 42px -23px rgba(204,204,204,1);-moz-box-shadow: 10px 10px 42px -23px rgba(204,204,204,1);box-shadow: 10px 10px 42px -23px rgba(204,204,204,1);*/-webkit-box-shadow: 10px 10px 30px -7px rgba(186,184,186,1);
-moz-box-shadow: 10px 10px 30px -7px rgba(186,184,186,1);
box-shadow: 10px 10px 30px -7px rgba(186,184,186,1);
Copiar texto}


/* Vibracion */
/* EFECTO VIBRACIÓN IMAGEN*/
.vibracion img{
    animation: shake-imagen 0.5s; 
    animation-iteration-count: infinite; 
}
@keyframes shake-imagen {
    0% { transform: translate(1px, 1px) rotate(0deg); }
    10% { transform: translate(-1px, -2px) rotate(-1deg); }
    20% { transform: translate(-3px, 0px) rotate(1deg); }
    30% { transform: translate(3px, 2px) rotate(0deg); }
    40% { transform: translate(1px, -1px) rotate(1deg); }
    50% { transform: translate(-1px, 2px) rotate(-1deg); }
    60% { transform: translate(-3px, 1px) rotate(0deg); }
    70% { transform: translate(3px, 1px) rotate(-1deg); }
    80% { transform: translate(-1px, -1px) rotate(1deg); }
    90% { transform: translate(1px, 2px) rotate(0deg); }
    100% { transform: translate(1px, -2px) rotate(-1deg); }
}

/* HOME - BIENVENIDA */
.home-bienvenida-seccion{background-color:#fff;padding-top:80px;padding-bottom:80px}
.home-bienvenida-seccion .imagen img{width:90%;border-radius:10px}
.home-bienvenida-seccion h1{color:#444;letter-spacing:-2px}

/* PRODUCTO HOME */
.home-productos-seccion{background-color:#f2f2f2;padding-top:50px;padding-bottom:50px}
.home-productos-seccion h1{font-family: 'Raleway', sans-serif;color:#444;font-weight:900;letter-spacing:-1px;line-height:0.8em}
.home-productos-seccion h2{font-weight:300;font-family: 'Raleway', sans-serif;font-size:1.3em;color:#444;font-weight:900;}
.home-productos-seccion p{color:#444;font-weight:600;line-height:1.2em;font-size:1.2em}

/* NOTICIAS */
.seccion-home-noticias{padding-top:50px; padding-bottom:50px}
.seccion-home-noticias .detalle-noticia{padding:20px 20px 20px 20px;}
.seccion-home-noticias .detalle-noticia a:hover{opacity:0.8}
.seccion-home-noticias .detalle-noticia h2{font-size:1.2em;font-weight:bold}
.seccion-home-noticias .detalle-noticia p{padding-top:15px;font-size:0.9em}

/* INVITACIÓN CONTACTO */
.invitacion-seccion{background-color:#018136;padding-top:100px;padding-bottom:100px}
.invitacion-seccion h1{color:#fafafa;letter-spacing:-2px}
.invitacion-seccion h2{color:#fafafa;letter-spacing:-2px}


/* NOTICIAS */

.noticia{background-color:#fff;height:500px; overflow:hidden}
.noticia .contenido{/*-webkit-box-shadow: 10px 10px 42px -23px rgba(204,204,204,1);-moz-box-shadow: 10px 10px 42px -23px rgba(204,204,204,1);box-shadow: 10px 10px 42px -23px rgba(204,204,204,1);*/}
.noticia .imagen {/*Ancho y altura son modificables al requerimiento de cada uno*/width:100%;height:100%;overflow:hidden;}
.noticia .imagen img{-webkit-transition:all .9s ease; /* Safari y Chrome */-moz-transition:all .9s ease; /* Firefox */-o-transition:all .9s ease; /* IE 9 */-ms-transition:all .9s ease; /* Opera */width:100%;}
.noticia a:hover .imagen img{-webkit-transform:scale(1.25);-moz-transform:scale(1.25);-ms-transform:scale(1.25);-o-transform:scale(1.25);transform:scale(1.25);}
.noticia .flecha img{-webkit-transition:all .9s ease; /* Safari y Chrome */	-moz-transition:all .9s ease; /* Firefox */	-o-transition:all .9s ease; /* IE 9 */	-ms-transition:all .9s ease; /* Opera */}
.noticia a:hover .flecha img{-webkit-transform:translate(20px);-moz-transform:translate(20px);-ms-transform:translate(20px);-o-transform:translate(20px);transform:translate(20px);}
.noticia p{line-height:1.2em}

.noticia .texto{background-color:#fff;padding-top:30px;padding-bottom:30px}
.noticia h2{font-family: 'Raleway', sans-serif;font-size:3em;font-weight:700;color:#028235}
.noticia p{font-size:1em;text-align:justify;line-height:1.2em;color:#444}

p.diary{
font-family: 'Raleway', sans-serif; /*Prosto One is available at http://www.google.com/webfonts*/
position: absolute; /*for more info on positioning see the Support section below*/
display: inline-block; /*prevent the paragraph from spanning the width of container. You could instead use a fixed width, but this way is neater*/
height: 60px;
padding:5px;
background: #f3912e;
right:0;
margin-right:20px;
/*apply a small drop shadow to the date*/-webkit-box-shadow: 3px 3px 4px rgba(99,99,99,.8);-moz-box-shadow: 3px 3px 4px rgba(99,99,99,.8);box-shadow: 3px 3px 4px rgba(99,99,99,.8);
/*give the text a drop shadow*/text-shadow: 2px 2px 5px #919191;z-index:99999999999999;
}
/**NEXT STYLE THE DAY, MONTH AND YEAR**/
/*Day*/p.diary .day{position: absolute; top: 10px;left:20px;font-weight:800;font-size: 2.1em;color: #FFF;}
/*Month*/p.diary .month{position: relative;top: 30px; left: 15px;font-size:1.3em;font-weight:600;color: #FFF;}
/*Year*/p.diary .year{position: relative;display: inline-block;top: 15px;left:0;font-size:1.1em;color: #FFF;/*rotate the year by 90 degrees anticlockwise*/-webkit-transform: rotate(-90deg);-moz-transform: rotate(-90deg);-o-transform: rotate(-90deg);-ms-transform: rotate(-90deg);transform: rotate(-90deg);}

@media only screen { } /* // Small screens Define mobile styles */
@media only screen and (max-width: 40em) { } /*// Small screens  max-width 640px, mobile-only styles, use when QAing mobile issues */
@media only screen and (min-width: 40.063em) { } /* // Medium screens min-width 641px, medium screens */
@media only screen and (min-width: 40.063em) and (max-width: 64em) { 
.noticia{background-color:#fff;height:330px; overflow:hidden}
.noticia h2{font-family: 'Raleway', sans-serif;font-size:1.8em;}
.noticia p{font-size:0.9em;}
} /* // Medium screens min-width 641px and max-width 1024px, use when QAing tablet-only issues */
@media only screen and (min-width: 64.063em) { } /* // Large screens min-width 1025px, large screens */
@media only screen and (min-width: 64.063em) and (max-width: 90em) { 
.noticia{background-color:#fff;height:350px; overflow:hidden}
.noticia h2{font-family: 'Raleway', sans-serif;font-size:2em;}
.noticia p{font-size:0.9em;}
} /* // Large screens 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 */
.familias-productos-seccion00{background-color:#ff921c}
.familias-productos-seccion01{background-color:#007f2a}
.familias-productos .imagen{background-position: center;  background-repeat: no-repeat; background-size: cover;height:100%}
.familias-productos .texto{background-color:#F2F2F2}
.familias-productos .texto .contenido{padding-top:40px;padding-bottom:40px}

.productos-seccion00{background-color:#f2f2f2;padding-top:80px;padding-bottom:80px;}
.productos-seccion00 h1{font-size:4em;color:#444}
.productos-seccion00 .producto-detalle{background-color:#FFF}
.productos-seccion00 .producto-detalle .texto{padding-top:25px;padding-bottom:25px}
.productos-seccion00 .producto-detalle h3{color:#f7a600;font-size:1em;line-height:1.3em;font-weight:500;}
.productos-seccion00 .producto-detalle p{color:#444;font-size:0.9em;}
.productos-seccion00 .producto-detalle p.odiary{font-family: 'Raleway', sans-serif; position: absolute;display: inline-block;padding:5px;background: #f3912e;right:0;margin-right:20px;margin-top:-60px;/*apply a small drop shadow to the date*/-webkit-box-shadow: 3px 3px 4px rgba(99,99,99,.8);-moz-box-shadow: 3px 3px 4px rgba(99,99,99,.8);box-shadow: 3px 3px 4px rgba(99,99,99,.8);/*give the text a drop shadow*/text-shadow: 2px 2px 5px #919191;z-index:99999999999999;}

/* FICHA DE PRODUCTO */
.producto-ficha-seccion00{background-color:#f2f2f2;padding-top:80px;padding-bottom:80px}
.producto-ficha-seccion00 .izq{background-color:#FFF;}
.producto-ficha-seccion00 .dcha{}
.producto-ficha-seccion00 .dcha table{width:100%;border-color:#ccc}
.producto-ficha-seccion00 .dcha table td{font-family: 'Muli', sans-serif;font-size:1.1em;border-color:#ccc}
.producto-ficha-seccion00 .dcha table td.titulo{background-color:#444;color:#FFF;width:auto}
.producto-ficha-seccion00 .dcha table td.dato{background-color:#FFF}
	/*Efecto zoom */
.img-magnifier-container {position: relative;}
.img-magnifier-glass {display:none;position: absolute;z-index:10000;border: 3px solid #000;border: none;border-radius: 50%;cursor: none; /*Set the size of the magnifier glass:*/width: 800px;height: 800px;}
.img-magnifier-container:hover >.img-magnifier-glass{display:inline;}


/* MAQUINAS DE OCASIÓN */
.ocasion-seccion00{background-color:#f2f2f2;padding-top:80px;padding-bottom:80px}
.ocasion-seccion01{background-color:#008036;padding-top:80px;padding-bottom:80px;}
.ocasion-seccion01 h1{color:#fafafa;letter-spacing:-2px;line-height:1em}
.ocasion-seccion01 h2{color:#fafafa;letter-spacing:-2px}

.ocasion-seccion00 h1{color:#444}
.ocasion-seccion00 .maquina-detalle{background-color:#FFF}
.ocasion-seccion00 .maquina-detalle .texto{padding-top:25px;padding-bottom:25px}
.ocasion-seccion00 .maquina-detalle h3{color:#f7a600;font-size:1em;line-height:1.3em;font-weight:500;}
.ocasion-seccion00 .maquina-detalle p{color:#444;}
.ocasion-seccion00 .maquina-detalle p.odiary{font-family: 'Raleway', sans-serif; position: absolute;display: inline-block;padding:5px;background: #f3912e;right:0;margin-right:20px;margin-top:-60px;/*apply a small drop shadow to the date*/-webkit-box-shadow: 3px 3px 4px rgba(99,99,99,.8);-moz-box-shadow: 3px 3px 4px rgba(99,99,99,.8);box-shadow: 3px 3px 4px rgba(99,99,99,.8);
/*give the text a drop shadow*/text-shadow: 2px 2px 5px #919191;z-index:99999999999999;
}
	/* Ficha de maquina de ocasion */
.ocasion-ficha-seccion00{background-color:#f2f2f2;padding-top:80px;padding-bottom:80px}
.ocasion-ficha-seccion00 .izq{background-color:#444;}
.ocasion-ficha-seccion00 .dcha{}
.ocasion-ficha-seccion00 .dcha table{width:100%;border-color:#ccc}
.ocasion-ficha-seccion00 .dcha table td{font-family: 'Muli', sans-serif;font-size:1.1em;border-color:#ccc}
.ocasion-ficha-seccion00 .dcha table td.titulo{background-color:#444;color:#FFF;width:auto}
.ocasion-ficha-seccion00 .dcha table td.dato{background-color:#FFF}




/* CONTACTO */
.contacto-seccion{padding-top:60px;padding-bottom:100px;background-image: url('../imagenes/fondo-detalle-logo-gonalca.png');background-repeat: no-repeat;background-size:600px}
.contacto-seccion .triangulo {width: 0;height: 0;border-left: 25px solid #f2f2f2;border-top: 20px solid transparent; border-bottom: 20px solid transparent; }
.contacto-seccion .texto{padding-top:50px}
.contacto-seccion .texto .texto1{background:transparent;border-color:#f2f2f2;margin-bottom:0px;padding:30px 30px 30px 30px}
.contacto-seccion .texto .texto2{background-color:#f2f2f2;border-color:#f2f2f2;margin-top:0px;padding:30px 30px 30px 30px;-webkit-transition: all 0.3s;-moz-transition:all 0.3s;-ms-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s;}
.contacto-seccion .texto .texto2 h2{font-family: 'Raleway', sans-serif;font-size:2.5em;line-height:1em;font-weight:800}
.contacto-seccion .texto .texto2 p{font-family: 'Raleway', sans-serif;font-size:1.7em;line-height:1.5em;font-weight:400}
.contacto-seccion .texto .texto2 p a{color:#ffa800;font-weight:bold}
.contacto-seccion .texto .texto2:hover{background-color:#ffa800;color:#FFF}
.contacto-seccion .texto .texto2:hover h2{color:#FFF}
.contacto-seccion .texto .texto2:hover p{color:#FFF}
.contacto-seccion .texto .texto2:hover p a{color:#232323;text-decoration: underline;text-decoration-color:#FFF;}
.contacto-seccion .texto .texto2:hover p a:hover{color:#FFF;text-decoration: underline;text-decoration-color:#FFF;}

.contacto-seccion01{background-color:#007f2a;}
.contacto-seccion01 h1,.contacto-seccion01 h2,contacto-seccion01 h3,.contacto-seccion01 p{color:#FFF;}
.contacto-seccion02{background-color:#f2f2f2;}
.contacto-seccion02 h1,.contacto-seccion02 h2,contacto-seccion02 h3,.contacto-seccion02 p{color:#444;}
.contacto-seccion02 iframe{border:2px solid #444;border-radius:5px}
	

/* SECCIONES LEGALES */
.legal-seccion{background-color:#f2f2f2;padding-top:80px;padding-bottom:80px}
.legal-seccion h1{font-size:3em;}
.legal-seccion p{font-size:0.9em}
.legal-seccion ul li{font-size:0.9em !important}
.legal-seccion ol li{font-size:0.9em !important}
.legal-seccion a{color:#008036;}
.legal-seccion a:hover{color:#CCC;}



/* FORMULARIOS */

.boton{background:transparent;color:#FFF;border:1px solid #FFF; width:auto;font-family: 'Raleway', sans-serif;font-weight:800;font-size:1em !important}
.boton:hover{background-color:#262626;color:#FFF}


fieldset{background-color:#f8f8f8;border:none}
legend{}
label{font-family: 'Muli', sans-serif;color:#232323;}
input[type="text"], input[type="password"], input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="month"], input[type="week"], input[type="email"], input[type="number"], input[type="search"], input[type="tel"], input[type="time"], input[type="url"], input[type="color"], textarea, select {background-color:#F2F2F2 !important; height: 2.5rem; color:#232323;border-radius: 0px;
border-color:#f2f2f2 !important;border-style:solid;border:none;-webkit-appearance: none;box-shadow: inset 0px 0px 0px 0px red;font-family: 'Muli', sans-serif;font-size:1em}
select {font-size:1em;font-family: 'Muli', sans-serif !important;}
select option{font-size:1em;font-family: 'Muli', sans-serif !important;}
::-webkit-input-placeholder { /* Chrome/Opera/Safari */color: #333;font-style: italic;}
::-moz-placeholder { /* Firefox 19+ */color: #333;font-style: italic;}
:-ms-input-placeholder { /* IE 10+ */color: #333;font-style: italic;}
:-moz-placeholder { /* Firefox 18- */color: #333;font-style: italic;}
/* Customize the label (the container) */
.container {display: block;position: relative;padding-left: 35px;margin-bottom: 12px;cursor: pointer;font-size: 1em;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;}
/* Hide the browser's default checkbox */
.container input {position: absolute;opacity: 0;}
/* Create a custom checkbox */
.checkmark {position: absolute;top: 0;left: 0;height: 25px;width: 25px;background-color: #CCC;}
/* On mouse-over, add a grey background color */
.container:hover input ~ .checkmark {background-color: #ffa700;}
/* When the checkbox is checked, add a blue background */
.container input:checked ~ .checkmark {background-color: #ffa700;}
/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {content: "";position: absolute;display: none;}
/* Show the checkmark when checked */
.container input:checked ~ .checkmark:after {display: block;}
/* Style the checkmark/indicator */
.container .checkmark:after {left: 9px;top: 5px;width: 5px;height: 10px;border: solid white;border-width: 0 3px 3px 0;-webkit-transform: rotate(45deg);-ms-transform: rotate(45deg);transform: rotate(45deg);}


/* BOTONES */
.boton-naranja{background-color:#f3912e;color:#FFF;font-family: 'Raleway', sans-serif;font-weight:800;font-size:1em;-webkit-transition: all 0.3s;-moz-transition:all 0.3s;-ms-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s;}
.boton-naranja:hover{background-color:#aeaeae;color:#444}
.boton-verde{background-color:#008036;color:#FFF;font-family: 'Raleway', sans-serif;font-weight:800;font-size:1em;-webkit-transition: all 0.3s;-moz-transition:all 0.3s;-ms-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s;}
.boton-verde:hover{background-color:#aeaeae;color:#444}

.boton-blanco{background-color:#FFF;color:#444;border:1px solid #ccc;font-family: 'Raleway', sans-serif;font-weight:800;font-size:1em;-webkit-transition: all 0.3s;-moz-transition:all 0.3s;-ms-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s;}
.boton-blanco:hover{background-color:#aeaeae;color:#444}




/* FORMULARIOS SIMPLES */
.form label{font-family: 'Muli', sans-serif;color:#232323;}
.form label span{color:#ffa800; font-size:1.4em;line-height:0.8em}
.form small.error {font-size:0.6em !important; font-family: 'Muli', sans-serif;font-style:normal;background: transparent;color: #f04124;}
.form a{color:#ffa700;font-weight:bold;}
.form a:hover{color:#CCC;}

/* FORMULARIOS CON FONDO DE COLOR */

.form1 fieldset{background:transparent;border-radius:5px;border:1px dotted #f7a600}
.form1 legend{background-color:#f3912e;border-radius:5px;color:#FFF;padding:5px 5px 5px 5px}
.form1 label{font-family: 'Muli', sans-serif;font-size:1.1em;color:#FFF;}
.form1 input, .form1 textarea, .form1 select {background:transparent !important; height: 2.5rem; color:#FFF;border-radius: 0px;border:none;/*-webkit-appearance: none;*/box-shadow: inset 0px 0px 0px 0px red;font-family: 'Muli', sans-serif;font-size:1em;border-bottom:2px solid #FFF}
.form1 select {font-size:1em;font-family: 'Muli', sans-serif !important;color:#444 !important;}
.form1 select option{font-size:1em;font-family: 'Muli', sans-serif !important;color:#444 !important;}
.form1 input[type="checkbox"]{background-color:#FFF !important}

.form1 ::-webkit-input-placeholder { /* Chrome/Opera/Safari */color: #333;font-style: italic;}
.form1 ::-moz-placeholder { /* Firefox 19+ */color: #333;font-style: italic;}
.form1 :-ms-input-placeholder { /* IE 10+ */color: #333;font-style: italic;}
.form1 :-moz-placeholder { /* Firefox 18- */color: #333;font-style: italic;}


/* PIE DE PÁGINA */
footer .footer{padding-top:50px;padding-bottom:40px;background-color:#3f3f3f}

footer .footer .col11{border-left:2px solid #f2f2f2;padding-top:20px;padding-bottom:20px;}
footer .footer .col12{border-left:2px solid #f2f2f2;padding-top:20px;padding-bottom:20px;}
footer .footer .col13{border-left:2px solid #f2f2f2;border-right:2px solid #f2f2f2;padding-top:20px;padding-bottom:20px;}

footer .footer .col21{border-top:2px solid #f2f2f2;border-left:2px solid #f2f2f2;padding-top:40px;padding-bottom:40px}
footer .footer .col22{border-top:2px solid #f2f2f2;border-left:2px solid #f2f2f2;padding-top:40px;padding-bottom:40px}
footer .footer .col23{border-top:2px solid #f2f2f2;border-left:2px solid #f2f2f2;border-right:2px solid #f2f2f2;padding-top:40px;padding-bottom:40px}

footer .footer h2{font-family: 'Raleway', sans-serif;color:#FFF;font-size:1.5em;line-height:0.8em;letter-spacing:0em;font-weight:800;padding-bottom:20px}
footer .footer p{font-family: 'Raleway', sans-serif;color:#a6a6a6;font-size:0.9em;font-weight:600 !important;line-height:1.9em;}
footer .footer p a{color:#a6a6a6;}
footer .footer p a:hover{color:#f7a600 !important}
footer .creditos{padding-top:20px;padding-bottom:10px;background-color:#444444 !important}
footer .creditos p{font-family: 'Raleway', sans-serif !important;color:#a6a6a6;font-size:0.8em;font-weight:500}
footer .creditos p a{color:#a6a6a6;font-family: 'Raleway', sans-serif !important;}
footer .creditos p a:hover{color:#CCC}



/* SCROLL */
.scrollup{width:55px;height:55px; position:fixed; bottom:0px; right:0px;display:none;text-indent:-9999px; background: url(../imagenes/icon-top-hover2.jpg) no-repeat;z-index:1600; background-size: 55px 55px;}
.scrollup:hover{width:55px;height:55px; position:fixed; bottom:0px; right:0px;display:none;text-indent:-9999px; background: url(../imagenes/icon-top2.jpg) no-repeat;background-size:55px 55px;}
@media only screen { } /* // Small screens Define mobile styles */
@media only screen and (max-width: 40em) { 
.scrollup{width:30px;height:30px; bottom:0px; right:30px;background-size: 30px 30px;}
.scrollup:hover{width:30px;height:30px;bottom:0px;right:30px;background-size:30px 30px;}

} /*// Small screens  max-width 640px, mobile-only styles, use when QAing mobile issues */
@media only screen and (min-width: 40.063em) { } /* // Medium screens min-width 641px, medium screens */
@media only screen and (min-width: 40.063em) and (max-width: 64em) { } /* // Medium screens min-width 641px and max-width 1024px, use when QAing tablet-only issues */
@media only screen and (min-width: 64.063em) { } /* // Large screens min-width 1025px, large screens */
@media only screen and (min-width: 64.063em) and (max-width: 90em) { } /* // Large screens 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 */


/* AVISO COOKIES */
#overbox3 {position: fixed;bottom:0;left:0;width:50%;z-index:2000;display: block;opacity:0.8;margin-left:25%}
#infobox3 {margin:auto;position:relative;top: 0px;height: auto;width: 100%;text-align:center;padding-top:30px;padding-bottom:10px;padding-left:20px;padding-right:20px;z-index: 9000;background-color: rgb(0, 0, 0,0.9) !important;}
#infobox3 p {color:#FFF;line-height:normal;font-size:0.9em;text-align:center;z-index: 9000;line-height:2em}
#infobox3 p a {color:#FFF !important;margin-right:5px;z-index: 99000;padding:5px 5px 5px 5px;text-decoration: none; }
#infobox3 p a:hover {color:#f7a600 !important;}
@media only screen { } /* // Small screens Define mobile styles */
@media only screen and (max-width: 40em) { 
#overbox3 {width:100% !important;z-index:2000;display:block;opacity:0.8;margin-left:0%}
} /*// Small screens  max-width 640px, mobile-only styles, use when QAing mobile issues */
@media only screen and (min-width: 40.063em) { } /* // Medium screens min-width 641px, medium screens */
@media only screen and (min-width: 40.063em) and (max-width: 64em) { } /* // Medium screens min-width 641px and max-width 1024px, use when QAing tablet-only issues */
@media only screen and (min-width: 64.063em) { } /* // Large screens min-width 1025px, large screens */
@media only screen and (min-width: 64.063em) and (max-width: 90em) { } /* // Large screens 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 */


/*PAGINACION*/
#Paginacion {}
#Paginacion li {list-style:none; float:left; }
#Paginacion a {float: left; margin-right:0px;background:transparent; font-family: 'Hind', sans-serif !important;font-weight: 400;color:#FFF;font-size:0.9rem;border:0px;}
#Paginacion .numero {font-family: 'Hind', sans-serif !important;font-size:0.9rem; background:transparent;padding: 9px 11px; color:#FFF;border:1px solid #FFF;}
#Paginacion .numero:hover {background-color: #FFF;color:#232323;border:1px solid #FFF;font-weight:bolder;}
#Paginacion .active {background-color: #FFF; color:#232323;padding: 9px 11px;border:1px solid #FFF;font-size:0.9rem;font-weight:bolder; }
#Paginacion .end-off,#Paginacion .first-off,#Paginacion .previous-off,#Paginacion .next-off{background:transparent;color:#FFF;font-size:1.3em;padding-top:10px;padding-left:5px;padding-right:5px}
#Paginacion .end-on,#Paginacion .first-on,#Paginacion .next-on,#Paginacion .previous-on{background:transparent;color:#232323;font-size:1.3em;padding-top:10px;padding-left:5px;padding-right:5px}
#Paginacion .end-on:hover,#Paginacion .first-on:hover,#Paginacion .next-on:hover,#Paginacion .previous-on:hover{background:transparent;color:#FFF !important;font-size:1.3em;padding-top:10px;padding-left:5px;padding-right:5px;line-height:2em;}