/* Ogdiez10  */
/* This stylesheet generated by Transfonter (https://transfonter.org) on February 21, 2017 10:43 PM */
@font-face {
	font-family: 'Manila Sans';
	src: url('fonts/ManilaSans-Regular.eot');
	src: url('fonts/ManilaSans-Regular.eot?#iefix') format('embedded-opentype'),
		url('fonts/ManilaSans-Regular.woff') format('woff'),
		url('fonts/ManilaSans-Regular.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Manila Sans';
	src: url('fonts/ManilaSans-Bold.eot');
	src: url('fonts/ManilaSans-Bold.eot?#iefix') format('embedded-opentype'),
		url('fonts/ManilaSans-Bold.woff') format('woff'),
		url('fonts/ManilaSans-Bold.ttf') format('truetype');
	font-weight: bold;
	font-style: normal;
}
#servicios2 { padding-top: 0 !important;  }

#contacto2, .contactoseccion { margin-bottom: 0px !important; }

#recoleccion, #servicios { background-color: #add036; }
#recoleccion h1, #servicios h1 { color:#FFF !important; }
#contacto2 { padding-top: 70px !important; }
#servicios { padding-bottom: 0px !important; }

.margintop { margin-top: 80px !important; }
.nomarginbottom { margin-bottom: 0 !important; }
body { margin: 0; padding:0; background: #fff; 	font-family: 'Manila Sans', sans-serif; color:#FFF;  }
header { position: fixed; z-index: 9999; width: 100%; max-width: 1366px; height: 65px; background: url('images/fondo.png') #fff no-repeat center; background-size: 100% 100%; }
#logo { width:30%; height:65px; box-sizing: border-box; line-height: 65px; text-align: center;  float: left; }
#logo img { vertical-align: middle; max-width: 90%; }
header nav { float: right; width: 70%; height: 65px; line-height: 65px; position: relative; }
header nav ul { list-style-type: none; right: 0;  padding:0 0 0 30px; vertical-align: middle; height: 65px; line-height: 65px; position: relative; margin:0;  }
header nav ul li { height: 100%; width: 13%; float: right; display: inline-block;  overflow: hidden;  padding: 0px 5px; box-sizing: border-box; text-align: center; vertical-align: middle; }
header nav ul li.doble { width: 22%; }
header nav ul li.borde { width: 2px; background-color: #add036; height: 20px !important; padding: 0 !important; vertical-align: top; margin-top: 25px; }
header nav a { color: #FFF; font-size: 16px; text-decoration:none; }

.unslider { z-index: 0; position: relative;  }
.unslider-nav ol li { width: 25px !important; height: 25px !important; border: solid 1px #284d24 !important; border-radius: 20px !important; }
.unslider-active { z-index: -1; }
nav.unslider-nav { float: none; padding-top: 20px; }
ol li.unslider-active { background-color: #284d24 !important; }
.unslider-wrap li { position: relative; }
.unslider-horizontal { z-index: 9; }
.unslider p a { z-index: 9998; display: inline-block; height: 50px; cursor: pointer; } 

.interior .wrapper { background-color: #add036; }
.interior ol li.unslider-active { background-color: #fff !important; }
.interior .unslider-nav ol li { border: solid 1px #fff !important; }
.interior .unslider-active { z-index: 1; }

.interior h1 { color:#FFF; }
h1 { color: #add036; font-size: 55px; position: relative; text-align: center; font-weight: normal; margin-top: 60px; }
.recoleccion_biodiesel { width: 100px; height: auto; position: fixed; left: 50%; margin-left: -500px; top: 90px; z-index: 9999; }
.compra_biodiesel { width: 100px; height: auto; position: fixed; right: 50%; margin-right: -500px; top: 90px; z-index: 9999; }


.formulario .treinta  input { border-radius: 5px !important; height:30px !important; }
.formulario .treinta  textarea { border-radius: 5px !important; padding:10px; width: 100%; height:75px !important; }



.cincuenta { width: 50%; float: left; height: 100%; padding-bottom: 50px; padding-bottom: 150px;  }
.treinta { width: 33%; box-sizing: border-box; float: left; padding: 50px;  }
.claro { background-color: #789d1b; }
.fuerte { background-color: #284d24; }
.contactoseccion { margin: 0 auto; }

.floated p { line-height: 22px; }
#home { padding-top: 0 !important; }

#wrapper_general { width: 100%; max-width: 1366px; overflow: hidden; margin: 0 auto; padding: 0; position: relative; }
.wrapper_general { width: 100%; max-width: 1366px; overflow: hidden; padding-top: 50px !important; margin: 0 auto 0px auto; padding: 0; position: relative; }
.wrapper { width: 100%; max-width: 1368px; min-height: 400px; margin: 60px auto; padding: 0; position: relative; overflow: visible; }

#formulario1 { width: 320px; height: 439px; margin: 100px auto 0; background:url('images/servicios/formulario_recoleccion.png') no-repeat; overflow: hidden; box-sizing: border-box; padding:35px; }
#formulario2 { width: 320px; height: 439px; margin: 100px auto 0; background:url('images/servicios/formulario_compra.png') no-repeat; overflow: hidden; box-sizing: border-box; padding:35px; }

#formulario1 .formulario, #formulario2 .formulario { margin-top: 190px; }
.contactoseccion { min-height:600px; background: url('images/contacto/fondo-formulario.png') repeat; }
.floated { width: auto; float: left; height:100%; margin-right: 20px; }
.floatedright { width: auto; float: right; height:100%; margin-right: 20px; }

.absolute { width: 100%; position: absolute; margin: 0; padding:0; }
.contador { background: url('images/CONTADOR.png') no-repeat center; color:#262626 !important; letter-spacing: 20px; }


#contacto { background-color: #add036; width: 400px; height: 465px; position: absolute; top: 50px; left: 100px; box-sizing: border-box; padding: 15px;  }
#contacto form { border:4px solid #FFF; width: 100%; height: 100%; box-sizing: border-box; padding: 20px; }
#contacto form h2 { font-size: 45px; text-align: center; font-weight: normal; margin-top:10px !important; margin-bottom: 20px;  }
#contacto form input, .formulario input { height: 28px; font-size: 12px; box-sizing: border-box; padding: 7px 10px; border:none; background-color: #FFF; width: 100%; margin-bottom: 4px; }
::-webkit-input-placeholder { color: #add036; }
::-moz-placeholder { color: #add036; }
:-ms-input-placeholder { color: #add036; }
:-moz-placeholder { color: #add036; }

.formulario input { height: 20px !important; padding:3px; }

#contacto input[type=submit], .formulario  input[type=submit],#contacto input[type=reset], .formulario  input[type=reset]  { cursor: pointer;  background-color: #284d24; border-radius: 5px; color: #add036; width: 100px; margin: 0 auto; }

.clear { width: 100%; clear: both; }
.slider-text { position: absolute; right: 100px; top: 15%; font-weight: normal; font-size: 50px; }

.subtitulo { color:#284d24; font-size: 20px; text-align: center; max-width: 1024px; margin: 0 auto;  }
.grandmasterflash { width: 90%; margin-left: 5%; height: auto; min-height: 350px; background: transparent; }

#footer { background: #284d24; height: 75px; color:#FFF; box-sizing: border-box; padding:30px; }
#footer p { margin:0; padding:0; text-align: center; }
.contactoseccion a { color:#FFF; text-decoration: none; }

.problematicass .absolute { right: 150px; bottom: 100px; z-index: 99; width: 350px !important; background: contain;     background-size: contain;
    margin-top: 15px !important;
    font-size: 45px;
    line-height: 65px; }
.problematicass .absolute2 { position: absolute; right: 20px; width: 200px !important; margin-top: 15px !important; }
#form1message, #form2message, #message { position: absolute; z-index: 999999; }

.onlymobile { display: none; }

@media only screen and (min-width : 200px) and (max-width : 750px) {

.onlymobile  .contador { bottom:0; }
.onlymobile #contacto { width: 80%; margin-left: 10% !important; left: 0; top: 300px !important; }
.nomobile { display: none; }
.onlymobile { display: block !important; }
.onlymobile .cincuenta { width: 100% !important; }

.contactomobile #contacto  { position: relative;  height: 365px; top:50px !important; }
.contactomobile { background-color: #284d24; }
.contactomobile textarea { width: 98%; }
.contactomobile .treinta, .contactomobile .floatedright { width: 100%; float: none !important;  }
.contactomobile .treinta { margin-top:100px; background: url(images/contacto/fondo-formulario.png) repeat;}
.contactomobile img { width: auto; display: inline-block; }
 .contactomobile a {  color:#FFF; }
.fullheight { width: 100% !important; height: 100% !important; position: absolute; overflow:hidden; display: block; }

.seccionmobile { width: 100%; padding-bottom: 20px; min-height: 100%; position: absolute; background-size: 100% auto; }
.homemobile { width: 100%; min-height: 100%; position: absolute; background:url('responsive/home/E_1.png') no-repeat top center; background-size: 100% auto; }
.unslider img { max-width: 100% !important; } 

.unslider h2 { position: absolute; top:70px; text-align: center; color:#FFF; width: 70%; margin-left: 15%; font-size: 30px; font-weight: normal; }

img { max-width: 90%; height: auto; margin: 0 auto; display: block; }
.logo { margin-top: 20px; margin-bottom: 40px; }
#menumobile { width: 90%; height: auto; margin: 0 auto; display: block; list-style-type: none; padding: 0;}
#menumobile li { background-color: #add036; border: solid 2px #FFF; padding: 10px 0; text-align: center; width: 100%; margin-bottom: 10px; }
#menumobile li:hover { background-color: #284d24;  }

#menumobile li.doble a { font-size: 25px; }
#menumobile li a { color: #FFF; font-size: 30px; text-transform: uppercase; text-decoration: none;  }
.mobileheaderh2 { margin:0 0 0 0 !important; text-align: center; color:#FFF !important; background-color: #789d1b !important; padding: 50px 0 !important; }
.mobileheaderh3 { margin:0 0 0 0 !important; text-align: center; color:#FFF !important; background-color: #284d24 !important; padding: 50px 0 !important; }
.mobileheaderp { margin:0 0 0 0 !important; text-align: center;  color:#284d24 !important; background-color: #add036 !important; padding: 40px 0 !important; }
.bgverdeclaro { background-color: #add036 !important; }

.mobileheaderh2imagen { margin:0 0 0 0 !important; text-align: center; color:#FFF !important; background-color: #fff !important; padding: 50px 0 !important; }
#contacto form h2 { font-size: 35px; }

}