/* Warp.it Css */
body {
	padding:0px;
	margin:0px;

	color:#5F7A77;
	font:13px Arial, Helvetica, sans-serif;
}
div, p, ul, h2, h3, h4, h5, img {
	padding:0px;
	margin:0px;
}

img, a img{
	border:0px;
}

p{text-align:justify}

ul {
	list-style-type:none
}

a{
  color:#5F7A77;
  text-decoration:none;
}

h1{
font-size:12px;
font-weight:bold;
margin:0px;
padding:0px;
margin-bottom:6px;
}
input , select{
  padding:3px;
  font-family:Verdana, Arial, Helvetica, sans-serif;
  font-size:10px;
  color:#666;
  border:1px solid #C5CED5;
  background-color:#fff;
  margin-bottom:2px;
}

input , select {
  background-color:#fff;
  padding:2px;
  font-family:Verdana, Arial, Helvetica, sans-serif;
  font-size:10px;
  font-weight:bold;
  color:#666666;
  border:1px solid #C5CED5;
}

textarea{
  padding:3px;
  font-family:Verdana, Arial, Helvetica, sans-serif;
  font-size:10px;
  color:#666;
  border:1px solid #C5CED5;
  background-color:#fff;
  margin-bottom:2px;
}


#wrapper {
	width:778px;
	position:relative;
	margin:0 auto;
	background:#fff;

}
/*----top----*/
#header {
	width:700px;
	height:90px;
	/*background:url(../immagini/topbg.jpg) 0 0 no-repeat #fff;*/
	color:#828282;
	position:relative;
	margin:0 auto;
	
}
#header img.logo {

	position:absolute;
	top:10px;
	right:5px;
}
#header p.caption {
	width:200px;
	background:#fff;
	color:#828282;
	position:absolute;
	top:43px;
	left:235px;
}
#topcontattiPan {
	width:181px;
	height:36px;
	background:url(../immagini/icon1.jpg) 68px 0px no-repeat;
	position:absolute;
	top:11px;
	left:567px;
	padding:7px 0 0;
}
#topcontattiPan p.callus {
	width:63px;
	height:17px;
	display:block;
	background:#DDC40C;
	color:#fff;
	font:14px/17px "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-weight:bold;
	text-transform:uppercase;
	text-align:center;
}
#topcontattiPan p.tollfree {
	width:63px;
	height:20px;
	display:block;
	background:#fff;
	color:#A99607;
	font:11px/20px "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-weight:bold;
	text-transform:uppercase;
	text-align:center;
}
#topcontattiPan p.phoneno {
	width:88px;
	height:28px;
	display:block;
	position:absolute;
	top:7px;
	left:91px;
	background:#fff;
	color:#00473E;
	border:1px solid #A2C1C0;
	font-size:11px;
	line-height:14px;
	text-align:center;
}


/*----header----*/
#header_image {
	width:100%;
	height:367px;
	background:url(../immagini/header2.jpg)  no-repeat center center;
	position:relative;
	margin:0 auto;
	border-top:1px solid #C5CED5;
	border-bottom:1px solid #C5CED5;
	
}


 ul.header_buttons {
 padding:15px;
	width:200px;
	height:45px;
  margin-top:8px;
/*	position:absolute;
	top:10px;
	left:10px;*/
}
ul.header_buttons li {
	float:left;
	height:45px;
}
ul.header_buttons li.home a {
	width:52px;
	height:45px;
	display:block;
	background:url(../immagini/home_nl.gif) 0 0 no-repeat;
	text-indent:-200000px;
	margin:0 12px 0 0;
}

ul.header_buttons li.portfolio a {
	width:52px;
	height:45px;
	display:block;
	background:url(../immagini/portfolio_nl.gif) 0 0 no-repeat;
	text-indent:-200000px;
	margin:0 12px 0 0;
}

 ul.header_buttons li.contatti a {
	width:42px;
	height:45px;
	display:block;
	background:url(../immagini/contatti_nl.gif) 0 0 no-repeat;
	text-indent:-200000px;
	margin:0px;
}

ul.header_buttons li.home a:hover, ul.header_buttons li.portfolio a:hover, ul.header_buttons li.contatti a:hover {
	background-position: 0 -45px;
}



/*----BODY ----*/
#container {
	width:700px;
	background:url(../immagini/bodybg.gif) 0 0 no-repeat;
	position:relative;
	margin:0 auto;
	padding:10px 0 0 0px;
}
/*----dx----*/
#container_left {
	width:90px;
	float:left;
	margin:28px 0 0;
}
#container_left ul.nav {
	width:87px;
}
#container_left ul.nav li {
	width:87px;
	height:22px;
	border-bottom:1px dashed #AECCCA;
}
#container_left ul.nav li a {
	width:72px;
	height:22px;
	display:block;
	background:url(../immagini/bullet-normal.gif) 0 7px no-repeat #fff;
	color:#305E5C;
	line-height:22px;
	text-decoration:none;
	padding:0 0 0 15px;
}
#container_left ul.nav li a:hover {
	background:url(../immagini/bullet-hover.gif) 0 7px no-repeat #fff;
	color:#305E5C;
	line-height:22px;
	text-decoration:none;
	padding:0 0 0 15px;
}
#container_left ul.nav li.home {
	width:72px;
	height:22px;
	display:block;
	background:url(../immagini/bullet-hover.gif) 0 7px no-repeat #fff;
	color:#305E5C;
	line-height:22px;
	text-decoration:none;
	padding:0 0 0 15px;
}
#container_left ul.nav li.last {
	width:87px;
	height:22px;
	border-bottom:none;
}
#container_left ul.header_buttons {
	width:150px;
	height:45px;
	position:absolute;
	top:118px;
	left:250px;
}
#container_left ul.header_buttons li {
	float:left;
	height:45px;
}

/*----sx----*/
#content {
	width:540px;
	float:right;
	border-left:1px solid #C5CED5;
	margin:28px 0 0;
	padding:0 26px;
}
#content p {
	padding:0 0 10px 0;
}
#content p.altro {
	width:100%;
	height:15px;
	float:left;
	background:url(../immagini/sfondo_p.gif) 0 10px repeat-x;
	padding:0 0 24px 0;
	
}
#content p.altro a {
	width:120px;
	height:28px;
	display:block;
	background:url(../immagini/icon_portfolio.png) 0 0 no-repeat #fff;
	color:#F16701;
	line-height:21px;
	text-transform:uppercase;
	text-decoration:none;
	margin:0 0 0 328px;
	padding:4px 0 0 50px;
	
}
#content p.altro a:hover {
	background:url(../immagini/icon_portfolio_hover.png) 0 0 no-repeat #fff;
	/*color:#645804;*/
  color:#F16701;
	text-decoration:none;
  cursor:normal;
}
#content h2 {
	width:96px;
	height:77px;
	float:left;
	display:block;
	background:url(../immagini/icon3.jpg) 8px 38px no-repeat #C5CED5;
	color:#fff;
	font-size:16px;
	font-weight:bold;
	line-height:18px;
	text-transform:uppercase;
	padding:46px 0 0 75px;
	margin:0 0 5px 0;
}
#content h4 {
	width:179px;
	height:121px;
	float:left;
	display:block;
	color:#fff;
	font-size:16px;
	font-weight:bold;
	line-height:18px;
	text-transform:uppercase;
	padding:0px 0 0 0px;
	margin:0 0 8px 0;
  border:1px solid #C5CED5;
  border-right:0px;
}
#content ul.portfolio_item {
	width:333px;
	height:114px;
	float:left;
	border:1px solid #C5CED5;
	background:#fff;
	color:#5F7A77;
	padding:7px 0 0 25px;
}

#content ul.portfolio_item li a, ul.portfolio_item li a:hover {
	color:#5F7A77;
	text-decoration:none;
}

#content .titolo_portfolio, .titolo_portfolio a {
	background:#fff;
	color:#f16701 !important;
	font-size:12px;
	text-decoration:none;
	font-weight:bold;
}

#content .titolo_portfolio a:hover {
	text-decoration:underline;
 }

#content ul.portfolio_item li {
	width:305px;
	height:20px;
}

/*----bottom ----*/
#footer {
	height:103px;
	background:url(../immagini/sfondo_footer.gif) 0 0 repeat-x #D3F0F0;
	color:#2F5958;
	font:13px/20px "Trebuchet MS", Arial, Helvetica, sans-serif;
	position:relative;
	margin:0 auto;
	clear:both;
	padding:36px 0 0;
}
#footer_content {
	width:778px;
	position:relative;
	margin:0 auto;
}
#footer_content ul {
	width:608px;
	height:20px;
	position:relative;
	margin:0 auto;
}
#footer_content li {
	float:left;
}
#footer_content ul li a {
	padding:0 10px 0;
	color:#2F5958;
	background:#EBF8F7;
	text-decoration:none;
	font-size:13px;
}
#footer_content ul li a:hover {
	text-decoration:underline;
}
#footer_content p.copyright {
	width:400px;
	margin:0px 0 10px 19px;
}

p.copyright a{
  text-decoration:none;
  color:#2F5958;
}

#footer_contenthtml {
	width:70px;
	height:24px;
	display:block;
	position:absolute;
	top:35px;
	left:549px;
}
#footer_contenthtml a {
	width:64px;
	height:24px;
	display:block;
	background:url(../immagini/html-normal.gif) 0 0 no-repeat #D3F0F0;
	color:#fff;
	font-size:13px;
	line-height:23px;
	font-weight:bold;
	text-decoration:none;
	text-transform:uppercase;
	padding:0 0 0 7px;
}
#footer_contenthtml a:hover {
	background:url(../immagini/html-hover.gif) 0 0 no-repeat #D3F0F0;
	color:#fff;
}
#footer_contentcss {
	width:58px;
	height:24px;
	display:block;
	position:absolute;
	top:35px;
	left:624px;
}
#footer_contentcss a {
	width:49px;
	height:24px;
	display:block;
	background:url(../immagini/css-normal.gif) 0 0 no-repeat #D3F0F0;
	color:#fff;
	font-size:13px;
	line-height:24px;
	font-weight:bold;
	text-decoration:none;
	text-transform:uppercase;
	padding:0 0 0 10px;
}
#footer_contentcss a:hover {
	background:url(../immagini/css-hover.gif) 0 0 no-repeat #D3F0F0;
	color:#fff;
	text-decoration:none;
}

.seeall{
	clear:both;
	text-align:right;
	font-style:italic; 
}


.seeall a{
	text-decoration:none;
	color: #f16701;
}

.seeall a:hover{
	text-decoration:underline;
	color: #f16701;
}


.clearer{
  width:99%;
  clear:both;
}

.fatture{
  border:1px solid #ccc;padding:5px;width:100%;
}

.fatture th{
  text-align:left;
}

.fatture td{
  border:1px solid #ccc;padding:2px;
}