body
{
background-image:url('../img/back.gif');
}

h2
{
color: #ffffcc;
font-size:13pt;
font-family:tahoma,helvetica,arial;
margin-left:auto;
margin-right:auto;
}

h3
{
color:#330000;
font-size:12pt;
font-family:arial,tahoma,helvetica;
font-weight: bold;
margin-left:auto;
margin-right:auto;
}

h3.inner
{
margin-top:30px;
}

h3.topinside
{
margin-top:20px;
}

table.tableform
{
padding:5px;
border: double #009999;
width:96%;
}

ul.main
{
width:230px;
text-align:left;
position:relative;
left:-20px;
top:-20px;
margin-left:10px;
margin-top:60px;
font-size:11pt;
}

*:first-child+html ul.main
{
width:205px;
padding-left:35px;
margin-top:30px;
}

* html ul.main
{
width:215px;
padding-left:15px;
margin-top:60px;
}

html:first-child ul.main
{
margin-left:15%;
width:220px;
}

td.lightblue
{
background-image:url('../img/buttom_lightblue.png');
background-repeat:no-repeat;
width:110px;
height:30px;
text-align:center;
}

td.blue
{
background-image:url('../img/buttom_blue.png');
background-repeat:no-repeat;
width:110px;
height:30px;
text-align:center;
}

td.onepix
{
height:1px;
width:170px;
}

td.leftmenu
{
vertical-align:top;
padding-left:20px;
width:180px;
}

td.titleform
{
text-align: center;
font-weight: bold;
font-size:12pt;
color:#003366;
}

td.formname
{
font-size:10pt;
color:#006699;
font-weight:bold;
width:180px;
padding-left:10px;
border-top:double #006699;
}

td.forminnertitle
{
font-size:12pt;
text-align:center;
font-weight:bold;
color:#006699;
padding-left:10px;
border-top:double #006699;
}

td.formnamelight
{
font-size:10pt;
color:#006699;
width:25%;
padding-left:10px;
border-top:double #006699;
}

td.input
{
border-top:double #006699;
width:70%;
color:#990033;
font-weight:bold;
}

td.subinput
{
border-top:double #006699;
width:120px;
color:#990033;
font-weight:bold;
}

div.green
{
color:#003300;
}

div.star
{
position:absolute;
left:105px;
top:-125px;
z-index:0;
}

div.starbottom
{
position:absolute;
left:-20px;
top:-90px;
z-index:0;
}

div.logoprint
{
visibility:hidden;
position:absolute;
top:15px;
}

div.titleprint
{
position:absolute;
top:100px;
left:20%;
visibility:hidden;
}

div.correct
{
width:180px;
position:relative;
top:-100px;
left:0px;
text-align:left;
z-index:1;
}

div.texticon
{
right:10px;
margin-right:-10px;
position:absolute;
top:53px;
margin-top:-50px;
z-index:3;
}

div.print
{
position:absolute;
top:50px;
margin-top:-45px;
margin-left:0px;
left:0px;
}

*:first-child+html div.print
{
margin-top:-45px;
}

* html div.print
{
margin-top:-45px;
}

*:first-child+html div.texticon
{
margin-top:-50px;
}

* html div.texticon
{
margin-top:-55px;
}

*:first-child+html div.titleinside
{
margin-top:15px;
}

* html div.titleinside
{
margin-top:15px;
}

div.framecontainer
{
position:absolute;
top:40px;
border-top: double #009999;
padding-top:20px;
left:20px;
padding-right:10px;
width:95%;
height:610px;
text-align:justify;
overflow:auto;
}

div.framecontainer1
{
position:relative;
top:0px;
border-top: double #009999;
padding-top:20px;
left:-30px;
padding-right:10px;
width:110%;
height:590px;
text-align:justify;
overflow:auto;
z-index:3;
}

*:first-child+html div.framecontainer1
{
width:103%;
}

* html div.framecontainer1
{
width:103%;
}

div.framecontainer2
{
position:relative;
top:5px;
border-top: double #009999;
padding-top:20px;
left:7px;
padding-right:10px;
width:95%;
height:550px;
text-align:justify;
overflow:auto;
}

*:first-child+html div.framecontainer2
{
top:5px;
height:530px;

}

* html div.framecontainer2
{
top:5px;
width:93.5%;
left:10px;
height:550px;
}

div.pagecontent
{
text-align:justify;
color:#330000;
font-size:10pt;
font-family:helvetica,arial;
padding-left:10px;
padding-right:10px;
}

div.pagecontent1
{
position:relative;
top:-20px;
left:-3px;
text-align:justify;
color:#330000;
font-size:10pt;
font-family:helvetica,arial;
padding-left:10px;
padding-right:10px;
}

*:first-child+html div.pagecontent1
{
width:94%;
}

* html div.pagecontent1
{
width:100%;
}

/* ################## top bar ######################*/

div.navleft
{
position:relative;
width:30px;
height:60px;
margin-right:-4px;
}

div.navcenter
{
position:relative;
width:100%;
height:60px;
}

div.title
{
position:absolute;
top:4px;
left:5%;
height:60px;
width:90%;
}

div.navright
{
position:relative;
width:40px;
height:60px;
margin-left:-4px;
}

/* ################ navigation #####################*/


div.navigation
{
text-align:left;
position:relative;
top:-40px;
color:#003333;
background-color:#ccffcc;
background-image:url('../img/navback1.png');
padding:5px;
width:90%;
margin-left:20px;
}

*:first-child+html div.navigation
{
text-align:left;
margin-left:-20px;
padding-left:10px;
}

/* ################ links bottom frame ############# */

div.navigationinternal
{
border-top: double #009999;
position:absolute;
top:680px;
z-index:4;
width:100%;
left:0px;
padding-top:10px;
}

html:first-child.navigationinternal
{
position:relative;
top:650px;
}

/* ################ images #########################*/

div.banner
{
float:left;
margin-left:70px;
position:relative;
z-index:3;
clear:right;
}

*:first-child+html div.banner
{
margin-left:50px;
}

* html div.banner
{
margin-left:30px;
}

/* ################### frame ####################### */

div.frameholder
{
position:absolute;
top:0px;
left:-20px;
height:550px;
width:50%;
}

div.frameholder1
{
position:absolute;
top:0px;
left:50%;
height:550px;
width:50%;
}

*:first-child+html div.frameholder1
{
left:46%;
}

* html div.frameholder1
{
left:46%;
}

div.frameholder2
{
position:absolute;
top:550px;
left:-20px;
height:550px;
width:50%;
}

div.frameholder3
{
position:absolute;
top:550px;
left:50%;
height:550px;
width:50%;
}

*:first-child+html div.frameholder3
{
left:46%;
z-index:1;
}

* html div.frameholder3
{
left:46%;
}

div.frameholder4
{
position:absolute;
top:0px;
left:0px;
height:600px;
width:100%;
}

div.topleft
{
position:relative;
width:80px;
height:70px;
margin-right:-4px;
top:4px;
}

div.topcenter
{
position:relative;
width:100%;
height:70px;
top:4px;
}

div.topright
{
position:relative;
width:90px;
height:70px;
margin-left:-4px;
top:4px;
}

div.frameleft
{
position:relative;
width:80px;
height:400px;
margin-right:-4px;
}

div.frameleft1
{
position:relative;
width:80px;
height:700px;
margin-right:-4px;
}

td.backcenter
{
width:100%;
background-color:#ffffff;
vertical-align:top;
}

div.textcontainer
{
position:relative;
width:150%;
left:-30%;
margin-top:-65px;
height:93px;
z-index:2;
}

html:first-child div.textcontainer
{
margin-top:-40px;
}

*:first-child+html div.textcontainer
{
width:115%;
left:-20%;
margin-top:-35px;
}

* html div.textcontainer
{
width:115%;
left:-20%;
margin-top:-35px;
}

div.textcontainer1
{
position:relative;
width:110%;
left:-5%;
margin-top:-45px;
height:40px;
z-index:2;
}

*:first-child+html div.textcontainer1
{
width:100%;
left:-5%;
margin-top:-45px;
height:40px;
z-index:2;
}

* html div.textcontainer1
{
width:100%;
left:-5%;
margin-top:-45px;
height:40px;
z-index:2;
}

*:first-child+html div.textcontainer1
{
position:relative;
width:105%;
left:-5%;
margin-top:-45px;
height:40px;
z-index:2;
}

* html div.textcontainer1
{
position:relative;
width:105%;
left:-5%;
margin-top:-45px;
height:40px;
z-index:2;
}

div.textholder
{
position:absolute;
top:100px;
left:-20px;
height:410px;
width:115%;
overflow:auto;
margin-top:-15px;
}

div.textholder1
{
border: solid #000000;
position:absolute;
top:120px;
left:8%;
height:610px;
width:80%;
overflow:auto;
margin-top:-15px;
z-index:3;
}

*:first-child+html div.textholder
{
margin-left:-15px;
width:150%;
margin-top:10px;
}

* html div.textholder
{
margin-left:-15px;
width:155%;
}

html:first-child div.textholder /*opera */
{
top:70px;
}

div.frameright
{
position:relative;
width:90px;
height:400px;
margin-left:-4px;
z-index:0;
}

div.frameright1
{
position:relative;
width:90px;
height:700px;
margin-left:-4px;
z-index:0;
}

div.bottomleft
{
position:relative;
width:80px;
height:80px;
margin-right:-4px;
top:-4px;
}

div.bottomcenter
{
position:relative;
width:100%;
height:80px;
top:-5px;
}

div.bottomright
{
position:relative;
width:90px;
height:80px;
margin-left:-4px;
top:-4px;
}

/* ################### left menu #################### */

div.leftmenutop
{
position:relative;
top:-20px;
left:-20px;
width:180px;
height:104px;
text-align:right;
}

div.leftmenumiddle
{
position:relative;
left:-20px;
top:-20px;
z-index:0;
}

div.leftmenubottom
{
position:relative;
top:-20px;
left:-20px;
z-index:0;
}

.glossymenu{
margin: 5px 0;
padding: 0;
width: 130px; /*width of menu*/
border-bottom-width: 0;
}

.glossymenu a.menuitem{
font: bold 12px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
color: white;
display: block;
position: relative; /*To help in the anchoring of the ".statusicon" icon image*/
width: auto;
padding: 2px 0;
padding-left: 2px;
text-decoration: none;
}


.glossymenu a.menuitem:visited, .glossymenu .menuitem:active{
color: white;
}

.glossymenu a.menuitem .statusicon{ /*CSS for icon image that gets dynamically added to headers*/
position: absolute;
top: 5px;
right: 5px;
border: none;
}

.glossymenu a.menuitem:hover{
background-image: url(../img/glossyback2.gif);
}

.glossymenu div.submenu{ /*DIV that contains each sub menu*/
}

.glossymenu div.submenu ul{ /*UL of each sub menu*/
list-style-type: none;
margin: 0;
padding: 0;
}

.glossymenu div.submenu ul li{
border-bottom: 2px solid #00cccc;
}

.glossymenu div.submenu ul li a{
display: block;
font: normal 12px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
color: #ffcc00;
text-decoration: none;
padding: 2px 0;
padding-left: 5px;
padding-right: 2px;
}

.glossymenu div.submenu ul li a:hover{
background: #ccff99;
color: #003333;
}

/* ############# backgroud color - tabella comparativa ############ */
.bgyellow
{
background-color:#FFFFCC;
}

.bgyellowbold
{
background-color:#FFFF33;
}

.bgblue
{
background-color:#99FFFF;
}

.bgrosso
{
background-color:#f39a9a;
}
/* ################ Login menu ################### */
div.sample_attach
{
  display:  block;
  width:    140px;
  position: absolute;
  top:      7px;
  right:    5px;
  border:   1px solid #000099;
  padding:  2px 5px;
  text-align:center;
  background: #66CCFF;
  text-decoration: none;
  font-family: tahoma,helvetica,arial;
  font-weight: 900;
  font-size: 12px;
  color:   #000066;
}

form.sample_attach
{
  position: absolute;
  visibility: hidden;
  width:140px;
  text-align:center;
  border:  1px solid #000099;
  padding: 0px 5px 2px 5px;
  font-size: 12px;
  font-weight: 500;
  font-family: tahoma,helvetica,arial;
  background: #66CCFF;
  z-index:+1;
}

/*############## TOGA TEXT ############################# */

#red{color:red}
#green{color:green}
#blue{color:blue}
#yellow{color:#ffcc00}


/*################### DEMO BOX #################### */

#vedidemo{width:200px;padding:20px;background:#006600;font-size:14px;color:#ccff00;text-decoration:none;font-weight:bold;border:solid 2px #ccff00;}
#vedidemo:hover{width:200px;padding:20px;background:#ccff00;font-size:14px;color:#006600;font-weight:bold;border:solid 2px #006600;}

#editdemo{width:200px;padding:20px;background:lightblue;font-size:14px;color:blue;text-decoration:none;font-weight:bold;border:solid 2px blue;}
#editdemo:hover{width:200px;padding:20px;background:blue;font-size:14px;color:lightblue;font-weight:bold;border:solid 2px lightblue;}

/* ############# min width for all browser include IE ############ */
/* for all browsers that understand min-width */
.container {position:relative;width:100%;min-width:810px;}
.holder {display:block; color:#000;}

/* method a bodge for IE browsers IE5.01, IE5.5 and IE6 */
* html .container {border-right:810px dotted #fff;}
* html .holder {float:left;position:relative;margin-right:-810px;}

/* ######################### TABELLA DOMINI ###############################*/

TABLE.whoisPriceTable {border: 1px solid black;background-color:#ffffff}
TD.whoisPriceTable_ext {color: #13719F;}
TD.whoisPriceTable_price {padding-left: 5px;padding-right: 15px;}

/* ######################### LINKS ###############################*/

a.topmenu:link { font-weight: bold;color:#ffffcc;font-size: 9pt;text-decoration: none;}
a.topmenu:visited { color: #660000;font-weight: bold;font-size: 9pt;text-decoration: none;}
a.topmenu:hover{color: #ffcc00;text-decoration: underline overline;}
a.topmenu:active {color: #660033;}

a.bottommenu:link { color:#990000;}
a.bottommenu:visited {color: #0000ff;}
a.bottommenu:hover{color:#003366;}
a.bottommenu:active {color: #0000FF;}

a.main:link { color:#0000cc;}
a.main:visited {color: #990033;}
a.main:hover{color:#cc3300;text-decoration: underline overline;}
a.main:active {color: #0000FF;}

a.linktop:link { color:#ffffcc;}
a.linktop:visited {color: #ffff00;}
a.linktop:hover{color:#ff6600;text-decoration: underline overline;}
a.linktop:active {color: #0000FF;}

a.leftmenu:link { color:#ffffff;font-size:10pt;font-weight: bold;}
a.leftmenu:visited {color: #ffff00;font-size:10pt;font-weight: bold;}
a.leftmenu:hover{color:#ff6600;text-decoration: underline overline;font-size:10pt;font-weight: bold;}
a.leftmenu:active {color: #0000FF;font-size:10pt;font-weight: bold;}

a.compra:link { color:#ffffff;font-weight: bold;}
a.compra:visited {color: #ffff00;font-weight: bold;}
a.compra:hover{color:#ffff99;text-decoration: underline overline;font-weight: bold;}
a.compra:active {color: #0000FF;font-weight: bold;}