/****************************************************************************

Copyright (c) 2009, Museo della Scienza e della Tecnologia Leonardo da Vinci. 
All rights reserved.
Css: layout.css
Site: museoscienza.org
Versione: 0.1

*****************************************************************************/

/*	General Structure */
body { color:#000; font-family:Verdana,Arial,sans-serif; font-size:11px; font-size-adjust:none; font-style:normal; font-variant:normal; font-weight:normal; line-height:16px; }
#container{ position:relative; width:756px; margin:10px auto; text-align:left;  }
#divflash{ position:absolute; display:block; top:-10px; right: -125px; }
#diverror{ position:absolute; display:block; top:0px; left: -120px; width:95}

/*	Head	*/

#head{ position:relative; width: 756px;	height: 63px; margin: 5px 0px; }
#head a.english{color:white; top:10px; right:10px;line-height:12px; height:15px; padding-right:18px;}
#head a:hover.english{text-decoration:underline; }
#head .date{ color:white; bottom:10px; right:10px; }

/*	News	*/

#news{ position:relative; width: 756px;	height: 235px; margin: 5px 0px;}

.pulsantieraNews{ top:10px; right:10px;}
.pulsantieraNews div{float:left; margin-left:5px; cursor:pointer; }
.linkAllNews{position:absolute; bottom:10px; right:10px; }
.linkAllNews a:link, .linkAllNews a:visited{ line-height:12px; height:15px; padding-right:18px;}
.linkAllNews a:hover{text-decoration:underline; }

/*	Menu 1 livello	*/

#menu1liv{ position:relative; width: 756px;	height: 20px; margin: 5px 0px;  }
#menu1liv ul li{float:left; margin:0px 1px; width: 90px;}
#menu1liv ul li#m1_home{margin:0px 1px 0px 0px; }
#menu1liv ul li#m1_online{margin:0px 0px 0px 1px; }
#menu1liv ul li.large{width: 156px; }
#menu1liv ul li.medium{width: 138px; }
#menu1liv ul li a {text-align:center;display:block; height: 20px; line-height:19px;}
#menu1liv ul li a:hover{text-decoration:none;}

/*	Menu 2 livello	*/

#menu2liv{ position:relative; width: 756px;	height: 20px; margin: 5px 0px; }
#menu2liv ul li{font-size:10px; float:left; margin:0px 1px; width: 58px;}
#menu2liv ul li#m2_home{margin:0px 1px 0px 0px; }
#menu2liv ul li#m2_cerca{margin:0px 0px 0px 1px; height: 20px; line-height:19px; text-align:center; width: 202px;}
#menu2liv ul li.large{ width: 98px; }
#menu2liv ul li.medium{ width: 90px; }
#menu2liv ul li.small{ width: 60px; }
#menu2liv ul li a {text-align:center;display:block; height: 20px; line-height:19px; }
#menu2liv ul li.selected a, #menu2liv ul li a:hover{text-decoration:none;}
form input#q{font: normal 10px tahoma, verdana, arial, sans-serif; border-style: solid; border-color: #999999; border-width: 1px; background-color: #ffffff; width: 120px; padding:2px; height:12px; }
form input#sa{font-size:11px;  border-style: solid;  border-color: #999999;  border-width: 1px;  background-color: #dedfde; width: 55px; margin-top:1px; height:17px;}

/*	Menu 3 livello	*/

#menu3liv{ position:absolute; display:block; top:93px; right: -94px; }
#leonardo, #toti, #tour{width:93px; height:74px; border-style:solid; border-color:#bababa; border-width:0px 1px 1px 0px; margin-bottom:5px;}
#leonardo h2{background-color:#936442; margin-right:-1px; text-align:center;  padding-left:0px;}
#toti h2{background-color:#396e8e; margin-right:-1px; text-align:center;  padding-left:0px;}
#tour h2{margin-right:-1px; text-align:center;  padding-left:0px;}
#leonardo img, #toti img, #tour img{margin:1px 0 0 1px;}

/* Landing Leonardo */

#landingLeonardo h2{color:#FFFFFF; background-color:#926442;}
.landingLeonardoInsideL { float: left; width:375px;  margin:2px 5px 5px 0;}
.landingLeonardoInsideR { float: left; width:376px;  margin:2px 0 5px 0;}
#landingLeonardo .landingLeonardoInsideL h3, #landingLeonardo .landingLeonardoInsideR h3{font-size:10px; color:#64473c; background-color:#e9e3d6;}
.itemlandingLeoInside {position:relative; color:#333333; margin-top:2px;background-color:#EBEBEB; padding:8px; height:215px;}
a.itemLandingLeoLink { font-size:10px; font-weight:bold; position:absolute; bottom:4px; right:5px; line-height:12px; height:12px; padding:3px 10px 0 0;}
a.itemLandingLeoLink {color:#64473c; background:transparent url(/imgs/frecce/frecciaBrownSmall.gif) no-repeat scroll right 6px;}
/*	Content	*/

.box h2, .box h3{height:18px; line-height:18px; padding-left:8px; text-transform:uppercase; clear:left;}
#contentLeft{ float: left; width:226px;  margin-right:5px; margin-bottom:5px;}

#weekend{width:226px;}
.itemWeekend{width:226px; margin:2px 0; background-color:#ebebeb; height:69px;}
.linkWeekend{position:relative; margin:2px 0 5px 0; background-color:#ebebeb; height:18px;}
.itemWeekend img  { float:left; margin:5px 2px 5px 5px; border:solid 1px #bababa; padding:1px; }
.itemWeekendTesto { font-size:10px; line-height:12px; float: left; margin:5px 5px 2px 2px; width:148px;}
a.itemWeekendLink { font-size:10px; font-weight:bold; position:absolute; bottom:4px; right:5px; line-height:12px; height:12px; padding:3px 10px 0 0;}

#radio{width:226px; }
.itemRadio { position:relative; background:#e7dce7 url(/imgs/home/sfondoRadio.jpg) no-repeat scroll center center; height:63px; margin:2px 0;}
a.itemRadioLink { font-size:10px; font-weight:bold; position:absolute; bottom:5px; right:5px; line-height:12px; height:12px; padding:3px 10px 0 0;}
#radio h2{color:#FFFFFF; background-color:#934291;} 

#sostieniMuseo{ float: left;  width:226px; margin-right:0;}
.itemSostieni{ position:relative; margin:2px 0;  height:81px; background-color:#ebebeb;}
.itemSostieni img  { float:left; margin:5px 2px 5px 5px; border:solid 1px #bababa; padding:1px;}
.itemSostieniTesto { float:left; font-size:10px; line-height:12px;  margin:5px 5px 2px 2px; width:147px;}
a.itemSostieniLink { text-align: right; font-size:10px; font-weight:bold; position:absolute; bottom:4px; right:5px; line-height:12px; height:12px; padding:3px 10px 0 0;}
a.itemSostieniLink2 { text-align: right; font-size:10px; font-weight:bold; position:absolute; bottom:20px; right:5px; line-height:12px; height:12px; padding:3px 10px 0 0;}
 
#sceltiPerVoi 	 { float:left; width:294px; margin-right:5px;}

#online			 { display:block;  height: 123px; margin-top:2px;}
#maskOnline 	 { background:white; display:block; width:270px;  height: 105px; position:relative; overflow:hidden; float:left; }
#containerOnline { background:white; display:block; width:810px; height:105px; position:relative; left:-270px; overflow:hidden; }
#clickOnlineL, #clickOnlineR { width:12px; height:103px; float:left; margin:2px 0 0 0;; display:block; }
 	 
#almuseo		 { display:block;  height: 123px; margin-top:2px;}
#maskAlmuseo 	 { background:white; display:block; width:270px;  height: 105px; position:relative; overflow:hidden; float:left; }
#containerAlmuseo { background:white; display:block; width:810px; height:105px; position:relative; left:-270px; overflow:hidden; }
#clickAlmuseoR, #clickAlmuseoL { width:12px; height:103px; float:left; margin:2px 0 0 0; display:block; }

.itemScelti		 { margin:2px 0;  height:105px; width:270px; display:block; position:absolute; left:540px; background-color:#ebebeb;}
.itemScelti	img	 { float:left; margin:5px 2px 5px 5px; border:solid 1px #bababa; padding:1px;}
.itemSceltiTesto { font-size:10px; line-height:12px; float: left; margin:5px 5px 2px 2px; width:118px;}
a.itemSceltiLink { font-size:10px; font-weight:bold; position:absolute; bottom:7px; right:5px; line-height:12px; height:12px; padding:3px 10px 0 0;}

/*	Utility css	  */

.absolute{ position:absolute; }
.noDisplay{ display:none; }

/*	Footer  */

#footer{ position:relative; clear:left; line-height:12px; font-size:9px; color:#aaaaaa; display:block;  width:100%; margin-bottom:20px;}
#footerLeft{ display:block; }
#footerLeft a{text-decoration:underline;color:#aaaaaa;}
#footerCredits{ position:absolute; top:0; right:0;display:block; }
#footerCredits a{text-decoration:underline;color:#aaaaaa;}