@import url(reset.css);

/**********************************************************************************************************
 elementi * elementi * elementi * elementi * elementi * elementi * elementi * elementi * elementi * elementi * 
**********************************************************************************************************/
html,body {color:#707070;font:13px Tahoma, Geneva, sans-serif;line-height:22px;}

h1 {text-indent:-9999px;}
h2 {font:18px Georgia, "Times New Roman", Times, serif;}

h2#slogan {
	border-top:1px solid #cccccc;
	border-bottom:1px solid #cccccc;
	color:#918f8e;	 
	font-style:italic;
	line-height:26px;
	padding:10px 0;
}
h3 {color:#839968;font-size:14px;}
h4 {color:#444444;font-size:12px;font-weight:bold;}

p {margin:0 0 10px 0;}

a{color:#df5d04;}
a:hover {text-decoration:none;}



/**********************************************************************************************************
 classi * classi * classi * classi * classi * classi * classi * classi * classi * classi * classi * classi * 
**********************************************************************************************************/
.left {float:left;}
.right {float:right;}
.italic { font-style:italic;font-weight:normal;}
.shadow {
	text-shadow:1px 1px #ffffff;
}
.black_shadow {
	text-shadow:1px 1px #444444;
}


/**********************************************************************************************************
 top *  top *  top *  top *  top *  top *  top *  top *  top *  top *  top *  top *  top *  top *  top * 
**********************************************************************************************************/

#top {background:url("img/bg_top.jpg") repeat-x;}
#top-container {margin:0 auto;height:704px;width:960px;}


/* logo */
#top-container h1 {background:url("img/logo.gif");height:86px; width:294px;}

/* menu */
#menu {color:#444444;font-size:12px;font-weight:bold;line-height:12px;margin:20px;}
#menu li{}
#menu a{border-right:1px dotted #cccccc;color:#aaaaaa;font-size:10px;text-decoration:none;}
#menu a:hover{color:#df5d04;}
#menu #menu-portfolio h4{margin:0 0 0 42px;}
#menu #menu-contatti h4{margin:0 0 0 62px;}
#menu #menu-blog h4{margin:0 0 0 52px;}
#menu #menu-portfolio a{background:url("img/bg_menu-portfolio.gif") no-repeat left;margin: 0 8px;padding:22px 18px 10px 34px;}
#menu #menu-contatti a{background:url("img/bg_menu-contatti.gif") no-repeat left;margin: 0 8px;padding:22px 18px 10px 54px;}
#menu #menu-blog a{background:url("img/bg_menu-blog.png") no-repeat left;margin: 0 8px;padding:22px 18px 10px 44px;}


#top-content {margin:60px 0 0 0 ;width:960px;}
#top-content div{padding:30px 10px;width:450px;}



#slider{background:url("img/bg_content-slider.gif") repeat-x bottom;text-align:center;}
#slider img {border:1px dotted #cccccc;margin:40px 0 0 0;padding:10px;}

#about ul li{border-right:1px dotted #aaaaaa;padding:0 6px 0 0; display: inline;}
#about h2{margin:0 0 7px 0;text-indent:-9999px;}
#about h2#webconstile{background:url("img/webconstile.gif") no-repeat;}
#about h2#siti-internet{background:url("img/siti-internet.gif") no-repeat;}
#about h3{margin:8px 0 1px 0;}

/**********************************************************************************************************
 center *  center *  center *  center *  center *  center *  center *  center *  center *  center *  center * 
**********************************************************************************************************/

#center {background:#999999;padding:20px 20px 40px 20px;}
#center-content {margin:0 auto;width:960px;}
#center-content h2#portfolio{background:url("img/cloud_portfolio.png") no-repeat;height:88px;left:820px;position:relative;text-indent:-9999px;top:-50px;width:110px;}
#center-content p{color:#eeeeee;font-size:11px;font-style:italic;margin:0 0 0 5px;}

#lavori ul li{display: inline-block;margin:0 26px 20px 0;}
#lavori h4{color:#ffffff;line-height:10px;margin:5px 0 0 5px;text-shadow:1px 1px #444444}
#lavori img{background:#444444;border:1px solid #bbbbbb;padding:10px;}
#lavori img:hover{background:#ffffff;border:1px solid #777777;padding:10px;}


#lavori a { color:#2e4f05;}


.gallery {position:relative;}



/**********************************************************************************************************
 bottom * bottom * bottom * bottom * bottom * bottom * bottom * bottom * bottom * bottom * bottom * bottom
**********************************************************************************************************/

#bottom {background:url("img/bg_bottom.jpg") repeat-x;padding:20px 20px 9px 20px;}
#bottom-content {height:550px;margin:0 auto;width:960px;}
#bottom-content h2#contatti{background:url("img/cloud_contatti.png") no-repeat;height:88px;left:0px;position:relative;text-indent:-9999px;top:-50px;width:110px;}


/**********************************************************************************************************
 form * form * form * form * form * form * form * form * form * form * form * form * form * form * form 
**********************************************************************************************************/

#form h3, #email-webconstile h3{margin:20px 0 20px 0;}
#form {width:600px;}
#email-webconstile {margin:0 0 0 40px;width:300px;}


#contactform {margin:20px 0 0 0;}
#contactform label{display:block;float:left;padding:4px 10px 3px 0 ;text-align:right;width:120px;}
#contactform input, #contactform textarea{background-color:#ffffff;border:2px solid #dddddd;color:#444444;font:13px Tahoma, Geneva, sans-serif;display:block;margin:0 0 10px 0;padding:3px 3px 3px 6px;}
#contactform textarea{padding:5px 3px 3px 6px;}
#contactform input:focus, #contactform select:focus,#contactform textarea:focus{background-color:#dee4d7;border:2px solid #839968;display:block;margin:0 0 10px 0;}
#contactform input{width:182px;height:20px;}
#contactform button{background-color:#c8d6b6;border:2px solid #aaaaaa;color:#666666;margin:10px 0 0 131px;height:30px;width:150px;}
#contactform button:hover{background-color:#b8d299;border:2px solid #839968;color:#444444;cursor:pointer;margin:10px 0 0 131px;height:30px;width:150px;}



#contactform span.error           {position:absolute;color:red;top:2294px;margin:0 0 0 300px;text-align:center;}
#message							{ width:380px;margin:60px 0 0 160px; }
#checkmark						{ position:relative;top:-66px;left:-60px; }

/**********************************************************************************************************
 javascript TOTOP * javascript TOTOP * javascript TOTOP * javascript TOTOP * javascript TOTOP * javascript TOTOP
**********************************************************************************************************/

#totop a
{
	display: block;
	display: none;
 
	z-index: 999; 
 
	opacity: .9;
 
	position: fixed;
 
	top: 100%;
	margin-top: -60px; 
 
	
	left: 0%;
	margin-left: 0; 
 
	/*
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
 	*/
	
	width: 100%;
	line-height: 48px;
	height: 48px;
	padding: 10px;
	background-color: #000;
	font-size: 24px;
	text-align: center;
	color: #fff;
	text-decoration:none;
}