/* This copyright notice must be untouched at all times. */
/* Copyright 2008-2009 www.delpiano.com - all rights reserved. */
/* revised 12/15/2008 */  

/* ========= 01 - MAIN - TEXT ============= */
* {border:none; margin:0; padding:0;} /* clears all default styles */  
.clear {clear:both; height:1px; overflow:hidden;}

body {
background-color:#FFF;
background-image: none;
overflow-x: hidden;
}
p, h1, h2, h3, h5 {
font-family: Arial, Helvetica, sans-serif;
font-weight:normal;
text-align:left; 
padding: 0px; 
}
p {font-size:11px; color:#000; margin:5px 0 0 20px;}
h1 {font-size:18px; color:#888; margin:10px 0 15px 20px;} /* Titolo */ 
h2 {font-size:15px; color:#000; margin:10px 0 0 20px;} /* Sottotitolo #666*/ 
h3 {font-size:15px; color:#AAA; margin:10px 0 0 20px;}
h5 {font-size:9px; color:#000; margin:3px 0 0 0; text-align:center;} /* didas #666 */

a {
text-decoration:none;
color:#0AA;
}
a:hover{
color:#DF151E;
text-decoration:none;
}

/* =========== 02 - MENU_TOP - FINTO MENU PER LA BARRA GRIGIA ==== */
#menu_top {
list-style-type:none; 
width:810px; 
padding:0; 
margin:0 auto;
cursor:default;
}
#menu_top ul {
list-style-type:none;
padding:0;
margin:0;
position:absolute;
left:-9999px;
/*width:128px;*/
}
#menu_top li {
float:left;
color:#888;
position:relative;
} /* dropdown links */

/*#menu_top li.sub {
color:#AAA;
font-weight:normal;
} *//* TOP links */

#menu_top li {
display:block;
font-family: Arial, Helvetica, sans-serif;
font-size:10px;
line-height:14px;
width:80px;
text-decoration:none;
text-align:left;
font-weight:normal;
}

/* =========== 03 - HEADER & FOOTER ============ */ 
#head810 {
width:810px; 
height:42px;
padding:0;
margin:0 auto;
position:relative;
display:block;
background:transparent;/* xxxxxxx bkk*/
/*background:#FcF;*/
z-index:10;
}
.tags {
position:absolute; left:0px; top:-10px;
font-size:10px; color:#CCC; margin:10px 0 0 0;
font-family: Arial, Helvetica, sans-serif;
font-weight:normal;
text-align:left; 
padding: 0px; 
z-index:10;
}
.head_text {
position:absolute;
left:340px;
top:30px;
font-family: Arial, Helvetica, sans-serif;
font-size:13px;
color: #DF151E;
text-align:left;
padding: 0;
margin:0;
font-weight:normal;
z-index: 10;
}
.logo {position:absolute; left:620px; top:19px; z-index: 10;}
.corallo {position:absolute; left:750px; top:15px; z-index: 10;}

#head_transp {
position:absolute;
margin:0;
top:0px;
width:100%;
height:44px; /* made space for tooltips on bottom */
background:#FFF;
/*background:#DDD;*/
padding-top:8px;
z-index:4;
margin-left: auto;
margin-right: auto;
}

/* ========= 04 - BODY DIVs - MAIN PAGES - PICTURE SCREENS ====== */ 
#content {
display:block;
height:105%; 
max-height:105%;
overflow:auto;
position:relative;
word-wrap:break-word;
/*top:-70px;
_top:-180px;*/
/*padding-top:30px;*/ /* distance from NAVBAR */
/*right:-8px;*/ /* per centrarsi sulle navbar */
/*background:#cfc;*/
z-index:1;
}
#wrapper810 {
width:810px;
min-height:<?php echo $min_height;?>;
height:1100px; /* ==========+++++++++++++= change with php */
/*height:900px; *//* this works */
margin:0 auto;
padding-top:12px;
/*top:-150px;*/
background:transparent;/*bkk*/
/*background:#FFF;*/
text-align:left;
/*background:#FFc;*/
z-index:1;
}
#screen_holder {
position:absolute;
margin:0;
top:0px;
width:810px;
left: 50%;
right: 50%;
margin-left: -405px;
z-index:2;
/*background-color:#e98;*/
}
.screen1 {
position:relative;
top:70px;
left:427px;
border:1px solid #AAA;
z-index:0;
} 
.screen2 {
position:relative;
top:281px;
left:85px;
_left:86px; /*IE6*/
border:1px solid #AAA;
z-index:0;
} 

#blok_txt2, #blok_txt3, #blok_txt4 {
width:385px; 
display: inline;
margin:0;
}
#blok_txt2_rx, #blok_txt3_rx, #blok_txt4_rx {
width:384px;  
margin-bottom:0px; 
margin-left:20px; 
}
#blok_txt2, #blok_txt2_rx {
padding:0;
margin-top:0;
position:relative;
display:block;
float:left; 
overflow:hidden;
z-index:1;
}
/* no margin-top */
#blok_txt3, #blok_txt3_rx {
padding:0;
display:block;
float:left; 
overflow:hidden;
z-index:1;
}

/* ========= 06 - SCROLLING DIV SETTINGS =========== */
html {
height:100%; 
max-height:100%; 
padding:0; 
margin:0; 
border:0; 
/*background:#FFF; */
/*font-size:80%; */
/* hide overflow:hidden from IE5/Mac */ 
/* \*/ 
overflow: hidden; 
/* */ 
}
body {
height:100%; 
max-height:100%; 
overflow:hidden; 
padding:0; 
margin:0; 
border:0;
/*text-align: center;*/ /* for IE */
}




/* DISTANCE FROM TOP BAR */
.space_top {
width:810px;
padding-top:0px; 
*padding-top:10px;
*margin-top:10px; /*IE7*/
_margin-top:20px; /*IE6*/
}

/* ========= 07 BAR TOP ========== */
#foot_div {
position:absolute;
margin:0;
height:170px;
*height:170px;/*IE7*/
_height:140px;/*IE6*/
bottom:-1px; 
*bottom:10px; /*IE7*/
_bottom:-113px; /*IE6*/
/*right:18px;*/
display:block;
width:100%;
/*height:$foot_h;*/
font-size:11px;
/*color:#cFF;*/ /*#FFF text color */
z-index:4;
/*background:#99F;*/
}
#copybot { /* not used */
position:absolute; 
margin:0;
bottom:-1px; 
right:-18px;
width:100%;
/*height:10px;*/
background:transparent;
background:#fC4;
z-index:10;
/*padding-left:18px;*/
}
#copybotinside {
position:absolute; 
/*position:relative;*/
/*bottom:-1px; */
top:105px;
*top:105px; /*IE7*/
_top:95px; /*IE6*/
width:810px;
margin:0 auto;
/*padding:0 0 5px 0; *//* puņ dare problema? 0 auto! */
background:transparent;
/*background:#CCf;*/
text-align:right;
z-index:10;
}
.hh5 {
font-family: Arial, Helvetica, sans-serif; 
font-size:9px;
color:#888; 
margin:0 0 0 0; 
text-align:right;
}
.hh5 a {color:#0AA; text-decoration:none;}
.hh5 a:hover {color:#DF151E;}

#bar_top_transp {
position:relative;
margin:0;
top:0px;
*top:16px; /*IE7*/
_top:30px; /*IE6*/
width:100%;
height:164px; /* made space for tooltips on bottom */
*height:184px; 
background:#FFF;
/*background:#DDD;*/
padding-top:8px;
z-index:4;
margin-left: auto;
margin-right: auto;
}
#bar_topinside {
position:relative;
width:810px;
height:20px;
top:-166px;
*top:-170px; /*IE7*/
_top:-156px; /*IE6*/
/*background:#FF4;*/
margin-left: auto;
margin-right: auto;
z-index:5;
}
#toplinks {
list-style-type:none;
position:relative;
margin:0;
top:-150px;
*top:-150px; /*IE7*/
_top:-140px; /*IE6*/
width:810px;
height:80px; /* to keep content down */
margin-left: auto;
margin-right: auto;
/*background:#4cf;*/
/*height:34px;*/
/*background-color:#ffC;*/ /* only for testing*/
/*border-top:5px solid #FFF;
border-bottom:1px solid #FFF;*/
/*padding-top:8px;
z-index:110;*/
z-index:50;
}

#toplinks li a {
color:#0AA; /* LINK COLOR */
text-decoration:none;
cursor:pointer
}
#toplinks li {
color:#AAA;
}
#toplinks li a:hover {color:#DF151E;}

#toplinks01, #toplinks02, #toplinks03, #toplinks05, #toplinks06, #toplinks07, #toplinks08, #toplinks09, #toplinks10 {
position:relative;
width:80px;
float:left;
z-index:110;
}

#toplinks04 {
position:relative;
width:80px;
float:left;
/*padding:0;*/
z-index:120;
/*color:#dd5;*/
cursor:pointer !important;
}
/*#toplinks04 li a:hover {color:#ff0;}*/

.link_lx, .link_rx {
list-style-type:none;
font-family: Arial, Helvetica, sans-serif;
font-size:10px;
line-height:14px;
/*width:80px;*/
/*cursor:pointer;*/
cursor:default;
font-weight:normal;
/*color:#666;*/
/*text-decoration:none;*/
}
.link_lx {text-align:left;}
.link_rx {text-align:right;}
.dx0 {padding-left:0px; white-space:nowrap;/*background:#eee;*/z-index:1;}
.dx1 {padding-left:0px; white-space:nowrap;/*background:#cdf;*/z-index:4;}
.dx2 {padding-left:80px; white-space:nowrap; /*background:#fdd;*/z-index:3;}
.dx3 {padding-left:160px; white-space:nowrap;/*background:#cfd;*/z-index:2;}

/* ========== 08 - MENU BUTTONS ============ */
/* This copyright notice must be untouched at all times.
The original version of this stylesheet and the associated (x)html
is available at http://www.stunicholls.com/menu/simple.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */

/*#outer {
width:820px; 
height:300px; 
border:1px solid #ddd; 
position:relative;
}*/
#menu {
list-style-type:none; 
width:80px; 
padding:0; 
margin:0 auto;
}
#menu ul {
list-style-type:none;
padding:0 auto;
margin:0 auto;
position:absolute;
left:-9999px;
width:80px;
/*height:130px;*/
}
#menu ul a:hover {cursor:pointer !important;}
/*#menu li {
float:left;
color:#999;
position:relative;
} */
/* dropdown links */
#menu li.sub {
/*background:#CCC;*/
/*color:#0F0;*/
font-weight:normal;
} /* TOP links */

/* problema con spaziatura IE6 */
#menu ul li {
/*padding:0 auto; 
top:250px; 
right:100px; */
/*background:#ccf;*/
display:block;
/*bottom-margin:0px;
bottom-padding:0px;*/
/*line-height:0px !important;*/
/*height:50px;*/
bottom-padding:0px;
.height:0px; /* IE hack */
}
/* * #menu ul li {height:0px;}*/
/*.menu_black a {color:#000 !important;} *//* TEMPORARY xxx! */
/*.menu_black a:hover {color:#DF151E !important; cursor:pointer !important;}*/

#menu li, #menu li a {
display:block;
color:#0AA; /* INVESTMENTS LINKS */
font-family: Arial, Helvetica, sans-serif;
font-size:10px;
line-height:14px; /* vertical spacing of links */
_line-height:10px; /* to fix difference in spacing IE6 */
/*width:80px;*/
text-decoration:none;
text-align:left;
cursor:default;
font-weight:normal;
}
#menu li:hover, #menu li a:hover {color:#DF151E; cursor:pointer;} /*click hover */
/*#menu ul {
position:absolute;
left:-9999px;
width:80px;
}*/
#menu li.click {
color:#DF151E;
cursor:pointer;
} /* current - LONGERA */
#menu li.click ul {
left:80px;
top:0px; /*distanza verticale da click - FF ok*/
*top:-12px; /*distanza verticale da click - IE7 ok*/
_top:0px; /*distanza verticale da click - IE6*/
cursor:pointer;
}

/* ============== 09 - TOOLTIPS - THUMBNAILS ========= */
/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */
.thumbnail {
/*position: relative;*/
/*z-index: 0;*/
z-index:60;

}
.thumbnail:a {color:#0AA;}
.thumbnail:hover {
/*background-color:transparent;*/
z-index:50;
}
.thumbnail span { /*CSS for enlarged image*/
position: absolute;
background-color: transparent;
/*padding: 4px;*/ /* vertical distance from hover */
left: -1000px;
/*border: 2px solid #A29061;*/
visibility: hidden;
/*color: green;*/
text-decoration: none;
max-width:100%;
z-index:60;
}
.thumbnail span {margin-top:-34px;}
/*.thumbnail span{margin-top:-34px;}*/ /*VERTICAL POSITION*/
/*.thumbnail2 span{margin-top:-48px;}*/

.thumb_dida {
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
margin-left:4px !important;
/*color:#DF151E;*/
color:#000; /* didas color */
white-space: nowrap;
z-index:60;
}
.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}
.thumbnail:hover span { /*CSS for enlarged image on hover*/
visibility: visible;
/*top:25px;*/
top:15px;
left:-20px; /*position where enlarged image should offset horizontally */
}

/* +++++++++++ 10 - NEW - UNUSED - IN PROGRESS +++++++++ */
.nocss {display:none;} 
.link_red {color:#DF151E;}
.link_grey1 a:hover {color:#888;cursor:none;}
.link_grey2 {color:#AAA;cursor:default;}

#screen_lx {
width:405px;
position:relative;
display:block;
}
.dida {font-size:9px; color:#000; margin:13px 0 0 0; text-align:center;}
.pp, .hh1 {
font-family: Arial, Helvetica, sans-serif;
font-weight:normal;
text-align:center;
padding: 0px;
margin:0px;
}
.kurrent {color:#DF151E !important;}
.opacity1 {
filter:alpha(opacity=65);
opacity: 0.65;
-moz-opacity:0.65;
}
.opacity2 {
filter:alpha(opacity=85);
opacity: 0.85;
-moz-opacity:0.85;
}

#grande_div {
position:absolute;
width:<? echo $resw .'px' ?>; 
height :<? echo $resh .'px' ?>;
margin:0px; 
padding:0px;
top:0px; 
left:0px;
visibility:visible;
}

 /* ========= INPUT BOXES v.4.6 classes - colors ========= */ 
form {position:relative;}
form input {
position:absolute;
left:100px; 
}
.inputbox {
/*font:12px Arial, Helvetica, sans-serif; font-weight: normal;*/
color:#000; background-color: #fff;
border:1px solid #CCC;
/*padding-left:5px; margin:0 auto;*/
/*position:absolute; left:90px;*/
}
.inputbox2 {
color:#000; background-color: #ffd;
border:1px solid #ccc;
}
.descriz {
font:12px Arial, Helvetica, sans-serif; font-weight: normal;
color:#000; background-color: #eee;
border:none; border-bottom:1px solid #000;
padding-left:5px; margin:0 auto;
}
.entrabut {
position:relative;
left:100px;
_left:120px;
padding-left:5px;
padding-right:5px;
border:1px solid #CCC;
background-color:#EEE;
cursor:pointer;
}