/* CSS Document STYLO*/

body, html{
	margin:0px;
	padding:0px;
	font-family: "Verdana", Trebuchet MS, Arial, Georgia, serif;/*tipo letra*/
	color:#3333ff;/*color letra*/
	background:#ffffff; /* color fondo web. Antes #8AA4B3*/
	
	/*ubicacion bordes*/
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
}
	
div#contenedor {
	width:1024px; /*nuevo, antes 800*/
	position:relative;
	margin: 0px auto;
		/*borde de toda la tabla*/
	border-top: 1px solid #d7d7d7;
	border-right: 1px solid #d7d7d7;
	border-left: 1px solid #d7d7d7;
	border-bottom: 1px solid #d7d7d7;
	padding: 0px;
	}

div#header {
	width:1024px; /*nuevo, antes 800*/
	height:50px;
	background: url("../media/hja.gif"); /*IMAGEN TOP*/
	    background-repeat: no-repeat;
  		background-position: left;
	padding: 0px;
	margin:0px;
	}

div#direcciontop{
	width:1024px; /*nuevo, antes 800*/
	background:#d7d7d7;
	color:#000000;
	font-family: "Arial", "Trebuchet MS";
	padding: 1px 0 ;
	margin:0;
	}
	
div#direcciontop p{
	text-align: center;
	}
	
div#direcciontop a {
	color:#000000;
	}
	
div#direcciontop a:hover {
	color:#9cf;
	}

#banderas {
	width: 276px;
	position: absolute;
	float: right;
	margin-left: 750px;
	left: -228px;
	top: 0px;
	}

div#banderas img{
	border:0px;
	}



/* set a left margin to compensate for IE/Win always making room for a scrollbar */
div#middlewrap {
	/* set left margin and bottom padding for IE5/Win */
	padding:0px 0 0 0; /*ponia 50px*/
	margin-left:0px;
	/* set left margin and bottom padding for others */
	voice-family: "\"}\"";
	voice-family:inherit;
	margin-left:0px;
	/*padding-bottom:30px;*/ /*ponia 50px*/
	}

div#middle {
	width:1024px; /*nuevo, antes 800*/
	margin:0 auto;
	background:#fff;
	}


div#content {
	padding:10px 10px 20px 10px;
	margin-left:170px;
	background:#fff;
	height: auto;
	}
	
/* no positioning for IE5/Win - the whole page scrolls */



div#footer {
	height:20px; /*ponia 50px*/
	width:1024px; /*nuevo, antes 800*/
	background:#333366;
	color:#333;
	vertical-align: middle;
	clear:both;
	}

div #footer p {
	margin:0;
	padding: 0 10px;
	text-align:left;
	color:#fff;
	}

div#footer a {
	color:#ccc;
	}

div#footer a:hover {
	color:#9cf;
	}


	
/*************texto y demas****************************/
h1 {/*titulos grandes*/
	font-size:1.0em; /*era 1.2*/
	padding-top:1.5em;
	margin-top:5px;
	color: #CC6600
	}
	

h2 {/*titulos medianos*/
	font-size:1.0em; /*era 1.2*/
	padding-top:1.5em;
	margin-top:5px;
	}

h3 {/*titulos pequenos*/
	font-size:0.7em; /*era 1.2*/
	padding-top:1.5em;
	margin-top:5px;
	color: #000000;
	}	
	
p {/*parrafos*/
	font-size:0.7em;
	line-height:1.4em;
	text-align:justify; /* aņadido */
	}

ul {
	font-size:0.7em;
	line-height:1.4em;
	}

li {
	text-align:JUSTIFY;
	}

.boton{
        font-size:10px;
        font-family:Verdana,Helvetica;
        font-weight:bold;
        color:white;
        background:#638cb5;
        border:0px;
        width:95px;
        height:19px;
       }

.rojo{
	color: #ff0000;
	font-weight: bold;
	}

/*links*/
a, a:visited {color:#258; 
	}

a:hover {
color:#9cf;
	}
	/*fin de links*/

/*tamaņo y color del borde de todas las imagenes*/
img {
border:1px solid #ccc;
padding: 1px;
	}
	
	
	
	/*alineacion fotos*/
.adwrap,
.adwrap iframe {
	width:240px;
	height:180px;
}
.adwrap {
	float:right;
	margin:1em 0px 0 10px;
}


.adwrap2,
.adwrap2 iframe {
	width:240px;
	height:180px;
}
.adwrap2 {
	float:left;
	margin:1em 10px 0 0px;
}


.adwrap3,
.adwrap3 iframe {
	width:240px;
	height:109px;
}
.adwrap3 {
	float:right;
	margin:1em 0px 0 10px;
}

.adwrap4,
.adwrap4 iframe {
	width:300px;
	height:5px;
}
.adwrap4 {
	/*float:center;*/
	/*margin:1em 0px 0 10px;*/
	margin: 20px auto;
}

.adwrap5,
.adwrap5 iframe {
	width:300px;
	height:300px;
}
.adwrap5 {
	/*float:right;*/
	/*margin:1em 0px 0 10px;*/
	margin: 20px auto;
	
}

#style1 {
	color: #FF0000;
}

#style2 {
	color: #FF0000;
	background-color: #FFcccf;
}