@charset "UTF-8";
/* CSS Document */

body{
	color: #666;
	background-color:#f0f0f0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	/*background-image:url(../immagini/music.jpg);*/
	}

	
/* ---------  Stili generici per l'allineamento  ---------- */


.left {
	float: left;
	}

.right {
	float: right;
	}

.clear {
	clear: both;
	}


.centrato {
	margin : 0 auto;
	}
	
.clear{
	clear:both;
	}
	
	
/* ---------  Stili generici per le intestazioni e i links  ---------- */





h1 {
	color:#5fb830;
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-size:18px;
	font-weight:lighter;
	margin-bottom:15px;
	}
	

h2{
	color:#666;
	font-size:12px;
	text-transform:uppercase;
	margin:25px 0 5px 0;
	}


h3 {
	color:#5fb830;
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:lighter;
	margin:0;
	padding:0;
	}



h4 {
	color:#999;
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:lighter;
	margin-top:-2px;
	padding-left:60px;
	}
 

.evid {
	color:#5fb830;
	font-weight:bold;
	padding:0;
	margin:0;
	}


a:link {
	color: #5fb830;
	}
	
a:visited {
	color: #5fb830;
	}
	
a:hover {
	color: #5fb830;
	}
	
a:active {
	color: #5fb830;
	}
	
	
	
	
/* ---------  Stili per il layout ---------- */



#all {
	text-align: left;
	width: 980px;
	margin : 0 auto;
	}

#container {
	width:980px;
	}

#top_corner{
	height:38px;
	padding: 2px 50px 0 50px;
	background-image:url(../immagini/bg_top.png);
	background-repeat:no-repeat;
	}
	
.minimenu{
	margin:0 0px 10px 0;
	font-size:10px;
	text-align:right;
	}
	
	.minimenu a{
		color:#ccc;
		text-decoration:none;
		text-transform:uppercase;
		}
		
		.minimenu  a:hover{
			color:#6C0;
			}
	
	.minimenu ul{
		display:inline;
		}
	
	.minimenu  li{
		display:inline;
		padding:0 5px;
		border-right: 1px solid #ccc;
		}
		
	.minimenu h3{
		font-size:8px;
		display:inline;
		}
		
	
.smallicon{
	margin:0 3px;
	float:right;
	background-position:top;
	display:block;
	height:14px;
	width:14px;
	}
		
		.smallicon:hover{
			background-position:bottom;
			}		
			
			.facebook{
				background-image:url(/immagini/ico_small_facebook.jpg);
				}
	
			.linkedin{
				background-image:url(/immagini/ico_small_linkedin.jpg);
				}
			
			.zooppa{
				background-image:url(/immagini/ico_small_zooppa.jpg);
				}
				
			.twitter{
				background-image:url(/immagini/ico_small_twitter.jpg);
				}
		
#header{
	width:880px;
	height:270px;
	float:left;
	margin:0 0 20px 0;
	border-bottom:4px solid #CCC;
	}
	
	#header h1 {
	color:#999;
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-size:22px;
	font-weight:lighter;
	padding:0;
	margin:0;
	}

	#header_sx{
		width:230px;
		float:left;
		}
		
		#logo{
			float:left;
			width:230px;
			padding:15px 0 0 0;
			}
			
			#logo h1{
				margin:0;
				padding:0;
				}
				
		#slogan{
			float:left;
			padding:30px 25px 0 15px;
			}	
	
	
	#header_dx{
		float:left;
		}
		
		
		#flashmenu{
			width:650px;
			}
			

#shadows {
	width:980px;
	clear:both;
	float:left;
	padding:0 50px;
	background-image:url(../immagini/bg_shadows.png);
	background-repeat:repeat-y;
	}



/* stili per la colonna di sinistra*/

	
#sx {
	float:left;
	width:230px;
	}
	

/* boxes */

.boxes{
	padding:15px;
	margin-bottom:5px;
	}
	
	.boxes ul{
		margin:0 0 0 15px;
		padding:0;
		}
		
		.boxes li {
			padding:6px 0;
			border-bottom:1px dotted #006600;
			}
	
		
	.boxes .seeall {
		display:block;
		text-align:right;
		padding:15px 0 0 0;
		font-weight:bold;
		text-decoration:none;
		}
		
	.boxes h2{
		font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
		font-size:18px;
		text-transform:Capitalize;
		}
	
	.boxes h3{
		margin:15px 0 -5px 0;
		padding:0;
		}
		
	.boxes h4{
		margin:0 0 15px 0px;
		color:#999999;
		font-size:11px;
		padding:0;
		}

/* box verde */
	
	
.green{
	background-color:#9fe149;
	color:#006600;
	padding:15px;
	}

	.green h2{
		padding:10px 5px;
		margin:0 0 5px 0;
		color:#fff;
		background-image:url(../immagini/bg_galleries.png);
		background-repeat:repeat-x;
		}
	
	.green a{
		color:#006600;
		}
		
		.green a:hover{
			text-decoration:underline;
			}
	
	.green h3{
		color:#006600;
		font-size:11px;
		margin:0;
		padding:0;
		}
		
		.green h3 a{
			text-decoration:none;
			}	


/* box bianco */


.white{
	border:1px solid #ccc;
	}
	
	.white h2{
		margin:0px;
		}
		
/* ---------------------------- da sostituire ------------------------- */


.first_toopen{
	}

	.second{
		margin-left:15px;
		}
	
	.third{
		margin-left:30px;
		}

	
/* stili per la colonna centrale */


#content{
	float:left;
	width:640px;
	padding: 0 15px;
	}
	
	#content h1{
		padding-left:5px;
		}	

#content_home{
	float:left;
	width:390px;
	padding: 0 15px;
	}

	#content_home h3 img{
		}

#content_pag{
	float:left;
	width:370px;
	padding: 0 25px;
	}
	
.pathway{
	font-size:10px;
	text-align:right;
	}

.hometext{
	margin-top:30px;
	}
	
	

/* stili per la colonna di destra */


.dx {
	float:left;
	width:230px;
	}
	
	
	
/* stili per il footer */


#bottom {
	float:left;
	width:880px;
	}


#footer{
	width:880px;
	height:40px;
	clear:both;
	font-size:10px;
	padding: 30px 50px;
	background-image:url(../immagini/bg_bottom.png);
	background-repeat:no-repeat;
	text-align:right;
	color:#999;
	}

	#footer-right{
		text-align:right;
		float:left;
		}
		
		#footer .minimenu a{
			color:#999;
			}
		#footer .minimenu a:hover{
			color:#6C0;
			}
		
#credits{
	float:right;
	margin:3px 0;
	}
	
#validate{
	width:370px;
	float:left;
	text-align:right;
	margin-top:25px;
	}
	
	.validimage {
		width:88px;
		height:31px;
		display:block;
		border:none;
		float:left;
		margin: 0 5px;
		background-position:top;
		}
		
		.validimage:hover {
			background-position:bottom;
			}
	
	
		.validhtml{
			background-image:url(../immagini/valid-xhtml10-blue.png);
			}
		
		.validcss{
			background-image:url(../immagini/valid-css-blue.png);
			}
		
		
	
/* ---------  Stili per la visualizzazione ---------- */


.greyborder{
	border:2px solid #aaa;
	}


.borderimg {
float: left;
padding-right: 10px;
padding-bottom: 10px;
	}

.noborder {
	border:none;
	}


.bull {
	padding: 0 7px 2px 0;
	}


.immagine2 {
	float: right;
	padding-left: 10px;
	padding-bottom: 10px;
	}

.photocv {
	padding: 0 15px 0px 0px;
	float:left;
	}


.simpletable {
	background-color:#FFF;
	}




/* ---------  Stili per le pagine ---------- */



/* stili per l'index */

.vetrina_home {
	float:left;
	padding:8px;
	}


/* stili per le competenze */

.interlineadoppia li{
	margin:5px 0;
	}


/* stili per il portfolio */


.portfolio_box {
	float:left;
	width: 268px;
	height: 110px;
	padding:20px 20px; 
	margin:5px;
	background-color:#f0f0f0;
	border:1px dotted #ccc;
	}


	.portfolio_img {
		float:left;
		/*border: 2px solid #ccc;*/
		}
		
	
	.portfolio_data {
		float:left;
		width: 120px;
		margin-left:15px;
		}
	
	
	.portfolio_description {
		font-size:10px;
		padding-bottom:5px;
		}
	
	
	.portfolio_link{
		}
		
		
		.portfolio_link:link { 
				color:#5fb830;
				font-weight:bold;
				text-decoration:underline }
				
				
		.portfolio_link:hover { 
				color:#5fb830;
				font-weight:bold;
				text-decoration:underline }
				
				
		.portfolio_link:visited { 
				color:#5fb830;
				font-weight:bold;
				text-decoration:underline }
						

.twocols {
    float: right;
    width: 315px;
    padding-top: 5px;
	margin:0 2px 15px 0;
	}
	
	.twocols h3{
		margin-bottom:15px;
		}
	
	.twocols .number {
		padding:3px 6px;
		border:1px solid #ccc;
		
	}
	
	.twocols a{
		background-color:#6C0;
		padding:4px 7px;
		color:#FFF;
		text-decoration:none;
		}
	
	.twocols a:hover{
		background-color:#fff;
		padding:3px 6px;
		color:#6C0;
		text-decoration:none;
		border:1px solid #6C0;
		
		}
		
/* movie */

.moviebox {
	padding:0 40px;
}



/* shops */


.section_title{
	padding:3px 10px;
	color:#fff;
	background-image:url(../immagini/bg_section.png);
	background-repeat:repeat-x;
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
	}
	
	
/*form*/

.request {
	font-size:11px;
	margin:5px 5px 0 10px;
	}

.field {
	width:110px;
	font-size:10px;
	}
	
.topfield {
	vertical-align:middle;
	}


/* login */

#login {
	float:left;
	width:100%;
}

	#login_sx {
		float:left;
		width: 315px;
		}
	
	#login_dx {
		float:left;
		width: 300px;
		padding-left:10px;
		}
	
	
/* gallery */

.gallery_box {
	float:left;
	width: 119px;
	height: 150px;
	/*padding:20px 20px; */
	margin:5px 0px 5px 10px;
	}

.related_box {
	width:200px;
	padding:5px 0 15px 0 ;
	text-align:center;
	float:left;
	clear:both;
	}


.gallery_img img{
	border:3px solid #ccc;
	}

.gallery_title {
	margin: 0 5px;
	}

.gallery_description {
	font-size:10px;
	padding-bottom:5px;
	}

.gallery_link{
	}
	
	.gallery_link:link { 
			color:#5fb830;
			font-weight:bold;
			text-decoration:underline }
			
	.gallery_link:hover { 
			color:#5fb830;
			font-weight:bold;
			text-decoration:underline }
			
	.gallery_link:visited { 
			color:#5fb830;
			font-weight:bold;
			text-decoration:underline }

.borderzero {
	border: 0;
	}
	
	
/* NEWS */


.newsitem{
	padding:0 0 15px 0;
	}
	
	.newsitem h3{
		}

/* --------- SCHEDE ---------- */


.content_scheda{
	float:left;
	width:370px;
	padding: 20px 25px;
	}
	
	.content_scheda .dx{
		width:250px;
		}

.relate{
	margin-top:25px;
	}
	

/* ------ accordion ------ */


.two{
	padding-left:15px;
	}

.three{
	padding-left:30px;
	}