@charset "utf-8";

/*MAQUETACIÓN DE CAJAS PRINCIPALES*/

* {
	margin: 0;
	padding: 0;
}

body, html {
	height: 100%;
	background-color:#765647;
	background-image:url(../images/backgroundSteam.jpg);
	background-position:center top;
	background-repeat: repeat-y;
	font-family:"californian FB", "Times New Roman", Times, serif;
	font-size:12px;
}
#homeFoto {
	display: block;
	position: absolute;
	width: 100%;
	height: 100%;
	background-image:url(../images/homeSteam.png);
	background-position:right bottom;
	background-repeat: no-repeat;
	overflow: hidden;
}

h3,h4,h5,h6 {
	font-size:14px;
}

#mainbox, #copyright {
	position:absolute;
	width:960px;
	height:480px;
	top: 50%;
	left: 50%;
	margin-top:-244px;
	margin-left:-480px;
}
#mainbox {
	background-color:#ecd7c7;
}
#about #mainbox, #colection1 #mainbox, #colection2 #mainbox, #colection3 #mainbox, #contact #mainbox, #main #mainbox, #redcarpet #mainbox, #video #mainbox, #vip #mainbox {
	-moz-box-shadow: 1px 1px 7px rgb(0,0,0);
	-webkit-box-shadow: 1px 1px 7px rgb(0,0,0);
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(color=#000000,direction=125, strength=5)";
}
#mainboxHome {
	position: relative;
	width: 382px;
	height:190px;
	margin-left: auto;
	margin-right: auto;
	top: 30%;
	background-color: transparent;
}

#leftcolum {
	height: 100%;
	width: 203px;
	margin:0;
	padding:0;
	float:left;
}

/* LOGO MAYA HANSEN */

#logo {
	display:block;
	width:159px;
	height:48px;
	margin: 42px 0 30px 25px;
	background-image:url(../images/logo.png);
	
}
#home #logo {
	background-image: url(../images/logoHome.png);
	width: 382px;
	height: 104px;
	margin: 30px 0 0 0;
	position: relative;
}
#logo h1 {
	display:none;
}
#rightcolum {
	height:100%;
	width:756px;
	margin:0;
	padding:0;
	/*background-image:url(../images/bg_layout.jpg);*/
	background-image:url(../images/tramaSteam.png);
	background-repeat:repeat;
	float:right;
}
#copyright {
	height:20px;
	margin-top:240px;
	font-size:9px;
	clear:both;
}

#blockMain {
	height: 100%;
	/*background-color:#cb96b1;
	margin: 0 0 0 22px;*/
	background-color:#bf9f99;
	margin: 0;
	padding: 0;
	float:left;
	overflow:hidden;
}
#juanma {
	font-size:10px;
	font-weight:bold;
	position: absolute;
	top: 95%;
	left: 20%;
}

/* REPRODUCTOR DE MUSICA */

#home #music {
	margin:0;
	padding:0;
	position: absolute;
	top:95%;
	left:2%;
}

/* SELECCIÓN DE IDIOMA */

#home #language {
	margin: 10px 0 0 110px;
	width: 202px;
	height:36px;
}

#home ul, #home li {
	list-style: none;
	margin:0;
	padding: 0;
	float: left;
}
#home #language>ul>li .choose {
	display: block;
	width: 99px;
	height: 20px;
	text-decoration: none;
	background-image:url(../images/menuHome.png);
	background-position: left top;
	background-repeat: no-repeat;
	padding-right: 10px;
	border-right: #ba9ba1 solid 1px;
}
#home #language>ul>#boutiqueExt .choose {
	background-position: -115px 0;
	width: 72px;
	height: 36px;
	margin-left: 10px;
	border: 0;
}

#home #language>ul>#boutiqueExt a:hover .choose {
	background-position: -115px -36px;
}

#home #spain a, #home #UK a {
	display: block;
	width: 37px;
	height: 16px;
	background-image: url(../images/menuHome.png);
	background-position: 0 -20px;
}
#home #spain a, home #spain a {
	width: 47px;
	background-position: -41px -20px;
	margin-left: 4px;
	border-left: #c6a449 solid 1px;
}
#home #spain a:hover {
	background-position: -41px -56px;
}
#home #UK a:hover {
	background-position: 0 -56px;
}

#home span, #home h2 {
	display: none;
}

/* MAQUETACIÓN DE PAGINAS CONCRETAS 
		------ ABOUT ----*/
		
#about #blockMain {
	width: 344px;
}

#contact #blockMain {
	width: 195px;
}

#video #blockMain, #vip #blockMain {
	width: 674px;
}

#redcarpet #blockMain, #colection1 #blockMain, #colection2 #blockMain, #colection3 #blockMain {
	margin:0;
	width: 100%;
	/*background-color: inherit;*/
}

#textMain {
	height:100%;
	margin:0;
	padding: 115px 20px 0 20px;
	font-family: "Californian BT", "Times New Roman", Times, serif;
}

#vip #textMain {
	width:304px;
	float: left;
	font-family: "Californian FB", "Times New Roman", Times, serif;
}
#textMain h2 {
	width:121px;
	height:33px;
	margin: 0;
	padding: 0;
	text-indent: -999em;
}
#about #textMain h2 {
	background-image: url(../images/designer.png);
}
#contact #textMain h2 {
	background-image:url(../images/contacto.png);
}
#vip #textMain h2 {
	height:42px;
	background-image:url(../images/vipZone.png);
}
#video #textMain h2 {
	background-image:url(../images/video.png);
}

#vipZoneLOGO {
	width: 217px;
	height:344px;
	float: right;
	margin: 0;
	padding: 0;
}

#image {
		width: 318px;
		height:100%;
		margin: 0;
		padding: 0;
		float: right;
}

/* ESTILO DE PRESENTACIÓN DE VIDEOS */
.video {
	display:block;
	width: 140px;
	height: 160px;
	float: left;
	margin: 0 20px 0 0;
	font-size: 11px;
}
.video img {
	display:block;
	width: 140px;
	height:113px;
	overflow:hidden;
	border:0;
	margin: 3px 0 0 0;
}
.video h3 {
	margin:5px 0 0 0;
	padding:0;
}
.video p {
	margin:0;
	padding:0;
}

/* ESTADOS DE BOTÓN */

#copyright a, #video .video a, #contact a {
	color:#000;
	text-decoration:none;
	font-weight:bolder;
}
#contact a {
	font-weight: lighter;
}
#copyright a:hover, #video .videoDescription a:hover, #contact a:hover{
	text-decoration:underline;
}

#copyright a:visited, #contact a:visited {
	color:#000;
}

/* BARRA DE NAVEGACIÓN */

#navbar {
	margin-left: 20px;
	width: 160px;
}
#navbar ul {
	list-style-type: none;
	margin:0;
	padding:0;
}
#navbar ul li {
	padding:0;
	margin: 0 0 5px;
}
#navbar #nav-maya ul li {
	margin: 0;
}
#navbar a {
	display:block;
	height:20px;
	width: 160px;
	background-image:url(../images/menubar.png);
	}
#navbar #nav-maya ul a {
	background-image:url(../images/colections.png);
}
#navbar span {display:none;}


/* ROLLOVERS DE ESTADOS DE BOTÓN */

#nav-maya a {background-position: 0 0;}
#nav-maya a:hover {background-position: -160px 0;}
#colection1 #nav-maya #nav-sub-colec1 a {background-position: -160px 0;}
#colection1 #nav-maya #nav-sub-colec2 a {background-position: 0 -21px;}
#colection1 #nav-maya #nav-sub-colec3 a {background-position: 0 -40px;}
#colection2 #nav-maya #nav-sub-colec1 a {background-position: 0 0;}
#colection2 #nav-maya #nav-sub-colec2 a {background-position: -160px -21px;}
#colection2 #nav-maya #nav-sub-colec3 a {background-position: 0 -40px;}
#colection3 #nav-maya #nav-sub-colec1 a {background-position: 0 0;}
#colection3 #nav-maya #nav-sub-colec2 a {background-position: 0 -21px;}
#colection3 #nav-maya #nav-sub-colec3 a {background-position: -160px -40px;}

#nav-sub-colec1 a {background-position: 0 0;}
#nav-sub-colec1 a:hover {background-position: -160px 0;}
#colection1 #nav-sub-colec1 a {background-position: -160px 0;}

#nav-sub-colec2 a {background-position: 0 -21px;}
#nav-sub-colec2 a:hover {background-position: -160px -21px;}
#colection2 #nav-sub-colec2 a {background-position: -160px -21px;}

#nav-sub-colec3 a {background-position: 0 -40px;}
#nav-sub-colec3 a:hover {background-position: -160px -40px;}
#colection3 #nav-sub-colec3 a {background-position: -160px -40px;}

#nav-about a {background-position: 0 -20px;}
#nav-about a:hover {background-position: -160px -20px;}
#about #nav-about a {background-position: -160px -20px;}

#nav-redcarpet a {background-position: 0 -40px;}
#nav-redcarpet a:hover {background-position: -160px -40px;}
#redcarpet #nav-redcarpet a {background-position: -160px -40px;}

#nav-video a {background-position: 0 -60px;}
#nav-video a:hover {background-position: -160px -60px;}
#video #nav-video a {background-position: -160px -60px;}

#nav-boutique a {background-position: 0 -80px;}
#nav-boutique a:hover {background-position: -160px -80px;}
#boutique #nav-boutique a {background-position: -160px -80px;}

#nav-vip a {background-position: 0 -100px;}
#nav-vip a:hover {background-position: -160px -100px;}
#vip #nav-vip a {background-position: -160px -100px;}

#nav-contact a {background-position: 0 -120px;}
#nav-contact a:hover {background-position: -160px -120px;}
#contact #nav-contact a {background-position: -160px -120px;}


/* BARRA DE NAVEGACIÓN --- MENÚ EMERGENTE COLECCIONES */

#nav li ul {
		position:absolute;
		left: -999em;
}
#colection1 #nav li ul {
		position:relative;
		left: auto;
}
#colection2 #nav li ul {
		position:relative;
		left: auto;
}
#colection3 #nav li ul {
		position:relative;
		left: auto;
}
#nav li:hover ul, #nav li.over ul {
		position:static;
		left:auto;
}