/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : May 21, 2016, 1:48:15 PM
    Author     : Mariano
*/

.header{
    margin-top: 30px
}
.logo{
    float: left;
}
.logo_footer{
    float: left;
}
.menu{
    float: right;
}
.menu a, p{
    font-size: 12px
}
.nav-tabs.nav-justified>.active>a, .nav-tabs.nav-justified>.active>a:focus, .nav-tabs.nav-justified>.active>a:hover {
    border: none;
}
.nav-tabs.nav-justified>li>a {
    border: none
}
.nav-tabs.nav-justified>li>a:hover {
    background: none
}
a{
    color: black
}
.active a{
    color: #003265 !important;
    font-weight: bold
}
a:hover{
    color:#003265;
    font-weight: bold
}

/*disables nav collapse*/
.nav-justified>li {
    display: table-cell;
    float:left;
}
.slider_home{
    background: url(../images/slider_home.jpg);
    height: 430px
}
.slider_calidad{
    background: url(../images/slider_calidad.jpg);
    height: 430px
}
.slider_calidad_2{
    background: url(../images/slider_calidad_2.jpg);
    height: 430px
}
.slider_mercado{
    background: url(../images/slider_mercado.jpg);
    height: 430px
}
.slider_mercado_2{
    background: url(../images/slider_mercado_2.jpg);
    height: 430px
}
.slider_mercado_3{
    background: url(../images/slider_mercado_3.jpg);
    height: 430px
}
.slider_produccion{
    background: url(../images/slider_produccion.jpg);
    height: 430px
}
.slider_contacto{
    background: url(../images/slider_contacto.jpg);
    height: 430px
}
.slider_rse{
    background: url(../images/slider_rse.jpg);
    height: 430px
}
.lightblue-label{
    background: #E0EDF8;
    padding: 5px;
    width: 290px
}
.contacto_wraper{
    background: #003265;
    color: white;
    padding: 20px
}
/*.slider_produccion_2{
    background: url(../images/slider_produccion_2.jpg);
    height: 430px
}*/
.description_home{
    background-color: #003164;
    height: 340px;
    color: white
}
.description_calidad{
    /*background-colors: #003164;*/
    min-height: 340px;
    color: #003164
}

.footer{
    background: #ccc;
    border-top: 4px solid #003164;
    height: 80px;
}

.footer_info{
    margin-top: 10px;
    font-size: 11px;
    float: right;
    color: #003164;
}

.owl-theme .owl-controls .owl-buttons div {
    padding: 5px 9px;
}

.owl-theme .owl-buttons i{
    margin-top: 2px;
}

/*To move navigation buttons outside use these settings:*/

.owl-theme .owl-controls .owl-buttons div {
    position: absolute;
}

.owl-theme .owl-controls .owl-buttons .owl-prev{
    left:0px;
    top: 45%;
}

.owl-theme .owl-controls .owl-buttons .owl-next{
    right:0px;
    top: 45%; 
}

.owl-theme .owl-controls .owl-buttons div{
    color: #FFF;
    display: inline-block;
    zoom: 1;
    /* margin: 5px; */
    padding: 10px 10px 15px 10px;
    /*font-size: 11px;*/
    /* -webkit-border-radius: 30px; */
    -moz-border-radius: 30px;
    /* border-radius: 30px; */
    background: #333;
    filter: Alpha(Opacity=50);
    opacity: 0.5;
    font-size: 1.5em;
}

.break{
    height: 20px;
    display: block;
    clear: both;
    width: 100%;
}

.productos  p{
    font-size: 11px;
    margin: 0 0 3px;
}

.productos div.col-xs-6{
    background: #f8f8f8;
    padding: 10px;
}

.productos div.col-xs-6:nth-child(2) p:nth-child(1){
    color: #003466;
    font-weight: bold
}

    
.productos_description{
    height: 208px
}
.productos_description_large{
    height: 1020px
}

/*FORM*/
:invalid { 
    /*  border-color: #e88;
      -webkit-box-shadow: 0 0 5px rgba(255, 0, 0, .8);
      -moz-box-shadow: 0 0 5px rbba(255, 0, 0, .8);
      -o-box-shadow: 0 0 5px rbba(255, 0, 0, .8);
      -ms-box-shadow: 0 0 5px rbba(255, 0, 0, .8);
      box-shadow:0 0 5px rgba(255, 0, 0, .8);*/
}

:required {
    /*  border-color: #88a;
      -webkit-box-shadow: 0 0 5px rgba(0, 0, 255, .5);
      -moz-box-shadow: 0 0 5px rgba(0, 0, 255, .5);
      -o-box-shadow: 0 0 5px rgba(0, 0, 255, .5);
      -ms-box-shadow: 0 0 5px rgba(0, 0, 255, .5);
      box-shadow: 0 0 5px rgba(0, 0, 255, .5);*/
}

form {
    /*width:300px;*/
    margin: 20px auto;
}

input {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    border:1px solid #ccc;
    background: #003265;
    color: white;
    font-size:14px;
    width:215px;
    min-height:30px;
    display:block;
    margin-bottom:15px;
    margin-top:5px;
    outline: none;

    /*  -webkit-border-radius:5px;
      -moz-border-radius:5px;
      -o-border-radius:5px;
      -ms-border-radius:5px;
      border-radius:5px;*/
}

textarea {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    border:1px solid #ccc;
    background: #003265;
    color: white;
    font-size:14px;
    width:215px;
    min-height:30px;
    display:block;
    margin-bottom:15px;
    margin-top:5px;
    outline: none;
}

input[type=submit] {
    background:#FFF;
    color: #003265;
    width:80px;
    padding:5px;
}

/*FORM*/
/* SELECT W/IMAGE */
select.contactArea
{
    width                    : 14em;
    height                   : 35px;
    padding                  : 0.2em 0.4em 0.2em 0.4em;
    vertical-align           : middle;
    border                   : 1px solid #FFF;
    /*box-shadow               : inset 0 0 3px #a0a0a0;*/
    -webkit-appearance       : none;
    -moz-appearance          : none;
    appearance               : none;
    /* sample image from the webinfocentral.com */
    /*background               : url(http://webinfocentral.com/Images/favicon.ico) 95% / 10% no-repeat #fdfdfd;*/
    font-family              : Arial,  Calibri, Tahoma, Verdana;
    font-size                : 1.1em;
    color                    : #FFF;
    background-color:#003265;
    cursor                   : pointer;
}
select.contactArea  option
{
    background-color:#003265;
    font-size: 1em;
    padding: 0.2em 0.4em 0.2em 0.4em;
    color: white
}
select.contactArea  option[selected]{
    font-weight:bold;
    background-color:#003265;
}
select.contactArea  option:nth-child(even) {
    background-color:#003265;
}
select.contactArea:hover
{
    color                   : #FFF;
    border                  : 1px solid #cdcdcd;
}    
select.contactArea:focus {
    box-shadow: 0 0 2px 1px #404040;
}

#upload-file-container {
    cursor: pointer;
    background: url(../images/area_contacto.jpg) no-repeat;
}

#upload-file-container input {
    cursor: pointer;
    filter: alpha(opacity=0);
    opacity: 0;
}

#productos_ver_menos{
    cursor: pointer;
    margin: 0 auto;
    width: 20px;
    font-size: 15px;
    margin-top: -5px;
}

.ver_mas_wraper{
    cursor: pointer;
    border: 2px solid black;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 40px;
    text-align: center;
    width: 70px;
    margin: 0 auto;
    background: #92bbd9;
    font-weight: bold;
    height: 70px;
    margin-top: -28px;
}

.ver_mas {
    cursor: pointer;
    border: 3px solid white;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 40px;
    text-align: center;
    width: 65px;
    padding: 9px 13px 10px 12px;
    background: #92bbd9;
    font-weight: bold;
    height: 65px;
}

.ver_mas p {
    font-size: 16px
}

.intro{
    background: url(../images/home_background.jpg) no-repeat center center fixed; 
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

div#imageContainer {
    vertical-align: bottom;
    display: table-cell;
}

div#imageContainer > img {
    padding: 5px
}