/* css file*/
*{
margin: 0;
padding: 0;
border: 0;
}

body {
color: #333; 
background: #fff; 
font: 70%/1.3em Verdana, Arial, sans-serif; 
text-align: center;
}

#container{
text-align: left;
width: 772px;
margin: 0 auto;
position: relative;
background: transparent url(../i/bg.jpg) repeat-y;
}

#header{
height: 115px;
}
#logo{
height: 80px;
}

#colsx{
width: 180px;
position: absolute;
left: 0px;
top: 70px;
}

#coldx{
width: 180px;
position: absolute;
right: 0;
top: 0;
}

#contenuti{
margin: 0 180px;
width: 412px;
min-height: 760px;
height: auto !important;
height: 760px;
margin-bottom: 20px;
position: relative;
color: #5A5743;
}
#o_nav{
height: 35px;
width: 772px;
background: transparent url(../i/bgmenu.jpg) no-repeat;
}

.box{
float:left;
width: 50%;
min-height: 180px;
height: auto !important;
height: 180px;
background: transparent url(../i/bgbox.jpg) repeat-x;
margin-bottom: 10px;
}
.box span{
color: #333;
font-weight: bold;
display: block;
}
#latofoto{
width: 190px;
float: left;
background: transparent;
margin-top: 5px;
}
#latotesto{
margin-left: 190px;
}

#footer{
clear: both;
background: transparent url(../i/bgfooter.jpg) no-repeat;
height: 40px;
}
/*---------  headers ---------------*/
#logo h1{
background: transparent url(../i/logo.jpg) no-repeat;
width: 772px;
height: 80px;
}
#logo h1 span{
display: none;
}
#colsx h2{
color: #333;
text-align: right;
margin: 20px 0 0 10px;
padding-right: 10px;
font: bold 90%/1.7em Verdana, Arial, sans-serif;
background: transparent url(../i/bgli.gif) no-repeat 100% 100%;
text-transform: uppercase;
border: 0;
}
h2{
color: #433E2F;
font: bold 160%/2em Georgia, Times, sans-serif;
padding: 0 10px 0 26px;
background: transparent url(../i/ar.gif) no-repeat 6px 50%;
margin: 10px 0 0 0;
clear: left;
border-bottom: 1px solid #CAC0A2;
}
h3{
color: #433E2F;
font: bold 150%/1.5em Georgia, Times, sans-serif;
background: transparent;
border-bottom: 1px solid #CAC0A2;
margin: 10px 10px 0 10px;
clear: left;
padding-left: 2px;
}
#latotesto h3{
margin: 0 10px 10px 0;
clear: none;
font: bold 110%/1.5em Verdana, Georgia, Times, sans-serif;
}
#contenuti h4{
color: #333;
margin: 20px 10px 0 10px;
font: bold 90%/1.7em Verdana, Arial, sans-serif;
border-bottom: 1px solid #CAC0A2;
clear: left;
}

#coldx h4{
color: #333;
margin: 20px 0 0 0;
padding-left: 10px;
font: bold 90%/1.7em Verdana, Arial, sans-serif;
background: transparent url(../i/bglidx.jpg) no-repeat 0 100%;
text-transform: uppercase;
border: 0;
}
/*----------- p -----------*/
.titoletto{
border-bottom: 1px solid #D2CAAF;
padding-bottom: 2px;
}
#coldx p{
margin-left: 10px;
}
.box span{
color: #333;
font-weight: bold;
display: block;
}
#contenuti p{
margin: 10px;
text-align: justify;
}
#latotesto p{
margin: 0 10px 10px 0;
}
#footer p{
text-align: center;
line-height: 40px;
height: 40px;
}
/*-------------- ul, li -----------*/
ul{
list-style: none;
}
ol{
	margin: 0 10px 0 25px;
 list-style-position: inside;
}
ol li{
	padding: 5px 0 5px 5px;
	text-indent: -20px;
}
#o_nav ul{
height: 35px;
margin: 0 0 0 180px;
}
#o_nav li{
display: block;
float: left;
height: 30px;
line-height: 30px;
}

#colsx ul{
margin: 0 0 20px 10px;
}
#colsx li{
text-align: right;
padding-right: 10px;
height: 20px;
line-height: 20px;
background: transparent url(../i/bgli.gif) no-repeat 100% 100%;
}
#coldx li{
padding-left: 10px;
height: 20px;
line-height: 20px;
background: transparent url(../i/bglidx.jpg) no-repeat 0 100%;
}
.serv{
margin-bottom: 20px;
}
.serv li{
padding-left: 20px;
margin-right: 10px;
height: 20px;
line-height: 20px;
background: transparent url(../i/bgliserv.gif) no-repeat 0 50%;
border-bottom: 1px solid #ECE4CB;
}
/*---------- links  -----------*/
a{
text-decoration: none;
}
a:link,a:visited{
color: #369;
}
a:hover{
color: #f60;
}

#colsx li a{
display: block;
height: 20px;
line-height: 20px;
}
#o_nav li a{
height: 35px;
line-height: 35px;
display: block;
float: left;
}
#o_nav li a span{
display: none;
}
.home{
background: transparent url(../i/home.jpg) no-repeat;
width: 91px;
}
.chi{
background: transparent url(../i/chisiamo.jpg) no-repeat;
width: 101px;
}
.lastminute{
background: transparent url(../i/lastminute.jpg) no-repeat;
width: 108px;
}
.contatti{
background: transparent url(../i/contatti.jpg) no-repeat;
width: 113px;
}

/*--- img-------*/

.aleft{
float:left;
display: block;
margin: 0 5px 0 0;
}

.imghome{
display: block;
margin: 0 10px;
}
.imgchi{
display: block;
margin: 10px;	
}
.foto{
display: block;
margin: 0 0 10px 10px;
}

/*------ form ------*/
.richiedi{
width: 200px;
background: #fc0;
font: bold 86%/1.2em Verdana, Arial, sans-serif;  
margin-top: 6px;
padding: 4px 0;
}

#contenuti form{
margin: 0 10px;
}

#contenuti form.cact{
padding: 20px;
background: 	transparent url(../i/sfum.jpg) repeat-x;
}

.inp {
	background: 	transparent url(../i/bginput.gif) no-repeat;
	border:			1px solid #ccc;
	margin-bottom:	10px;
}

.block {
	display:		block;
	text-transform:	uppercase;
	font-size:		80%;
	font-weight:	bold;
}

.sub {
	display:		block;
	background: transparent url(../i/invia.gif) repeat-x 0 0;
	border:			0;
	width:			72px;
	height:			13px;
	cursor:			pointer;
}

