/*  l'ordine da indicare del padding/margin, etc...(alto, destra, basso, sinistra) */


html,
BODY {
font-family: Arial, Verdana, Geneva, Helvetica, sans-serif; 
font-size: 15px;
color: #000;
text-decoration: none;
text-align: center;
margin: 0 auto;
padding : 0px; 
width : 100%; 
height : 100%;
background-color: #dde7f1;
letter-spacing : 0px;
line-height: 20px;
}


#contenitore{
width:100%;
margin: 0 auto;
padding: 0px;
text-align:center;
}


.contenitore{
width:320px;
margin: 0 auto;
padding: 0px;
text-align:center;
}


#top_titolo{
width:100%;
float:left;
margin:0 auto;
padding:0px;
height:44px;
background: url(../img/bkg_top.gif) top left repeat-x;
background-color: #003279;
font-size: 20px;
font-weight: bold;
color: #dde7f1;
overflow: hidden;
text-align:center;
}


#lato_sx_dx_top{
float:left;
width: 50px;
margin:0 auto;
padding:0px;
}



#lato_centrale_top{
float:left;
width: 200px;
padding-top:4px;
margin:0 auto;
}






.riga_si{
float:left;
margin:0 auto;
padding:0px;
min-height:80px;
max-height:120px;
width:100%;
background: url(../img/freccia_dx.gif) no-repeat center right;
background-color: #fff;
cursor:pointer;
overflow: hidden;
}


.riga_no{
float:left;
margin:0 auto;
padding:0px;
min-height:80px;
max-height:120px;
width:100%;
background: url(../img/freccia_dx.gif) no-repeat center right;
background-color: #dde7f1;
cursor:pointer;
overflow: hidden;
}


.riga_grigia{
float:left;
margin:0 auto;
padding:0px;
min-height:80px;
max-height:120px;
width:100%;
background: url(../img/freccia_dx.gif) no-repeat center right;
background-color: #ccc;
cursor:pointer;
overflow: hidden;
}



.riga_si2{
float:left;
margin:0 auto;
padding:0px;
min-height:124px;
width:100%;
/*background: url(../img/freccia_dx.gif) no-repeat center right;*/
background-color: #fff;
overflow: hidden;
}


.riga_no2{
float:left;
margin:0 auto;
padding:0px;
min-height:124px;
width:100%;
/*background: url(../img/freccia_dx.gif) no-repeat center right;*/
background-color: #dde7f1;
overflow: hidden;
}






.setta_spazi_riga{
padding:5px 0 5px 5px;
margin:0 auto;
overflow: hidden;
}



.setta_spazi_top_destination{
padding:18px 0 5px 5px;
margin:0 auto;
overflow: hidden;
}



#sfondo_scheda{
float:left;
margin:0 auto;
padding:0px;
min-height:372px;
width:100%;
background-color: #e5e8eb;
overflow: hidden;
text-align:left;
}







#bottom{
float:left;
margin:0 auto;
padding:0px;
min-height:44px;
max-height:88px;
width:100%;
background: url(../img/bkg_bottom.gif) top left repeat-x;
background-color: #003279;
font-size: 10px;
color: #dde7f1;
overflow: hidden;
letter-spacing : 0px;
line-height: 16px;
}


#contenitore_bottom{
float:left;
width: 100%;
padding-top:5px;
margin:0 auto;
}


#lato_sx_dx_bottom{
float:left;
width:50px;
margin:0 auto;
padding:0px;
}


#lato_centrale_bottom{
float:left;
width:200px;
padding:0px;
margin:0 auto;
}



.bott_top{
margin:0 auto;
padding:0px;
height:44px;
width:54px;
background: url(../img/bott_top.png) no-repeat top left;
color: #fff;
font-family : Arial, Geneva, Helvetica, sans-serif; 
font-size: 13px;
font-weight: bold;
cursor:pointer;
overflow: hidden;
}




.bottone{
margin:0 auto;
padding:0px;
height:34px;
width:188px;
background: url(../img/bottone_sotto.png) no-repeat center left;
color: #fff;
font-family : Arial, Verdana, Geneva, Helvetica, sans-serif; 
font-size: 13px;
cursor:pointer;
overflow: hidden;
}



#box_riferimenti_scheda{
float:left;
width:99%;
margin:0 auto;
padding:5px;
min-height:100px;
line-height: 21px;
letter-spacing : -1px; 
word-spacing : 0px; 
overflow: hidden;
text-align:left;
}




#bott_tel_pic{
float:left;
margin:0 auto;
padding:0px;
height:60px;
width:49%;
background: url(../img/bott_telefono.gif) no-repeat center center;
color: #000;
font-family : Arial, Verdana, Geneva, Helvetica, sans-serif; 
font-size: 14px;
cursor:pointer;
overflow: hidden;
font-weight: bold;
text-align:center;
}


#bott_tel_big{
float:left;
margin:0 auto;
padding:0px;
height:60px;
width:100%;
background: url(../img/bott_telefono_big.gif) no-repeat center center;
color: #000;
font-family : Arial, Verdana, Geneva, Helvetica, sans-serif; 
font-size: 15px;
cursor:pointer;
overflow: hidden;
font-weight: bold;
text-align:center;
}


#box_spazio_icone{
float:left;
margin:0 auto;
padding:0px;
height:55px;
width:300px;
overflow: hidden;
text-align:center;
}


#box_icone{
float:left;
margin:0 auto;
padding:0px;
height:53px;
min-width:16.6%;
max-width:20%;
cursor:pointer;
overflow: hidden;
text-align:center;
}



#box_spazio_foto{
float:left;
margin:0 auto;
padding: 5px 2px 5px 3px;
height:55px;
width:100%;
overflow: hidden;
text-align:center;
}


#box_foto{
float:left;
margin:0 auto;
padding:0px;
height:45px;
width:14%;
cursor:pointer;
overflow: hidden;
text-align:center;
}



#box_scritta_posizione{
float:left;
margin:0 auto;
padding:0px;
height:40px;
width:100%;
background-color: #0a3c85;
color: #fff;
font-family : Arial, Verdana, Geneva, Helvetica, sans-serif; 
overflow: hidden;
font-weight: bold;
text-align:center;
}




.corpo_layout{
width:100%;
margin:0px auto;
padding:5px;
text-align:justify;
font-family : Arial, Verdana, Geneva, Helvetica, sans-serif; 
}



/************************ CSS per i BOX dei Giudizi   ********************/

.box_giudizio_1{
width:300px;
color: #000;
font-family : Arial, Verdana, Geneva, Helvetica, sans-serif; 
font-size: 12px;
overflow: hidden;
margin-left: 0em !important;
display: block;
clear: both;
margin-top: 1em !important;
padding: 0 .5em 0 .5em;
text-align: left;
background: #fff url(../img/user_1.gif) no-repeat left bottom;
}


.box_giudizio_2{
width:300px;
color: #000;
font-family : Arial, Verdana, Geneva, Helvetica, sans-serif; 
font-size: 12px;
overflow: hidden;
margin-left: 0em !important;
display: block;
clear: both;
margin-top: 1em !important;
padding: 0 .5em 0 .5em;
text-align: left;
background: #fff url(../img/user_2.gif) no-repeat left bottom;
}


.box_commenti_1{
width:300px;
color: #000;
margin: 1.2em 0 0 0 !important;
padding: 0px;
font-size: 94%;
text-align: left;
line-height: 15px;
}


.box_commenti_2{
width:300px;
color: #000;
margin: 1.2em 0 0 0 !important;
padding: 0 0 0 37px;
font-size: 94%;
text-align: left;
line-height: 15px;
}


/************************ CSS per le MAPPE  ********************/


#map {
float:left;
font-size: 10px;
text-align: center;
background: #fff url(../img/loading.gif) no-repeat center;
}
#map a {
color: black;
background-color: transparent;
}
#map a:hover {
color: #666666;
background-color: #c0c0c0;
}
#map div {
color: #666666;
background-color: transparent;
}


#simple_example_window{
float:left;
width: 250px;
margin: 0px auto;
padding: 0px;
background-color: #afafff;
}


#simple_example_window_contents{
background-color: #afafff;
border: 0px;
}

#simple_example_window_tl, #simple_example_window_tr, #simple_example_window_bl, #simple_example_window_br,
#simple_example_window_t,#simple_example_window_l,#simple_example_window_r,#simple_example_window_b{
height: 0px;
width: 0px;
}




#box_google_nuvola{
float:left;
width:100px;
height: 100px;
background-color: #ccc;
margin: 0px auto;
padding:0px;
}

.image_pic {
float: left;
margin: 0 5px 0 0;
display: block;
border-width:2px;
border-color:#ffffff;
background: #fff url(../img/loading.gif) no-repeat center center;
}




/************************ CSS per i LINK   ********************/


a:link { 
color : #0273ff; 
text-decoration : underline; 
} 
a:visited { 
color : #0273ff; 
text-decoration : underline; 
} 
a:hover { 
text-decoration : none; 
} 
a:active { 
color : #0273ff; 
text-decoration : underline; 
} 


.bottom:link, .bottom:visited, .bottom:active  { 
color : #fff; 
text-decoration : underline; 
}

.bottom:hover { 
text-decoration : none; 
} 


.top:link, .top:visited, .top:active  { 
color : #fff; 
text-decoration : none; 
}

.top:hover { 
text-decoration : none; 
} 

 
.telefono:link, .telefono:visited, .telefono:active  { 
color : #000; 
text-decoration : none; 
}

.telefono:hover { 
text-decoration : none; 
} 



/************************ CSS per i TESTI   ********************/

.testa { 
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; 
font-size: 20px; 
} 
.testa1 { 
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; 
font-size: 15px; 
}
.testa2 { 
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; 
font-size: 14px; 
}
.corpo { 
font-family: Arial, Verdana, Geneva, Helvetica, sans-serif; 
font-size: 13px; 
} 
.corpo1 { 
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; 
font-size: 11px; 
} 
.corpo2 { 
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; 
font-size: 10px; 
}
.piccolo { 
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; 
font-size: 9px; 
}
.piccolo2 { 
font-family: Arial, Verdana, Geneva, Helvetica, sans-serif; 
font-size: 10px; 
}
.piccolo3 { 
font-family: Arial, Verdana, Geneva, Helvetica, sans-serif; 
font-size: 9px; 
}


img.b_illustration {
float: left;
margin: 0 5px 0 0;
display: block;
background: url(../img/loading.gif) no-repeat center center;
}


.image {
display: visible;
text-align:center;
background: url(../img/loading.gif) no-repeat center center;
}


.carica_foto {
float: left;
margin: 0 5px 0 0;
display: block;
border-color: #03225b;
background: url(../img/loading.gif) no-repeat center center;
}



.caricamento_dati {
display: block;
margin: 0px auto;
padding: 0px;
background: url(../img/loading.gif) no-repeat top center;
}


/************************ Componenti per i FORM   ********************/

.scegli_ordine {
border-width: 0px;
border-color: #027cfc;
background: #027cfc;
width: auto;
height: 21px;
text-align: left;
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
color: #fff;
}


input {
border-width: 1px;
border-style: solid;
border-color: #a5acb2;
background: #fff;
width: 120px;
height: 28px;
text-align: left;
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
color: #000;
}


.scegli_giudizio {
border-width: 1px;
border-style: solid;
border-color: #a5acb2;
background: #fff;
width: auto;
height: 28px;
text-align: left;
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
color: #000;
}


.messnote { 
font : normal 14px Verdana, Arial, Helvetica, sans-serif; 
text-decoration : none; 
letter-spacing : 1px; 
word-spacing : 1px; 
border-width: 1px;
border-style: solid;
border-color: #a5acb2;
background: #fff;
visibility : visible; 
height : 70px; 
width : 190px; 
} 


.submit_commento {
border-width: 1px;
border-color: #027cfc;
background: #027cfc;
width: auto;
font-size : 13px; 
font-family : Verdana, Arial, Helvetica, sans-serif; 
color : #fff; 
height: 70px;
width : 70px; 
border-style: outset;
cursor: pointer;
text-align: center;
font-weight: bold;
} 


.submit {
border-width: 1px;
border-color: #027cfc;
background: #027cfc;
width: auto;
font-size : 13px; 
font-family : Verdana, Arial, Helvetica, sans-serif; 
color : #fff; 
height: 35px;
width : 70px; 
border-style: outset;
cursor: pointer;
text-align: center;
font-weight: bold;
}