/* CSS Document */
body{
	padding: 0px;
	margin: 15px;
	background: #fff;
	color: #666;
	font: 14px/18px Verdana, Geneva, Arial, Helvetica, sans-serif;
}
a:hover{text-decoration:underline;}

ul {
   -moz-padding-start:0px;
   padding-left:40px;
}


/*----TOP PANEL----*/
#maintopPan{height:277px; background:url(images/headerbg2.gif) 0 0 repeat-x; margin:0 auto;} 
#topHeaderPan{height:277px; width:auto;background:url(images/header.jpg) no-repeat top right;}

#topHeaderPan a{background:#0099FF;
                color:#fff; text-decoration:none;
                }
#topHeaderPan ul{
           height:124px; 
           position:absolute;
           top:82px; left:23px;
           list-style-type:none;
           padding: 0;
           margin: 0;
           }
#topHeaderPan ul li{
           height:24px;
           background:url(images/dot-line.gif) 0 100% repeat-x;
          }
#topHeaderPan ul li a {
            display:block; 
            height:24px; 
            background:url(images/bullet1.gif) 0 9px no-repeat; 
            font:12px/24px Arial, Helvetica, sans-serif; 
            font-weight:bold; 
            text-decoration:none;
            padding:0 0 0 12px;
            }
#topHeaderPan ul li a:hover{
            text-decoration:underline;
            background:url(images/bullet2.gif) 0 9px no-repeat;
            } 
#topHeaderPan ul li.ultimo {
            height:24px;
            background:none;
            }

#topHeaderPan img{/* width:220px; height:53px; */ position:absolute; top:24px; left:24px;}
/*----Top Side Menu--*/
#topSidemenuPan{width:264px; height:277px; /* float:left; */  
   /* background: url(images/right-bg.gif) 100% 0 no-repeat #fff;*/ color:#000;}
#topSidemenuPan ul{width:198px;  margin:0 0 0 20px;list-style-type:none;padding: 0;}
#topSidemenuPan ul li{width:99px; height:277px; float:left;}

#topSidemenuPan ul li.home{width:99px; height:277px;}
#topSidemenuPan ul li.home a{width:99px; height:277px; display:block; background:url(images/home-normal.jpg) 0 0 no-repeat; text-indent:-20000px;}
#topSidemenuPan ul li.home a:hover{width:99px; height:277px; background:url(images/home-hover.jpg) 0 0 no-repeat;}

#topSidemenuPan ul li.contact a{width:99px; height:277px; display:block; background:url(images/contact-normal.jpg) 0 0 no-repeat; text-indent:-20000px;}
#topSidemenuPan ul li.contact a:hover{width:99px; height:277px; background:url(images/contact-hover.jpg) 0 0 no-repeat;}


#rightPan h2 {margin-left: 53px; color:#009999;}             

#rightPan ul{width:190px; margin:36px 0 20px 46px;list-style-type:none;padding: 0;
            }
#rightPan ul li.dot {background:url(images/bullet.gif) 0 7px no-repeat;
                     padding:0 0 0 20px;font-size: 80%;margin-bottom:0.65em;
                     text-align:justify;}

#rightbottomPan{width:273px; height:24px; background:url(images/rightbottompan.gif) 0 0 no-repeat;}

#topHeaderPan{
   border-right: 1px solid white;
}

/* fin top */


.izda p.more{width:120px; height:32px;}
.izda p.more a{width:120px; height:32px;
              display:block;
              background:url(images/info.png) 0 0 no-repeat #fff;
              font-size:14px; line-height:23px; font-weight:bold;
              text-decoration:none;
              padding:0 0 0 25px;}
.izda p.more a:hover{background-color: #fff;
                     text-decoration:none;}


table.main { margin-bottom:0; 
             margin-top:0; 
             width:98%; 
             border-collapse: collapse; 
             padding: 0; 
             border-spacing:0;
             vertical-align:top;}
table.main td {padding: 0;
               vertical-align:top;
}


.centro { width:277px;
          
}
.lineas {background: transparent url(images/rightpanbg.gif) repeat-y;
         overflow:hidden; 
}

.izda p {text-align: justify; text-indent: 1em; margin-left: 2em; margin-right: 3em;}
.izda h2 {color: orange;}
.izda h3 {color:#009999;}
.izda ul {margin-left: 1em; margin-right: 3em;text-align:justify;}


table.compara {width: 90%;
               margin: 0.2em 0;
               margin-left: 3em;
               border-collapse: collapse;
               border: 1px orange solid; } 
.compara td, .compara th {border: 1px orange solid; width:50%;}
.compara th {color:white;background:orange;padding-bottom:0.25em; border: 1px inset white;}
.compara li {font-size: 90%; margin-bottom: 0.8em;}



#lineapie {border: 0; color: white;
           height: 24px; margin: 0 15%;
           background: transparent url(images/lineapie.png) repeat-x;
}
          
#pie {font-size: 75%; 
      text-align:center;}
#pie a {color:blue;}
#pie a:visited {color:blue;}
#pie a:hover {color:orange;}

#remota {position:relative;font-size: 80%;margin-left:36px;margin-right:30px;padding:1em;}
a.help, a.help:hover a.help:visited {
               text-decoration:none;
               color:#666;
               font-weight:bold;
               height: 20px;
               font-size:110%;}

div.hint {
border: 1px solid #009999;
background:#F9F9F9; /* url(images/_cerrar.gif) no-repeat top right; */
display: none;
padding:0em;
position:absolute;
z-index:1;
}

div.cerrar {float:right; 
           font-size:18px;
           margin:0px;
           padding:0;
           width:17px;
           font-family: "Courier New", Courier, monospace;
           text-align:center;
  border-bottom: 1px solid #009999;  
  border-left: 1px solid #009999;  
           }

.cerrar a, .cerrar a:visited 
             {text-decoration:none;
              color:#009999;
             }
.cerrar a:hover{  
              color:white;
              background:#009999;
              }


div.hint p {text-align:justify;text-indent:1em;}

#hlpremota { 
top :58em;
left:28em;
width:45em;
}

div.hint p.cerrarremoto {text-align:right;}

.cerrarremoto a, .cerrarremoto a:link, .cerrarremoto a:visited {
        color:blue;
}

.publi {
   border:1px solid red;
   background: #FFFFC8;
   width:80%;
   left:5%;
   padding-left: 1em;
   padding-right: 1em;
   padding-bottom: 1em;
   font-size:80%;
}

.publi h3 {
  color:Red;
}