* { margin:0; padding:0;}
body{ background:#131313 url(../img/bg-body.jpg) repeat-y top left; cursor:default;}
a{ text-decoration:none; outline:none; color:#996a2b; cursor:pointer;} /* color:#eba103; color:#61380B;*/
a:hover{ text-decoration:underline;}
a:focus{ outline:none;}
li{ font-size:1.2em; list-style:none;}
span, p{ font-size:1.2em; line-height:1.5; color:#ffffff; }
img{ border:0;}

.clear{ clear:both;}


/**********************
*********header********
**********************/
#wrapper-header{ background:transparent url(../img/bg-header.jpg) repeat-x top left; width:100%; font-family:Tahoma, Arial, Helvetica, sans-serif; font-size:62.5%; text-align:left; overflow:hidden;}
	#header{ width:81em; margin:0 auto; min-height:15.7em; height:1%; height:15.7em;}
		#header img.logo{ float:left; width:12.5em; margin:1.6em 0 0 3.5em;}
		#header h1{ float:right; color:#fefefe; font-size:1.7em; padding:1.8em 0.6em 1.5em 0;}
		#header .menu{ float:right; width:60em;}
			#header .menu ul{ float:right; margin-right:0.1em;}
				#header .menu ul li{ float:left;  font-size:1.4em; text-align:center;}
					#header .menu ul li a{ color:#fefefe; text-decoration:none; display:block; padding:0.65em 0 1em; width:5.8em;}
					#header .menu ul li a:hover{ background:transparent url(../img/menu-over.gif) no-repeat top right;}
				#header .menu ul li.activo{ display:block; padding:0.65em 0 1em; background:transparent url(../img/menu-over.gif) no-repeat top right; color:#fefefe; width:5.8em;}

/**********************
*******contenido*******
**********************/
#wrapper-container{ font-family:Tahoma, Arial, Helvetica, sans-serif; font-size:62.5%; text-align:left; overflow:hidden;}
	#container{ margin:0 auto; width:81em;}
		#wrapper{ width:81em; margin-left:0; float:left; display:inline; background:transparent url(../img/bg-home.gif) no-repeat 0 0;}
			.img-bot{ background:transparent url(../img/bg-footer.gif) no-repeat bottom left; float:left;}

/**********************
*********home**********
**********************/

#content-home{ float:left; width:80.4em; margin:1.4em 2em 0 0; display:inline; min-height:44em; height:auto!important; height:44em; padding-bottom:6em;}
#content-home .left{ float:left; width:68em; margin-top:2em; display:inline;}
#content-home .right{ float:left; width:12.4em; display:inline; margin-top:4.8em;}
#content-home .left p.siguientes{ width:50em;}
.apartados{ float:left; width:65em; margin:3em 0 0 3em; display:inline;}
	.apartados .seccion{ float:left; width:13.5em; margin:0 8em 0 0; display:inline;}
		.apartados .seccion h3{ display:block; color:#996a2b; text-align:center; background:transparent url(../img/bg-dest-der.jpg) no-repeat 0 0; padding:1.15em 0 1.3em 0; font-size:1.2em;}
			.apartados .seccion a img{ margin:2em 0 0 0.5em; opacity:0.7; width:13em;}
				.apartados .seccion a:hover img{ opacity:1;}
			.apartados .seccion span{ display:block; text-align:center; margin-top:1em; color:#c1c1c1;}
		.apartados .ultimo{ margin-right:0;}
#player-home{ float:left; margin:2em 0 0; text-align:center; width:12.4em;}
	#player-home p{ text-align:left; font-size:1.1em;}
ul.idioma{ float:right; color:#996a2b; margin:2.5em 0 0 0; display:inline;}
	ul.idioma li{ display:inline; padding:0 0.4em; color:#fdfdfd;}
	ul.idioma li.primero{ border-right:#fdfdfd 0.1em solid;}
	ul.idioma li a:hover{ text-decoration:underline;}
img.img-home{ margin:2em 0 0 0; float:right;}
				
/**********************
****content general****
**********************/

#content{ float:left; width:63em; margin:1.4em 1em 0 0; display:inline; min-height:44em; height:auto!important; height:44em;}
#content2{ float:left; width:78em; margin:1.4em 1em 0 0; display:inline; min-height:44em; height:auto!important; height:44em;}
h2{color:#996a2b; display:block; padding:1.8em 0 0.6em 1.9em; font-size:1.6em; font-weight:bold;}
p.siguientes{ padding:1.2em 0 0 2.6em; float:left; line-height:1.6; width:50em;}
.panoramica{ float:left; width:66em; text-align:center; margin:2.4em 0 0; padding-bottom:4.5em;}

/**********************
*********musica********
**********************/

.caratula{ float:left; margin:3em 0em 0 6em; display:inline;}
#player-audio{ float:left; width:30em; margin:3.3em 0 0 8em;}
.leyenda{ margin-top:3em; float:left; padding-bottom:4em;}
ul.lista-audio{ float:left; padding:1em 0 1em 5.5em; width:52.2em; }
	ul.lista-audio li{ color:#fefefe; line-height:1.6; list-style:outside disc;}

/**********************
*******menu-der********
**********************/

#menu-der{ float:right; width:14.5em; margin:3.5em 0.5em 0 0; display:inline;}
	#menu-der h3{ color:#996a2b; display:block; text-align:center; padding:1.2em 0 3.5em; font-size:1.2em; font-weight:bold; background:transparent url(../img/bg-dest-der.jpg) no-repeat 0 0;}
	#menu-der .promo{ float:left; width:12.1em; padding-bottom:1.65em; margin-left:2em; display:inline;}
		#menu-der .promo img{ display:block; width:5.5em; margin:0 auto;}
		#menu-der .promo a img{ display:block; width:5.5em; margin:0 auto; opacity:0.7;}	
			#menu-der .promo a:hover img{ opacity:1;}
		#menu-der .promo span{ float:left; text-align:center; width:100%; margin-top:0.5em; color:#996a2b; font-size:1.1em; text-decoration:underline;}
		#menu-der .promo a span{ float:left; text-align:center; width:100%; margin-top:0.5em; color:#996a2b; font-size:1.1em; text-decoration:none;}
			#menu-der .promo a:hover span{ text-decoration:underline;}

/**********************
*******contactar*******
**********************/

form{ float:left; margin:3em 0 0 11em; width:44em; display:inline;}
.fila{ width:42em; float:left; padding-bottom:1.2em;}
	.fila span.obligatorio{ font-size:1em; color:#ababab;}
	.fila label{ color:#fdfdfd; font-size:1.15em; float:left; width:6em; text-align:right; padding:0 2em 0 0;}
		.fila label span.asterisco{ color:#ababab; padding-left:0.2em;}
	.fila input{ width:15em; font-size:1.2em; vertical-align:middle; padding-bottom:0.1em; font-family:Arial, Helvetica, sans-serif;}
	.fila textarea{ width:24em; font-size:1.2em; font-family: Arial, Helvetica, sans-serif; height:12em;}
.centrar{ width:35em; float:left; margin-top:1em; }
	.centrar .botones{text-align:center; padding-bottom:5em;}
		.centrar .botones input{ background-color:#996a2b; border:none; font-size:1.2em; padding:0.1em 0.2em 0.2em; margin-left:1em; text-align:center; color:#dedede;}
		*+html .centrar .botones input{ padding-top:0.3em;}
		* html .centrar .botones input{ padding-top:0.3em;}
	
	/*hack safari y opera. También afecta a chrome*/		
		@media all and (min-width: 0) {
			.centrar .botones input{ padding-left:0.3em; padding-right:0.3em;}
		}

p.subrayado{ text-decoration:underline;}

/**********************
**mapa web y error 404*
**********************/

.normal{ font-weight:normal;}
.mapa-izq{ float:left; width:32em; margin:2em 0 0 10em; padding-bottom:1.5em; display:inline;}
.mapa-der{ float:left; width:22em; margin:2em 0 0 1.7em; padding-bottom:1.5em; display:inline;}
ul.mapa{ float:left; padding:1em 0 1em 0; width:32em;}
	ul.mapa li{ color:#fefefe; line-height:1.6; padding-bottom:0.6em;}
ul.albumes{  padding:0.6em 0 1em 4em; }
	ul.albumes li{ color:#fefefe; line-height:1.6; list-style:outside disc;}


/**********************
*********footer********
**********************/

#wrapper-footer{ width:100%; font-family:Tahoma, Arial, Helvetica, sans-serif; font-size:62.5%; text-align:left; overflow:hidden; }
	#footer{ width:81em; margin:0 auto; padding:3.8em 0 1.6em; overflow:hidden;}
		.separacio1{ float:left; width:19em; border-right:#c1c1c1 dotted 0.2em; margin-left:10em; min-height:7em; height:1%; height:7em; padding-top:0.4em; display:inline;}
			.separacio1 span{ font-size:1.1em; float:left; color:#ababab; width:14em;}
			.separacio1 span.creative{ padding-top:0.8em;}
		.separacio2{ float:left; width:23em; border-right:#c1c1c1 dotted 0.2em; margin-left:4em; min-height:7em; height:1%; height:7em; padding:0.2em 2em 0 0;}
			.separacio2 span{ font-size:1.1em; float:left; color:#ababab; padding-top:0.2em;}
			.separacio2 span.creative{ padding:0.9em 0 0 0; float:left; width:100%;}
		.separacio_final{ float:left; width:18em; margin-left:4em; padding-top:0.3em;}
			.separacio_final span{ font-size:1.1em; float:left; color:#c1c1c1; width:14em;}
			.separacio_final ul{ text-align:left;}
				.separacio_final ul li{ display:block; color:#cccccc; padding:0; font-size:1.1em; line-height:1.6; }
					.separacio_final ul li a{ text-decoration:none; color:#996a2b;}
					.separacio_final ul li a:hover{ text-decoration:underline;}
				.separacio_final ul li.design{font-size:1.1em; margin-top:1em;}
				.separacio_final ul li.design a{ color:#ababab;}
		em.gris{ color:#bababa;}