@charset "utf-8";
/* CAJAS */
/*Distrubucion de cajas*/
.b1-1 {
	width: 98%;
	margin: 0.5%;
	padding: 0.5%;
	float: left;
}
.b1-2 {
	width: 48%;
	margin: 0.5%;
	padding: 0.5%;
	float: left;
}
.b1-3 {
	width: 31.3%;
	margin: 0.5%;
	padding: 0.5%;
	float: left;
}
.b2-3 {
	width: 64%;
	margin: 0.5%;
	padding: 0.5%;
	float: left;
}
.b1-4 {
	width: 23%;
	margin: 0.4%;
	padding: 0.5%;
	float: left;
}
.b1-4 img {
	max-width: 100%;
}
.b2-4 {
	width: 48%;
	margin: 0.5%;
	padding: 0.5%;
	float: left;
}
.b3-4 {
	width: 73%;
	margin: 0.5%;
	padding: 0.5%;
	float: left;
}
.b1-5 {
	width: 18%;
	margin: 0.5%;
	padding: 0.5%;
	float: left;
}
.b2-5 {
	width: 38%;
	margin: 0.5%;
	padding: 0.5%;
	float: left;
}
.b3-5 {
	width: 58%;
	margin: 0.5%;
	padding: 0.5%;
	float: left;
}
.b4-5 {
	width: 78%;
	margin: 0.5%;
	padding: 0.5%;
	float: left;
}
.b1-6 {
	width: 14.6%;
	margin: 0.5%;
	padding: 0.5%;
	float: left;
}
.b2-6 {
	width: 31%;
	margin: 0.5%;
	padding: 0.5%;
	float: left;
}
.b3-6 {
	width: 48%;
	margin: 0.5%;
	padding: 0.5%;
	float: left;
}
.b4-6 {
	width: 64%;
	margin: 0.5%;
	padding: 0.5%;
	float: left;
}
.b5-6 {
	width: 82.3%;
	margin: 0.5%;
	padding: 0.5%;
	float: left;
}

/*DOCUMENTO*/
section {
    float: left;
    width: 100%;
}
header {
    display: inline-block;
    width: 100%;
    background: url(../img/bg-header.png);
    margin: 0;
    height: 0;
    float: left;
    position: relative;
    z-index: 2;
}

header .logo {
    float: left;
    width: 400px;
}

header nav {
    float: right;
    margin-right: 50px;
    position: fixed;
    right: 0;
    top: 0;
    background-color: white;
    padding: 0 9px;
    border-radius: 0px 0px 10px 10px;
    z-index: 1;
    opacity: 0.8;
    -ms-transform: scale(1);/* IE 9 */
    -webkit-transform: scale(1);/* Safari */
    transform: scale(0.8);/* Standard syntax */
    transition: 4s;
    margin-top: -10px;
}
nav:hover {
    opacity: 1;
    zoom:100%;
    -ms-transform: scale(1);
    -webkit-transform: scale(1);
    transform: scale(1);
    transition: 0.1s;
    margin-top: 0px;
}
header nav li {
    list-style: none;
    float: left;
}

header nav li a {
    display: inline-block;
    padding: 11px 10px;
    color: white;
    text-decoration: none;
    background-color: red;
    margin: 10px;
    border-radius: 5px;
}

header .logo img {
    width: 100%;
    z-index: 1;
    position: relative;
}

body {
    margin: 0;
    font-family: arial;
}

.contenido {
    display: inline-block;
    width: 100%;
    margin: 0;
    float: left;
}

section.slider {
    background: url(../img/cancha-fondo.png);
    text-align: center;
    background-size: 100% 670px;
    background-position: center 0px;
    height: 620px;
    padding-top: 50px;
    z-index: 1;
    position: relative;
    background-repeat: no-repeat!important;
}

section.instrucciones{
	background: url(../img/bg-pasto.jpg);
	text-align: center;
	color: white;
	font-size: 19px;
	padding: 40px 0px 70px;
}
.owl-item {
    cursor: url(img/cursor3.png);
}
section.contacto{
	background: url(../img/bg-contacto.jpg);
	background-position: center!important;
	background-size: 100%;
	color: white;
	font-size: 19px;
	padding: 70px 0px 70px;
}



.centrar {
    display: block;
    margin: 0 auto;
    width: 100%;
    max-width: 1080px;
}

img.inst-img {
    width: 124px;
}

a.btndownload {
    background-color: red;
    border-bottom: 1px solid red;
    padding: 4px 13px;
    margin: 2px;
    color: white;
    border-radius: 5px;
    border-bottom: 3px solid #FF4040;
    text-decoration: none;
}

/*Tabla*/
section.contiene {
    background-color: #00A70B;
    background: url(../img/bg-pasto.jpg);
    color: white;
    padding: 390px 0 0;
    margin-top: -340px;
    display: block;
}
.facebook-boton {
    background-color: white;
    width: 500px;
    margin: 0 auto;
    padding: 10px;
    border-radius: 10px 10px 0px 0px;
}
div#tabs ul {
    margin: 0;
    padding: 0;
    width: 100%;
    display: block;
    float: left;
}

div#tabs ul li {
    list-style: none;
}

div#tabs ul li a {
    color: white;
    border: double;
    text-decoration: none;
    float: left;
    padding: 7px;
    background-color: #004819;
    margin: 0;
    margin-right: 12px;
    width: 110px;
    text-align: center;
}
.ui-state-active a {
    background-color: red!important;
}
div#tabs {
    min-height: 500px;
}
div#tabs h3 {
    font-family: 'edo';
    font-size: 45px;
    margin: 0px;
    margin-top: 30px;
}

/*FORM*/
form input {
    display: block;
    margin: 10px;
    width: 90%;
    padding: 11px 1%;
    font-size: 16px;
    border: none;
    border-radius: 3px;
}

form textarea {display: block;      margin: 10px;      width: 90%;      padding: 11px 1%;font-size: 15px;      border: none;      border-radius: 3px;min-height: 140px;font-family: arial;color: gray;}

form button {
    background-color: red;
    color: white;
    padding: 10px 20px;
    font-size: 16px;
    border: none;
    border-radius: 4px;
    margin-left: 10px;
    border-bottom: 2px solid red;
    cursor: pointer;
}
form button:hover {
    background-color: #FF1D1D;
}
.contacto-info {
    background-color: rgba(0, 109, 7, 0.88);
    display: block;
    float: left;
    width: 96%;
    padding: 20px;
    border-radius: 10px;
}
.contacto a {
    color: #0AFF85;
    text-decoration: none;
}
.contacto h4 {
    margin-bottom: 0;
}
.contacto-info h3 {
    margin: 0;
}
.contacto p {
    margin-top: 4px;
}