@charset "utf-8";
/* CSS Document */
*{ border:0px; margin:0px; padding:0px;}
body{ background:#0d1315 url(../img/bg.jpg) top left repeat-x; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:65%;}
#tot{ width:100%;}
#header{ width:100%; height:214px;  background:url(../img/sfondo.jpg) top center no-repeat;}
#logo{ width:44%;  float:left;}

#rett{ background:url(../img/sfondo.png) top center no-repeat;width:100%; height:272px;}
div .auto li{width:100%; font-size:18px; font-weight:bold;}

/*menu*/

#menu{ width:56%;  float:right;}
#menu ul {list-style:none;margin:0;padding:0;}
#menu li {float:left;width:100px;margin:0;padding:0;text-align:center; height:24px;}
#menu li a {display:block;padding:5px 10px;height:100%;color:#FFF;text-decoration:none;}
#menu li a {background:url(../bg2.jpg) repeat 0 0;}
#menu li a:hover, li a:focus, li a:active {background-position:-150px 0;color:#333;}
#menu #a a {background:url(../bg.jpg) repeat 0px 35px;}

/*content*/
#content{ width:1000px; margin:0px auto; color:#8abad3; padding-top:12px; height:330px;}
#content a{ color:#FFFFFF; text-decoration:none;}
#content a:hover{ color:#FF9933;text-decoration:none;}
#last{ width:32%; float:left; }
#skill{ width:32%;height:300px;float:left;  margin-left:18px;}
#awards{ width:32%;height:300px;float:right; }

/*footer*/
#footertop{ width:100%; height:30px; clear:both;}
#tabsB {width:100%;line-height:normal;}
#tabsB ul {margin:0;padding:10px 10px 0 0px;list-style:none;}
#tabsB li {display:inline;margin:0;padding:0;}
#tabsB a {float:left;background: url(../img/tabrightB.gif) no-repeat left top; margin:0;padding:0 0 0 4px;text-decoration:none;}
#tabsB a span {float:left;display:block;background:url("../img/tableftB.gif") no-repeat right top;padding:5px 15px 3px 6px;color:#333;}
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#tabsB a span {float:none;}
/* End IE5-Mac hack */
#tabsB a:hover span {color:#000;}
#tabsB a:hover {background-position:0% -42px;}
#tabsB a:hover span {background-position:100% -42px;}
#footer{ width:100%; height:50px; background: #8abad3; }
.footer_inside{ width:1000px;margin:0px auto; }
#lf{ float:left;width:46%;text-align:left; }

#rg{ float:right;width:46%;text-align:right; }

h3{ margin: 1px 1px 0 1px; color:#FFF; font:18pt Arial, sans-serif; letter-spacing:-1px; font-weight: bold;  }

.boxgrid{ width: 240px; height: 240px; margin-top:6px; float:left; background:#000; overflow: hidden; position: relative; border:#66cbff 3px solid;}
.boxgrid img{ position: absolute; top: 0; left: 0; border: 0; }
.boxgrid p{ padding: 0 1px; color:#000; }
.boxcaption{ float: left; position: absolute; background: #66cbff; height: 130px; width: 100%; opacity: .8; 
/* For IE 5-7 */
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
/* For IE 8 */
-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
}
.captionfull .boxcaption {top: 160;left: 0;}
.caption .boxcaption {top: 12;left: 0;}
#sin{ width:210px; float:left;}
#des{ float:right;}
/*td{ width:120px;}
input{width:240px;}


#extra{}background-color:#999999;background-color:#99cc99;background-color:#009999;text-align:center;
#footer{}
#hd{ width:100%; height:214px;}
#center{ width:100%; height:272px;}
.boxgrid{width: 120px;height: 60px; float:left; overflow: hidden; position: relative;background:url(img/icon2.jpg) top left no-repeat;text-align:center;}
.boxgrid img{ position: absolute; top: 0; left: 0; border: 0;margin:0; }
.boxgrid a{ color:#65caff; text-decoration:none;    }
.boxgrid a:hover{ color:#65caff; text-decoration:none;  }
.testomenu{padding-top:20px; font-size:150%; }


#tot{}
*/

form {
	width: 660px;
	height:555px;
	text-align: left;
	margin:0px auto;
	
/*	background:#FF66CC url(images/lavori/form.jpg) top center no-repeat;
*/

}

fieldset {
	margin: 0;
	border: 0;
	padding: 0;
}

legend {
	display: none;
}

form h3 {
	clear: both;
	padding: 5px 0px 10px 0px;
	font-size: 14px;
}

form label {
	display: block;
	width: 310px;
	font-size: 12px;
	line-height: 14px;
	padding: 0px 0px 12px 0px;
}

form input {
	display: block;
	margin-top: 3px;
}

form select {
	float: left;
	display: block;
}

form label.field-first,

form label.field-city,
form label.field-email {
	clear: left;
}


form label.field-first,
form label.field-last,
form label.field-city,
form label.field-email,
form label.field-phone {
	float: left;
	margin: 0px 10px 0px 0px;
	width: 150px;
}

form label.field-first input,
form label.field-last input,
form label.field-email input,
form label.field-city input,
form label.field-phone input {
	float: left;
	width: 150px;
	padding: 0px;
}

form label.field-state {
	float: left;
	margin-right: 10px;
	width: 60px;
}

form label.field-state select {
	width: 60px;
	float: left;
	margin-top: 3px;
}

form label.field-zip {
	float: left;
	width: 80px;
}

form label.field-zip input {
	float: left;
	width: 80px;
}

form label.field-address {
	float: left;
	width: 310px;
	margin: 0px 0px 0px 0px;
}

form label.field-address input {
	float: left;
	width: 270px;
	padding: 0px;
}

form input#radiobutton_1,
form input#radiobutton_5,
form input#radiobutton_2,
form input#radiobutton_3,
form input#radiobutton_4 {
	clear: left;
	float: left;
	padding: 0px;
	margin: 0px 0px 0px 0px;
}

form label.radioitem {
	clear: none;
	margin: 0px 0px 0px 25px;
	padding: 0px 0px 15px 0px;
}

textarea {
	display: block;
}

form input#checkbox_1,
form input#checkbox_2,
form input#checkbox_3 {
	clear: both;
	float: left;
	padding: 0px;
	margin: 0px;
}

form label.field-checkbox {
	clear: none;
	margin: 0px 0px 0px 25px;
	padding: 0px 0px 15px 0px;
}

form textarea {
	margin-top: 3px;
	width:510px;
}