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

.approfondimenti .bread{ margin-left:0px; margin-right:0px; }
.approfondimenti .bread li{font-size:11px; color:#444;}
.approfondimenti .bread li a:link, .approfondimenti .bread li a:visited{font-size:11px; color:#444;}
.approfondimenti .submenu{ float:left; width:190px; }
.approfondimenti .submenu ul { margin-top:8px; background-color:#FFFFFF; border:solid 1px #999; padding:0; color:#666;}
.approfondimenti .submenu ul li.firstStep{ background:#515151 url(/imgs/frecce/frecciaMenuInternal.gif) no-repeat 3px 5px; color:#FFFFFF; padding:1px 0px 0px 17px; font-size:12px; margin:0 0 1px 0; line-height:18px; }

.approfondimenti .submenu li.firstStep ul { margin:0 0 0 -17px; background-color:#FFFFFF; border:0px; padding:0; color:#666;}
.approfondimenti .submenu ul li.secondStep{ background:transparent;  padding:0; margin:0;}
.approfondimenti .submenu ul li.secondStep a{ display:block; width:182px; height:100%; background:#c8c8c8; color:#333333; padding:1px 3px; font-size:11px; margin:1px 0;}
.approfondimenti .submenu ul p { margin:3px 4px; font-size:10px; line-height:13px; }
.approfondimenti 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;}
.approfondimenti .submenu ul li.secondStep a:hover, .approfondimenti .submenu ul li.selected a { background:#7c9c57; color:#FFFFFF;}

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

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

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

h3{ margin-top:10px; font-size:13px; clear:left; margin-bottom:10px;}

div.contListaHome { background-color:#FFFFFF; padding:3px; margin-top:10px;}
div.box { margin-top:4px;  display:block; overflow:hidden; width:365px; float:left; }
div.box2 { margin-top:4px;  display:block; overflow:hidden; width:170px; float:left; margin-right:18px; margin-bottom:10px;}
div.box2Last { margin-right:0px;}
div.box2 .categoria img{ position:absolute; right:3px; top:3px;}
div.boxDisp { margin-right:4px;}
a.categoria {background-color:#d5d5d5; padding:0 10px 0 0; display:block; position:relative; float:left; width:185px; height:130px; padding:5px; }
.box a.categoria .entra { position:absolute; bottom:3px; right:3px; line-height:13px; background: url(/imgs/frecce/frecciaGrigiaSmall.jpg) no-repeat bottom right; padding:1px 15px 0 0; color:#666666;}
.box a.categoria:hover .entra { color:#FFF;}

a.categoria:hover {background-color:#515151; text-decoration:none; color:#FFFFFF;}
div.box2 a.categoria{ line-height:18px; width:160px; height:15px; margin-bottom:2px; }
a.esempio{ display:block; position:relative; float:left; width:170px; height:140px; }
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:0px;  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.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};

/* CAROSELLI */

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

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

body.tipo .galleryCarousel div a{ background-color:#d5d5d5;  position:relative; display:block;height:140px; width:170px;}
body.tipo .galleryCarousel div a:hover{ text-decoration:none}
body.tipo .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.tipo .titolo{display:block;}
body.tipo .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.tipo .galleryCarousel { height:140px;}



#contListaArgomento { font-size:10px; background-color:#FFFFFF;margin-top:10px;padding-bottom:2px;padding-left:2px;padding-right:0;padding-top:2px;position:relative;width:739px;}
#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 .detArg{ color:#FFFFFF; float:left; padding:0px 2px; width:auto; background-color:#7c9c57; margin-bottom:3px; }
#contListaArgomento .titDesc{ clear:left;  }
#contListaArgomento .trattoDa{ position:absolute; bottom:5px; left:5px;}
#contListaArgomento .catOnline{ position:absolute; top:6px; right:5px;}
a.boxArg { font-size:10px; margin: 10px 10px; position:relative; display:block; width:173px; height:59px; background: #dfdfdf url(/imgs/frecce/frecciaAppHomeOn.jpg) no-repeat right top; padding: 5px 40px 5px 5px; float:left; line-height:11px; }
a.boxArg:hover { background: #888 url(/imgs/frecce/frecciaAppHomeOn.jpg) no-repeat right -69px; text-decoration:none;  color:#FFFFFF;}
a.boxArg h2 { margin:0 0 2px 0; font-size:11px;}


a.boxTipo {  margin: 6px 10px; position:relative; display:block; width:193px; height:22px; background: #c8c8c8 url(/imgs/frecce/frecciaAppTipoHome.jpg) no-repeat right top;  padding: 14px 20px 3px 6px; float:left; color:#FFFFFF; }
a.boxTipo:hover { background: #c8c8c8 url(/imgs/frecce/frecciaAppTipoHome.jpg) no-repeat right -39px; text-decoration: none; color:#CCCCCC; overflow:hidden;}
a.boxTipo h2 { margin:0 0 2px 0; font-size:11px; font-weight:normal;}