/* CSS Document */

#content{
background:url(../images/114440.jpg);
background-position:center;


}

body{
	padding:0; margin:0;
	background:#FFFFFF;
	
	}
div, p, h1, h2, h3, ul, img{
	padding:0; margin:0;
	}
ul{
	list-style-type:none;
	}
.balnk{
	font-size:0px; line-height:0px; clear:both;
	}
/*--------------------------------header-------------------*/
#main_header{
	width:100%;
	margin:0 auto;
	/*background:url(../images/bg.png) repeat-x #CCCCCC;*/
	color:#FFFFFF;
	height:216px;
	}
#main_header #header{
	width:764px;
	margin:0 auto;
	background:url(../images/header_pic.png) no-repeat #CCCCCC;
	color:#FFFFFF;
	height:216px;
	position:relative;
	}

#main_header #header img{
	position:absolute;
	left:30px;
	top:76px;
	display:block;
	}
#main_header #header ul.navi{
	width:764px;
	display:block;
	position:absolute;
	top:189px;
	left:6px;
	padding:0;
	margin:0;
	background:none;
	}
#main_header #header ul.navi li{
	background:url(../images/saparation.png) no-repeat right;
	height:22px;
	padding:0 14px 0 5px;
	margin:0;
	display:block;
	float:left;
	}
#main_header #header ul.navi li.li1{
	background:none; height:22px; padding:0 14px 0 5px; margin:0;
	display:block;  float:left; 
	}
#main_header #header ul.navi li a{
	font:12px/21px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#BF050C;
	text-decoration:none;
	text-indent:0px;
	padding:0 0 0 15px;
	font-weight:bold;
	margin:0;
	width:inherit;
	background-color:#e3e3e3;
	}
#main_header #header ul.navi li a:hover{
	background:url(../images/navi_h.png) no-repeat 0 2px;
	}
/*------------------------------------body-------------------------*/
#main_body{
	width:100%;
/*	background-image:url(../images/silverswimmer.jpg); */

     
	color:#fff6d8;
	}
#body{
	width:764px; margin:0 auto 0 auto; padding:0px 0 0 0; 
	}
#body p{
	background:url(../images/welcome_pic.gif) no-repeat #0a2b43;
	color:#FFFFFF;
	padding:0 0 0 114px;
	margin:0 0 0 40px;
	width:598px;
	display:inline-block;
	font:13px/17px Verdana, Arial, Helvetica, sans-serif;
	}
#body p span{
	color:#fff6d8; background-color:#0a2b43;
	}
#body p span.bg{
	color:#799fbb; background-color:#041929;
	}
#body p a{
	width:56px; height:12px; display:block; background:url(../images/more_bg.gif) no-repeat #0a2b43; margin:3px 0 42px 526px;
	font:11px/12px Verdana, Arial, Helvetica, sans-serif; font-weight:bold; text-transform:uppercase; color:#ffffff;
	padding:0 0 0 5px; text-decoration:none;
	}
#body p a:hover{
	background:url(../images/more_bg_h.gif) no-repeat #0a2b43; color:#ff0033; 
	}
	
	
	/*BANNER AVISO*/
#Banner {
width:764px; 
height:120px; 
padding:0 15px 0 15px; 
float:left; 
display:block; 
background-image: url(../images/banner.png);
background-repeat:no-repeat;

}	

#Banner h2{
	font:12px Arial;
	font-weight:bold;
	color:#000;
	width:700px;
	height:19px;
	padding:2px 0px 0px 30px;
	margin:0;
	display:block;
}

#Banner p{
	width:700px; 
	display:block; 
	font:12px Verdana, Arial, Helvetica, sans-serif; color:#000003; 
	margin:8px 0 10px 30px;
	background:none; 
	padding:0; 
	 
}
#Banner p a{
width:230px; 
height:17px; 
display:block;
padding:0 0 0 2px;
margin:2px 0 0px 0;
font:10px Arial, Helvetica, sans-serif; 
font-weight:bold;
color:#fff;
background:none;

}
#Banner p a:hover{
color:#990000;
background:none;
}

	
	
	/*NOTICIAS PROMO*/
	
	
#promo{
width:220px; 
height:128px; 
padding:0 15px 0 15px; 
float:left; 
display:block; 
background-image: url(../images/promo.png);
background-repeat:no-repeat;

}	

#promo h2{
	font:12px Arial;
	font-weight:bold;
	color:#FFFFFF;
	width:220px;
	height:19px;
	padding:2px 0px 0px 2px;
	margin:0;
	display:block;
}

#promo p{
	width:230px; 
	display:block; 
	font:12px Verdana, Arial, Helvetica, sans-serif; color:#000003; 
	margin:1px 0 0 1px;
	background:none; 
	padding:0; 
	 
}
#promo p a{
width:230px; 
height:17px; 
display:block;
padding:0 0 0 2px;
margin:2px 0 0px 0;
font:10px Arial, Helvetica, sans-serif; 
font-weight:bold;
color:#990000;
background:none;

}
#promo p a:hover{
color:#009900;
background:none;
}

	
	
	/* NOTICIA ROJO*/
#noticia{
width:220px; 
height:300px; 
padding:0 15px 0 15px; 
float:left; 
display:block; 
background-image: url(../images/bgs.png);
background-repeat:no-repeat;

}	

#noticia h2{
	font:18px Trebuchet MS, Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#FFFFFF;
	width:200px;
	height:45px;
	padding:18px 0px 0px 35px;
	margin:0;
	font-weight:normal;
	display:block;
}

#noticia p{
	width:220px; 
	display:block; 
	font:10px Verdana, Arial, Helvetica, sans-serif; color:#000003; 
	margin:5px 0 0 5px;
	background:none; 
	padding:0; 
	 
}

#noticia p a{
width:200px; 
height:17px; 
display:block;
padding:0 0 0 7px;
margin:4px 0 0px 0;
font:10px Verdana, Arial, Helvetica, sans-serif; 
font-weight:bold;
color:#990000;
background:none;

}
#noticia p a:hover{
color:#009900;
background:none;
}


/*noticia 2*/

#noticia2{
width:223px; 
height:300px; 
padding:0 15px 0 15px; 
float:right; 
display:block; 
background-image: url(../images/bgs.png);
background-repeat:no-repeat;

}	

#noticia2 h2{
font:18px Trebuchet MS, Arial, Helvetica, sans-serif;
font-weight:bold;
color:#FFFFFF;
width:200px;
height:45px; 
padding:20px 20px 0px 35px; 
margin:0;
font-weight:normal; 
display:block;
}

#noticia2 p{
	width:220px; 
	display:block; 
	font:10px Verdana, Arial, Helvetica, sans-serif; color:#000003; 
	margin:5px 0 0 5px;
	background:none; 
	padding:0; 
	 
}

#noticia2 p a{
width:200px; 
height:17px; 
display:block;
padding:0 0 0 7px;
margin:4px 0 0px 0;
font:10px Verdana, Arial, Helvetica, sans-serif; 
font-weight:bold;
color:#990000;
background:none;

}
#noticia2 p a:hover{
color:#009900;
background:none;
}



/*mensaje*/

#mensaje{
width:223px; 
height:348px; 
padding:0 15px 0 15px; 
float:left; 
display:block; 
background-image:url(../images/bgmsje%20.png);

}	

#mensaje h2{
font:18px Trebuchet MS, Arial, Helvetica, sans-serif;
font-weight:bold;
color:#FFFFFF;
width:200px;
height:45px; 
padding:10px 20px 0px 30px; 
margin:0;
font-weight:normal; 
display:block;
}

#mensaje p{
	width:220px; 
	display:block; 
	font:10px Verdana, Arial, Helvetica, sans-serif; color:#000003; 
	margin:5px 0 0 5px;
	background:none; 
	padding:0; 
	 
}

#mensaje p a{
width:200px; 
height:17px; 
display:block;
padding:0 0 0 7px;
margin:4px 0 0px 0;
font:10px Verdana, Arial, Helvetica, sans-serif; 
font-weight:bold;
color:#990000;
background:none;

}
#mensaje p a:hover{
color:#009900;
background:none;
}
	
	
	/*event*/
	
#event{
	width:215px;
	padding:0 0 0 40px;
	float:left;
	display:block;
	background-color: #0a2b43;
	}
#event h2{
	background:url(../images/event_bg.gif) no-repeat ; font:24px/31px "Trebuchet MS", Arial, Helvetica, sans-serif;
	width:142px; height:45px; padding:5px 20px 0 54px; margin:0; font-weight:normal; display:block;
	}
#event h2 span{
	color:#847543; font:11px/12px Verdana, Arial, Helvetica, sans-serif;  font-weight:bold; background-color:#fff6d8;
	display:block;
	}
#event p{
	width:191px; display:block; font:13px Verdana, Arial, Helvetica, sans-serif; color:#799fbb; background-color:#0a2b43;
	margin:19px 0 0 23px; background:none; padding:0; 
	}
#event h3{
	color:#fff6d8; font-weight:bold; font:14px Verdana, Arial, Helvetica, sans-serif; width:191px; display:block;
	margin:19px 0 0 23px; padding:0; background-color:#0a2b43; 
	}
#event h3 a{
	width:171px; height:17px; display:block; background:url(../images/arrow.gif) no-repeat 160px 6px #051b2b; padding:0 0 0 7px;
	margin:4px 0 0px 0; font:11px/15px Verdana, Arial, Helvetica, sans-serif; color:#FFFFFF; font-weight:bold;
	text-decoration:none;
	}
#event h3 a:hover{
	background:none; color:#FFFFFF; background-color:#0a2b43;
	}
#event p a.more{
	width:56px; height:12px; display:block; background:url(../images/more_bg.gif) no-repeat #0a2b43; margin:22px 0 37px 118px;
	font:11px/11px Verdana, Arial, Helvetica, sans-serif; font-weight:bold; text-transform:uppercase; color:#ffffff;
	padding:0 0 0 5px; text-decoration:none;
	}
#event p a.more:hover{
	background:url(images/more_bg_h.gif) no-repeat #0a2b43; color:#ff0033; 
	
	
	}


/* PRECARGA DE IMAGENES*/

img
{
    
     background: url(../images/loading.gif)  center center no-repeat;
}

	
/*---------------------------------footer-----------------*/
#main_footer{
	width:100%;
	float:left;
	background:url(images/footer_bg.gif) repeat-x #0c1d2a;
	color:#ffffff;
	border-top:#ffffff 1px solid;
	margin:0px;
	padding:0px;
	left: 0px;
	top: 966px;
	}
#footer {
	width:530px;
	height:50px;
	margin:0 auto 0 auto;
	}