/* CSS Document */

/*TAG GENERICI /////////////////////////////////////////////////////////////// */

html * {
margin:0;
padding:0;
}

body {
margin: 0;
padding: 0;
font-family : Georgia, Lucida,  serif;
color : #8e8763;
font-size : 76%;
text-align:center;
background : #183e41 url(../img/bg_body.jpg) center top repeat;    
} 

h1 {
width:240px;
height : 250px;
margin: 0;
padding : 36px 0 0 68px;
font-size : 16%; 
text-indent:-9000px;
background : transparent;    
}

h1 a {
display : block;
margin: 0;
padding: 0;
width:84px;
height : 57px;
text-decoration:none;
background : transparent;    
}

h1 a:hover {
background : transparent url(../img/logo_bluelabs.gif) top left no-repeat;    
}

h2 {
height : 1.7em;
padding: 0;
margin : 0 0 0.5em 10px;
font-size: 220%;
font-weight : normal;
color : #a75f17;
background:transparent url(../img/taglio.jpg) no-repeat  0 1.4em ;
}

h3{
display: block;
margin : 0 0 0.5em 10px;
padding: 0;
font-size: 124%;
font-weight : bold;
color : #0fbeda;
text-indent : 1.2em;
background:transparent url(../img/bullet_arrow.jpg) 0 0.2em no-repeat;
}

h5{
display: block;
margin : 0 0 0.5em 10px;
padding: 0;
font-size: 108%;
font-weight : normal;
color : #6d622a;
text-indent : 1.1em;
text-decoration : underline;
background:transparent url(../img/arrow_small_blue.gif)  0 0.5em no-repeat ;
}

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

a:hover {
color : #bc8e00;
text-decoration:none;
}

ul.elenco{
list-style : none;
margin : 0;
padding: 0;
}

ul.elenco li{
margin : 0;
padding: 0;
}

#container {
position:relative;
margin:0 auto; 
padding : 2.5em 0 0 0;
text-align:left;
background:transparent url(../img/bg_container.jpg) repeat-x top center;
}

#page_home, #page_filosofia, #page_servizi, #page_portfolio, #page_blog, #page_contatti, #page_sitemap, #page_inspirational {
position:relative;
display : block;
width : 912px;
margin: 0 auto ;
padding : 0 ;
background: #fff url(../img/bg_page.jpg) repeat-y top center;
}

#bluelabs_it {
position : absolute;
display : block;
left: 16px;
bottom:0;
width:33px;
height : 171px;
margin: 0; 
padding:0;
background:transparent url(../img/bluelabs_it.gif)  left top no-repeat;
}

#center {
display : block;
float: left;
width : 462px;
margin: 0 ;
padding : 50px 30px 0 10px ;
}

p {
line-height:172%;
font-size:108%;
margin:0 0 1.5em 10px;
padding : 0;
}

#center p.arrow {
text-indent : 1.5em;
background:transparent url(../img/bullet_arrow.jpg) 0 0.4em no-repeat;
}
#center p.intro {
margin : 0 0 1.5em 10px;
padding:0;
color : #094451;
}

#center p.intro a{
text-decoration: none;
color : #bc8e00;
}

#center p.intro a:hover{
text-decoration: underline;
color : #bc8e00;
}

#center blockquote {
margin:0 0 1.8em 10px;
padding : 0;
text-align: left;
font-size : 100%;
text-indent: 1.5em;
background:transparent url(../img/open_quotes.gif) 0 0.2em no-repeat;
}

#center blockquote p {
display: inline;
line-height: 180%;
margin : 0 0 1.5em 10px;
padding: 0;
color : #094451;
}

#center blockquote cite {
margin: 0 0 0 0.3em;
padding : 0 0 0 2.1em;
background:transparent url(../img/close_quotes.gif) bottom left no-repeat;
}

#center img.float_right {
float : right;
margin: 0 -10px 0 0;
padding : 0;
}

#center img.float_left {
float : left;
margin: 0 1em 0 0.5em;
padding : 0;
}

#per-la-stampa{
display: none;
}


/*TESTATA /////////////////////////////////////////////////////////////// */

#head_home, #head_filosofia,  #head_servizi, #head_portfolio,  #head_blog, #head_contatti, #head_sitemap, #head_inspirational {
display : block;
width:912px;
height: 284px;
margin: 0;
padding : 0;
}

#head_home {
background:transparent url(../img/head_home.jpg) no-repeat top left;
}

#head_filosofia {
background:transparent url(../img/head_filosofia.jpg) no-repeat top left;
}
#head_servizi {
background:transparent url(../img/head_servizi.jpg) no-repeat top left;
}
#head_portfolio {
background:transparent url(../img/head_portfolio.jpg) no-repeat top left;
}
#head_blog {
background:transparent url(../img/head_blog.jpg) no-repeat top left;
}
#head_contatti {
background:transparent url(../img/head_contatti.jpg) no-repeat top left;
}

#head_sitemap {
background:transparent url(../img/head_sitemap.jpg) no-repeat top left;
}

#head_inspirational {
background:transparent url(../img/head_portfolio.jpg) no-repeat top left;
}


#left {
display : block;
float: left;
width : 212px;
margin: 0 ;
padding : 0 ;
}
 
 
 
/*NAVIGAZIONE /////////////////////////////////////////////////////////////// */

#menu {
display : block;
width : 212px;
height : 482px;
font-size : 116%;
color:#039cb4;
margin: 0;
padding: 0; 
background:transparent url(../img/bg_menu.jpg)  top right no-repeat;
}

#menu ul{
width: 160px;
margin:0;
padding:  16px 0 0 24px;
list-style:none; 
}

#menu ul li {
display:block;
width : 160px;
height: 30px;
margin: 0;
padding: 0;
line-height : 1.9em;
background-color : transparent;
text-indent : 10px;
}

#menu ul li a, #menu ul li a:hover{
text-decoration : none;
}


#menu  ul li #home {
height: 29px;
display : block;
font-weight : bold;
color:#025b69;
border-bottom : 1px solid #c8dfe4;
background:transparent url(../img/ico_home.jpg) 132px bottom no-repeat;
}

#menu ul li a#home{
font-weight : normal;
color:#039cb4;
border-bottom : 1px solid #e8f1f3;
text-decoration : none;
background:transparent url(../img/ico_home.jpg) 132px top no-repeat;
}

#menu ul li a#home:hover{
color:#025b69;
border-bottom : 1px solid #c8dfe4;
background:transparent url(../img/ico_home.jpg) 132px bottom no-repeat;
}

#menu  ul li #filosofia {
height: 29px;
display : block;
font-weight : bold;
color:#025b69;
border-bottom : 1px solid #c8dfe4;
background:transparent url(../img/ico_filosofia.jpg) 132px bottom no-repeat;
}

#menu ul li a#filosofia{
font-weight : normal;
color:#039cb4;
border-bottom : 1px solid #e8f1f3;
text-decoration : none;
background:transparent url(../img/ico_filosofia.jpg) 132px  top no-repeat;
}

#menu ul li a#filosofia:hover{
color:#025b69;
border-bottom : 1px solid #c8dfe4;
background:transparent url(../img/ico_filosofia.jpg) 132px bottom no-repeat;
}

#menu  ul li #servizi {
height: 29px;
display : block;
font-weight : bold;
color:#025b69;
border-bottom : 1px solid #c8dfe4;
background:transparent url(../img/ico_servizi.jpg) 132px bottom no-repeat;
}

#menu ul li a#servizi{
font-weight : normal;
color:#039cb4;
border-bottom : 1px solid #e8f1f3;
text-decoration : none;
background:transparent url(../img/ico_servizi.jpg) 132px  top no-repeat;
}

#menu ul li a#servizi:hover{
color:#025b69;
border-bottom : 1px solid #c8dfe4;
background:transparent url(../img/ico_servizi.jpg) 132px bottom no-repeat;
}

#menu  ul li #portfolio {
height: 29px;
display : block;
font-weight : bold;
color:#025b69;
border-bottom : 1px solid #c8dfe4;
background:transparent url(../img/ico_portfolio.jpg) 132px bottom no-repeat;
}

#menu ul li a#portfolio{
font-weight : normal;
color:#039cb4;
border-bottom : 1px solid #e8f1f3;
text-decoration : none;
background:transparent url(../img/ico_portfolio.jpg) 132px  top no-repeat;
}

#menu ul li a#portfolio:hover{
color:#025b69;
border-bottom : 1px solid #c8dfe4;
background:transparent url(../img/ico_portfolio.jpg) 132px bottom no-repeat;
}

#menu  ul li #blog {
height: 29px;
display : block;
font-weight : bold;
color:#025b69;
border-bottom : 1px solid #c8dfe4;
background:transparent url(../img/ico_blog.jpg) 132px bottom no-repeat;
}

#menu ul li a#blog{
font-weight : normal;
color:#039cb4;
border-bottom : 1px solid #e8f1f3;
text-decoration : none;
background:transparent url(../img/ico_blog.jpg) 132px  top no-repeat;
}

#menu ul li a#blog:hover{
color:#025b69;
border-bottom : 1px solid #c8dfe4;
background:transparent url(../img/ico_blog.jpg) 132px bottom no-repeat;
}

#menu  ul li #contatti {
height: 29px;
display : block;
font-weight : bold;
color:#025b69;
border-bottom : 1px solid #c8dfe4;
background:transparent url(../img/ico_contatti.jpg) 132px bottom no-repeat;
}

#menu ul li a#contatti{
font-weight : normal;
color:#039cb4;
border-bottom : 1px solid #e8f1f3;
text-decoration : none;
background:transparent url(../img/ico_contatti.jpg) 132px  top no-repeat;
}

#menu ul li a#contatti:hover{
color:#025b69;
border-bottom : 1px solid #c8dfe4;
background:transparent url(../img/ico_contatti.jpg) 132px bottom no-repeat;
}

#menu  ul li #area_riservata {
height: 29px;
display : block;
font-weight : normal;
color:#025b69;
border-bottom : 1px solid #ffffff;
background:transparent url(../img/ico_riservata.jpg) 132px bottom no-repeat;
}

#menu ul li a#area_riservata{
font-weight : normal;
color:#039cb4;
border-bottom : 1px solid #e8f1f3;
text-decoration : none;
background:transparent url(../img/ico_riservata.jpg) 132px  top no-repeat;
}

#menu  ul li #area_riservata_click {
height: 29px;
display : block;
font-weight : normal;
color:#025b69;
border-bottom : 1px solid #ffffff;
background:transparent url(../img/ico_riservata.jpg) 132px bottom no-repeat;
}

#menu ul li a#area_riservata_click{
font-weight : normal;
color:#039cb4;
border-bottom : 1px solid #ffffff;
text-decoration : none;
background:transparent url(../img/ico_riservata.jpg) 132px  top no-repeat;
}
#menu ul li a#area_riservata_click:hover{
color:#025b69;
border-bottom : 1px solid #ffffff;
background:transparent url(../img/ico_riservata.jpg) 132px bottom no-repeat;
}

#menu ul li a#area_riservata:hover{
color:#025b69;
border-bottom : 1px solid #c8dfe4;
background:transparent url(../img/ico_riservata.jpg) 132px bottom no-repeat;
}

#icona_home, #icona_filosofia, #icona_servizi, #icona_portfolio, #icona_blog, #icona_contatti {
display : block;
width:140px;
height : 140px;
margin : 30px 0 0 33px;
padding : 0;
}

#icona_home{
background:transparent url(../img/ico_home_b.jpg) left top no-repeat;
}

#icona_filosofia{
background:transparent url(../img/ico_filosofia_b.jpg) right bottom no-repeat;
}

#icona_servizi{
background:transparent url(../img/ico_servizi_b.jpg) right bottom no-repeat;
}

#icona_portfolio{
background:transparent url(../img/ico_portfolio_b.jpg) right bottom no-repeat;
}

#icona_blog{
background:transparent url(../img/ico_blog_b.jpg) right bottom no-repeat;
}

#icona_contatti{
background:transparent url(../img/ico_contatti_b.jpg) right bottom no-repeat;
}



/*NAVIGAZIONE SECONDARIA /////////////////////////////////////////////////////////////// */

#menu_secondario{
position : absolute;
top:0;
right: 50%;
margin :12px -444px  0 0;
padding: 0;
font-family :  Verdana, sans-serif;
font-size : 92%;
color : #ead088;
}

#menu_secondario em{
font-style : normal;
color : #f5b300;
}

#menu_secondario a{
color : #ead088;
text-decoration : none;
}

#menu_secondario a:hover{
color : #f5b300;
text-decoration : underline;
}


/*COLONNA DESTRA /////////////////////////////////////////////////////////////// */

#right{
float: left;
display : block;
width : 170px;
margin: 0 ;
padding : 14px 0 0 27px ;
background: transparent url(../img/bg_right.gif) left top repeat-y;
}

#right p {
width: 150px;
line-height:148%;
font-family : Verdana, Arial, sans-serif;
font-size:92%;
color : #9ab0b2;
margin:0 0 10px 0;
padding : 0;
}

#right a {
text-decoration: none;
color : #094451;
}

#right a:hover {
text-decoration: underline;
}


#right p.capoverso {
text-indent : 1.1em;
background: transparent url(../img/arrow_small.gif) 0 0.6em no-repeat;
}

#right p.post_scriptum {
margin : 0;
padding : 1.2em 0 0 0;
font-style : italic;
color : #a28b0a;
background: transparent url(../img/puntino_blue_or.gif) left 2px repeat-x;
}

#right p.post_scriptum strong{
font-style : normal;
font-weight : normal;
}

#right img{
display:block;
margin:0 0 0 -10px;
padding : 0;
}

#right h4 {
margin:0 0 10px 0;
padding : 0;
font-family : Georgia, Lucida,  serif;
font-size:116%;
color : #bc8e00;
}

#right ul{
display : block;
width: 150px;
list-style : none;
margin: 0;
padding : 0;
line-height : 208%;
}

#right ul li{
display : block;
margin: 0;
padding : 0;
font-family : Verdana, Arial, sans-serif;
font-size:100%;
color : #0fbeda;
font-weight : bold;
}

#right ul li ul {
display : block;
line-height : 148%;
margin:0;
padding : 0;
}

#right ul li li {
display : block;
margin: 0;
padding : 0;
font-family : Verdana, Arial, sans-serif;
font-size:92%;
color : #9ab0b2;
font-weight : normal;
}

#right ul li li a{
text-decoration: none;
color : #9ab0b2;
}

#right ul li li a:hover{
text-decoration: underline;
}

.divisorio_small{
display:block;
width : 191px;
height : 32px;
margin:0 0 0 -22px;
padding : 0;
background: transparent url(../img/divisorio_small.jpg)  left 0.8em no-repeat;
}

.divisorio_big {
clear : both;
display : block;
height: 10px;
padding: 0;
margin : 0 0 1.1em 8px;
background:transparent url(../img/puntino_blue_or.gif)  10px top repeat-x ;
}


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

#cosa_facciamo {
position : absolute;
display : block;
left: 0;
top:254px;
width:195px;
height : 171px;
margin: 0; 
padding:0;
}

#cosa_facciamo ul{
list-style: none;
margin: 0 0 0 15px;;
padding: 0;
}

#cosa_facciamo ul li{
text-indent: -9999px;
margin: 0;
padding: 0;
}

#cosa_facciamo ul li a{
width: 179px;
height: 100px;
display: block;
text-decoration: none;
border: none;
}

#cosa_facciamo ul li a.web{
background:transparent url(../img/home_web.jpg) right top no-repeat;
}

#cosa_facciamo ul li a.web:hover{
background:transparent url(../img/home_web.jpg) left top no-repeat;
}

#cosa_facciamo ul li a.print{
background:transparent url(../img/home_print.jpg) right top no-repeat;
}

#cosa_facciamo ul li a.print:hover{
background:transparent url(../img/home_print.jpg) left top no-repeat;
}

#cosa_facciamo ul li a.corporate{
background:transparent url(../img/home_corporate.jpg) right top no-repeat;
}

#cosa_facciamo ul li a.corporate:hover{
background:transparent url(../img/home_corporate.jpg) left top no-repeat;
}

#cosa_facciamo ul li a.software{
background:transparent url(../img/home_software.jpg) right top no-repeat;
}

#cosa_facciamo ul li a.software:hover{
background:transparent url(../img/home_software.jpg) left top no-repeat;
}

#chi_siamo {
float: left;
display : inline;
width:270px;
margin: 0 0 0 224px; 
padding: 18px 0 0 0;
}

#chi_siamo h2 {
height : 1.7em;
padding: 0;
margin : 0 0 0.1em 0;
font-size: 188%;
font-weight : normal;
color : #a75f17;
background-image: none;
}

#chi_siamo p{
margin: 0 0 1em 0;
padding: 0;
font-family: Verdana, Arial, sans-serif;
font-size: 100%;
line-height: 1.5em;
color: #a3a192;
}

#aggiornamenti {
float: right;
display : inline;
width: 387px;
margin: 34px 1px 0 0; 
padding: 0;
font-family: Verdana, Arial, sans-serif;
font-size: 92%;
line-height: 1.4em;
color: #9ab0b2;
}

#aggiornamenti em{
padding: 0 0 0 5px;
font-weight: normal;
font-style: normal;
font-family: Verdana, Arial, sans-serif;
font-size: 84%;
}

#aggiornamenti #apertura {
clear: both;
display : block;
margin: 0; 
padding: 0;
}

#aggiornamenti #apertura #news{
float: left;
display : inline;
width: 173px;
margin: 0; 
padding: 0;
}

#aggiornamenti #apertura #job, #aggiornamenti #apertura #preventivi{
float: left;
display : inline;
width: 173px;
margin: 0 0 0 21px; 
padding: 0;
}

#aggiornamenti #apertura #job img, #aggiornamenti #apertura #preventivi img{
float: left;
display : inline;
margin: 5px 8px 0 0;
padding: 0;
}

#aggiornamenti #esempio_top {
clear: both;
display: block;
width: 387px;
margin: 0; 
padding: 0;
background:transparent url(../img/bg_esempio.gif) left top repeat-y;
}

#aggiornamenti #esempio {
display: block;
width: 347px;
min-height: 170px;
height: auto !important;
height: 170px;
margin: 0; 
padding: 20px 20px 0 20px;
background:transparent url(../img/bg_esempio_top.gif) left top no-repeat;
}

#aggiornamenti #esempio p{
display: block;
width: 156px;
margin: 0 0 8px 0; 
padding: 0;
font-family: Verdana, Arial, sans-serif;
font-size: 100%;
line-height: 1.4em;
color: #949178;
}

#aggiornamenti #esempio a img{
float: right;
margin: 0; 
padding: 0;
border: none;
text-decoration: none;
}

#aggiornamenti #esempio a.dettagli{
display: block;
width: 90px;
margin: 0; 
padding: 0 0 1px 17px;
font-family: Verdana, Arial, sans-serif;
font-size: 84%;
border: 1px solid #ccd8d8;
text-decoration: none;
background:#fff url(../img/arrow_small_beige.gif) 0.6em 0.7em no-repeat;
}

#aggiornamenti #esempio a.dettagli:hover{
text-decoration: none;
border: 1px solid #aab7b7;
}


/* CASO BOX GIALLO

#aggiornamenti #esempio a.dettagli{
margin: 0; 
padding: 1px 6px 3px 17px;
font-family: Verdana, Arial, sans-serif;
font-size: 84%;
line-height: 1.4em;
border: 1px solid #ede9d2;
text-decoration: none;
background:#fffceb url(../img/arrow_small_beige.gif) 0.6em 0.6em no-repeat;
}

#aggiornamenti #esempio a.dettagli:hover{
color: #f0b70f;
text-decoration: none;
border: 1px solid #dfd9b7;
}
 */

#aggiornamenti #chiusura{
display: block;
width: 387px;
height: 18px;
margin: 0; 
padding: 0;
background:transparent url(../img/bg_esempio_chusura.gif) left top no-repeat;
}

#aggiornamenti h4 {
margin:0 0 10px 0;
padding : 0;
font-family : Georgia, Lucida,  serif;
font-size:116%;
color : #bc8e00;
}

#aggiornamenti h2 {
height : 33px;
width: 150px;
padding: 0;
margin : 0;
font-family : Georgia, Lucida,  serif;
font-size: 188%;
font-weight : normal;
color : #a75f17;
background-image: none;
}

#page_home #aggiornamenti .pulizia {
clear : both;
margin: 0;
padding: 0;
display : block;
height: 20px;
}

#page_home .pulizia {
clear : both;
display : block;
height: 30px;
}

#home_menu {
display: block;
width: 910px;
height : 50px;
font-size : 116%;
color:#039cb4;
margin: 0;
padding: 0; 
background:transparent url(../img/bg_menu_home.gif) 20px top no-repeat;
}

#home_menu ul{
margin:0;
padding:  0;
list-style:none; 
text-align: center;
}

#home_menu ul li {
display: inline;
height: 50px;
margin: 0;
padding: 0 20px 0 13px;
line-height : 3.7em;
background:transparent url(../img/puntino_blue_ver.gif) right top repeat-y;
}

#home_menu ul li.ultima {
background-image: none;
}

#home_menu ul li a {
color:#039cb4;
text-decoration : none;
}

#home_menu ul li a:hover{
color:#025b69;
text-decoration : none;
}

#home_menu ul li a#filosofia{
padding: 8px 0 8px 25px;
background:transparent url(../img/ico_filosofia.jpg) left top no-repeat;
}

#home_menu ul li a#filosofia:hover{
background:transparent url(../img/ico_filosofia.jpg) left -29px no-repeat;
}

#home_menu ul li a#servizi{
padding: 8px 0 8px 25px;
background:transparent url(../img/ico_servizi.jpg) left top no-repeat;
}

#home_menu ul li a#servizi:hover{
background:transparent url(../img/ico_servizi.jpg) left -29px no-repeat;
}

#home_menu ul li a#portfolio{
padding: 8px 0 8px 25px;
background:transparent url(../img/ico_portfolio.jpg) left top no-repeat;
}
#home_menu ul li a#portfolio:hover{
background:transparent url(../img/ico_portfolio.jpg) left -29px no-repeat;
}

#home_menu ul li a#contatti{
padding: 8px 0 8px 25px;
background:transparent url(../img/ico_contatti.jpg) left top no-repeat;
}
#home_menu ul li a#contatti:hover{
background:transparent url(../img/ico_contatti.jpg) left -29px no-repeat;
}


/*PORTFOLIO /////////////////////////////////////////////////////////////// */


#page_portfolio #paginazione {
position : relative;
display : block;
height : 30px;
margin:0; 
padding : 0;
font-family : Georgia, Lucida,  serif;
color : #8e8763;
font-size : 84%;
letter-spacing: 1px;
text-align : center;
}

#page_portfolio #paginazione a{
color:#beb897;
text-decoration : underline;
}

#page_portfolio #paginazione a:hover{
color : #8e8763;
text-decoration : underline;
}

#page_portfolio #paginazione #precedente{
position : absolute;
top:0;
left : 10px;
}

#page_portfolio #paginazione #successiva{
position : absolute;
top:0;
right : 10px;
}

.work {
display : block;
width : 462px;
margin : 0;
padding : 0;
}

.images{
float : left;
width : 144px;
margin : 0 25px 0 0;
padding : 0;
}

.images a img{
text-decoration : none;
border : none;
margin : 0;
padding : 0;
}

.work img {
display : block;
margin : 0;
padding : 0;
}

.work .thumb a{
float : left;
display : block;
width : 14px;
height : 16px;
margin : 0;
padding : 0 0 0 3px;
background: transparent url(../img/thumb.gif) right top no-repeat;
}

.work .thumb a:hover{
margin : 0;
padding : 0 0 0 3px;
background: transparent url(../img/thumb_over.gif) right  top no-repeat;
}

.work .text{
float : left;
width : 291px;
display : block;
margin : 10px 0 0 0;
padding : 0;
}

.work .text h2{
height : 30px;
padding: 0;
margin : 0 0 0.2em 0;
font-size: 204%;
font-weight : normal;
color : #a75f17;
background-image: none;
}

.work .text p {
margin : 0;
padding: 0;
font-size: 100%;
line-height : 156%;
}

.specs {
padding: 1px 5px 2px 5px;
margin : 0;
font-family : Verdana, Arial, sans-serif;
font-size: 84%;
color : #bc8e00;
border : 1px dotted #b5c3c6;
line-height : 3.5em;
}

.divisorio {
clear : both;
display : block;
height: 30px;
padding: 7px 0;
margin : 0;
background:transparent url(../img/taglio.jpg)  8px 1.1em no-repeat ;
}


ul#clienti {
display : block;
width : 155px; 
line-height : 1.2em;
margin:0;
padding : 0;
}

ul#clienti li{
display : block;
margin: 0 0 12px 0;
padding : 0;
font-family : Verdana, Arial, sans-serif;
font-size:92%;
color : #9ab0b2;
font-weight : normal;
}

ul#clienti strong{
font-size:84%;
color : #8e8763;
font-weight : normal;
}

ul#settori {
list-style : none;
display : block;
width : 197px;
height : 240px;
margin : -14px 0 20px -27px;
padding : 0;
}

ul#settori li{
display : block;
margin : 0;
padding : 0;
font-family : Georgia, Lucida,  serif;
font-size:164%;
font-weight : normal;
}

ul#settori li a{
display : block;
width : 197px;
height : 80px;
margin : 0;
padding : 0;
text-indent : 27px;
line-height : 4.2em;
text-decoration:none;
color : #28b0c5;
}
 
ul#settori  li a:hover{
text-decoration:none;
color : #025b69;
}
 
ul#settori li  a.web{
background: transparent url(../img/portfolio_web.jpg)  left top no-repeat;
}

ul#settori li  a.web:hover{
background: transparent url(../img/portfolio_web.jpg)  right top no-repeat;
}

ul#settori li  #web{
display : block;
width : 197px;
height : 80px;
margin : 0;
padding : 0;
text-indent : 27px;
line-height : 4.2em;
text-decoration:none;
color : #025b69;
background: transparent url(../img/portfolio_web.jpg)  right top no-repeat;
}
 
ul#settori li  a.print{
background: transparent url(../img/portfolio_print.jpg)  left top no-repeat;
}

ul#settori li  a.print:hover{
background: transparent url(../img/portfolio_print.jpg)  right top no-repeat;
}

ul#settori li  #print{
display : block;
width : 197px;
height : 80px;
margin : 0;
padding : 0;
text-indent : 27px;
line-height : 4.2em;
text-decoration:none;
color : #025b69;
background: transparent url(../img/portfolio_print.jpg)  right top no-repeat;
}

ul#settori li  a.corporate{
background: transparent url(../img/portfolio_corporate.jpg)  left top no-repeat;
}
 
ul#settori li  a.corporate:hover{
background: transparent url(../img/portfolio_corporate.jpg)  right top no-repeat;
}

ul#settori li  #corporate{
display : block;
width : 197px;
height : 80px;
margin : 0;
padding : 0;
text-indent : 27px;
line-height : 4.2em;
text-decoration:none;
color : #025b69;
background: transparent url(../img/portfolio_corporate.jpg)  right top no-repeat;
}
	


/*SERVIZI*/


.menu_servizi{
width:440px;
height : 45px;
margin : -0.5em 0 2em 10px;
padding : 0;
list-style : none;
background:transparent url(../img/taglio.jpg) 90px bottom no-repeat;
}

.menu_servizi li{
display : inline;
margin : 0;
padding : 0;
text-indent : -9999px;
}

.menu_servizi  a {
float : left;
display : block;
width:125px;
height : 45px;
margin : 0;
padding : 0;
}
.menu_servizi .online {
float : left;
display : block;
width:125px;
height : 45px;
margin : 0;
padding : 0;
background:transparent url(../img/servizi_on_over.jpg) left top no-repeat;
}

.menu_servizi .online a {
background:transparent url(../img/servizi_on.jpg) left top no-repeat;
}

.menu_servizi .online a:hover {
background:transparent url(../img/servizi_on_over.jpg) left top no-repeat;
}

.menu_servizi .offline {
float : left;
display : block;
width:125px;
height : 45px;
margin : 0;
padding : 0;
background:transparent url(../img/servizi_off_over.jpg) left top no-repeat;
}
.menu_servizi .offline a{
background:transparent url(../img/servizi_off.jpg) left top no-repeat;
}
.menu_servizi .offline a:hover {
background:transparent url(../img/servizi_off_over.jpg) left top no-repeat;
}

.menu_servizi .software {
float : left;
display : block;
width:125px;
height : 45px;
margin : 0;
padding : 0;
background:transparent url(../img/servizi_soft_over.jpg) left top no-repeat;
}

.menu_servizi .software a{
background:transparent url(../img/servizi_soft.jpg) left top no-repeat;
}

.menu_servizi .software a:hover {
background:transparent url(../img/servizi_soft_over.jpg) left top no-repeat;
}



	
/*PULIZIA /////////////////////////////////////////////////////////////// */
 
.pulizia {
clear : both;
display : block;
height: 50px;
}


/* FOOTER /////////////////////////////////////////////////////////////// */

#footer{
display : block;
width:912px;
height: 5em;
margin : 0 auto;
padding : 0;
background:transparent url(../img/page_end.gif) no-repeat top left;
}

#footer #copyright{
margin :0;
padding: 0;
line-height : 4.8em;
font-family :  Verdana, sans-serif;
font-size : 84%;
color : #ead088;
text-align : center;
}


/*INSPIRATIONAL FOOTER /////////////////////////////////////////////////////////////// */

#inspirational_footer {
position : relative;
display : block;
width : 910px;
margin : 0 auto;
padding : 0;
background:transparent url(../img/bg_footer.gif)  0 12px repeat-x;
}

#inspirational_footer #top {
display : block;
width : 910px;
height : 12px;
margin : 0 auto;
padding : 0;
background:transparent url(../img/top_inspirational.gif)  top left no-repeat;
}

#inspirational_footer img {
float : left;
margin : 35px 0 0 90px;
padding : 0;
background:transparent url(../img/top_inspirational.gif)  top left no-repeat;
}

#inspirational_footer #review {
float : left;
display : block;
width:570px;
margin : 35px 0 0 25px;
padding : 0 0 0 25px;
border-left : 1px solid #b5e7ef;
}

#inspirational_footer h3 {
font-family : Georgia, Lucida,  serif;
color : #bfe9ef;
font-size: 132%;
font-weight: bold;
margin: 0 0 10px 0;
text-indent : 0;
padding:0;
background-image : none;
}

#inspirational_footer p {
margin: 0 0 15px 0; 
padding:0;
font-family : Verdana, Arial, sans-serif;
color : #ffffff;
font-size: 100%;
line-height : 1.3em;
}

#inspirational_footer #collegamenti{
display : inline;
margin : 0;
padding :3px 5px 3px 2px;
font-family : Verdana, Arial, sans-serif;
color : #bde9f2;
font-size: 84%;
line-height : 2em;
background-color : #37acc0;
}

#inspirational_footer  a {
margin : 0 0 0 6px;
padding : 0;
font-family : Verdana, Arial, sans-serif;
color : #bde9f2;
font-size: 100%;
text-decoration : none;
}

#inspirational_footer  a:hover {
color : #ffffff;
font-size: 100%;
text-decoration : underline;
}

#inspirational_footer #naviga {
position : relative;
display:block;
width: 910px;
height: 25px;
color : #53929b;
font-size:84%;
text-align : center;
line-height : 2em;
background-color : #caecf2;
}

#inspirational_footer #naviga a{
font-family : Georgia, Lucida,  serif;
letter-spacing : 1px;
color : #51b2c3;
margin : 0;
padding : 0 7px;
}

#inspirational_footer #naviga #previous{
position : absolute;
top : 0;
left : 10px;
margin : 0;
padding : 0;
}
#inspirational_footer #naviga #next{
position : absolute;
top : 0;
right : 10px;
margin : 0;
padding : 0;
}

#inspiration {
position : absolute;
top:20px;
left : 16px;
display : block;
width:33px;
height : 178px;
margin: 0; 
padding:0;
background:transparent url(../img/inspiration/inspiration.gif)  top left no-repeat;
}



/*FORM /////////////////////////////////////////////////////////////// */


form { 
border:0; 
margin: 0 0 0 10px; 
padding:0; 
}

fieldset{ 
border:0; 
margin:0; 
padding:0; 
}

#center a{
text-decoration: underline;
color : #8e8763;
}

#center a:hover{
text-decoration: underline;
color : #d2a828;
}

#center label{ 
display : block;
margin : 15px 0 5px 1px;
padding : 0;
font-family : Georgia, Lucida,  serif;
color : #039cb4;
font-weight : normal;
}

#center input{
float : left;
width:100%; 
font-family : Georgia, Lucida,  serif;
font-size: 100%;
color : #8e8763;
padding : 3px 2px 3px 6px;
margin : 0;
border:  1px solid #ffffff;
background: #f4f5f7 url(../img/bg_input.jpg) left top no-repeat;
}

#center input.errore{
border:  1px solid red;
}

#center input.giorno_mese{
width:30px; 
margin : 0 12px 0 0;
padding : 3px 2px 3px 6px;
}
 
#center input.anno{
width:70px; 
margin : 0;
padding : 3px 2px 3px 6px;
}
 
#center textarea{ 
clear:both; 
display:block; 
padding : 3px 2px 3px 6px;
margin : 0;
font-family : Georgia, Lucida,  serif;
font-size: 108%;
color : #8e8763;
width :100%;
height : 150px;
border:  1px solid #ffffff;
background: #f4f5f7 url(../img/bg_input.jpg) left top no-repeat;
}
 
#center input.button {
width:77px;
height : 17px; 
float:right; 
font-family : Verdana, Arial, sans-serif;
font-size: 84%;
font-weight : bold;
letter-spacing : 1px;
color : #fff;
padding:0;
border: none; 
margin: 15px 0 0 10px; 
background-image : none;
}

#center fieldset em {
font-weight : normal;
color : #bc8e00;
margin : 0 0 0 2px;
padding : 0;
}
 
#center fieldset.one {
float : left;
width:200px; 
margin : 0;
padding : 0;
}
 
#center fieldset .seleziona {
width : 209px;
margin : 0 0 5px 0;
padding : 1px 0;
font-family : Georgia, Lucida,  serif;
font-size: 108%;
color : #8e8763;
border:  1px solid #d1d4da;
background-color: #f4f5f7;
}
 
#center fieldset.two {
float : right;
width:200px; 
margin : 0;
padding : 0;
}
 
#center fieldset.three {
margin : 0;
padding : 0;
width :442px;
clear:both; 
}

#center fieldset .radio {
display : block;
clear:both; 
width : 100%;
height: 75px;
margin: 0 0 -5px 0;
padding: 8px 0 0 0;
}
 
#center .accetto {
display: block;
float : left;
margin: 16px 0 0 0; 
padding:0;
}
 
#center .accetto label{
float : left;
font-family : Verdana, Arial, sans-serif;
font-size: 84%;
font-weight : normal;
margin: 0; 
padding:0;
}
 
#center fieldset .radio label{
float : left;
font-family : Verdana, Arial, sans-serif;
font-size: 84%;
font-weight : normal;
margin: 0  17px 0 0; 
padding:0;
}
 
#center fieldset .radio_campi {
float : left;
width : 16px;
margin: 0 3px 0 0; 
padding:0;
background-image : none;
background-color : #fff;
}
 
#center fieldset .etichetta{
display : block;
clear: both;
margin: 0 0 0 1px; 
padding: 15px 0 12px 0;
font-family : Georgia, Lucida,  serif;
color : #039cb4;
font-weight : normal;
}
 
#center fieldset .privacy {
clear: both;
display:block; 
overflow:auto;
height: 80px; 
margin: -7px 0 10px 0; 
padding: 2px 4px ; 
border:1px solid #d1d4da; 
}
 
#center fieldset .privacy p{
font-family : Verdana, Arial, sans-serif;
font-size: 76%;
color: #9ab0b2; 
margin: 0 0 0.6em 0; 
padding: 0; 
}
 
#riservata {	
display : block;
width : 160px;
height : 90px;
margin : 0 0 0 24px;
padding: 0;
border-bottom : 1px solid #c8dfe4;
}

form#accesso, form#accesso fieldset{ 
margin:0; 
padding:0; 
border:0;  
}

form#accesso input {
padding : 0 4px;
margin : 15px 0 6px 10px ;
font-family : Georgia, Lucida,  serif;
font-size: 84%;
color : #8e8763;
height: 17px;
width : 100px;
border:  1px solid #ffffff;
background: #f4f5f7 url(../img/bg_input.jpg) left top no-repeat;
}

form#accesso input.invio { 
width : 22px;
height: 13px;
border:none; 
cursor:pointer; 
margin:0 0 3px 5px;  
padding:0; 
}

.innerError {
margin: 0 0 0 10px;
padding: 10px;
font-family : Verdana, Arial, sans-serif;
font-size: 100%;;
border: 2px solid #0fbeda;
background: transparent url(../img/error.gif) 360px 10px no-repeat;
}



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

#page_contatti #area_creativa{
display: inline;
float: left;
width: 222px;
margin: 0;
padding: 0;
}

#page_contatti #area_tecnica{
display: inline;
float: left;
width: 222px;
margin: 0 0 0 15px;
padding: 0;
}

#page_contatti h3{
background-image: none;
text-indent: 0;
}

#page_contatti #area_creativa p, #page_contatti #area_tecnica p {
margin: 7px 0 10px 10px;
font-size: 100%;
line-height : 156%;
}

#page_contatti .responsabile{
padding: 0 0 0 10px;
color: #094451;
font-family: Verdana, Arial, sans-serif;
font-size: 92%;
line-height : 140%;
}

#page_contatti .responsabile em{
font-style: normal;
text-decoration: underline;
}

#page_contatti .responsabile a{
text-decoration: none;
color : #bc8e00;
}

#page_contatti .responsabile a:hover{
text-decoration: underline;
color : #bc8e00;
}

#page_contatti #google_box{
display:block;
width:auto;
margin:0 0 10px 5px;
height:220px;
padding: 20px 16px 0 18px;
background: transparent url(../img/bg_google.gif) top left no-repeat;
}

#page_contatti #google_box #google{
display:block;
width:auto;
height:200px;

}






/*SITEMAP /////////////////////////////////////////////////////////////// */

#page_sitemap ul#sitemap{
list-style: none;
margin: 0 0 0 10px;
padding: 0;
}

#page_sitemap ul#sitemap li {
display : block;
min-height: 60px;
height: auto !important;
height: 60px;
margin : 0;
padding: 15px 0 0 1em;
line-height: 1em;
font-size: 156%;
font-weight : normal;
color : #0fbeda;
border-bottom: 1px solid #e8f1f3;
}

#page_sitemap ul#sitemap li.home {
background: transparent url(../img/map_home.jpg) 380px 5px no-repeat;
}

#page_sitemap ul#sitemap li.filosofia {
background: transparent url(../img/map_filosofia.jpg) 380px 5px no-repeat;
}

#page_sitemap ul#sitemap li.servizi {
background: transparent url(../img/map_servizi.jpg) 380px 5px no-repeat;
}

#page_sitemap ul#sitemap li.portfolio {
background: transparent url(../img/map_portfolio.jpg) 380px 5px no-repeat;
}

#page_sitemap ul#sitemap li.contatti {
background: transparent url(../img/map_contatti.jpg) 380px 5px no-repeat;
border-bottom: none;
}
 
#page_sitemap ul#sitemap li a{
display: block;
margin: 0;
padding: 0;
color : #0fbeda;
text-decoration: none;
}

#page_sitemap ul#sitemap li a:hover{
text-decoration: underline;
}

#page_sitemap ul#sitemap li ul {
list-style: none;
margin: 0.3em 0 0 0;
padding: 0;
}

#page_sitemap ul#sitemap li ul li{
display: inline;
line-height: 1em;
margin : 0;
padding: 0 0 0 0;
font-size: 68%;
font-weight : normal;
font-family:  Arial, Verdana, sans-serif;
border-bottom: none;
color: #c8dfe4;
}

#page_sitemap ul#sitemap li ul li a{
color : #094451;
display: inline;
height: 15px;
}



/*INSPIRATIONAL PAGINA /////////////////////////////////////////////////////////////// */

#page_inspirational ul.per_mese{
display : block;
list-style : none;
margin: 0;
padding : 0;
line-height : 148%;
}

#page_inspirational ul.per_mese li{
display : block;
margin: 0 0 0.6em 0;
padding : 0;
text-indent : 1.1em;
font-family : Verdana, Arial, sans-serif;
font-size:92%;
font-weight : normal;
background: transparent url(../img/arrow_small.gif) 0 0.65em no-repeat;
}

#page_inspirational  ul.per_mese li a{
margin: 0;
padding : 0;
color : #8e8763;
text-decoration : none;
}

#page_inspirational .spunto p {
margin : 0 0 10px 0;
padding: 0;
font-size: 100%;
line-height : 156%;
}

#page_inspirational .spunto .collegamenti {
display : inline;
margin : 10px 0 0 0;
padding : 0;
font-family : Verdana, Arial, sans-serif;
color : #bde9f2;
font-size: 84%;
line-height : 2em;
}

#page_inspirational .collegamenti a {
margin : 0 5px 0 0;
padding: 3px 5px 3px 5px;
font-family : Verdana, Arial, sans-serif;
color : #bc8e00;
border : 1px dotted #b5c3c6;
font-size: 100%;
text-decoration : none;
}

#page_inspirational .collegamenti a:hover {
text-decoration : underline;
}


#page_inspirational .spunto {
margin : 0 0 0 10px;
padding: 0;
}

#page_inspirational h3 {
display: block;
margin : 0 0 0.5em 0;
padding: 0;
font-size: 124%;
font-weight : bold;
color : #0fbeda;
text-indent : 1.2em;
background:transparent url(../img/bullet_arrow.jpg) 0 0.2em no-repeat;
}

#page_inspirational .divisorio_big {
clear : both;
display : block;
height: 10px;
padding: 0;
margin : 20px 0 1.4em 0;
background:transparent url(../img/puntino_blue_or.gif)  10px top repeat-x ;
}

#page_inspirational img.float_right {
float : right;
margin: 7px 0 10px 10px;
padding : 0;
border: 2px solid #e7e7e7;
}


/*BLOG /////////////////////////////////////////////////////////////// */

#page_blog ul.categorie{
display : block;
list-style : none;
margin: 0;
padding : 0;
line-height : 148%;
}

#page_blog ul.categorie li{
display : block;
margin: 0 0 0.6em 0;
padding : 0;
text-indent : 1.1em;
font-family : Verdana, Arial, sans-serif;
font-size:92%;
font-weight : normal;
background: transparent url(../img/arrow_small.gif) 0 0.65em no-repeat;
}

#page_blog  ul.categorie li a{
margin: 0;
padding : 0;
color : #8e8763;
text-decoration : none;
}

#page_blog .intestazione{
display: block;
width : 452px;
height : 65px;
margin: 0 0 1em 10px;
padding : 0;
background:transparent url(../img/puntino_blue_or.gif)  right  bottom repeat-x ;
}

#page_blog .intestazione .calendario{
float : left;
display: block;
margin : 0;
padding : 0;
width : 64px;
height : 62px;
background: transparent url(../img/calendario.jpg) -5px top no-repeat;
}
#page_blog .intestazione .calendario .mese{
display : block;
width: 44px;
height: 16px;
line-height : 12px;
margin: 9px 0 0 2px;
padding :  0;
font-family :  Tahoma, Verdana, sans-serif;
font-size:10px;
font-weight : normal;
font-variant : small-caps;
letter-spacing : 1px;
color : #2c8494;
text-align : right;
}

#page_blog .intestazione .calendario .giorno{
display : block;
margin: -6px 0 0 3px;
padding : 0;
width : 44px;
height: 30px;
line-height : 1em;
font-size:30px;
font-weight : bold;
color : #28b0c5;
text-align : center;
}

#page_blog .intestazione .titolo_messaggio{
float : left;
margin: 2px 0 0 0;
padding : 0;
}

#page_blog .messaggio .left_border{
float: left;
margin: 0.5em 1.5em 0 10px;
padding : 0 0 0 0;
border : 1px solid  #c8dfe4;
}

#page_blog .messaggio .left{
float: left;
margin: 0.5em 1.5em 0 10px;
padding : 0 0 0 0;
}

#page_blog .messaggio .block{
margin: 0.5em 0 0 10px;
padding : 0 0 0 0;
}

#page_blog .messaggio .block{
display : block;
margin: 0.5em 1.5em 0 10px;
padding : 0 0 0 0;
border : 1px solid  #c8dfe4;
}

#page_blog .intestazione .titolo_messaggio h4{
display : block;
font-size:196%;
font-weight : normal;
color : #a75f17;
margin: 0 0 0 3px ;
padding : 0;
}

#page_blog .intestazione .titolo_messaggio .categoria_messaggio{
font-size:92%;
font-weight : normal;
color : #bc8e00;
margin:  4px 0 0 3px ;
padding : 0;
}

#page_blog .commenti{
display : block;
font-size:100%;
font-weight : normal;
margin: -5px 0 0 10px ;
padding : 0;
}

#page_blog .commenti a{
color : #094451;
margin : 0;
}

#page_blog .commenti a.permalink{
padding : 0 0 0 1.1em;
text-decoration: none;
background: transparent url(../img/permalink.gif) left 0.35em no-repeat;
}
#page_blog .commenti a.permalink:hover{
text-decoration: underline;
background: transparent url(../img/permalink.gif) left 0.35em no-repeat;
}

#page_blog .commenti a.aggiungi_commento{
padding : 0 0 0 1.2em;
text-decoration: none;
background: transparent url(../img/aggiungi_commento.gif) left 0.35em no-repeat;
}
#page_blog .commenti a.aggiungi_commento:hover{
text-decoration: underline;
background: transparent url(../img/aggiungi_commento.gif) left 0.35em no-repeat;
}

#right .categorie li a:hover{
margin: 0;
padding : 0;
text-decoration : underline;
}

form#cerca, form#cerca fieldset{ 
position: relative;
margin:0; 
padding:0; 
font-size : 108%;
border:0;  
}

form#cerca input {
padding : 0 4px;
margin : 8px 0 6px 0;
font-family : Georgia, Lucida,  serif;
font-size: 84%;
color : #8e8763;
height: 17px;
width : 100px;
border:  1px solid #ffffff;
background: #f4f5f7 url(../img/bg_input.jpg) left top no-repeat;
}

form#cerca input.invio { 
position : absolute;
left: 115px;
bottom: 6px;
width : 22px;
height: 13px;
border:none; 
cursor:pointer; 
margin:0 0 3px 5px;  
padding:0; 
}