html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* RESET */

body{
	background: #525252 url('../img/fondo.jpg') repeat-x;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 11px;
	color: white;
}

#contenedor{
	width: 1024px;
	margin: auto;
	position: relative;
}

.logo{
	margin-top: 20px;
	margin-bottom: 20px;
	margin-left: 170px;	
}

hr{
	height: 0px;
	border: 1px solid white;
}

/* MENU */

.menu{
	width: 760px;
	height: 20px;
	margin-left: 178px;
}

a#inicio{
	float: left;
	display: block;
	width: 58px;
	height: 22px;
	text-indent: -9999px;
	background: url('../img/menu/inicio.png') top left no-repeat;
}

a#inicio:hover {
	background-position:0 -22px;/* con esto cambiamos la porcion de imagen que se muestra */
}

a#portfolio{
	float: left;
	display: block;
	width: 84px;
	height: 22px;
	text-indent: -9999px;
	background: url('../img/menu/portfolio.png') top left no-repeat;
}

a#portfolio:hover {
	background-position:0 -22px;/* con esto cambiamos la porcion de imagen que se muestra */
}

a#clientes{
	float: left;
	display: block;
	width: 93px;
	height: 22px;
	text-indent: -9999px;
	background: url('../img/menu/clientes.png') top left no-repeat;
}

a#clientes:hover {
	background-position:0 -22px;/* con esto cambiamos la porcion de imagen que se muestra */
}

a#contacto{
	float: left;
	display: block;
	width: 94px;
	height: 22px;
	text-indent: -9999px;
	background: url('../img/menu/contacto.png') top left no-repeat;
}

a#contacto:hover {
	background-position:0 -22px;/* con esto cambiamos la porcion de imagen que se muestra */
}

.menu_sub{
	width: 760px;
	height: 16px;
	margin-left: 247px;
}

#submenu{
	width: 760px;
	height: 16px;
}

a#espacios{
	float: left;
	display: block;
	width: 65px;
	height: 16px;
	text-indent: -9999px;
	background: url('../img/menu/espacios.png') top left no-repeat;
}

a#espacios:hover {
	background-position:0 -16px;/* con esto cambiamos la porcion de imagen que se muestra */
}

a#musica{
	float: left;
	display: block;
	width: 60px;
	height: 16px;
	text-indent: -9999px;
	background: url('../img/menu/musica.png') top left no-repeat;
}

a#musica:hover {
	background-position:0 -16px;/* con esto cambiamos la porcion de imagen que se muestra */
}

a#prensa{
	float: left;
	display: block;
	width: 59px;
	height: 16px;
	text-indent: -9999px;
	background: url('../img/menu/prensa.png') top left no-repeat;
}

a#prensa:hover {
	background-position:0 -16px;/* con esto cambiamos la porcion de imagen que se muestra */
}

a#bodas{
	float: left;
	display: block;
	width: 55px;
	height: 16px;
	text-indent: -9999px;
	background: url('../img/menu/bodas.png') top left no-repeat;
}

a#bodas:hover {
	background-position:0 -16px;/* con esto cambiamos la porcion de imagen que se muestra */
}

a#itinerante{
	float: left;
	display: block;
	width: 71px;
	height: 16px;
	text-indent: -9999px;
	background: url('../img/menu/itinerante.png') top left no-repeat;
}

a#itinerante:hover {
	background-position:0 -16px;/* con esto cambiamos la porcion de imagen que se muestra */
}

/* ---- */

/* SLIDER */

	#slider{
		margin: 15px auto 30px auto;
		border: 0px solid #232323;
	}
	
	#slider ul, #slider li{
		margin:0;
		padding:0;
		list-style:none;
	}
	
	#slider li{ 
		width: 604px;
		height: 403px;
		overflow: hidden;
		text-align: center;
	}
	
	#slider img{
		border: 2px solid #232323;
	}
	
	#prevBtn, #nextBtn{ 
		display: block;
		width: 54px;
		height: 54px;
		position: absolute;
		left: 110px;
		top: 350px;
	}

	#nextBtn{ 
		left:855px;
	}														
	
	#prevBtn a, #nextBtn a{  
		display:block;
		width:54px;
		height:54px;
		background: url(../img/izq.png) no-repeat 0 0;
		outline: none;
	}
	
	#nextBtn a{ 
		background: url(../img/der.png) no-repeat 0 0;	
	}
	
/* ----- */

.pie{
	text-align: center;
}

.pie a{
	color: white;	
}

#portada{
	margin: 15px auto 30px auto;
	text-align: center;
	height: 403px;
	width: 600px;
}

#portada2{
	margin: auto;
	text-align: center;
	height: 415px;
	width: 617px;
}

#portada img{
	margin: auto;
	border: 0px;
}

#portada2 img{
	margin: 20px auto 0px auto;
}

a#electronica{
	float: left;
	display: block;
	width: 600px;
	height: 120px;
	text-indent: -9999px;
	background: url('../img/electronica.png') top left no-repeat;
}

a#electronica:hover {
	background-position:0 -120px;/* con esto cambiamos la porcion de imagen que se muestra */
}

a#hiphop{
	float: left;
	display: block;
	width: 600px;
	height: 120px;
	text-indent: -9999px;
	background: url('../img/hiphop.png') top left no-repeat;
	margin-top: 20px;
}

a#hiphop:hover {
	background-position:0 -120px;/* con esto cambiamos la porcion de imagen que se muestra */
}

a#eventos{
	float: left;
	display: block;
	width: 600px;
	height: 120px;
	text-indent: -9999px;
	background: url('../img/eventos.png') top left no-repeat;
	margin-top: 20px;
}

a#eventos:hover {
	background-position:0 -120px;/* con esto cambiamos la porcion de imagen que se muestra */
}

a#cuba{
	float: left;
	display: block;
	width: 112px;
	height: 112px;
	text-indent: -9999px;
	background: url('../img/cuba.png') top left no-repeat;
	margin: 20px 50px 0 20px;
}

a#cuba:hover {
	background-position:0 -112px;/* con esto cambiamos la porcion de imagen que se muestra */
}

a#rusia{
	float: left;
	display: block;
	width: 112px;
	height: 112px;
	text-indent: -9999px;
	background: url('../img/rusia.png') top left no-repeat;
	margin: 20px 50px 0 50px;
}

a#rusia:hover {
	background-position:0 -112px;/* con esto cambiamos la porcion de imagen que se muestra */
}

a#frankfurt{
	float: left;
	display: block;
	width: 112px;
	height: 112px;
	text-indent: -9999px;
	background: url('../img/frankfurt.png') top left no-repeat;
	margin: 20px 20px 0 50px;
}

a#frankfurt:hover {
	background-position:0 -112px;/* con esto cambiamos la porcion de imagen que se muestra */
}

.centro{
	text-align: center;
	margin: auto;
	background: red;
	color: green;
}

.contacto{
	padding-top: 25px;
	text-align: left;
	line-height: 15px;
	margin-left: -35px;
}

.contacto a{
	color: #976fb6;	
}

.formulario{
	text-align: left;	
	margin-top: 50px;
}

.formulario input[type="text"]{
	margin: 5px 0px 10px 10px;
}

.formulario textarea{
	margin: 5px 0px 10px 10px;
}

.clientes li{
	float: left;
	margin: 20px 0px;
}