/*Cuerpo*/
body{
    background: url(../Imagenes/fondo.png) no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

.MainContent{    
    background-color: #fff;               
    width: 90%;
}
/*/////////////////////////////////////////////////////////*/

/*Encabezado*/
.col-elem{    
    display: inline-block;
	width:235px;
	text-align:right;
	font-family: 'Open Sans', sans-serif;
	font-size:12px;
	line-height:21px;
	color:#385723;
	text-transform:uppercase;
}

.phone{
    display:inline-block;
	font-size:18px;
	line-height:22px;
	color:#385723;
	margin:-3px 0 0 0;
}

.text-info, #Info p, #Head a{
        color:#385723;
        margin-left: 0;
}

#Info{
   color:#385723;
   font-size: 18px;
   text-align: right;
}

#Info a, #Info a:focus{
    color: #385723 !important;
    text-decoration: none;
    font-size: 12px;
}

#Info a:hover, #Info a:focus{
    font-weight: bold;
    text-decoration: none;
}

header{
    background-color: #fff;
    position: relative;
    z-index: 1;
    width: 88%;
    margin-right: 10px;
}
/*/////////////////////////////////////////////////////////*/

/*Menu Principal*/
.MenuText{        
    color:#fff;    
}

.menuStyle{
    background-color: #70AD47;   
    border-radius: 5px;
    margin:0;
    text-align: center;
}
.nav > li > a:hover,
.nav > li > a:focus {  
  color: #fff;
  background-color: #385723;  
}

.dropdown-menu{
    background-color: #70AD47;
}

.dropdown-menu > li > a{    
    color:#fff;
}

.dropdown-menu > li > a:hover,.dropdown-menu > li > a:focus {
  color:#fff;
  text-decoration: none;  
  background-color:#385723;
  width: 625%;
}
.nav .open > a, .nav .open > a:focus, .nav .open > a:hover {
    background-color:#70AD47;
}
.nav > li > a, #ProductoResp{
    color: #fff;
}

#botonMenu:hover, #botonMenu:focus{
    background-color:#385723;
    border-color: #385723;
}

#menu{
    width: 100%;
}
#menu li {
    width: 16%;
}

/*/////////////////////////////////////////////////////////*/

/*Articulos*/
/*/////////////////////////////////////////////////////////*/
.contenedor-img {
    margin:10px;
    width:300px;
    height: 200px;
    float: left;
    overflow: hidden;
    position: relative;
    text-align: center;
    cursor: default;
    background: #fff;
}
.contenedor-img .mascara {
width: 100%;
height: 200px;
position: absolute;
overflow: hidden;
top: 0;
left: 0
}
.contenedor-img img {
display: block;
position: relative;
width:100%;
height:100%;
}
.contenedor-img h2 {
text-transform: uppercase;
color: #fff;
text-align: center;
position: relative;
font-size: 17px;
padding: 10px;
background: rgba(0, 0, 0, 0.9);
margin: 20px 0 0 0
}
.contenedor-img p {
font-size: 12px;
position: relative;
color: #fff;
padding: 10px 20px 10px;
text-align: center
}
.contenedor-img a.link {
display: inline-block;
text-decoration: none;
padding: 7px 14px;
background: #222;
color: #fff;
text-transform: uppercase;
box-shadow: 0 0 1px #000
}
.contenedor-img a.link:hover {
box-shadow: 0 0 5px #000
}

/*/////////////////////////////////////////////////////////*/

/*Intro*/
.intro{            
    /*border-style:solid;
    border-color:rgba(135, 53, 53, 0.59);*/

}
.intro p{    
    font-family: 'Fira Sans', sans-serif;
    font-size:14pt;
    color:#454545;    
    text-align:center;
    padding:40px 0px;
       
}
@media screen and (max-width: 625px) {
    .intro {        
        text-align:justify;
        padding:0px;
    }
}


.modalText{
    text-align:justify;

}
/*/////////////////////////////////////////////////////////*/

/*Contenido*/

#Body{
    margin-top: 180px;
}
h2{
	color: #70AD47;
	font-size: 30px;
	margin-bottom: 30px;
    font-weight: bold;
	margin-top: 50px;
	margin-left: 50px;
	font-style: italic;
}

.thumbnail{
    font-size: 17px;
	font-family: Verdana;
	color: #588639;
    text-align: left !important;
}

.thumbnail h5{
    text-align: center;
}

.thumbnail a{
    margin: 0;
    padding: 0;
}



#Home, #About, #Quality,#Products,#Fresh, #Data, #Pastes, #Packing {
    margin-bottom: 210px;
}

#Contact h2{
    margin-left: 0 !important;
}

#Home div p, #About div p, #Quality div p, #Products div p, #Data div p, #Data div ul li, #Pastes div p, #Packing div p, #Contact div p{
    color:#588639;
}

#Data{
    margin-top: 30px;
}

#Home div, #About div, #Quality div, #Products div, #Data div, #Pastes div, #Packing div, #Contact div{
    text-align: justify;
}

 #Packing img, #Quality img, #Contact img{
     align-content: center;
 }