/* CSS Document */
/* 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, font, img, ins, kbd, q, s, samp, small, strike, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label,
legend, caption, thead {margin:0; padding:0; border:0; outline:0; font-weight:inherit; font-size:100%; vertical-align:baseline;}
:focus {outline:0;}
body {line-height:1; color:black;}
ol, ul {list-style:none;}
table {border-collapse:separate; border-spacing:0;}
caption, th, td {text-align:left;	font-weight:normal;}
blockquote:before, blockquote:after, q:before, q:after {content:"";}
blockquote, q {quotes:"" "";}
table {vertical-align:text-top}

div#global {margin:0px; padding:0px; width:100%; height:100%;}
div#bottom_limit {clear:both; font-size:1px;}

/* MAIN **************************************************************************************************************** */
body {background:#242424; font-family:Calibri, "Trebuchet MS", Arial, Helvetica, sans-serif; text-align:justify; font-size:76%; min-width:960px; overflow:hidden}

	div#mask {display:none; background:url(../img/bg_mask.png); position:fixed; left:0; top:0; width:100%; height:100%; opacity:0.8; z-index:31;}

	div#sidebar {position:fixed; left:-250px; top:0; height:100%; width:240px; background:#d6d6d6; z-index:-1;}

	.dialog-popup {display:none; background:#A00; padding:10px; font-size:1.2em; position:fixed; top:50%; left:50%; z-index:32; width:712px; padding:4px;}
	.dp_new {top:0px;}
	.dialog-popup h2 {float:left; padding:2px 0 6px 2px; font-size:18px; font-weight:bold; color:#FFF}
	.dialog-popup h3 {float:left; font-size:16px; font-weight:bold; color:#FFF; padding:16px 2px 2px 18px;}
	form.dialog fieldset {border:none; width:694px; padding:6px; text-align:left}
	form.dialog {float:left; width:704px; background:#484848; padding:4px;}
	form.dialog fieldset label {clear:both; float:left; font-size:14px; font-weight:100; color:#FFF; line-height:18px; width:100px; text-align:right; margin:3px 6px 3px 0; padding:4px 2px;}
	form.dialog fieldset input {float:left; font-size:14px; color:#000; width:570px; margin:3px 0px; padding:4px 2px; line-height:16px; border:1px solid #333;}
	form.dialog fieldset div#aforismi {float:left; width:684px; height:300px; margin:3px 0px 3px 0; border:1px solid #333; background:#a4a4a4; overflow-y:scroll}

	div.citazione {position:relative; width:98%; padding:6px 0; margin:0 0 4px 0; background:#CCC}
	div.citazione h4 {padding:2px 40px 2px 6px;}
	div.citazione a {position:absolute; right:6px; top:8px;}

	form.dialog fieldset button {float:right; font-size:14px; color:#000; width:160px; margin:6px; padding:2px; line-height:18px;}

	div#menuarea {float:right; position:fixed; top:50px; left:0px; width:100%; min-width:960px; height:76px; background:url(../img/bg_menu.png) bottom repeat-x; z-index:30; display:none; padding:8px 0 16px 0;}
	div#menuarea img {margin:9px 0 0 20px; position:absolute}
	div#menuarea.visible {display:block}
	#menu {float:right;}
	#menu ul, #menu ul li {list-style:none; margin:0; padding:0;}
	#menu ul {text-align:center; padding:54px 12px 0 0;}
	#menu ul li {display:inline; margin:0px;}
	#menu li a {font-size:18px; padding:4px 10px 4px 10px; font-weight:bold; text-decoration:none; color:#005a8e}
	#menu li a:hover {color:#67a1db}
	#menu ul li.current a {color:#000;}
	#menu ul li.first {padding-right:50px;}

	div#home td select {float:left; width:150px; font-size:12px; padding:3px; margin:4px;}
	a.linkbox {float:left; position:relative; width:100%; height:100%; padding:0px; margin:0px;}
	a.linkbox p {}
	td a.linkbox span {width:100%; height:100%; position:absolute; left:1px; top:1px; background:url(../img/bgicons.png); z-index:20; display:none;}
	td a.linkbox span.home {width:101%; height:101%;}
	td a.linkbox span h2 {text-align:right; color:#000; font-size:14px; font-weight:bold; padding:8px 8px 0 0;}
	td a.linkbox span h2line3 {position:absolute; bottom:8px; right:0px;}
	td a.linkbox span h3 {text-align:right; color:#000; font-size:14px; font-weight:bold; padding:8px 8px 0 0;}
	td a.linkbox span h3.line3 {position:absolute; bottom:8px; right:0px;}
	td a.linkbox:hover span {display:block}
	img.icon {width:100%; height:100%; border:1px solid #fff;}
	p.icon {position:relative;}
	p.icon img {position:absolute; top:0; left:0; z-index:8; width:100%; border:1px solid #fff;}
	p.icon img.active {z-index:10;}
	p.icon img.last-active {z-index:9;}

	a.startbox {float:left; position:relative; width:100%; height:100%; padding:0px; margin:0px;}
	td p.icon {padding:1px; width:100%; height:100%;}
	a.startbox span {width:100%; height:100%; position:absolute; left:1px; top:1px; background:url(../img/bgicons.png); z-index:20; display:none;}
	a.startbox span h2 {text-align:right; color:#000; font-size:16px; font-weight:bold; padding:8px 8px 0 0;}
	a.startbox span h2.line3 {position:absolute; bottom:8px; right:0px;}
	a.startbox:hover span {display:block}

	#cookielink {position:fixed; left:22px; top:95vh; z-index:80} #cookielink a {font-weight:bold; color:#005a8e; font-size:14px; text-decoration:none;}

/* HOME **************************************************************************************************************** */

	div#container {float:left; width:100%; margin-top:-400px}
	div#home {margin:0 24px 0 20px; position:relative; height:200px}
	div#home table {width:100%;}
	div#home tr {}
	div#home td {vertical-align:top}
	div#home td.border {width:2%;}

	div#quote {position:absolute; right:22px; bottom:-100px; text-align:right; width:50%;}
	div#quote h1.sentence {font-size:16px; font-style:italic; font-weight:bold; color:#FFF; line-height:24px; width:100%;}
	div#quote h2.author {font-size:16px; color:#FFF; width:100%;}
	div#quote a {font-size:14px; font-weight:bold; color:#363636; text-decoration:none; padding:3px; background:#eee}
	div#quote a:hover {color:#900; text-decoration:underline;}

/* ARCHITETTURA / DESIGN / GRAFICA ************************************************************************************************** */

	div#lavoro-description {clear:both; float:left; text-align:justify; width:200px; color:#242424; font-size:15px; margin:32px 0 0 20px; padding:0px 0 32px 0; line-height:18px;}

	div#dialog-editorgallery-top {width:888px;}
	form#edit_gallery_form {width:880px; padding:2px; font-size:12px;}
	form#edit_gallery_form label {clear:both; float:left; width:100%; text-align:left; padding:8px 8px 4px 0; color:#bbb}
	form#edit_gallery_form input {border:1px solid #999; padding:3px;}
	form#edit_gallery_form div#textarea {float:left; clear:both; padding:2px 0 18px 0}
	form#edit_gallery_form textarea {border:1px solid #999; padding:3px; resize:none;}
	
	form#edit_gallery_form td.col2 input {width:188px; margin-bottom:12px; padding:3px}
	form#edit_gallery_form td.col3 input {width:242px; margin-bottom:12px; padding:3px}
	form#edit_gallery_form td.col1 {padding:3px; text-align:left; vertical-align:top; width:390px}
	form#edit_gallery_form td.col2 {padding:3px 0; text-align:left; vertical-align:top}
	form#edit_gallery_form td.col3 {padding:3px; text-align:left; vertical-align:top}
	form#edit_gallery_form td.col4 {padding:3px; text-align:left; vertical-align:top}
	form#edit_gallery_form h2 {font-size:14px; font-weight:bold;}
	form#edit_gallery_form button {float:right; width:120px; padding:3px; margin:0 3px 3px 0}
	form#edit_gallery_form button#delete_gallery {display:none; margin-right:36px;}
	div#change_gallery {clear:both; margin:6px 0; width:178px; text-align:center; font-weight:bold; background:#555; color:#FFF; padding:6px 3px; border:1px solid; border-left-color:#777; border-top-color:#888; border-bottom-color:#333; border-right-color:#333 }
	form#edit_gallery_form td.col3 input#homepage {float:right; width:20px; line-height:20px; margin:18px 0 12px 0}
	form#edit_gallery_form td.col3 span {float:right; line-height:20px; color:#FFF; font-weight:bold; font-size:16px; margin:12px}
	form#edit_gallery_form input.little {width:80px;}
	div.img {float:left; padding:4px; width:194px; border:1px solid #aaa; margin:3px; position:relative; background:#FFF}
	div.img img {float:left; border:0px; margin-right:10px;}
	div.img input {padding:1px; font-size:9px; width:110px;}
	div.img h4 {padding:6px 0 3px 0;}
	div.img a.del {position:absolute; right:3px; bottom:3px; padding:0px; margin:0px; width:16px; height:16px}
	div.img a.up {position:absolute; right:3px; top:3px; padding:0px; margin:0px; width:16px; height:16px}
	div.img a.down {position:absolute; right:3px; top:3px; padding:0px; margin:0px; width:16px; height:16px}

	div#sort_gallery {width:100%; margin:0px; padding:8px 0px 0px 0px;}
	div#sort_gallery div.droppable {float:left; width:94px; height:94px; border:1px solid #999; background:#000;}
	div#sort_gallery button {float:right; width:120px; padding:3px; margin:0 3px 3px 0}
	div.draggable {float:left; margin:8px 0 0 8px; position:relative}
	div#img_unsorted {width:838px; min-height:94px; margin:5px; background:#ddd}
	div#img_unsorted div.border_bottom {clear:both; width:100%; font-size:2px; line-height:2px;}
	div.draggable a.del {position:absolute; right:0px; bottom:0px; padding:0px; margin:0px; width:16px; height:16px}
	div.draggable a.up {position:absolute; right:0px; top:0px; padding:0px; margin:0px; width:16px; height:16px}
	div.draggable a.down {position:absolute; right:0px; top:0px; padding:0px; margin:0px; width:16px; height:16px}
	div.draggable a.write {position:absolute; right:0px; top:20px; padding:0px; margin:0px; width:16px; height:16px}

/* PROFILO **************************************************************************************************************** */

	div#profilo {margin:0 24px 0 20px; position:relative;}
	div#profilo table {width:100%;}
	div#profilo tr {}
	div#profilo td.border {width:2%;}

	a.editor {color:#FFF; line-height:30px; font-size:14px; font-weight:bold; padding:0 24px 0 0; margin:0px; background:#999;}
	a.editor img {margin-left:6px; vertical-align:middle}

	h1.profilo-title {clear:both; float:left; text-align:left; width:200px; color:#242424; font-weight:bold; font-size:15px; margin-left:20px; padding:32px 0 12px 0; line-height:20px}
	h1.profilo-list {clear:both; float:left; text-align:left; color:#242424; font-size:15px; margin-left:18px; line-height:18px; width:176px; padding:6px 0 6px 24px; background:url(../img/point_profile.png) left no-repeat}

	div#editor_col_left {float:left; width:180px; padding:6px;}
	div#editor_col_left img {width:180px;}
	div#editor_col_left label {float:left; width:180px; font-size:14px; font-weight:bold; text-align:left; padding:0 0 6px 0; color:#ccc;}
	div#editor_col_left input {float:left; width:170px; padding:3px; font-size:14px; margin-bottom:18px; border:1px solid #999}
	div#profile_change {margin:6px 0; width:178px; text-align:center; font-weight:bold; background:#555; color:#FFF; padding:6px 0; border:1px solid; border-left-color:#777; border-top-color:#888; border-bottom-color:#333; border-right-color:#333 }

	div#editor_col_right {float:right; width:500px; padding:6px;}
	div#editor_col_right label {float:left; width:500px; font-size:14px; font-weight:bold; text-align:left; padding:0 0 6px 0; color:#ccc;}
	div#editor_col_right input {float:left; width:490px; padding:3px; font-size:14px; margin-bottom:18px; border:1px solid #999}
	div#textarea_container {clear:both; float:left; padding:0px; margin:0px; width:500px;}
	div#editor_col_right textarea {width:490px; height:220px; overflow:auto; padding:3px; font-size:14px; border:1px solid #999; margin:0 0 18px 0;}
	SPAN#text_parent.mceEditor.o2k7Skin.o2k7SkinBlack {float:left; width:490px;}
	div#editor_col_right button {float:right; width:124px; padding:4px; font-size:14px; font-weight:bold; margin:0 0 0 8px; color:#555;}

	div.servizi_mod {float:left; width:45%; padding:6px 4px; margin:4px; background:#ddd; border:1px solid #666}
	div.servizi_mod h4 {font-size:14px; font-weight:bold}
	div.servizi_mod a {float:right; cursor:pointer}
	div.servizi_mod a img {height:14px;}

/* CONTATTI **************************************************************************************************************** */

	form#form-contatti {margin:0 24px 0 20px;}
	form#form-contatti td.side {width:27%; background:#f3f3f3; vertical-align:top; border-top:2px solid #f9f9f9; border-bottom:2px solid #c0c0c0}
	form#form-contatti td.border {width:1.5%;}
	form#form-contatti td.center {width:42%; background:#ececec; vertical-align:top; border-top:2px solid #f9f9f9; border-bottom:2px solid #c0c0c0}
	form#form-contatti td label {text-align:left; font-weight:bold; color:#242424; font-size:14px;}	
	form#form-contatti td input {width:100%; font-family:Calibri, "Trebuchet MS", Arial, Helvetica, sans-serif; font-weight:bold; color:#242424; font-size:14px; padding:6px 4px; margin:4px 0 12px -5px; border:1px solid #b3b3b3; background:#f3f3f3}	
	form#form-contatti td input:focus {background:#FFF}
	form#form-contatti td input.last {margin:4px 0 4px -5px;}
	form#form-contatti td textarea {width:100%; font-family:Calibri, "Trebuchet MS", Arial, Helvetica, sans-serif; font-weight:bold; color:#242424; font-size:14px; padding:6px 4px; margin:4px 0 4px -5px; border:1px solid #b3b3b3; background:#f3f3f3; overflow:auto; height:136px; resize:none;}	
	form#form-contatti td textarea:focus {background:#FFF}
	form#form-contatti td textarea#privacy {font-weight:bold; font-family:Calibri, "Trebuchet MS", Arial, Helvetica, sans-serif; text-align:justify;}
	form#form-contatti td button {position:absolute; right:-6px; font-weight:bold; color:#ececec; font-size:14px; border:none; background:none; cursor:pointer; text-align:right;}	
	@-moz-document url-prefix() {form#form-contatti td button {position:absolute; right:16px;}}
	h1.contatti {clear:both; float:left; text-align:justify; color:#242424; font-size:15px; margin-left:20px; width:178px; padding-bottom:18px; line-height:22px;}
	h1#contatti_fixed {position:fixed; left:20px; top:97vh; font-size:15px;}
	h1.contatti a, h1#contatti_fixed a {color:#242424; text-decoration:none} h1.contatti a:hover, h1#contatti_fixed a:hover {text-decoration:underline}
	div#links-contatti {clear:both;}
	a.facebook {float:left; margin:6px 0 0 19px;}
	a.linkedin {float:left; margin:6px 0 0 6px;}
	
	div#privacy_disclaimer {position:fixed; top:154px; left:254px; width:60%; z-index:101; border:2px solid #fffddc; background:#FFF}
	#privacy_disclaimer h1 {font-size:20px; color:#000; font-weight:bold; margin-top:20px; padding:0 20px;}
	#privacy_disclaimer h1.sottile {font-weight:100; font-size:16px; margin-top:12px; padding:0 20px;}
	#privacy_disclaimer h1.titolo {font-weight:bold; font-size:16px; margin:16px 0 8px 0; padding:0 20px;}
	#privacy_disclaimer h2 {font-weight:100; font-size:14px; line-height:18px; color:#000; text-align:justify; padding:0 20px; float:inherit}
	#privacy_disclaimer h2.last {padding:0 20px 20px 20px;}

	
/* POPUP WINDOW **************************************************************************************************************** */

	div.box_img_preview {position:fixed; top:154px; left:254px; z-index:101; float:left;}
	div.box_profile {position:absolute; top:154px; left:254px; height:30%; z-index:101; border:2px solid #fffddc}
	img.object1 {border:2px solid #fffddc}
	img.object2 {height:100%; float:left;} div.description {width:auto; height:100%; width:360px; text-align:justify; background:#FFF; font-size:15px; line-height:19px; overflow:auto} div.description h4 {padding:12px 20px 12px 12px;} div.description h4 p {padding:0 0 4px 0;}
	div.controller {position:absolute; top:-74px; left:0px; width:60px;}
	div.controller a {margin-right:8px;}
	div.caption {position:absolute; left:-220px; top:0px; width:180px; text-align:right; font-size:18px; font-weight:bold; line-height:20px; color:#fffddc; padding:4px;}
	a.imgbox_prev {position:absolute; left:0px; top:0px; width:45%; height:100%; text-decoration:none; background:url(../img/bg_transparent.png)}
	a.imgbox_next {position:absolute; right:0px; top:0px; width:45%; height:100%; text-decoration:none; background:url(../img/bg_transparent.png)}
	a.imgbox_prev_pro {position:absolute; left:0px; top:0px; height:100%; text-decoration:none; background:url(../img/bg_transparent.png)}
	a.imgbox_next_pro {position:absolute; right:400px; top:0px; height:100%; text-decoration:none; background:url(../img/bg_transparent.png)}

/* ADMINISTRATION **************************************************************************************************************** */

	div#administration_area {position:fixed; top:-6px; right:32px; background:#006; padding:16px 8px 12px 8px;}
	div#administration_area a {font-size:16px; font-weight:bold; padding:3px 12px 6px 12px; color:#ccc; text-decoration:none; border-bottom:2px solid #006; border-right:3px solid #000;}
	div#administration_area a.last {border-right:none;}
	div#administration_area a:hover {color:#fff; border-bottom:2px solid #69F}

	div#dialog-form label {clear:both; float:left; width:80px; padding-top:3px;}
	div#dialog-form input {background:#000}
	
	div#dialog-changepassword {display:none; background:#A00; padding:10px; font-size:1.2em; position:fixed; top:50%; left:50%; z-index:32; width:532px; padding:4px;}
	div#dialog-changepassword form {float:left; width:524px; background:#484848; padding:4px;}
	div#dialog-changepassword form fieldset {border:none; width:504px; padding:6px; text-align:left}
	div#dialog-changepassword form fieldset label {clear:both; float:left; font-size:14px; font-weight:100; color:#FFF; line-height:18px; width:180px; text-align:right; margin:3px 6px 3px 0; padding:4px 2px;}
	div#dialog-changepassword form fieldset input {float:left; font-size:14px; color:#000; width:300px; margin:3px 0px; padding:4px 2px; line-height:16px; border:1px solid #333;}