@charset "UTF-8";
/* CSS Document */
body{
	font-family:"Comic Sans MS", cursive;
	font-size:12px;
	color:#000;
	background-image:url(../Imagenes/fondo2.jpg);
	background-repeat:repeat;
	
		}
	
	a{
		text-decoration:none;
		}
	
	p{
		font-family:"Comic Sans MS", cursive;
		font-size:12px;
		}
		
		h1{
		font-family:"Comic Sans MS", cursive;
		font-size:24px;
		color:#c9de01;
		margin-bottom: 20px;
		}
		
		h2{
		font-family:"Times New Roman", Times, serif;
		font-size:13px;
		color:#c9de01;
		margin-bottom:13px;
		}
	
	#head{
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background-color: #000;
	height: auto;
	}
	
	#contenedor{
	width:955px;
	margin:0 auto;
	}

	#footer{
		background-image:url(../Imagenes/footer2.png);	
		height:98px; 
		}
	
		
	#hola{
	position:relative;
	top:-12px;
	left:800px;
	z-index:1000px;
	width: 130px;
	margin: 0;
	}
		#nav{
	width:955px;
	height:20px;
	margin: 0 auto;
		}
		#nav li{
	display: inline;
	font-family:"Comic Sans MS", cursive;
	font-size:15px;
	color:#c9de01;
	margin: 0 50px 0 20px;
	}
	#nav ul{
	list-style:none;
	position: relative;
	top: -130px;
	width: 800px;
	margin-left:0px;
	right: 48px;
		}	
			#nav ul li a{
	color:#c9de01;
	}
	#nav ul li a:hover{
		color:#0F0;
	}
	.in{
	color:#ff228c;
	}
	
	#piratas{
	width: 270px;
	height: auto;
	padding-top: 65px;
	float: left;
	}
	
	#piratas img{
	margin-bottom:70px;
	}

#galeria{
	width:108px;
	height:32px;
	float: right;
	margin-right: 255px;
}


#redes {
	font-size:12px;
	color:#105001;
	float:left;
	height:67px;
	padding-top: 20px;
	margin-top: 50px;
}
#iconos{
	float:right;
	height:67px;
	margin-top: 50px;
}

#iconos img{
	margin-right:10px;
}
#caracola1{
	position:relative;
	width: 101px;
	height: 104px;
	top: -700px;
	z-index: -1000;
	right: 70px;
}
#caracola2{
	position:relative;
	width: 101px;
	height: 104px;
	top: -235px;
	z-index: -1000;
	right: -82px;
}#opacity {
	opacity: 0.4;
	color: #237901;
}
#caracola3{
	position:relative;
	width: 101px;
	height: 104px;
	z-index: -1000;
	bottom: 825px;
	left: -70px;
}

#caracola4{
	position:relative;
	width: 101px;
	height: 104px;
	z-index: -1000;
	right: 70px;
	bottom: 630px;
}
#caracola5{
	position:relative;
	width: 101px;
	height: 104px;
	z-index: -1000;
	right: 65px;
	bottom: 700px;
}
#caracola6{
	position:relative;
	width: 101px;
	height: 104px;
	top: -255px;
	z-index: -1000;
	right: -80px;
}

#caracola7{
	position:relative;
	width: 101px;
	height: 104px;
	z-index: -1000;
	right: 70px;
	bottom: 645px;
}
#caracola8{
	position:relative;
	width: 101px;
	height: 104px;
	z-index: -1000;
	right: -950px;
	bottom: 600px;
}

#caracola9{
	position:relative;
	width: 101px;
	height: 104px;
	top: -265px;
	z-index: -1000;
	right: -82px;
}
#caracola10{
	position:relative;
	width: 101px;
	height: 104px;
	z-index: -1000;
	right: ;
	bottom:270px;
	right: -250px;
}

#caracola11{
	position:relative;
	width: 101px;
	height: 104px;
	top: -530px;
	z-index: -1000;
	right: 70px;
}
#agradecimientos{
	width:450px;
	float: right;
	margin-top: 55px;
}
#agradecimientos p{
	font-size:13px;
	line-height: 22px;
}

#marco{
	background-image:url(../Imagenes/marco.png);
	width:269px;
	height:199px;
}
#marco img{
	margin-top:6px;
	margin-left: 14px;
}
#marco2{
	background-image:url(../Imagenes/marco_2.png);
	width:202px;
	height:266px;
	margin-bottom: 80px;
	margin-left: 38px;
}
#marco2 img{
	margin-top:13px;
	margin-left: 9px;
}
#send{
	background:;
	margin-left:170px;
	margin-top: 20px;
}
	
.marginb{
	margin-bottom:50px;
}


.margin{
	margin-left:20px;
}
.oculto {display:none;}