/* 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/VELAS.jpg);
	}

.botonnav{
	width:489.29px;
	height:59px;
	font:georgia;
	font-size:22px;
	line-height:2.6;
	text-align:center;
	text-decoration:none;
	cursor:pointer;
	}

#botonnav1{
	position:absolute;
	left:0px;
	top:853.27px;	
	color:#b5cfe3;
	background-color:rgba(182,208,227,0.3);
	}
	

#botonnav2{
	position:absolute;
	left:507.66px;
	top:853.27px;
	color:#305270;
	background-color:rgba(182,208,227,0.8);
	}
	#botonnav2:hover{
	color:#FFF;
	transition: all .1s ease-out;
	}

.b{
	cursor:pointer;
	z-index:999;
	opacity:1;
	background-repeat:no-repeat;
	position:absolute;
	}

#bgavia{
	top:240px;
	left:248px;
	width:192.6px;
	height:232.14px;
/*	background-color:#0C0;
*/	}
.tooltipbgavia{
	overflow:hidden;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-style:italic;
	font-size:16px;
	text-align:center;
	font-style:italic;
	line-height:1.4;
	padding:0px;
	color:black;
	z-index:900;
	opacity:0;
		}
		#bgavia:hover	{
			opacity: 1 ;
			background-image:url(../img/gavia.png);
			transition: all .2s ease-in ;
			}	
		#bgavia:hover .tooltipbgavia{
			opacity: 1 ;
			padding:40px 40px 100px 60px;
			}	
#bjuanete{
	top:115px;
	left:264px;
	width:160px;
	height:136.6px;
	/*background-color:#0C0*/;
	}
.tooltipbjuanete{
	overflow:hidden;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-style:italic;
	font-size:16px;
	text-align:center;
	font-style:italic;
	line-height:1.4;
	padding:0px;
	color:black;
	z-index:900;
	opacity:0;
		}
		#bjuanete:hover	{
			opacity: 1 ;
			background-image:url(../img/juanete.png);
			transition: all .2s ease-in ;
			}	
		#bjuanete:hover .tooltipbjuanete{
			opacity: 1 ;
			padding:30px 50px 80px 60px;
			}
#bgallardete{
	top:42px;
	left:338px;
	width:166px;
	height:123.7px;
	/*background-color:#0C0;*/
	}
.tooltipbgallardete{
	overflow:hidden;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-style:italic;
	font-size:16px;
	text-align:center;
	font-style:italic;
	line-height:1.4;
	padding:0px;
	color:black;
	z-index:900;
	opacity:0;
		}
		#bgallardete:hover	{
			opacity: 1 ;
			background-image:url(../img/gallardete.png);
			transition: all .2s ease-in ;
			}	
		#bgallardete:hover .tooltipbgallardete{
			opacity: 1 ;
			padding:10px 5px 80px 80px;
			}		
									
#bmayor{
	top:427px;
	left:242px;
	width:198px;
	height:191px;
	/*background-color:#0C0;*/
	}
.tooltipbmayor{
	overflow:hidden;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-style:italic;
	font-size:16px;
	text-align:center;
	font-style:italic;
	line-height:1.4;
	padding:0px;
	color:black;
	z-index:900;
	opacity:0;
		}
		#bmayor:hover	{
			opacity: 1 ;
			background-image:url(../img/mayor.png);
			transition: all .2s ease-in ;
			}	
		#bmayor:hover .tooltipbmayor{
			opacity: 1 ;
			padding:70px 40px 50px 60px;
			}	
#bperico{
	top:245px;
	left:127px;
	width:158px;
	height:100px;
	/*background-color:#0C0;*/
	}
.tooltipbperico{
	overflow:hidden;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-style:italic;
	font-size:16px;
	text-align:center;
	font-style:italic;
	line-height:1.4;
	padding:0px;
	color:black;
	z-index:900;
	opacity:0;
		}
		#bperico:hover	{
			opacity: 1 ;
			background-image:url(../img/perico.png);
			transition: all .2s ease-in ;
			}	
		#bperico:hover .tooltipbperico{
			opacity: 1 ;
			padding:10px 40px 15px 40px;
			}			
#bsobremesana{
	top:325px;
	left:107px;
	width:188px;
	height:150px;
	/*background-color:#0C0;*/
	}
.tooltipbsobremesana{
	overflow:hidden;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-style:italic;
	font-size:16px;
	text-align:center;
	font-style:italic;
	line-height:1.4;
	padding:0px;
	color:black;
	z-index:900;
	opacity:0;
		}
		#bsobremesana:hover	{
			opacity: 1 ;
			background-image:url(../img/sobremesana.png);
			transition: all .2s ease-in ;
			}	
		#bsobremesana:hover .tooltipbsobremesana{
			opacity: 1 ;
			padding:35px 30px 15px 40px;
			}			
#bcangreja{
	top:385px;
	left:65px;
	width:153px;
	height:192px;
	/*background-color:#0C0;*/
	}
.tooltipbcangreja{
	overflow:hidden;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-style:italic;
	font-size:16px;
	text-align:center;
	font-style:italic;
	line-height:1.4;
	padding:0px;
	color:black;
	z-index:900;
	opacity:0;
		}
		#bcangreja:hover	{
			opacity: 1 ;
			background-image:url(../img/cangreja.png);
			transition: all .2s ease-in ;
			}	
		#bcangreja:hover .tooltipbcangreja{
			opacity: 1 ;
			padding:115px 40px 10px 20px;
			}			
#bcombate{
	top:380px;
	left:52px;
	width:62px;
	height:126px;
	/*background-color:#0C0;*/
	}
.tooltipbcombate{
	position:absolute;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-style:italic;
	font-size:16px;
	text-align:center;
	font-style:italic;
	line-height:1.4;
	padding:0px;
	color:black;
	z-index:900;
	opacity:0;
		}
		#bcombate:hover	{
			opacity: 1 ;
			background-image:url(../img/Bandera-de-combate.png);
			transition: all .2s ease-in ;
			}	
		#bcombate:hover .tooltipbcombate{
			opacity: 1 ;
			top:-80px;
			left:-10px;
			}			
#bjuaneteproa{
	top:158px;
	left:578px;
	width:116px;
	height:153px;
	/*background-color:#0C0;*/
	}
.tooltipbjuaneteproa{
	font-family:Georgia, "Times New Roman", Times, serif;
	font-style:italic;
	font-size:16px;
	text-align:center;
	font-style:italic;
	line-height:1.4;
	padding:0px;
	color:black;
	z-index:900;
	opacity:0;
		}
		#bjuaneteproa:hover	{
			opacity: 1 ;
			background-image:url(../img/juanete-de-proa.png);
			transition: all .2s ease-in ;
			}	
		#bjuaneteproa:hover .tooltipbjuaneteproa{
			opacity: 1 ;
			padding:35px 5px 10px 30px;
			}						
#bvelacho{
	top:298px;
	left:545px;
	width:153px;
	height:185px;
	/*background-color:#0C0;*/
	}
.tooltipbvelacho{
	font-family:Georgia, "Times New Roman", Times, serif;
	font-style:italic;
	font-size:16px;
	text-align:center;
	font-style:italic;
	line-height:1.4;
	padding:0px;
	color:black;
	z-index:900;
	opacity:0;
		}
		#bvelacho:hover	{
			opacity: 1 ;
			transition: all .2s ease-in ;
			}	
		#bvelacho:hover .tooltipbvelacho{
			opacity: 1 ;
			width:153px;
			height:246px;
			background-image:url(../img/Velacho.png);
			background-repeat:no-repeat;
			padding:75px 90px 10px 15px;
			}
#bTrinquete{
	top:478px;
	left:542px;
	width:143px;
	height:223px;
/*	background-color:#0C0;*/
	}
.tooltipbTrinquete{
	font-family:Georgia, "Times New Roman", Times, serif;
	font-style:italic;
	font-size:16px;
	text-align:center;
	font-style:italic;
	line-height:1.4;
	padding:0px;
	color:black;
	z-index:900;
	opacity:0;
		}
		#bTrinquete:hover	{
			opacity: 1 ;
			background-image:url(../img/Trinquete.png);
			transition: all .2s ease-in ;
			}	
		#bTrinquete:hover .tooltipbTrinquete{
			opacity: 1 ;
			padding:65px 5px 10px 30px;
			}			
#bfoques{
	top:356px;
	left:688px;
	width:184px;
	height:255px;
	/*background-color:#0C0;*/
	}
.tooltipbfoques{
	font-family:Georgia, "Times New Roman", Times, serif;
	font-style:italic;
	font-size:16px;
	text-align:center;
	font-style:italic;
	line-height:1.4;
	padding:0px;
	color:black;
	z-index:900;
	opacity:0;
		}
		#bfoques:hover	{
			opacity: 1 ;
			background-image:url(../img/foques.png);
			transition: all .2s ease-in ;
			}	
		#bfoques:hover .tooltipbfoques{
			opacity: 1 ;
			padding:35px 5px 10px 30px;
			}