body {
	text-align: center;
	font-size:100%;
	margin: 0;
	padding: 0;
	font-family: "Trebuchet MS";
	background-image: url(images/fondo.gif);
}
div#contenedor{
	width: 770px;
	margin:auto;
	border: 1px solid #CCCCCC;
	background-color: #FFFFFF;
} 
div#cabecera{
	height : 95px;
	width: 770px;
	background-repeat: no-repeat;
	background-color: #000000;
	background-image: url(images/cabecera.jpg);
}

#margen{
	width: 250px;
	height: 280px;
	float: left;
	background-image: url(images/foto_margen.jpg);
	background-repeat: no-repeat;
	background-color: #000000;
}

#nav{
	width: 250px;
	height: 200px;
	text-align: right;
	float: left;
}
#nav ul{
	font-size:1.2em;
	margin: 0;
	padding: 0;
}
#nav ul li{
	display: compact;
}
#nav ul li a{
	text-decoration: none;
	color: #FFFFFF;
	padding-left: 8px;
	padding-right: 8px;
	line-height: 30px;
} 
#nav ul li a:hover, #nav ul li a:focus{
	color: #000000;
	background-color: #D0E1F0;
}

#nav2{
	width: 250px;
	height: 70px;
	text-align: right;
	float: left;
}
#nav2 ul{
	font-size:1.1em;
	margin: 0;
	padding: 0;
}
#nav2 ul li{display: compact;}
#nav2 ul li a{
	text-decoration: none;
	color: #C36666;
	padding-left: 8px;
	padding-right: 8px;
	line-height: 30px;
} 
#nav2 ul li a:hover, #nav ul li a:focus{
	color: #000000;
	background-color: #D0E1F0;
}

#contenido{
	width: 500px;
	height: 280px;
	float: right;
	text-align: justify;
	border-left-width: thin;
	border-left-style: dashed;
	border-left-color: #CCCCCC;
}

.empresa{
	background-image: url(images/fondo02.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
}

.productos{
	background-image: url(images/fondo01.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
}

.servicios{
	background-image: url(images/fondo04.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
}

.contacto{
	background-image: url(images/fondo03.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
}

#contenido h1 {
	font-weight:bold;
	font-size: 1.8em;
	margin: 0 15px;
	padding: 0;
}

#contenido p {
	margin: 0 15px;
	padding: 0;
	font-size: 0.9em;
	text-align: justify;
}

#pie_foto{
	height: 50px;
	clear: both;
	background-color: #CCCCCC;
}

#pie{
	text-align: center;
	height: 20px;
	clear: both;
	background-color: #000000;
}

.resaltado{
	color: #660000;
	font-size: 1.1em;
	font-weight: bold;
}

.formulario{
	font-size: 0.9em;
}

.botones{
	color: #000000;
	border: 1px solid #999999;
}

.copyright{
	color: #FFFFFF;
	font-size: 0.7em;
}

.pie_pano{
	color: #990000;
	font-size: 0.7em;
}

.cuadroGris{
	width:300px;
	padding: 1px;
	margin-top: 15px;
	margin-right: 40px;
	margin-bottom: 15px;
	margin-left: 20px;
	float: right;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	font-size: 0.82em;
	color: #666666;
}

.cuadroVerde{
	background-color:#F4FFE6;
	width:300px;
	padding: 1px;
	margin-top: 15px;
	margin-right: 40px;
	margin-bottom: 15px;
	margin-left: 20px;
	float: right;
	font-size: 0.82em;
	color: #666666;
	border: thin solid #B8DB95;
}

.cuadroNaranja{background-color:#FFDFCA;width:440px;border: 2px solid #FFC097;padding: 5px;margin: 15px 30px;}
.cuadroCeleste{background-color:#CAEAFF;width:440px;border: 2px solid #97D6FF;padding: 5px;margin: 15px 30px;}