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

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: -95px; 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{ cursor:pointer; 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; }

#popUpNews {z-index:999; background:#FFFFFF none repeat scroll 0 0; border:3px double #CCCCCC;  padding:5px; width:500px; top:110px; left:120px; color:#555555;}
#popUpNews h3{font-size:14px;}
#popUpNews .close{ margin-top:10px; cursor:pointer; text-align:right; font-weight:bold; }
#popUpNews .close img{margin-bottom:-2px;}

/*	Menu 1 livello	*/

#menu1liv{ position:relative; width: 756px;	height: 20px; margin: 5px 0px;  }
#menu1liv ul li{float:left; margin:0px 1px; width: 113px;}
#menu1liv ul li#m1_home{margin:0px 1px 0px 0px; }
#menu1liv ul li#m1_schools{margin:0px 0px 0px 1px; }
#menu1liv ul li.large{width: 167px; }
#menu1liv ul li.medium{width: 127px; }
#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: 65px;}
#menu2liv ul li#m2_services{margin:0px 1px 0px 0px; }
#menu2liv ul li#m2_search{margin:0px 0px 0px 1px; height: 20px; line-height:19px; text-align:center; width: 213px; padding-left:110px;}
#menu2liv ul li.large{width: 160px; }
#menu2liv ul li.medium{width: 100px; }
#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-size:10px; border-style: solid; border-color: #999999; border-width: 1px; background-color: #ffffff; width: 120px; padding:2px; height:11px;}
form input#sa{font-size:11px;  border-style: solid;  border-color: #999999;  border-width: 1px;  background-color: #dedfde; width: 55px; margin-top:2px; 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:258px;}
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;}
#contentRight{ float: left; width:226px; margin-bottom:5px;}

#international{width:226px;}
#international h2{padding-left:7px; font-size:10px;}
.itemInternational{position:relative; margin:2px 0; background-color:#ebebeb; height:71px;}
#international .itemlast {position:relative; margin:0;}
.itemInternational img  { float:left; margin:5px 2px 5px 5px; border:solid 1px #bababa; padding:1px;}
.itemInternationalTesto { font-size:10px; line-height:12px; float: left; margin:5px 5px 2px 2px; width:148px;}
a.itemInternationalLink { font-size:10px; font-weight:bold; position:absolute; bottom:5px; right:5px; line-height:12px; height:12px; padding:3px 10px 0 0;}

#support {width:226px;margin-top:5px;}
#support h2{padding-left:7px;}
.itemSupport{position:relative; margin:2px 0; background-color:#ebebeb; height:79px;}
.itemSupport img  { float:left; margin:5px 2px 5px 5px; border:solid 1px #bababa; padding:1px;}
.itemSupportTesto { font-size:10px; line-height:12px; float: left; margin:5px 5px 2px 2px; width:147px;}
a.itemSupportLink { font-size:10px; font-weight:bold; position:absolute; bottom:5px; right:5px; line-height:12px; height:12px; padding:3px 10px 0 0;}

#boxLeo{ float: left; width:226px; margin-right:5px;}
.itemLeo{ position:relative; margin:2px 0; background-color:#ebebeb;  height:81px;}
.itemLeo img  { float:left; margin:5px 2px 5px 5px; border:solid 1px #bababa; padding:1px;}
.itemLeoTesto { font-size:10px; line-height:12px; float: left; margin:5px 5px 2px 2px; width:148px;}
a.itemLeoLink { font-size:10px; font-weight:bold; position:absolute; bottom:5px; right:5px; line-height:12px; height:12px; padding:3px 10px 0 0;}

#highlight 	 { 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; }

.itemHighlight		 {  margin:2px 0;  height:105px; width:270px; display:block; position:absolute; left:540px; background-color:#ebebeb;}
.itemHighlight	img	 { float:left; margin:5px 2px 5px 5px; border:solid 1px #bababa; padding:1px;}
.itemHighlightTesto { font-size:10px; line-height:12px; float: left; margin:5px 5px 2px 2px; width:118px;}
a.itemHighlightLink { 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;}