@import url(reset.css);
@import url(common.css);


/* ---------- New films ---------- */

#c_bg_new {
    width: auto;
    min-height: 408px;	
	height:408px;
    margin: 0px auto 0px;
	*margin-top: 10px;
	_margin-top: -50px;
    background: url(/images/index/bg_c_new.png) transparent no-repeat scroll center top;
	padding-left:45px;
	position:relative;
}
#c_new {
    width: 969px;
    height: auto;
    margin: 0px auto;    
	padding-top:105px;
	//margin-top:105px;
	//padding:0;
}

/* ---------- Just added films ---------- */

#c_bg_justadded {
    width: auto;
    min-height: 635px;
    margin: -40px auto 0px;
    background: url(/images/index/bg_c_justadded.png) transparent no-repeat scroll center top;
}
#c_justadded {
    width: 1000px;
    height: auto;
    margin: 0px auto;
    padding-top: 140px;
	position: relative;
}
div.justadded-animated {
	position: absolute;
	top: 52px;
	left: 18px;
	width: 310px;
	height: 45px;
    background: url(/images/animated/just_added.gif) no-repeat left top;
}

/* ---------- Top downloaded films ---------- */

#c_bg_topdl {
    width: auto;
    min-height: 815px;
    margin:  auto 0;
    background: url(/images/index/bg_c_topdl_new.jpg) transparent no-repeat scroll center top;
}
#c_topdl {
    width: 990px;
    /*height: auto;*/
    margin: 0px auto;
    padding-top: 100px;
	position:relative;
	zoom:1;
}

.fireburn
{
	background:url(/images/animated/perec.gif) no-repeat;
	width:147px;
	height:70px;
	position:absolute;
	z-index:11;
	top: 0px !important;
	left: 202px !important;
}

.justadded
{
	background:url(/images/animated/just_added.gif) no-repeat;		
	width:310px;
	height:45px;
	position:absolute;
	top:54px;
	left:19px;
}

/* ---------- Page footer ---------- */

#c_bg_footer {
    width: auto;
    min-height: 337px;
    margin: -64px auto 0px;
    background: url(/images/index/bg_c_footer.jpg) transparent no-repeat scroll center top;
}
#c_footer {
    width: 920px;
    height: auto;
    margin: 0px auto;
    padding-top: 120px;
}

/* ---------- Page icons in the top ---------- */
div.icons-banners {
	margin: -99px 0px 0px 0px;
	height: 140px;
	background: url(/images/icons-bg.gif) no-repeat center top;
	position: relative;
	z-index:20;
}
div.icons-banners div.wrapper {
	margin: 10px auto 0px auto;
	width: 969px;
	padding: 25px 0px 0px 0px;
}
div.icons-banners div.wrapper  div.storage {
	background: url(/images/icons-storage.gif) no-repeat left top;
	width: 139px;
	height: 121px;
	margin: 10px 0px 0px 2px;
	padding: 35px 0px 0px 25px;
	position: relative;
	float: left;
}
div.icons-banners div.wrapper  div.storage h1.shadow {
	color: #127aa8;
	font-family: Tahoma, Geneva;
	font-size: 11px !important;
	position: absolute;
	top: 17px;
	width: 87px;
	text-align: center;
}
div.icons-banners div.wrapper  div.storage h1.head {
	color: #fff;
	font-family: Tahoma, Geneva;
	font-size: 11px !important;
	position: absolute;
	top: 16px;
	width: 87px;
	text-align: center;
}
div.icons-banners div.wrapper  div.storage p {
	color: #fff;
	font-family: Tahoma, Geneva;
	font-size: 11px;
}
div.icons-banners div.wrapper  div.item  {
	text-align: center;
	float: left;
	width: 260px;
}
div.icons-banners div.wrapper  div.item p {
	color: #4c4c4c;
	font-family: Tahoma, Geneva;
	font-size: 11px;
	margin: 3px 60px 0px 70px;
	text-align: left;
}
div.icons-banners div.wrapper  div.wideitem  {
	width: 876px;
	height: 235px;
	background: url(/images/wideitem.gif) no-repeat left top;
	margin: -13px 0 0 149px;
	position: relative;
	*margin-top: -2px;
	*margin-left: 149px;
	*margin-bottom: -23px;
	_margin-top: -179px;
	_margin-left: 206px;
}
*+html div.icons-banners div.wrapper  div.wideitem  { top: -166px; }
div.icons-banners div.wrapper  div.wideitem  h2 {
	font: lighter 24px tahoma;
	color: #5bbfe1;
	position: absolute;
	left: 100px;
}
div.icons-banners div.wrapper  div.wideitem  h2.shadow {
	top: 25px;
}
div.icons-banners div.wrapper  div.wideitem  h2.front {
	color: #000;
	top: 23px;
}
div.icons-banners div.wrapper  div.wideitem  p {
	font: 16px tahoma;
	color: #1484c2;
	margin: 72px 10px 0 80px;
	float: left;
	*margin-top: 85px;
	*margin-left: 98px;
	_margin-left: 49px;
}
div.icons-banners div.wrapper  div.wideitem  a.howToDownloadForFree {
	display: block;
	width: 200px;
	height: 160px;
	position: absolute;
	right: 0px;
	top: 0px;
}


/*
	TV SERIES
*/
#c_topdl table {
	width: 100%;
	padding: 0px;
	border-collapse: collapse;
}
#c_topdl table td {
	vertical-align: top;
}
#c_topdl table td.series {
	width: 365px;
}
#c_topdl table td.series ul.epsList {
	margin: 15px 0 0 0px;
	list-style: none;
}
#c_topdl table td.series ul.epsList li {
	float: left;
	width: 180px;
	height: 147px;
}
#c_topdl table td.series ul.epsList li div.seriesCover {
	width: 69px;
	height: 76px;
	padding: 1px 0 0 2px;
	background: url(/images/coverTvBg.gif) no-repeat left top;
}
#c_topdl table td.series ul.epsList li div.seriesCover img {
	max-width: 50px;
	max-height: 74px;
	width: 50px;
	height: 74px;
}
#c_topdl table td.series ul.epsList li div.descr {
	margin: 8px 0 0 0;
}
#c_topdl table td.series ul.epsList li div.descr p.meine {
	font-size: 11px;
	color: #333333;
	margin-bottom: 2px;
	background: url(/images/tv-descr.gif) no-repeat left top;
	padding: 1px 0 2px 0;
}
#c_topdl table td.series ul.epsList li div.descr p {
	font-size: 11px;
	color: #333333;
	margin-bottom: 2px;
}
#c_topdl table td.series ul.epsList li div.descr p span {
	color: #fffae1;
	background: #807559 url(/images/tv-descr-r.gif) no-repeat right top;
	padding: 0px 7px 1px 2px;
	position: relative;
	left: 4px;
}
#c_topdl table td.series ul.epsList li div.descr p strong {
	font-weight: bold;
}
#c_topdl table td.series ul.epsList li div.descr p em {
	font-size: 10px;
	font-family: arial;
	font-style: italic;
}
#c_topdl table td.series ul.epsList li div.descr p a {
	font-size: 12px;
	font-weight: bold;
	color: #427e96;
	text-decoration: none;
}