/* CSS Document */

/* ----------- STRUTTURA */

* {
outline: none;
}

body {
margin: 0 auto;
padding: 0;
background: #FFF;
font-family: Arial, Helvetica, sans-serif;
font-size: 82%;
color: #000;
}

#page {
width: 900px;
margin: 0 auto;
}

#header {
width: 100%;
height: 100px;
}

#nav1 {
float: left;
width: 100%;
height: 38px;
overflow: hidden;
}

#nav2 {
float: left;
width: 100%;
height: 66px;
}

#nav2arte {
float: left;
width: 100%;
height: 66px;
}

#nav2cultura {
float: left;
width: 100%;
height: 66px;
}

#nav2web {
float: left;
margin: 0;
padding: 0;
width: 100%;
height: 66px;
}

#nav2chidove {
float: left;
width: 100%;
height: 66px;
}

#section {
width: 390px;
float: left;
}

#text {
width: 510px;
float: right;
}

#text2 {
width: 510px;
float: right;
}

#text3 {
width: 510px;
float: right;
}

.photo {
clear: both;
float: left;
width: 90px;
}

.bio {
width: 420px;
float: right;
padding-bottom: 5px;
}

.bio p {
margin-top: 0;
}

#footer {
border-top: 1px solid #CCC;
margin-top: 35px;
padding: 10px 0 15px 0;
clear: both;
float: right;
width: 510px;
font-size: 90%;
}

#innerfooter {
margin-top: 35px;
padding-bottom: 15px;
clear: both;
float: right;
width: 520px;
}

/* ----------- LISTE */


span {
	display: none;
}

#nav1 ul {
	position: relative;
	width: 900px;
	background: url(../img/nav1.gif) no-repeat;
	height: 38px;
	list-style-type: none;
	margin: 0;
	padding: 0;
}

#nav1 li a {
	background: transparent;
	position: absolute;
	height: 38px;
	top: 0;
	text-decoration: none;
}

li#arte a {left: 0px; width: 235px; background: url(../img/nav1_arte.gif) 0px 0px no-repeat;}
li#cultura a {left: 235px; width: 253px; background: url(../img/nav1_cultura.gif) 0px 0px no-repeat;}
li#web a {left: 488px; width: 259px; background: url(../img/nav1_web.gif) 0px 0px no-repeat;}
li#chidove a {left: 747px; width: 153px; background: url(../img/nav1_chidove.gif) 0px 0px no-repeat;}

#nav2arte ul {
	position: relative;
	width: 368px;
	background: url(../img/nav2_arte.gif) no-repeat;
	height: 18px;
	list-style-type: none;
	margin: 0;
	padding: 0;
}

#nav2arte li a {
	background: transparent;
	position: absolute;
	height: 18px;
	top: 0;
	text-decoration: none;
}

li#newdada a {left: 0px; width: 90px; background: url(../img/nav2_newdada.gif) 0px 0px no-repeat;}
li#laboratori a {left: 90px; width: 160px; background: url(../img/nav2_laboratori.gif) 0px 0px no-repeat;}
li#lavmu a {left: 250px; width: 74px; background: url(../img/nav2_lavmu.gif) 0px 0px no-repeat;}
li#arg a {left: 324px; width: 44px; background: url(../img/nav2_arg.gif) 0px 0px no-repeat;}

#nav2cultura ul {
	position: relative;
	width: 510px;
	background: url(../img/nav2_cultura.gif) no-repeat;
	height: 18px;
	list-style-type: none;
	margin: 0;
	padding: 0;
}

#nav2cultura li a {
	background: transparent;
	position: absolute;
	height: 18px;
	top: 0;
	text-decoration: none;
}

li#viaggiparola a {left: 0px; width: 150px; background: url(../img/nav2_viaggiparola.gif) 0px 0px no-repeat;}
li#biennale a {left: 150px; width: 180px; background: url(../img/nav2_biennale.gif) 0px 0px no-repeat;}
li#matidada a {left: 330px; width: 180px; background: url(../img/nav2_matidada.gif) 0px 0px no-repeat;}

#nav2web ul {
	position: relative;
	width: 360px;
	background: url(../img/nav2_webmultimedia.gif) no-repeat;
	height: 18px;
	list-style-type: none;
	margin: 0;
	padding: 0;
}

#nav2web li a {
	background: transparent;
	position: absolute;
	height: 18px;
	top: 0;
	text-decoration: none;
}

li#webdesign a {left: 0px; width: 102px; background: url(../img/nav2_web.gif) 0px 0px no-repeat;}
li#multimedia a {left: 102px; width: 106px; background: url(../img/nav2_multimedia.gif) 0px 0px no-repeat;}
li#portfolio a {left: 208px; width: 86px; background: url(../img/nav2_portfolio.gif) 0px 0px no-repeat;}
li#clienti a {left: 294px; width: 66px; background: url(../img/nav2_clienti.gif) 0px 0px no-repeat;}

#nav2chidove ul {
	position: relative;
	width: 135px;
	background: url(../img/nav2_chidove.gif) no-repeat;
	height: 18px;
	list-style-type: none;
	margin: 0 0 0 2px;
	padding: 0;
}

#nav2chidove li a {
	background: transparent;
	position: absolute;
	height: 18px;
	top: 0;
	text-decoration: none;
}

li#team a {left: 0px; width: 60px; background: url(../img/nav2_team.gif) 0px 0px no-repeat;}
li#contatti a {left: 60px; width: 75px; background: url(../img/nav2_contatti.gif) 0px 0px no-repeat;}

/* for IE6 */
* html #nav1 li a, * html #nav2_arte li a, * html #nav2cultura li a, * html #nav2web li a, * html #nav2chidove li a { bottom: -1px; }

#nav1 li a:hover { background-position: 0 -38px; }

#nav2arte li a:hover, #nav2cultura li a:hover, #nav2web li a:hover, #nav2chidove li a:hover  { background-position: 0 -18px; }

#nav1 li a.activelink  { background-position: 0px -38px; }

#nav2arte li a.activelink, #nav2cultura li a.activelink, #nav2web li a.activelink, #nav2chidove li a.activelink  { background-position: 0px -18px; }

#text ul {
margin: 0 0 0 30px;
padding: 0;
}

#text li {
list-style-type:lower-roman;
}

#text2 ul {
margin: 0 0 0 30px;
padding: 0;
}

#text2 li {
list-style-type: lower-roman;
}

#text3 ul {
margin: 20px 0 0 0;
padding: 0;
}

#text3 li {
list-style-type: none;
float: left;
position: relative;
}

/*#text3 ul li a{ display: block; }

#text3 ul li a:link, #nav ul li a:visited, #nav ul li a:active, #nav ul li a:hover{ color: #748685; text-decoration: none; background-color: #333;}

#text3 ul li a:hover{ color: #2e3736; background-color: #d2eae8; }*/



ul.thumbslab { list-style: none; margin: 10px 0 20px 40px; padding: 0;}
ul.thumbslab li{ float: left; padding: 0; margin: 0 10px 10px 0; position: relative; }
ul.thumbslab li a img { border: 8px solid /*#D1DE8D;*/ #CCC; }
ul.thumbslab li a:hover img { border: 8px solid #A8C31E; }
/*ul.thumbs li img.new {display: block; position: absolute; top: -3px; right: -3px; z-index: 1; border: none; }*/

ul.thumbsportfl { list-style: none; margin: 10px 0 20px 40px; padding: 0; /*width: 500px;*/ }
ul.thumbsportfl li{ float: left; padding: 0; margin: 0 10px 10px 0; position: relative; }
ul.thumbsportfl li a img { border: 8px solid /*#E8B1D6;*/ #CCC; }
ul.thumbsportfl li a:hover img { border: 8px solid #CA0088; }

ul.thumbsbiennale { list-style: none; margin: 10px 0 20px 40px; padding: 0; /*width: 500px;*/ }
ul.thumbsbiennale li{ float: left; padding: 0; margin: 0 10px 10px 0; position: relative; }
ul.thumbsbiennale li a img { border: 8px solid /*#E8B1D6;*/ #CCC; }
ul.thumbsbiennale li a:hover img { border: 8px solid #878EC4; }

ul.thumbslabs { list-style: none; margin: 10px 0 20px 40px; padding: 0; /*width: 500px;*/ }
ul.thumbslabs li{ float: left; padding: 0; margin: 0 10px 10px 0; position: relative; }
ul.thumbslabs li a img { border: 8px solid /*#E8B1D6;*/ #CCC; }
ul.thumbslabs li a:hover img { border: 8px solid #A8C31E; }

#text ul li ul li {
list-style-type: none;
margin: 0 0 0 -10px;
padding: 0px;
}

#footer ul {
margin: 0!important;
padding: 0!important;
}

#footer ul li {
background: url(../img/magentaslash.gif) left 50% no-repeat;
padding: 0 4px 0 10px;
margin: 0;
display: inline;
list-style-type: none!important;
}

/* ----------- IMMAGINI */

#header img {
float: left;
margin-top: 20px;
border: 0;
}

#text img {
margin: 0 15px 10px 0;
}

#text2 img {
float: left;
margin: 0 15px 10px 0;
}

/* ----------- LINKS */

#text a {
color: #CA0088;
text-decoration: underline;
}

#text a:hover {
color: #CA0088;
text-decoration: none;
background: #FCE9F6;
}

#text2 a {
color: #CA0088;
text-decoration: underline;
}

#text2 a:hover {
color: #CA0088;
text-decoration: none;
background: #FCE9F6;
}

#text3 a {
color: #CA0088;
text-decoration: underline;
}

#text3 a:hover {
color: #CA0088;
text-decoration: none;
background: #FCE9F6;
}

#section a {
color: #CA0088;
text-decoration: underline;
}

#section a:hover {
color: #CA0088;
text-decoration: none;
background: #FCE9F6;
}

#footer a {
color: #CA0088;
text-decoration: underline;
}

#footer a:hover {
color: #CA0088;
text-decoration: none;
background: #FCE9F6;
}

/* ----------- TIPOGRAPHY */

h1 {
height: 36px;
margin-top: 0;
}

.verdetitolo {
font-size: 130%;
color: #A8C31E;
}

.titolocorsoarg {
font-size: 110%;
color: #A8C31E;
padding: 3px 0px 2px 22px;
background: url(../img/bullet_arg.gif) left 50% no-repeat;
}

.blutitolo {
font-size: 130%;
color: #878EC4;
}

.magentatitolo {
font-size: 130%;
color: #CA0088;
margin: 2px 0 10px 0;
border-top: 1px solid #FFF;
}

ul.listafreccia {
margin: 0!important;
padding: 0!important;
}

ul.listafreccia li {
background: url(../img/magentaslash.gif) left 50% no-repeat;
padding: 0 4px 0 10px;
margin: 0;
/*display: inline;*/
list-style-type: none!important;
}

#section p {
font-size: 90%;
margin-top: 0;
}

h3 {
font-size: 90%;
text-align: right;
}

.clear {
clear:left;
}

.clearfix:after{ content:"."; display:block; height:0; clear:both; visibility:hidden; } 
.clearfix {display: inline-block;} 
/* Hide from IE Mac \*/ 
.clearfix {display:block;} 
/* End hide from IE Mac */ 
* html .clearfix{ height: 1px; } 

.titlenewdada {
background: url(../img/tit_newdada.gif) left top no-repeat;
}

.titlelaboratori {
background: url(../img/tit_laboratori.gif) left top no-repeat;
}

.titlelavmu {
background: url(../img/tit_lavmu.gif) left top no-repeat;
}

.titlearg {
background: url(../img/tit_arg.gif) left top no-repeat;
}

.titleviaggi {
background: url(../img/tit_viaggiparola.gif) left top no-repeat;
}

.titlebiennale {
background: url(../img/tit_biennale.gif) left top no-repeat;
}

.titlematidada {
background: url(../img/tit_matidada.gif) left top no-repeat;
}

.titlewebdesign {
background: url(../img/tit_webdesign.gif) left top no-repeat;
}

.titlemultimedia {
background: url(../img/tit_multimedia.gif) left top no-repeat;
}

.titleportfolio {
background: url(../img/tit_portfolio.gif) left top no-repeat;
}

.titleclienti {
background: url(../img/tit_clienti.gif) left top no-repeat;
}

.titleabout {
background: url(../img/tit_about.gif) left top no-repeat;
}