/******************** CSS Document / kubenidorm.es (main.css) ********************/

* {
	margin: 0;
	padding: 0;
}
html, body, img {
	margin: 0;
	padding: 0;
	border: 0;
}
body {
	background-color: black;
	font: normal 12px/1.8em arial, sans-serif;
	color: #2f2510;
	text-align: center;
}
a {
	color: #2f2510;
}
a:link, a:visited {
	text-decoration: underline;
}
a:hover, a:active {
	text-decoration: none;
}
/******************** Container ********************/

#background {
	width: 100%;
	background: url(../../../images/css/background.gif) repeat-x bottom;
}
#container {
	width: 980px;
	margin: auto;
	text-align: left;
}
/******************** Header ********************/

#header {
	width: 980px;
	height: 315px;
}
/******************** Content ********************/

#content_background, #banners_background {
	width: 920px;
	padding: 0 30px;
	background: url(../../../images/css/inside_content_background.gif) repeat-y center;
}
#banners_background {
	clear: both;
	margin-top: 5px;
}
#content_footer, #banners_footer {
	width: 920px;
	background: url(../../../images/css/inside_content.jpg) no-repeat top;
}
#content_header, #banners_header {
	width: 920px;
	height: 50px;
}
#content {
	width: 870px;
	padding: 15px 25px 25px 25px;
	background: url(../../../images/css/inside_footer.jpg) no-repeat bottom;
}
#content p {
	margin-top: 15px;
}
#content p:first-child {
	margin-top: 0;
}
body#home_active #content_background {
	background: url(../../../images/css/home_content_background.gif) repeat-y center;
}
body#home_active #content_footer {
	background: url(../../../images/css/home_content.jpg) no-repeat top;
}
body#home_active #content, #banners {
	width: 900px;
	padding: 0 10px;
	background: url(../../../images/css/home_footer.jpg) no-repeat bottom;
}
#banners_background {
	background: url(../../../images/css/banners_content_background.gif) repeat-y center;
}
#banners_footer {
	background: url(../../../images/css/banners_content.jpg) no-repeat top;
}
#banners {
	background: url(../../../images/css/banners_footer.jpg) no-repeat bottom;
}
#content_left, #content_center, #content_right {
	padding: 15px 15px 25px 15px;
	float: left;
}
#content_left {
	width: 200px;
	margin-right: 15px;
}
#content_center {
	width: 380px;
	margin-right: 15px;
}
#content_right {
	width: 200px;
}
html>body .content_margin {
	clear: both;
	width: 900px;
	height: 0;
}
* html .content_margin {
	display: none;
}
/******************** Home content ********************/

/* Próximos eventos */

.upcoming_events {
	width: 200px;
	padding-top: 5px;
}
.upcoming_events img {
	margin: 0 15px 5px 0;
	border: 2px solid white;
	float: left;
}
.upcoming_events h3 {
	font: bold 12px/1.4em arial, sans-serif;
}
.upcoming_events h3 a {
	text-decoration: none;
}
.upcoming_events p {
	margin-top: 0;
}
#content_left p {
	font: normal 11px/1.6em arial, sans-serif;
}
#content_left p a {
	font-weight: bold;
	color: #937631;
}
/* DJs internacionales */

.djs {
	width: 174px;
	float: left;
}
* html .djs {
	margin-bottom: 5px;
}
.djs h2 {
	font: bold 18px/1.4em arial, sans-serif;
}
.djs h2 a {
	text-decoration: none;
}
.djs img {
	margin: 15px 15px 5px 0;
	border: 2px solid white;
	float: left;
}
.djs p {
	margin-top: 0;
	font: normal 11px/1.6em arial, sans-serif;
}
/* Galería */

#content_gallery {
	width: 840px;
	padding: 15px 40px 25px 15px;
	text-align: center;
	position: relative;
	top: -35px;
}
#content_right p {
	font: normal 11px/1.6em arial, sans-serif;
	margin-bottom: 10px;
}
ul#gallery li {
	margin: 5px;
	list-style: none;
	float: left;
}
* html ul#gallery li {
	margin: 3px;
}
ul#gallery li a {
	display: block;
	width: 86px;
	height: 86px;
	border: 2px solid white;
	text-decoration: none;
}
ul#gallery li.gallery_portada a {
	height: 50px;
}
ul#gallery li a:hover {
	border: 2px solid #937631;
}
ul#gallery li a img, ul#gallery li a:hover img {
	width: 86px;
}
/******************** Inside ********************/

/* Buttons */

#buttons {
	height: 35px;
	margin-bottom: 15px;
	position: relative;
	top: 0;
	z-index: 100;
}
a.anterior, a.siguiente, .ir_galeria a {
	display: block;
	width: 120px;
	height: 35px;
	font: normal 12px/30px arial, sans-serif;
	text-decoration: none;
	color: white;
}
a.anterior {
	padding: 0 25px 0 0;
	background: url(../../../images/css/button_prev.png) no-repeat;
	text-align: right;
	float: left;
}
a.siguiente, .ir_galeria a {
	padding: 0 0 0 25px;
	background: url(../../../images/css/button_next.png) no-repeat;
	float: right;
}
a.anterior:hover, a.siguiente:hover, .ir_galeria a:hover {
	text-decoration: underline;
}
/* The Club */

ol.theclub_text {
	padding: 0 10px;
}
ol.theclub_text li {
	margin: 10px 15px;
	font: bold 14px/1.4em arial, sans-serif;
	color: #937631;
}
ol.theclub_text p {
	padding: 0 15px;
	font: normal 12px/1.8em arial, sans-serif;
	color: #2f2510;
}
ol.theclub_text img {
	margin: 15px;
	border: 2px solid white;
}
ol.theclub_text ul {
	padding: 0 10px;
}
ol.theclub_text ul li {
	margin: 0 30px;
	font: normal 12px/1.8em arial, sans-serif;
}
ol.theclub_text ul p {
	margin: 20px 0 10px 0;
}
/* Agenda */

table.calendario {
	width: 266px;
	margin: 0 0 0 15px;
	color: #827c70;
	text-align: center;
	float: left;
	border-spacing: 1px;
}
table.mes_actual {
	width: 264px;
	border: 1px solid #2f2510;
	margin-left: 0;
	color: #2f2510;
}
table.calendario caption {
	background-color: #827c70;
	color: white;
}
table.mes_actual caption {
	background-color: #2f2510;
}
table.calendario tr td, table.calendario tr th {
	width: 26px;
	height: 26px;
	padding: 6px;
	line-height: 26px;
}
table.calendario td.dia_actual {
	font-weight: bold;
}
table.calendario td.abierto {
	background-color: #ded6c1;
}
table.calendario td.fiesta, table.calendario th.fiesta {
	color: #b4230f;
}
table.calendario td.evento, table.calendario td.evento_dj {
	width: 38px;
	height: 38px;
	padding: 0;
}
table.calendario td.evento {
	background-color: #b4230f;
}
table.calendario td.evento_dj {
	background-color: #e99300;
}
table.calendario td.evento a, table.calendario td.evento_dj a {
	display: block;
	width: 26px;
	height: 26px;
	padding: 6px;
	color: white;
	text-decoration: none;
}
table.calendario td.evento a:hover, table.calendario td.evento_dj a:hover {
	padding: 5px;
	border: 1px solid white;
}
table#fiestas_diarias {
	text-align: center;
}
table#fiestas_diarias tr.dias_fiestas h3 {
	padding: 10px 0;
	font-weight: normal;
	width:124px;
	text-align: center;
}
table#fiestas_diarias tr.logos_fiestas {
}
table#fiestas_diarias tr.logos_fiestas td#logos_fiestas_left {
	background: black url(../../../images/css/logos_fiestas_left.gif) no-repeat top left;
}
table#fiestas_diarias tr.logos_fiestas td#logos_fiestas_right {
	background: black url(../../../images/css/logos_fiestas_right.gif) no-repeat top right;
}
table#fiestas_diarias tr.logos_fiestas td {
	height: 125px;
	width: 124px;
}
/* Álbumes */

.album {
	width: 278px;
	margin: 15px 0 0 15px;
	padding: 15px 0;
	border: 1px solid #827c70;
	text-align: center;
	float: left;
}
.album_left {
	margin-left: 0;
}
.album h2, .album p {
	line-height: 1em;
	margin: 0 0 10px 0;
}
.album h2 {
	font: bold 18px/1em arial, sans-serif;
}
html>body .album_margin {
	clear: both;
	width: 280px;
	height: 0;
}
* html .album_margin {
	display: none;
}
/* Únete a KU */

.uneteaku_form {
	width: 420px;
	float: left;
	color: #2f2510;
}
.uneteaku_form_inside {
	padding: 25px;
}
*:first-child+html .uneteaku_form_inside {
	padding: 5px 25px;
}
.uneteaku_form h2 {
	width: 360px;
	padding: 10px 30px;
	background-color: #2f2510;
	font: normal 18px/1em arial, sans-serif;
	color: white;
}
/* Contacto */

form#form {
	margin: 15px 0 0 0;
}
form#form input.blanco {
	display: none;
}
form#form .line {
	width: 405px;
	margin: 5px 0;
	float: left;
}
form#form .line label {
	width: 105px;
	padding: 5px 0;
	margin-right: 10px;
	float: left;
	font: bold 12px/1em arial, sans-serif;
}
form#form .line input.field, form#form .line textarea.field, form#form .line select.field {
	width: 200px;
	padding: 3px;
	background: #f3ecdc url(../../../images/css/field_background.gif) repeat-x top;
	border: 1px solid #bea15c;
	font: normal 13px/1.4em arial, sans-serif;
	float: left;
	resize: none;
}
form#form .line input.button {
	width: 80px;
	margin: 5px 5px 0 0;
	float: left;
}
#map {
	width: 401px;
	height: 346px;
	margin-top: 15px;
	padding: 1px;
	border: 1px solid #bea15c;
}
div.errorForm {
	color: red;
	font-weight: bold;
	display: block;
}
/* Entradas */

#entradas {
	width:810px;
	height: 480px;
	padding: 30px 30px 0 30px;
	background: url(../../../images/css/entradas.jpg) no-repeat;
}
#entradas_verano {
	width:810px;
	height: 480px;
	background: url(../../../images/css/entradas_verano.jpg) no-repeat;
	padding-top: 30px;
	padding-right: 30px;
	padding-bottom: 0;
	padding-left: 30px;
}
#entradas h2, #entradas_verano h2 {
	margin: 0 0 45px 0;
	font: bold 26px/1.2em arial, sans-serif;
}
#dj, #promo{
	margin-top:10px;
}
#entradas p, #entradas_verano p {
	font: bold 14px/1.6em arial, sans-serif;
}
#entradas div, #entradas_verano div {
	width:810px;
	height: 357px;
}
#entradas a#golden_pack {
	display: block;
	width: 810px;
	height: 103px;
}
#entradas a span, #entradas_verano a span {
	display: none;
}
#entradas_verano a#pack1, #entradas_verano a#pack2 {
	display: block;
	width:405px;
	height: 103px;
	float:left;
}
/******************** Footer ********************/

#footer_background {
	clear: both;
	width: 100%;
	background: url(../../../images/css/footer_background.jpg) repeat-x top;
	text-align: left;
	overflow: hidden;
}
#skyline {
	width: 915px;
	margin: auto;
	padding: 0 0 0 5px;
	background: url(../../../images/css/skyline.jpg) no-repeat right top;
	overflow: hidden;
}
#resident_djs {
	width: 240px;
	height: 80px;
	background: url(../../../images/css/resident_djs.jpg) no-repeat;
}
#resident_djs ul {
	position: relative;
	top: 30px;
	left: 20px;
	width: 200px;
	height: 35px;
}
#resident_djs ul li {
	list-style: none;
	float: left;
}
#resident_djs ul li a {
	display: block;
	width: 55px;
	height: 35px;
	padding: 0 5px 0 40px;
	font: normal 10px/1.2em arial, sans-serif;
	color: white;
}
#resident_djs ul li a#dj1 {
	background: url(../../../images/css/dj1.jpg) no-repeat top left;
}
#resident_djs ul li a#christian_steele {
	background: url(../../../images/css/christian_steele.jpg) no-repeat top left;
}
#player {
	width: 240px;
	height: 60px;
	background: url(../../../images/css/player_background.jpg) no-repeat;
}
#footer {
	width: 900px;
	padding: 0 10px 0 5px;
	margin-top: 50px;
}
#footer p {
	width: 450px;
	height: 60px;
	font: normal 12px/1.8em arial, sans-serif;
	color: #685716;
	float: left;
}
#footer p a {
	color: #685716;
}
#footer p a:hover {
	color: white;
}
a#kulounge, a#daytona, a#guinness, a#facebook {
	display: block;
	height: 60px;
	background: url(../../../images/css/logos.gif) no-repeat;
	float: right;
}
a#facebook {
	width: 79px;
	background-position: 0 0;
}
a#facebook:hover {
	background-position: 0 -60px;
}
a#kulounge {
	width: 47px;
	background-position: -79px 0;
}
a#kulounge:hover {
	background-position: -79px -60px;
}
a#daytona {
	width: 111px;
	background-position: -142px 0;
}
a#daytona:hover {
	background-position: -142px -60px;
}
a#guinness {
	width: 139px;
	background-position: -263px 0;
}
a#guinness:hover {
	background-position: -263px -60px;
}
a#kulounge span, a#daytona span, a#guinness span, a#facebook span {
	display: none;
}
#tooltip {
	position: absolute;
	border: 1px solid #91742E;
	background: #FFF;
	padding: 2px 5px;
	color: #333;
	display: none;
}