/*Common

------------------------------------------------------------------------- */

* { margin:0;padding:0;}
img { border: 0 }
a { text-decoration: none; outline: none; }
a:hover { text-decoration: underline; outline: none; }
ul { list-style: none; text-align: left; }
fieldset { border: 0; }
.textinput, .textarea { width: 100px; height: 13px; background: #FFF url(../../template/img/bg-textinput.gif) 0 0 repeat-x; border: 1px solid #E9A6BD; padding: 2px 4px; font: 9px/11px Verdana; color: #C75E7D; vertical-align: top;}
.file {background: #FFF url(../../template/img/bg-textinput.gif) 0 0 repeat-x; border: 1px solid #E9A6BD; color: #C75E7D; padding: 1px;}
.textarea {width: 260px; height: 135px; padding: 0; display: inline-block; overflow-y: auto; overflow-x: hidden; position: relative;}
textarea { width: 240px; min-height: 135px; overflow: hidden; background: none; border: 0; font-size: 11px; line-height: 15px; font-family: Verdana; color: #C75E7D;}
.submit, .reset { border: 0; background: 0; color: #FF307E; font: bold 12px/14px Verdana; }
.submit:hover, .reset:hover { cursor: pointer; text-decoration: underline;}
.reset { color: #E5CFD6;}
.reset:hover {border-bottom-color: #E5CFD6;}
label { padding: 0 4px; vertical-align: top; }
h1 {font: bold 28px/32px Tahoma; text-align: center; padding: 20px;}
h2 {font: bold 16px/20px Tahoma; text-align: center; padding: 0 20px;}
h2 a { color: #FF307E; display: inline-block;}
h3 { color: #C75E7D; font: bold 14px/17px Tahoma; background: #FFF url(../../template/img/bg-h3.gif) 0 0 repeat-x; clear: both; margin: 0 0 15px; float: left; width: 100%;}
h3 span {background: #FFF url(../../template/img/bg-h3.gif) 0 -17px no-repeat; display: inline-block; padding: 0 8px 0 24px;}
h3.homepage {color: #479AC7; background-position: 0 -34px;}
h3.homepage span {background-position: 0 -51px;}
h4 { color: #479AC7; font: bold 12px/15px Verdana; background: url(../../template/img/bg-h4-trans.png) 0 0 no-repeat; clear: both; margin: 0; padding: 0 0 0 20px; }
h5 { color: #FFF; font: bold 15px/71px Verdana; background: url(../../template/img/zadania-h.gif) 0 0 no-repeat; clear: both; margin: 0; padding: 0; height: 71px; border-bottom: 2px solid #FFF; text-align: center;}
h6 {font-size: 10px; padding: 15px 0; font-weight: bold;}
h6 span { color: #FF2E7D; }

/*Layout

------------------------------------------------------------------------- */
html { height: 100%; }
body { height: 100%; width: 100%; background: #FFF url(../../template/img/bg.gif) 50% 0 repeat-x; font: 10px/15px  Verdana,Tahoma,Arial,Helvetica,sans-serif; color: #E7A1B9;}

#top, #page-header, #content , #footer{ width: 1050px; margin: 0 auto; position: relative; clear: both; z-index: 1;}
#rt { position: absolute; top: 0; right: 0; height: 20px; width: 50%; background: #FFF;}

/* Top

------------------------------------------------------------------------- */
#top { height: 67px; padding: 55px 50px 0 100px; width: 900px; overflow: hidden; background: url(../../template/img/bg-top.gif) 450px 0 no-repeat;}
#top a { float: left; }
#top ul { float: right;}
#top ul li { float: left; padding: 12px 0 12px 40px; background: url(../../template/img/bulk-top.gif) 17px 50% no-repeat;}
#top ul li:first-child { padding-left: 0; background: none;}
#top ul li a { color: #C75E7D; font: 15px/19px Tahoma;}
#top ul li a:hover { color: #FF2678;}


/* Page header

------------------------------------------------------------------------- */
#page-header { height: 406px; overflow: hidden;}


/* Content

------------------------------------------------------------------------- */
#content { width: 905px; padding: 20px 40px; position: relative; }
#sidebar { float: right; width: 241px;}

#login { clear: both; text-align: right; position: relative; top: 0; right: 30px; line-height: 19px; padding-bottom: 20px;}
#login label {display: inline-block;}
#login strong { font-size: 12px;}
#login a { color: #FF307E; margin: 0 15px 0 0;}
.logowanie #login { padding: 50px 0 30px; width: 100%; text-align: center;}

.klaps {position: absolute; left: 180px; background: url(../../template/img/klaps-trans.png) 0 0 no-repeat; width: 111px; height: 88px; overflow: hidden; z-index: 100;}
ul.ostatnio-dodane li .klaps {top: -30px;}
ul.ostatnio-dodane { background: #FFDE26 url(../../template/img/box-yellow.gif) -241px 100% no-repeat; height: 100%; position: relative; padding: 0 0 10px; color: #2B8BBE; float: left; clear: both; width: 241px; }
ul.ostatnio-dodane li { float: left; clear: both; width: 241px;}
ul.ostatnio-dodane li:first-child { background: url(../../template/img/box-yellow.gif) 0 0 no-repeat; padding: 15px; width: 211px;}
ul.ostatnio-dodane li a { float: left; width: 126px; padding: 8px 15px 8px 100px; color: #2B8BBE; height: 51px; position: relative;}
ul.ostatnio-dodane li a:hover { background: #FC7BAB;}
ul.ostatnio-dodane li a strong { display: block;}
ul.ostatnio-dodane li a img { width: 67px; height: 51px; position: absolute; top: 8px; left: 15px; z-index: 1;}
ul.ostatnio-dodane li a span.border { width: 67px; height: 51px; position: absolute; top: 8px; left: 15px; z-index: 2; background: url(../../template/img/br-imgsmall.gif) 0 0 no-repeat;}
ul.ostatnio-dodane li a:hover span.border {background-position: 0 -51px;}

ul.popularne-filmy { float: left; width: 650px; margin: -10px 0 0; color: #2B8BBE; line-height: 14px;}
ul.popularne-filmy li { float: left; width: 120px; height: 92px; margin: 10px 10px 0 0; overflow: hidden;}
ul.popularne-filmy li a {background: url(../../template/img/bg-popmovie.gif) 0 -92px no-repeat; float: left; width: 100px; height: 72px; padding: 10px; color: #2B8BBE; position: relative;}
ul.popularne-filmy li.odd a {background-position: 0 0;}
ul.popularne-filmy li a:hover {background-position: 0 -184px; text-decoration: none; color: #FFF;}
ul.popularne-filmy li a strong { height: 28px; overflow: hidden; padding: 0 0 15px; display: block;}
ul.popularne-filmy li a span.rank { width: 27px; line-height: 21px; text-align:right; position: absolute; bottom: 0px; right: 0; font: normal 22px/25px Georgia; color: #3BB3FB; }
ul.popularne-filmy li a:hover span.rank { color: #FF2678;}

.rolki { float: left; height: 47px; width: 700px; background: url(../../template/img/bg-rolki.gif) 0 0 no-repeat; margin: 10px -40px 0; text-align: center; padding: 22px 0 0; }
.rolki a { font-size: 11px; color: #2B8BBE; font-weight: bold;}

/* Kontakt

------------------------------------------------------------------------- */
#kontakt { margin: 0 auto; padding: 50px 0; width: 375px; clear: both; line-height: 19px;}
#kontakt label { display: inline-block; clear: both; width: 100px; text-align: right; }
#kontakt li { padding: 10px 0 0;}

/* Galeria 

------------------------------------------------------------------------- */
#tabs { position: relative; padding-bottom: 70px; float: left; width: 241px;}
#tabs .klaps { bottom: 0px;}

ul.tabs-navi {background: #FFDE26 url(../../template/img/box-tabs.gif) 0 0 no-repeat; height: 100%; position: relative; color: #2B8BBE; float: left; clear: both; width: 241px; text-align: center;}
ul.tabs-navi li { float: left; padding: 0; width: 143px; }
ul.tabs-navi li:first-child { width: 98px;  }
ul.tabs-navi a {font: bold 12px/18px Verdana; margin: 0; padding: 0; color: #FFF;}
ul.tabs-navi li:first-child  a {color: #2B8BBE;}

ul.tabs { background: #FFDE26 url(../../template/img/box-tabs.gif) -723px 100% no-repeat; height: 100%; position: relative; padding: 0 0 10px; color: #2B8BBE; float: left; clear: both; width: 241px; }
ul.tabs li { float: left; clear: both; width: 241px;}
ul.tabs li:first-child { background: url(../../template/img/box-tabs.gif) -241px 0 no-repeat;}
ul.tabs li a { float: left; width: 126px; padding: 8px 15px 8px 100px; color: #2B8BBE; height: 51px; position: relative;}
ul.tabs li:first-child a{margin-top: 10px; }
ul.tabs li a:hover { background: #FC7BAB;}
ul.tabs li a strong { display: block;}
ul.tabs li a img { width: 67px; height: 51px; position: absolute; top: 8px; left: 15px; z-index: 1;}
ul.tabs li a span.border { width: 67px; height: 51px; position: absolute; top: 8px; left: 15px; z-index: 2; background: url(../../template/img/br-imgsmall.gif) 0 0 no-repeat;}
ul.tabs li a:hover span.border {background-position: 0 -51px;}
ul.tabs li.pagination { text-align: center; border-top: 1px solid #FFF; margin: 5px 0 0;}
ul.tabs li.pagination a { float: none; display: inline-block; padding: 2px 4px; width: auto; height: auto; font-weight: bold; margin: 10px 0 0;}

#tab-najpopularniejsze ul.tabs {background-color: #3BB3FB; background-position: -964px 100%;}
#tab-najpopularniejsze ul.tabs  li:first-child  {background-position: -482px 0;}
#tab-najpopularniejsze ul.tabs li a { color: #FFF;}
#tab-najpopularniejsze ul.tabs li a span.border {background-position: 0 -102px;}
#tab-najpopularniejsze ul.tabs li a:hover span.border {background-position: 0 -51px;}
#tab-najpopularniejsze ul.tabs li.pagination a {color: #FFF;}
.tabs-hide { display: none;}
.tabs-selected { display: block;}

ul.galeria { float: left; width: 664px; margin: -10px -12px 0 0; color: #2B8BBE; line-height: 14px;; overflow: hidden; }
ul.galeria li { float: left; width: 160px; height: 101px; padding: 0 10px 0 150px; margin: 20px 12px 0 0; background: #FBEBF1; position: relative;}
ul.galeria li img { width: 134px; height: 101px; position: absolute; top: 0; left: 0; z-index: 1;}
ul.galeria li a { width: 160px; display: block; height: 100px; padding: 0; color: #CC6C88; line-height: 22px; }
ul.galeria li a.play { width: 38px; height: 38px; position: absolute; top: 32px; left: 48px; z-index: 2; background: url(../../template/img/play-trans.png) 0 0 no-repeat;}
ul.galeria li a:hover { cursor: pointer;}
ul.galeria li a span { color: #FF2275; font-weight: bold;}
ul.galeria li a strong { color: #FF2275; background: url(../../template/img/br-strong.gif) 0 100% repeat-x; height: 22px; overflow: hidden; padding: 10px 0; margin: 0 0 5px; display: block; font-size: 12px; }
ul.galeria li.pagination { clear: both; height: auto; background: none; text-align: center; margin: 5px 0 0; padding: 0; width: 652px;}
ul.galeria li.pagination a { background: none; float: none; display: inline-block; padding: 2px 4px; width: auto; height: auto; font-weight: bold; margin: 10px 0 0; color: #FF3983;}
ul.galeria li span.rank {position: absolute; top: -20px; left: 0; color: #FF2275; font-weight: bold; font-size: 12px;}
ul.zwyciezcy li { margin-top: 40px;}

.film { float: left; background: #FBEBF1 url(../../template/img/bg-film.jpg) 100% 0 no-repeat; width: 648px; height: 303px; overflow: hidden; position: relative; }
.film .flashplayer { position: absolute; left: 0; top: 0;}
.film .title {width: 197px; position: absolute; left: 425px; top: 15px; color: #FF2678; font-weight: bold; font-size: 18px; letter-spacing: -1px; height: 24px; line-height: 24px;}
.film .author {width: 197px;position: absolute; left: 425px; top: 65px;}
.film .author strong {color: #FF2275;}
.film .rank {width: 197px;position: absolute; left: 425px; top: 130px; line-height: 22px; height: 22px;}
.film .rank strong { float: left; padding: 0 5px 0 0;}
.film .rank .star { float: left; margin: 0 0 0 3px; width: 22px; height: 20px; overflow: hidden; background: url(../../template/img/star-off-trans.png) 0 0 no-repeat; line-height: 22px;}
.film .rank .star-hover {background-image: url(../../template/img/star-on-trans.png); cursor: pointer;}
.film .message {width: 197px;position: absolute; left: 425px; top: 182px; color: #FF2678; font-weight: bold;}
.film .message:hover { text-decoration: underline; cursor: pointer;}
.film .other {width: 197px;position: absolute; left: 425px; top: 220px;}
.film .other ul { position: absolute; left: -10px; top: 23px; width: 220px;}
.film .other ul li { float: left; margin-left: 8px;}
.film .other ul li:first-child { margin-left: 0;}


#pop-up-form { position: absolute; top: 200px; left: 425px; width: 175px; text-align: center; padding: 10px; background: #FBEBF1; border: 1px solid #FF2275; z-index: 1000;}
#pop-up-form .submit { display: block; float: none; margin: 0 auto;}
#pop-up-form .textinput { width: 150px; margin: 10px 0;}

.comments {width: 647px; float: left; font-size: 12px; color: #CD4784;}
.comments span { line-height: 28px; height: 28px; overflow: hidden; width: 290px; padding: 0 15px; font-weight: bold; font-size: 9px;}
.comments span.author { float: left; color: #CD4784;}
.comments span.date { float: right; text-align: right; color: #DC90A8;}
.comments li { float: left; background: #FDF6F9 url(../../template/img/bg-comment.gif) 0 0 no-repeat; padding: 0; width: 647px; margin: 15px 0 0;}
.comments li p{ float: left; background: url(../../template/img/bg-comment.gif) -647px 100% no-repeat; padding: 8px 15px 20px; width: 617px; }

#reply {float: left; padding: 10px 0; width: 647px; line-height: 19px; overflow: hidden;}
#reply label { font-size: 11px; color: #DC90A8; font-weight: bold; display: block; }
#reply .submit { font-size: 11px; color: #CD4784; font-weight: bold; margin: 66px 10px 0 0; float: right; }
#reply div {background: url(../../template/img/bg-commentarea.gif) 0 0 no-repeat; width: 627px; padding: 10px; height: 80px; margin: 8px 0 0;}
#reply .textarea { width: 550px; height: 75px; background: none; border: 0; float: left;}
#reply .textarea textarea { width: 530px; min-height: 75px; overflow-y: auto; overflow-x: hidden;}

/* Formularze

------------------------------------------------------------------------- */
#form { margin: 0 auto; padding: 50px 0; width: 400px; clear: both; line-height: 19px;}
#form label { display: inline-block; clear: both; width: 120px; text-align: right;}
#form li { padding: 10px 0 0; position: relative;}
#form label.err { font-weight: bold; width: auto; color: #FF2B7B;}
#form .submit, #form .reset { font-size: 22px; font-family: Arial; margin: 30px 0 0;}
#form a { color: #FF307E; font-weight: bold;}
#form li.nl { padding-left: 155px; line-height: 19px; width: 245px;}
#form .checkbox, #form .linkcheckbox  { width: 19px; height: 19px; position: absolute; top: 10px; left: 131px; background: url(../../template/img/checkbox.gif) no-repeat; text-align: center;}
#form .linkchecked {background-position: 0 -19px;}
#form li span { display: inline-block; position: relative; height: 19px; padding: 0 12px 0 24px; font-weight: bold; }
#form li span .checkbox, #form li span .linkcheckbox { left: 0; top: 0;}
#form li span.kobieta {color: #FF3480; }
#form li span.mezczyzna {color: #3BB3FB; }
#form li span.mezczyzna .checkbox, #form li span.mezczyzna .linkcheckbox  {background-position: -19px 0;}
#form li span.mezczyzna .linkchecked {background-position: -19px -19px;}

#haslo { margin: 0 auto; padding: 0 0 50px; width: 680px; clear: both; line-height: 19px;}
#haslo strong { display: block; color: #3BB3FB; font-size: 12px; font-weight: bold; padding: 10px 5px;}
#haslo .submit { color: #3BB3FB;}

/* Strony tekstowe

------------------------------------------------------------------------- */
.konkurs { font-weight: bold; color: #C75E7D; line-height: 18px; font-size: 10px; clear: both; float: left; width: 100%; }
.konkurs ul { padding: 10px 0 0;}
.konkurs span {color: #FF2F7D; padding: 0 4px 0 0;} .konkurs span.blue {color: #3BB3FB; padding: 0 4px 0 0;}
.konkurs span.xl { font-size: 14px; }
.konkurs strong {color: #16A3F7;}
.textpage a {color: #FF2F7D; font-weight: bold;}
.tc a { height: 48px; line-height: 48px; background: url(../../template/img/ico-pdf.gif) 0 0 no-repeat; padding-left: 60px; display: inline-block; margin: 30px 0; font-size: 12px;}
.tcc a { height: 48px; line-height: 48px; display: inline-block; margin: 30px 0; font-size: 12px;}
.zadania { float: left; clear: both; margin: 20px 0; }
.zadania li { width: 286px; float: left; margin-left: 22px; background: url(../../template/img/zadania-b.gif) 0 100% no-repeat;}
.zadania li:first-child {margin-left: 0;}
.zadania li span { padding: 15px 10px 35px; float: left; width: 266px; color: #FFF; font-size: 11px; background: 0 0 repeat-x;}

#zadanie1 { background-color: #F779A7; background-position: 0 100%;}
#zadanie2 { background-color: #38B0F9; background-position: -286px 100%;}
#zadanie3 { background-color: #FFB026; background-position: -572px 100%;}
#zadanie1 h5 { background-position: 0 0;}
#zadanie2 h5 { background-position: -286px 0;}
#zadanie3 h5 { background-position: -572px 0;}
#zadanie1 span { background-image: url(../../template/img/zadania-l1.gif);}
#zadanie2 span { background-image: url(../../template/img/zadania-l2.gif);}
#zadanie3 span { background-image: url(../../template/img/zadania-l3.gif);}

/* Footer 

------------------------------------------------------------------------- */
#footer {background: url(../../template/img/bg-foot.gif) 50% 0 no-repeat; text-align: center; padding: 30px 65px; width: 920px;}
#footer strong {display: block; clear: both;}
#footer strong.info { font-size: 15px; padding: 20px 10%; display: block; clear: both;}
#footer ul.fnav { float: right; padding: 0 25px 0 0; text-align: right;}
#footer ul.fnav li { float: left; padding: 0 15px 0 0; background: url(../../template/img/bulk-top.gif) 17px 50% no-repeat;}
#footer ul.fnav li:first-child { padding-left: 0; background: none;}
#footer ul.fnav li a { color: #FF2B7B;}
#responsible { float: left; margin: -10px 0; padding: 0 0 0 40px; text-align: left;}
#responsible strong { font-weight: bold; }
#footer ul.howto { padding: 0; margin: 20px 0 0; clear: both; text-align: left; border-color: #F3DFE5; border-style: solid; border-width: 1px 0; float: left; width: 100%; line-height: 12px;}
#footer ul.howto li { border-left: 1px solid #F3DFE5; float: left; width: 310px; padding: 20px; overflow: hidden;}
#footer ul.howto li:first-child { border-left: 0; width: 160px; }
#footer ul.howto li strong { font-weight: bold; }

/* Other 

------------------------------------------------------------------------- */
.fl { float: left; }
.fr { float: right; }
.clear { clear:both; }
.tc { text-align: center;}
.tcc { text-align: center;}
.tr { text-align: right;}
.tl { text-align: left;}
.hide { display: none;}