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

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

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

body.splash {  background-image:url(/imgs/background.gif); margin-left:20px; }
body.splash #container .flashContent{z-index:0;}
body.splash #googleMap { height:351px;}
body.splash #googleMap #logo { margin:15px 0 3px 0;}
body.splash .mustFlipper {border:solid 6px #333; height:286px; }

/* General Structure */

body {  background-color:#dddad0; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#333333;}
#top{ position:relative; margin:0px; background-image:url(/imgs/background.gif); padding: 15px 0; }
#container{ position:relative; width:962px; margin:0px auto; text-align:left; }
#bollone{ position:absolute; display:block; top:-15px; right: -30px; z-index:999;}
#footer{ position:relative; width:962px; margin:0px auto; text-align:left; display: block; clear:both;}

/*	Logo	*/

#logo{ position:relative; width: 962px;	height: 51px;  }
#logo #payoff{margin-left:12px;}

/*	Head	*/

#head{ background: transparent url(/imgs/backMenuCatalogo.jpg) no-repeat; position:relative; width: 962px;	height: 263px; margin-top:3px;}
#head #catalogoMenu { width:218px;  float:left; margin:208px 0px 0px;}
#head #catalogoMenu a{background-position:0 0px; height:21px; width:216px; display:block; margin:6px 1px 0px;}
#head #catalogoMenu a:hover{background-position:0 -26px;}
#head #catalogoMenu #home {background-image:url(/imgs/titoli/home.gif);}
#head #catalogoMenu #catProd {background-image:url(/imgs/titoli/sfogliaCatalogo.gif);}
#head #catalogoMenu #daCasa {background-image:url(/imgs/titoli/acquistaCasa.gif);}
#head #headFoto {background-image:url(/imgs/header/home.jpg); width: 729px; height: 263px; float:left; margin-left:15px;}
#head .headText{ float:right; width:230px; padding:15px 15px 15px 15px;}
#head .headText a{ text-decoration:underline; font-weight:bold; color:#732929;}
#head .headText strong {font-size:14px;}
#headInside{ position:relative; width: 962px;	height: 159px; margin-top:3px;}
#headInside #catalogoMenu {background-image:url(/imgs/backMenuCatalogoInside.jpg); width: 218px; height: 55px; float:left; padding:104px 0px 0px;}
#headInside #catalogoMenu a{background-position:0 0px; height:21px; width:216px; display:block; margin:6px 1px 0px;}
#headInside #catalogoMenu a:hover{background-position:0 -26px;}
#headInside #catalogoMenu #home {background-image:url(/imgs/titoli/home.gif);}
#headInside #catalogoMenu #catProd {background-image:url(/imgs/titoli/sfogliaCatalogo.gif);}
#headInside #catalogoMenu #daCasa {background-image:url(/imgs/titoli/acquistaCasa.gif);}
#headInside #headFoto {background-image:url(/imgs/header/catalogo.jpg); width: 729px; height: 159px; float:left; margin-left:15px;}
#headInside #headMustandYou {background-image:url(/imgs/header/mustAndYou.jpg); width: 729px; height: 159px; float:left; margin-left:15px;}

/*	Content	*/
#bolloneXmas { position:absolute; z-index:999; left:-20px; top:30px; }
#content { position:relative; width:962px; height:700px; padding-top:15px; display:block;}
#contLeft { float:left; width:420px; height:691px; }
#contCenter { float:left; width:256px; height:691px; margin-left:15px;}
#contRight { float:left; width:256px; height:691px; margin-left:15px;}
.boxHome h2{display:none;}
.boxHome .boxContent { height:314px; width:100%;}
.boxHome .title{height:24px;}

#vetrina { position:relative; width:420px; height: 338px; }
#vetrina .title { position:relative; background-image:url(/imgs/titoli/inVetrina.gif); width:420px;}
#vetrina .itemOnlineBlock { position:relative; height:314px; background-color:#732929; width:420px;}
#vetrina .itemOnlineBlock .vetrinaText { position:absolute; width:410px; bottom:0px; left:0; padding:5px; background:#a70230; color:#FFFFFF;}/*default background:#732929;*/
#vetrina #maskOnline { display:block; width:420px;  height: 314px; position:relative; overflow:hidden; float:left; }
#vetrina #containerOnline { z-index:1; display:block; width:1260px; height:314px; position:relative; left:-420px; overflow:hidden; }
#vetrina #clickOnlineR {z-index:2; position:absolute; top:155px; right:0px; }
#vetrina #clickOnlineL {z-index:2; position:absolute; top:155px; left:0px; }

.itemScelti	{ margin:0;  height:315px; width:420px; display:block; position:absolute; left:1260px; background-color:#ebebeb;}
#sceltaCuratore { position:relative; width:420px; height: 338px; margin-top:15px;}
#sceltaCuratore .title {background-image:url(/imgs/titoli/sceltaCuratore.gif); width:420px;}
#sceltaCuratore .boxContent { background-color:#a4d9e3;}
#sceltaCuratore img.prodotto {float:left; margin:0 3px;}
#sceltaCuratore .descrizione { position:relative;  height:205px; width:193px; background-color:#cde8ed; margin:0px 0px; float:left; }
#sceltaCuratore .descrizione p{ width:185px;margin:2px 4px;}
#sceltaCuratore .curatore {height:95px; width:193px; background-color:#cde8ed; margin:11px 0px 0px; float:left; }
#sceltaCuratore .curatore img{ float:left;}
#sceltaCuratore .curatore .text{ float:left; width:88px;padding:2px 0px 2px 2px; font-size:11px;}
#mustShopAndYou { position:relative; width:256px; height: 338px; }
#mustShopAndYou .title {background-image:url(/imgs/titoli/mustAndYou.gif); width:256px;}
#mustShopAndYou .boxContent { background-color:#bad486;}
#mustShopAndYou img { margin:0 3px;}
#mustShopAndYou .footBox {height:85px; width:240px; background-color:#d9e7be; margin:0px 3px; padding:5px; }

#eventi { position:relative; width:256px; height: 338px; margin-top:15px;}
#eventi .title {background-image:url(/imgs/titoli/eventi.gif); width:256px;}
#eventi .boxContent { background-color:#ffdd4e;}
#eventi img { margin:0 3px;}
#eventi .footBox {height:85px; width:240px; background-color:#ffe782; margin:0px 3px; padding:5px; }

#news { position:relative; width:256px; height: 338px; }
#news .title {background-image:url(/imgs/titoli/news.gif); width:256px;}
#news .boxContent { background-color:#babada;}
#news .bigNews {position:relative;  height:125px; width:250px; background-color:#d0d0e8; margin:0px 3px; display:block; }
#news a.bigNews:hover { background-color:#7e7eac; text-decoration:none; color:#FFFFFF;}
#news .bigNews img{ float:left;}
#news .bigNews .text{ float:left; width:116px;padding:2px 4px;}
#news .smallNews { width:242px; background-color:#d0d0e8; margin:3px 3px;  padding:6px 4px; position:relative; display:block;}
#news a.smallNews:hover { background-color:#7e7eac; text-decoration:none; color:#FFFFFF;}

#info { position:relative; width:256px; height: 338px; margin-top:15px; color:#FFFFFF;}
#info .title {background-image:url(/imgs/titoli/info.gif); width:256px;}
#info .boxContent { background-color:#333333;}
#info .address { height:175px; width:250px; background-color:#474747; margin:0px 3px;  }
#info .address img{ float:left; margin-bottom:3px;}
#info .address .text{ float:left; width:101px; padding:2px 4px;}
#info .email { clear:left; float:left; width:244px; padding:3px; line-height:19px;}
#info .email img {margin-right:3px;}
#info .email a {color:#FFFFFF;}
#info .footBox { position:relative; height:95px; width:250px; background-color:#474747; margin:41px 3px 0px 3px; }
#info .footBox img{ float:left;}
#info .footBox .text{ float:left; width:127px; padding:2px 4px;}

/*	ContCatalogo  */
#contCatalogo { position:relative; width:729px; margin:15px 0 0 14px;  float:left; font-size:11px;}
#contCatalogo .titolo { width:729px; height:24px; background-color:#999999;}
#contCatalogo .titolo h1{ display:none;}
#contCatalogo #catalogoProdotti {background-image:url(/imgs/titoli/catalogoProdotti.gif)}
#contCatalogo #museumCreation {background-image:url(/imgs/titoli/museumCreation.gif)}
#contCatalogo #contListaProdotti { position:relative; width:725px; background-color:#ffffff;  margin-top:22px; padding:2px 0px 2px 2px; }
#contCatalogo .ordinamento { float:right; margin-top: 8px; margin-right:2px; }
#contCatalogo #contListaProdotti a.smallProd { background-color:#333; float:left; width: 126px; height:200px; margin:1px 2px 2px 1px; padding:26px 26px 0 26px; color:white;}
#contCatalogo #contListaProdotti a.smallProd:hover  {background-color:#dddad0; color:#222222; cursor:pointer;}
#contCatalogo #contListaProdotti .titoletto{ margin-top:5px;}
#contCatalogo #contListaProdotti .prezzo{ font-weight:bold; font-size:12px;}
#contCatalogo .paginazione {margin-left:250px;}

/*	ContProdotto  */
#contProdotto { position:relative; width:729px; margin:15px 0 0 14px;  float:left; font-size:11px; }
#contProdotto .titolo { width:729px; height:24px; background-color:#999999;}
#contProdotto .titolo h1{ display:none;}
#contProdotto .ordinamento { float:left; margin-top: 8px; margin-left:2px; }
#contProdotto #catalogoProdotti {background-image:url(/imgs/titoli/catalogoProdotti.gif)}
#contProdotto #museumCreation {background-image:url(/imgs/titoli/museumCreation.gif)}
#contProdotto #contListaProdotti { position:relative; width:721px; background-color:#ffffff;  margin-top:22px; padding:3px; }
#contProdotto #contListaProdotti .bigProd { position:relative; background-color:#333; float:left; width: 711px;  padding:5px; color:white; height: auto !important; height: 308px;  min-height: 308px;  }
#contProdotto #contListaProdotti .bigProd img.prodottoImg{ float:left; height:308px;}
#contProdotto #contListaProdotti .bigProd .bigProdText { float:left; margin-left:3px; width:275px;}
#contProdotto #contListaProdotti .bigProd a.acquistaCasa {position:absolute; right:4px; bottom:4px;}

/*Acquista da Casa*/
#acquistaCasaPage { position:relative; width:729px; margin:15px 0 0 14px;  float:left; font-size:11px; }
#acquistaCasaPage .titolo { width:729px; height:24px; background-color:#999999;}
#acquistaCasaPage .titolo h1{ display:none;}
#acquistaCasaPage #acquistaCasaTitle {background-image:url(/imgs/titoli/acquistaCasaTitle.gif)}
#acquistaCasaPage #acquistaCasaBox { position:relative; width:721px; background-color:#ffffff;  margin-top:15px; padding:3px; }
#acquistaCasaPage #acquistaCasaBox .acquistaCasaInside { padding:5px; position:relative; background-color:#333; width: 711px;  margin:1px 1px ;  color:white; height: auto !important; height: 308px;  min-height: 308px;  }
#acquistaCasaPage #acquistaCasaBox .acquistaCasaInside .block{float:left; clear:left; padding:0 3px 12px 0; width:707px; }
#acquistaCasaPage #acquistaCasaBox .acquistaCasaInside img{float:left; margin-right:3px;}
#acquistaCasaPage #acquistaCasaBox .acquistaCasaInside p{float:left; width:700px; }

/*News Page*/
#newsPage { position:relative; width:729px; margin:15px 0 0 14px;  float:left; font-size:11px; }
#newsPage .titolo { width:729px; height:24px; background-color:#5b5b87;}
#newsPage .titolo h1{ display:block; color:#FFFFFF; padding:3px 3px; font-size:15px; text-transform:uppercase; font-weight:normal; font-family:Helvetica, Verdana, Arial, sans-serif;}
#newsPage #newsBox { position:relative; width:721px; background-color:#ffffff;  margin-top:15px; padding:3px; }
#newsPage #newsBox .newsInside { padding:5px; position:relative; background-color:#DDDAD0; width: 711px;  margin:1px 1px ;  color:#333333; height: auto !important; height: 200px;  min-height: 200px;  }
#newsPage #newsBox .newsInsideBig { padding:5px; position:relative; background-color:#DDDAD0; width: 711px;  margin:1px 1px ;  color:#333333; height: auto !important; height: 200px;  min-height: 200px;  }
#newsPage #newsBox .archivioNewsInside { background-color:#333;  }
#newsPage #newsBox .newsInside .block { float:left; clear:left; padding:0 3px 12px 0; width:707px; }
#newsPage #newsBox .newsInside img { float:left; margin-right:3px;}
#newsPage #newsBox .newsInside p { float:left; width:700px; }
#newsPage .blockArchivioNews { background-color:#d0d0e8; color:#333; float:left; margin-bottom:3px;margin-left:3px; margin-right:3px; margin-top:3px; padding-bottom:6px; padding-left:4px; padding-right:4px; padding-top:6px; width:698px; }
#newsPage .blockArchivioNews a { color:#333; }
#newsPage .blockArchivioNewsFoto {  }

/*Eventi*/
#eventiPage { position:relative; width:729px; margin:15px 0 0 14px;  float:left; font-size:11px; }
#eventiPage .titolo { width:729px; height:24px; background-color:#d6b83a;}
#eventiPage .titolo h1{ display:block; color:#333333; padding:4px 3px; font-size:15px; text-transform:uppercase; font-weight:normal; font-family:Helvetica, Verdana, Arial, sans-serif;}
#eventiPage #eventiBox { position:relative; width:721px; background-color:#ffffff;  margin-top:15px; padding:3px; }
#eventiPage #eventiBox .eventiInside { padding:5px; position:relative; background-color:#DDDAD0; width: 711px;  margin:1px 1px ;  color:#333333; height: auto !important; height: 200px;  min-height: 200px;  }
#eventiPage #eventiBox .newsInsideBig { padding:5px; position:relative; background-color:#DDDAD0; width: 711px;  margin:1px 1px ;  color:#333333; height: auto !important; height: 200px;  min-height: 200px;  }
#eventiPage #eventiBox .eventiInside .block { float:left; clear:left; padding:0 3px 12px 0; width:707px; }
#eventiPage #eventiBox .eventiInside img { float:left; margin-right:3px;}
#eventiPage #eventiBox .eventiInside p { font-size:12px; }



/*Must Shop & You */
#mustAndYouPage { position:relative; width:729px; margin:15px 0 0 14px;  float:left; font-size:11px; }
#mustAndYouPage .titolo { width:729px; height:24px; background-color:#999999;}
#mustAndYouPage .titolo h1{ display:none;}
#mustAndYouPage #mustAndYouTitle {background-image:url(/imgs/titoli/mustAndYouTitle.gif)}
#mustAndYouPage #mustAndYouBox { position:relative; width:725px; background-color:#dddad0;  margin-top:15px; padding:2px; }
#mustAndYouPage #mustAndYouBox .mustAndYouInside { padding:5px; position:relative; background-color:#333; width: 711px;  margin:1px 1px ;  color:white; height: auto !important; height: 308px;  min-height: 308px;  }
#mustAndYouPage #mustAndYouBox .mustAndYouInside .block{float:left; clear:left; margin:0 3px 12px 0;}
#mustAndYouPage #mustAndYouBox .mustAndYouInside img.bigFoto{ float:left; margin-right:3px;}
#mustAndYouPage #mustAndYouBox .mustAndYouInside .mustText{ position:relative; display:block; float:left; margin-right:3px; width:716px;}
#mustAndYouPage #mustAndYouBox .mustAndYouInside .mustText p{ float:left; width:286px;}
#mustAndYouPage #mustAndYouBox .mustAndYouInside .disclaimer{ clear:left; display:block; float:left; margin-right:3px; width:100%; font-size:10px;}
#mustAndYouPage #mustAndYouBox .mustAndYouInside a{color:#FFFFFF; text-decoration:underline;}
#mustAndYouPage #mustAndYouBox .mustAndYouInside a.partecipa{ position:absolute; right:5px; top:286px;}

/*  Menu  */
#menu { position:relative; width:218px; margin-top:15px; float:left; }
#menu .bloccoMenu{margin-bottom:15px;}
#menu .bloccoMenu .titoloMenu { width:218px; height:24px; }
#menu .bloccoMenu .titoloMenu h2{ display:none;}
#menu .bloccoMenu #perTipo{background-image:url(/imgs/titoli/perTipologia.gif)}
#menu .bloccoMenu #titNews{background-image:url(/imgs/titoli/newsG.gif)}
#menu .bloccoMenu #titEventi{background-image:url(/imgs/titoli/eventiG.gif)}
#menu .bloccoMenu #perDip{background-image:url(/imgs/titoli/perDipartimento.gif)}
#menu .bloccoMenu .linkBlockMenu { padding:1px; background:#FFF;}
#menu .bloccoMenu .linkBlockMenu .link {margin:0px 0px 1px 0px;}
#menu .bloccoMenu .linkBlockMenu .link a{ display:block; padding:0px 5px; background-color:#dddad0; font-weight:bold; width:206px;}
#menu .bloccoMenu .linkBlockMenu .link a:hover{ background-color:#333333; color:#FFFFFF; text-decoration:none;}
#menu .bloccoMenu .linkBlockMenu .subLink {margin:0px 0px 1px 0px; }
#menu .bloccoMenu .linkBlockMenu .subLink a{ display:block; color:#111;padding:0px 5px; background-color:#c6c0b1; font-weight:normal; width:206px;}
#menu .bloccoMenu .linkBlockMenu .subLink a:hover{ background-color:#333333; color:#FFFFFF; text-decoration:none;}
#menu .bloccoMenu .linkBlockMenu .lastLink {margin:0px;}
/*	Utility css	  */

.absolute{ position:absolute; }
.clear {clear:both;}
.noDisplay{ display:none; }
body strong {font-size:12px; font-weight:bold;}
a.bollini {  position:absolute; bottom:2px; right:2px;}
a.bolliniWithText { background: url(/imgs/bollini/blackOnGreen.gif) left top no-repeat; width:100px; padding:2px  0 2px 20px; clear:both; float:left; margin-top:10px;}
a.nowidth { width:auto;}

/*	Footer  */

.footerColumn{ display:block; float:left; width:240px; padding:15px 0px;}
#footer .museo{ }
.footerColumn .footerTitle{font-size:14px; font-weight:bold; color:#222; line-height:13px;}
.footerColumn a:link, .footerColumn a:visited{ color:#222222;}