/*
#################################################################

Sito: 								http://www.ilcatalano.com
Autore:								Alessandro Cadoni
Data ultima modifica:				10/05/2010

#################################################################
*/

body{
		margin: 0px 0px 0px 0px;
		font-family:sans-serif,sans,arial,verdana;
		font-size:10pt;
		color:#777;
		text-align:justify;
		background: #fff;
		background-image:url(../immagini/background_main.jpg);
		background-position:top;
		background-repeat:repeat-x;
}

a,a:visited,a:active {
		text-decoration:none;
}

	#main{
		width:1000px;
		height:100%;
		margin-left:auto;
		margin-right:auto;


	}

	div#testata {
		margin-left:auto;
		margin-right:auto;		
		width:80%;
		height:111px;
		background:url(../immagini/logo_testata.jpg);
		background-position:right;
		background-repeat: no-repeat;
	}

	div#contenitore{
		clear:both;	
		width:1000px;
		min-height:380px;
		margin-top: -20px;
		margin-left:auto;
		margin-right:auto;
		margin-bottom:0px;	
		background:url(../immagini/back_contenitore.png);
		background-position:top center;
		background-repeat: no-repeat;
	}

	div#contenitore2{
		margin-top:-20px;
		clear:both;
		width:1000px;
		margin-left:auto;
		margin-right:auto;	
	}
	


	div#piede{
		line-height:50px;
		clear:both;
		text-align:center;
		width:1000px;
		height:57px;
		background-image: url(../immagini/footer_background.jpg);
		background-repeat: no-repeat;
		margin:0px auto 0px auto;
		font-size: 0.8em ;
		color:rgb(133,86,38);  /*marron titolo */
	}
	

	div#tazza{
		width:200px;
		height:200px;
	}
/*
    ###########################################################################
	##################################    	Menu       ########################
	###########################################################################
*/

.menu{
	width:150px;
	margin:auto auto auto auto;
	text-align:right;
	}
	
.menu ul{
	width:135px;
	margin:0px auto auto auto;	
	text-align:center;
	padding-left: 15px;
	}	
	
.menu ul li{
	text-align:center;
	margin:0px 0px 0px 0px;
	list-style-type: none;
	text-transform: capitalize;
	width:135px;
	line-height:25px;
	height:25px;
	border-bottom:1px solid rgb(212,193,101); /*sabbia bordo*/
	}
	
.menu ul li a{
	color:rgb(150,150,150); 
	font-family: arial,sans-serif;
	text-transform: capitalize;
	font-size:10pt;
	width:150px;
	}
	
.menu ul li a:hover{
	font-weight:bold;
	padding-top: 4px;
	font-size:16px;
	text-shadow:  0 1px 1px rgb(200,200,210) ;
	}	
		
/*
    ###########################################################################
	#################################	Fine Menu #############################
	###########################################################################
*/	

	#lingue{
				float:right;
				margin-right:5px;
		}

	.spaziatore_verticale{
		margin-top:90px;
		background-image:url(../immagini/spaziatore_verticale.png);
		width:10px;
		height:160px;
		float:left;
		}
		
	div.spaziatore_orizontale{
		
		width:160px;
		height:10px;
		background-image:url(../immagini/spaziatore_orizontale.png);
		background-repeat:no-repeat;
		margin-left:auto;
		margin-right:auto;		
	}	
		
	.colonna_1{
		margin-top:90px;
		width:150px;
		float:left;
		margin-left:0px;
	}
	
	.colonna_2{
		margin-top:50px;
		margin-bottom:10px;
		width:345px;
		float:left;
	}
	
	.colonna_3{
		margin-top:50px;
		width:180px;
		float:left;
	}
	.colonna_4{
		margin-top:40px;
		width:280px;
		height:310px;
		float:left;
		padding:2px 6px 0px 6px;
		background: url(../immagini/back_corpo_testo.jpg) top repeat-x;
	}	
	.colonna_5{
		/* width:400px; */
		float:right;
	}		
	
	.contenuto{
	width:100%;
	margin-top: 10px;
	font-size:0.8em;
	
	}

#testo_contenuto2{
margin-left:150px; margin-top:-40px;
}
	.vert_sep{
	    float:right;
	    width:7px;
	}

	.titolo{
		color:rgb(133,86,38);  /*marron titolo */
		font:18pt arial,sans-serif;
		text-transform: capitalize;
		margin-left:3px;
		font-style:italic;
	}

.titolo	ul, li{
	text-align:left;
	list-style: circle outside;
	font-size:1em;
	text-transform:capitalize;
	color:rgb(100,100,100);
	}


/*
    ###########################################################################
	############################## Widget offerte #############################
	###########################################################################
*/
.widget_offerte{
		width:280px;
		height:240px;
		overflow: auto;
}

.testata_widget_offerte{
		padding:0px 0px 0px 0px;	
		margin:0px 0px 0px 0px;
}

.corpo_widget_offerte{
		width:260px;
		margin: 3px 0px 3px 0px;
		font:1.2em sans-serif;
		border-bottom: 1px dotted #555;
}

.piede_widget_offerte{

}

.testata_widget_offerte h1,h2,h3,h4{
		color:rgb(133,86,38);  /*marron titolo */
		font:18pt arial,sans-serif;
		text-transform: capitalize;
		margin-left:3px;
		font-style:italic;
}

.titolo_e_data_widget_offerte{
		color:rgb(133,86,38);  /*marron titolo */
		font:1.4em arial,sans-serif;
		font-weight:bold;
		text-transform: capitalize;
		margin-top:5px;
		margin-left:3px;
		font-style:italic;
}

/*
    ###########################################################################
	#########################    Fine Widget Offerte         ##################
	###########################################################################
*/
/*
    ###########################################################################
	#########################    Fine Widget Tariffe         ##################
	###########################################################################
*/
table#tariffe{
		width:405px;
		text-transform:capitalize;
}

ul.tariffe {
		margin-top:15px;
		padding-top:15px;	
	}

ul.tariffe li{
		text-align:left;
		list-style: circle outside;
		font-size:10pt;
		font-family: "Times New Roman",Georgia,Serif;
		text-transform:capitalize;
		font-style:italic;
		color:rgb(80,80,80);
        
}

/*
    ###########################################################################
	#########################    Fine Widget Tariffe         ##################
	###########################################################################
*/

#map{
		width:470px;
		height:300px;
		border: 1px solid rgb(140,100,40);
}

div.offerte{
border-bottom:4px double rgb(155,150,98);	
font-size:10px;
	}

#cornice{
position:absolute;
z-index:300; 
}

.scroll-button{
width:345px;
}

div.widget_foto{
	width:345px;
	height:160px;
	overflow:hidden;
	text-align:center;
}
.widget_foto img{
		border:0px;
}

div.incorniciate{
margin:1px 6px 0px 5px;
display:inline-block;
}

* html div.incorniciate { 
display:inline;
margin:1px 6px 0px 5px;}  /* for IE 6 */
* + html div.incorniciate {
display:inline;
margin:1px 6px 0px 5px;}  /* for IE 7 */

#lingue img{
width:20px;
height:15px;
margin:0px 0px 0px 0px;
}

img.side{
width:300px;
margin-left:auto;
margin-right:auto;

}

#piede a{
		color:rgb(133,86,38);
}

.copyright{
	width:90%;
	margin-left:auto;
	margin-right:auto;
	padding: 10px 10px 10px 10px;
	text-align:justify;
}