body { background-color: #8a8a8a; }
img { border: none; }

a:link, a:visited { color: #5f0000; }
a:hover { color: #8a0000; }

.padding { margin: 0; padding: 0.5em; }

.logo { float: left; width: 19em; height: 17.15em ; border-bottom: 1px solid transparent; }
img.logo-big { padding-left: 1.4em; width: 17em; height: 17em }

/* immagini */
.float-left { float: left; }
.float-right { float: right; }
.preview { text-align: center; padding: 0; margin: 0px  }

/* //////////// STRUTTURA //////////// */
#contenitore-big { margin: 0 auto; padding: 0; width: 50.1em; }
#contenitore { background-color: #7b7b7b; background-image: url(img/contenitore-bg.gif); background-repeat: repeat-y; background-position: 0 0; width: 50.1em; float: left; margin: 0; padding: 0 0 1em; }

#colonna1 { width: 19em; margin: 0; padding: 0; float: left  }
#colonna2 { width: 30.3em; margin: 0 0 0 1px; padding: 0; float: left  ; }

hr { background-image: url(img/hr.gif); background-position: center; height: 20px; margin: 5px 10px; padding: 0; border-style: none; }


.testo label { font-size: 0.8em }


/* //////////// MENU //////////// */

#colonna1 .box { padding-left: 4em; float: left; margin-top: 1px; }
#colonna1 .box .menu { color: #ffffff; font-family: Verdana, Arial, Helvetica, sans-serif; background-color: #a70000; width: 14em; height: 14em; margin: 0; padding: 0;  }
#colonna1 .box .menu p { font-size: 0.7em; margin: 0; padding: 10px ;  }
#colonna1 .box .menu ul { margin: 0; padding: 0; border-top: 1px solid #8a0000; }
#colonna1 .box .menu ul li { margin: 0; padding: 0; list-style-type: none; }

#colonna1 .box .menu ul li a:link, #colonna1 .box .menu ul li a:visited { color: #fff; font-size: 0.7em; background-color: #ba0000; background-image: none; background-repeat: no-repeat; text-decoration: none; margin: 0; padding: 3px 3px 3px 10px; border-top: 1px solid #e44a4a; border-bottom: 1px solid #8a0000; display: block; }
#colonna1 .box .menu ul li a:hover { background-color: #df0000; }

#colonna1 .box .menu ul li span.qui { color: #fff; font-size: 0.7em; background-color: #8f0d0d; background-image: none; background-repeat: no-repeat; text-decoration: none; margin: 0; padding: 3px 3px 3px 10px; border-top: 1px solid #38000d; border-bottom-style: none; display: block; }

#colonna1 .box .menu ul li a.qui:link, #colonna1 .box .menu ul li a.qui:visited { color: #fff; font-size: 0.7em; background-color: #ba0000; background-image: none; background-repeat: no-repeat; text-decoration: none; margin: 0; padding: 3px 3px 3px 10px; border-top: 1px solid #38000d; border-bottom-style: none; display: block; }
#colonna1 .box .menu ul li a.qui:hover { background-color: #df0000; }




/* secondo livello menu */
#colonna1 .box .menu ul li ul { background-position: 0 0; margin: 0; padding: 0; border-top-style: none; }
#colonna1 .box .menu ul li ul li { margin: 0; padding: 0; list-style-type: none; }
#colonna1 .box .menu ul li ul li a:link, #colonna1 .box .menu ul li ul li a:visited { color: #a20009; font-size: 0.7em; background-color: #ecece0; background-image: none; text-decoration: none; margin: 0; padding: 3px 3px 3px 20px; border-top: 1px solid #b7b7ab; border-bottom: 1px solid #fff; display: block; }
#colonna1 .box .menu ul li ul li a:hover { color: #d00009; background-color: #f6f5e8; }

#colonna1 .box .menu ul li ul li.prima a:link, #colonna1 .box .menu ul li ul li.prima a:visited { color: #a20009; font-size: 0.7em; background-color: #ecece0; background-image: url(img/bg-qui.gif); background-repeat: no-repeat; background-position: 0 0; text-decoration: none; margin: 0; padding: 3px 3px 3px 20px; border-bottom: 1px solid #fff; border-top-style: none; display: block; }
#colonna1 .box .menu ul li ul li.prima a:hover { color: #d00009; background-color: #f6f5e8; }

#colonna1 .box .menu ul li ul li span.qui { color: #000; font-size: 0.7em; background-color: #fff; background-image: none; text-decoration: none; margin: 0; padding: 3px 3px 3px 20px; border-top: 1px solid #b7b7ab; border-bottom: 1px solid #fff; display: block; }

#colonna1 .box .menu ul li ul li.prima span.qui { color: #000; font-size: 0.7em; background-color: #fff; background-image: url(img/bg-qui.gif); background-repeat: no-repeat; background-position: 0 0; text-decoration: none; margin: 0; padding: 3px 3px 3px 20px; border-bottom: 1px solid #fff; border-top-style: none; display: block; }

/* //////////// BOX //////////// */




	/* small business */
#colonna2 .box-quadrato { background-image: url(img/box/border-tl.gif); background-repeat: no-repeat; background-position: left top; float: left    }
.box-quadrato { background-color: #fff; background-position: right bottom; margin: 0; padding: 0.6em 0.5em 0.5em 0.6em; display: block; }
.box-quadrato .site-gardening {  margin: 0; padding: 0; display: block; }
.box-quadrato .site-gardening a:link, .box-quadrato .site-gardening a:visited { background-image: url(img/home/site-gardening-bg.jpg); background-repeat: no-repeat; background-position: center; width: 14em; height: 14em; margin: 0; padding: 0; display: block; }
.box-quadrato .site-gardening a:hover { background-image: url(img/home/site-gardening-bg-hover.jpg); background-repeat: no-repeat; background-position: center; width: 14em; height: 14em; margin: 0; padding: 0; display: block; }

	/* user experience */
#colonna2 .box-quadrato2 { background-image: url(img/box/border-tl.gif); background-repeat: no-repeat; background-position: left top; float: left    }
.box-quadrato2 { background-color: #fff; background-repeat: no-repeat; display: block; margin: 0; padding: 0.6em 0.5em 0.5em 0.6em; float: left; }
.box-quadrato2 .user-exp {  margin: 0; padding: 0; display: block; }
.box-quadrato2 .user-exp a:link, .box-quadrato2 .user-exp a:visited  { width: 14em; height: 14em; background-image: url(img/home/user-exp-bg.jpg); background-repeat: no-repeat; background-position: center bottom; display: block; }
.box-quadrato2 .user-exp a:hover  { width: 14em; height: 14em; background-image: url(img/home/user-exp-bg-hover.jpg); background-repeat: no-repeat; background-position: center bottom; display: block; }


	/* tutoring */
#colonna1 .box-quadrato { float: right }
.box-quadrato .tutoring {  margin: 0; padding: 0; display: block; }
.box-quadrato .tutoring a:link, .box-quadrato .tutoring a:visited { background-image: url(img/home/tutoring-bg.gif); background-repeat: no-repeat; background-position: center top; width: 14em; height: 14em; margin: 0; padding: 0; display: block; }
.box-quadrato .tutoring a:hover { background-image: url(img/home/tutoring-bg-hover.gif); background-repeat: no-repeat; background-position: center top; width: 14em; height: 14em; margin: 0; padding: 0; display: block; }





/* Contenuti */
.box-contenuti, .box-contenuti-int { background-color: #fff; font-family: Verdana, Arial, Helvetica, sans-serif; margin: 0; padding: 0; float: left;  }
#corto .testo { height:14.2em;  }
.box-contenuti .testo {  width: 30.2em; height:30.25em; margin: 0; padding: 0; display: block; background-image: url(img/box/border-tl.gif); background-repeat: no-repeat; background-position: left top; }
.box-contenuti-int .testo {  width: 30.2em; margin: 0; padding: 1em 0 0 0; display: block; background-image: url(img/box/border-tl.gif); background-repeat: no-repeat; background-position: left top; }

.box-contenuti-int .testo h3 { color: #4e4e42; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; font-weight: normal; margin: 0; padding: 0em 1em 0 0.6em; }
.box-contenuti-int .testo p { color: #3e3e3e; font-size: 0.8em; line-height: 1.6em; margin: 0; padding: 0.2em 1em 1em; }

.box-contenuti .testo h3 { color: #4e4e42; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; font-weight: normal; margin: 0; padding: 0.5em 1em 0 0.6em; }
.box-contenuti .testo p { color: #3e3e3e; font-size: 0.8em; line-height: 1.5em; margin: 0; padding: 0.2em 1em 0; }

/*
.box-quadrato .testo { font-family: Verdana, Arial, Helvetica, sans-serif; width: 14em; height: 14em; margin: 0; padding: 0; }
.box-quadrato .testo h3 { margin: 0; padding: 0.5em; }
.box-quadrato .testo p { font-size: 0.7em; margin: 0; padding: 0.5em; }
*/



/* //////////// BOX ORIZZONTALE //////////// */
.box-orizzontale { float: left; background-color: #fff; background-image: url(img/box/border-tl.gif); background-repeat: no-repeat; background-position: left top; margin: 2.1em 0 0; padding: 0.6em 0.5em 0.5em 0.6em; display: block; }
.box-orizzontale .testa { background-image: url(img/home/testa-bg.gif); background-repeat: repeat-x; background-position: center; width: 29.1em; height: 14em; margin: 0; padding: 0; display: block; }
.box-orizzontale .testa h2 { color: #4e4e42; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; background-image: url(img/home/testa-h2-divisore.gif); background-repeat: repeat-x; background-position: left bottom; margin: 0; padding: 0 0 0.2em; }
.box-orizzontale .testa p { color: #4e4e42; font-size: 0.7em; font-family: Verdana, Arial, Helvetica, sans-serif; line-height: 1.5em; margin: 0; padding: 0.5em 0 0; }







/* //////////// EMPTY //////////// */
.quadrato-empty { display: block; float: left; margin: 0; padding: 0.6em 0.5em 0.5em 0.6em }
.empty { font-family: Verdana, Arial, Helvetica, sans-serif; color: #ffffff; width: 14em; height: 14em; margin: 0; padding: 0; display: block; float: left; }
.empty p { font-size: 0.7em; margin: 0; padding: 0px  }
.quadrato-empty form input.input-size-1 { color: #3e3e3e; font-size: 0.8em; font-family: Verdana, Arial, Helvetica, sans-serif; background-color: #f6f5e8; padding: 2px; width: 10em }



/* /// FOOTER /// */
/* DELETE 
#footer { background-image: url(img/footer.gif); background-repeat: no-repeat; background-position: 0 0; display: block; }*/
#footer { background-image: url(img/footer.gif); background-repeat: no-repeat; background-position: 0 0; position: relative; bottom: 0.5em; display: block; }
#footer p { color: #fff; font-size: 0.7em; font-family: Verdana, Arial, Helvetica, sans-serif; float: left; margin: 0; padding: 20px 0 0 10px; display: block; }
#footer p a:link, #footer p a:visited { color: #fff; text-decoration: underline; padding: 1px 2px; }
#footer p a:hover { color: #fff; text-decoration: underline; }




/* //////////////////////// INTERNE ////////////////////////  */

/* CHI SIAMO */
.testa-chi-siamo { background-image: url(img/testate/chi-siamo.jpg); background-repeat: no-repeat; background-position: right top; width: 29.1em; height: 14em; margin: 0; padding: 0; display: block; }
.box-orizzontale .testa-chi-siamo h2 { color: #fff; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; background-image: url(img/testate/hr-chi-siamo.gif); background-repeat: repeat-x; background-position: right bottom; width: 8em; margin: 0; padding: 0 0 0.2em; }
.box-orizzontale .testa-chi-siamo p { color: #fff; font-size: 0.7em; font-family: Verdana, Arial, Helvetica, sans-serif; line-height: 1.5em; width: 15em; margin: 0; padding: 0.5em 0 0.2em; }

/* USER EXPERIENCE */
.testa-user-experience { background-color: #dba109; background-image: url(img/testate/user-experience.gif); background-repeat: no-repeat; background-position: right bottom; width: 29.1em; height: 14em; margin: 0; padding: 0; display: block; }
.testa-user-experience .padding { height: 14em; }
.box-orizzontale .testa-user-experience h2 { color: #fff; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; background-image: url(img/testate/hr-user-experience.gif); background-repeat: repeat-x; background-position: left bottom; width: 10em; margin: 0; padding: 0 0 0.2em; }
.box-orizzontale .testa-user-experience p { color: #fff; font-size: 0.7em; font-family: Verdana, Arial, Helvetica, sans-serif; line-height: 1.5em; width: 20em; margin: 0; padding: 0.5em 0 0; }

/* COMPETENZE */
.testa-competenze { background-color: #1D7EAE; background-image: url(img/testate/target.jpg); background-repeat: no-repeat; background-position: right bottom; width: 29.1em; height: 14em; margin: 0; padding: 0; display: block; }
.testa-competenze .padding { height: 14em; }
.box-orizzontale .testa-competenze h2 { color: #fff; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; background-image: url(img/testate/hr-competenze.gif); background-repeat: repeat-x; background-position: left bottom; width: 8em; margin: 0; padding-top: 0; padding-right: 0; padding-bottom: 0.2em; padding-left: 0; }
.box-orizzontale .testa-competenze p { color: #fff; font-size: 0.7em; font-family: Verdana, Arial, Helvetica, sans-serif; line-height: 1.5em; width: 18em; margin: 0; padding: 0.5em 0 0; }

/* CONTATTI */
.testa-contatti { background-color: #686868; background-image: url(img/testate/contatti.gif); background-repeat: no-repeat; background-position: right bottom; width: 29.1em; height: 14em; margin: 0; padding: 0; display: block; }
.testa-contatti .padding { height: 14em; }
.box-orizzontale .testa-contatti h2 { color: #fff; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; background-image: url(img/testate/hr-contatti.gif); background-repeat: repeat-x; background-position: left bottom; width: 8em; margin: 0; padding: 0 0 0.2em; }
.box-orizzontale .testa-contatti p { color: #fff; font-size: 0.7em; font-family: Verdana, Arial, Helvetica, sans-serif; line-height: 1.5em; width: 20em; margin: 0; padding: 0.5em 0 0; }
.form-cont { margin: 0; padding: 0.5em; }

/* SITE GARDENING */
.testa-site-gardening { background-color: #9AC724; background-image: url(img/testate/site-gardening.jpg); background-repeat: no-repeat; background-position: right bottom; width: 29.1em; height: 14em; margin: 0; padding: 0; display: block; }
.testa-site-gardening .padding { height: 14em; }
.box-orizzontale .testa-site-gardening h2 { color: #fff; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; background-image: url(img/testate/hr-site-gardening.gif); background-repeat: repeat-x; background-position: left bottom; width: 10em; margin: 0; padding: 0 0 0.2em; }
.box-orizzontale .testa-site-gardening p { color: #fff; font-size: 0.7em; font-family: Verdana, Arial, Helvetica, sans-serif; line-height: 1.5em; width: 20em; margin: 0; padding: 0.5em 0 0; }

/* PROGETTI E CLIENTI */
.testa-progetti-clienti { background-color: #C30F1B; background-image: url(img/testate/progetti-clienti.jpg); background-repeat: no-repeat; background-position: right bottom; width: 29.1em; height: 14em; margin: 0; padding: 0; display: block; }
.testa-progetti-clienti .padding { height: 14em; }
.box-orizzontale .testa-progetti-clienti h2 { color: #fff; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; background-image: url(img/testate/hr-progetti-clienti.gif); background-repeat: repeat-x; background-position: left bottom; width: 10em; margin: 0; padding: 0 0 0.2em; }
.box-orizzontale .testa-progetti-clienti p { color: #fff; font-size: 0.7em; font-family: Verdana, Arial, Helvetica, sans-serif; line-height: 1.5em; width: 20em; margin: 0; padding: 0.5em 0 0; }





#contenitore-big #contenitore #colonna1 .empty a:link, #contenitore-big #contenitore #colonna1 .empty a:visited { color: #FFFFFF; }
img.foto { float: right; margin-left: 8px; }
.quadrato-empty .empty ul { margin: 0px; padding: 0px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #BBBBBB; }
.quadrato-empty .empty li { font-size: 0.7em; margin: 0px; padding: 0px; list-style-type: none; }
.quadrato-empty .empty h3 { font-size: 0.9em; margin: 0px; font-weight: normal; padding-top: 4px; padding-right: 0px; padding-bottom: 4px; padding-left: 0px; }