@charset "UTF-8";
/* CSS Document */

* {margin: 0px; padding: 0px;}

body {
background-color: #0a141f;
background-image:url(../layout/bg_sfumo.png);
background-position:center;
background-repeat:repeat-y;

font-family:"Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
}

div.wrapper {
width: 970px;
height: 559px;
position:absolute;
top:50%;
margin-top:-280px;
left: 50%;
margin-left: -485px;

display:block;

}

div#index_wrap {height: 606px;
margin-top:-303px;
}






a { color: #939598;
text-decoration:none;
}

a:hover { color: #68717d;}

/* NAVIGATION */

ul.navigation li {display:inline}

ul.navigation li a {display:block; font-weight:normal;}


/* INDEZ */

#index img#index_button {
position:absolute; 
left: 132px; 
top: 0px;
}

#index h1 {
	width: 340px;
	height: 122px;
	display:block;
	background-image:url(../layout/h1_index.jpg);
	text-indent: -90000px;
	position:absolute;
	left: 520px;
	top: 399px;
}


#index h2 {
	width: 257px;
	height: 41px;
	display:block;
	/*background-image:url(../layout/ind_h2.jpg);
text-indent: -90000px;*/
position:absolute;
	left: 563px;
	top: 280px;
	color:#939598;
	line-height: 41px;
	font-weight: normal;
	text-align: center;
}


#index a.h2 {
	width: 257px;
	height: 41px;
	display:block;
	/*background-image:url(../layout/ind_h2.jpg);
text-indent: -90000px;*/
position:absolute;
	left: 563px;
	top: 280px;
	color:#939598;
	line-height: 41px;
	font-weight: normal;
	text-align: center;
	font-size:20px;
}

#index  a.h2:hover {color: #eeeeee}
#index  a.catalogo:hover {color: #eeeeee}

#index a.catalogo {
	width: 257px;
	height: 41px;
	display:block;
	/*background-image:url(../layout/ind_h2.jpg);
text-indent: -90000px;*/
position:absolute;
	left: 563px;
	top: 183px;
	color:#939598;
	line-height: 41px;
	font-weight: normal;
	text-align: center;
	font-size:20px;
}


#index ul a {
font-size:14px;
height: 23px;
letter-spacing: 1px;
}

#index ul#design_collection {
	position:absolute;
	left: 564px;
	top: 154px;
	width: 120px;
	text-align:center;
}



#index ul#other {
	position:absolute;
	left: 680px;
	top: 154px;
	width: 140px;
	text-align:center;
}

#index li.none {visibility:hidden;}



#index p.iva {
	position:absolute;
	top: 528px;
	left: 645px;
	color: #939598;
	font-size:12px;
}







/* PAGINE PRODOTTI  */

div.nav_left {
display:block;
width: 256px;
height: 559px;

position:absolute;
top: 0px;
left: 0px;
}

div.content {
display:block;
width: 714px;
height: 514px;

position:absolute;
left: 256px;
top: 0px;
}


div#menu {
display:block;
width: 714px;
height: 45px;

position:absolute;
left: 256px;
top: 514px;
}


div#menu ul, div#menu ul li {display:inline;}

div#menu ul li a {font-size:12px; padding-right:12px; position:relative; top: 10px; background-image:url(../layout/ball.gif); background-repeat:no-repeat; background-position:right;}
div#menu ul li a.credits {background-image:none;}


div.nav_left div.language {
position:absolute;
left: 88px;
top: 522px;
}


div.nav_left div.language a {
width: 36px;
height: 22px;
background-image:url(../layout/language.jpg);
display:block;
text-indent: -90000px;
float:left;
margin-right: 9px;
}

div.nav_left div.language a.eng {
background-position: -45px 0px;
}

div.nav_left div.language a:hover {
background-position: 0px -22px;
}

div.nav_left div.language a.eng:hover {
background-position: -45px -22px;
}




/*  PAGINE SINGOLE  */

div.nav_left h1 {
display:block;
width: 190px;
height: 74px;
background-image:url(../layout/h1_design.jpg);
text-indent: -9000px;
position:absolute;
top: 48px;
left: 38px;
}


img#nav_map {
position:absolute; 
left: 0px;
top: 152px;
}

div.nav_left h2 {
display:block;
width: 190px;
height: 54px;
background-image:url(../layout/h2_keller.jpg);
text-indent: -9000px;
position:absolute;
top: 460px;
left: 38px;
}

div.nav_left div#navigation ul {
position:absolute;
text-align:center;
z-index: 9000;
top: 122px;
left: 0px;
width: 256px;}


div.nav_left div#navigation ul a {
margin-bottom: 6px;
height: 19px;
}



div.shadow_frame {
position:absolute;
top: 48px;
left: 252px;
width: 462px;
height: 466px;
background-image:url(../layout/shadow_frame.jpg);

background-repeat:no-repeat;
z-index: 90;
}

div.pad_frame {
padding-top: 10px;
padding-left: 26px;
position:relative;
z-index: 60;
}

div.content_frame {
width: 386px;
height: 450px;
display:block;
overflow:auto;
background-color:#FFFFFF;
/*margin-left: 26px;
margin-top: 10px;*/


}

div.content_frame table {
margin:0 auto;

}



div.content h2.tit_serie {
width: 267px;
height: 44px;
position:absolute;
top: 253px;
left: 11px;
background-image:url(../layout/tit_serie.jpg);
background-position:left;
background-repeat:no-repeat;
background-color: #1d242d;

z-index: 100;
font-size: 48px;
color:#FFFFFF;
font-weight:normal;
line-height: 44px;
}

div.content h2.tit_serie span {padding-left: 30px;}

div.content img.tit_serie {
position:absolute;
top: 0px;
left: 0px;
}









/* LANGUAGE  */

div#index_wrap div.language {
	position:absolute;
	left: 646px;
	top: 100px;
}


div#index_wrap div.language a {
width: 31px;
height: 14px;
background-image:url(../layout/language.jpg);
display:block;
text-indent: -90000px;
float:left;
margin-right: 30px;
background-position: -2px -2px;
}

div#index_wrap  div.language a.eng {
background-position: -48px -2px;
}

div#index_wrap  div.language a:hover {
background-position: -2px -24px;
}

div#index_wrap  div.language a.eng:hover {
background-position: -48px -24px;
}






#wrap_animation {width:844px; margin: 0 auto; position:relative;}

#keller_logo {
position:absolute;
width: 240px;
height: 148px;
background-image:url(../../animation/logo.png);
top: 230px;
left: 0px;
display: none;
}

#water_emotions {
position:absolute;
width: 240px;
height: 148px;
background-image:url(../../animation/water.png);
top: 230px;
right: 0px;
display: none;
}

#flags a {
display:block;
text-indent: -9000px;
width: 34px;
height: 14px;

position:absolute;
top: 410px;
}


#flags {display: none;}

#ita_f {
	left: 118px;
	background-image:url(../../animation/ita.png);
}

#eng_f {
	left: 162px;
	background-image:url(../../animation/uk.png);
}