/* --------- BODY --------- */

html,body{margin: 0;padding:0}
body{font-family: 'Ubuntu', sans-serif; color:#000000; }
* { margin: 0; padding: 0;}
a:link { text-decoration: none; color: #001b42}
a:visited { text-decoration: none; color: #001b42}
a:hover { text-decoration: underline; }
.clearfloat { clear:both; margin:0; padding:0}
img {border:0px}

/* --------- HEADER ---------*/

#header{width:100%; height: 100px; float:left; margin:0 auto; background-color:#FFFFFF;}
#header_contain{margin: 0 auto; width:1000px; height: 80px; padding: 10px 0 10px 0; }
#logo1 {width: 63px; height: 63px; float: left; margin-top:10px}
#logo2 {width: 116px; height: 39px; float: right; margin-top: 20px; background: no-repeat url("../images/strange_logo.jpg");}


/* --------- MENU ---------*/

#nav { font-family: 'Ubuntu', sans-serif; font-size: 13px; font-weight: normal; margin: 44px 0 0 320px;}
#nav h1 {display: none;}
#nav a { color: #727272;}
#nav a:hover, #nav a.now { color: #001b42; font-weight: normal; background-color:#d9dadb;  text-decoration: none;}
#nav ul { height: 20px; list-style: none outside none; margin: 3px 0 0 0; padding: 0;}
#nav ul li { float: left; margin: 0; padding: 0;}
#nav ul li a{ display: block; height: 20px; text-align: center; padding: 5px 10px; margin: 0 0 0 10px}

/* --------- BANNER ---------*/
#banner{width:100%; float:left; margin:0 auto;}
#banner_contain{margin: 0 auto; width:1000px;}

#video{width:495px; height:272px; background-color:#F00; float: left}
#box1{width:495px; height:130px; background-color:#789; float: left; margin: 0 0 12px 10px}
#box2{width:495px; height:130px; background-color:#FF0; float: left;  margin: 0 0 0 10px}
#box3{width:1000px; height:272px; float: left;  margin: 0 0 0 0}
#striscia {width:980px; background-color:#d9dadb; float: left;  margin: 10px 0 20px 0; font-size: 10px; padding: 10px;}
.grey{color:#666;}
	
/* --------- MAIN ---------*/
#main{width:100%; float:left; margin:0 auto; }
#main_contain{margin: 0 auto; width:1000px; min-height:300px}
#main_left{width:295px; min-height:300px; margin-right:15px; float:left}
#main_right{width:690px; min-height:300px; float:left; font-size:13px}
#maintext{float:left; padding:0 0 0 20px; line-height:28px; width: 670px;}

.box{width:220px; height:215px; float:left; text-align:center; background-repeat:no-repeat; padding:15px 0 0 0; font-size:13px; margin-bottom:20px}
.boxbig{width:640px; height:215px; float:left; text-align:left; background-repeat:no-repeat; padding:15px 0 0 50px; font-size:13px; margin-bottom:20px}

.navside{margin: 0 0 30px 0;}
.navside h2{ background-color:#CCC; padding:10px 0 10px 30px; font-size:15px; }
.navside ul { list-style: none outside none; margin: 10px 0 0 0; padding: 0; font-size:13px;}
.navside ul li { margin: 0; padding: 5px 0 5px 30px;}
.navside ul li a{ display: block;}
.navside ul li a.now { color: #666; font-weight: bold; text-decoration: none;}

#slot_contatti{margin: 0 0 30px 0; border-top:#CCC solid 8px; padding: 20px 0 5px 30px;}
.numtel{font-size:28px; color:#CCC}
.email{margin:10px 0 0 0}
#ricpre{margin: 0 0 30px 0; padding: 0 0 0 30px;}



/* --------- FORM---------*/

.field{margin-bottom:10px; width: 500px;}
#contactform {width: 650px; padding:20px 10px 10px 10px; float: left; background-color:#E8E8E8; font-family: 'Ubuntu', sans-serif;}
label {font-family: 'Ubuntu', sans-serif; display: block; float: left; margin-right:10px; text-align: right; width: 120px; line-height: 25px; font-size: 13px; }
.input{font-size: 14px; padding: 2px; border: 1px solid #b9bdc1; width: 320px; color: #797979;}
.input:focus{background-color:#E7E8E7;	}
.textarea {height:147px;}
.button{ float: right; margin:10px 5px 10px 0; font-weight: bold; line-height: 1; padding: 1px 15px; cursor:pointer; color: #57585A; text-align: center; /*text-shadow: 0 -1px 1px #64799e;*/ background: #a5b8da;background: -moz-linear-gradient(top, #B5B5B5 0%, #F7F7F7 100%); background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#B5B5B5), to(#F7F7F7)); border: 1px solid #919191; -moz-border-radius: 1px; -webkit-border-radius: 1px; border-radius: 1px; -moz-box-shadow: inset 0 1px 0 0 #e9e9e9; -webkit-box-shadow: inset 0 1px 0 0 #cccccc; box-shadow: inset 0 1px 0 0 #d0d0d0;}
.button:hover {background: #adadad;cursor: pointer; color: #FFFFFF;}
.linea {width:100%; height: 10px;  margin:0 0 17px 0; border-bottom:#8f8f8f dashed 1px; float:left }

/* --------- TABLE --------- */
table { border-collapse: collapse; }
td, th { padding: 0.5em; border: 1px #ccc solid; }
thead { background-color:#CCC; }

/* --------- FOOTER --------- */

#footer{width:100%; height: 80px; float:left; margin:10px auto 0 auto; background-color:#D9DADB; color:#000; padding:20px 0 0 0}
#footer_contain {width: 1000px; margin: 0 auto;}
#footer_contain a {color: #000000;}
.footer_slot1 {float:left}
.footer_slot2 {float:left; font-size: 10px; margin: 13px 0 0 10px; }
.footer_slot3 {float:right; font-size: 10px; margin: 13px 0 0 0; color:#FFF}