#body{
background:#DAE8D7;
width=100%;	
}
#sociedad{
clear:both;
width:95%;
padding-bottom:7%;
}
/*.lema{
font-size:1.8em;
color:red;
float:left;}*/
.telefono{
float:right;}
.marca{
font-size:3em;
color:green;
width:70%;
text-align:center;
float:left;
}
.cabecera{
}
.cabecera2{
width:10%;
float:left;
}
.telefono{
width:15%;

}

.nombre{
color:#256320;
font-size:7em;
text-align:center;
font-weight:bold;
}

.titulo{
color:#256320;
font-size:3.5vw;
text-align:center;
font-weight:bold;
padding-top:2%;
padding-bottom:2%;
margin-bottom:5%;
margin-top:5%;
background-color:#CEE2B6;
}


.titulo1{
color:#256320;
font-size:3.5vw;
text-align:center;
font-weight:bold;
padding-top:2%;
padding-bottom:2%;
margin-bottom:5%;
margin-top:2%;
background-color:#CEE2B6;
}
.titulo1:hover{
color:#256320;
font-size:3.5vw;
text-align:center;
font-weight:bold;
padding-top:2%;
padding-bottom:2%;
margin-bottom:5%;
margin-top:2%;
background-color:#C6D9A0;
}
.titulo3{
color:#256320;
font-size:3.5vw;
text-align:center;
font-weight:bold;
padding-top:2%;
padding-bottom:2%;

margin-top:2%;
background-color:#CEE2B6;
}

.titulo3:hover{
color:#256320;
font-size:3.5vw;
text-align:center;
font-weight:bold;
padding-bottom:2%;
padding-top:2%;

margin-top:2%;
background-color:#C6D9A0;
}



.frase{
color:#256320;
font-size:3.5vw;
text-align:center;
font-weight:bold;
padding-top:2%;
padding-bottom:2%;
margin-bottom:5%;
margin-top:5%;
background-color:#CEE2B6;
width:100%;
}
.frase:hover{
color:#256320;
font-size:3.5vw;
text-align:center;
font-weight:bold;
padding-top:2%;
padding-bottom:2%;
margin-bottom:5%;
margin-top:5%;
background-color:#C6D9A0;
width:100%;
}



.frase2{
color:#256320;
font-size:20px;
text-align:center;
font-weight:cursive;
}

}
/* aqui es el css del menu */
#menu{
width:100%;
background-color: #B1D574;
}

.menujp ul {
		width:100%;
		display:flex;
		padding: 0;
		margin: 0;
		list-style: none;
		
	}
	.menujp a {
		display: block;
		padding: 0.5em;
		background-color: #B1D574;
		text-decoration: none;
		color: #191C26;
		text-align:center;
	}
	.menujp a:hover {
		background-color: #9ACA3C;
	}
	.menujp ul li ul {
		display: none;
		font-size:20px;
	}
	.menujp ul li a:hover + ul, .menuCSS3 ul li ul:hover {
		display: block;
	}
	.menujp>ul>li{
	font-size:20px;
	font-weight:bold;
	/*padding-left:5%;
	padding-right:2%;*/
	width:22%;
	}
/* aqui acaba el css del menu */
/*aqui empieza el css para historia*/
.h{
width:30%;
padding: 2px;}
.historia{
}
/*aqui termina la historia*/
/*aqui empieza articulos*/
.a{
width:22%;
padding: 2px;
border:solid 5px #256320;
}


.cliente{
width:20%;
padding-bottom: 40px;
padding-right:10px;}
/

/*aqui termina clientes*/
/*aqui empieza premios*/
.premios{
margin-left:20%;
margin-right:20%;
}
.premio{
width:20%;
padding-bottom: 40px;
padding-right:10px;
}
.em{
width:100%;

}

/*aqui enpieza el css para el formulario*/

formulario{
	padding-left:20%;
	padding-top:15px;
}
tr{padding-bottom:80px;
color:green;
}
.campo{
	height:40px;
}
/*aqui termina el css para formulario */

.map{
margin-left:20%;
margin-right:20%;
}
.footer{
margin-top:10%;
text-align:center;
color:#256320;
font-size:20px;
background-color:/*#B1D574*/#CEE2B6;
width:100%;
padding-top:1em;
padding-bottom:1em;
}
/* para presentacvion*/
#texto{
font-size:20px;
margin-left:1%;
margin-right:1%;
}
.img-responsive{
width:60%;
}
/* para articulos y tabla */
th,td{
background-color:#CEE2B6;
color:black;
}

.espacio{
padding-top:15px;
}

.tipos{
padding-top:15px;
font-weight:bold;
text-decoration: underline;
}

.produccion{
text-align:center;
list-style:none;
}

.produccion>ul{
list-style:none;
}

.produccion,li{
list-style:none;
}

#texto2{
font-size:16px;
list-style:none;
margin-left:2%;
margin-right:1%;
}
#contactar{
margin-left:2%;
padding-bottom:2%;
text-align:center;
}
.articulos{
margin-left:5%;
}
.trabajando{
font-size:30px;
color:red;
text-align:center;
}

#calculo{
	text-align:center;
	position:relative;
}
.b{
	width:40%;
}
.calculo{
	text-align:center;
	padding-bottom:5%;
	padding-top:5%;
	font-size:2em;		
}
.calculo_a{
	text-align:center;
	padding-bottom:5%;
font-size:2em;
}
.fotos{
margin:1em;
}
.fotos p{padding-top:1em;
}
#clientes{
margin-left:10%;
}


table {
   width: 80%;
   border: 1px solid #000;
}
th, td {
   width: 25%;
   text-align: left;
   vertical-align: top;
   border: 1px solid #000;
   border-collapse: collapse;
   padding: 0.3em;
   caption-side: bottom;
   font-size:18px;
}
th{font-size:22px;
}
caption {
   padding: 0.3em;
   color: #fff;
    background: #000;
}
th {
   background: #eee;
   color:black;
   font-weight:bold;
}
.frasep{
font-size:18px;
text-align:center;}