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

.audio .bread{ margin-left:0px; margin-right:0px; }
.audio .bread li{font-size:11px; color:#444;}
.audio .bread li a:link, .approfondimenti .bread li a:visited{font-size:11px; color:#444;}
.audio .submenu{ float:left; width:190px; }
.audio .submenu ul { margin-top:8px; background-color:#FFFFFF; border:solid 1px #999; padding:0; color:#666;}
.audio .submenu ul li.firstStep{ background:#515151 url(/imgs/frecce/frecciaMenuInternal.gif) no-repeat 3px 5px; color:#FFFFFF; padding:1px 1px 1px 17px; font-size:12px; margin:0 0 1px 0; line-height:18px; }
.audio .submenu ul li.secondStep{ background:transparent; :none; padding:0; margin:0;}
.audio .submenu ul li.secondStep a{ display:block; width:182px; height:100%; background:#c8c8c8; color:#333333; padding:1px 3px; font-size:11px; margin:1px 0;}
.audio .submenu ul p { margin:2px 4px; }
.audio a.home { font-size:14px; color:#333; display:block; margin:8px 0 0 4px; background:url(/imgs/frecce/squareMenuInternal.gif) no-repeat left 6px; padding-left: 9px;}
.audio .submenu ul li.secondStep a:hover, .approfondimenti .submenu ul li.selected a { background:#7c9c57; color:#FFFFFF;}

.contenuto{ width:100%;  }

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

h2{ font-size:13px; clear:left; margin:5px 0;}

div.contListaHome { background-color:#FFFFFF; padding:3px; margin-top:10px;}
div.box { margin-top:4px; background-color:#d5d5d5; display:block; padding:5px; overflow:hidden; width:355px; float:left; }
div.boxDisp { margin-right:4px;}
div.categoria {padding:0 10px 0 0; display:block; position:relative; float:left; width:175px; height:155px; }
a.esempio{ display:block; position:relative; float:left; width:170px; height:155px; }
a.esempio:hover{ text-decoration:none; }
a.esempio img{ float:left; margin-left:0px; }

a.esempio div.detArg{ color:#FFFFFF;  font-size:10px; position:absolute;right:0px; top:14px;  padding:2px; width:auto; background-color:#7c9c57; line-height:10px; }
a.esempio div.titDesc{ font-size:10px; position:absolute; background:url(/imgs/home/black_50pc.png) repeat; left:0px; bottom:0px; width:166px; line-height:12px; padding:2px; line-height:10px; color:#FFFFFF; }
a.esempio div.headEs { height:14px; color:#333; font-size:10px;}

a.segue { background:url(/imgs/frecce/frecciaGray.gif) right 2px no-repeat; color:#333; text-decoration:none; bottom:0px; font-size:10px;
 height:12px; line-height:12px; padding:3px 16px 0 0; position:absolute; right:5px; }

a.segue:hover{ text-decoration:underline }
 #contListaAudio { font-size:10px; background-color:#FFFFFF;margin-top:10px;padding:10px;position:relative;}
#contListaArgomento a.block {background-color:#c8c8c8;color:222;float:left;height:340px;margin:2px 2px;padding:6px 5px;width:170px; position:relative;}
#contListaArgomento a.block:hover {background-color:#515151; color:white; cursor:pointer; text-decoration:none;}
#contListaArgomento div.detArg{ color:#FFFFFF; float:left; padding:0px 2px; width:auto; background-color:#7c9c57; margin-bottom:3px; }
#contListaArgomento div.titDesc{ clear:left;  }
#contListaArgomento div.trattoDa{ position:absolute; bottom:5px; left:5px;}

.audioSel{ position:relative; overflow:hidden; border-bottom:1px #666 dashed; padding-bottom:10px; height:469px;}
.contentAudio {margin:0;}
.contentInfo {float: left; width:710px;margin-left:0px; position:relative;  padding-bottom:0px; border-right: solid 1px #9b7f98; }
.contentInfo .testo{margin-top:10px;}
.contentInfo .acuradi{ position:absolute; bottom:0; right:7px;}
a.torna { float:right; }

.contentAltreInfo{  float:left; margin-left:7px; width:200px; }
.contentAltreInfo a{ line-height:18px; margin-bottom:5px;  background:url(../imgs/AudioFreccia.jpg) no-repeat right bottom; padding-right:20px; }

/* CAROSELLI */

body .galleryCarousel{ margin:7px 0 0 4px; clear:left; display:block; height:140px;}
body .maskGalleryCarousel{ background:white; display:block; width:856px; height: 140px; position:relative; overflow:hidden; float:left; margin:0px 0 0px 0; }
body .containerGalleryCarousel{ background:white; display:block; width:1026px; height:140px; position:relative; left:-170px; overflow:hidden; }
body .clickGalleryCarouselL, .clickGalleryCarouselR { width:24px; height:140px; float:left; margin:0px 0px 0 0px; display:block; }
body .clickGalleryCarouselL{ background-image:url(/imgs/frecce/approLeftOn.gif); }
body .clickGalleryCarouselR{ background-image:url(/imgs/frecce/approRightOn.gif);}

body .itemGallery	 { margin-right:1px; height:140px; width:170px; display:block; position:absolute; left:1026px; background-color:#ebebeb;}
body .itemGallery img { width:170px; display:block; position:absolute;}

body .galleryCarousel div a{ background-color:#d5d5d5;  position:relative; display:block;height:140px; width:170px;}
body .galleryCarousel div a:hover{ text-decoration:none}
body span.titDesc{ background:url(/imgs/home/black_50pc.png) repeat; display:block; position:absolute; bottom:0px; width:166px; padding:2px; font-size:10px; line-height:11px; color:#FFFFFF;}
body span.titolo{display:block;}
body span.detArg{ color:#FFFFFF;font-size:10px;line-height:10px;padding:2px;position:absolute;background-color:#7C9C57;right:0px;top:0;width:auto; display:block;}
body .galleryCarousel { height:140px;}