/*Hoja de estilos para vudu */

body { background-color: #000; float:middle; background-image:url(body-bg.jpg) }
#cuerpo { width:100%; margin: auto; float:middle}
h1 {font-size:12pt; color :#fff; float:left; margin: 0px 15px}
h2 {font-size:12pt; color :#ffff00; text-align:right; margin: 0px 20px}
h3 { text-decoration:none; color:#999999; display:block; font-size:28px} 
h3 a { color: #aaa; display:inline; text-decoration:none; } 


body, a:link {
	cursor: url(star3.cur), progress;}

#area5 a:link { cursor: url(star4.cur), progress;}
#area5 a:hover { color: #0f0; border-color: #A0A0A4; border-bottom-style:groove }

/*menu */
ul { list-style: none;}
	
header { display:block; position:relative; float:inherit}


header nav {
	position: relative;
	display: block;
	text-align: center;
	width: 920px;
	height: 52px;
	background: url(menu-bg.jpg) 0 0 no-repeat;
	overflow: hidden;
}

	

.menu li {	float:left; 
	position:relative;
	background:url(menu-spacer.gif) left top no-repeat; margin-top:-14px
}
.menu > li:first-child {background:none;}
.menu li a { font-family:"Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
	display:inline-block; 
	font-size:18px; 
	line-height:25px; 
	padding:12px 28px 12px 29px; 
	color: #0C0; 
	text-transform: none; text-decoration:none;}
	
	.menu > li:first-child > a {
		text-indent:-999em;
		background:url(menu-home.png) center -25px no-repeat; margin-left:-25px; 
		min-width:22px;
	}
.menu li a.active,
.menu > li > a:hover {color:#fff;}

.menu > li:first-child > a:hover {background-position:center 15px;}

#boton {
	display: block;
	float: right;
	margin-top: -10px;
	margin-right: 10px;
	margin-left: 10px;
	left: 20px;
}

#boton a:link{background-image:url("face.jpg"); display:block; background-repeat:no-repeat;  height:43px;   width:42px; }
#boton a:hover{
	background-image: url("face1.gif");
	display: inline-block;
	height: 45px;
	width: 42px;
	left: 0px;
	margin-left: 0px;
	float: right;
}

#comparte {
	display: block;
	float: right;
	margin-top: -10px;
	margin-right: 3px;
	margin-left: 0px;
	left: 15px;
}

#comparte a:link{background-image: url(polofoto/comparte.jpg); display:block; background-repeat:no-repeat;  height:30px;   width:120px; }
#comparte a:hover{
	background-image: url(polofoto/comparte1.jpg);
	display: inline-block;
	height: 30px;
	width: 120px;
	left: 0px;
	margin-left: 0px;
	margin-left: 0px;
	float: right;
}


#area3 {display:block; background: #000; margin: auto; background-image:url("pie.jpg"); height:50px; width:944px; border:0px 0px; background-repeat:no-repeat}
#area3 .texto {margin:15px 20px; color: #B00; font-size: 18px; font-family: courrier new; }
#area3 .texto div p .pop {	color: #FFF;}

#area5 img {border:0px 0px; float:middle; margin-top: -20px}
.Estilo5 {color: #FFFFFF}
.Estilo7 {color: #FFFFFF}
.Estilo8 {color: #CBCBCB; font-size:18px}

.popp {	color: #FFF;}

#contador { color:#FF0; font-size:15px }
#contador {
	color: #D7FB09;
}


.Estilolink{ color: #2AFF00; }
.Estilolink:hover { color: #FFFFFF; }
.Estilolink:link { color: #FFFFFF; }

.mapa a:link { cursor: url(star3.cur), progress; color: #F30004; text-decoration:none}
.mapa a:hover { cursor: url(star3.cur), progress; color:#FF3336; text-decoration: underline}
.mapa a:visited { cursor: url(star3.cur), progress; color: #C4C4C4; text-decoration:none}