
body {
	margin: 0px;
	padding: 10px;
}

.wrapper {
	height: 855px;
}

.header {
	float: left;
	width: 855px;
	height: 100px;
	background-color: #B74E4B;
	cursor: pointer;
}

.main {
	float: left;
	width: 855px;
	height: 220px;
	background-color: #BCCCD9;
	background-image: url(building.gif);
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-position: 500px 120px;
	margin-top: 13px;
}

.mainglosario {
	float: left;
	width: 835px;
	height: auto;
	background-color: #BCCCD9;
	background-image: url(building.gif);
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-position: 550px 550px;
	margin-top: 13px;
	padding: 10px;
	font-family: Geneva, Arial;
}

.mainglosario h1 {
	color: #555555;
	font-size: 18px;
}

.mainglosario h2 {
	color: #555555;
	font-size: 16px;
}

.mainglosario h3 {
	color: #555555;
	font-size: 14px;
	text-decoration: underline;
}

.mainglosario p {
	color: #222222;
}

.mainglosario a {
	color: #000000;
}

.mainglosario a:link, .mainglosario a:visited {
	color: #000000;
}


.footer {
	float: left;
	width: 855px;
}

.mercados {
	float: left;
	width: 230px;
	font-family: Geneva, Arial;
	padding-top: 20px;
	padding-left: 20px;
	padding-bottom: 20px;
}

div.mercados form select,
div.mercados form input {
	margin: 5px;
}

.indicadores {
	float: left;
	width: 400px;
	font-family: Geneva, Arial;
	padding-top: 20px;
	padding-left: 20px;
	padding-bottom: 20px;
}

div.indicadores form select,
div.indicadores form input {
	margin: 5px;
}



.datos { 
	float: left;
	width: 855px;
	font-family: Geneva, Arial;
	background-color: #F1EDEC;
}

.datos h3 {
	font-size: 30px;
	color: #B74E4B;
	font-family: Geneva, Arial;
	margin: 0px;
	padding: 0px;
}

.datos ul {
	list-style-type: none;
	float: left;
	width: 350px;
	margin: 0px;
	margin-bottom: 20px;
	padding: 0px;
}

.datosindicadores .datos ul {
	width: 400px;
}

.panelizq {
	width: 400px;
	float: left;
}

.panelder {
	width: 400px;
	float: left;
}

.panelder ul li {
	font-size: 11px;
	margin: 5px;
}

.datosindicadores .datos ul li {
	float: none;
}

.datos ul li {
	color: #000000;
	float: left;
	width: 400px;
}

.titulo { 
	color: #7a003c;
	font-size: 16px;
	margin: 5px;
}

.areadatos {
	float: left;
	width: 855px;
	margin-top: 10px;	
}

div.datos div.bloquesdedatos {
	display: none; 
	float: left; 
	position: relative; 
	top: -800px; 
	left: 535px; 
	color: #ffffff; 
	background-color: #B2C3D3;	
}

.datosindicadores .datos .bloquesdedatos  ul {
	width: 300px;
}

.nota {
	float: left;
	clear: both;
	width: 800px;
	margin: 10px;
	font-size: 11px;
	color: #000000;
}

div.datosmercados div.datos ul li span.titulo {
	width: 200px;
	float: left;
	margin: 0px;
	padding: 0px;
}

.barra {
	width: 800px;
	height: 0px;
	border: 1px solid #B74E4B;
	float: left;
	margin-left: 20px;
	
}

