@charset "UTF-8";
/* CSS Document */

#logo_column, #container_logo_column, #container_lista_sotto, #lista_sotto, #angolo, .active, #neulatyyny,
ul#lista_sopra li a{behavior: url(iepngfix.htc); }

* {margin:0; padding:0;}
body{background:url(img/sfondo.jpg) repeat-y top left;
margin:0;padding:0;
font:62.5%/1.5 "Trebuchet MS", Arial, Helvetica, Verdana, sans-serif;background-attachment: fixed;}

body{background-color:#fdfcee;}

#container_logo_column{position:fixed; top:0; left:90px; z-index:20;margin:0; padding:0; }

/* For IE6 */
* html body #container_logo_column{position:absolute; top:0; left:90px; z-index:20; margin:0; padding:0; }

#content{width:570px;margin-left:350px;margin-top:20px;margin-right:10px;}


#angolo{ position:absolute; top:0; right:0; width:163px; height:168px;}
#neulatyyny{ position:relative; bottom:-34px; }
/* For IE6 */
* html body #neulatyyny{ position:relative; bottom:0;} 
#huoltopaketti{background: url(img/huoltopakettimme.gif) no-repeat top center; width:482px; height:315px;}
.hinta{font-size:3.1em; margin-left:40px; color:#FF3399;}
.lista{ font-size:1.2em; margin-left:40px; color:#003366;}

#lista_sopra{list-style:none;margin-top:20px;}
#lista_sopra li{float:left;text-align:center; padding-right:40px; height:100px; }
#lista_sopra li a:link{font-size:1.1em; color:#235091;text-decoration:none; text-transform:uppercase; line-height:9em; display:block; font-weight:normal;}
#lista_sopra li a:visited{font-size:1.1em; color:#235091;text-transform:uppercase; line-height:9em; display:block; font-weight:normal;text-decoration:none;}
#lista_sopra li a:hover{background:url(img/neula.png) no-repeat top left;font-size:1.1em; text-decoration:none; text-transform:uppercase; line-height:9em; display:block; font-weight:normal; color:#235091;}

/* For IE6 */
* html body #lista_sopra li a:hover{font-size:1.1em; text-decoration:none; text-transform:uppercase; line-height:9em; display:block; font-weight:normal; color:#006699; background:none;}

#lista_sopra li a:active{color:#CC3366; font-weight:normal;display:block;}
#lista_sopra .active{background:url(img/neula.png) no-repeat top left;font-size:1.1em; text-decoration:none; text-transform:uppercase; line-height:9em; display:block; font-weight:normal; color:#235091;}


#container_lista_sotto{ background-image:url(img/bg_lista_sotto_lunga.png);}
#container_lista_sotto{ background-repeat:repeat-x;}
#container_lista_sotto{ background-position:top left;}
#container_lista_sotto{ background-color: transparent;}
#container_lista_sotto{ width:100%; height:183px; z-index:10;}

/* FOR IE6 gif background because it doesn't repeat-x pngs and the whole png would be too heavy */
* html body #container_lista_sotto {
background:url(img/bg_lista_sotto_lunga.gif) top left repeat-x;width:100%; height:149px;z-index:10;}

/* FOR IE6 to position the active tab in right way due to the shorter gif bg*/
* html body #lista_sotto{margin-top:11px;}

.footer{clear:both; text-align:right; margin:10px 45px 5px 5px; padding-top:20px; color:#CC6666; font-size:1em;}

#lista_sotto{float:right;padding-right:20px; margin-top:45px; list-style:none; z-index:30;}
#lista_sotto li, #lista_sotto li a:link, #lista_sotto li a:visited, #lista_sotto li a:hover, #lista_sotto .active{width:129px; height:56px;}

#lista_sotto li{float:left;text-align:center; }
#lista_sotto li a:link{font-size:1.1em; color:#0B1E4A; text-decoration:none; text-transform:uppercase; line-height:4em; display:block;font-weight:normal;}
#lista_sotto li a:visited{color:#FF6699;font-size:1.1em;text-decoration:none; text-transform:uppercase; line-height:4em; display:block;font-weight:normal;}
#lista_sotto li a:hover{background:url(img/tab.png) no-repeat top center;font-size:1.1em; text-decoration:none; text-transform:uppercase; line-height:4em; display:block; font-weight:bold; color:#142E5C;}
#lista_sotto li a:active{color:#CC3366; font-weight:bold;}

#lista_sotto li a.active{background:url(img/tab.png) no-repeat top center;font-size:1.1em; text-decoration:none; text-transform:uppercase; line-height:4em; display:block; font-weight:bold; color:#142E5C;}

/* For IE6 */
* html body #lista_sotto li a:hover{font-size:1.1em; text-decoration:none; text-transform:uppercase; line-height:4em; display:block; font-weight:bold; color:#142E5C; background:none;}



h1{font-size:2.4em; line-height:1.2em; margin-bottom:10px; margin-top:10px; text-transform:uppercase; color:#0c609b; font-weight:normal; clear:both;}
h2{font-size:1.5em; line-height:1.2em; margin-bottom:10px; margin-top:10px; text-transform:uppercase; color:#0c609b; clear:both;}
p {font-size:1.2em; text-align:justify; margin-bottom:8px; line-height:1.3em; color:#666666; }
p a:link{ color:#FF6699; text-decoration:underline;}
p a:visited{ color:#666666; text-decoration:underline;}
p a:hover{ color:#FF6699; text-decoration:none;}
p a:active{ color:#006699; text-decoration:underline;}

.nascondititolo{display:none;}
 
#modulo {padding:100px 30px 10px 30px;  background: url(img/tarjouspyynto.gif) no-repeat top center;  color:#003366; }
label{font-size:1.1em; line-height:1.1em;text-align:left;padding-right:10px;width:200px;float:left;}
label span{color:#c95171; font-weight:bold; font-size:1em;}
form {padding-bottom:2em;}
form div{width:200px; margin-bottom:5px;}
#submit{margin-top:3px;color:#003366;}
input{width:200px;margin:2px;}
textarea{width:200px;}

#logot{padding-top:20px;}
#logot img{padding:5px; margin:2px;}

.tarjoukset{list-style:none;}
.tarjoukset li{float:left;width:170px; height:200px; background: url(img/tarjoukset/tarjoukset_tausta.gif) no-repeat top center; margin:8px;text-align:center;font-size:1.2em; color:#666666; padding-top:5px; font-weight:bold;}
.tarjoukset li a {font-size:1.5em; color:#FF3366;display:block;}