/******************************************/	
/* CSS powered by JOYJOS - www.joyjos.eu */
/******************************************/	

/* Home-page */
 
#home-page {
	height: 572px;
}
 
	#home-page .panel {
		padding-top: 20px;
	}
	
		#home-page p a {
			color: #ed1fab;
			border-bottom: 1px dotted #ed1fab;
		}
		
		#home-page p a:hover {
			text-decoration: none;
			border-bottom: 1px solid #ed1fab;
		}
 
/* Posicionamos los elementos de la lista */
 
	#home-page ul.navigation {
		float: none;
		width: auto;
		padding-top: 50px; 
	}
		
		#home-page ul.navigation li {
			position: absolute;
			top: 322px; 
		}
			
		#home-page ul.navigation li.menu-eventos {
			top: 225px;
			left: 196px;
		}
			
		#home-page ul.navigation li.menu-mundogay { 
			left: 416px;
			top: 310px;
		}
			
		#home-page ul.navigation li.menu-mundointerior {
			top: 225px;
			left: 636px;
		}

		#home-page ul.navigation li.menu-lagata {
			top: 75px;
			left: 818px;
		}


/* Establecemos la imagen de fondo de cada elemento de la lista dando sus coordenadas*/

			#home-page ul.navigation li a {
				width: 328px;
				display: block;
				height: 0px;
				padding-top: 328px;
				overflow: hidden;
				background: url(../images/navigation_home.png) no-repeat;
			} 

			#home-page ul.navigation li.menu-cocktails a {
				width: 309px;
			}
			
			#home-page ul.navigation li a:hover {
				background-position: 0 -328px;
			}
			
			#home-page ul.navigation li.menu-eventos a {
				background-position: -309px 0;
			}
			
			#home-page ul.navigation li.menu-eventos a:hover {
				background-position: -309px -328px;
			}
				
			#home-page ul.navigation li.menu-mundogay a { 
				background-position: -637px 0;
			}
		
			#home-page ul.navigation li.menu-mundogay a:hover { 
				background-position: -637px -328px;
			}
				
			#home-page ul.navigation li.menu-mundointerior a {
				background-position: -965px -0;
			}
			
			#home-page ul.navigation li.menu-mundointerior a:hover {
				background-position: -965px -328px;
			}
			
			#home-page ul.navigation li.menu-lagata a {
				background-position: -1293px -0;
			}
			
			#home-page ul.navigation li.menu-lagata a:hover {
				background-position: -1293px -328px;
			}

			

/* Cocktails */
	
#cocktails {
	background: url(../images/background_cocktails.png) no-repeat;
	width: 650px;
	height: 640px;
	padding-top: 80px; 
}

	#cocktails .panel {
		width: 385px;
		padding-top: 70px;
		color: #FFBE9B;
		float: left; 
	}
		
	#cocktails .button {
		display: block;
		background: url(../images/curso_cocktails.png) no-repeat;
		width: 172px;
		padding-top: 30px; 
	}
	

#tipos-cocktails, #button-emojito, #button-cocktail-mes {
	float: left;
	padding: 0 0 25px 14px; 
}

#tipos-cocktails{
	width: 111px;
	}
	
#button-emojito a, #button-cocktail-mes a {
	display: block;
	background: url(../images/emojito.png) no-repeat;
	width: 110px;
	padding-top: 110px;
	overflow: hidden;
	height: 0;
}

#button-cocktail-mes a {
	background: url(../images/cocktail_mes.png) no-repeat;

}

	
/* Posicionamos los elementos de la lista */
		
	#cocktails ul.navigation {
		padding-top: 50px; 
	}
		
			#cocktails ul.navigation li {
				padding-top: 10px; 
			}
			
			#cocktails ul.navigation li.menu-top {
				padding: 0 0 0 85px; 
			}
		
			#cocktails ul.navigation li.menu-cocktails {
				padding-left: 85px; 
			}
		
			#cocktails ul.navigation li.menu-eventos {
				padding-left: 110px; 
			}
				
			#cocktails ul.navigation li.menu-mundogay {
				padding-left: 100px; 
			}

			#cocktails ul.navigation li.menu-mundointerior {
				padding-left: 70px; 
			}
			
			#cocktails ul.navigation li.menu-lagata {
				padding-left: 25px;
				padding-top: 5px; 
			}
				
/* Eventos */
 
#eventos {
	width: 941px;
	padding-right: 254px;
	padding-top: 116px;
	height: 680px;
	background: url(../images/background_eventos.png) no-repeat  top right; 
}
	
	#eventos .panel {
		padding-top: 70px;
		text-align: right;
		width: 650px;
		float: right;
		color: #fffa97;
	}
	
			
/* Posicionamos los elementos de la lista */

	#eventos ul.navigation {
		float: left;
		padding: 40px 0 0 20px; 
	}
		
			#eventos ul.navigation li {
				padding-top: 10px; 
			}
			
			#eventos ul.navigation li.menu-top {
				padding: 0 0 0 125px; 
			}
			
			#eventos ul.navigation li.menu-eventos {
				padding-left: 30px; 
			}
		
			#eventos ul.navigation li.menu-cocktails {
				padding-left: 60px; 
			}
				
			#eventos ul.navigation li.menu-mundointerior {
				padding-left: 25px; 
			}
			
			#eventos ul.navigation li.menu-mundogay {
				padding-left: 20px; 
			}
			
			#eventos ul.navigation li.menu-lagata {
				padding-left: 40px; 
			}
	
/* Fiestas Temáticas */
		
ul#fiestas {
	padding-top: 20px;
	text-transform: uppercase; 
	float: right;
}

	ul#fiestas ul {
		padding: 10px 0;
	}
		
		ul#fiestas ul li {
			font-size: 11px;
			width: 242px;
			height: 30px;
		}
		
		ul#fiestas ul li span {
			font-size: 10px;
		}
		
			ul#fiestas ul a {
				display: block;
				width: 205px;
				height: 12px;
				padding: 12px 37px 12px 0;
				color: #117688;
				font-weight: bold;
				background: url(../images/punto_eventos.png) no-repeat 219px center; 
			}
				
			ul#fiestas ul a:hover {
				background: url(../images/background_boton_eventos.png) no-repeat right center; 
				cursor: pointer;
				}
				
/* Contenido en los RumbleUI.Box */
				
.profiles {
	width: 450px;
	text-align: center;
}
			
			
ul#eventos-noches {
	width: 391px;
	height: 392px;
	float: left;
	font-size: 15px;
	text-transform: uppercase; 
}

	ul#eventos-noches li {
		position: absolute;
		float: left;
		left: 0;
	}
		

				
/* Mundo Gay */
 
#mundogay {
	width: 1110px;
	padding-top: 95px;
	padding-left: 3px;
	height: 837px;
	background: url(../images/background_mundogay.png) no-repeat top right; 
}
#mundogay .video{
	display: block;
	background: url(../images/video_martin.png) no-repeat;
	width: 190px;
	padding-top: 30px; 
	margin-top: 20px;
	margin-left: 200px;	
	}

	#mundointerior .panel, #mundogay .panel {
		text-align: center;
		width: 580px;
		padding: 70px 60px 0 70px;
		float: left;
		color: #ECFFC3;
	}
	
#mundogay-enlaces-panel, #mundogay-martin-panel, #mundointerior-services-panel, #mundointerior-work-panel, #mundointerior-examples-panel  {
	padding-top: 60px;
	font-family: Verdana, Geneva, sans-serif;
}
	
		#main-content #mundogay h3, #main-content #mundointerior h3 {
			padding: 0 40px; 
		}
		
/* Posicionamos los elementos de la lista */

	#mundogay ul.navigation {
		float: right;
		padding: 40px 160px 0 0;
		width: 160px; 
	}
		
			#mundogay ul.navigation li {
				padding-top: 10px;
				float: right; }
				
			#mundogay ul.navigation li.menu-top {
				padding: 0 115px 0 0; 
			}
		
			#mundogay ul.navigation li.menu-cocktails {
				padding-right: 48px; 
			}
			
			#mundogay ul.navigation li.menu-eventos {
				padding-right: 10px; 
			}
				
			#mundogay ul.navigation li.menu-mundointerior {
				padding-right: 18px; 
			}
			
			#mundogay ul.navigation li.menu-lagata {
				padding-right: 38px; 
			}
			
/* Navegación secundaria mundo gay */
				
			#mundogay ul.navigation-secondary li a {
  				background: url(../images/navegacion_secundaria_mundogay.png) no-repeat; 
  			}
 
   			#mundogay ul.navigation-secondary li a:hover {
  				background-position: 0 -44px;
  			}
  				
			#mundogay ul.navigation-secondary li.who a {
				background-position: -190px 0; 
			}
				
			#mundogay ul.navigation-secondary li.who a:hover {
				background-position: -190px -44px; 
			}



 /* Gijón Gay Ride */
  			
		.logos li.bluesky {
			background: url(../images/enlaces/bluesky.png) no-repeat center center;
			width: 68px;
			height: 96px;	
		}
		.logos li.lacuestion {
			background: url(../images/enlaces/lacuestion.png) no-repeat center center;
			width: 60px;
			height: 119px;
		}
		.logos li.discotecaversus {
			background: url(../images/enlaces/discotecaversus.png) no-repeat center center;
			width: 100px;
		}
		.logos li.galpon {
			background: url(../images/enlaces/galpon.png) no-repeat center center;
			width: 105px;
		}
		.logos li.discotecazeus {
			background: url(../images/enlaces/discotecazeus.png) no-repeat center center;
			width: 92px;
		}
		.logos li.canovas {
			background: url(../images/enlaces/canovas.png) no-repeat center center;
			width: 91px;
		}
		.logos li.fetiche {
			background: url(../images/enlaces/fetiche.png) no-repeat center center;
			width: 132px;
		}
		.logos li.venpaca {
			background: url(../images/enlaces/venpaca.png) no-repeat center center;
			width: 76px;
		}
		

/* Mundo Interior */		
  				
  				
#mundointerior {
	margin-top: 435px;
	width: 990px;
	padding: 105px 110px 0 0;
	height: 719px;
	background: url(../images/background_mundointerior.png) no-repeat; 
}

#mundointerior li{
	text-align:right;
	}

/* Interior imagen  */
ul#interior-imagen {
	width: 300px;
	height: 300px;
	float: left;
	font-size: 15px;
	text-transform: uppercase;
	padding-top: 50px;
}

	
	#mundointerior  .panel {
		color: #BFF7FF;
		float: right;
	}
	
	#mundointerior  .primary {
		width: 550px;
		padding: 20px 0 0 20px;
		text-align: left;
		float: left;
	}
	
		#mundointerior  .primary li {
			display: inline;
			margin-left: 25px;
			float: left;
			padding-top: 10px;
			height: 180px;
			width: 230px;
		}
	
			#mundointerior  .primary h4 {
				margin: 10px 0px;
				float: left;	
				width: 100%;	
			}
			


#mundointerior  .button-arrow {
	clear: both;
	margin-top: 5px;
	padding: 0;
	height: 24px; 
	border-left: none;
}
	
/* Posicionamos los elementos de la lista */

	#mundointerior  ul.navigation {
		float: left;
		padding: 40px 0 0 28px; 
		width: 160px; 
	}
		
			#mundointerior  ul.navigation li {
				padding-top: 10px;
				float: left; 
			}
			
			#mundointerior  ul.navigation li.menu-top {
				padding: 0 0 0 105px; 
			}
		
			#mundointerior  ul.navigation li.menu-cocktails {
				padding-left: 18px; 
			}
				
			#mundointerior  ul.navigation li.menu-mundointerior {
				padding-left: 28px; 
			}
			
			#mundointerior  ul.navigation li.menu-lagata {
				padding-left: 58px; 
			}
			
/* Navegación secundaria */

				
			#mundointerior  ul.navigation-secondary li a {
  				background: url(../images/navegacion_secundaria_mundointerior.png) no-repeat;
  				color: #873000; 
  			}
  				
	  		#mundointerior  ul.navigation-secondary ul {
	  			left: 400px; 
	  		}
  				
  			#mundointerior  ul.navigation-secondary li li.last a {
  				border-right: none; 
  			}
  				
  			#mundointerior  ul.navigation-secondary ul li a {
  				background: none;
  				border-right: 1px solid #873000; 
  			} 
 
   			#mundointerior  ul.navigation-secondary li a:hover {
  				background-position: 0 -44px;
  			}
				
			#mundointerior  ul.navigation-secondary li.examples a {
				background-position: -190px 0; 
			}
				
			#mundointerior  ul.navigation-secondary li.examples a:hover {
				background-position: -190px -44px; 
			}
			
  			#mundointerior ul.navigation-secondary-utility li a {
				color: #873000;
				border-right: 1px solid #873000; 
			} 
			
  			#mundointerior ul.navigation-secondary-utility li a:hover {
  				color: #ffbe9b;
  			}
				
			#mundointerior ul.navigation-secondary-utility li.last a {
  				border-right: none; 
  			}
  			

/* Interior Raffaella */
		
ul#interior {
	padding-top: 20px;
	text-transform: uppercase; 
	float: right;
}

	ul#interior ul {
		padding: 10px 0;
	}
		
		ul#interior ul li {
			font-size: 11px;
			width: 242px;
			height: 30px;
		}
		
		ul#interior ul li span {
			font-size: 10px;
		}
		
			ul#interior ul a {
				display: block;
				width: 205px;
				height: 12px;
				padding: 12px 37px 12px 0;
				color: #e6d300;
				font-weight: bold;
				background: url(../images/punto_mundointerior.png) no-repeat 219px center; 
			}
				
			ul#interior ul a:hover {
				background: url(../images/background_boton_interior.png) no-repeat right center; 
				cursor: pointer;
				}


/* La Gata */		
  				
  				
#lagata {
	
	width: 1200px;
	padding: 105px 50px 0 0;
	height: 600px;
	background: url(../images/background_lagata.png) no-repeat; 
}
	
	#lagata  .panel {
		color: #f1bfff;
		float: left;
		width: 400px;
		padding: 70px 25px 25px 550px;
	}

	#lagata .button {
		display: block;
		background: url(../images/enlace_gijonsesale.png) no-repeat;
		width: 172px;
		padding-top: 30px; 
		margin-top: 10px;
		margin-left: 70px;
	}

		#lagata .video {
		display: block;
		background: url(../images/video_youtube.png) no-repeat;
		width: 190px;
		padding-top: 30px; 
		margin-top: 10px;
		margin-left: 62px;
	}

	#lagata img{
		padding-left:30px;
		}

/* Posicionamos los elementos de la lista */

	#lagata ul.navigation {
		float: right;
		padding: 40px 0px 0 0;
		width: 100px; 
	}

			#lagata ul.navigation li {
				padding-top: 10px;
				float: right; }
				
			#lagata ul.navigation li.menu-top {
				padding: 0 115px 0 0; 
			}
		
			#lagata ul.navigation li.menu-cocktails {
				padding-right: 48px; 
			}
			
			#lagata ul.navigation li.menu-eventos {
				padding-right: 10px; 
			}
				
			#lagata ul.navigation li.menu-mundointerior {
				padding-right: 18px; 
			}
			
			#lagata ul.navigation li.menu-lagata {
				padding-right: 38px; 
			}
	
			
/**
 * Contacto
 */		
  				
  				
#contacto {
	width: 960px;
	padding: 80px 200px 10px 0;
	background: url(../images/background_contacto.png) no-repeat top left;
	float: left;
}
	
	#contacto .panel {
		width: 760px;
		float: left;
		color: #c300ff;
	}
	
		#contacto .panel h2 {
			padding-bottom: 5px;
			color: #fff; 
		}
		
		#contacto .panel a {
			color: #e23078; 
		}
		
		#contacto .panel ul, #contacto .panel p {
			font-family: "Lucida Sans", "Lucida Sans Unicode", "Lucida Grande", Arial, Helvetica, sans-serif;
			display: block;
			float: left; 
			height: 100px;
			
			line-height: 2.1em;
			padding-right: 30px;
			padding-left: 30px;
			font-size: 12px; 
			margin-top: 10px;
		}
		#contacto .panel p{
			height: 60px;
			padding-bottom: 65px;
			}
		
		#contacto .panel ul.last {
			padding-right: 20px; 
		}
		
			#contacto .panel ul li {
				font-size: 12px;
			}
		
/* Navigación - sección contacto  */
		
	#contacto ul.navigation {
		float: right;
		padding: 5px 0 0 0; 
		width: 160px;
	}
		
			#contacto ul.navigation li {
				padding-top: 5px;
				float: right; 
			}
			
			#contacto ul.navigation li.menu-top {
				padding: 0 125px 0 0; 
			}
			
			#contacto ul.navigation li.menu-cocktails {
				padding-right: 60px; 
			}
			
			#contacto ul.navigation li.menu-eventos {
				padding-right: 20px; 
			}
						
			#contacto ul.navigation li.menu-mundogay {
				padding-right: 65px; 
			}
			
			#contacto ul.navigation li.menu-mundointerior {
				padding-right: 125px; 
			}

			#contacto ul.navigation li.menu-lagata {
				padding-right: 75px; 
			}
			
			#contacto ul.navigation li a {
				background: url(../images/navigation_footer.png) no-repeat;
				padding-top: 82px;
				width: 82px;
			}
			
			#contacto ul.navigation li.menu-cocktails a:hover {
				background-position: 0 -82px;
			}
			
			#contacto ul.navigation li.menu-eventos a {
				background-position: -82px 0;
			}
			
			#contacto ul.navigation li.menu-eventos a:hover {
				background-position: -82px -82px;
			}
			
			#contacto ul.navigation li.menu-mundogay a {
				background-position: -164px 0;
			}
			
			#contacto ul.navigation li.menu-mundogay a:hover {
				background-position: -164px -82px;
			}
			
			#contacto ul.navigation li.menu-mundointerior a {
				background-position: -246px 0;
			}
			
			#contacto ul.navigation li.menu-mundointerior a:hover {
				background-position: -246px -82px;
			}
			
			#contacto ul.navigation li.menu-lagata a {
				background-position: -328px 0;
			}
			
			#contacto ul.navigation li.menu-lagata a:hover {
				background-position: -328px -82px;
			}
				
			#contacto ul.navigation-secondary li a {
  				background: url(/resource/image/navigation_secondary_digital.gif) no-repeat;
  				color: #873000; 
  			}
  				
	  		#contacto ul.navigation-secondary ul {
	  			left: 400px; 
	  		}
  				
  			#contacto ul.navigation-secondary li li.last a {
  				border-right: none; }
  				
  			#contacto ul.navigation-secondary ul li a {
  				background: none;
  				border-right: 1px solid #873000; 
  			} 
 
   			#contacto ul.navigation-secondary li a:hover {
  				background-position: 0 -44px;}
  				
			#contacto ul.navigation-secondary li.who a {
				background-position: -190px 0; 
			}
				
			#contacto ul.navigation-secondary li.who a:hover {
				background-position: -190px -44px; 
			}
				
			#contacto ul.navigation-secondary li.examples a {
				background-position: -380px 0; 
			}
				
			#contacto ul.navigation-secondary li.examples a:hover {
				background-position: -380px -44px; 
			}