html {}
body {margin:0; padding:0;}
* { -webkit-font-smoothing: antialiased; }

a {text-decoration: none; color: inherit;}
p {font-family: Helvetica;}
h3 {color: #009135; font-family: Helvetica; font-size: 37px; letter-spacing: 0px; font-weight: 600; margin: 0;}
h2 {color: #ea2d2b; font-weight: bold; font-family: Helvetica; font-size: 40px;}
h4 {color: #757575; font-family: Helvetica; font-size: 23px; letter-spacing: 0px; font-weight: 600; margin: 0;}
.green {color: #009135!important;}
.pics {-webkit-transition-property: opacity; -webkit-transition-duration: .5s; -webkit-transition-timing-function: ease-out; -moz-transition-property: opacity; -moz-transition-duration: .5s; -moz-transition-timing-function: ease-out; -o-transition-property: opacity; -o-transition-duration: .5s; -o-transition-timing-function: ease-out;}
.pics:hover {opacity: 0.7;}

.header {background: #757575;}
.header .navcenter {width: 960px; margin: 0 auto; background: #757575; position: relative; height: 119px;}
.header .gray {width: 50%; height: 119px; background: #f5f5f5; position: absolute;}
.header .navcenter .lang {float: right;  margin: -31px 0px; margin-right: 40px; position: relative;}
.header .navcenter .lang .pics:hover {opacity: 0.7;}
.header .navcenter .logo {display: inline-block; width: 265px;}
.header .nav {display: inline-block; vertical-align: top; margin-top: 30px; margin-left: 50px;}
.header .nav ul {padding-left: 0px;}
.header .nav ul li { display: inline-block; vertical-align: middle;}
.header .nav ul li a { color:#fff; text-transform: uppercase; line-height: 20px; font-weight: bolder; text-decoration: none; font-size:18px; letter-spacing: 0px; font-family: 'AvenirNext-Bold'; padding: 10px 9px; -webkit-transition-property: color; -webkit-transition-duration: .5s; -webkit-transition-timing-function: ease-out; -moz-transition-property: color; -moz-transition-duration: .5s; -moz-transition-timing-function: ease-out; -o-transition-property: color; -o-transition-duration: .5s; -o-transition-timing-function: ease-out;}
.header .nav ul li a:hover { color: #6bbe22;}
.header .nav ul li a.selected {color:#6bbe22;}

.slider {width: 100%; background: #88d153;   padding: 50px 0px 0px 0px; }
.slider .center {width:76.3%; max-width: 965px; margin:0 auto; padding-top: 1px;}

.content {width:76.3%; max-width: 965px; margin:0 auto; padding-top: 1px;}
.content .center { background: #fff; width: 100%; margin: 10px; border-radius:10px; text-align: center;}
.content .center .left-home {display: inline-block; width: 26%; text-align: justify; vertical-align: top; margin-top: 15px;}
.content .center .right-home {display: inline-block; width: 65%; margin-left: 60px; vertical-align: top; text-align: justify;}
.content .center p {color: #000; font-size: 15.5px; margin: 0;}
.content .center .right {width: 410px; margin-right: 20px; margin-left: 20px; display: inline-block; vertical-align: top; text-align: justify;}
.content .center .left {width: 470px; margin-left: 20px; display: inline-block; vertical-align: top; text-align: justify;}
.content .center .leftproduct {width: 310px; margin-right: 20px; margin-left: 20px; display: inline-block; vertical-align: top; margin-top: 110px; text-align: center;}
.content .center .rightproduct {width: 470px; margin-left: 20px; display: inline-block; vertical-align: top; text-align: justify;}
.content p {font-family: Helvetica;}
.content .f1 {color: #3a3a3a; font-weight: 600;}


.content .center .nosotros-left {display: inline-block; width: 47%; margin-right: 50px; text-align: justify; vertical-align: top;}
.content .center .nosotros-right {display: inline-block; width: 47%; vertical-align: top; text-align: justify;}
.content .center .nosotros-right ul {padding-left: 0px;}
.content .center .nosotros-right ul li {margin-bottom: 20px; list-style: none; font-weight: 600;}
.content .center .nosotros-right ul li span {font-size: 20px; margin-right: 7px;}

.content .center .right-p {width: 49%; display: inline-block; vertical-align: top; text-align: justify;}
.content .center .right-p img, .content .center .left-p img {width: 100%; margin: 2px;}
.content .center .left-p {width: 49%; display: inline-block; vertical-align: top; text-align: justify;}

.map {  padding-left: 30px; padding-top: 140px; width: 363px; height: 280px; background: url('../img/map2.jpg') no-repeat; display: block; margin-bottom: 30px; margin-top: 40px;}
.spin {-webkit-animation-name: spin; -webkit-animation-duration: 1000ms; -webkit-animation-iteration-count: 1; -webkit-animation-timing-function: linear; -moz-animation-name: spin; -moz-animation-duration: 1000ms; -moz-animation-iteration-count: 1;  -moz-animation-timing-function: linear; -ms-animation-name: spin;  -ms-animation-duration: 1000ms; -ms-animation-iteration-count: 1; -ms-animation-timing-function: linear; animation-name: spin; animation-duration: 1000ms; animation-iteration-count: 1; animation-timing-function: linear;}

.content .center .producto {width: 19%; margin: 2px; display: inline-block; vertical-align: top; text-align: center; border: 1px solid rgba(205, 205, 205, 0.32);}
.content .center .producto p {font-family: 'AvenirNext-Bold';}
.content .center .producto img.grayscale:hover {filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 10+ */ filter: gray; /* IE6-9 */ -webkit-filter: grayscale(100%); /* Chrome 19+ & Safari 6+ */ -webkit-transition: all .6s ease; /* Fade to color for Chrome and Safari */ -webkit-backface-visibility: hidden; /* Fix for transition flickering */}
.content .center .producto img.grayscale {filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0\'/></filter></svg>#grayscale"); -webkit-filter: grayscale(0%);}
.content .center .right .form {padding: 20px;  border-radius: 20px; margin-top:20px;}
.content .center .right input {width: 98%; background: #f5f5f5; display: inline-block; height: 31px; border: none; padding-left: 5px; border-radius: 2px; -moz-box-shadow: inset -5px -5px 5px rgba(0, 0, 0, 0.36); -webkit-box-shadow: inset -5px -5px 5px rgba(0, 0, 0, 0.36); box-shadow: inset 2px 2px 0px rgba(0, 0, 0, 0.17);}
.content .center .right textarea {width: 98%; background: #f5f5f5; display: inline-block; height: 75px; border: none; padding-left: 5px; border-radius: 2px; -moz-box-shadow: inset -5px -5px 5px rgba(0, 0, 0, 0.36); -webkit-box-shadow: inset -5px -5px 5px rgba(0, 0, 0, 0.36); box-shadow: inset 2px 2px 0px rgba(0, 0, 0, 0.17);}
.content .center .right .input_titles {font-family: Helvetica; color: #009135; margin-top: 6px;}
.content .center .right .input_submit {font-size: 24px; background: #009245; border: none; color: #fff; box-shadow: none; font-family: Helvetica; font-weight: 600; padding: 30px 0px 60px 0px; border-radius: 60px;}
.content .center .right .input_submit:hover {background: #6bbe22;}
textarea, input { outline: none; }

.content .center .backto {font-size: 24px; background: #009245; border: none; color: #fff; box-shadow: none; font-family: Helvetica; font-weight: 600; padding: 30px 0px 30px 0px; border-radius: 60px;}
.content .center .backto:hover {background: #6bbe22;}

.conta { width: 430px; margin-left: 70px; display: inline-block; vertical-align: top; text-align: justify;}
.conta p {font-size: 22px!important;}

.footer { width:100%; display: block;  margin-top: 40px; padding-bottom: 20px; height: 70px; background: #009135;}
.footer p, .footer a {margin: 0; color: #fff; display: inline-block; text-decoration: none;}
.footer a:hover {color: #888;}
.footer .footer_center {width: 960px; margin: 0 auto; text-align: center; border-top: 6px solid #00934A; padding-top: 15px;}

#green {color: #009245; font-weight: bold;}
#wrapper { }

@-ms-keyframes spin {
    from { -ms-transform: translate(0px, 30px); }
    to { -ms-transform: translate(0px, 0px); }
}
@-moz-keyframes spin {
    from { -moz-transform: translate(0px, 30px); }
    to { -moz-transform: translate(0px, 0px); }
}
@-webkit-keyframes spin {
    from { -webkit-transform: translate(0px, 30px); }
    to { -webkit-transform: translate(0px, 0px); }
}
@keyframes spin {
    from {
        transform:translate(0px, 30px);
    }
    to {
        transform:translate(0px, 0px);
    }
}