/****************************************************************************
Copyright (c) 2010, Museo della Scienza e della Tecnologia Leonardo da Vinci. 
All rights reserved.
Css: approfondimenti.css
Site: museoscienza.org
Versione: 0.2
*****************************************************************************/

.visitare .bread{ margin-left:0px; margin-right:0px; background-color:#EEEEEE ;height:1.6em; line-height:normal; margin-bottom:0.5em;  }
.visitare .bread ul{ list-style-position:outside ;display: inline; }
.visitare .bread li{font-size:10px; color:#666; background:url("/img/frecce/fr_default2.gif") right center no-repeat; display:block;float:left; margin:0; padding:0.3em 1.6em 0.3em 0.6em;}
.visitare .bread li a:link, .approfondimenti .bread li a:visited{ color:#666;}

body.orari .submenu ul li.pg1 a,
body.raggiungerci .submenu ul li.pg2 a,
body.prenotazioni .submenu ul li.pg3 a,
body.edifici .submenu ul li.pg4 a, body.percorso .submenu ul li.pg4 a,
body.servizi .submenu ul li.pg5 a,
body.chiusure .submenu ul li.pg6 a,
body.bar .submenu ul li.pg7 a,
body.faq .submenu ul li.pg8 a{background:#515151; color:#FFFFFF;}

.visitare .submenu{ float:left; width:190px; }
.visitare .submenu ul { clear:left; margin-top:8px; background-color:#FFFFFF; border:solid 1px #999; padding:0; color:#666;}
.visitare .submenu ul li.firstStep{   margin:0 0 1px 0;  }
.visitare .submenu ul li.firstStep a{ background:#cccccc; color:#333333; line-height:18px; font-size:12px;  display:block;padding:1px 2px;}
.visitare .submenu ul li.firstStep a:hover{background:#515151; color:#FFFFFF;text-decoration:none; }
.visitare a.home { background:transparent url("/imgs/frecce/squareMenuInternal.gif") left 6px no-repeat; color:#333333; display:block; font-size:14px; margin-bottom:0; margin-left:4px; margin-right:0; margin-top:8px; padding-left:9px; }

.visitare .contenuto{	float:left; width:741px; margin-left:10px; }

h1 { background:url("/imgs/titleInternal/h1Personalizza.gif") repeat; color:#FFFFFF; font-size:13px; font-weight:normal; height:16px; margin-top:10px;padding-bottom:6px; padding-left:6px; padding-right:6px; padding-top:6px; text-transform:uppercase;}

.chiusure h2{ margin:15px 0px 5px 0; font-size:11px; color:#cb491b; font-weight:bold; border-bottom: solid thin #e97349;}

.orari h2, .prenotazioni h2, .servizi h2{background-color:#748184; color:#FFFFFF; font-size:12px; font-weight:normal; margin: 10px 0px 5px -7px; padding:1px 0 2px 5px;}
.orari h2.firstH2, .servizi h2.firstH2 { margin-top: 0px;}

h3{ margin:15px 0px 5px 0; font-size:13px; color:#333;}
h4{ margin:15px 0px 5px 0; font-size:12px; color:#555;}
h3.firstH3{margin-top:0px;}

.faq h3{ margin:15px 0px 5px 0; font-size:11px; color:#cb491b; font-weight:bold;}
.faq h3.firstH3{margin-top:0px;}

#contListaArgomento { font-size:10px; background-color:#FFFFFF;padding:10px; position:relative;width:719px; font-size:11px;}
#contListaArgomento p.intro{  font-size:13px; font-style:italic; color:#444444;}
#contListaArgomento p.author{ font-family: Georgia, "Times New Roman", Times, serif; font-size:13px; font-style:italic; color:#4e6831;}
#contListaArgomento .contLeft {width:500px; float:left;}
#contListaArgomento .contLeft .colSx{ width:250px; float:left;}
#contListaArgomento .contLeft .colDx{ width:240px; float:left; margin-left:10px;}

#contListaArgomento .contLeft h2#mezziPub{ background:url("../imgs/icoBus.gif") bottom left no-repeat; padding: 0px 0 0 25px; line-height:41px; height:25px;}
#contListaArgomento .contLeft h2#stazioniFer{ background:url("../imgs/icoTrain.gif") top left no-repeat; padding: 8px 0 0 25px; line-height:11px; height:22px;}
#contListaArgomento .contLeft h2#autoMob{ background:url("../imgs/icoCar.gif") bottom left no-repeat; padding: 0px 0 0 31px; line-height:41px; height:25px;}
#contListaArgomento .contLeft h2#aereoPort{ background:url("../imgs/icoFlight.gif") bottom left no-repeat; padding: 0px 0 0 28px; line-height:41px; height:25px;}

#contListaArgomento .contLeft p.autoP{margin:10px 0 20px 0px;}

#contListaArgomento .contLeft a.atm { background-color:#e1e1e1; border: dashed 1px #666; padding:4px; height:60px; margin:10px 0 20px 0; display:block;}
#contListaArgomento .contLeft a.atm img{ float:left; margin-top:3px;}
#contListaArgomento .contLeft a.atm p{ float:left; width:140px; margin-left:6px;}

#contListaArgomento .contRight {width:208px; float:left; border-left: solid 1px #c8c8c8; margin-left:10px;}
#contListaArgomento .contRight h3{ padding-left:3px; background-color:#748184; color:#FFF; font-weight:bold; font-size:10px; margin-top:0;}
#contListaArgomento .contRight p{ margin:6px 3px 12px 3px; }

.orari #contListaArgomento .contLeft p{ margin:5px 0;}
.orari #contListaArgomento .contLeft span.hour{ color:#cb491b; font-weight:bold; line-height:16px; font-size:13px;}
.orari #contListaArgomento .contLeft span.price{ color:#cb491b; font-weight:bold; line-height:16px; font-size:13px;}

.orari #contListaArgomento ul{ list-style-image:url("../imgs/listImageRedf.gif"); list-style-position:inside; margin-top:5px;}

#contListaArgomento div.metro{ background:url("../imgs/icoMetro.gif")  2px center no-repeat; padding:3px 0 3px 25px; background-color:#E1E1E1; margin:3px 0;}
#contListaArgomento div.train{ background:url("../imgs/icoSmallTrain.gif")  2px center no-repeat;padding:3px 0 3px 25px; background-color:#E1E1E1;margin:3px 0;}
#contListaArgomento div.bus{ background:url("../imgs/icoOrangeBus.gif")  2px center no-repeat; padding:3px 0 3px 25px; background-color:#E1E1E1;margin:3px 0;}


.contRight img.bolloni{ margin-bottom:10px; margin-left:45px; margin-right:5px; margin-top:5px; }


.edifici .contEdifici {	background-image:url("../imgs/edificiMuseo.jpg");	height:464px;	margin-top:10px;	position:relative;}
.percorso .contPercorso {	background-image:url("../imgs/percorsoImg.jpg");	height:233px;	margin-top:10px;	position:relative;}
.edifici a.box {position:absolute; }

.edifici a.box1{background-image:url("../imgs/monumentale.jpg"); height:33px; width:122px; top:250px; left:60px; }
.edifici a.box2{background-image:url("../imgs/ferroviario.jpg"); height:33px; width:122px; top:200px; left:60px; }
.edifici a.box3{background-image:url("../imgs/esterni.jpg"); height:33px; width:122px; top:150px; left:60px; }
.edifici a.box4{background-image:url("../imgs/aeronavale.jpg"); height:33px; width:122px; top:100px; left:60px; }
.edifici a.box5{background-image:url("../imgs/olona.jpg"); height:33px; width:122px; top:50px; left:60px; }

.edifici a.changePage { position:absolute; bottom:20px; left:20px; }
.percorso a.changePage { float:right; margin:10px 0; }

.edifici a.changePage span, .percorso a.changePage span { display:none;  }
.edifici a#percorsoConsigliato { background-image:url("../imgs/percorsoSuggerito.jpg");	height:32px; width:150px;	}
.edifici h2.overLayer{ color:#99381e; font-size:12px; margin:10px 0;}

.percorso .box {position:absolute; cursor:pointer; }
.percorso a.box0{top:5px; right:5px; }
.percorso div.box1{background-image:url("../imgs/monumentale.jpg"); height:33px; width:122px; bottom:20px; left:70px; }
.percorso div.box2{background-image:url("../imgs/ferroviario.jpg"); height:33px; width:122px; bottom:20px; left:200px; }
.percorso div.box3{background-image:url("../imgs/esterni.jpg"); height:33px; width:122px; bottom:20px; left:330px; }
.percorso div.box4{background-image:url("../imgs/aeronavale.jpg"); height:33px; width:122px; bottom:20px; left:460px; }
.percorso div.box5{background-image:url("../imgs/olona.jpg"); height:33px; width:122px; bottom:20px; left:590px; }


.percorso a#edifici { background-image:url("../imgs/mappaMuseo.jpg");	height:33px; width:133px;	}
.percorso .underLayer {margin-top:10px;}
.percorso .underLayer .content{ width:717px;  border:solid 2px #aaaaaa; padding:10px 0; background-color:#FFFFFF; margin-left:10px; }
.percorso .underLayer img.freccia {margin-left:140px;}
.percorso .underLayer .content .colonna{ width:218px; border-right:solid 1px #99381e; padding:0 10px; float:left;}
.percorso .underLayer .content .lastColonna{ border-right: none;}
.percorso .underLayer .content h2{color:#99381e; font-size:12px; margin:10px 0;}
.percorso .underLayer .content hr{color:#99381e;}

.percorso #inline2 .content{ width:238px; margin-left:160px;}
.percorso #inline2 img.freccia {margin-left:270px;}

.percorso #inline3 .content{ width:238px; margin-left:280px;}
.percorso #inline3 img.freccia {margin-left:400px;}

.percorso #inline4 .content{ width:717px; margin-left:10px;}
.percorso #inline4 img.freccia {margin-left:530px;}

.percorso #inline5 .content{ width:238px; margin-left:480px;}
.percorso #inline5 img.freccia {margin-left:680px;}

.orari table {border:#CCC solid 1px;border-collapse:collapse;border-spacing:0;cellpadding:5px;}
.orari table td a, .orari table th a{ color:#700}
.orari table td, .orari table th{ padding:3px;}

.orari #contListaArgomento a, .prenotazioni #contListaArgomento a, .faq #contListaArgomento a, .servizi #contListaArgomento a { color:#CB491B;}
.visitare #contListaArgomento ul.home li{ display:inline; }
.visitare #contListaArgomento ul.home li a{ display:inline-block; width:143px; height:16px;  background:url("../imgs/backVisitare.jpg"); color:#FFFFFF; padding: 6px 14px 4px 6px; margin:5px 1px 0 0;}
.visitare #contListaArgomento ul.home li a:hover{ color:#dea896; background-position: left 26px; text-decoration:none;}