/*<<<<<<<<<<<<<<<<<<<<<< CSS GENERICI >>>>>>>>>>>>>>>>>>>>>>>*/
body
{
margin:0px;
padding:0px;
border:none;
font-family: verdana, arial, sans-serif;
font-size: 12px;
background-color:#DDDDFF;
}
html
{
margin:0px;
padding:0px;
border:none;
overflow-y:scroll;
}
img
{
border:none;
margin:0px;
}
#screen
{
position:relative;
display:block;
background-color:#FFFFFF;
width:990px;
margin:0 auto;
/*overflow:auto;*/
}
h1
{
font-size:16px;
text-align:center;
margin:10px 0px 20px 0px;
color: #173200;
font-style:italic;
}
/*<<<<<<<<<<<<<<<<<<<<<<<< STRUTTURA >>>>>>>>>>>>>>>>>>>>>>>>*/
div.centerArea
{
position:relative;
width:790px;
top:0px;
background:#FFFFFF;
float:right;
}

div.leftArea
{
position:relative;
width:200px;
top:0px;
background:#FFFFFF;
float:left;
}
div.content
{
position:relative;
width:790px;
background:#FFFFFF;
margin-top:5px;
/*overflow-x:hidden;*/
overflow:hidden;
}
div.foot
{
position:relative;
width:990px;
height:20px;
clear:both;
}

/*<<<<<<<<<<<<<<<<<<<<<< SUB-STRUTTURA >>>>>>>>>>>>>>>>>>>>>>*/

/* ---------- menu ----------*/
div.subMenu
{
position:absolute;
top:90px;
left:0px;
height:20px;
width:790px;
background:URL("/img/subBar_bk.jpg") #D3E672;
z-index:3;
}
div.subMenuLine
{
position:absolute;
top:16px;
left:-10px;
height:1px;
width:790px;
border-top:solid 1px #70A6D4;
z-index:1;
}
div.menu
{
position:absolute;
width:785px;
height:20px;
top:73px;
left:10px;
}
div.menuBox
{
position:relative;
text-align:center;
height:20px;
float:left;
margin:0px 10px 0px 0px;
cursor:pointer;
}
p.menuText a
{
color:#70A6D4;
text-decoration:none;
z-index:0;
}
p.menuText a:hover
{
color:#FF3333;
text-decoration:underline;
}
p.menuTextOn a
{
color:#204303;
text-decoration:none;
z-index:2;
}
p.menuTextOn a:hover
{
text-decoration:underline;
}
p.menuText
{
background:#FFFFFF;
margin:0px 11px 0px 11px;
margin:0px;
float:left;
height:30px;
}
p.menuTextOn
{
background:#D2E571;
margin:0px 11px 0px 11px;
margin:0px;
height:30px;
float:left;
border-top:solid 1px #70A6D4;
}


/* ------------ testa ------------*/
div.centerHead
{
position:relative;
top:0px;
left:0px;
background:URL('/img/menu_bk2.jpg');
width:790px;
height:90px;
margin-bottom:20px;
}

/* ------------ lingue ------------*/
div.lingueBox
{
width:100%;
height:20px;
}
a.langLink img
{
float:right;
margin:2px 5px 2px 5px;
border:1px solid #FFF;
}
a.langLink:hover img
{
border:1px solid #F00;
}
p.lingueBox
{
float:right;
margin:0px;
width:72px;
border: 1px solid #96A935;
border-right:0px;
border-top:0px;
}

/* ---------- commands ----------*/
div.commands
{
float:right;
margin:0px 15px 0px 0px;
height:22px;
border:1px solid #0000FF;
border-top:0px;
padding:0px 5px 0px 5px;
}
input.cmdButton
{
height:22px;
padding:0px;
}

/*----------- small map ---------*/
div.mapConteiner
{
position:relative;
left:10px;
top:0px;
margin-top:40px;
width:169px;
border-right:1px solid #D3E672;
height:170px;
overflow:hidden;
}
div.map
{
width:170px;
height:210px;
cursor:pointer;
}
div.mapHead
{
width:170px;
height:18px;
border-bottom:1px solid #D3E672;
cursor:pointer;
background:#84ABD5;
}
div.mapHead:hover
{
background-color:#CC6666;
}
p.mapHead
{
text-align:center;
margin:0px 5px 0px 5px;
}

/* ----------- meteo --------------*/
div.meteo
{
position:relative;
margin-top:20px;
margin-bottom:30px;
left:10px;
width:170px;
height:18px;
text-align:center;
border-bottom:1px solid #D3E672;
cursor:pointer;
}


/* ----------- logo ---------------*/
div.logo
{
position:absolute;
display:none;
top:0px;
left:700px;
width:90px;
height:89px;
overflow:hidden;
background:#D3E672;
}
img.logo
{
border:none;
}

/* ---------- leftMenu -------------*/
div.leftMenu
{
width:180px;
margin-top:20px;
}
p.leftMenuItem
{
margin:0px;
margin-bottom:8px;
background:#84ABD5;
height:18px;
border-bottom:1px solid #D3E672;
cursor:pointer;
}
p.leftMenuItem a:hover
{
text-decoration:underline;
}
p.leftMenuItem a
{
color:#000000;
text-decoration:none;
margin-left:10px;
}
p.leftMenuItemSub1
{
width:180px;
margin-left:10px;
}
p.leftMenuItemSub2
{
width:180px;
margin-left:20px;
}

/*<<<<<<<<<<<<<<<<<<<<<<<<<< BIG MAP >>>>>>>>>>>>>>>>>>>>>>>>*/
div.bigMapLayer
{
display:none;
position:absolute;
top:0px;
left:0px;
z-index:3;
background:url('/img/trasp.png');
}
div.closeMap
{
border:1px solid #70A6D4;
margin:5px;
background:#FFFFFF;
float:right;
z-index:10;
padding:3px;
cursor:pointer;
}
img.trasp
{
position:absolute;
top:0px;
left:0px;
z-index:3;
}
div.mappa
{
position:relative;
width:95%;
height:90%;
margin:0 auto;
margin-top:40px;
}
div.legend
{
width:210px;
height:525px;
float:right;
background:#FFFFFF;
border:1px solid #D3E672;
/*border-left:0px solid;*/
}
div.legendHead
{
text-align:center;
position:relative;
width:210px;
height:18px;
background:#EEEEEE;
border-bottom:1px solid #D3E672;
background:#84ABD5;
}
p.legendEl
{
margin:10px 0px 0px 10px;
height:27px;
font-family:monospace;
font-size:12px;
}
p.legendEl2
{
margin:5px 0px 20px 10px;
height:27px;
font-family:monospace;
font-size:12px;
}
input.ckLegend
{
margin-right:5px;
float:left;
}
input.ckLegend2
{
margin-right:5px;
margin-top:7px;
float:left;
}
img.legendIcon
{
margin:-8px 4px 0px 0px;
float:left;
}
img.legendIcon2
{
margin: 0px 4px 0px 0px;
float:left;
}
div.bigMap
{
width:auto;
height:100%;
margin:0px 221px 0px 0px;
background:#FF0000;
border:1px solid #D3E672;
}
p.markerTitle
{
font-size:14px;
font-weight:bold;
margin:0px 0px 0px 85px;
width:300px;
}
img.markerImg
{
float:left;
margin:0px 5px 0px 0px;
border:none;
}
p.markerAddress
{
width:300px;
font-size:10px;
margin:5px 0px 0px 85px;
}
p.markerText
{
margin:10px 0px 0px 85px;
width:300px;
font-size:12px;
}
a.markerLink
{
color:#3333FF;
}
a.markerDir
{
float:right;
color:#3333FF;
}
div.markerDiv
{
width:400px;
}

/*<<<<<<<<<<<<<<<<<<<<<<<<<<<<< FOOT >>>>>>>>>>>>>>>>>>>>>>>>>>*/

div.BtSxCurve
{
position:absolute;
left:0px;
top:0px;
width:20px;
height:20px;
background:URL('/img/BtSxCurve.png') #FFFFFF;
}
div.BtDxCurve
{
position:absolute;
left:970px;
top:0px;
width:20px;
height:20px;
background:URL('/img/BtDxCurve.png') #FFFFFF;
z-index:2;
}
div.footBody
{
position:absolute;
left:20px;
top:0px;
width:950px;
height:20px;
}
p.footText
{
text-align:center;
margin:0 auto;
margin-left:30px;
padding:0px;
font-size:10px;
color:#444444;
}
p.developer
{
position:absolute;
left:600px;
top:0px;
margin:0px;
padding:0px;
padding:0px;
font-size:10px;
color:#444444;
}

/*<<<<<<<<<<<<<<<<<<<<<<<< CKEDITOR STYLE >>>>>>>>>>>>>>>>>>>>>*/

p.CkEditorP
{
font-size:12px;
line-height:140%;
}
p.CkEditorP a
{
color:#3333FF;
text-decoration:none;
}
p.CkEditorP a:hover
{
text-decoration:underline;
}
h2.CkEditorH2
{
font-size:14px;
}
h3.CkEditorH3
{
font-size:13px;
}
h4.CkEditorH4
{
font-size:12px;
}
pre.CkEditorPre
{
font-size:12px;
}
address.CkEditorAddress
{
font-size:12px;
}


