/* CSS di RatoDesign */

body { 
	background:url(_bg.jpg) repeat-x top #ffffff;
	color:#616161;
	font-size:12px;
	font-family: helvetica, verdana, arial, sans-serif;
	margin:0; 
	padding:0;
}

h1,h2,h3,h4,h5,h6 { margin:0; padding:0; }

ul { list-style-type:none; margin:0; padding:0; }

form { margin:0; padding:0;}

a { color:#010000; text-decoration:none;}
a:hover { text-decoration:underline; }
a img  { border:0; }

.left { float:left; } .right { float:right; } .clear { clear:both; }

h1 { font-family:font2; font-weight:normal; font-size:50px; color:#161616; margin:0 0 0; }
h2 { font-family:font2; font-weight:normal; font-size:50px; color:#161616; margin:0 0 0; }
#colonna_home h1 { font-family:font2; font-weight:normal; font-size:24px; color:#4A94AF; }
#colonna_home h2 { font-family:font2; font-weight:normal; font-size:24px; color:#4A94AF; }
#main .txt_in h2 { font-family:font2; font-weight:normal; font-size:20px; color:#4A94AF; float:left; width:515px; border-bottom:1px dotted #cccccc; padding-bottom:5px; padding-left:5px; }
 
/* Struttura */

#cont { width:900px; margin:0 auto; }
#head { height:26px; color:#FFFFFF; float:left; width:100%; padding-top:7px; font-size:11px; }
#head a { color:#6CAAC1; text-decoration:none; }
#head div.right { margin-right:10px; }
#head div.left { margin-left:10px; }

#header { width:900px; height:120px; float:left; background:url(freelance-webdesigner.jpg) top right no-repeat; border-bottom:1px solid #E9E9E9; margin-bottom:35px; }
#menu_top { float:left; margin-left:50px; width:520px; font-family:font1; font-weight:normal; font-size:20px; margin-top:90px; }
#menu_top ul { float:left; }
#menu_top ul li { float:left; }
#menu_top ul li a { float:left; color:#848484; font-size:13px; padding:5px 28px 5px 0 ; }
#menu_top ul li a.sel { color:#161616; }

#colonna { float:left; width:330px; margin-right:50px; margin-bottom:60px; }
#main { float:left; width:520px; margin-bottom:60px; }

#footer { width:100%; margin:0 0 0 0; background:#F2F2F2; border-top:1px solid #CCCCCC; height:80px; font-size:10px; }
#footer_in { width:900px; margin:20px auto 0 auto; color:#999999; } #footer_in a { color:#999999; }

#cont_home { width:900px; float:left; border-bottom:1px solid #E9E9E9; margin-bottom:60px;  }
#colonna_home { float:left; width:330px; margin-right:50px;  }
#main_home { float:left; width:520px; }

.servizi_home { font-family:font2; font-weight:normal; font-size:16px; color:#999999; line-height:30px; }
.servizi_home ul  { float:left; margin-top:40px; }
.servizi_home ul li { font-family:font2; font-weight:normal; font-size:16px; color:#999999; height:30px;}
.servizi_home ul li a { color:#999999; float:left; }

/* Char */
.sottotiolo { font-family:font2; font-weight:normal; font-size:30px; color:#47767E; }
.txt_in { line-height:20px; margin-top:20px; float:left; font-weight:normal; }
.txt_in a { color:#4A94AF; }
.focus { color:#4A94AF; }
.focus2 { color:#000000; }
.intestazione { font-family:font2; font-weight:normal; font-size:20px; color:#4A94AF; float:left; width:320px; border-bottom:1px solid #E9E9E9; padding:5px; }
ul.latest_work { float:left; width:330px; margin-bottom:30px; }
ul.latest_work li { float:left; width:325px; padding:8px 0 8px 5px; border-bottom:1px solid #E9E9E9; font-size:10px; color:#838383; }
ul.latest_work li a { color:#4A94AF; }
.img_latest_work { width:146px; height:83px; float:left; background:url(_bg_latest_work.jpg); margin-right:12px;
padding:5px 0 0 6px; }
.tit_work { color:#000000; margin-top:5px; float:left; font-weight:bold; font-size:11px; }
ul.also_on { float:left; margin-left:5px; margin-top:10px; }
ul.also_on li { float:left; margin:0 0 10px 0; width:300px; }
.txt_sx { width:320px; margin:10px 0 30px 5px; line-height:18px; }
.txt_sx a { color:#4A94AF;}
.txt_in_h2 { width:510px; margin:5px 0 20px 5px; float:left; line-height:20px;  }
.innerError { font-size:12px; color:#FF0000; }

input.bt_form { font-weight:bold; font-size:12px; background:#000000; color:#FFFFFF; padding:3px 7px; }