﻿html
{
    width:100%;
    height:100%;
}

body
{
    background-color: #C7E6FA;
    background-image: url(   "/HDE/img/Bk_cielo.jpg" );
    background-repeat: repeat-x;
    background-position: top;
    font-family: Arial, Helvetica, sans-serif;
    font-size:12px;
    margin: 0;
    padding: 0;
    overflow:hidden;
    color: #26145F;
}

h1,h2,h3,h4,h5,h6 {
	font-weight: bold;
	text-align:left;
	margin: 10px 0 5px 0;
	font-family: Georgia, Times New Roman, Times, serif;				
}

h1 {
	font-size: 28px;
	line-height: 32px;		
	color:#26145F;

}

h1 i{
	font-size: 16px;
	line-height: 32px;		
	color:#006BAF;

}

h2 {
	font-size: 24px;
	line-height: 28px;
	color:#26145F;	
}
h3 
{
	font-size: 16px;
	line-height: 20px;	
	border-bottom: 1px solid #CFBB6B;
	color:#006BAF;
}

h3 a
{
	color:#006BAF;
	text-decoration:none;
}

h3 i
{
	color:#26145F;
	text-decoration:none;
	font-size: 12px;
}

h4 {
	font-size: 22px;
	color:#ffffff;	
}

h5 {
	font-size: 18px;
}

h6 {
	font-size: 15px;
}

#wrapper {
    width:900px;
    height:640px;
    position:absolute;
    top:50%;
    left:50%;
    margin: -320px 0  0 -450px;
}




#logo
{   width: 100%;
    height: 132px;
    margin: 0 0 8px 0;
    text-align:center;  
}



#logo img
{    border:0; 
}  


#lg
{   width: 150px;
    height: 16px;
    position:absolute;
    top:595px;
    right:0;
    margin: 0;
    padding: 0;  
}
#lg img
{    border:0; 
     float:right;
     margin: 0 0 0 10px;
}  

#content
{
    width: 100%;
    height: auto;
    min-height: 400px;
    background-color: #CFBB6B;
    padding: 2px 0 2px 0;
}

#dropmenudiv{
position:absolute;
margin-top:2px;
z-index:100;
}


#dropmenudiv a{
	width: 100%;
	padding: 0 10px 0 10px;
	float:left;
	height:22px;
	line-height:22px;
    background-color: #CFBB6B;
	opacity: 0.85;
	-moz-opacity: 0.85;
	filter: alpha(opacity=85);
	color: #26145F;
	text-decoration: none;

}


#dropmenudiv a:hover{ 
    background-color: #ffffff;
	opacity: 1.0;
	-moz-opacity: 1.0;
	filter: alpha(opacity=100);
	color: #26145F;
	text-decoration: underline;	

}


#foot
{   
    color: #26145F;
    font-size:9px;
    line-height:10px;
    text-align:center;
    margin:5px 0 0 0;
    font-family:Arial;
}

#sound
{  
    width:50px;
    height:25px;
    position:absolute;
    top:137px;
    right:0; 


}

#testodx
{
    padding: 10px;
    width: 278px;
    height: 380px;
    float: right;
    overflow: Auto;
    background-color: #F5ECCB;
    color: #26145F;    
    font-size: 12px;
    line-height: 16px;
    text-align: justify;
    border-left: 2px solid #CFBB6B;
}



#testodx img{
 border:0;  
 margin:3px 0 0 3px;       
}

#boxsx
{

    width: 600px;
    height: 400px;
    float: left;
}

#textbox
{
    padding: 10px 48px 10px 48px;
    margin: 0 2px 0 2px;
    width: 800px;
    height: 380px;
    overflow: Auto;
    background-color: #F5ECCB;
    color: #26145F;    
    font-size: 12px;
    line-height: 16px;
    text-align: justify;   
}

#textboxw
{
    padding: 10px;
    margin: 0 2px 0 2px;
    width: 880px;
    height: 380px;
    overflow: Auto;
    background-color: #F5ECCB;
    color: #26145F;    
    font-size: 12px;
    line-height: 16px;
    text-align: justify;   
}

#tariffe
{
    padding: 10px 28px 10px 28px;
    margin: 0 2px 0 2px;
    width: 840px;
    height: 380px;
    overflow: Auto;
    background-color: #F5ECCB;
    color: #26145F;    
    font-size: 12px;
    line-height: 16px;
    text-align: center;   
}

Div#FormBox {
    text-align:center;
    margin:35px;
    background-color:#F9EEC6;
    background-image:url("../img/Bk-TextBox.png");
	padding:35px;  
	width:640px;   
      }  

.TestoForm {
	text-align: right;
	padding-right:8px;
	white-space: nowrap;
	vertical-align:top;
	font-size:13px;
	line-height:26px;
	border-bottom:1px solid #CFBB6B;
}

.CellaForm {
	border-bottom:1px solid #CFBB6B;
	font-family: Arial, Helvetica, sans-serif;
	font-size:18px;
	line-height:26px;
	width:322px;
	text-align:left;
}

.CellaForm2 {
	border-bottom:1px solid #CFBB6B;
	line-height:24px;
	text-align:left;
}

.CellaXl {
	width: 500px;
	border: 1px solid #CFBB6B;
}

.CellaSt {
	width: 318px;
	border: 1px solid #CFBB6B;
}

.CellaM {
	width: 250px;
	border: 1px solid #CFBB6B;	
}

.CellaS {
	width: 149px;
	border: 1px solid #CFBB6B;	
}

.CellaXs {
	width: 101px;
	border: 1px solid #CFBB6B;	
}

.CellaXxs {
	width: 49px;
	border: 1px solid #CFBB6B;	
}

.SmallText {
    font-size:10px;
    line-height:12px;
    text-align:right;
border-bottom:1px solid #003;    
}

.Prezzo {
    line-height:18px;

}

Div#FlyerBk
{
    display:block; position:absolute; top:0; left:0; width:100%; height:100%; background-color:#000;   filter:alpha(opacity=0); opacity:0 ;
}

Div#Flyer {background-image:url("/HDE/img/FylerBk.png"); background-repeat:no-repeat; display:block; position:absolute; width:618px; height:482px; top:50%; left:50%; margin:-241px 0 0 -309px; filter:alpha(opacity=0); opacity:0}

Div#FlyerContent { width:550px; height:420px; overflow:auto; margin:0 0 0 50px; font-family: Georgia, Palatino, Times New Roman; Color:#333; font-size:14px;}
