/* CSS Document */

html,body{margin: 0;padding:0; height: 100%}
body{font-family: arial,sans-serif;font-size: 76%;background-color:#EEE;}

div#container{
  position:relative;  
  width: 720px;  height:710px; 
/* padding-right:10px; padding-left:10px; */
  background:url(/images/common/shade.jpg) repeat-y;
  margin:0 auto;}

div#title{
position:absolute; 
width:692px; height:102px; 
top:4px; left:14px;
background-image:url("/images/main/09/title.jpg");
}

div#footer{
position:absolute;
/* bottom:0; */
top:550px;
left:10px;
width:700px;
height:92px;
}

/*---------------------COLONNE COLORATE-------------------------------------------*/
.column{
position:absolute;
width:217px;
height:342px;
top:109px;
padding:90px 5px 5px 5px;
background-repeat:no-repeat;
}

div#red{
left:479px;
height:190px;
background-image:url("/images/main/09/red_column_shorter.jpg") ;
}

div#gray{
left:14px;
background-image:url("/images/main/09/gray_column.jpg");
}

div#yellow{
left:249px;
width:212px;
background-image:url("/images/main/09/yellow_column.jpg") ;
}

/*-------------------------------LISTA DEI LINK DELLE COLONNE-----------------------*/
ul.navlist {
list-style-type:none; /* remove the bullets */
margin:0px;
font-family:Verdana, Arial, Helvetica, sans-serif; font-size:13px; 
line-height:30px;
padding:0px;
text-align:center;
text-transform:capitalize;
/*border:1px solid black;*/
}

a, img{
 border:0px; 
}


ul.navlist a, ul.navlist a:visited, ul.navlist a:active {
padding-left:10px;
color:#000;
text-decoration:none; 
display:block; 
}

ul.navlist a:hover {
padding-left:10px;
color:#FFF;
/* background-repeat:repeat-y; */
}

/*menù: impostazioni specifiche a seconda della colonna*/
#gray ul.navlist a, ul.navlist a:visited, ul.navlist a:active {
border-bottom:1px solid #9eb8b5;
}

#gray ul.navlist a.blinking{
  background-image:url("/images/main/09/blinkingGray.gif");
}

#gray ul.navlist a:hover{
background-image:url("/images/main/09/plainGray.jpg");
}

#yellow ul.navlist a:hover{
background-image:url("/images/main/09/plainYellow.jpg");
}

#yellow ul.navlist a, ul.navlist a:visited, ul.navlist a:active {
border-bottom:1px solid #ffd632;
}

#red ul.navlist a:hover{
background-image:url("/images/main/09/plainRed.jpg");
}

#red ul.navlist a.blinking{
  background-image:url("/images/main/09/blinkingRed.gif");
}

#red ul.navlist a, ul.navlist a:visited, ul.navlist a:active {
border-bottom:1px solid #ff2323;
}

/*----------------------------------SCROLLER PER LE NEWS-------------------------------------*/
div#scroller{
position:absolute;
top:65px;
left:20px;
width:560px;
height:30px;
/* border:1px solid black; */
}

#scroller_area{height:100%; width:100%;}

.scroller_text {text-align:left;}

#scroller span{
display:block;
}

#scroller a, #scroller a:visited, #scroller a:active{
text-decoration:none;
color:#000;
}

#scroller a:hover{
text-decoration:none;
color:#FFF;
}

.scroller_red{background-color:#ff4848;}
.scroller_gray{background-color:#bfd2d0	}
.scroller_yellow{background-color:#ffe65b}
.scroller_green{background-color:#63C871}


/*----------------------POP-UP CON JAVASCRIPT------------------------------*/
#popup{
  position:relative;
  width:354px;
  padding:5px;
  border:1px solid black; background:white;
  height:500px;
  margin:auto;
  top:30px;
  /*cursor:pointer;*/
  text-align:center
}

/*----------------------SCHEDE DEI CORSI----------------------------------*/
.scheda{
  	visibility:hidden; position:absolute; 
	top:10%; left:50%; margin-left:-320px; 
	width:600px; height:390px;
	border:1px solid black; background:#FFF; padding:0px 20px 20px 20px;
	text-align:center;
}

/*.scheda p{margin:5px;}*/
.scheda a, .scheda a:visited {color:#000; text-decoration:none; border-bottom:1px dotted #000;}
.scheda a:hover:{color:#FFF; background-color:#AAA; }

/* .scheda img{cursor:pointer} */

.toggleScheda{cursor:pointer; color:#FFF; padding:3px; font-size:14px;}

div#closeX{position:absolute; top:5px; right:5px; 
	   border-bottom:1px solid black;
	   border-right:1px solid black;
	   cursor:pointer;
	   padding-right:4px; padding-left:4px;
	   background-color:#fc0000;
	   color:#FFF;}
	  
.eco{background-color:#00ffff; color:#000;}
.check{background-color:#4e4e4e;}
.mono{background-color:#fe0000;}
.snow{border:1px solid #DDD; color:#000;}
.specialCar{ background-color:#008383;}
.offRoad{background-color:#01ff01; }

/*----------------------ALTRA ROBA NEL FOOTER----------------------------------*/

div#cartaEuropea{
  width:100%;
  height:60px;
  margin:0px 0px 4px 0;
  line-height:60px;
  font-size:16px;
  color:#FFF;
  font-weight:bold;
  background-color:#334a96;
}

div#cartaEuropea a, div#cartaEuropa a:hover, div#cartaEuropa a:visited, div#cartaEuropa a:active{
  color:#FFF;
  text-decoration:none;
}

#cartaEuropea img{
  float:left;
  margin:0 30px 0 5px;
  border:0;
}