/* Eric Meyer's Reset CSS v2.0 - http://cssreset.com */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{border:0;font-size:100%;font:inherit;vertical-align:baseline;margin:0;padding:0}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:none}table{border-collapse:collapse;border-spacing:0}

#contenedorimagenes{
	width:997px;
	height:912px;
	position:relative;
	background-image:url(../img/PALOS.jpg);
	}
.botonnav{
	width:489.29px;
	height:59px;
	font:Georgia, "Times New Roman", Times, serif;
	font-size:22px;
	line-height:2.6;
	text-align:center;
	text-decoration:none;
	cursor:pointer;
	z-index:999;
	}

#botonnav1{
	position:absolute;
	left:0px;
	top:853.27px;	
	color:#305270;
	background-color:rgba(182,208,227,0.8);
	}
	#botonnav1:hover{
	color:#FFF;
	transition: all .1s ease-out;
	}
	
#botonnav2{
	position:absolute;
	left:507.66px;
	top:853.27px;
	color:#b5cfe3;
	background-color:rgba(182,208,227,0.3);
	}
	
.b{
	border:2px solid #F00;
	border-radius:20px;
	width:20px;
	height:20px;
	line-height:0.8;
	cursor:pointer;
	z-index:999;
	opacity:1;
	background-repeat:no-repeat;
	position:absolute;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-style:italic;
	font-size:16px;
	text-align:left;
	line-height:1.4;
	padding:0px;
	color:black;
	}

#btrinquete{
	top:81.5px;
	left:626px;
	}
.tooltipbtrinquete{
	overflow:hidden;
	z-index:900;
	opacity:0;
		}
		#btrinquete:hover	{
			opacity: 1 ;
			background-color:rgba(255,0,0,0.3);
			transition: all .2s ease-in ;
			}	
		#btrinquete:hover .tooltipbtrinquete{
			position:absolute;
			top:-30px;
			left:-30px;
			opacity: 1 ;
			height:auto;
			width:948px;
			}	
#bmayor{
	top:43px;
	left:329px;
	}
.tooltipbmayor{
	overflow:hidden;
	z-index:900;
	opacity:0;
		}
		#bmayor:hover	{
			opacity: 1 ;
			background-color:rgba(255,0,0,0.3);
			transition: all .2s ease-in ;
			}	
		#bmayor:hover .tooltipbmayor{
			position:absolute;
			top:-30px;
			left:-30px;
			opacity: 1 ;
			height:auto;
			width:948px;
			}	
#bmesana{
	top:196.5px;
	left:186px;
	}
.tooltipbmesana{
	overflow:hidden;
	z-index:900;
	opacity:0;
		}
		#bmesana:hover	{
			opacity: 1 ;
			background-color:rgba(255,0,0,0.3);
			transition: all .2s ease-in ;
			}	
		#bmesana:hover .tooltipbmesana{
			position:absolute;
			top:-30px;
			left:-30px;
			opacity: 1 ;
			height:auto;
			width:948px;
			}	
#bbotalon{
	top:360.5px;
	left:68px;
	}
.tooltipbbotalon{
	overflow:hidden;
	z-index:900;
	opacity:0;
		}
		#bbotalon:hover	{
			opacity: 1 ;
			background-color:rgba(255,0,0,0.3);
			transition: all .2s ease-in ;
			}	
		#bbotalon:hover .tooltipbbotalon{
			position:absolute;
			top:-30px;
			left:-20px;
			opacity: 1 ;
			height:auto;
			width:948px;
			}
#bbotavara{
	top:526.5px;
	left:64px;
	}
.tooltipbbotavara{
	overflow:hidden;
	z-index:900;
	opacity:0;
		}
		#bbotavara:hover	{
			opacity: 1 ;
			background-color:rgba(255,0,0,0.3);
			transition: all .2s ease-in ;
			}	
		#bbotavara:hover .tooltipbbotavara{
			position:absolute;
			top:-30px;
			left:-30px;
			opacity: 1 ;
			height:auto;
			width:948px;
			}												
#bbaupres{
	top:598.5px;
	left:886px;
	}
.tooltipbbaupres{
	overflow:hidden;
	z-index:900;
	opacity:0;
		}
		#bbaupres:hover	{
			opacity: 1 ;
			background-color:rgba(255,0,0,0.3);
			transition: all .2s ease-in ;
			}	
		#bbaupres:hover .tooltipbbaupres{
			position:absolute;
			top:-30px;
			left:-40px;
			opacity: 1 ;
			height:auto;
			width:948px;
			}			
#bvergatrinquete{
	top:528.5px;
	left:550px;
	}
.tooltipbvergatrinquete{
	overflow:hidden;
	z-index:900;
	opacity:0;
		}
		#bvergatrinquete:hover	{
			opacity: 1 ;
			background-color:rgba(255,0,0,0.3);
			transition: all .2s ease-in ;
			}	
		#bvergatrinquete:hover .tooltipbvergatrinquete{
			position:absolute;
			top:-50px;
			left:-50px;
			opacity: 1 ;
			height:auto;
			text-align:left;
			width:948px;
			}
#bbotes{
	top:580.5px;
	left:432px;
	}
.tooltipbbotes{
	overflow:hidden;
	z-index:900;
	opacity:0;
		}
		#bbotes:hover	{
			opacity: 1 ;
			background-color:rgba(255,0,0,0.3);
			transition: all .2s ease-in ;
			}	
		#bbotes:hover .tooltipbbotes{
			position:absolute;
			top:-50px;
			left:-900px;
			opacity: 1 ;
			height:auto;
			text-align:right;
			width:948px;
			}						
#bvergamayor{
	top:430px;
	left:390px;
	}
.tooltipbvergamayor{
	overflow:hidden;
	z-index:900;
	opacity:0;
		}
		#bvergamayor:hover	{
			opacity: 1 ;
			background-color:rgba(255,0,0,0.3);
			transition: all .2s ease-in ;
			}	
		#bvergamayor:hover .tooltipbvergamayor{
			position:absolute;
			top:-60px;
			left:5px;
			opacity: 1 ;
			height:auto;
			text-align:left;
			width:948px;
			}
#bjarcias{
	top:380px;
	left:584px;
	}
.tooltipbjarcias{
	overflow:hidden;
	z-index:900;
	opacity:0;
		}
		#bjarcias:hover	{
			opacity: 1 ;
			background-color:rgba(255,0,0,0.3);
			transition: all .2s ease-in ;
			}	
		#bjarcias:hover .tooltipbjarcias{
			position:absolute;
			top:-30px;
			left:-40px;
			opacity: 1 ;
			height:auto;
			text-align:left;
			width:948px;
			}			
#bcofamayor{
	top:406px;
	left:354px;
	}
.tooltipbcofamayor{
	overflow:hidden;
	z-index:900;
	opacity:0;
		}
		#bcofamayor:hover	{
			opacity: 1 ;
			background-color:rgba(255,0,0,0.3);
			transition: all .2s ease-in ;
			}	
		#bcofamayor:hover .tooltipbcofamayor{
			position:absolute;
			top:-50px;
			left:10px;
			opacity: 1 ;
			height:auto;
			text-align:left;
			width:948px;
			}