@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,300,300italic,600,400italic,600italic,700,700italic,800italic,800);

*{
    font-family: 'Open Sans', sans-serif;
}

body{
    margin: 0;
    padding: 0;
    background-color: #e5e5e5;
}
body header{
    background-color: #3e3e3e;
}

body header img{
    padding: 20px 50px 0;
}
body header p{
    color: #e5e5e5;
    margin: 0 0 15px 0;
    padding-left: 45px;
    font-weight: 600;
    font-size: 14px;
    display: inline-block;
}
body header span{
    color: #e5e5e5;
    font-weight: 600;
    font-size: 13px;
    position: absolute;
    top: 30px;
    right: 60px;
}
body header span.llamenos {
    top: 50px;
    padding-bottom: 5px;
}

body header ul {
    float: right;
    margin: 0 50px 0 0;
}
body header ul li{
    display: inline-block;
    padding: 0 10px;
}
body header ul li a{
    font-size: 16px;
    font-weight: 600;
    text-decoration: none;
    color: #e5e5e5;
}
body header ul li a:hover{
    border-bottom: 4px solid red;
    padding-bottom: 10px;

}


body main #slider ul#lightSlider li{
    height: 600px;
}
body main #slider ul#lightSlider li#slide-1 div.slidecontent{
    background: url("../../../uploads/2016/03/bovinos.jpg") no-repeat top center;
    background-size: cover;
    height: 600px;
}
body main #slider ul#lightSlider li#slide-2 div.slidecontent{
    background: url("../../../uploads/2016/03/ovinos.jpg") no-repeat top center;
    background-size: cover;
    height: 600px;
}
body main #slider ul#lightSlider li#slide-3 div.slidecontent{
    background: url("../../../uploads/2016/03/porcinos-768x512.png") no-repeat top center;
    background-size: cover;
    height: 600px;
}

body main #video{
    background-color: #000000;
}

body main #video iframe{
    margin: 0 20%;
    height: 500px;
}

body main #separator{
    background-color: #e5e5e5;
}
body main #separator p{
    padding: 40px 0;
    text-align: center;
    font-size: 35px;
    font-weight: 900;
    color: #ff9112;
}
body main #grilla .grilla{
    height: 410px;
}
body main #grilla .grilla > div{
    background-size: cover!important;
}
body main #grilla .grilla > div{
    width: 100%;
    height: 100%;
    -webkit-transition: all .5s ease;
    cursor: pointer;
}
body main #grilla .grilla.uno > div{
    background: url("../../../uploads/2016/03/bovinos.jpg")no-repeat top right;

}
body main #grilla .grilla.dos > div{
    background: url("../../../uploads/2016/03/ovinos.jpg")no-repeat top right;

}
body main #grilla .grilla.tres > div{
    background: url("../../../uploads/2016/03/porcinos-768x512.png")no-repeat center center;

}
body main #grilla .grilla.cuatro > div{
    background: url("../../../uploads/2016/03/mecanizados-fresado.jpg")no-repeat center center;
}
body main #grilla span{
    display: none;
    float: left;
    position: relative;
    top: calc(50% - 3vw);
    left: 25%;
    z-index: 1;
    color: #ff9112;
    font-size: 6vw;
    font-weight: bold;
    pointer-events: none;

}
body main #grilla .grilla.tres span{
    left: 20%;
}
body main #grilla .grilla.cuatro span {
    left: 15%!important;
}
body section#nosotros{
    padding: 50px 0 120px;
    max-width: 1200px;
    margin: 0 auto;
}
body section#contacto{
    padding: 40px 0 120px;
    margin: 0 auto;
}
body section#nosotros h2, body section#contacto h2{
    font-size: 40px;
    color: #3e3e3e;
    font-weight: 900;
    line-height: 40px;
    padding-bottom: 30px;
    letter-spacing: 1px;
    margin-top: 50px;
}
body section#contacto h2{
    margin: 20px 0 -10px 0;
    color: #e5e5e5;
    text-align: center;
}
body section#nosotros i, body section#contacto i {
    font-size: 80px;
    color: #3e3e3e;
    text-align: center;
    padding: 50px 0 25px;
    width: 100%;
}
body section#contacto i {
    padding: 0 0 20px;
    color: #e5e5e5;
}
body section#nosotros p, body section#contacto p {
    letter-spacing: 1px;
    font-size: 22px;
    line-height: 40px;
    font-weight: bold;
    color: #3e3e3e;
    text-align: left;
    margin:0;
    padding: 0;
}
body section#contacto {
    background-color: #3e3e3e;
    font-size: 20px;
    color: #e5e5e5;
}

body section#contacto input, body section#contacto textarea{
    background-color: transparent;
    border: 4px solid #e5e5e5;
    width: 400px;
    height: 30px;
    font-size: 20px;
    color: #e5e5e5;
    padding: 0 5px;
}
body section#contacto input[type="submit"]{
    color: #e5e5e5;
    font-size: 20px;
    height: 50px;
    width: 200px;
    margin-top: 15px;
    cursor: pointer;
    font-weight: 700;
}
body section#contacto input[type="submit"]:hover {
    background-color: #e5e5e5;
    color: #3e3e3e;
}
body section#contacto textarea{
    height: 180px;
    cursor: text;
}
body section#contacto p{
    color: #e5e5e5;
    text-align: center;
    width: 100%;
    font-size: 20px;
    color: #e5e5e5;
}
.screen-reader-response, .wpcf7-response-output.wpcf7-mail-sent-ok, .wpcf7-response-output.wpcf7-validation-errors{
    text-align: center;
    padding: 0 0 10px 0;
    color: red;
}
.wpcf7-response-output.wpcf7-mail-sent-ok, .wpcf7-response-output.wpcf7-validation-errors{
    padding: 25px 0 10px 0;
}
.wpcf7-not-valid-tip{
    display: none;
}
#contacto ul{
    display:none;
}


footer{
    background-color: #151515;
}
footer .logo-footer{
    text-align: center;
    padding: 50px 0 20px;
    margin: 0;
}
footer p{
    padding: 20px 0 50px;
    text-align: center;
    color: #e5e5e5;
}
footer i.fa.fa-arrow-circle-up{
    position: fixed;
    right: 40px;
    bottom: 40px;
    color: #ff0000;
    font-size: 80px!important;
    cursor: pointer;
    display:none;
}

.page-id-2 header.entry-header{
    display: none;
}
.page-id-2 div#content{
max-width: 1200px;  
margin: 0 auto;
}
.page-id-2 div#gallery-1 .gallery-item{
    display: inline-block;
    width: 33%;
}
.page-id-2 div#gallery-1 img, .attachment .entry-attachment img{
    border: 10px solid #9c9c9c;
    padding: 12px;
    margin: 25px;
}
.page-id-2 div#gallery-1 h2, .attachment .entry-caption h2{
    color: orange;
    font-size: 20px;
    margin: 0 25px;
}
.page-id-2 div#gallery-1 p, .attachment .entry-caption p{
    width: 325px;
    font-size: 15px;
    margin: 10px 25px;
}
.page-id-2 footer.entry-footer{
    display:none;
}
.page-id-2 aside#secondary{
    display:none;
}
.page-id-2 h1{
    margin: 40px 25px 15px;
    font-size: 50px;
    color: orange;
    font-weight: bold;
}
.attachment #image-navigation, .attachment #comments, .attachment .post-navigation, .attachment aside#secondary, .attachment footer.entry-footer, .attachment .entry-header h1{
    display: none;
}
.attachment .entry-attachment{
    margin: 50px 0;
    text-align: center;
}
.attachment .entry-caption p, .attachment .entry-caption h2{
    width: 100%;
    margin: 0;
}
.attachment .entry-caption p{
    margin-top: 10px;
}
.page-id-2 .post-2 img:hover{
    -webkit-filter: grayscale(1);
}
@media screen and (max-width: 1040px) {

.page-id-2 div#gallery-1 .gallery-item {
    display: inline-block;
    width: 50%;
    text-align: center;
}
}