@charset "utf-8";
body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	font-style: normal;
	font-weight: normal;
	color: #58585a;
	text-decoration: none;
	margin: 0px;
	padding: 0px;
	background-color: #fffeee;
	background-repeat: no-repeat;
	background-position: center top;
	background-image: url(img/fondo.jpg);
}
#a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	font-weight: normal;
	color: #58585a;
	text-decoration: none;
}
#a:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	color: #00aec7;
	text-decoration: none;
}

#contegeneral {
	width: 900px;
	margin: auto;
}
#rojo {
	width: 900px;
	float: left;
}
#azul {
	float: left;
	width: 900px;
	margin: auto;
}
#secazul {
	background-color: #00a0e0;
	float: left;
	height: 40px;
	width: 300px;
}
#desazul {
	background-color: #d9f1fa;
	float: right;
	width: 600px;
}
#naranja {
	float: left;
	width: 900px;
}
#secnaranja {
	background-color: #eb7125;
	float: left;
	height: 40px;
	width: 300px;
}
#desgris {
	background-color: #eaeaea;
	float: right;
	width: 600px;
}
#pie {
	background-color: #f7e6ec;
	float: right;
	height: 25px;
	width: 600px;
	margin-bottom: 10px;
	margin-top: 10px;
}
#desnaranja {
	background-color: #fceadf;
	float: right;
	width: 600px;
}
#contegeneral #gris {
	float: left;
	width: 900px;
}
#secgris {
	background-color: #707173;
	float: left;
	height: 40px;
	width: 300px;
}
#secrojo {
	background-color: #ac0c41;
	float: left;
	height: 40px;
	width: 300px;
}
#desojo {
	background-color: #f7e6ec;
	float: right;
	width: 600px;
}
.foto {
	float: left;
	margin-top: 0px;
	margin-right: 10px;
	margin-bottom: 5px;
	margin-left: 5px;
}

#desojo a {
	font-size: 8pt;
	color: #00aec7;
	text-decoration: none;
}
#desojo a:hover {
	font-size: 8pt;
	color: #b21c4e;
}


#cafe {
	float: left;
	width: 900px;
}
#seccafe {
	background-color: #6f4c23;
	float: left;
	height: 40px;
	width: 300px;
}
#descafe {
	background-color: #eae4de;
	float: right;
	width: 600px;
}
#verde {
	width: 900px;
	float: left;
}
#secverde {
	background-color: #55a51c;
	float: left;
	height: 40px;
	width: 300px;
}
#desverde {
	background-color: #e6f2dd;
	float: right;
	width: 600px;
}
#desverde a {
	font-size: 8pt;
	color: #00AEC7;
	text-decoration: none;
}
#desverde a:hover {
	font-size: 8pt;
	color: #B00B43;
	text-decoration: none;
}



#amarillo {
	width: 900px;
	float: left;
}
#morado {
	float: none;
	width: 900px;
	margin: auto;
}
#contegeneral  #morado #seccion {
	background-color: #752fa4;
	float: left;
	height: 40px;
	width: 300px;
}
#desmorado {
	background-color: #eae0f1;
	float: right;
	width: 600px;
}
#desmorado a {
	font-size: 8pt;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	color: #04ABBE;
	text-decoration: none;
}
#desmorado a:hover {
	font-size: 8pt;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	color: #AD0C42;
	text-decoration: none;
}




#contegeneral #amarillo #secccion {
	background-color: #ffed00;
	float: left;
	height: 40px;
	width: 300px;
}
#desamarillo {
	background-color: #fffcd9;
	float: right;
	width: 600px;
}
#desamarillo a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	font-weight: normal;
	color: #00AEC7;
	text-decoration: none;
}
#desamarillo a:hover {
	font-size: 8pt;
	color: #AE0B40;
	text-decoration: none;
}


#largoamarillo {
	background-color: #FFFCD9;
	float: right;
	width: auto;
}




#top {
	height: 200px;
	width: 900px;
}
#contegeneral #top #logo {
	height: 200px;
	width: 300px;
}

#contegeneral #top #menu {
	background-color: #f7e6ec;
	float: right;
	height: 25px;
	width: 600px;
	margin-top: 165px;
}
#legales {
	height: 200px;
	width: 100%;
	padding-right: 10px;
	padding-left: 10px;
	background-image: url(img/fondoA.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
	margin: auto;
}
#legales a {
	color: #bbbbbb;
	text-decoration: none;
	font-size: 8pt;
}
#secmorado {
	background-color: #752fa4;
	float: left;
	height: 40px;
	width: 300px;
}

#legales a:hover {
	color: #00aec7;
	text-decoration: none;
	font-size: 8pt;
}
#espimagen {
	float: right;
	width: 600px;
	margin-bottom: 10px;
}
#txtamarillo {
	float: left;
	width: 245px;
	padding-left: 40px;
	padding-top: 10px;
	padding-right: 15px;
}
#fonamarillo {
	float: right;
	width: 100%;
	background-color: #FFFCD9;
}
#fonmenu {
	background-color: #F7E6EC;
	float: left;
	height: 25px;
	width: 100%;
}