@CHARSET "UTF-8";

* {
	margin: 0px;
	padding: 0px; 
	outline: 0;
}

html, body {
	width: 100%;
	margin:0;
	padding:0;
	height:100%;
}

body{
	margin: 0px;
	background-image: url("./img/fondo-home.png");
	background-repeat: no-repeat;
	background-position: 50% 50%;
}

#pagina{
	width: 100%;
    min-height:100%;
    height: auto!important;
    height:100%;
	margin: 0px auto;
}

#pie{
	width: 100%;
	text-align:center;
	clear: both;
	height: 132px;
	margin: -132px auto 0 auto;
	padding-top: 0px;
	position: relative;
	background-image: url("./img/pie.png");
	background-repeat: no-repeat;
	background-position: 50%;
}

img{
	border:none;
}

.corte{
	display: block;
	height: 132px;
	clear: both;
}

#portada {
	width: 100%;
	height: 100%;
}

a img{
	border: none;
}

#titulo{
	position:absolute;
	top:5%;
	left:7%;
}

#menu{
	list-style: none;
	position:absolute;
	top:50%;
	left:5%;
}

#menu li{
	display:inline;
	margin:0px;
	padding:0px;
	border:none;
	height:36px;
}

#menu a{
	display:block;
	float:left;
	height:36px;
	margin:0px;
	padding:0px;
}

#historia{
	width: 100px;
	background-image: url("./img/historia.png");
}

#historia:hover{
	background-image: url("./img/historia-rollover.png");
}


#fiestas{
	width: 81px;
	background-image: url("./img/fiestas.png");
}

#fiestas:hover{
	background-image: url("./img/fiestas-rollover.png");
}

#galeria{
	width: 85px;
	background-image: url("./img/galeria.png");
}

#galeria:hover{
	background-image: url("./img/galeria-rollover.png");
}

#deejays{
	width: 85px;
	background-image: url("./img/deejays.png");
}

#deejays:hover{
	background-image: url("./img/deejays-rollover.png");
}

#contacto{
	width: 103px;
	background-image: url("./img/contacto.png");
}

#contacto:hover{
	background-image: url("./img/contacto-rollover.png");
}

#apartado{
	position:absolute;
	top:7%;
	left:80%;
}

#contenido{
	width: 100%;
    min-height:100%;
    height: auto!important;
    height:100%;
	margin: 0px auto;
	padding-top:15%;
}

#texto{
	font-family: Verdana;
	font-size: 11px;
	width: 640px;
	margin-left:10%;
}

#texto p{
	padding:10px;
}

/*fiestas***************/

#tabla-fiestas{
	width:870px;
	font-family: Verdana;
	font-size: 14px;
}

#fila1, #fila2{
	height:230px;
}

.tabla-tit{
	width: 120px;
}

#tabla-fiestas td{
	vertical-align: top;
}

.columna1{
	padding-right:80px;
}

#magic{
}

#magic span{
}

#magic img{
	vertical-align:middle;
}

/*galeria***************/

#marco{
	position:absolute;
	top:25%;
	left:10%;
}

/*deejays***************/
#guests-tit{
	display:inline;
	margin-left:50px;
	float:left;
}

.guests{
	display:inline;
	float:left;
	list-style: none;
	padding-left:10px;
	padding-top:10px;
}

/*contacto***************/
#barco{
	width:1024px;
	height:515px;
	background-image: url("./img/barco.png");
	background-repeat: no-repeat;
	background-position:100%;
	float:right;
	border:solid red 1px;
}