html, body{
margin:0;
padding:0;
}

*{margin:0;padding:0;}


body {
font-family: "Lucida Sans Unicode", "LucidaGrande", Verdana, Sans-serif;
font-size:100%;
color:#333;
text-align:center;
}

a img{ border:none;}

#content .important{
color: #000000;
font-size: 0.8em;
}

hr, .nascosto{
position:absolute;
top:-1000em;
width:1px;
height:1px;
overflow:hidden;
}

acronym, abbr {
background:#fff url(../images/parla.gif) 0% 50% no-repeat;
color:#CC0000;
cursor:help;
border-bottom:1px solid #ddd;
font-weight:bold;
padding-left:14px;
}

div.clear{
clear: left;
height:20px;
margin:0;
border:none;
}

#container{
margin: 0 auto;
width:900px;
text-align: left;
background: #FFF url(../images/bg.jpg) left top no-repeat;
}

#head{
margin:0 auto;
width:890px;
height:100px;
background: transparent url(../images/bghead.gif) left top no-repeat;
text-align:left;
position:relative;
}
#head img.bookmark{
margin-right:4px;
vertical-align:middle;
}

#head img.rss{
margin-left:8px;
margin-right: 5px;
vertical-align:middle;
}

#head p{
color: #46525e;
font-size: .75em;
position:absolute;
left:18px; 
bottom:20px;
margin:0;
padding:0;
}

#head  a:link, #head a:visited{
color: #46525e;
text-decoration:none;
}

#head a:hover, #head a:focus, #head a:active{
color: #ea7900;
text-decoration:none;
}

#head h1 {
font-size:.8em;
padding-left: 10px;
}

#head h2{
	font-size:0.7em;
	padding-left: 10px;
	color: #CCCCCC;
}


#presentation{
margin:0 auto;
width:890px;
height:243px;
background: url(../images/bgpresentation.jpg) left top no-repeat;
text-align: right;
clear:left;
}


#presentation h1, #presentation h2, #presentation h3, #presentation p{
color:#fff;
background: transparent;
margin:0;
}


#presentation h1{
	font-size:1.2em;
	padding: 35px 24px 14px 0;
	font-family: "Lucida Sans Unicode", "LucidaGrande", Verdana, Sans-serif;
}

#presentation h2{
	font-size:1em;
	padding:0 24px  14px 0;
	font-family: "Lucida Sans Unicode", "LucidaGrande", Verdana, Sans-serif;
	letter-spacing: -1px;
}

#presentation h3{
	font-size:0.8em;
	padding:0 24px 10px 0;
	font-family: "Lucida Sans Unicode", "LucidaGrande", Verdana, Sans-serif;
}

#presentation p{
font-size:.8em;
padding:0 24px 10px 0;
}

#presentation a:link, #presentation a:visited{
background:transparent;
color:#fff;
text-decoration:none;
}

#presentation a:hover, #presentation a:focus, #presentation a:active{text-decoration:underline;}

div.division{
margin:0 auto;
width:890px;
height:30px;
background: url(../images/bgdivision.gif) left top no-repeat;
}

.iframe {
width: 250px;
height: 140px;
overflow: auto;
border: none;
padding-left: 5px;
padding-top: 5px;
padding-bottom: 0px;
margin-left: 21px;
}
.iframe2 {
width: 500px;
height: 200px;
overflow: auto;
border: none;
padding-left: 5px;
padding-top: 5px;
padding-bottom: 0px;
}


#corpo{/*======================da usare SOLO nelle pagine con impaginazione 2 colonne*/
width:900px;
color:#444444;
background: url(../images/bgcorpo.gif) center  top repeat-y;
}


#content{
float:left;
width: 585px;
}

/*====================================================================LINK*/
#content a:link, #content a:visited, 
#extra a:link, #extra a:visited, 
#corpo2 a:link, #corpo2 a:visited{
text-decoration:underline;
color:#EA7900;
background:transparent;
}

#content a.blank:link, #content a.blank:visited, 
#extra a.blank:link, #extra a.blank:visited, 
#corpo2 a.blank:link, #corpo2 a.blank:visited,
#portfolio a.blank:link, #portfolio a.blank:visited  {
text-decoration:underline;
color:#EA7900;
background:#fff url(../images/esterno.gif) 0% 50% no-repeat;
padding-left:14px;
}

a.blank:hover {
text-decoration:none;
}

#content a:hover, #content a:focus, #content a:active,
#extra a:hover, #extra a:focus, #extra a:active,
#corpo2 a:hover, #corpo2 a:focus, #corpo2 a:active{
text-decoration:none;
}

/*====================================================================FINE LINK*/

#extra h2{
color:#46525E;
padding: 6px 0 5px 21px;
background:transparent;
font-size:1.1em;
font-family: "Lucida Sans Unicode", "LucidaGrande", Verdana, Sans-serif;
}

#content p, #extra p, #corpo2 p{
color:#444444;
font-size:.8em;
line-height:1.5;
padding:0 25px 10px 21px;
}

#extra p{ 
padding: 5px 25px 15px 21px;
}

#extra p.msn{
color:#0e5b9d;
padding: 15px 0 0 48px;
height:40px;
background: transparent url(../images/messenger.gif) 19px 40% no-repeat;
}

#extra{
float: left;
width: 315px;
}

.data{
background: transparent url(../images/data.gif) left no-repeat;
}

#corpo2{/*======================da usare SOLO nelle pagine a blocco unico*/
width:800px;
color:#444444;
background: #fff;
margin: 0 auto;
}

#content h1, #corpo2 h1, #corpo2 h2{
color:#46525E;
padding: 6px 0 14px 21px;
background:transparent;
font-size:1.1em;
font-family: "Lucida Sans Unicode", "LucidaGrande", Verdana, Sans-serif;
}

#corpo2 h1{
font-size:1.1em;
}

#corpo2 h2{
font-size: 1.1em;
}

#content .leftimg, #corpo2 .leftimg {/*classe applicata alla immagine nel blocco unico*/
margin:0 8px 0 21px;
float:left;
padding:4px;
border:1px solid #ddd;
}

#content .img {/*classe applicata alla immagine nel blocco unico*/
margin:0 8px 5px 21px;
padding:3px;
border:1px solid #ddd;
}

#extra .leftimg{/*classe applicata alla immagine nel blocco unico*/
margin:0 8px 0 0;
float:left;
padding:4px;
border:1px solid #ddd;
}
#extra .twitter{/*classe applicata alla immagine nel di twitter*/
margin-left: 20px;

padding:4px;
border: none;
}

#news{
color:#ea7900;
font-size:14px;
line-height:1.5;
padding-left: 21px;
padding-top: 10px;
text-align:left; 
text-decoration: none;
}

#news a{
color:#ea7900;
font-size:14px;
line-height:1.5;
padding-left: 21px;
padding-top: 10px;
text-align:left;
text-decoration: none;
}
#news a:hover{
text-decoration: underline;
}
#extra .blocimg {/*classe applicata alla immagine nel blocco unico*/
margin:0 8px 0 0;
padding:4px;
border:1px solid #ddd;
}

#extra ul{
list-style-image: url(../images/bullet.gif);
margin-bottom: 15px;
padding:0 0 0 10px;
}

#corpo2 ul, #content ul{
list-style-image: url(../images/bullet.gif);
margin-bottom: 15px;
padding:0 0 0 10px;
}

#corpo2  ul  li { 
margin:0 25px 0 60px;
padding:0;
line-height:1.5em;
font-size:.8em;
color:#444444;
}

#portfolio{/*da usare solo nella pagina portfolio*/
margin:0 auto;
width:900px;
color:#000;
background: url(../images/bgportfolio.gif) center top repeat-y;
}

div#port1, div#port2{/*colonne sx + dx  pag. portfolio*/
width:445px;
background: transparent;
float:left;
}
div.work{
margin:  0 auto 10px auto;
width:369px;
background: #fff;
text-align:left;
}

div.work h3{
color:#4F4F4F;
font-size: 1.1em;
background: transparent;
}

div.work img{
margin:5px 5px 0 0;
padding:5px;
float:left;
display:inline;
margin-right: -3px;
border: 1px solid #DDDCE1;
background-color:#FFF;
}

div.work a:hover img{
margin:5px 5px 0 0;
padding:5px;
float:left;
display:inline;
margin-right: -3px;
border: 1px solid #DDDCE1;
background-color:#DDD;
}

div.work p{
margin: 5px 0 4px 125px;
color:#444;
background: transparent;
color:#444;
font-size:0.8em;
}


/* Fine portfolio */

#content ul li { 
margin:0 25px 10px 38px;
padding:0;
line-height:1.6em;
font-size:0.8em;
color:#444444;
}

div.work  a:link, div.work  a:visited{
text-decoration:underline;
color:#EA7900;
background:transparent;
}

div.work a:hover, div.work a:focus,div.work a:active{
text-decoration:none;
}

#extra ul  li { 
margin:0 25px 0 38px ;
padding:0;
line-height:1.5em;
font-size:.8em;
color:#444444;
}

#extra blockquote {
line-height:1.5em;
padding: 10px 20px 10px 20px;
color:#EA7900;
margin: 0 20px 10px 20px;
background: #F6F6F6;
}
  
/*=====================================================FOOTER*/	
#footer{
text-align:center;
margin:0 auto 10px auto;
width: 888px;
border-top:1px solid #ddd;
height:91px;
}
.menuFooter{
margin:0;
height:30px;
line-height:30px;
font-size:.8em;
background: #fff;
}
.menuFooter li{
display:inline;
margin:0;
height:0;
border-left:1px solid #ddd;
}
.menuFooter li.primaVoce{
border-left:none;
}
.menuFooter a:link,
.menuFooter a:visited{
background: transparent;
color:#333333;
text-decoration:none;
padding:0 .8em;
}
.menuFooter a:hover,
.menuFooter a:focus,
.menuFooter a:active{
text-decoration:underline;
}
#footer p{
color:#444444;
font-size: .8em;
background:transparent;
padding:5px 0 0 0;
}
#footer a:link, #footer a:visited{
text-decoration:none;
background:transparent;
color:#EA7900;
}
#footer a:hover, #footer a:focus, #footer a:active{
text-decoration:underline;
color:#EA7900;
}
/*==============================================FINE FOOTER*/

/*==========================================FORM E PAGINA CONTATTI*/

#extra form p {
margin:0; 
padding: 5px 0 5px 20px;
font-size: 13px;
}
form {
padding:5px;
margin:0 auto;
text-align:left;
}
input.textfield,textarea, select {
background:#F2F2F2;
font-size: 1.0em;
border: 1px solid #ddd;
font-family: "Lucida Sans Unicode", "LucidaGrande", Verdana, Sans-serif;
}
input.textfield { width: 50%;}
textarea { width: 95% }
input.textfield:hover, textarea:hover {
background: #FFFFF2;
color: #333;
border: 1px solid #EA7900
}
input.disabled {
border: 1px solid #ddd;	
background-color: #ddd
}
/*======================================FINE FORM PAGINA CONTATTI*/



.important {
	background-position: 15px 50%; /* x-pos y-pos */
	text-align: left;
	padding: 5px 20px 5px 100px;
	}
/*========================================================================================MENU ORIZZONTALE*/
 
.menuNavigazione{
margin:0 auto;
padding:0;
list-style:none;
height:26px;
line-height:28px;
}
 
.menuNavigazione li{
float:left;
position:relative;
}
 
.menuNavigazione a{
display:block;
/*float:left;*/
height:26px;
line-height:26px;
width: 66px;
padding:0 15px;
text-decoration:none;
font-size: .8em;
font-weight: bold;
background:transparent;
color:#545454;
}
 
.menuNavigazione a:hover,
.menuNavigazione a:focus,
.menuNavigazione a:active{
text-decoration:none;
background:transparent;
color:#edae03;
}
 

/* SOTTO MENU */
.menuNavigazione ul{
margin:0 ;
padding:0;
list-style:none;
}
 
.menuNavigazione ul li{
/*float:none;*/
width:120px;
}
 
.menuNavigazione ul a{
float:none;
display:block;
height:26px;
line-height:26px;
background:#edae03;
color:#fff;
width:120px;
}
 
.menuNavigazione ul a:hover, .menuNavigazione ul a:focus, .menuNavigazione ul a:active{
background:#333;
color:#fff;
}
 
.menuNavigazione ul,
.menuNavigazione ul.subMenu-off{
position:absolute;
left:-10000em;
/*visibility:hidden;*/
}
 
/*
.menuNavigazione ul.subMenu-on{
visibility:visible;
}
*/
 

/* POSIZIONAMENTO SOTTO MENU */
.menuNavigazione ul.subMenu-on{
position:absolute;          
top:26px;
left:-1px;
visibility:visible;
}
 
/*================================================================================FINE MENU ORIZZONTALE*/

#easy { margin-top: 10px;
margin-bottom: 20px;
margin-left: 21px;
padding-top: 10px;
}
#plugoo { 

margin: 6px 0px 6px 0px;
padding-left: 21px;
}