@charset "utf-8";
/* CSS Document */
 html,body{margin:0; padding: 0;height: 100%}
div#container{position: relative; height:100%}
body>div#container{height: auto; min-height: 100%}
div#piede{position:relative;bottom: 0;width: 100%; text-align:center;} 

body{background:url(../images/fondo_pagina.gif) center top repeat;}

p { font-family:Arial, Helvetica, sans-serif;font-size:12px; font-weight:normal; color:#333333; padding:10px ; line-height:14px }
a { font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; color:#611b00; text-decoration:underline} 
a:hover { font-weight:bold; color:#cc00cc; text-decoration:underline} 

ul { font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:normal; color:#000; list-style-type: none;  height:41px; width:684px; padding:0; margin:0; display: inline;  text-align:left } 
li { padding:0; margin:0; list-style-type:circle; list-style-position:inside} 


#container{ width:100%;  margin:0 auto;   padding-bottom:35px } 
#fondo_testata {width:100%;  margin:0 auto;background:url(../images/fondo_testata.jpg) center top repeat-x;}


            .cleared:after {
                display		: block; 
                visibility  	: hidden;
                content		: "."; 
                height		: 0; 
                clear           : both;
            }
            
            .cleared {
                clear           : both; /* per Gecko */
                height		: 1%; /* per IE */
            }


#testata{text-align:center; width:100%; height:241px; margin:0 auto; padding:0 auto; background:url(../images/testata.jpg) center top no-repeat; }

#logo{ text-align:left;width:750px; height:156px; margin:0 auto; padding:0 auto;padding-left:65px} 	
#contatti{ text-align:right;width:660px; height:41px; margin:0 auto; padding:0 auto;} 	

#menu{ text-align:right; width:684px; height:35px; margin:0 auto; padding:0 auto;} 	


#compagnia{ width:290px; height:450px; background:url(../images/compagnia.jpg) left top no-repeat; float:left; margin-left:-10px}
#formazione{ width:300px; height:385px; background:url(../images/formazione.jpg) left top no-repeat; float:left; margin-left:-10px}
#rassegne{ width:300px; height:385px; background:url(../images/rassegne.jpg) left top no-repeat; float:left; margin-left:-10px}
#produzione{ width:360px; height:410px; background:url(../images/produzione.jpg) left top no-repeat; float:left; margin-left:-10px}
#home{ width:290px; height:410px; background:url(../images/home.jpg) left top no-repeat; float:left; margin-left:-10px}


#contenuti{text-align:center;width:100%; margin:0 auto; padding:0 auto; background:url(../images/bordo_bot.gif) center top repeat-x; } 

#foglio{text-align:center; width:830px; margin:0 auto; padding:0 auto; background:url(../images/testata_foglio.gif) center top repeat-x; bottom:0px; } 

#pagina{width:664px; margin:0 auto; text-align:left; font-family:Arial, Helvetica, sans-serif;font-size:12px; font-weight:normal; color:#333333; padding:10px ; line-height:14px ; background: #fff url(../images/testata_foglio.gif) center top no-repeat;} 		


/* form di contatto */
.area{
padding:0 5px 0 5px;
width:210px;
height:17px;
text-align:right;
margin-left:50px;
background:none;
border: #ff6600 solid 1px;
 font-family:Arial, Helvetica, sans-serif; font-size:10px; font-weight:normal; color:#611b00;
 padding-top:10px;
}

.arealunga{
padding:0 5px 0 5px;
width:480px;
height:17px;
text-align:right;
margin-left:50px;
background:none;
border: #ff6600 solid 1px;
 font-family:Arial, Helvetica, sans-serif; font-size:10px; font-weight:normal; color:#611b00;
 padding-top:10px;
}

.campotesto{
padding:0 5px 0 5px;
width:480px;
height:160px;
text-align:left;
margin-left:50px;
background:none;
border: #ff6600 solid 1px;
 font-family:Arial, Helvetica, sans-serif; font-size:10px; font-weight:normal; color:#611b00;
 padding-top:10px;
}

.invia{
width:80px;
height:30px;
margin-left:462px;
margin-top:20px;
border: #F60 solid 1px;
background-color:#FFC

}