/* html */

html {margin: 0; padding: 0;}

body {
	margin: 0;
	padding: 0;
	background: #FFF url(../images/css/fondo.jpg) no-repeat fixed;
	font-style: normal;
	font-variant: normal;
	font-weight: normal;
	font-family: "Trebuchet MS", Arial, Helvetica, Sans-Serif
	}

h1 {
	position: absolute; top: 8px; left: 8px;
	margin: 0;
	border: none;
	padding: .5em 1em 3em 8.8em;
	background: transparent;
	color: #066;
	font-size: 118%;
	font-weight: bold;
	z-index: 5;
	}

	
h2 {
	font-size: 116%;
	font-weight: bold;
	color: #066;
	margin: 0;
	}

h3 {
	font-size: 105%;
	font-weight: bold;
	color: #066;
	margin: .4em 0 .2em .5em;
	}

h4  {
	font-size: 96%;
	font-weight: bold;
	color: #066;
	margin: .4em 0 0 .5em;
	}

h5 {
	font-size: 92%;
	font-weight: bold;
	color: #066;
	margin: .4em 0 0 .5em;
	}

table {
	border-collapse: collapse;
	margin: 1em;}

th {
	padding: .1em .3em;
	vertical-align: top;
	background: rgb(90%,95%,90%);
	border: 1px solid #999}
	
td {
	padding: .1em .3em;
	font-size: 90%;
	vertical-align: top;
	border: 1px solid #999}

td.sinborde {
	border: none;
	padding: .3em .3em;
	font-size: 90%;
	vertical-align: top;
	}

table.separada{
	border-collapse: separate;
	border-spacing: 8px;
	margin: 1em;}
	
td.izquierda {
	padding: .1em .2em 0 1em;
	border: 0;
	text-align: right;
	background: white;}
	
td.derecha {
	padding: .1em 1em 0 .2em;
	text-align: left;
	background: rgb(90%,95%,90%);
	}
	
td.centralizado {
	padding: .1em 1em 0 .2em;
	text-align: center;
	}

td.centralizado-verde {
	padding: .1em 1em 0 .2em;
	vertical-align: center;
	text-align: center;
	background: rgb(90%,95%,90%);
	}

ul{
	margin-bottom: 1em;
	margin-top: .5em;
	}
	
ul ul{
	margin-bottom: 0;
	margin-top: 0;
	}

/* divs - ids */

div#logo2005{position: absolute; top: 0; left: 3px; height: 60px; border: 0; z-index: 1;}

div#logo2005 img{margin: 0; border: none; height: 60px; width: 530px;}

div#main {position: absolute; top: 60px; left: 0px; width: 100%;}

div#cont {
	position: absolute;
	z-index: 10;
	top: 3em; left: 10em;
	width: 75%;
	border-top: 1px solid #399;
	border-left: 1px solid #399;
	margin: 0;
	padding: 1em 0 1em 2em;
	background-color: #FFFFFF;
	font-size: 90%;
	line-height: 120%;
	}

div#cont p{margin: .5em;}

div#cont p.small{font-size: 85%; margin: .5em;}

div#cont div.lista p{margin: 0 3em 0 2em;}

div#cont a:hover {color: white; background: #399; text-decoration: none;}

div#pagina {
	position: absolute;
	top: 64px; left: 20px;
	z-index: 10;
	width: 85%;
	border-top: 1px solid #399;
	border-left: 1px solid #399;
	margin: 0;
	padding: 1em 0 1em 2em;
	background-color: #FFFFFF;
	font-size: 90%;
	}

div#pagina p{margin: .5em;}

div#pagina a:hover {color: white; background: #399; text-decoration: none;}

div#back {
	position: absolute;
	top: 72px; left: 6px; z-index: 25;
	border: 1px solid #399;
	width: 36px; height: 284px; 
	background-color: rgb(90%,95%,90%);
	padding-top: 12px;
	text-align: center;
	}
	
div#menu {
	position: absolute;
	z-index: 15;
	top: 1px;
	left: 6px;
	width: 13em;
	font-size: 75%;
	line-height: 140%;
	background-color: rgb(90%,95%,90%);
	border: 1px solid #208080;
	text-align: left;
}

div#menu p {
	background-color: rgb(70%,80%,70%);
	padding: 1px 6px;
	margin: 0;
	font-weight: bold;} 

div#menu a {
	display: block;
	color: black;
	border: 0;
	padding: 1px 6px;
	text-decoration: none;}

div#menu a:hover {
	color: white;
	background: #363;}

div#menu a.l2 {
	display: block;
	border: 0;
	padding: 1px 1em 0;
	text-decoration: none;}

div#menu p.imp {
	margin: .8em 1.8em .3em 0;
	border-top: 1px solid #208080;
	background-color: rgb(90%,95%,90%);
	padding-top: .5em;
	text-align: left;
	font-weight: bold;} 

div#menu p.noref {
	border: 0;
	background-color: rgb(90%,95%,90%);
	padding: 1px 6px;
	text-align: left;
	font-weight: normal;} 

div#menu a.imp {
	display: block;
	color: black;
	border: 0;
	padding: 1px 6px;
	text-align: left;
	text-decoration: none;}

div#menu a.imp:hover {
	color: white;
	background: #363;}

div#menu p.l2 {
	background-color: rgb(90%,95%,90%);
	padding: 1px 1em 0;
	margin: 0;
	font-weight: bold;} 

div#menu a.l3 {
	display: block;
	border: 0;
	padding: 1px 2em 0;
	text-decoration: none;}

div#menu p.l3 {
	background-color: rgb(90%,95%,90%);
	padding: 1px 2em 0;
	margin: 0;
	font-weight: bold;} 

/* divs - clases */

div.cuadro {
	float: right;
	width: 12em;
	margin: 0 0 1em 1em;
	border-top: 8px solid #399;
	border-left: 1px solid #399;
	font-size: 80%;
	text-align: left;
	background: rgb(90%,95%,90%);
	}

div.cuadro p{padding: .1em;}
	
div.anuncio{
	margin-left: auto;
	margin-right: auto;
	margin-top: 1em;
	margin-bottom: 1em;
	width: 16em;
	padding: .2em .2em .2em .2em;
	border-top: 8px solid #399;
	border-left: 1px solid #399;
	text-align: center;
	background: rgb(90%,95%,90%);
	}

.marcar {
	padding: 0 1em;
	background: #EEB;
	font-size: 75%;
	}