@charset "utf-8";

/* CSS Document */



/* Regole Globali */

* { margin:0; padding:0 }

body { font-family:MyriadPro, Arial, Helvetica, sans-serif; color:#666; background-color:#eee }

hr { margin-top:30px; border:none; border-bottom:2px dotted #dedede }

.clr { clear:both }



/* Navigazione */

ul#nav { display:block; height:30px; width:100%; background:url(../images/bg_white.png) }

ul#nav li { float:left; font-size:12px; list-style:none }

ul#nav li.lang { float:right }

ul#nav li a { display:block; padding:0 10px; line-height:30px; text-decoration:none; color:#666 }

ul#nav li a:hover { text-decoration:underline; color:#037 }

ul#nav li a.sel { background:url(../images/bg_blue.png); color:#fff }

ul#social { display:block; height:18px; margin:47px 0 10px; float:right }

ul#social li { margin:0 2px; float:left; list-style:none }

ul#social li a { display:block; width:20px; height:18px; background-position:0 0 }

ul#social li a:hover { background-position:0 -18px }

ul#social li a span { display:none }

ul#social li a.facebook { background-image:url(../images/icon_facebook.png); background-repeat:no-repeat }

ul#social li a.twitter { background-image:url(../images/icon_twitter.png); background-repeat:no-repeat }

ul#social li a.rss { background-image:url(../images/icon_rss.png); background-repeat:no-repeat }



/* Blocchi Pagina */

#wrapper { background:url(../images/bg.jpg) 0 0 repeat-x #fff }

#header, .contents { width:960px; margin:0 auto }

#wrapper .contents { background:url(../images/bg_page.jpg) top right repeat-y }

#main_box { width:610px; float:left }

#right_box { width:330px; float:right; background:url(../images/shadow_start.jpg) 0 0 no-repeat } 

#footer { background:url(../images/bg_footer.jpg) 0 0 repeat-x }



/* Elementi Pagina */

#header .logo { display:block; width:255px; height:55px; margin:10px 0; float:left; background:url(../images/logo_header.png) 0 0 no-repeat; text-indent:-10000px }

#img_bg { width:960px; height:262px; border-top:2px solid #fff }

/* #about { width:380px; height:130px; margin-top:72px; padding:10px; float:left; background:url(../images/bg_blue.png); overflow:hidden } */

#about { width:290px; height:192px; margin:10px 10px 0 0; padding:10px; float:right; background:url(../images/bg_blue.png); overflow:hidden }

#about p { margin-bottom:10px; line-height:20px; font-size:15px; color:#fff } 


/*

#consulenza { width:260px; height:192px; margin:10px 10px 0 0; padding:10px; float:right; background:url(../images/bg_white.png); overflow:hidden }

#consulenza p.title { display:block; padding:0 0 7px; font-size:15px; border-bottom:1px dotted #037; color:#037 }

#consulenza form { margin:10px 20px 60px }

#consulenza form input.txt, #consulenza form textarea { display:block; margin-bottom:5px; background-color:#fbfbfb; border:1px solid #a0a0a0; font-family:sans-serif; font-size:12px; color:#999 }

#consulenza form input.txt { width:283px; height:23px; padding-left:5px; line-height:23px }

#consulenza form textarea { width:278px; height:55px; padding:3px 5px; line-height:16px }

#consulenza form input.send { display:block; width:auto; padding:5px 10px; font-family:sans-serif; color:#fff; float:right; background:url(../images/bg_submit_h.jpg) repeat-x #828282; font-size:13px; border:1px solid #828282 }

#consulenza form input:hover.send { background-image:none } 

*/


#main_box .article { margin-top:20px }

#main_box .article p.title { font-size:20px; color:#037 }

#main_box .article p.title a { border: none }

#main_box .article p.title a:hover { text-decoration: underline }

#main_box .article p.subtitle { font-size:15px; line-height:20px }

#main_box .article ul.news-list { margin-top:-20px; padding:0; list-style:none }

#main_box .article ul.news-list li { padding:20px 0; margin:0; border-bottom:2px dotted #dedede }

#main_box .article ul.news-list li p { margin:0; padding:0 }

#main_box .article ul.news-list li p.titolo { font-size:17px; line-height:20px }

#main_box .article ul.news-list li p.titolo a { border:none }

#main_box .article ul.news-list li p.titolo a:hover { text-decoration:underline }

#main_box .article ul.news-list li p.data { line-height:12px; margin-bottom:2px; text-align:right; font-size:11px; text-transform:uppercase; color:#aaa }

#main_box .article ul.news-list li p.preview { margin-top: 5px; font-size:13px; }

#main_box .article ul.news-list li p.preview abbr { border:none; text-decoration:none }

#main_box .article ul.paginazione { display:block; margin:10px 0 0 0; float:right; list-style:none; font-size:12px }

#main_box .article ul.paginazione li { float:left }

#main_box .article ul.paginazione li a { display:block; height:19px; float:right; margin-left:2px; padding:0 6px; line-height:19px; text-align:center; background:url(../images/bg_paginazione.png) bottom center repeat-x #e3e2e2; border:1px solid #cecece; text-decoration:none; color:#444; }

#main_box .article ul.paginazione li a:hover { background-image:none; color:#444; }

#main_box .article ul.paginazione li a.prev-next { font-size:10px; width:8px; padding:0 5px; background:url(../images/bg_submit.png) top center repeat-x #037; border:1px solid #037; color:#fff; }

#main_box .article ul.paginazione li a.prev-next:hover { background-image:none }

#main_box .article ul.paginazione li a.prev-next img { margin-top:4px; border:none }

#main_box .article ul.paginazione li.sel a { background:url(../images/bg_paginazione_sel.png) bottom center repeat-x #d2d2d2; }

#main_box .article ul.paginazione li:hover.sel a { background-image:none; }

#main_box .article .page-counter { height:19px; margin-top:10px; float:left; line-height:19px; font-size:12px; color:#666 }

#main_box .article .share { display:block; width:500px; margin-top:15px; float:left }

#right_box p.title { display:block; margin:20px 20px 0; padding:0 10px; border-bottom:1px dotted #037; line-height:30px; font-size:23px; color:#037 }

#right_box p { margin:6px 20px 10px }

#right_box form { margin:10px 20px 60px }

#right_box form input.txt, #right_box form textarea { display:block; margin-bottom:5px; background-color:#fbfbfb; border:1px solid #ccc; font-family:sans-serif; font-size:12px; color:#999 }

#right_box form input.txt { width:283px; height:23px; padding-left:5px; line-height:23px }

#right_box form textarea { width:278px; height:55px; padding:3px 5px; line-height:16px }

#right_box form input.send { display:block; width:auto; padding:5px 10px; font-family:sans-serif; color:#fff; float:right; background:url(../images/bg_submit_h.jpg) repeat-x #9b9b9b; font-size:13px; border:1px solid #9b9b9b }

#right_box form input:hover.send { background-image:none } 

#right_box ul.box_list { list-style:none; padding-bottom:10px }

#right_box ul.box_list li:hover { background:url(../images/blue_bar.jpg) 0 0 repeat-y }

#right_box ul.box_list li a { display:block; margin:0 20px; padding:6px 0; border-bottom:1px solid #d8d8d8; border-top:1px solid #fff; line-height:18px; text-decoration:none; font-size:13px; color:#666 }

#right_box ul.box_list li a:hover, #right_box ul.box_list li:first-child a:hover, #right_box ul.box_list li:last-child a:hover { padding:7px 0; border:none; color:#037 }

#right_box ul.box_list li:first-child a { padding:7px 0 6px; border-top:none }

#right_box ul.box_list li:last-child a { padding:6px 0 7px; border-bottom:none }

#closer { height:30px; background:url(../images/shadow_end.jpg) top right no-repeat }

#footer .box { width:320px; margin:10px 0; float:left; font-size:12px; color:#888 }

#footer .box ul li { list-style:none; line-height:20px }

#footer .box ul li.right { width:320px; text-align:right}

#footer .box ul li a, #footer .box p a { text-decoration:none; color:#888; border:none }

#footer .box ul li a:hover, #footer .box p a:hover { text-decoration:underline; color:#037 }

#footer .box p { display:block; padding-top:60px; background:url(../images/logo_footer.png) top center no-repeat; text-align:center; font-size:10px; line-height:12px; color:#888 }



/* Form dei contatti */

form.contacts { margin-top:10px; padding:0 }

form.contacts label:after, form.contacts .non-label-section:after { clear: both; content: " " }

form.contacts label, form.contacts .non-label-section { display: block; margin-left: 130px; padding-bottom:10px; position: relative }

form.contacts label span, form.contacts .non-label-section span { font-size: 13px; left: -130px; position: absolute; top: 0; width: 120px; line-height:26px }

form.contacts input, form.contacts textarea, form.contacts select { background: #fbfbfb; border: 1px solid #dedede; color: #666; display: block; font-family: sans-serif; font-size: 13px; line-height: 17px; margin: 0; padding: 5px; width:470px; color:#999 }

form.contacts input.small { width:230px }

form.contacts select { width: 482px }

form.contacts textarea { height:120px }

form.contacts .checkbox, form.contacts .radio { display: inline; width: auto; margin:0 5px 5px 0 }

form.contacts .non-label-section label { border: medium none; display: inline; margin: 0; padding: 0; font-size:13px; font-family:sans-serif; color:#999 }

form.contacts .file { background: none; border: none;	padding:0 }

form.contacts .actions { width:100%; padding-top:10px; border-top:1px dotted #dedede; text-align:right }

form.contacts input.submit { display:inline; width:auto; padding:5px 10px; font-family:sans-serif; color:#fff; background:url(../images/bg_submit.png) 0 0 repeat-x #037; border:1px solid #037 }

form.contacts input:hover.submit{ background-image:none }

form.contacts label span.er { color: #ff0000; }

/* form.contacts label span em { color: #ff0000; } */



/* Sfondi header */

.home { background:url(../images/bg_img-home.jpg) 0 0 no-repeat }

.studio { background:url(../images/bg_img-studio.jpg) 0 0 no-repeat }

.collaboratori { background:url(../images/bg_img-collaboratori.jpg) 0 0 no-repeat }

.servizi { background:url(../images/bg_img-servizi.jpg) 0 0 no-repeat }

.news { background:url(../images/bg_img-news.jpg) 0 0 no-repeat }

.partner { background:url(../images/bg_img-partner.jpg) 0 0 no-repeat }

.lavora { background:url(../images/bg_img-lavora.jpg) 0 0 no-repeat }

.sedi { background:url(../images/bg_img-sedi.jpg) 0 0 no-repeat }

.contatti { background:url(../images/bg_img-contatti.jpg) 0 0 no-repeat }



/* Formattazione Testo */

h1, h2, p { margin-bottom:10px; font-weight:normal; text-align:justify }

h1 { font-size:25px; color:#037 }

h1 a { color: #037; border: none; text-decoration: none }

h1 a:hover { text-decoration: underline } 

h2 { font-size:18px; line-height:22px; color:#666 }

p { font-size:13px; line-height:18px; color:#666 }

p img { padding:4px; margin:5px 10px 5px 0; border:1px solid #999; float:left }

p a { text-decoration:none; border-bottom:1px dotted #037; color:#037 }

p a:hover { border-bottom:none; }

p a.read_more { display:block; padding:0 5px; float:right; background-color:#f7f7f7; border:1px solid #ddd; font-weight:bold; font-size:10px; color:#aaa }

p a:hover.read_more { background-color:#fff; color:#037 }

p a.pdf { display: block; height: 15px; width: 90px; margin: 20px 0 0 10px; padding-left: 20px; line-height: 16px; border: none; background: url(../images/imgres.jpg) 0 0 no-repeat; color: #999; text-decoration: none;}

p a.pdf:hover {color: #900} 


/* Nicola CSS */

#container_mappa { padding: 3px; border: solid 1px #dedede; margin-bottom: 20px;}

#mappa { height: 400px; }

.list { list-style-type: square; }

.list li {margin-left: 25px; font-size: 13px; line-height: 18px; }

.share { display:block; width:500px; margin-top: 20px; float:left }

.back { float: right; }

.date { line-height:12px; margin-bottom:2px; font-size:13px; text-transform:uppercase; color:#aaa }