/*  ---RESET---  */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-size: 100%;
vertical-align: baseline;
background: transparent;
}
body {
line-height: 1;
}
ol, ul {
list-style: none;
}
blockquote, q {
quotes: none;
}

/* remember to define focus styles! */
:focus {
outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
text-decoration: none;
}
del {
text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
border-collapse: collapse;
border-spacing: 0;
}


/* ---------->>> body e html <<<-----------*/

html{
}
body{
	text-align: center;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#666666;
	background-image:url(images/bg_body_top.gif);
	background-repeat:repeat-x;
	margin-top:8px;
	line-height:14px;
}

/* ---------->>> TITLE  <<<-----------*/

h1{
	font-family:"Times New Roman", Times, serif;
	font-size:24px;
	color:#f68920;
	margin:18px 0;
}
h2{
	font-family:"Times New Roman", Times, serif;
	font-size:24px;
	color:#f68920;
	margin:18px 0;
}
h3{
	font-family:"Times New Roman", Times, serif;
	font-size:20px;
	color:#f68920;
	margin:20px 0 12px 0;
}
h4{
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#f68920;
	font-weight:bold;
}
h5{
	font-size:12px;
	color:#000000;
}
h6{
	font-size:12px;
	color:#000000;
}

/* ---------->>> TEXT  <<<-----------*/

p{
	line-height:16px;
	margin:10px 0;
}

a, li a{
	color:#666666;
	text-decoration:underline;
}

a:hover, li a:hover{
	color:#f68820;
	text-decoration:underline;
}

/* ---------->>> DIV PAGINA  <<<-----------*/

div#cont {
	width:800px;
	margin: 0px auto;
	text-align: left;
}

/* header */
div#header{
	height:119px;
}

div#header a img{
	margin:30px 0 0 10px;
}

/* Main Menu */
div#mainmenu{
	width:436px;
	float:right;
	margin-top:44px;
}
div#mainmenu ul.mm li {
	float:left;
	margin-right:11px;
}

div#mainmenu ul.mm li a{
	color:#666666;
	text-decoration:none;
	width:98px;
	height:34px;
	display:block;
	font-size:12px;
	line-height:34px;
	text-align:center;

}

div#mainmenu ul.mm li a:hover{
	text-decoration:none;
	background-image:url(images/bg_btn_mainmenu.gif);
	background-repeat:no-repeat;
	background-position:0 0;
	font-size:12px;
}

/* Menu servizio */

div#serv_menu{
	height:85px;
	background-image:url(images/bg_serv_menu.gif);
	background-repeat:repeat-x;
	border-top:1px solid #9bcb3c;
	border-bottom:1px solid #9bcb3c;
	padding-left:17px;
}
div#serv_menu ul.sm {
	margin-top:18px;
}

div#serv_menu ul.sm li {
	float:left;
}

div#serv_menu ul.sm li a{
	color:#666666;
	text-decoration:none;
	width:185px;
	margin-right:5px;
	height:48px;
	display:block;
	font-size:11px;
	line-height:48px;
	text-indent:55px;
	background-position:0 0;
	background-repeat:no-repeat;
}

div#serv_menu ul.sm li a:hover{
	color:#f68920;
	text-decoration:none;
	font-size:11px;
	background-position:0 -48px;
	background-repeat:no-repeat;
}

div#serv_menu ul.sm li.sm01 a, div#serv_menu ul.sm li.sm01 a:hover{background-image:url(images/btn_serv01.gif);}
div#serv_menu ul.sm li.sm02 a, div#serv_menu ul.sm li.sm02 a:hover{background-image:url(images/btn_serv02.gif);}
div#serv_menu ul.sm li.sm03 a, div#serv_menu ul.sm li.sm03 a:hover{background-image:url(images/btn_serv03.gif);}
div#serv_menu ul.sm li.sm04 a, div#serv_menu ul.sm li.sm04 a:hover{background-image:url(images/btn_serv04.gif);}



/* Contenuti */

div#contenuti{
	padding:10px 10px 0px 10px;
}

div#right{
	float:right;
	width:240px;
}
div#right ul li {
	margin:14px 0;
}
div#right ul li a{
	text-decoration:none;
}
div#right ul li a:hover{
	text-decoration:underline;
}
div#center{
	margin-right:290px;
}

div#center a{
	text-decoration:underline;
}

div#center a:hover{
	text-decoration:underline;
}

div#kw {
	font-size:9px;
	color:#cccccc;
}

/* Contatto */

div#contatto{
	background-image:url(images/bg_form.gif);
	background-repeat:repeat-x;
	padding:20px 10px 10px 10px;
}

div#info{
	float:right;
	width:240px;
	margin-top:48px;
}

div#info a{
	text-decoration:none;
}

div#form{
	margin-right:290px;
}

div#form p{
	line-height:14px;
}

div#form label{
	width:147px;
	float: left;
	text-align: left;
	margin-right: 10px;
	display: block
}

div#form div{
	padding-top:10px;
}

div#form div input{
	padding:2px;
}

div#form .inputtext{width:200px; background-color:#fafbfc; border:1px solid #999999;}
div#form .inputlist{width:205px; background-color:#fafbfc; border:1px solid #999999; padding:2px;}
div#form .inputtextarea{width:320px; height:75px; background-color:#fafbfc; border:1px solid #999999; padding:2px;}

div#form .inputbtn{margin-left:157px; width:85px;}

div#form .inputtext:focus, 
div#form .inputlist:focus,
div#form .inputtextarea:focus{background-color:#FFFFCC}

/* Footer */
div#footer{
	clear:both;
	border-top:1px solid #CCCCCC;
	color:#CCCCCC;
	font-size:10px;
	text-align:center;
	padding:10px 0;
}

/* classi generiche*/

.clearer{clear:both; height:20px;}

/* ---------------------------------  PAGINE -------------------------------------------- */

/* PORTFOLIO */

div.portfolio{ padding:5px 0 10px 0;}
div.portfolio a {color:#999;}
div.portfolio a:hover {color:#999;}

div.portfolio_info{}
div.portfolio_info img{float:left; margin:0 10px 10px 0; border:1px solid #CCCCCC;}
div.portfolio_details{clear:left;}

div.portfolio_info p{line-height:14px; margin:4px;}
div.portfolio_info p.portfolio_title{font-weight:bold; color:#f68920; font-size:12px; padding-top:7px;}
div.portfolio_info p.portfolio_url{color:#999;}
div.portfolio_info p.portfolio_date{color:#999; font-size:10px;}
div.portfolio_info p.portfolio_collaborazioni{color:#999; font-size:10px;}

div.portfolio_info ul{margin:10px 0;}

div.paginazione{
	text-align:center;
	padding:5px;
	clear:both;
	border-top:1px solid #dadada;
}

/* SERVIZI */

div.servizio{clear:left;}
div.servizio img{float:left; margin:0 15px 0 0}
p.servizio_title{font-family:Arial, Helvetica, sans-serif;font-size:14px;color:#f68920;margin:20px 0 12px 0;font-weight:bold;}
p.servizio_title a{color:#f68920; text-decoration:none}
p.servizio_title a:hover{color:#f68920; text-decoration:underline}

/* SERVIZIO SINGOLO */

.servizio_img{float:right; margin:0 0 10px 10px;}

a.altriservizi{
	text-decoration:underline; 
	font-weight:bold; 
	background-image:url(images/goto.gif); 
	background-repeat:no-repeat;
	padding-left:10px;
	background-position:0 4px;
}


/* Breadcrums */

div.breadcrumbs{
	font-size:10px;
	color:#666;
}

div #center div.breadcrumbs a{
	color:#f68920;
	text-decoration:none;
}

div #center div.breadcrumbs a:hover{
	color:#f68920;
	text-decoration:underline;
}