html,body {height:100%;padding:0;margin:0;}
body {font:10px "LucidaGrande", Arial, sans-serif;background:url(img/bg_header.jpg) repeat-x;color:#878787; }

a {color:#000000;textdecoration:underline;}
a:hover {text-decoration:none;}
a:active { outline: none; }
a:focus { -moz-outline-style: none; }


h3{font-size:18px;}
h5{font-size:11px;}

/*div {border:1px solid #cccccc;}*/

p {padding:0;margin:0;}

.clear {clear:both;}

/************CONTAINER*************/

#container {position: relative;min-height:89%;margin:0 auto;}
body>div#container{position: relative;min-height:89%;}

/************CONTENT************/


#content {width:900px;padding:10px 0 0 0;margin:0 auto;height:100% auto;position: relative;min-height:100%;}

#content_portfolio {min-height:600px;width:900px;padding:0;margin:0 auto;}
body>div#content_portfolio{min-height:100%;width:900px;padding:0;margin:0 auto;}
#content_servizi p {margin: 0 0 2px 0;padding:0;}




/************CLOUD*************/

#cloud {width:900px;height:150px;margin:0 auto;color:#cccccc;text-align:justify;padding:25px 0px 0px 0px;}
#cloud a{color:#cccccc;}



/************HEADER*************/

#header {height:125px;position:relative;padding:0;margin:0 auto;width:900px;}	
	div#logo {position:absolute;top:72px;height:50px;width:190px;text-align:center;}
	div#logo img {border:0;}	


/************MENU*************/
	
#menu {position:absolute;bottom:0px;right:0px;top:98px;width:600px;}
ul.tabmenu  {list-style:none;float:right;}
ul.tabmenu img {border:0px;}
ul.tabmenu li {display:inline;}
ul.tabmenu li a {position:relative;padding:10px 16px 16px 32px;height:60px;}
ul.tabmenu li a:hover {position:relative;padding:10px 16px 16px 32px;height:50px;background: url('img/bg_menu.png') no-repeat top center;}
.attivo {position:relative;padding:10px 16px 16px 32px;height:50px;background: url('img/bg_menu.png') no-repeat top center;}


/************FOOTER*************/

#footer {position:relative;bottom:0;width:100%;background-color:#efefef;color:#999999;margin:2px 0 0 0 ;padding:10px 0 10px 0;text-align:center;}

#footer_content {position:relative;bottom:0;width:900px;margin:0 auto;}
#footer_content a{color:#666666;border:0;padding:0;}
#footer_content h3.titolo{font-size:11px;font-weight:bold;padding-bottom:8px;margin:0;}

#footer_content .footer_block {float:left;width:210px;height:100%;padding:0px 10px 0px 5px;border-left:1px solid #ddd;}
#footer_content .footer_block p{font-size:10px;margin:0;}
#footer_content .footer_last_block {float:left;width:200px;padding:0px 10px 0px 10px;border-left:1px solid #ddd;border-right:1px solid #ddd;}
#footer_content .footer_last_block p{font-size:10px;margin:0;}


/************OPCACITY CLASS*************/


/************COLONNA SINISTRA*************/

div#bcrumb {padding:35px 0px 10px 0px ;color:#999999;}
div#bcrumb a{color:#999999;}
div#bcrumb a:hover{color:#afa863;}

div#index_col_sx {
	margin-top:65px;
	width:175px; 
	line-height:22px;
	height:350px;
	border-right:1px solid #dddddd;
	padding-right:25px;
	float:left;
	
}
div#index_col_sx span {
	background-color:#efefef;
	text-align:left;
}

div#portfolio_col_sx {
	text-align:justify;
	border:1px solid #e7e7e7;
	margin:17px 0 10px 0;
	width:200px;
	min-height:500px;
	height:100% auto;
	padding:0 0 5px 0;
	position:relative;
	float:left;
}
div#sidebar_menu {font:10px "LucidaGrande", Arial, sans-serif; height:100%;padding:0px 0px 30px 0px;}
div#sidebar_menu span{padding:10px 0px 5px 10px;margin:0px;font-size:10px; display:block;}
div#servizi .sservizi{padding:0px 0px 2px 20px;display:none;}
div#servizi .sservizi a{color:#cccccc;text-decoration:none;}
div#servizi .sservizi a:hover{color:#afa863;text-decoration:none;}

div#servizi .sservizi_attivi{color:#afa863;font-weight:bold;}

div#sidebar_menu p a{color:#666666;text-align:center;text-decoration:underline;bottom:0px;position:absolute;padding:0px 10px 6px 15px;}

.submenu {padding:6px 0px 10px 10px;}


/************BODY DX INDEX*************/

div#lw {height:30px;width:925;text-align:right;padding:0px 6px 0px 0px;}

div#index_body {
	margin-top:35px;
	width:680px;
	min-width:680px;
	line-height:22px;
	text-align:justify;
	float:right;
	height:400px;
}

#slideshow {list-style:none;}
#slideshow .comm {width:210px;float:left;margin-right:25px;padding:0;text-align:left;}
#slideshow .comm a{color:#000000;text-decoration:underline;}
#slideshow .foto {float:right;margin:6px 0;text-align:right;}
#slideshow .foto img{height:300px;width:400px;}
#slideshow .foto a,img {border:0px;}


div#portfolio_body {
	text-align:justify;
	margin-top:17px;
	width:680px;
	min-width:680px;
	min-height:100%;
	height:100%;
	padding:0px;
	float:right;
}
.box_lavori {width:680px;height:116px;}
.box_lavori .foto{width:126px;height:94px;padding:4px;border:1px dashed #cccccc;float:left;}
.box_lavori .txt{width:526px;height:100px;margin:15px 0px 0px 4px;vertical-align:text-bottom;float:right;}
.box_lavoro {width:680px;}
.box_lavoro .foto_lavoro{width:680px;text-align:center;}
.box_lavoro .foto_lavoro img {width:400px;height:300px;}
.box_lavoro .foto_lavoro p {padding:0 0 0 140px;text-align:left;margin:0;}
.box_lavoro .foto_lavoro p a {color:#999999;}
.box_lavoro .txt_lavoro{text-align:left;width:660px;height:200px;margin:45px 10px 10px 4px;}
.box_lavoro .txt_lavoro a{color:#313132;text-decoration:underline;}
.box_lavoro .txt_lavoro a:hover{text-decoration:none;}
.20pxspace {height:20px;}


div#page_number {padding:0 0 0 220px;margin:0;}
div#page_number a {background-color:#fefefe;padding:4px;text-decoration:none;}
div#page_number a:hover {background-color:#eeeeee;padding:4px;text-decoration:none;}
div#page_number span {background-color:#cccccc;padding:4px;text-decoration:none;}
div#page_number p{float:left;margin:0;}

/************BODY DX STANDARD*************/


div#std_body {
	margin-top:17px;
	width:900px;
	min-width:900px;
	min-height:300px;
	height:100%;
	padding:0px;
	float:left;
}


#client_list p.name_list {
	width:130px;
	height:25px;
	color:#999999;
	text-align:left;
	padding:0px 19px 0px 1px;
	margin:10px 19px 0px 1px;
	float:left;
}

.grigino {color:#666666;}


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

ul.loghi_OS{ border:1px dashed #dedede;padding:0px;margin:20px 0 0 0;height:80px;}
ul.loghi_OS li{list-style:none; float:left;height:60px;}
ul.loghi_OS img{padding:0px 20px 0px 15px ;}
ul.loghi_OS li a{border:none;}

ul.loghi_WEB{ border:1px dashed #dedede;padding:0px;height:75px;margin:10px 0 0 0;}
ul.loghi_WEB li{list-style:none; float:left;}
ul.loghi_WEB img{padding:0px 10px 0px 15px ;}
ul.loghi_WEB li a{border:none;}

ul.adobe{ padding:10px 0 10px 0;margin:0;height:70px;}
ul.adobe li{list-style:none; float:left;height:60px;}
ul.adobe img{padding:10px 0px 0px 0px ;}
ul.adobe li a{border:none;}


	

/************ CONTATTI *************/

#leftbox_contatti {float:left;}

.txt {
	padding:0px;
}


#form_contatti {float:left;width:360px;margin:48px 0 0 0;padding:0px 0 0 0;}
fieldset {border:1px solid #dfdfdf;}
legend {color:#414141;padding:0 2px 0 2px;margin:10px 10px 10px 2px;}
label {  
	float:left;
  	width:25%;
  	margin-right:1em;
  	padding-top:0.2em;
  	text-align:right;
}

input,textarea { width:200px;background-color:#f4f4f4;border:none;color:#414141;font:11px "LucidaGrande", Arial, sans-serif;padding:2px;}
.submit {float:right;width:70px;margin:0px 118px 10px 0px;font-size:11px ;color:#666666;background-color:#ffffff;border:1px solid #ddd;}
.submit:hover {float:right;width:70px;margin:0px 118px 10px 0px;font-size:11px ; color:#ffffff;background-color:#999999;border:1px solid #fff; cursor:pointer;}


.maps {
	padding:0px;
	float:right;
	text-align:right;
}