/*-----------------COLORI DA SOSTITUIRE-----------------
principale: #A0E450
testo dentro box: #53A600
bordo: #669900
------------------------------------------------------*/
html{
height:100%;
}
#my_body{
height:100%;
margin: 0 0 0 0;
background:#333333;
text-align:left;
font-size:11px;
font-family: Verdana, Arial, Helvetica, sans-serif;
color:#6A6A6A;
letter-spacing:-1px;
}
#div_principale{
height:100%;
width:94%;
position:relative;
margin: 0 3% 0 3%;
}
#div_esterno{
height:100%;
}
FORM{
margin:1px;
}
SELECT{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
color:#6A6A6A;
width:80%;
}
#div_logo1{
height:10%;
width:50%;
position:absolute;

top:2%;
left:0%;
z-index:10;
}
#div_logo2{
height:10%;
width:50%;
position:absolute;
background:url(../gfx/virtualmarche_gre.png) top right #333333 no-repeat;
top:2%;
right:0%;
z-index:10;
}
#div_angolo_topsx{
height:2%;
width:51%;
float:left;
background:url(../gfx/angle_topsx.png) top left #FFFFFF no-repeat;
position:absolute;
top:12%;
left:0%;
z-index:90;
}
#div_angolo_topdx{
height:2%;
width:50%;
float:right;
background:url(../gfx/angle_topdx.png) top right #FFFFFF no-repeat;
position:absolute;
top:12%;
right:0%;
z-index:90;
}
#div_sx{
height:76%;
width:1.5%;
background: #FFFFFF;
position:absolute;
top:14%;
left:0%;
}
#div_dx{
height:76%;
width:1.5%;
background: #FFFFFF;
position:absolute;
top:14%;
right:0%;
}

/*-----------------INIZIO CONTENUTO PRINCIPALE-----------------*/
#div_contenuto{
height:78%;
width:97%;
top:14%;
background:#FFFFFF;
position:absolute;
left:1.5%;
right:2%;
}
#main_esterno{
height:100%;
width:100%;
position:relative;
}
.header_sx{
background:#333333;
color:#E8E8E8;
text-align:left;
font-weight:bold;
height:3.1%;
width:100%;
padding-top:0.5%;
padding-left:0.5%;
border:1px solid #000000;
}
.header_dx{
background:#333333;
color:#E8E8E8;
text-align:left;
font-weight:bold;
height:3.3%;
width:100%;
padding-top:1.3%;
padding-left:1.5%;
border:1px solid #000000;
}
#main_sx{
height:100%;
width:70.5%;
position:absolute;
top:0%;
left:0%;
}
#main_sx_relativo{
height:100%;
width:100%;
position:relative;
}
#main_sx_header1{
position:absolute;
top:0%;
left:0%;
}
.box{
background:#A0E450;
border:1px solid #53A600;
color:#669900;
font-size:11px;
font-weight:normal;
z-index:100;
}
#box_context{
width:120px;
}
#box_tipologia{
position:absolute;
top:3.2%;
left:0;
width:24.7%;
height:8%;
margin-top:1%;
margin-right:1%;
}
#box_soggetto{
position:absolute;
top:3.2%;
left:25.4%;
width:24.7%;
height:8%;
margin-top:1%;
margin-right:1%;
}
#box_luogo{
position:absolute;
top:3.2%;
left:50.8%;
width:24.3%;
height:8%;
margin-top:1%;
margin-right:1%;
}
#box_lingua{
position:absolute;
top:3.2%;
left:75.8%;
width:24%;
height:8%;
margin-top:1%;
}
#map{
letter-spacing:0px;
height:100%;
width:100%;
}
#map_container{
position:absolute;
top:12%;
left:0;
margin-top:1%;
background:#333333;
height:81%;
width:100%;
}



#foot_zoom{
position:absolute;
top:91%;
left:0;
margin-top:3%;
width:45%;
height:2%;
text-align:left;
z-index:100;
}
#foot_direction{
position:absolute;
top:91%;
left:45%;
margin-top:3%;
width:25%;
height:2%;
text-align:center;
z-index:101;
}
INPUT{
vertical-align:top;
font-size:10px;

cursor:pointer;
}
#foot_color{
position:absolute;
top:91%;
right:0%;
margin-top:3%;
width:32%;
height:2%;
text-align:right;
z-index:100;
}
#foot_color IMG{
vertical-align:middle;
}
#main_divisorio{
height:100%;
width:1.5%;
background:url(../gfx/divisorio.png) top center #FFFFFF repeat-y;
position:absolute;
top:0%;
left:70.5%;
}
#main_dx{
height:100%;
width:28%;
position:absolute;
top:0%;
left:72%;
}
#main_dx_relativo{
height:98%;
width:100%;
position:relative;
}
#main_dx_header1{
position:absolute;
top:0%;
left:0%;
}
#box_legenda{
position:absolute;
top:4.3%;
left:0;
width:99.5%;
height:8%;
margin-top:0.8%;
margin-right:1%;
}
#side_bar{

padding-left:1%;
text-align:left;
position:absolute;
top:13%;
left:0;
width:99%;
height:37%;
margin-top:1%;
margin-right:1%;
overflow:auto;
}
#directions{
padding-left:1%;
text-align:left;
position:absolute;
top:13%;
left:0;
width:97%;
height:36%;
margin-top:1%;
margin-right:1%;
overflow-y:scroll;
letter-spacing:0px;
}
#directions a {
color:#666666;
text-decoration:none;
font-size:11px;
font-weight:bold;
letter-spacing:-1px;
}
#directions a:hover {
color:#444444;
text-decoration:underline;
font-size:11px;
font-weight:bold;
letter-spacing:-1px;
}

#main_dx_header2{
position:absolute;
top:51.1%;
left:0%;
}
#box_ricerca{
position:absolute;
top:55.4%;
left:0;
width:99.5%;
height:9%;
margin-top:1%;
margin-right:1%;
}
#main_dx_header3{
position:absolute;
top:65.8%;
left:0%;
}
#istruzioni{
text-align:left;
position:absolute;
top:70.2%;
left:0;
width:100%;
height:25.6%;
margin-top:1%;
margin-right:1%;
overflow-y:scroll;
}
#foot_dati{
position:absolute;
top:95.4%;
left:0%;
margin-top:3%;
width:100%;
height:3.2%;
text-align:center;
z-index:101;
color:#FF3300;
}
/*-----------------FINE CONTENUTO PRINCIPALE-----------------*/
#div_angolo_footsx{
height:2%;
width:51%;
background:url(../gfx/angle_footsx.png) bottom left #FFFFFF no-repeat;
position:absolute;
top:90%;
left:0%;
}
#div_angolo_footdx{
height:2%;
width:50%;
background:url(../gfx/angle_footdx.png) bottom right #FFFFFF no-repeat;
position:absolute;
top:90%;
right:0%;
}
#div_riflessosx{
height:8%;
width:51%;
float:left;
background:url(../gfx/riflesso_sx.png) top left #333333 no-repeat;
position:absolute;
top:92%;
left:0%;
}
#div_riflessodx{
height:8%;
width:50%;
float:right;
background:url(../gfx/riflesso_dx.png) top right #333333 no-repeat;
position:absolute;
top:92%;
right:0%;
}
#div_marginetop{
position:absolute;
height:2%;
width:100%;
left:0%;
top:0%;
}

#centromappa{
background:url(cross.png) no-repeat;
z-index:1;
position:absolute;
bottom:-380px;
left:300px;
border-color:lime;
border-width:1px 1px 1px 1px;
width:60px;
height:60px;
font-size:9px
}

.tooltip{
font:11px tahoma,verdana,arial,helvetica;
background:no-repeat;
width:159px;
height:138px;
color:#555;
background:url(../template/default/baloon1.png);
padding:13px 0 0 10px;
text-align:left;
}

#LatLon{
text-align:left;
}

#divpopup {
background-image:url(template/default/content_bg_2.png);
width: 340px ; 
height:75px; 
overflow: auto; 
padding-right: 5px;
padding-left: 5px; 
margin-top:3px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight:normal;
text-decoration: none;
color:#666666;
}

#imgpopup{
width:350px;
height:150px;
}

/*-----------------INIZIO HYPERLINK-----------------*/
#foot_zoom a{
color:#6A6A6A;
text-decoration:none;
font-weight:bold;
}
#foot_zoom a:hover{
color:#444444;
text-decoration:underline;
font-weight:bold;
}
#box_legenda a{
color:#FFFFFF;
text-decoration:none;
font-weight:bold;
}
#box_legenda a:hover{
color:#FFFFFF;
text-decoration:underline;
font-weight:bold;
}
#side_bar a{
color:#6A6A6A;
text-decoration:none;
font-weight:normal;
}
#side_bar a:hover{
color:#53A600;
text-decoration:none;
font-weight:bold;
}
#main_dx_header3 a{
color:#E8E8E8;
text-decoration:none;
font-weight:bold;
}
#main_dx_header3 a:hover{
color:#FFFFFF;
text-decoration:underline;
font-weight:bold;
}
.box a{
color:#FFFFFF;
text-decoration:none;
letter-spacing:-1px;
}
.box a:hover{
color:#FFFFFF;
text-decoration:none;
font-weight:bold;
letter-spacing:-1px;
}
/*-----------------FINE HYPERLINK-----------------*/