/* CSS Document */
/*********************Estilos para Etiquetas**********************/
html, body{
}
body {
	background-image:url(img_constantes/body.jpg);
	background-repeat:repeat-x;
	background-position:top left;
}

/*****************************************************************/

/***********************Estilos para Id's*************************/
/*PORTADA*/
#portada ul {
	list-style:none; margin:0; padding:0;
}
#portada li { margin:10px 0; }
#portada a {
	color:#000066;
	text-decoration:none;
}
#portada a:hover {
	color:#FF9900;
}
#portada h2 { 
	text-decoration:none;
	border-bottom-style:none;
	margin:0;
}
#portada h3 { margin:0;}
/*LIENZO*/
#lienzo {
	position:relative;
	width:950px;
	margin:0px auto;
}

/*CABECERA*/
#cabecera {
	position:relative;
	height:80px;
	background-image:url(img_constantes/cabecera_bg.png);
	background-repeat:no-repeat;
}
#cabecera h1, #cabecera h2 {
	position:absolute;
	top:-1000px;
}
#anuncioCabecera {
	position:absolute;
	width:468px;
	height:60px;
	left:470px;
	top:10px;
}

/*MENU PRIMARIO*/
#menu1Lienzo {
	margin:5px 0px;
	padding-left:5px;
}
ul#menu1{
	list-style:none;
	margin:0;
	padding:0;
}
ul#menu1 li{
	float:left;
	margin:0px 0px;
	padding:0px 9px;
	border-left:solid 1px #FFFFFF;
}
#menu1Lienzo ul#menu1 li h2{
	margin:0;
	font-style:normal;
}
#menu1Lienzo ul#menu1 li a{
	text-decoration:none;
	color:#FFFFFF;
	font-size:13px;
	font-weight:bold;
}
#menu1Lienzo ul#menu1 li a:hover{
	text-decoration:underline;
}
ul#menu1 #menu12{
	border-left:none;
}
#menu1Lienzo ul#menu1 li a:active, #menu1Lienzo ul#menu1 li a.activo{
	color:#FFCC00;
}

/*CONTENIDO*/
#contenidoLienzo {
	padding-left:200px;
	background-color:#FFFFFF;
	background-image:url(img_constantes/contenidoLienzo_bg.gif);
	background-repeat:repeat-y;
}

/*MIGAJAS*/
#migajas {
	height:21px;
	padding-top:7px;
	padding-left:10px;
	background-image:url(img_constantes/migajas_bg.gif);
	background-repeat:repeat-x;
	color:#FFCC00;
	font-size:10px;
}
#migajas a {
	text-decoration:none;
	color:#FFCC00;
}
#migajas a:hover {
}
h1#contenidoTitulo {
	margin:25px 0;
	padding:0px;
	color:#003366;
	font-size:32px;
	font-weight:bold;
}

/*MENU2*/
#contenidoHermanos{
	position:absolute;
	z-index:+2;
	left:10px;
	top:160px;
	width:179px;
}
#contenidoHermanos p a {
	display:block;
	width:115px;
	margin-left:20px;
	padding-left:28px;
	padding-top:7px;
	padding-bottom:2px;
	background-image:url(img_constantes/hermanosP_bg.gif);
	background-repeat:no-repeat;
	text-decoration:none;
	color:#002368;
	font-weight:bold;
	text-align:left;
}
#contenidoHermanos p a:hover {
}
ul#hermanos {
	list-style:none;
	margin:0;
	padding:0;
}
ul#hermanos li {
}
ul#hermanos li a {
	display:block;
	width:172px;
	/*height:18px;*/
	margin-bottom:1px;
	padding-left:7px;
	padding-top:2px;
	padding-bottom:4px;
	background-image:url(img_constantes/menu2_bga.gif);
	background-repeat:repeat-x;
	background-position:top center;
	background-color:#006699;
	text-decoration:none;
	color:#FFFFFF;
	font-size:12px;
	
}
ul#hermanos li a:hover {
	background-image:url(img_constantes/menu2_bgaHover.gif);
	background-repeat:repeat-x;
	background-color:#3399CC;
}
/*CONTENIDO TEXTO*/
#contenidoTexto{
	float:left;
	width:480px;
	padding-right:10px;
}


#contenidoImagenes{
	float:left;
	width:150px;
	margin-right:12px;
	margin-bottom:7px;
	margin-top:5px;
}
p.pieDeFoto{
	text-align:center;
	font-size:10px;
	font-weight:bold;
	margin:0;
	margin-top:5px;
	padding:0;
}

/*Hijos*/
#contenidoHijos {
	border-top:solid 1px #666666;
	padding-top:10px;
}
ul#hijos {
	list-style:none;
	margin:0px 50px;
	padding:0;
}
ul#hijos li {
	margin-bottom:10px;
	border-bottom:solid 1px #999999;
}
ul#hijos img {
	float:left;
	margin-right:10px;
	margin-bottom:5px;
	margin-top:3px;
}
ul#hijos h1 a {
	text-decoration:none;
	color:#E89804;
	font-size:16px;
}
ul#hijos h1 a:hover {
	text-decoration:underline;
}
ul#hijos a {
	color:#666666;
	font-size:10px;
}
ul#hijos a:hover {
	color:E89804;
}
ul#hijos p.seccionMas {
	clear:left;
}

/*ANUNCIOS*/
#anunciosLienzo{
	float:right;
	width:200px;
	background-color:#FFFFFF;
}
#anuncio1{
	/*float:left;*/
	width:200px;
	height:600px;
}
#anuncio2{
	/*float:right;*/
	width:200px;
	height:200px;
	margin-right:8px;
	margin-bottom:20px;
	padding-bottom:10px;
	border-bottom:solid 1px #036;
}
#anuncio3{
	float:right;
	width:200px;
	margin-right:8px;
	margin-top:5px;
	height:200px;
}

/*FIRMA*/
#firma {
	color:#FFFFFF;
	font-size:10px;
	margin-top:10px;
	text-align:center;
}
#firma a { color:#FFFFFF; }
span#creditos {
}
/************************* Estilos de clases ***********************/

.clearboth {
	clear:both;
}