@import url('yui-reset.css');
 


/* body{font-family:Arial,Helvetica,sans-serif;font-size:10px;cursor:default;color:#000} */
h1,h2,.large,.left{font-family: "Gill Sans","Lucida Grande",Arial,sans-serif;font-size:30px; font-weight: lighter;}
h2,.box div img{padding-bottom:10px}
a{text-decoration:none;color:#000;outline:0}
img{display:block}
 
#cont{position:absolute;top:0;left:0;z-index:70;overflow:auto}

 
/* h1{position:relative;left:-141px;margin-bottom:-63px;width:140px;opacity:0.99} */
/* h1 a{padding:41px 10px 10px 0;color:#fff;background:#000 url(go.gif) 0 -30px repeat-x;font-size:11px;text-align:right;display:block} */
/* h1 a:hover{background:#000 url(go.gif) 0 43px repeat-x} */
ul{float:left;width:110px}

/* li a{height:12px;padding:0 5px;font-weight:normal;color:#999;display:block} */
/* li a:hover,li.cur a{color:#fff} */
 
.box{position:absolute;top:10%;right:200px;width:500px;padding-bottom:100px}
.box div{line-height:1.5em;background:#fff;padding:20px 30px}
.box div a{text-decoration:underline}
.large{text-align:right;top:10%;right:120px;font-size:13px}
.left{text-align:left;right:auto;left:60px;font-size:13px}
.large h2{font-size:45px}
.white{color:#fff}




*{border:0px solid #eee;margin:0;padding:0;list-style:none}

html, body {
	width: 100%; height:100%; margin:0; padding:0; overflow: auto;
	font: 14px Geneva, "Myriad Pro", helvetica;
	color:#000000;
}

#titleheader { position: absolute; top:50px; left:50px; z-index: 20; }

#billboard { position: absolute; width:100%; height:100%; overflow:hidden; z-index: 10; }
#billboard-image { position:relative; }

.error { position:relative; width:100%; height:100%; display:table; color: red; }
.error p { display: table-cell; vertical-align: middle; text-align: center; }

#book	{	position: absolute;
			left: 50px; top: 200px;
			width: 1100px; height: 690px;
			overflow: hidden;
			display: none;
			z-index: 30;
}
		
#loader {	
			position: absolute;
			left: 60px; top: 300px;
			width: 100px; height: 20px;
			overflow: hidden;
			z-index: 29;
}

#contact { position: absolute; left: 50px; top: 220px; width: 220px; height: 180px; display: none; z-index: 10; }
#contact p {
				float: left;
				left: 0px;
				position: absolute;
				height: 0; width: 160px;
				padding-top: 50px; margin-bottom: 20px;
				overflow: hidden;
				background-repeat: no-repeat; }
#contact #barcelona {
				top: 40px;
}

#contact #milano {
				top: 40px;
				left: 360px;
}
				
#contact a {	float: left;
				left: 0px;
				position: absolute;
				height: 0px;
				padding-top: 20px;
				overflow: hidden;
				background-repeat: no-repeat; }
				
#contact a.barcelona {
				background-image: url(../images/contact-links-barcelona.png); }

#contact a.milano {
				background-image: url(../images/contact-links-milano.png)
}
				
#contact #barcelona	{	background-image: url(../images/contact-agent-barcelona.png);  }
#contact #milano	{	background-image: url(../images/contact-agent-milano.png);  }


#contact a#mbox-sergi {			background-position: -544px 0px; width: 198px; }
#contact a#mbox-sergi:hover	{	background-position: -544px -30px; width: 198px; }

#contact a#mbox-sagri {			background-position: -264px 0px; width: 214px; top:140px; }
#contact a#mbox-sagri:hover	{	background-position: -264px -30px; width: 214px; top:140px; }

#contact a#web-motif {			background-position: 0px 0px; width: 210px; top:120px; }
#contact a#web-motif:hover	{	background-position: 0px -30px; width: 210px; top:120px; }


#contact a#web-closeup {		background-position: 0px 0px; width: 210px; top:120px; left:360px; }
#contact a#web-closeup:hover {	background-position: 0px -30px; width: 210px; top:120px; left:360px; }

#contact a#mbox-closeup {		background-position: -233px 0px; width: 251px; top:140px; left:360px; }
#contact a#mbox-closeup:hover {	background-position: -233px -30px; width: 251px; top:140px; left:360px; }




#navheader { position: absolute; top: 130px; left:50px; width: 330px; height: 18px; margin: 18px auto; z-index: 5; }

#navheader #navbarb { margin: 0; padding: 0; width: inherit; }

#navheader  li { display: inline; }
#navheader  li a { float: left; height: 0; padding-top: 18px; overflow: hidden; }
#navheader  li a { background-repeat: no-repeat; }

#navheader #navbarb li a { background-image: url(../images/menu-bar.png); }

#navbarb #lct a { background-position: 0px 0; width: 76px; margin-right: 24px; }
#navbarb #lb1 a { background-position: -87px 0; width: 66px; margin-right: 24px; }
#navbarb #lb2 a { background-position: -167px 0; width: 34px; margin-right: 24px; }
#navbarb #lb3 a { background-position: -176px 0; width: 20px; margin-right: 24px; }
#navbarb #lad a { background-position: -212px 0; width: 24px; }

#navbarb #lct a:hover { background-position: 0px	-38px; }
#navbarb #lb1 a:hover { background-position: -87px	-38px; }
#navbarb #lb2 a:hover { background-position: -167px	-38px; }
#navbarb #lb3 a:hover { background-position: -176px	-38px; }
#navbarb #lad a:hover { background-position: -212px	-38px; }

#navbarb.ct #lct a { background-position: 0px	 -38px; }
#navbarb.b1 #lb1 a { background-position: -87px	 -38px; }
#navbarb.b2 #lb2 a { background-position: -167px -38px; }
#navbarb.b3 #lb3 a { background-position: -176px -38px; }
#navbarb.ad #lad a { background-position: -212px -38px; }