/*
TEMP version 13 settembre 2009
*/



/* CSS Tools: Reset CSS */

/* v1.0 | 20080212 */

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;
}
blockquote:before, blockquote:after, q:before, q:after {
content : '';
content : 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;
}




/* START */

body {
background-color : #e5e5e5;
font-family : Georgia, "Times New Roman", Times, serif;
font-size : 14px;
}
#wrapper {
background-color : #fff;
width : 100%;
position : relative;
}

/* i tre livelli principali che identificano la struttura */

#testata {
width : 100%;
height : 240px;
position : relative;
background-image : url(../img/header.jpg);
background-repeat : repeat-x;
background-position : top center;
z-index : 1;
}
#corpo {
width : 100%;
height:100%;
position : relative;
z-index : 2;
}
#piede {
width : 100%;
height : 150px;
position : relative;
padding-bottom : 20px;
background-image : url(../img/footer.jpg);
background-repeat : repeat-x;
background-position : left bottom;
z-index : 1;
}

/* elementi contenitori dei tre livelli principali, larghi 800px, centrati e posizionati relativamente */

#testata .container {
width : 800px;
height : 240px;
margin : 0 auto;
position : relative;
background-image : url(../img/iworkon.png) !important ;
background-image : url(../img/iworkon_ie.jpg);
background-repeat : no-repeat;
background-position : center top;
}
#corpo .container {
width : 800px;
margin : 0 auto;
position : relative;
}
#piede .container {
width : 800px;
margin : 0 auto;
position : relative;
}

/* elementi della testata */

#titolo {
width : 240px;
height : 200px !important ;
height : 180px;
padding : 10px 30px;
position : absolute;
top : 30px;
left : 0;
background-image : url(../img/side_top.png) !important ;
background-image : url(../img/side_top_ie.jpg);
background-repeat : no-repeat;
background-position : top left;
}
#titolo h1 a {
display : block;
width : 165px;
height : 43px;
background : url(../img/sprite.png) no-repeat top left;
background-position: 0 -80px;
font-size : 1px;
color : #fff;
}
#titolo h1 a:hover {
background-position: 0 -143px;
}

#titolo h3 {
color : #999999;
font-family : Georgia, "Times New Roman", Times, serif;
font-size : 12px;
font-style : italic;
letter-spacing : 5px;
line-height : 15px;
margin : -4px 0 0 15px;
padding : 0;
font-weight : normal;
}
#titolo h3 span {
color : #333333;
}
#banner {
width : 500px;
height : 60px;
position : absolute;
top : 0;
left : 300px;
}
#banner h3 {
position : absolute;
font-size : 1px;
visibility : hidden;
}

/* elementi del corpo */

.content {
width : 470px;
float : right;
padding-left : 45px;
background-image : url(../img/iwrite.png) !important ;
background-image : url(../img/iwrite_ie.jpg);
background-repeat : no-repeat;
background-position : top left;
}
.content h2 {
font-family : baskerville, "palatino linotype", Georgia, "Times New Roman", Times, serif;
font-size : 34px;
font-style : normal;
font-variant : normal;
font-weight : normal;
line-height : 40px;
font-style : italic;
letter-spacing : -2px;
border-bottom : 1px dotted #990000;
display : inline;
}
.content p {
font-size : 16px;
color : #330000;
font-weight : 400;
margin : 0 0 0.3em 0;
line-height : 1.4em;
font-family : baskerville, "palatino linotype", Georgia, "Times New Roman", Times, serif;
}
.home .content p span {
font-family : baskerville, "palatino linotype", Georgia, "Times New Roman", Times, serif;
font-size : 34px;
font-style : normal;
font-variant : normal;
font-weight : normal;
line-height : 40px;
font-style : italic;
letter-spacing : -2px;
}
.home .content .box h4 {
margin : 0 0 0.3em 0;
font-weight : normal;
font-style : italic;
color : #69645c;
}
.home .content .box p {
font-size : 14px;
line-height : 15px;
color : #69645c;
}
.home .content .box a {
color : #990000;
text-decoration : none;
}
.home .content .box a:hover {
color : #000;
}
.home .content .box p span {
font-size : 22px;
line-height : 26px;
color : #660000;
}
.home .content .colonna {
float : left;
width : 48%;
}
.home .content .box {
margin : 1.5em 0 0 0;
}

.nascosto {
display : none;
}

a.more {
font-size : 11px;
text-decoration : none;
color : #990000;
line-height : 20px;
font-weight : bold;
}
a.more:hover {
color : #000;
}

#side1 {
width : 240px;
padding : 0 0 10px 30px;
position : relative;
float : left;
background:#fff;
}
.sblock {
margin : 0 0 1em 0;
text-align : right;
}
img.badge {
margin-right : 20px;
}


/* elementi del piede */

#piede .container {
background-image : url(../img/sz.png) !important ;
background-image : url(../img/sz_ie.jpg);
background-repeat : no-repeat;
background-position : top right;
}
#side2 {
width : 240px;
height : 150px;
padding : 0 30px 0 30px;
float : left;
position : relative;
background-image : url(../img/side_bottom.png) !important ;
background-image : url(../img/side_bottom_ie.jpg);
background-repeat : no-repeat;
background-position : bottom left;
}
.credits {
width : 240px;
position : absolute;
bottom : 10px;
text-align : right;
font-size : 14px;
color : #333;
border-top : 3px double #999;
padding-top : 3px;
}
.credits span.stuff {
letter-spacing : 2px;
}
.credits span.copy {
font-size : 11px;
color : #999;
display : block;
padding-top : 10px;
}
.legalese {
color : #ccc;
font-size : 12px;
line-height : 14px;
visibility : hidden;
}
#side3 {
width : 450px;
float : right;
margin : 0;
text-align : right;
background-image : url(../img/ithink.png) !important ;
background-image : url(../img/ithink_ie.jpg);
background-repeat : no-repeat;
background-position : bottom left;
padding : 40px 40px 60px 0;
}
#side3 p.fra {
font-size : 16px;
line-height : 18px;
color : #555;
font-style : italic;
margin : 0 0 0 0;
}
#side3 p strong {
color : #990000;
}
#side3 p em {
color : #888;
}
#side3 p.ita {
font-size : 12px;
line-height : 14px;
color : #999;
font-style : italic;
text-align : left;
display : none;
}



/* nav menu */

#nav {
margin : 0;
float : right;
padding : 15px 0 0 25px;
height : 60px;
background-image : url(../img/menu.png) !important ;
background-image : url(../img/menu_ie.jpg);
background-repeat : no-repeat;
background-position : top left;
}
#nav ul {
margin : 0 auto;
padding : 0;
text-align : center;
}
#nav li {
margin : 0;
padding : 0;
margin : 5px;
padding : 2px;
line-height : 20px;
display : inline;
list-style-type : none;
}


#nav2 {
/* Mozilla ignores crazy MS image filters, so it will skip the following */
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='szstuff/img/nav2.png');
}
/* IE ignores styles with [attributes], so it will skip the following. */
#nav2[id] {
background-image:url(../img/nav2.png);
}
#nav2 {
margin:30px auto 0px auto;
padding:0;
height:40px;

XX_background-image:url(../img/nav2.png);
background-repeat: repeat-x;
background-position:bottom left;

position:relative;
z-index:999999;
}
#nav2 ul {
margin : 0 auto;
padding : 0;
border-top : 3px double;
}
#nav2 li {
margin : 0;
padding : 0;
margin-left : 10px;
padding : 2px;
line-height : 20px;
list-style-type : none;
float : right;
}

#nav2 li.special {
margin : 0;
float : left;
}


	ul.nav a {
	color : #000;
	text-decoration : none;
	font-weight : bold;
	background : url(../img/sprite.png) no-repeat top left;
	background-position: 0 0;
	padding-left : 20px;
	padding-bottom : 2px;
	}
	ul.nav a:hover {
	color : #990000;
	background-position: 0 -40px;
	}

/* highlight menu */
	body#home ul.nav a#home-nav, body#works ul.nav a#works-nav, body#blog ul.nav a#blog-nav, body#box ul.nav a#box-nav {
	color : #990000;
	background-position: 0 -40px;
	}




/* contactform */

#contacts {
width : 200px;
position : absolute;
top : 60px;
margin-left : -10px;
padding : 0 30px 20px 30px;
background : #fff;
background-image : url(../img/contacts.png);
background-repeat : no-repeat;
background-position : bottom center;
z-index : 9999;
}
#contacts .theform {
color : #888;
margin-top : 20px;
margin-left : 10px;
}
#contacts .theform p {
font-family : "Courier New", Courier, monospace;
letter-spacing : 3px;
}
#contacts .theform p.mailandskype {
font-family : Georgia, "Times New Roman", Times, serif;
letter-spacing : normal;
font-size : 11px;
color : #990000;
margin-bottom : 20px;
text-align : center;
}
#contacts .theform p.mailandskype a {
color : #990000;
text-decoration : none;
}
#contacts .theform p.mailandskype a:hover {
color : #111;
letter-spacing : 1px;
}
#contacts .theform p.label {
font-size : 11px;
color : #666;
}
.thelegend {
text-align : center;
margin-bottom : 10px;
font-style : italic;
font-family : baskerville, "palatino linotype", Georgia, "Times New Roman", Times, serif;
font-size : 20px;
color : #333;
}
textarea.expanding {
border : 1px solid #ddd;
background : #fff;
width : 180px;
height : 50px;
min-height : 50px;
overflow : hidden;
line-height : 12px;
}
#contacts .theform input.send {
background : #eee;
border : 1px solid #ddd;
color : #888;
cursor : pointer;
float : left;
}
#contacts .theform input.send:hover {
background : #ddd;
border : 1px solid #666;
color : #333;
}
input.namemail {
border : 1px solid #ddd;
background : #fff;
width : 180px;
}
.hov {
font-family : Arial, Helvetica, sans-serif;
color : #999999;
font-size : 11px;
letter-spacing : 1px;
}
.hov:hover {
background : #eee;
}
.hov:focus {
border : 1px solid #666;
}
#contacts .contact {
font-family : "Trebuchet MS", Arial, sans-serif;
font-size : 12px;
color : #666;
position : relative;
margin-top : 75px;
bottom : 1px;
right : 5px;
text-align : right;
}
#contacts .contact p {
margin : 0 0 5px 0;
}
#note {
font-family : "Trebuchet MS", Arial, sans-serif;
font-size : 11px;
}
.notification_error {
color : #cc0000;
}
.notification_ok {
color : #006600;
}
#contacts .contact strong {
line-height : 2em;
color : #111;
}
#contacts .contact strong em {
color : #666;
}
#contacts .contact span {
color : #000;
font-weight : bold;
}
#contacts .contact a:hover {
text-decoration : none;
letter-spacing : 1px;
font-weight : bold;
color : #000;
}
#working {
display : block;
width : 16px;
height : 16px;
margin : 0 auto;
background : url(../img/loading.gif) no-repeat center;
}
ul#error li {
color : #990000;
}
div#response {
text-align : center;
font-size : 12px;
letter-spacing : 2px;
color : #006600;
}
#contacts .theform input.hoverfocus, #contacts .theform textarea.hoverfocus {
border : 1px solid #990000;
}
p.closeform a {
width : 50px;
height : 10px;
display : block;
float : right;
background : url(../img/close-form.png) no-repeat top right;
text-decoration : none;
color : #333;
font-family : Georgia, "Times New Roman", Times, serif;
font-size : 10px;
line-height : 10px;
letter-spacing : 2px;
padding-top : 2px;
margin-right : 7px;
margin-top : 2px;
}
p.closeform a:hover {
color : #990000;
background-position: bottom right;
}



/* tagcloud */

#tagside {
width : 250px;
height : 150px;
padding : 0 30px 0 20px;
position : absolute;
left : 0;
top : -145px;
}
#display {
width : 490px;
height : 170px;
position : absolute;
left : 310px;
top : -165px;
background-image : url(../img/definizioni.png) !important ;
background-image : url(../img/definizioni_ie.jpg);
background-position : right bottom;
background-repeat : no-repeat;
}
p.get {
display : block;
height : 30px;
line-height : 10px;
text-align : right;
font-style : italic;
font-family : "Times New Roman", Times, serif;
color : #999999;
margin-top : 5px;
}
p.get span {
color : #990000;
}
.mywords {
width : 250px;
margin : 0;
text-align : right;
color : #666666;
height : 24px;
line-height : 24px;
clear : both;
}
a.moltopiccolo {
font-size : xx-small;
position : relative;
z-index : 15;
color : #999;
}
a.piccolo {
font-size : small;
position : relative;
z-index : 14;
color : #999;
}
a.medio {
font-size : medium;
position : relative;
z-index : 13;
color : #777;
}
a.grande {
font-size : large;
position : relative;
z-index : 12;
color : #444;
}
a.enorme {
font-size : xx-large;
position : relative;
z-index : 11;
color : #222;
}
#mybgwords .bgmoltopiccolo {
font-size : xx-small;
position : relative;
z-index : 9;
}
#mybgwords .bgpiccolo {
font-size : small;
position : relative;
z-index : 8;
}
#mybgwords .bgmedio {
font-size : medium;
position : relative;
z-index : 7;
}
#mybgwords .bggrande {
font-size : large;
position : relative;
z-index : 6;
}
#mybgwords .bgenorme {
font-size : xx-large;
position : relative;
z-index : 5;
}
.enter a:link, .enter a:visited, .enter a:active {
border : none;
color : #930606;
}
.dot {
color : #930606;
}
.words {
color : #930606;
font-weight : bold;
}
.akkaerre {
width : 180px;
border-style : dashed;
border-left : none;
border-right : none;
border-bottom : none;
color : #dedede;
}
#tagside a:link, #tagside a:visited, #tagside a:active {
text-decoration : none;
border : none;
}
#tagside a:hover {
text-decoration : none;
font-weight : bold;
border : none;
}
a.red:link, a.red:visited, a.red:active {
color : #930606;
text-decoration : none;
font-weight : bold;
}
a.red:hover {
color : #930606;
text-decoration : none;
font-weight : bold;
letter-spacing : 1px;
}

#display p.emphasis {
font-family : baskerville, "palatino linotype", Georgia, "Times New Roman", Times, serif;
color : #660000;
font-size : 30px;
line-height : 26px;
margin : 0 0 10px;
padding-left : 0;
font-style : italic;
font-variant : normal;
font-weight : normal;
letter-spacing : -2px;
line-height : 30px;
}

#pane-target {
margin : 0;
padding : 0;
overflow : hidden;
width : 455px;
height : 100px;
margin : 0;
}
#pane-target i {
color : #990000;
font-style : inherit;
}
#pane-target ul {
width : 455px;
height : 100px;
}
#pane-target li {
padding : 0 5px;
height : 100px;
}
#pane-target li.it {
background-image : url(../img/macchiolina.png);
background-position : right bottom;
background-repeat : no-repeat;
}
#pane-target li.ondefault {
background-image : url(../img/macchia.png);
background-position : right bottom;
background-repeat : no-repeat;
}
#pane-target li p {
background-image : url(../img/macchiolina.png);
background-position : right bottom;
background-repeat : no-repeat;
}
#pane-target li.ondefault p, #pane-target li.it p {
background-image : none !important ;
}
#pane-target li.it p {
margin : 0 0 5px 0;
line-height : 13px;
font-size : 12px;
}
#pane-target li.it p span {
color : #770000;
font-style : italic;
}
#pane-target li.it {
padding : 0 0 0 5px;
}
#pane-target p {
margin : 0 0 10px 0;
line-height : 14px;
font-size : 12px;
color : #000;
}
#pane-target p span {
color : #666;
}
#pane-target h3 {
margin : 0 0 10px 0;
}
#pane-target p span.first {
color : #222;
}
#pane-target a {
color : #990000;
text-decoration : none;
border-bottom : 1px dotted;
}
#pane-target hr {
visibility : hidden;
clear : both;
}

#pane-target li.it p.enfasi {
font-family : baskerville, "palatino linotype", Georgia, "Times New Roman", Times, serif;
color : #660000;
font-size : 19px;
line-height : 18px;
margin : 0;
font-style : italic;
font-variant : normal;
font-weight : normal;
letter-spacing : -2px;
}
#pane-target p.enfasi em {
font-family : Georgia, "Times New Roman", Times, serif;
color : #330000;
font-size : 14px;
}
.communication {
float : left;
width : 230px;
padding-right : 10px;
}
.copywriting {
float : left;
width : 130px;
}



/* alla spiccioliata */

hr.separatore {
clear : both;
visibility : hidden;
}