html, body, div, h1, h2, h3, h4 {
	margin: 0; padding: 0;
}

html, body { height: 100%; }

body {
	background: #04A2E1 url(../img/sfondo.jpg) repeat-x;
	font: 12px Arial, Helvetica, sans-serif;
	color: #8C8D8E;
}
div#container {
	position: relative;
	width: 800px;
	padding: 0 75px;
	margin: 0 auto;
	height: 100%;
	background: /*#04A2E1*/ #FFF url(../img/sfondo_wrapper.png) no-repeat;
}
body>div#container{height:auto; min-height:100%}


div#header {
	position: relative;
	width: 100%; height: 251px;	/*height: 104px;*/
	background: #FFF url(../img/header_sfondo.jpg) repeat-x;
}
div#header #logo {
	position: absolute;
	left: 18px; top: 0;
	z-index: 2;
}
div#header ul {
	float: right;
	margin: 74px 0 0 0; padding: 0;
	height: 30px;
	font-weight: bold;
	list-style-type: none;
	background-color: #1C60AD;
}
div#header li {
	display: inline;
	padding: 0;	margin: 0 25px;
	height: 30px; line-height: 30px;
}
div#header a:link, div#header a:visited {
	color: #FFF;
	text-decoration: none;
}
div#header a:hover, .active {
	color: #3399FF !important;
}

div#header_foto {
	clear: both;
	position: absolute;
	top: 104px;
	width: 100%; height: 147px;
	background: url(../img/foto_home.jpg) no-repeat;
}

div#rubiko{
	position: absolute;
	top: 10px;
	right: 20px;
}
span#rubiko_claim{
	position:absolute;
	top: 26px;
	left: 236px;
	font-size: 14px;
	color: #000;
	letter-spacing: 3px;
	font-weight: bold;
}

span#rubiko_claim a{color: #000 !important;}

div#navigation {
	position: relative;
	width: 100%; height: 72px;
}
div#navigation ul {
	padding: 3px 0 0 0; margin: 0;
	height: 59px;
	font-weight: bold;
	list-style-type: none;
	background-color: #D3D4D5;
}
div#navigation li {
	float: left;
	padding: 0;	margin: 0;
}
div#navigation a {
	background-position: top;
}
div#navigation a {
	background-position: bottom;
}
div#navigation_hr {
	clear: both;
	margin-top: -3px;
	height:17px;
	width: 100%; height: 12px; overflow: hidden;
	background: url(../img/header_hr.jpg) repeat-x;
}
#ossido_zirconio {
	position: absolute;
	right: 0; top: 59px;
}
#carbonio {
	position: absolute;
 	top: 59px;
	right: 0px;
	width: 216px;
	height: 50px;
}

div#content {
	float: left;
	width: 424px;	/*width: 514px;*/
	margin-bottom: 82px;
	padding: 0 65px 0 25px;
	text-align: justify;
	line-height: 24px;
	background-color: #FFF;
}
div#extra {
	float: right;
	margin-bottom: 82px;
	width: 261px;	/*width: 286px;*/
	padding: 60px 0 0 25px;
}
div#extra img {
	margin: 0 15px 15px 0;
}
/*#footer {
	clear: both;
	position: absolute;
	bottom: 0;
	margin: 0 auto 0 auto;
	width: 950px;
	text-align: center;
	background: url(../img/sfondo_wrapper_footer.png) repeat-y;
}*/
#footer {
	clear: both;
	position: absolute; bottom: 0;
	width: 800px;
	height: 62px; line-height: 50px;
	text-align: center;
	background: #DDDEDE url(../img/footer_sfondo.jpg) repeat-x bottom;
}
div#footer_hr {
	width: 100%; height: 12px;
	background: url(../img/footer_hr.jpg) repeat-x;
	overflow: hidden;
}


div#realizzazioni ul, div#extra li, div#extra ul {
	margin: 0; padding: 0;
	list-style-type: none;
}
div#realizzazioni li {
	float: left; display: inline;
	width: 127px;
	margin: 0 14px 14px 23px;
	text-align: center;
}
div#realizzazioni a {
	display: block;
	text-decoration: none;
}

.hr {
	clear: both;
	background-color: #D5D5D5;
	height: 1px;
	margin: 15px 0;
	overflow: hidden;
}

a:link, a:visited {
	color: #8C8D8E;
	text-decoration: underline;
}
a:hover {
	color: #1C60AD !important;
}

h1, h1 a, h1 a:hover {
	margin: 19px 0 22px 0;
	font-size: 18px;
	text-decoration: none !important;
	color: #8C8D8E !important;
}
h2 {
	margin-bottom: 3px;
	font-size: 12px;
}


input, textarea {
	margin: 0; padding: 2px;
	border: solid 1px #C7C8C8;
	font-size: 11px;
	background-color: #FFF;
	color: #162983;
}
label {
	display: block;
	padding: 12px 0 4px 0; margin: 0;
	font-weight: bold;
}
button {
	width: 50px; float:right;
	background-color: #C3112B;
	color: #FFF;
	border: none;
	cursor: pointer;
	text-align: center;
}

img {
	border: none;
}

.testo_piccolo {
	font-size: 10px;
}
.testo {
	text-indent: -3333px;
	position: absolute;
}

/* personalizzazione rubiko */
ul.colori{
	list-style: none;
	margin-bottom: 10px !important;
	float: left;
	width: 100%;
}
ul.colori li{
	width: 36px; height: 41px;
	margin-right: 4px !important;
	overflow: hidden;
	float: left;	
}

ul.colori li div{
	width: 34px; height: 34px;
	border: #ccc 1px solid;
	overflow: hidden;
}

ul.colori li div.bianco{ background: #FFF }
ul.colori li div.blu{ background: #124680 }
ul.colori li div.giallo{ background: #e9de36 }
ul.colori li div.nero{ background: #161616 }
ul.colori li div.rosso{ background: #bb2917 }
ul.colori li div.verde{ background: #00873b }

ul#lenti{
	list-style: none;
	width: 100%;
	float: left;
}
ul#lenti li{
	width: 113px; height: 30px;
	font-size: 14px;
	margin-right: 10px !important;
	float: left;
}

ul#lenti li div{
	width: 58px; height: 22px;
	padding: 5px 0 0 55px;
}
ul#lenti li div#sole{ background: #f6f7f7 url(../img/rubik-o/lenti1.jpg) top left no-repeat }
ul#lenti li div#vista{ background: #f6f7f7 url(../img/rubik-o/lenti2.jpg) top left no-repeat }

ul#tipo{
	list-style: none;
	width: 150px;
}
ul#tipo li{
	float: left;
	width: 60px; height: 33px;
	margin-right: 10px;
}

ul#tipo li div{
	width: 60px; height: 30px;
}

ul#tipo li div#fronte{ background: #fff url(../img/rubik-o/sel_lenti1.jpg) }
ul#tipo li div#trequarti{ background: #fff url(../img/rubik-o/sel_lenti2.jpg) }

ul.colori li div:hover, ul#lenti li, ul#tipo li{ cursor: pointer }
.selected{ background: #f6f7f7 url(../img/rubik-o/selected.jpg) left bottom repeat-x }
/* --- */