* {margin: 0; padding: 0;}


#contenido {width: 100%; height: 100%; background-color: #FFFFFF; margin: 0 auto;}

h1 {
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #336633;
	font-size: 28px;
	padding: 20px;
	text-align: center;
	line-height: 36px;
}

h2 {
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #336633;
	font-size: 20px;
	padding-top: 20px;
	padding-left: 20px;
	text-align: left;
	line-height: 30px;
}

p {
	font-family: Verdana, Geneva, sans-serif;
  	font-size: 14px;
  	font-weight: normal;
  	color: #333333;
  	text-align: left;
  	line-height: 20px;
  	padding: 22px;
  	margin-top: -6px;
}

.textosdireccion {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 14px;
	font-weight: normal;
	color: #333333;
	text-align: left;
	line-height: 18px;
	margin-top: 20px;
	margin-left: 20px;
}



/* Header */
header {width: 100%; background-color: #65A626; margin: 0 auto;}

#infoheader {width: 960px; height: 200px; background-color: #FFFFFF; margin: 0 auto;}
#logoprincipal {width: 370px; height: 180px; background-color: #FFFFFF; float: left; padding-left: 30px; padding-top: 20px; }
#loslogos {width: 540px; height: 200px; background-color: #999999; float: left; padding-right: 20px;}


/* Navegación */
nav {width: 100%; margin: 0 auto; background-color: #CCCCCC;}

#button {width: 960px; height: 50px; margin: 0 auto; background-color: #A9A9A9; margin: center;}
#button ul {list-style: none; overflow: hidden;}
#button ul li {float: left; font-family: Verdana, Geneva, sans-serif;}

#button li a {
	display:block;
	width:150px;
	height: 20px;
	padding:15px 0;
	text-decoration:none;
	text-align:center;
	font-size:12px;
	color:#FFFFFF;
	background-color:#666666;
	border-left:10px solid #65A626;  //Agrego un borde ancho a la izquierda}

#button li a:hover {
	color:#99CC00;
	background-color:#45711A;
	border-left-color:#FAFF99; //Luego le cambio el color al borde en el evento hover.}


/* Section General */

section {width: 960px; height: auto; margin: 0 auto;}

#secciones {width: 960px; height: 1230px; background-color: #FFFFFF; margin: 0 auto;}
#secciones1 {width: 960px; height: 560px; background-color: #FFFFFF; margin: 0 auto;}
#secciones2 {width: 960px; height: 750px; background-color: #FFFFFF; margin: 0 auto;}
#secciones3 {width: 960px; height: 620px; background-color: #FFFFFF; margin: 0 auto;}
#secciones4 {width: 960px; height: 480px; background-color: #FFFFFF; margin: 0 auto;}
#secciones5 {width: 960px; height: 1020px; background-color: #FFFFFF; margin: 0 auto; padding-top: 20px;}
#secciones6 {width: 960px; height: 1250px; background-color: #FFFFFF; margin: 0 auto;}

.infoderecha {width: 480px; height: auto; float: left; }
.infoizquierda {width: 480px; height: auto; float: left; }

.fotosx3 {width: 960px; height: 270px; background-color: #FFFFFF; margin: 0 auto; }
.fotoizquierda {width: 300px; height: auto; float: left; padding-right: 30px; padding-top: 20px; padding-bottom: 20px;}
.fotocentro {width: 300px; height: auto; float: left; padding-right: 30px; padding-top: 20px; padding-bottom: 20px;}
.fotoderecha {width: 300px; height: auto; float: left; padding-top: 20px; padding-bottom: 20px;}

.fotosx3a {width: 960px; height: 440px; background-color: #FFFFFF; margin: 0 auto; }
.fotoizquierda1 {width: 300px; height: auto; float: left; padding-right: 30px; padding-top: 20px; padding-bottom: 20px;}
.fotocentro2 {width: 300px; height: auto; float: left; padding-right: 30px; padding-top: 20px; padding-bottom: 20px;}
.fotoderecha3 {width: 300px; height: auto; float: left; padding-top: 20px; padding-bottom: 20px;}

#contacto {width: 960px; height: 400px; background-color: #CCCCCC; margin: 0 auto;}
.contactodatos {width: 480px; float: left;}
.contactomapa {width: 480px; float: left;}

#proveedores {
	width: 960px;
	height: 120px;
	background-color: #FFFFFF;
	margin: 0 auto;
}

#imagenprincipal {
	width: 960px;
	height: 315px;
	margin: 0 auto;
}

/* Footer */
footer {width: 100%; height: 270px; background-color: #CCCCCC; margin: 0 auto;}

#menufooter {width: 960px; height: 20px; font-family: Verdana, Geneva, sans-serif; font-size: 13px; text-align: center; background-color: #669933; margin: 0 auto; padding-top: 20px; padding-bottom: 10px;}
#menufooter ul {list-style: none;  }
#menufooter ul li {display: inline-block;}
#menufooter ul li a {color: white; display: inline-block; width: 155px; height: 30px; text-decoration: none;}
#menufooter ul li a:hover {color: #9FFFDD;}
#menufooter ul li a:active {background-color: gray; color: black;}

#datosfooter {width: 960px; height: 220px; background-color: #999999; margin: 0 auto;}
#logofooter {width: 330px; height: 160px; float: left; padding-left: 20px; padding-top: 40px;}
#direfooter {width: 430px; height: 170px; float: left; padding-top: 10px;}
#direredes {width: 150px; height: 150px; float: left; padding-top: 30px;}
.datosdireccion {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 15px;
	font-weight: normal;
	color: #FFF;
	text-align: left;
	line-height: 19px;
}

.copyright {font-family: Verdana, Geneva, sans-serif; color: #FFF; font-size: 10px; text-align: left;}
.copyright a {text-decoration: none;}
.copyright a link {color: #FFF; text-decoration:none;}
.copyright a active {color: #FFF; text-decoration:none;}
.copyright a visited {color: #FFF; text-decoration:none;}
.copyright a:hover {color: #FFF; text-decoration:none;}




/* PSEUDOELEMENTOS
p:first-line {
	color: red;
}

p:first-letter {
	font-size: 310%;
	font-weight: bold;
	float: left;
	text-transform: uppercase;
}

ul li:first-child {
	color:red;
	font-size: 36px;

}

*/