﻿@charset "utf-8";
* {
	font-family:Arial, Helvetica, sans-serif;
	line-height: 1.2;
}

body {
	margin: 0px;
	padding: 0px;
	font-size: 11px;
	color: #000000;
}

form {
	margin: 0px;
	padding: 0px;
}

input, textarea, select {
	border: 1px solid #d5d5d5;
	font-family: Arial, Helvetica;
	padding: 1px 0px;
	font-size: 11px;
	color: #000000;
	background: #ffffff;
}



* html select {
	height: 17px;	
}

* > select {
	height: 20px;
}

* html input {
	height: 17px;
	
}

* > input {
	height: 17px;
		
}

* > input:empty {
	height: 17px;	
}


input.details {
	height: 17px;
	width:255px;
}

input.details:empty {
	height: 17px;
	width:255px;
}

input.ordine {
	height: 17px;
	width:295px;
}

input.details:ordine {
	height: 17px;
	width:295px;
}

input.ordine2 {
	height: 17px;
	width:145px;
}

input.ordine2 {
	height: 17px;
	width:145px;
}

input.ordine3 {
	height: 17px;
	width:190px;
}

input.ordine4 {
	height: 17px;
	width:100px;
}

* html #uploadFile , * html .button {
	height: 21px;
	border:1px solid #d5d5d5;
	width:220px;
}

* > #uploadFile ,  * > .button {
	height: 21px;
}

input.radio {
	border: 0px;
	background: transparent;
}

* > input.radio {
	margin: 0px 0px -1px 0px;
}

* > input.check {
	border: 1px solid #ff0099;
	background: transparent;
}


#header {
	position: relative;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 99px;
	margin: 0px;
	padding: 0px;
	background: url('images/header.jpg') no-repeat;
}

* > #header {
	min-width: 990px;
}


#granarolo{
		position:absolute;
		top:40px;
		right:24px;
		width:107px;
		height:19px;
}

.button_granarolo{width:107px; height:19px; background:url(images/button_granarolo.gif) no-repeat;}

#main {
	position: absolute; 
	height:	590px;
	width: 100%;
	margin: 0px 0px 0px 0px;
	min-width: 990px;
	padding: 0px;
}

* html #main {
	text-align: center;
}

#page {
	width: 990px;
	padding: 0px;
	background: url('images/bg.gif') repeat-y;
	text-align: left;
	overflow: hidden;
}

* html #page {
	margin: 0px;
}

* > #page {
	margin: 0px auto;
}


#middle{
   position: relative;
	left: 0px;
	bottom: 0px;
	width: 100%;
	height: 435px;
	margin: 0px;
	padding: 0px;
	background:url(images/titel_bg.jpg) no-repeat;
	background-position:top;}

* > #middle{
	min-width:990px;}
	
	
#left_banner{
	position:absolute;
	top:31px;
	left:0px;
	width:319px;
	height:405px;
	background:url(images/left.jpg) no-repeat;
}
	
.blue{color:#004399;
font-size:12px;
}


.blue_small{color:#004399;
font-size:10px;
}
	
#titel{
	position: absolute;
	text-align:left;	
	height:31px;
	top:0px;
	left:330px;
	width:640px;
	padding:0px;
}

#text1{
	position: absolute;
	text-align:left;
	top:60px;
	left:330px;
	width:610px;
	}
	
#text2{
	position: absolute;
	text-align:left;
	top:97px;
	left:330px;
	width:590px;
	}
		
#text2_1{
    position: absolute;
	text-align:left;
	top:160px;
	left:330px;
	width:255px;
	height:220px;}
	
#text4{
	position: absolute;
	text-align:left;
	top:45px;
	left:330px;
	width:500px;
	}

#text4_1{
    position: absolute;
	text-align:left;
	top:70px;
	left:330px;
	width:630px;
	height:320px;}
	
	
#text_thanks1{
	position: absolute;
	text-align:left;
	top:60px;
	left:330px;
	width:590px;
	}
	
#text_thanks1_1{
    position: absolute;
	text-align:left;
	top:205px;
	left:330px;
	width:630px;
	height:320px;}

#text_thanks3_1{
    position: absolute;
	text-align:left;
	top:125px;
	left:330px;
	width:630px;
	height:320px;}


#button-left{position:absolute;
top:405px;
left:330px;
width:116px;
height:26px;}

#button-right{position:absolute;
top:405px;
right:29px;
width:113px;
height:26px;
text-align:right;}


.button_precedente{width:116px; height:26px; background:url(images/button_precedente.gif) no-repeat;}
.button_continua{width:100px; height:26px; background:url(images/button_continua.gif) no-repeat;}
.button_ordine{width:85px; height:26px; background:url(images/button_ordine.gif) no-repeat;}
.button_transmetta{width:113px; height:26px; background:url(images/button_transmetta.gif) no-repeat;}


#pics1{position: absolute;
	text-align:left;
	top:185px;
	left:330px;
	width:625px;
	height:220px;}
	

.pic1_1{background:url(images/pic1.jpg) no-repeat; width:625px; height:220px;}


#pics2{position: absolute;
	text-align:left;
	top:160px;
	left:330px;
	width:620px;
	height:210px;}

.pic2_1{background:url(images/pic2.jpg) no-repeat; width:620px; height:210px;}


#pics2_1{position: absolute;
	text-align:left;
	top:180px;
	left:600px;
	width:285px;
	height:172px;}


.t489 {
	width:285px; 
	height:172px; 
	background:url(images/t489.jpg) no-repeat;
}

.t490 {
	width:285px; 
	height:172px; 
	background:url(images/t490.jpg) no-repeat;
}

.d1650 {
	background:url(images/pic_empty_d1650.jpg) no-repeat;
}

.d1651 {
	background:url(images/pic_empty_d1651.jpg) no-repeat;
}


#pics3 {
	position: absolute;
	text-align:left;
	top:140px;
	left:320px;
	width:644px;
	height:231px;
}
	
.pic3_1{width:644px; height:231px; background:url(images/pic3.jpg) no-repeat;}

#footer {
	position: relative;
	text-align:left;
	left: 0px;
	bottom: 0px;
	width: 960px;
	height: 35px;
	margin: 0px;
	padding: 20px 15px 0px 15px;
	background: url('images/footer.jpg') no-repeat;
}

#footer , #footer a {
	color: #9a9a9a;
	text-decoration: none;
}

#footer a:hover {
	text-decoration: underline;
}

* > #footer {
	min-width: 960px;
	
}

#Layer1 {
	position:absolute;
	left:23px;
	top:1px;
	width:257px;
	height:148px;
	z-index:1;
}
#Layer2 {
	position:absolute;
	width:311px;
	height:163px;
	z-index:2;
	left: 290px;
	top: 55px;
}
#Layer3 {
	position:absolute;
	width:220px;
	height:100px;
	z-index:1;
	left: 347px;
	top: 120px;
	text-align: right;
}

#Layer4 {
	position:absolute;
	width:220px;
	height:100px;
	z-index:1;
	left: 347px;
	top: 120px;
	text-align: right;
}

#Layer3 br , #Layer4 br {
	line-height: 1.3;
}

#Layer3 h1 , #Layer4 h1 {
	margin: 0px;
	padding: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 1.2;
}

#Layer4 h1 {
	padding-bottom: 4px;
}

#Layer3 h2 , #Layer4 h2 {
	margin: 0px;
	padding: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 7px;
	line-height: 1.3;
}