/* CSS Document */

body {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color:#FFFFFF;
	margin: 0px auto;
	background-image:url(../images/background-slice2.gif);
	background-color:#012255;
	background-position:top;
	background-repeat:no-repeat;
}

.imgborderNpadding {
	border: 2px #ffffff solid;
	margin-top: 5px;
}

.color {
	font-family:Georgia, "Times New Roman", Times, serif;
	color:#012255;
	font-weight:bold;
}

h1 {
	font-size:16px;
	font-weight:bold;
	color:#FFFFFF;
	font-family:Arial, Helvetica, sans-serif;
}

.inicio a { display:block; width:159px; height:36px; background-image:url(../images/inicio-a.jpg); float:left;}
.inicio a:hover { width:159px; height:36px; background-image:url(../images/inicio-b.jpg);}
.eventos a { display:block; width:160px; height:36px; background-image:url(../images/eventos-a.jpg); float:left;}
.eventos a:hover { width:160px; height:36px; background-image:url(../images/eventos-b.jpg);}
.locutores a { display:block; width:160px; height:36px; background-image:url(../images/locutores-a.jpg); float:left;}
.locutores a:hover { width:160px; height:36px; background-image:url(../images/locutores-b.jpg);}
.programas a { display:block; width:163px; height:36px; background-image:url(../images/programas-a.jpg); float:left;}
.programas a:hover { width:163px; height:36px; background-image:url(../images/programas-b.jpg);}
.galleria a { display:block; width:160px; height:36px; background-image:url(../images/galleria-a.jpg); float:left;}
.galleria a:hover { width:160px; height:36px; background-image:url(../images/galleria-b.jpg);}
.contactos a { display:block; width:161px; height:36px; background-image:url(../images/contacto-a.jpg); float:left;}
.contactos a:hover { width:161px; height:36px; background-image:url(../images/contacto-b.jpg);}

.img-border {
	border:1px solid #325B67;
}

.img-bottom-marg {
	margin-bottom:10px;
}

.img-top-marg {
	margin-top:10px;
}

a:link {
	color:#FDFE36;
	text-decoration:none;
}

a:visited {
	color:#FF0000;
}

a:hover {
	color:#58C7E5;
	text-decoration:none;
}

#wrapper {
	width: 989px;
	background-image:url(../images/bg-body.gif);
	background-repeat:repeat-y;
	margin: 0px auto;
}

#wrapper-content {
	margin-left:12px;
	width: 989px;
}


#gallery {
	width:609px;
	margin-right:5px;
	padding: 15px 8px 10px 8px;
	float:left;
}

#eventos {
	background-image:url(../images/eventos-remotos-bg.jpg);
	width:615px;
	float:left;
	margin-right: 5px;
}

#header {
	width: 963px;
}

#menu {
	width: 963px;
	height: 36px;
	margin-bottom: 10px;
}

#left-content {
	width: 164px;
	height: 640px;
	float:left;
	margin-right: 5px;
}

#middle-content {
	width: 625px;
	margin-right: 5px;
	float:left;
}

#right-content {
	text-align:center;
	width: 164px;
	float:left;
}

#footer {
	text-align:center;
	clear:both;
	background-image:url(../images/footer-reflection.jpg);
	background-repeat:no-repeat;
	width: 989px;
	height: 158px;
}

#footer a:link {
	color: #57C7E4;
	text-decoration: none;
}

#footer a:visited {
	color: #57C7E4;
	text-decoration: none;
}

#footer a:hover {
	text-decoration:none;
	color: #012255;
}



/**************************************************************

	Image Menu
	v 2.2

**************************************************************/


#imageMenu {
	position:inherit;
	width: 624px;
	height: 240px;
	overflow: hidden;
}



#imageMenu ul {
	list-style: none;
	margin: 0px;
	display: block;
	height: 200px;
	width: 500px;
	
	}

#imageMenu ul li {
	float: left;
}

#imageMenu ul li a {
	text-indent: -1000px;
	background:#FFFFFF none repeat scroll 0%;
	cursor:pointer;
	display:block;
	overflow:hidden;
	width:98px;
	height: 240px;
}

#imageMenu ul li.banner1 a {
	background: url(../images/001.jpg) repeat scroll 0%;
	width: 156px;
}

#imageMenu ul li.banner2 a {
	background: url(../images/002.jpg) repeat scroll 0%;
	width: 156px;
}

#imageMenu ul li.banner3 a {
	background: url(../images/003.jpg) repeat scroll 0%;
	width: 156px;
}

#imageMenu ul li.banner4 a {
	background: url(../images/004.jpg) repeat scroll 0%;
	width: 156px;
}



.clear {
	clear: both;
}

/*************************************************************/


