body{
font-family: 'Lucida Grande', 'Lucida Sans Unicode', Helvetica, Arial, Verdana, sans-serif;
background-color: #f2f2f2;
}
p{
color: #333;
font-size: 13px;
line-height: 16px;
}
a{
color: #08C;
}
a:hover{
color: #F76F00;
}
h1{
color: #08C;
font-size: 19px;
font-weight: normal;
position: relative;
}
h1 img{
position: absolute;
right: 0px;
top: -6px;

}
h2{
color: #08C;
}
h3{
color: #888888;
font-size: 21px;
line-height: 30px;
padding-right: 30px;
}
#testa{
z-index: 4;
}
#testa img{
margin-top: 30px;
}
#menu{
background-image: url(../immagini/back_menu.png);
background-repeat: no-repeat;
background-position: top;
height: 73px;
}
#lista_menu{
height: 30px;
padding-top: 17px;
}
#menu li{
float: left;
font-family: Verdana;
font-size: 14px;
color: #333333;
padding: 12px 18px;
border-right: 1px solid #BABABA;
list-style: none;
}
#menu li:hover{
background-image: url(../immagini/back_li.png);
background-repeat: repeat-x;
color: white;
padding: 12px 18px;
border-right: 1px solid #BABABA;
}
#menu li a{
color: #333;
padding: 20px 0px;
}
#menu li a:hover{
color: white;
padding: 20px 0px;
}
#immagine_centrale{
background-image: url(../immagini/back_immagine.png);
background-repeat: no-repeat;
height: 334px;
background-position: top;
}
#immagine_centrale2{
background-image: url(../immagini/back_immagine2.png);
background-repeat: no-repeat;
background-position: top;
position: relative;
margin-bottom: 20px;
min-height: 260px;
}
#immagine_centrale2 p{
font-size: 15px;
color: #888;
line-height: 23px;
padding-right: 30px;
margin-top: 30px;
}
#immagine_centrale2 img{
margin-top: 15px;
}
#immagine_centrale2 h2{
margin-top: 30px;
font-size: 30px;
}
#immagine_contattaci{
background-image: url(../immagini/back_immagine3.png);
background-repeat: no-repeat;
background-position: top;
position: relative;
margin-bottom: 20px;
height: 200px;
}
#immagine_contattaci .mail{
font-size: 15px;
background-image: url(../immagini/back_mail.png);
background-repeat: no-repeat;
background-position: left;
padding: 4px 40px;
}
#contenuti #immagine_contattaci .form{
font-size: 15px;
background-image: url(../immagini/back_form.png);
background-repeat: no-repeat;
background-position: left;
padding: 4px 40px;
margin-top: 10px;
}
#contenuti #immagine_contattaci .tel{
font-size: 15px;
margin-top: 10px;
background-image: url(../immagini/back_tel.png);
background-repeat: no-repeat;
background-position: left;
padding: 4px 40px;
}
#contenuti #immagine_contattaci p{
margin-top: 30px;
margin-left: 40px;
line-height: 20px;
}
.bottone{
background-image: url(../immagini/bottone.png);
background-repeat: no-repeat;
height: 68px;
width: 250px;
display: block;
margin-left: 20px;
margin-top: 200px;
}
.bottone:hover{
background-image: url(../immagini/bottone_hover.png);
background-repeat: no-repeat;
height: 68px;
width: 250px;
display: block;
margin-left: 20px;
margin-top: 200px;
}
#immagine_centrale .frase{
font-size: 14px;
color: #333333;
line-height: 25px;
margin-top: 200px;
}
#immagine_centrale .frase a{
color: #0088CC;
}
#immagine_centrale .frase a:hover{
color: #f76f00;
}
#bottoni_centrali p{
float: left;
}
.caratteristiche{
background-image: url(../immagini/bottone_caratteristiche.png);
background-repeat: no-repeat;
height: 78px;
width: 373px;
display: block;
}
.caratteristiche:hover{
background-image: url(../immagini/bottone_caratteristiche_hover.png);
background-repeat: no-repeat;
height: 78px;
width: 373px;
display: block;
}
.screenshots{
background-image: url(../immagini/bottone_screenshots.png);
background-repeat: no-repeat;
height: 78px;
width: 373px;
display: block;
}
.screenshots:hover{
background-image: url(../immagini/bottone_screenshots_hover.png);
background-repeat: no-repeat;
height: 78px;
width: 373px;
display: block;
}
.casestudy{
background-image: url(../immagini/bottone_casestudy.png);
background-repeat: no-repeat;
height: 78px;
width: 373px;
display: block;
}
.casestudy:hover{
background-image: url(../immagini/bottone_casestudy_hover.png);
background-repeat: no-repeat;
height: 78px;
width: 373px;
display: block;
}

#novita h1{
margin-top: 0px;
margin-bottom: 0px;
font-size: 24px;
margin-right: 15px;
color: #888;
border-bottom: 1px solid #ddd;
background-image: url(../immagini/icona_news.png);
background-position: left;
background-repeat: no-repeat;
padding-left: 30px;
}
#contenitore_news{
padding-left: 20px;
padding-top: 10px;
padding-bottom: 20px;
background-image: url(../immagini/back_news.png);
background-repeat: repeat-y;
}

#novita h2{
font-size: 16px;
color: #0088CC;
margin-bottom: 0px;
font-weight: normal;
}
#novita h2 a{
color: #0088CC;
}
#novita h2 a:hover{
color: #F76F00;
}
#novita p{
font-size: 12px;
color: #333;
margin-top: 5px;
line-height: 16px;
}
.notizia{
margin-top:15px;
}
.superiore{
background-image: url(../immagini/back_superiore.png);
background-repeat: no-repeat;
height: 29px;
}
.inferiore{
background-image: url(../immagini/back_inferiore.png);
background-repeat: no-repeat;
height: 32px;
}
.box{
border-bottom: 1px solid #DDDDDD;
min-height: 215px;
padding-bottom: 10px;
}
.box h1{
font-size: 19px;
color: #0088CC;
font-weight: normal;
line-height: 26px;
}
.box2{
border-bottom: 1px solid #DDDDDD;
padding-bottom: 10px;
}
.box2 h1{
font-size: 19px;
color: #0088CC;
font-weight: normal;
line-height: 26px;
}
.box h1 span{
font-size: 30px;
}
.box .passi{
font-size: 13px;
color: #333;
margin-left: 5px;
}
.box2 .passi{
font-size: 13px;
color: #333;
margin-left: 5px;
}
.passi span{
color: #08C;
font-size: 14px;
}
.box h1 a{
color: #0088CC;
}
.box h1 a:hover{
color: #F76F00;
}
.box img{
float: left;
margin-right: 15px;
}
.box p{
margin-top: 0px;
font-size: 14px;
line-height: 20px;
color: #333;
}
.box2 p{
margin-top: 0px;
font-size: 14px;
line-height: 20px;
color: #333;
}
.box .menu_piccolo{
color: #0088CC;
font-size: 12px;
}
.box ul li ul{
margin-top: 15px;
}
.box .sottomenu{
list-style-image: url(../immagini/sottomenu.png);
margin: 5px 0px;
}
.sottomenu span{
font-weight: bold;
}
.link{
text-align: right;}
.box .link{
text-align: right;
color: #0088CC;
font-size: 12px;
margin-top: 30px;
}
.box .link img{
float: none;
margin: 0px;
}
ul li{
font-size: 13px;
color: #333;
margin-bottom: 25px;
list-style-image: url(../immagini/lista.png);
line-height: 16px;
}
.contenitore_banner{
background-image: url(../immagini/back_banner.png);
background-repeat: repeat-y;
padding-top: 10px;
padding-bottom: 10px;
position: relative;
}
.contenitore_banner #cartina{
background-image: url(../immagini/italia.png);
background-repeat: no-repeat;
height: 320px;
background-position-x: 50px;
position: relative;
}
.contenitore_banner #cartina p{
font-size: 14px;
}
.contenitore_banner #cartina #uno{
position: absolute;
top: 15px;
left: 105px;
}
.contenitore_banner #cartina #due{
position: absolute;
top: 200px;
left: 205px;
}
.contenitore_banner #cartina #tre{
position: absolute;
top: 70px;
left: 130px;
}
.contenitore_banner #cartina #quattro{
position: absolute;
top: 45px;
left: 80px;
}
.contenitore_banner #cartina #cinque{
position: absolute;
top: 93px;
left: 93px;
}
.contenitore_banner #cartina #sei{
position: absolute;
top: 35px;
left: 15px;
}
.contenitore_banner p{
margin-left: 20px;
color: #08C;
font-size: 19px;
font-weight: normal;
}
.superiore2{
background-image: url(../immagini/back_superiore2.png);
background-repeat: no-repeat;
height: 25px;
}
.inferiore2{
background-image: url(../immagini/back_inferiore2.png);
background-repeat: no-repeat;
height: 25px;
}
.contenitore_banner img{
margin-left: 30px;
margin-bottom: 20px;
}
#box_piede{
background-image: url(../immagini/back_piede.png);
background-repeat: repeat-x;
height: 190px;
border: 1px solid #626262;
}
#box_piede2{
background-image: url(../immagini/back_piede.png);
background-repeat: repeat-x;
border: 1px solid #626262;
height: 50px;
}
#box_piede2 .box2{
margin-top: 5px;
}
#box_piede .box1{
margin: 10px 0px 5px 0px;
border-right: 1px solid #ddd;
}
#box_piede .box1 p{
color: white;
font-size: 12px;
text-align: center;
}
#box_piede .box1 p a{
color: white;
}
#box_piede .ultimo{
border-right: none;
}
.box2 p{
color: white;
margin: 0px;
border-bottom: 1px solid #fff;
padding: 0px 0px;
margin-left: 20px;
margin-right: 40px;
font-size: 11px;
}
.box2 p a{
color: white;
font-size: 10px;
}
.box2 .colophon{
border-bottom: none;
}
.box2 .colophon a{
margin-left: 20px;
}
#box_piede{
margin-bottom: 20px;
}
#box_piede a{
color: white;
}
body #box_piede a:hover{
color: #FFB64D;
}
.screen{
background-color: transparent;
}
.addetto img{
float: left;
margin-left: 10px;
margin-right: 10px;
}
.addetto h1{
margin-top: 90px;
}
.addetto .primo_paragrafo{
margin-left: 10px;
color: #333;
font-size: 13px;
line-height: 20px;
margin-top: 30px;
padding: 0px 30px;
background-image: url(../immagini/virgolette1.png);
background-repeat: no-repeat;
background-position: top left;
margin-bottom: 0px;
}
.addetto .secondo_paragrafo{
margin-left: 10px;
color: #333;
font-size: 13px;
line-height: 20px;
margin-top:0px;
padding: 0px 30px;

background-image: url(../immagini/virgolette2.png);
background-repeat: no-repeat;
background-position: bottom right;
}
.screenshot .primo_paragrafo{
margin-left: 10px;
color: #333;
font-size: 13px;
line-height: 20px;
margin-top: 30px;
padding: 0px 30px;
background-image: url(../immagini/virgolette1.png);
background-repeat: no-repeat;
background-position: top left;
margin-bottom: 0px;
}
.screenshot h1{
font-size: 21px;
margin-left: 10px;
}
.screenshot .secondo_paragrafo{
margin-left: 10px;
color: #333;
font-size: 13px;
line-height: 20px;
margin-top:0px;
padding: 0px 30px;

background-image: url(../immagini/virgolette2.png);
background-repeat: no-repeat;
background-position: bottom right;
}

.dettaglio{
border-bottom: 1px solid #ddd;
margin-left: 10px;
}
.dettaglio p{
color: #333;
line-height: 20px;
}
.dettaglio h1{
line-height: 26px;
}
.dettaglio li{
margin-bottom: 15px;
}
.titolo{
margin-left: 20px;
margin-top: 10px;
font-size: 30px;
}
#carat{
margin-bottom: 10px;
padding-bottom: 5px;
border-bottom: 1px solid #DDD;
}
.area ul li{
margin-bottom: 5px;
margin-top: 0px;
}
table{
width: 100%;
margin-bottom: 20px;
}
tbody{
margin: 15px;
border-bottom: 1px solid #ddd;
}
table td{
text-align: center;
}
.sinistra{
text-align: left;
padding: 5px;
}
.destra{
text-align: right;
}
table .figlio .destra{
text-align: right;
font-size: 12px;
width: 450px;
line-height: 18px;
padding: 3px;
color: #333;
}
.padre{
background-image: url(../immagini/back_padre.png);
background-repeat: repeat-x;
border: 1px solid #ddd;
height: 30px;
}
.padre .prezzi{
padding-left: 22px;
color: #333;
}
.figlio{
border-left: 1px solid #ddd;
border-right: 1px solid #ddd;
}
.figlio td{
color: #333;
font-size: 12px;
}
.padre_link{
background-image: url(../immagini/tabellapiu.png);
background-repeat: no-repeat;
background-position: left;
padding: 10px;
padding-left: 20px;
}
.padre_attivo{
background-image: url(../immagini/tabellameno.png);
background-repeat: no-repeat;
background-position: left;
padding: 10px;
padding-left: 20px;
}
.intestazione{
background-image: url(../immagini/back_li.png);
background-repeat: repeat-x;

}
#contenuti .intestazione td{
padding: 5px;
font-size: 18px;
color: white;
}
#contenuti #riepilogo .intestazione td{
padding: 5px;
font-size: 14px;
color: white;
}
.intestazione a{
font-size: 11px;
margin-left: 15px;
padding: 5px;
color: white;
}
.intestazione a:hover{
text-decoration: underline;
}
.sottotitolo{
margin-right: 20px;
color: #888;
font-size: 14px;
text-align: right;
padding-bottom: 10px;
margin-top: 0px;
}
.coda{
border: 1px solid #ddd;
}
.coda td{
padding: 5px;
font-size: 18px;
color: white;
height: 60px;
}
.coda a{
padding: 5px;
color: white;
}
.coda a:hover{
text-decoration: underline;
}
.licenza{
margin-left: 20px;
margin-bottom: 20px;
}
.licenza a{
background-image: url(../immagini/freccia_vai.png);
background-repeat: no-repeat;
background-position: right;
padding-right: 30px;
}
.ui-widget-content a:hover{
color: #F76F00;
}
.dati1, .dati2{
width: 545px;

}
.dati3{
margin-right: 10px;
padding-right: 0px;
margin-left:0px;
}
.dati1{
float: left;
margin-right: 10px;
padding-right: 0px;
margin-left: 20px;
}
.dati1 tbody, .dati2 tbody, .dati3 tbody{
border: none;
}

.dati1 td, .dati2 td{
text-align: left;
padding-right: 15px;
}
.dati3 td{
text-align: left;
padding-right: 15px;
font-size: 13px;
padding-top: 3px;
padding-bottom: 3px;
}
.richiesta_contatto{
width: 700px;
margin-left: 60px;
margin-top: 30px;
}
.richiesta_contatto td{
text-align:left;
padding-right: 15px;

}
.richiesta{
height: 60px;
}
input{
width: 150px;
border: 1px solid #ddd;
}
label{
font-size: 13px;
color: #333;
}
.dati1 tr, .dati2 tr{
height: 30px;
}
#contenuti .titolo_dati{
font-size: 16px;
color: #888;
margin-bottom: 25px;
margin-top: 15px;
margin-left: 0px;
}
#contenuti .titolo_dati2{
font-size: 16px;
color: #888;
margin-bottom: 25px;
margin-top: 15px;
margin-left: 20px;
margin-right: 380px;
float: left;
}
.titolo_dati b{
font-size: 20px;
}
#contenuti p{
margin-left: 20px;
}
.step{
font-size: 14px;
line-height: 21px;
margin-left: 20px;
color: #333;
}
.step span{
color: #888;
margin-left:20px;
margin-right:20px;
font-size: 12px;

}
.lungo input{
width: 413px;
}
.lungo2 input{
width: 370px;
}
.lungo3 input, .lungo3 textarea{
width: 500px;
}
.lungo4 input{
width: 200px;
}
textarea{
border: 1px solid #ddd;
}
.corto input{
width: 80px;
}
#riepilogo{
margin-bottom: 30px;
width: 100%;
}
#riepilogo td{
color: #333;
font-size: 12px;
}
#riepilogo tbody{
width: 100%;
}
.paga{
margin-bottom: 50px;
}
.paga p{
margin-top: 20px;
}
.pay_pal, .bonifico{
margin-left: 0px;
margin-top: 20px;
}
.pay_pal input, .bonifico input{
background-image: url(../immagini/back_padre.png);
background-repeat: repeat-x;
padding: 2px 5px;
}
#messaggio{
min-height: 200px;
}
.testo{
font-size: 18px;
margin-bottom: 30px;
}
.testo2{
font-size: 13px;
line-height: 21px;
color: #333;
}
.alert{
color: #BA0062;
font-size: 13px;
margin-bottom: 0px;
margin-top: 15px;
}
#gallery{
background: #ddd;
padding: 30px;
}
#gallery li{
list-style: none;
}
.addetto .logo{
margin-left: 25px;
}
.addetto .case_societa{
margin-top: 20px;
}
.addetto p{
margin-left: 30px;
margin-top: 20px;
font-size: 13px;
line-height: 21px;
color: #333;
}
.addetto .link{
color: #08C;
font-size: 14px;
}
.addetto .link img{
float: none;
}
#immagine_centrale2 span{
font-size: 18px;
color: #08C;
}
#immagine_centrale2 .case_img{
margin-top: 30px;
margin-left: 20px;
}
.link input{
border: none;
}