


body {
	

	font-family: "serif", Verdana;
	font-size:10px;
	background : #c9fda7 ;
	text-align:center; /*aqui mandamos a centrar todo el contenido*/ 
}
#contenedor {
	
	width:790px ;  /*ancho total de la pagina*/ 
	
	overflow:auto;
	background-image: url(img/medio.jpg);
	margin:5px auto; /*5px arriba y abajo, y auto a los lados, para los navegadores nuevos es suficiente para centrar la pagina*/ 
	text-align:left; /*aqui alineamos todo de nuevo a la izquierda, pero dentro del contenedor*/ 
	
}

#fondo {
	
	width:789px ;  /*ancho total de la pagina*/ 
	float:left;
	
	
	
}


h1 {
	font : 8pt Verdana, Geneva, Arial, Helvetica, sans-serif;
	text-align:center;
	}
h2 {
	font : 8pt Verdana, Geneva, Arial, Helvetica, sans-serif;
	text-align:justify;
	color:#000000;
	}
	
p {
	font : 7pt Verdana, Geneva, Arial, Helvetica, sans-serif;
	text-align:center;
	color:#000000;
	}

#box1 {
	float:left;
	width:300px;
	margin:10px 10px;
	
	background-image: url(img/mediobox.jpg);
	
	overflow:auto;
	}

#box4 {
	float:left;
	width:300px;
	margin:10px 10px;
	text-align:justify;
	
	
	
	}

#boxflash {
	float:left;
	width:300px;
	margin:10px 10px;
	
	text-align:center;
	}

#box11 {
	float:left;
	margin:0px auto;
	padding:13px;
	padding-top:0px;
	
	font : 4pt Verdana, Geneva, Arial, Helvetica, sans-serif;
	text-align:justify;
	
}

#box2 {
	float:right;
	width:420px; /*este ancho es para que cuadre con el texto*/
	margin:20px 6px;
	
	height:99px;
	background-image: url(img/based.jpg);
	text-align:center;
	}

#box3 {
	float:right;
	width:420px; /*este ancho es para que cuadre con el texto*/
	
	margin:5px 6px;
	
	
	background-image: url(img/novemedio.jpg);
	text-align:left;
	}

#img {
	float:right;
	width:420px; /*este ancho es para que cuadre con el texto*/
	margin:20px 3px;
	
	
	}
	
#contiz {
	float:left;
	width:300px; /*este ancho es para que cuadre con el texto*/
	margin:0px 0px;
}

#contde {
	float:right;
	width:421; /*este ancho es para que cuadre con el texto*/
	margin:8px 5px;
	text-align:justify;
	
	
	}

#cuadro {
	float:right;
	width:46%; /*este ancho es para que cuadre con el texto*/
	padding:10px;
	margin:10px 10px;
	border:1px solid #56b5b6;
	
}


#menu {
	
	border:1px solid #56b5b6;
	width:786px;
	height:19px;
	font : 8pt Verdana, Geneva, Arial, Helvetica, sans-serif;
	padding:1px;
	background-color:#f2ff9e;
	margin:0px auto;
	text-align:center;
} 

a {
	text-decoration:none; /*elimino el subrayado del v�culo*/ 
	color:#000000;
	
}
a:hover {
	text-decoration: underline; /*decoraci� para el evento hover (mouse encima)*/ 
}

#texto {
	width:600px;
	margin:10px auto;
	padding:10px;
	border:1px solid #a8a8a8; /*decoracion*/ 
	background-color:#f5ffff; /*more*/ 
	text-align:justify;
	
	
}

#texto2 {
	margin:10px auto;
	
	float:relative;
	background-color:#f5ffff; /*more*/ 
	font : 8pt Verdana, Geneva, Arial, Helvetica, sans-serif;
	text-align:justify;
	width:600px;
}

#fotos {
	
	font : 8pt Verdana, Geneva, Arial, Helvetica, sans-serif;
	width:696px; /*este ancho es para que cuadre con el texto*/
	height:160px;
	border:1px solid #56b5b6; /*decoracion*/ 
	background-color:#f5ffff; /*more*/ 
	padding:3px;
	
	margin: 10px auto;
	c
}



#titulo {
	padding:1px;
	margin:10px auto; 
	font : 9pt Verdana, Geneva, Arial, Helvetica, sans-serif;
	text-align:center;
	width:90%; /*el ancho mas el padding me da 600px de ancho que es loque mide la pagina */
	height:19px;
	border:1px solid #56b5b6; /*decoracion*/ 
	background-color:#f5ffff; /*more*/ 
} 

#cuerpo {
	
	margin:10px auto; 
	font : 9pt Verdana, Geneva, Arial, Helvetica, sans-serif;
	width:700px; /*el ancho mas el padding me da 600px de ancho que es loque mide la pagina */
	
	
} 



#formulario {
	 
	
	width:540px; /*el ancho mas el padding me da 600px de ancho que es loque mide la pagina */
	font : 8pt Verdana, Geneva, Arial, Helvetica, sans-serif;
	margin:15px auto;
	border:1px solid #56b5b6 ; /*decoracion*/ 
	background-color:#f5ffff; /*more*/ 
	text-align: justify;
	padding:10px;
	-moz-border-radius: 15px;
} 
#contcuerpo {
	
	width:790px ;  /*ancho total de la pagina*/ 
	float:left;
}

#imagenes {
	margin:10px 10px;
	width:150px; /*este ancho es para que cuadre con el texto*/
	height:113px; 
	border:2px solid #000000; /*decoracion*/
	float:left;
}
#imagenes2 {
	margin:10px auto;
	width:580px; /*este ancho es para que cuadre con el texto*/
	
	
	
}

#info1 {
    
	margin:10px 0px auto 0;
	width:165px; /*este ancho es para que cuadre con el texto*/ 
	
	border:1px solid #a8a8a8; /*decoracion*/ 
	background-color:#f18510; /*more*/ 
	font : 8pt Verdana, Geneva, Arial, Helvetica, sans-serif;
	text-align:center;
}

#infocont1 {
	
	font : 8pt Verdana, Geneva, Arial, Helvetica, sans-serif;
	width:135px; /*este ancho es para que cuadre con el texto*/ 
	border:1px solid #a8a8a8; /*decoracion*/ 
	background-color:#f9f9f9; /*more*/ 
	padding:15px;
	margin:0px 0px auto 0;
}
#producont {
	margin:0px 0px auto 0;
	width:610px; /*este ancho es para que cuadre con el texto*/ 
	height:150px; /*idem*/ 
	border:1px solid #a8a8a8; /*decoracion*/ 
	background-color:#f9f9f9; /*more*/ 
	font : 8pt Verdana, Geneva, Arial, Helvetica, sans-serif;
	text-align:center;
	float:right;
}
#produc {
	margin:10px 0px auto 0;
	width:612px; /*este ancho es para que cuadre con el texto*/ 
	height:20px; /*idem*/ 
	text-align:center;
	float:right;
}
#footer {
	margin:10px 0px auto 0;
	width:769px; /*este ancho es para que cuadre con el texto*/ 
	height:70px; /*idem*/ 
	border:1px solid #a8a8a8; /*decoracion*/ 
	background-color:#f9f9f9; /*more*/ 
	font : 8pt Verdana, Geneva, Arial, Helvetica, sans-serif;
	text-align:center;
	float:left;
}