* {
	margin: 0;
	padding: 0;
}


#preview{
	position:absolute;
	border:1px solid #ccc;
	background:#333;
	padding:5px;
	display:none;
	color:#fff;
}

#screenshot{
	position:absolute;
	border:1px solid #ccc;
	background:#333;
	padding:5px;
	display:none;
	color:#fff;
}

.contentLoading{	
	display:none;
}

.toUp{
	text-transform:capitalize;
}

.bold{font-weight:bold;}
a { color: #60C3DB; text-decoration: none; }
a:hover { text-decoration: underline; }

#wrap {
	width: 980px;
	margin: 0 auto;
	/*background:url('../images/prova.gif') no-repeat right bottom;*/
}

	/*classe per sottotitolo*/
	.subTitle{
		color: #FAFFB0;
		font-size:16px;
		padding:0px 0px 10px 0px;
	}

	.subTitleImages{
		color: #FAFFB0;
		font-size:16px;
		padding:10px 0px 10px 0px;
	}
	
		.subTitle a{
			color: #FAFFB0;		
		}
	

	.absinthe{
		background:url('../images/cocktails/absinthe.gif') no-repeat right;
		
		width:420px;
	}

	/*classe per sottotesti*/
	.subText{
		color: #FFFFFF;
		
	}
		
		.subText img.left{
			float:left;		
			margin:0px 5px 0px 5px;
			border:0;
		}
		
		.subText img.right{
			float:right;		
			margin:0px 0px 5px 5px;
			border:0;
		}

	/*classe per sottosezioni*/
	.subTextSection{
		color: #FFFFFF;
		padding:5px 0px;
		text-align:left;
	}
	
		.subTextSection span{
			color: #FAFFB0;	
		}
	
	/*classe per sottosezioni messaggi*/
	.messages{
		text-align:center;
		color:#FFFFFF;
	}
	
	/*classe per bottone top*/
	.top{
		text-align:right;
	}
	
	/*classe per sotto link descrizione*/
	.subLink{
		text-align:right;
	}

	/* paginazione */
	.paging{
		padding:5px 0px;		
		margin:5px 0px;
		border-bottom:1px dotted #aaa;
	}
	
		.paging span{
			font-weight:bold;
			padding:0px 5px 0px 0px;
		}

#header {
	margin: 20px 0px;
	clear:both;
}
	
	#header .logo{
		width:200px;
		float:left;
	}
	
	#header .codice{
		width:500px;
		float:left;
	}
	
	#header .ricerca{
		width:255px;
		float:left;
	}
	
	#header h1 {
		font-size: 26px;
		font-weight: 100;
		letter-spacing: -2px;
	}

		#header h1 a {
			color: #FAFFB0;
			text-decoration: none;
		}

		#header h1 a:hover {
			color: #eee;
			text-decoration: none;
		}

	#header h2 {
		color: #999;
		font-size: 18px;
		font-weight: 100;
	}

/*content generale*/
#content {
	float: right;
	width: 467px;
	padding: 0 20px 20px 10px;
	/*border-left: 1px dotted #aaa;*/
	text-align: justify;
}

	#content h1 {
		color: #B0FFBD;
		font-size: 16px;
		font-weight: 100;
		padding: 10px 0 5px 0;
		border-bottom: 1px dotted #aaa;
		margin-bottom: 10px;
	}

		#content h1 a {
			color: #B0FFBD;
			text-decoration: none;
		}

		#content h1 a:hover {

		}

h3{
	color:#FAFFB0;
	font-size: 22px;
	font-weight: 100;
	text-align:center;
	text-transform:uppercase;
}	


.img{position:absolute;bottom:8px;left:9px;}
.text{padding:9px;color:#000000;}
.blog{position:relative;margin:30px 5px 0px 5px;width:140px;height:300px;background-color:#CCCCCC;float:left;text-align:left;font-size:10px;}
.cocktails{position:relative;margin:60px 5px 0px 5px;width:140px;height:300px;background-color:#CCCCCC;float:left;text-align:left;font-size:10px;}
.lab{position:relative;margin:90px 5px 0px 5px;width:140px;height:300px;background-color:#CCCCCC;float:left;text-align:left;font-size:10px;}
.download{position:relative;margin:60px 5px 0px 5px;width:140px;height:300px;background-color:#CCCCCC;float:left;text-align:left;font-size:10px;}
.contatti{position:relative;margin:30px 5px 0px 5px;width:140px;height:300px;background-color:#CCCCCC;float:left;text-align:left;font-size:10px;}

/*content double column*/
#contentDouble {
	float: right;
	width: 760px;
	padding: 0 20px 20px 10px;
	/*border-left: 1px dotted #aaa;*/
	text-align: justify;
}

	#contentDouble h1 {
		color: #B0FFBD;
		font-size: 16px;
		font-weight: 100;
		padding: 10px 0 5px 0;
		border-bottom: 1px dotted #aaa;
		margin-bottom: 10px;
	}

		#contentDouble h1 a {
			color: #B0FFBD;
			text-decoration: none;
		}


/*content one column*/
#contentOnce {
	width: 860px;
	float:left;
	padding: 0px 20px 20px 10px;
	/*border-left: 1px dotted #aaa;*/
	text-align: justify;
}

	#contentOnce h1 {
		color: #B0FFBD;
		font-size: 16px;
		font-weight: 100;
		padding: 10px 0 5px 0;
		border-bottom: 1px dotted #aaa;
		margin-bottom: 10px;
	}

		#contentOnce h1 a {
			color: #B0FFBD;
			text-decoration: none;
		}


#leftmenu {
	float: left;
	width: 160px;
	padding: 0 20px 10px 0;
	border-right: 1px dotted #aaa;
}

	#leftmenu h2 {
		border-bottom: 1px dotted #aaa;
		padding: 10px 0 5px 0;
		margin-bottom: 10px;
		color: #B0FFBD;
		font-size: 16px;
		font-weight: 100;
	}

	#leftmenu ul {
		list-style-type: none;
		padding: 0 0 10px 0;
	}

#rightmenu {
	float: left;
	width: 249px;
	padding: 0 20px 20px 20px;
	border-right: 1px dotted #aaa;
}

	/*stile bordo immagini*/

	#rightmenu .rightImages{
		height: 250px; 
		width: 250px; 
		padding: 0px;  
		border: 1px solid #aaa;
	}
		
	/*stile testo senza bordo*/	
	#rightmenu .rightText{
		height: 250px; 
		width: 250px; 
		padding: 0px;  
	}
	
	#rightmenu h2 {
		border-bottom: 1px dotted #aaa;
		padding: 10px 0 5px 0;
		margin-bottom: 10px;
		color: #B0FFBD;
		font-size: 16px;
		font-weight: 100;
	}

	#rightmenu ul.first {
		list-style-type: none;
		padding: 0 0 10px 0;
	}
	
	#rightmenu ul.second{
		list-style-type: none;
		padding: 0 0 10px 10px;
	}

#footer {
	margin-top: 20px;
	border-top: 1px dotted #aaa;
	font-size: 11px;
	text-align: center;
	padding: 10px 0 10px 0;
}

	#footer a { 

	}

	#footer a:hover {

	}
