@charset "UTF-8";
/* CSS Document */

body {margin:0; padding:0; font-family:Georgia, "Times New Roman", Times, serif; background-color:#E6E5DC;}

/* ------ GENERAL --------*/
h3 {font-size:21px; color:#85867D; font-weight:normal; background:url(images/line.gif) repeat-x left bottom; padding:0 0 4px 0; margin-top:14px;}
.testobig {font-size:21px; color:#666; }
.citaz {font-size:17px; color:#666; }
.citaz15 {font-size:15px; color:#666; }
.citaz20 {font-size:20px; color:#666; }
.titoletti {color:#333;font-size:21px;}
#right-box.focus h3{color:#E6E5DC;}
.separazione {clear:both;}
.separazione hr{display:none;}
.autore {display:block; text-align:right; margin:12px 10px 0 0;}
#right-box p.privacy {font-size:11px;}
.small{font-size:11px;}
.tag {color:#cc0066; font-size:21px; padding:0 14px 4px 14px;}

form {margin:0; padding:0;}
label {color:#85867D;}
input,select,textarea{background-color:#f8f6f3;}
input,select {margin:4px 4px 8px 0; border:none; color:#666; padding:4px;}
textarea {margin:4px 0 8px; border:none; color:#666; padding:4px; font-size:14px; font-family:Georgia, "Times New Roman", Times, serif;}
textarea.contact {width:266px;}
button {margin:4px 4px 8px 0; border:none; color:#fff; padding:6px; background-color:#85867D;}
button:hover {background-color:#333;}
label.error {color:#cc0066; display:block; font-size:13px;}
input.error {border:1px solid #cc0066;}

#tooltip {position: absolute; z-index: 3000; background:url(images/shadow.png) repeat; padding:6px;}
#tooltip h3 {font-size:13px; background-image:none; padding: 0; margin:0; color:#E6E5DC;}

.loading{background:url(images/ajax-loader.gif) no-repeat center center; height:100px;}



#container {width:960px; margin:0 auto;}
#header {height:140px;}
#logo {width:156px; height:120px; background:url(images/logo.gif) no-repeat left top; float:left;}
#logo a{display:block; width:156px; height:100px; text-indent:-1000px;}


/* ------ MENU --------*/
#menu {float:right; border-left:1px solid #C2C1B8;}
#menu ul {margin:0; padding:0; list-style-type:none;}
#menu li {margin:0; float:left; font-size:20px; padding:0;}
#menu li.active {color:#E6E5DC; width:100px; margin:0 0 0 1px; padding:57px 0 3px 0; text-indent:6px; background:url(images/sf_menu.gif) no-repeat left -84px; font-weight:lighter;}
#menu li.first {margin:0;}
#menu li a {margin:0 0 0 1px; width:100px; display:block; padding:57px 0 3px 0; text-indent:6px; color:#666; font-weight:lighter; text-decoration:none; background:url(images/sf_menu.gif) no-repeat left top; }
#menu li a:hover{background-position:left -84px; color:#E6E5DC;}
#menu li a.first{margin:0;}


/* ------ MAIN e LINKS --------*/
#main-home {clear:both; width:960px; height:318px; color:#666;}
#main {clear:both; width:960px; color:#666; min-height:300px; height:auto !important; height:300px;}
#main h3, #works h3 {padding:0 14px 4px 14px;} 
#main p {padding:20px 300px 0 14px;} 
#main a, #main-home a, #works a, #works-content a{color:#333; text-decoration:none;}
#main a:hover, #main-home a:hover, #works a:hover, #works-content a:hover {color:#85867D; text-decoration:underline;}

#main h3 span {color:#333;}
#main h3 span a{color:#85867D;}
#main h3 span a:hover {color:#333;}

/* ------ NEWS--------*/
#news h3 {padding:0 14px 4px 14px; cursor:pointer; font-size:19px; color:#666;} 
#news div {padding:6px 0 30px 14px;} 
#news div img {margin:0 10px 6px 0; border:6px solid #f8f6f3; float:left;} 
#news div p {padding: 0 280px 0 0; margin:0 0 0 130px; line-height:135%;}
#news div .data {display:block; color:#85867D; border-bottom: 2px solid #DCDAD2; margin-bottom:14px; padding-bottom:3px;} 
#news div.minlink {text-align:right; padding:0;}
#news div.minlink a.top{display:block; height:34px; text-decoration:none; color:#666; background:url(images/img-link-top-tr.gif) no-repeat right top; line-height: 34px; padding:0;}
#news div.minlink a:hover.top{background-position:right -34px;}

/* ------ WORKS --------*/
#works{clear:both; width:960px; color:#666; overflow:auto;}
#works h3 span {color:#333;} 
#works h3 a, #works h3 span a{color:#85867D;} 
#works h3 a:hover, #works h3 a:hover span {color:#333;} 

#works-thumbs{overflow:auto;}
#works img.thumb, #works .thumb-off, #main-home img.thumb {float:left; margin:0 6px 6px 0; border:4px solid #c2c1b8;}
#works img.thumb:hover, #main-home img.thumb:hover {border:4px solid #fff;}
#works .thumb-off {width:80px; height:80px; background:url(../imgs_fixed/thumb_off.gif) no-repeat left top;}
#works .thumb-off img{display:none;}

#works-content {clear:both; padding:20px 0; color:#666; min-height:250px; height:auto !important; height:250px;}
#works-content h3 {padding:0 14px 4px 14px;} 

div.work-images {clear:both;}
div.work-img {width:630px; float:left;}
div.work-img img {margin:14px 0; border:12px solid #f8f6f3;}
div.work-desc {width:318px; float:right;}
div.work-desc p {padding:20px 14px 0 0; font-size:14px; line-height:135%;} 
#works-content div.work-desc .client, #works-content div.work-desc .data {color:#333;} 

#works-content div.minlink {width:24px; float:left; margin:3px 2px 0 0; text-align:center;}
#works-content div.minlink a{display:block; width:24px; height:34px; text-decoration:none; color:#666; background:url(images/img-link.gif) no-repeat left top; font-size:17px; line-height: 34px; padding:0;}
#works-content div.minlink a.top{display:block; width:24px; height:34px; text-decoration:none; color:#666; background:url(images/img-link-top-tr.gif) no-repeat left top; line-height: 34px; margin-bottom:30px; padding:0;}
#works-content div.minlink a.sx{display:block; width:24px; height:34px; text-decoration:none; color:#666; background:url(images/img-link-sx.gif) no-repeat left top; line-height: 34px; margin-bottom:30px; padding:0;}
#works-content div.minlink a.dx{display:block; width:24px; height:34px; text-decoration:none; color:#666; background:url(images/img-link-dx.gif) no-repeat left top; line-height: 34px; margin-bottom:30px; padding:0;}
#works-content div.minlink a:hover{color:#fff; background-position:left -34px; }
#works-content div.minlink span {display:block;color:#fff; background:url(images/img-link.gif) no-repeat left -34px; font-size:17px; line-height: 34px; padding:0;}
#works-content span.tags {display:block; font-size:13px; margin-top:6px;}
#works-content .tags a {text-decoration:none; color:#cc0066; font-style:italic;}

.link-small {background:url(images/freccia.gif) no-repeat left center; padding:0 0 0 16px; font-size:14px;}
.small-cat{font-size:14px;}


/* ------ LINKS --------*/
#links-content {min-height:300px; height:auto !important; height:300px;}

/* ------ CONTATTI --------*/
div.icone {padding:12px 0 26px 14px;}
div.icone img {border:none; margin-right:8px;}

/* ------ BOX --------*/
#left-box, #center-box, #right-box, .left-box, .center-box, .right-box {width:320px; float:left; margin:0; min-height:200px; height:auto !important; height:200px;}
#right-box.focus {background-color:#85867d;}
#left-box-inner, #center-box-inner, #right-box-inner, .left-box-inner, .center-box-inner, .right-box-inner {padding:0 14px 0 14px; }
#left-box p, #center-box p, #right-box p, .left-box p, .center-box p, .right-box p {color:#666; font-size:14px;}
#right-box.focus p, #right-box.focus .testobig, #right-box.focus .citaz, #right-box.focus .citaz15, #right-box.focus .citaz20{color:#E6E5DC;}
#right-box.focus p {padding:16px 0;}
#left-box-inner a, #center-box-inner a, #right-box-inner a {color:#333; text-decoration:none;}
#left-box-inner a:hover, #center-box-inner a:hover, #right-box-inner a:hover {color:#85867D; text-decoration:underline;}
.left-box-inner a, .center-box-inner a, .right-box-inner a {color:#333; text-decoration:none;}
.left-box-inner a:hover, .center-box-inner a:hover, .right-box-inner a:hover {color:#85867D; text-decoration:underline;}
.link {background:url(images/freccia.gif) no-repeat left center; padding:0 0 0 16px;}
#left-box h3 a, #center-box h3 a, #right-box h3 a {color:#85867D; text-decoration:none;}
 
/* ------ FOOTER --------*/
#footer {clear:both; padding:24px 0 0; }
#footer-inner {font-size:11px; color:#666; padding:8px 0 8px 0; background:url(images/line.gif) repeat-x left top;}
#footer-inner a {color:#666; text-decoration:none;}
#footer-inner a:hover {color:#85867D; text-decoration:underline;}
.footer-selected {color:#333; font-weight:bold;}


/* ----- GESTIONE IMMAGINI ------*/
#myList {list-style-type:none; margin:0; padding:0;}
#myList li {cursor: move; margin:6px 0; background-color:#DCDAD2; padding:8px;}
#myList li img{ float:left; margin:0 8px 0 0;}
#myList li button {clear:both; text-decoration:none; margin:0 0 6px 14px;}
.number {float:left; font-size:50px; font-weight:bold; color:#C2C1B8; margin:0 14px 0 0;}
#risultati, .risultati {border:1px solid #999; background-color:#C2C1B8; padding:8px; margin:8px 0 0;}
#myList .risultati button {margin:0 6px;}
#myList div div{ width:500px; height:80px; overflow:hidden; margin:0 14px 0 20px; float:left;}

#main-upload{margin-top: 40px; }
a#upload {text-decoration:none; border:1px solid #999; background-color:#C2C1B8; padding:4px;}
#bar {background:url(images/ajax-loader.gif) no-repeat left top; height:26px; width:260px; }