body {
color: #333;
background-color: #3b5189;
}
div#container {
background-color:#34487b;
}
div#container_index {
margin: 2em auto;
background-color:#34487b;
}
div#header {
color: inherit;
background-color: #34487b;
border: 1px solid #34487b;
border-width: 0 1px 1px 0;
}
#contenido {
float: right;
background-color: #34487b;
border: 1px solid #ccc;
border-width: 0px 0px 0px 0px;
width: 515px;
/*height: 820px;*/
padding: 0px;
}
#contenido_index {
float: right;
background-color: #34487b;
border: 1px solid #ccc;
border-width: 0px 0px 0px 0px;
width: 500px;
/*height: 820px;*/
padding: 0px;
}
div.column {
width: 230px;
background-color: #34487b;
}
div.column_productos {
clear:both;
width: 230px;
background-color: #34487b;
}
div.column-in {
padding: 1px;
}

div#footer {
color: inherit;
background-color:#34487b;
border-width: 0px 0px 0px 0px;
}
div#footer-in {
padding: 5px;
}
div#footer-in p{
text-align:center;
font-size: 9px;
color:#678AC5;
padding: 1px;

}
#fotos { 
	float:left;
	width:200px;
	height:190px;
	padding-bottom:5px;
	margin:3px;
}
#texto  { 
	float:left;
	padding: 20px;
	width: 240px;
	font-family: Verdana, "Times New Roman", Times, serif;
}
#texto_institucional  { 
	/*float:left;*/
	padding: 20px;
	width: 480px;
		font-family: Verdana, "Times New Roman", Times, serif;
}
#texto_institucional h1 { 
    color:#fff;
	font-size:25px;
	font-weight:bold;
		margin-top:-20px;
}
#texto_institucional h2 { 
    color:#F3F3F3;
    margin-top:-5px;
	font-size:12px;
	font-weight:bold;
}

#texto_institucional p { 
color:#fff;
	line-height:15px; 
    margin-top:-5px;
	font-size:11px;
}

#texto h1 { 
    color:#fff;
	font-size:25px;
	font-weight:bold;
		margin-top:-20px;
}
#texto h2 { 
    color:#F3F3F3;
    margin-top:-5px;
	font-size:12px;
	font-weight:bold;
}
#texto h3 { 
color:#F2F2F2;
	font-size:12px;
	font-weight:bold;
}
#texto p { 
color:#fff;
    margin-top:-5px;
	font-size:11px;
}
div#navi {  
	list-style:none;
	margin:0;
	padding:0;
}
div#navi li {
	margin:2px;
	padding:2px;
	float:left; //para eliminar el comportamiento de elemento de bloque(salto de linea)
}
div#navi li a {
	display:block; //Convertimos el vínculo en un bloque.
	width:100px;
	padding:4px 0;
	font-family: Arial;
    font-weight: bold;
	text-decoration:none;
	text-align:center;
	font-size:15px;
	color:#ff9900;
}
div#navi li a:hover {
	color:#ffcc33;
}

														/** END **/