/* --------------------------------------------------------------------------------------------------------------- RESET */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin:0;
	padding:0;
	border:0;
	outline:0;
	font-weight:inherit;
	font-style:inherit;
	font-size:100%;
	font-family:inherit;
	vertical-align:baseline;
	overflow:hidden;
}

ol, ul {list-style:none;}
a {text-decoration:none; outline:none;}
table {border-collapse:collapse; border-spacing:0;}
caption, th, td {text-align:left; font-weight:normal;}
blockquote:before, blockquote:after, q:before, q:after {content:"";}
blockquote, q {quotes:"" "";}

/* --------------------------------------------------------------------------------------------------------------- COMMON */
body {font-family:'trebuchet ms', arial, verdana, tahoma, sans-serif; font-size:8pt; line-height:1.2; background-color:#D8D0BA; overflow:hidden}
#page {width:1000px; height:700px; margin:30px auto 0 auto; background:url("../img/bg_page.jpg") no-repeat left top; overflow:hidden}
p {color:#3E3B33;}

/* --------------------------------------------------------------------------------------------------------------- HEADER */
#page #header {height:83px; background-color:#4C4941; font-weight:700; line-height:1.5;}
#header #logo {float:left; margin:24px 0 0 30px;}
#header h1 {float:left; width:480px; margin:27px 0 0 40px; font-size:8pt; color:#FDF4DC;}
#header p {float:right; width:272px; margin:27px 43px 0 0; color:#FFF;}
#header p a, h1 a {padding:0 1px; color:#FFAC36;}
#header p a:hover, h1 a:hover {background-color:#FFAC36; color:#4C4941;}

/* --------------------------------------------------------------------------------------------------------------- MOVIES */
#movies {margin:100px 0 0 64px;}
#movies li {float:left; width:425px; height:132px; margin: 0 15px 0 0;}
#movies li a.thumb {float:left; width:156px; height:100px; background:url("../img/bg_movie.png") no-repeat left top;}
#movies li a.thumb:hover {background-position: left -100px}
#movies li a.thumb img {width:120px; height:72px;margin:17px 0 0 14px}
#movies li h2 {float:right; width:250px; font-size:12pt; font-weight:700; letter-spacing:-1px; color:#3F4C21;}
#movies li h2 a {padding:1px 0; color:#3F4C21;}
#movies li h2 a:hover {color:#000; background-color:#3F4C21;}
#movies li p {float:right; width:250px; padding-left:15px; margin-top:15px;}
#movies li p a {color:#3E3B33;}
#movies li p a:hover {text-decoration:underline;}
#movies li p.more {display:none;}
#movies li.expanded p.less {display:none;}
#movies li.expanded p.more {display:block;}
#movies li a.more-less {float:right; padding:2px 1px; margin:5px 0 0 0; font-size:9.5pt; line-height:1; font-weight:700; color:#3F4C21;}
#movies li a.more-less:hover {color:#000; background-color:#3F4C21;}

/* --------------------------------------------------------------------------------------------------------------- MENU */
#menu {float:left; margin:20px 0 0 325px;}
#menu li {float:left; margin-left:17px;}
#menu li a {float:left; width:156px; height:37px; line-height:40px; text-indent:20px;font-size:10.5pt; font-weight:700; color:#000; background:url("../img/bg_next.gif") no-repeat left top;}
#menu li.inactive a{background-position:left -74px;cursor:default;color:#656054;}
#menu li a span {font-size:15px;}
#menu li a:hover {background-position:left -37px;}
#menu li.inactive a:hover{background-position:left -74px;}

/* --------------------------------------------------------------------------------------------------------------- FOOTER */
p.footer {margin-top:130px; text-align:center; font-size:8pt;}
p.footer a {padding:1px 2px; font-weight:700; color:#3F4C21;}
p.footer a:hover {color:#000; background-color:#3F4C21;}

/* --------------------------------------------------------------------------------------------------------------- CLEAR */
.clearfix:after{content:"."; display:block; height:0; clear:both; visibility:hidden;}
.clearfix {display:inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height:1%;}
.clearfix {display:block;}
/* End hide from IE-mac */

/* --------------------------------------------------------------------------------------------------------------- AJAX Loader */
#movies.loading{width:936px;height:396px;background:url(../img/loading.png) center center no-repeat}
#movies.loading li{display:none}

/* --------------------------------------------------------------------------------------------------------------- Overlay */
body.hasOverlay {overflow:hidden}
#overlay {width:2000px; height:2000px; position:absolute; top:0; left:0; z-index:100; display:none; background-color:#3E3B33; filter:alpha(opacity=95); -moz-opacity:0.95;  opacity:0.95; overflow:hidden}
body.hasOverlay #overlay {display:block}
#modal-window {width:522px; height:463px; position:absolute; z-index:200; display:none; background:url("../img/bg_modal_window.png") no-repeat left top;}
#modal-window h2 {padding-bottom:5px; font-size:14pt; color:#3E3B33;}
#modal-window h2 a {padding:1px 0; color:#3E3B33;}
#modal-window h2 a:hover {color:#FDF4DC; background-color:#3E3B33;}
#modal-window p {margin-top:15px; text-align:center; font-size:13pt; color:#3E3B33;}
#modal-window p span {display:block;}

#modal-window.text .content {padding-top:110px;}
#modal-window.movie .content {margin:30px 0 0 40px}

#modal-window .footer {height:25px; width:522px; position:absolute; bottom:13px;}
#modal-window .footer a.back {float:right; height:25px; margin:0 57px 0 0;text-indent:-9999px}
#modal-window.text .footer a.back {margin-right:45px;width:88px;background:url("../img/continua.gif") no-repeat left top}
#modal-window.movie .footer a.back {margin-right:57px;width:66px;background:url("../img/bg_inapoi.gif") no-repeat left top}
#modal-window .footer a.back:hover {background-position:left -25px;}
#modal-window .footer a.youtube {float:left; margin:0 0 0 40px;}
#modal-window.text .footer a.youtube {display:none;}