/* main.css */
body{
	background: black url(../images/bg_main.jpg) top left no-repeat;
	margin: 0;
	padding: 0;
	font-family: 'Lucida Grande', 'Lucida Sans Unicode', Arial, Verdana, sans-serif;
	font-size: 11px;
	color: #dddddd;
	}
.main{
	width:688px;
	margin: 98px auto 0 auto;
	}

/************************************************************ GO TO A PARTY */
.main .top{
	background: url(../images/bg_nav.png) top left no-repeat;
	height:120px;
	}

/************************************************************ NAV TOP */
ul#menu {
	height:25px;
	list-style:none;
	margin:0;
	padding:84px 20px 0;
	}
ul#menu li {
	float:left;
	margin-right: 30px;
	}
ul#menu li a {
	background:url(../images/nav_main.png) no-repeat scroll top left;
	display:block;
	height:25px;
	position:relative;
}

ul#menu li a.inicio {
	width:72px;
	background-position: 0px 0px;
}
ul#menu li a.eventos {
	width:73px;
	background-position: -101px 0px;
}
ul#menu li a.fotos {
	width:72px;
	background-position: -204px 0px;
}
ul#menu li a.descuentos {
	width:72px;
	background-position: -306px 0px;
}
ul#menu li a.contacto {
	width:72px;
	background-position: -408px 0px;
}


ul#menu li a span {
	background:url(../images/nav_main.png) no-repeat scroll bottom left;
	display:block;
	position:absolute;
	top:0;
	left:0;
	height:100%;
	width:100%;
	z-index:100;
}
ul#menu li a.inicio span, ul#menu li a.inicio.selected{
	background-position:0px -25px;
}
ul#menu li a.eventos span, ul#menu li a.eventos.selected{
	background-position:-101px -25px;
}
ul#menu li a.fotos span, ul#menu li a.fotos.selected{
	background-position:-204px -25px;
}
ul#menu li a.descuentos span, ul#menu li a.descuentos.selected{
	background-position:-306px -25px;
}
ul#menu li a.contacto span, ul#menu li a.contacto.selected{
	background-position:-408px -25px;
}

/************************************************************ WELCOME */
.welcome{
	background: url(../images/bg_welcome.png) top left no-repeat;
	height: 151px;
	margin-top: -1px;
	}

/************************************************************ CONTENIDO */
.content{
	background: url(../images/bg_content.png) top left no-repeat;
	padding: 20px;
		margin-top: 32px;
	}
.content .marco{
	background: #191700;
	width: 636px;
	padding: 4px;
	margin: 0 auto 32px 0;
	display: block;
	}
.content p{
	padding: 32px 0 0s;
	}
.content .textYellow{
	color: #aba500;
	}
.content .textRed{
	color:red;
	font-size: 10px;
	}

/************************************************************ FOTOS */

h1.seccFotos{
	background: url(../images/tit_fotos.png) top left no-repeat;
	height: 20px;
	text-indent:-10000em;
	}
h1.seccVideos{
	background: url(../images/tit_videos.png) top left no-repeat;
	height: 20px;
	margin-top: 20px;
	text-indent:-10000em;
	}
a.galeria{
	float:left;
	padding: 4px;
	margin: 20px 8px 0 0;
	background: #191700;
	text-decoration: none;
	color: white;
	}
a.galeria p{
	margin: 0;
	padding: 5px 0;
	}
span.fecha{font-size: 8px;}
/************************************************************ CONTACTO */

h1.seccContacto{
	background: url(../images/tit_contacto.png) top left no-repeat;
	height: 20px;
	text-indent:-10000em;
	}

.direccion{
	background: url(../images/ico_contacto.png) top left no-repeat;
	height: 42px;
	margin: 32px 0;
	}
.direccion .calle{
	margin-left: 40px;
	}
.direccion .telefono{
	margin:8px 0 0 40px;
	}

form{

	}
form p{
margin: 0;
 }
form .red{
	color: red;
	margin-bottom: 20px;
	}
form label{
	margin-bottom: 5px;
	display: block;
	color:#FFF;
	text-align:right;
	}

label input{
	border: 0;
	padding: 7px;
	color: black;
	background: #E8EBF3;
	margin-left:10px;
	width: 280px;
	text-transform: none;
	font-size:1em;
	}
label textarea{
	border: 0;
	padding: 7px;
	color: black;
	background: #E8EBF3;
	margin-left:10px;
	width: 280px;
	height: 100px;
	text-transform: none;
	font-size:1em;
	font-family: "Lucida Grande",Arial,Verdana,sans-serif;
	}
focus input{
	border: 1px solid red;
	}
.label{
	vertical-align: top;
	}
img.error{
	vertical-align:top;
	}
.enviar{
	background:#191700;
	color:white;
	padding:6px 25px;
	display: block;
	clear: both;
	border: 0;
	cursor: pointer;
	float: right;
	}	
.enviar:hover{
	background:#443e00;
	color:white;
	text-decoration: none;
	}	
/************************************************************ FOOTER */
.footer{
	width: 644px;
	border-top: #191700 1px solid;
	padding-top: 20px;
	text-align: right;
	margin: 20px auto 40px auto;
	}