/* reset */
* {margin:0;padding:0;}
img {border:0;}
/*******************
General layout
position and bgcolor
*******************/
body {
	text-align:center;
	background:#FAF6F4 url(../img/sfondo-2008.gif) repeat top left;
}

#page {
	width:540px;
	margin:0 auto;
	padding-top:12px;
	text-align:left;
	background-color:#fff;
}
#header, #sectionNav, #footer {padding:0 18px;}
#header {padding-bottom:28px;}
#intro {padding:110px 18px 18px 18px;}
.page #intro {padding:12px 18px 8px 18px;}
#description {padding:12px 18px 12px 18px;}
#logo {float:right;padding-top:3px;}

ul#nav {
	padding:25px 0 0 0;
	margin:0;
}
ul#nav li {
	display: inline;
	padding-right: 8px;
}

#description {display:inline-table;}

#description:after {
content : "."; 
display : block; 
height : 0; 
clear : both; 
visibility : hidden;
}
/* Hides from IE-mac \*/
* html #description {height: 1%;}
#description {display: block;}
/* End hide from IE-mac */

#footer {clear:both;color:#777;border-top:1px solid #E7E7E7;padding:8px 18px 12px 18px} /*padding-bottom-3px per padding p interno */
#footer ul {margin-left:0;}
#footer ul li {display:inline;}
#footer ul li a {padding:0 3px 0 6px;border-left:1px solid #999;}
#footer ul li a.first {border:0px;padding-left:0;}
#footer ul li a.lang {border-left-style: double;border-left-width: 3px;}

/* layout for home page */

#introGrafica, #introWeb, #introIll {float:left;width:180px;}

#home #description {padding:0;background:url(../img/sfondo-3col.gif) repeat-y top left;}

/* layout for section index */
#description .servizi {width:47%;float:left;}
#description .portfolio {margin-left:50%;padding-left:18px}
.index #description, .contatti #description {background:url(../img/sfondo-2col.gif) repeat-y top left;}

/*layout for portfolio */

#sectionNav {border-top:1px solid #E7E7E7;padding-top:8px;padding-bottom:10px;}

/*portfolio navigation */

#sectionNav h2 {padding:2px 0 8px 0;}

#sectionNav ul {float:right;}
#sectionNav li {display:inline;}
#sectionNav ul a {display:block;float:left;width:18px;height:18px;text-indent:-10000px;}
#sectionNav ul .numpage {display:block;float:left;padding-right:3px;padding-top:3px;}
#sectionNav a.succ, #sectionNav a.prec {margin-left:5px;}
#sectionNav li.last {padding-right:23px;}

/*portfolio image div*/
#imageCont {
	position:relative;
	border-top:1px solid #E7E7E7;
	border-bottom:1px solid #E7E7E7;
}
#photo, #photobis {
	/*
	position:absolute;
	top:0;
	left:0;
	*/
}
#LoadImg {position:absolute;top:380px;left:0;}

/*portfolio image commento */
#imageCom {border-bottom:1px solid #E7E7E7;padding:0 20px;}


/*static chi siamo */
#anita, #col1-2 {width:47%;float:left;}
#olivier, #col2-2 {margin-left:50%;padding-left:18px;}
#extra {clear:both;border-top:1px solid #E7E7E7;padding:10px 18px 7px 18px;}
#anita img {float:left;margin-right:10px;border: 1px solid #ddd;}
#olivier img {float:right;margin-left:10px;border: 1px solid #ddd;}
/* pagina contatti */

address {margin-top:1em;}

#visavi form {margin:1em 0;}
#visavi form input.field, #visavi form textarea {width:212px;}
#visavi form input#check-privacy {margin-right:3px;}
#visavi form input#submitButton {margin-top:1em;}

label.error input {border:2px #f00 solid;}
div.error{padding:5px 5px;margin:1em 0;border:1px #f00 solid;}
p.confirm {padding-top:1em;}
ul, ol {
	margin-left:2em;
}
ul.mappa, div.servizi ul {margin-left:0;}

/*******************
Tipography
*******************/
body {
   font-family: Verdana, Helvetica, Arial, sans-serif;
   font-size: 10px;
   color:#333;
}

h1, h2 {font-family: "Trebuchet MS", Helvetica, Arial, sans-serif;color:#000;}
ul#nav, #sectionNav ul, #intro p, p#imageNav {font-family: Helvetica, Arial, sans-serif;}
ul, ol, p, address {font-size:1.2em;}
ul ul, ol ol, ul ol, ol ul {font-size:1em;}

ul#nav {font-size:1.2em;text-transform:uppercase;}

ul#nav li {list-style-type: none;white-space: nowrap;}
ul#nav span.sel {font-weight:bold;}

/* home page */

#home #introGrafica p, #home #introWeb p, #home #introIll p { padding:15px;}
#home #introGrafica h2, #home #introWeb h2, #home #introIll h2  {font-size:23px;white-space: nowrap;margin:0;padding:0;}

/* section index */

#intro h1 {font-size:28px;}
#intro p {padding-top:5px;font-size:1.8em;line-height:140%;}

#description, #extra {line-height:170%;}
#description h2 {font-size:16px;padding:0.8em 0 0.3em 0;}
#description ul, #description p, #extra p {padding-top:0.3em;padding-bottom:0.3em;}
#description ul {line-height:150%;}
#description .portfolio li {padding:0 0 0 22px;background:url("../img/bullet-link.gif") no-repeat 3px 0.3em;list-style:none;}
#description .servizi li {padding:0 0 0 22px;background:url("../img/bullet-servizi.gif") no-repeat 3px 0.3em;list-style:none;}

p.copy,#footer ul {font-size:1.1em;padding:5px 0;color:#777;}

/*portfolio titoli */

#sectionNav h2 {
   font-weight:normal;
   float:left;
}
#sectionNav h1 {
   clear:left;
   font-size:24px;
   padding-top:3px;
}

/*portfolio navigation */

#sectionNav ul, #sectionNav h2 {font-size:1.2em;color:#777;font-family: Helvetica, Arial, sans-serif;}
#sectionNav ul li a.prec {background:url("../img/arrow2_left.gif") no-repeat left top;}
#sectionNav ul li a.succ {background:url("../img/arrow2_right.gif") no-repeat right top;}
#sectionNav ul li a.prec:hover {background:url("../img/arrow2_left.gif") no-repeat 0px -32px;}
#sectionNav ul li a.succ:hover {background:url("../img/arrow2_right.gif") no-repeat 0px -32px;}

/*portfolio image div*/

#imageCom p{margin:16px 0 14px;}

/* portfolio image navigation */

#imageCom p {color:#777;font-size:1.2em;}
#imageCom a {padding:2px 4px;font-weight:bold;font-size:10px;}
#imageCom a:link {color: #fff;background-color:#bbb;text-decoration: none;}
#imageCom a:visited {color: #fff;background-color:#bfbfbf;text-decoration: none;}
#imageCom a:hover{color: #fff;background-color: #fc0;text-decoration: none;}
.portfolio #imageCom a.sel:link, .portfolio #imageCom a.sel:visited, .portfolio #imageCom a.sel:visited {background-color:#f66; color:#fff;}

.portfolio #description p {margin:0;padding:0;}

/* pagina contatti*/
address {font-style: normal;font-size:1.2em;}

address .visavi {font-size:1.4em;
	color: #000;
	font-family: "Trebuchet MS", Helvetica, Arial, sans-serif;
	font-weight:bold;
	letter-spacing:0.1em;
}
div.error{color:#c00;background-color:#FFFADB;}
p.confirm {color:#2FBB40;font-weight:bold;}
label.error {color:#c00;}
.error ul {padding-left:18px;}
p.formNota {
   font-size: 1em;
   color:#999;	
}
/* pagina mappa */
h3 {font-family: Verdana, Helvetica, Arial, sans-serif;font-size:1.2em;font-style:italic; font-weight:normal;padding-left: 22px;}
ul.mappa li {padding:0 0 0 22px;background:url("../img/bullet-link.gif") no-repeat 3px 0.3em;list-style:none;}
/* pagina info legali */
#visavi.info-legali h3 {font-style: normal;font-weight: bold;padding:0.4em 0 0 0;color:#01A117;}

/*******************
link color
*******************/
a:link {color:#0000BF;}
a:visited {color:#4957AC;}
a:hover {color:#0000BF;}
/* prevent outline in firefox 1.5 (cause of text-indent -10000) */
#sectionNav a:focus, #home h2 a:focus {outline: 0 !important;}

#sectionNav a:link, #sectionNav a:visited {color:#777;}
#sectionNav li a:link, #sectionNav li a:visited, #sectionNav li a:hover {text-decoration:none;} 

#nav a {text-decoration:none;}
#nav a:link, #nav  a:visited {color:#000;}
#nav a:hover {text-decoration:underline;}
#footer a:link, #footer a:visited, #footer a:hover {color:#777;} 
.copy a:link, .copy a:visited, .copy a:hover  {color:#777;} 

/*******************
specific color for sections
*******************/

#introGrafica h2 { background:#efaa11 url(../img/sfondo-grafica5.jpg) no-repeat -175px -80px;}
#introWeb h2 { background:#259cfc url(../img/sfondo-web-design2.jpg) no-repeat -240px -130px;}
#introIll h2 { background:#ef456a url(../img/sfondo-illustrazione5.jpg) no-repeat -100px -60px;}

#illustrazione a.sel:link, #illustrazione a.sel:visited, #illustrazione a.sel:hover, #illustrazione span.sel {color:#f02c52;font-weight:bold;}
#illustrazione #sectionNav h1 {color:#f02c52;}

#web-design a.sel:link, #web-design a.sel:visited, #web-design a.sel:hover, #web-design span.sel {color:#066ff6;font-weight:bold;}
#web-design #sectionNav h1 {color:#066ff6;}
#grafica a.sel:link, #grafica a.sel:visited, #grafica a.sel:hover, #grafica span.sel {color:#ea9300;font-weight:bold;}
#grafica #sectionNav h1 {color:#ea9300;}

#visavi a.sel:link, #visavi a.sel:visited, #visavi a.sel:hover, #visavi span.sel {color:#23ba35;font-weight:bold;}
#visavi #sectionNav h1 {color:#23ba35;}
#map {width:235px;height:235px;overflow:hidden;margin-top:15px;}