@charset "UTF-8";

/* ELEMENTI STRUTTURALI */

#pageMostro {width:950px; height:600px; margin:0px auto 0px auto; padding:0px;}

/* PROPRIETÀ */

.left {float:left;}
.right {float:right;}
.clear {clear:both;}
.margin-auto {margin:0px auto 0px auto}
.nopadding {padding:0px;}

/* OGGETTI HOME */

#module-home{width:240px; height:150px; margin:0px; padding:0px;}
#module-home-end-row{width:230px; height:150px; margin:0px; padding:0px;}
#module-home-promo{width:182; height:150px; padding-left:58px; padding-right:10px; margin:0px; background:url(/images/show/il-mostro-di-firenze/10.jpg) top left no-repeat;}
#module-home-trama{width:182; height:150px; padding-right:58px; padding-left:10px; margin:0px; background:url(/images/show/il-mostro-di-firenze/11.jpg) top left no-repeat;}

/* OGGETTI VIDEO */

#module-video-top-bottom{width:240px; height:120px; margin:0px; padding:0px;}
#module-video-top-bottom-end-row{width:230px; height:120px; margin:0px; padding:0px;}
#module-video-content-left{width:240px; height:360px; margin:0px; padding:0px}
#module-video-content-right{width:230px; height:360px; margin:0px; padding:0px}
#module-video-content{width:480px; height:360px; margin:0px; padding:0px}

/* OGGETTI TRAMA */

#module-trama-top-bottom{width:240px; height:80px; margin:0px; padding:0px;}
#module-trama-top-bottom-end-row{width:230px; height:80px; margin:0px; padding:0px;}
#module-trama-content{width:960px; height:440px; margin:0px; padding:0px; background:url(/images/show/il-mostro-di-firenze/trama/05.jpg) top left no-repeat}
#module-trama-content .textpane {width:890px;}

/* JAVASCRIPT */

/* Stylesheet for my demo pages for jScrollPane - these styles aren't necessary for using jScrollPane and aren't specific to any particular example */

a.jScrollArrowUp {background: url(/images/show/il-mostro-di-firenze/panes/basic_arrow_up.gif) repeat-x 0 0;}
a.jScrollArrowUp:hover {background-position: 0 -15px;}
a.jScrollArrowDown {background: url(/images/show/il-mostro-di-firenze/basic_arrow_down.gif) repeat-x 0 0;}
a.jScrollArrowDown:hover {background-position: 0 -15px;}
a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover {background-position: 0 -30px;}

.thin-bar .jScrollPaneTrack {background: url(/images/show/il-mostro-di-firenze/panes/thin-bar-slider.gif) top center repeat-y;}
.thin-bar .jScrollPaneDrag {background: url(/images/show/il-mostro-di-firenze/panes/thin-bar-drag.gif) top center no-repeat;}
.thin-bar .scroll-pane {}
			
.holder {float: right; margin: 0px;}

.scroll-pane {width: 600px;height: 400px;overflow: auto;float: left;}
.wide {width: 400px;}
.super-wide {width: 700px;}
.tall {height: 400px;}

#pane1 {}
#pane2 {}
#pane3 {}
#pane4 {}