@CHARSET "UTF-8";

/* domyslne ustawienia elementow */
a {	
	font-weight: bold;
	text-decoration: none;
}
a:hover { text-decoration: underline; }
p {
}
input {border: 1px solid #999; height: 14px; font-size: 10px;}
textarea{border: 1px solid #8eb51d; font-size: 11px;}

/* klasy dla wszystkich */
.paddLeft10 {padding-left: 10px;}
.paddLeft5 {padding-left: 5px;}
.marginLeft8 {margin-left: 8px;}
.noborder { border: none !important;}
.border_green { border: 1px solid #8eb51c;}

/*rozmiary czcionek */
.fs1, #footer h4  {font-size: 13px}
.fs2, .box_panel h3, #film_widok_h3 h3 {font-size: 13px !important;}
.fs3 {font-size: 30px}
.fs4 {font-size: 10px}
.fs5 {font-size: 20px}

/* boldowanie */
.fb, #footer h4 {font-weight: bold;}
.fn, #box_logowania ul.shortcuts li a {font-weight: normal !important;}

/* kolory czcionek */
.fc1 {color: #666} 
.fc2, #footer h4, #box_tagi a {color: #6A6A6A !important;} 
.fc3,  #kategorie a, .kategoria h5 a, #box_kategoria_lewo h3 a{color: #000 !important;} 
.fc4 {color: #030 !important;} 
.fc5 {color: #fff !important;} 
.fc6 {color: #83b51d} 
.fc0, .box_panel h3, .losowy_film p {color: #000 !important;} 
.fc7 {color: #939393 !important;} 
.film_dane .film_tytul a, .film_tytul a, #box_kategoria_lewo a {color: #EC7404 !important;}


/* text transform */
.ftup, .box_panel h3 {text-transform: uppercase;}

/* linki z ikona */
.aico {padding-left: 15px}

/* box */
.box {margin-bottom: 2px;}
.box .box_panel { height: 30px; background: url(../../img/png.png) no-repeat 0 -226px; }
.box_tabs{ }
.box_tabs div{ height: 33px; background-color: blue; width: 166px; background: url(../../img/png.png) no-repeat; position: relative; float: left;}
.box_tabs a{ height: 33px; background-color: blue; width: 166px; background: url(../../img/png.png) no-repeat; position: relative; float: left; display: block; }
.box_tabs a:hover{text-decoration: none;}
.box_tabs a:hover h3{text-decoration: underline;}
.box_tabs h3 { position: relative; top: 12px; left: 0px; margin: 0px; padding: 0px;}
#tabs_all_movies h3 { position: relative; top: 12px; left: 0px; margin: 0px; padding: 0px;}
.box .box_panel h3 { position: relative; top: 14px; left: 0px; margin: 0px; padding: 0px;}
.box .box_panel .boxico {height: 30px; width: 35px; float: left; background: url(../../img/magiel.jpg) no-repeat; }
.box_content {border: 1px solid #D2D2D2; padding: 8px 10px 8px 10px; }

.box_wyrozniony {border: 1px solid #d2d2d2; padding: 10px 8px 10px 8px; background: #eeeeeb; }

/* box pomaranczowy */
.box_pom {margin-bottom: 2px;}
.box_pom .box_panel { height: 30px; background: url(../../img/png.png) no-repeat 0 -165px; }
.box_pom .box_panel h3 { position: relative; top: 14px; left: 0px; margin: 0px; padding: 0px;}
.box_pom .box_panel .boxico {height: 30px; width: 35px; float: left; background: url(../../img/jpg4.jpg) no-repeat; }
.box_pom .box_content {border: 1px solid #e36008; padding: 8px 10px 8px 10px; }

.box_pom .box_ico1 {background-position: 0 0 !important;}
.box_pom .box_ico2 {background-position: -71px 0 !important;}
.box_pom .box_ico3 {background-position: -34px 0 !important;}

.box_pom .button_pom .button_content {background: url(../../img/jpg4.jpg) no-repeat -148px -79px; width: 62px; height: 16px; }

.box_pom .kategoria_ikonka span {background: url(../../img/jpg4.jpg) no-repeat; }
.box_pom .kategoria_16 span {background-position: 0px -32px; }
/* end box pomaranczowy */

/* box niebieski */
.box_nieb {margin-bottom: 2px;}
.box_nieb .box_panel { height: 30px; background: url(../../img/png.png) no-repeat 0 -196px; }
.box_nieb .box_panel h3 { position: relative; top: 14px; left: 0px; margin: 0px; padding: 0px;}
.box_nieb .box_panel .boxico {height: 30px; width: 35px; float: left; background: url(../../img/jpg.jpg) no-repeat; }
#poradnikiContainer .box_nieb .box_panel .boxico {height: 30px; width: 35px; float: left; background: url(../../img/jpg8.jpg) no-repeat; }
.box_nieb .box_content {border: 1px solid #5BB1D9; padding: 8px 10px 8px 10px; }

.box_nieb .box_ico1 {background-position: 0 -44px !important;}
.box_nieb .box_ico2 {background-position: -35px -44px !important;}
.box_nieb .box_ico3 {background-position: -210px -88px !important;}
#poradnikiContainer .box_nieb .box_ico3 {background-position: -70px -44px !important;}
.box_nieb .box_ico4 {background-position: -105px -44px !important;}
.box_nieb .box_ico5 {background-position: -140px -44px !important;}
.box_nieb .box_ico6 {background-position: -175px -44px !important;}
.box_nieb .box_ico7 {background-position: -280px -44px !important;}
.box_nieb .box_ico8 {background-position: -245px -44px !important;}


.box_nieb .button_nieb .button_content {background: url(../../img/jpg8.jpg) no-repeat -55px -160px; width: 62px; height: 16px; }

.box_nieb .kategoria_ikonka span {background: url(../../img/jpg4.jpg) no-repeat; }
.box_nieb .kategoria_16 span {background-position: 0px -32px; }
/* end box pomaranczowy */

/* hr */
.hr {border-top: 1px solid #ccc; font-size: 1px; height: 1px; margin-top: 6px; margin-bottom: 6px; clear: both;}

/* buttony */
.btn_wyslij {background: none; border: none; font-size: 11px; font-weight: bold; }


/* pathway */
.pathway {height: 20px; background: #F8F8F8; border: 1px solid #D2D2D2; margin-bottom: 8px; padding-top: 8px; padding-left: 5px; font-size: 13px;}
.pathway a { color: #6A6A6A !important; font-weight: normal; font-size: 13px; }
/* end pathway */

.strzalka {
	background:transparent url(../../img/png.png) no-repeat scroll -175px -38px;
	padding-left:10px;
}

/* messages  bledy komunikaty */
.message_container {height: 25px; vertical-align: middle;  background: url(../../img/png.png) no-repeat 0 -139px; color: #fff; font-weight: bold; text-align: center; font-size: 13px; margin-bottom: 8px; position: relative; z-index: 1; }
.message, .error-message {  padding-top: 6px; color: #fff;}
/* end messages  bledy komunikaty */

/* clearfix */
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.naglowekDuzyBelka { font-size: 14px; font-weight: normal; text-transform: uppercase; padding-left: 20px; color: #0ff; }
.naglowekTabsyMenu { color: #fff; }
.naglowekTabsy { padding-left: 20px; font-size: 13px; color: #000; }

/*** glowna strona + header ***/
#wrapper {
	width: 980px;
	margin: auto;
}

/* header */
#header {   }
#header_top { float: left; width: 504px; overflow: hidden; } 
#header_top #header_logo {
	float: left;
	padding-left: 11px;
	height: 66px;
}
#header_logo a.logo1 {background: url(../../img/magiel.jpg) no-repeat 0 0px; width: 250px; height: 55px; display: block; position: relative; top: 0px; margin-bottom: 11px; float: left;}
#header_logo a.logo2 {background: url(../../img/magiel.jpg) no-repeat -250px 0px; width: 145px; height: 55px; display: block; position: relative; top: 0px; margin-bottom: 11px; float: left;}
#header_prawo {
	float: left;
	text-align: left;	
	width: 476px; 
	overflow: hidden;
} 

#header_prawo #header_box_magiel { position: relative; top: 66px}
#header_prawo #header_magiel { background: url(../../img/magiel.jpg) no-repeat -395px 0px; height: 203px; float: left; width: 228px;}

#header_boxy {clear: both;}
.header_spacer {width: 4px; height: 137px; background: url(../../img/magiel.jpg) no-repeat -626px -66px; float: left;}
.header_box {width: 238px; height: 137px; background: url(../../img/magiel.jpg) no-repeat 0 -66px; float: left; padding-left: 10px;}
.header_box span {font-size: 20px; color: #fff; font-weight: bold; margin-top: 7px; display: block; margin-bottom: 15px; }
.header_box span a {font-size: 20px; }
.header_box p span {font-size: inherit; color: inherit; font-weight: inherit; margin-top: 0; display: inline;  }
.header_box p {color: #000; font-size: 13px; line-height: 17px;}
.header_box p strong {color: #000; font-size: 13px;}

.header_box_icon {background: url(../../img/magiel.jpg) no-repeat; width: 72px; height: 90px; float: left; margin-right: 5px;}
.hicon1 {background-position: -22px -300px;}
.hicon2 {background-position: -118px -300px;}


#header_ads { position: relative; z-index: 2;}
* html #header_ads { position: static; z-index: 2;}

/* content */
#content {}
/** PAGINATORY **/
/* zielony */
.paginator {  height: 30px;}
.paginator_lewo { background: url(../../img/png.png) no-repeat 0 -77px; padding-left: 10px; color: #afafaf; float: left; display: block;}
.paginator_prawo { width: auto; float: right;}
.paginator_prawo a {color: #000; float: left; display: block;}
.paginator_prawo a:hover {text-decoration: none;}
.paginator_prawo span {float: left; display: block;}
.disabled { float: left; background: url(../../img/png.png); height: 23px; border: 1px solid #999; line-height:23px; margin-right:5px; min-height:23px; padding:0 5px; text-align:center; vertical-align:middle; background-position: -144px -109px;  }
.current { float: left; background: url(../../img/png.png) repeat-x; height: 23px; border: 1px solid #999; line-height:23px; margin-right:5px; min-height:23px; padding:0 5px; text-align:center; vertical-align:middle; background-position: -144px -109px;  }
.paginator_prawo a { display: block; height: 23px; border: 1px solid #ea7b00; background: url(../../img/png.png) repeat-x; float: left; line-height:23px; margin-right:5px; min-height:23px; padding:0 5px; text-align:center; vertical-align:middle; background-position: -645px -63px;}
* html .paginator_prawo a { margin-right: 3px; }
.paginator_prawo a:hover { background-position: -645px -86px; }  
/* pomaranczowy */
.paginator_pom {  height: 30px;}
.paginator_pom .paginator_prawo a { color: #000; display: block; height: 23px; border: 1px solid #f5a148; background: url(../../img/png.png); background-position: -290px -63px; float: left; line-height:23px; margin-right:5px; min-height:23px; padding:0 5px; text-align:center; vertical-align:middle; }
.paginator_pom .paginator_prawo a:hover { background-position: -290px -86px; }
/* niebieski */
.paginator_blue {  height: 30px;}
.paginator_blue .paginator_prawo a { color: #000; display: block; height: 23px; border: 1px solid #31aef2; background: url(../../img/png.png); background-position: -144px -63px; float: left; line-height:23px; margin-right:5px; min-height:23px; padding:0 5px; text-align:center; vertical-align:middle; }
.paginator_blue .paginator_prawo a:hover { background-position: -144px -86px; }
/* fiolet */
.paginator_fiolet {  height: 30px;}
.paginator_fiolet .paginator_prawo a { color: #4B0D91; display: block; height: 23px; border: 1px solid #975ff5; background: url(../../img/layout/rootgfx.jpg); background-position: -300px -250px; float: left; line-height:23px; margin-right:5px; min-height:23px; padding:0 5px; text-align:center; vertical-align:middle; }
.paginator_fiolet .paginator_prawo a:hover { background-position: -300px -273px; }
/** END PAGINATORY **/


.box_tab1, .box_tabs .selected { background-position: 0px -64px !important; bottom: -1px;}
.box_tab23{ background-position: -167px -67px !important; }
.box_tab1_ico, .box_tab2_ico, .box_tab3_ico{ background: url(../../img/jpg.jpg) no-repeat; display: block; width: 35px; height: 28px; margin-top: 5px; float: left;}
.box_tab1_ico{ background-position: 0 -92px; }
.box_tab2_ico{ background-position: -37px -133px; }
.box_tab3_ico{ background-position: -74px -133px; }

.boxtab_opis{ position: relative; top: 8px; }


/* footer */
#footer {height: 145px; clear: both; margin-top: 8px;}
#footer div {float: left; height: 145px; border-right: 1px solid #d2d2d2; width: 180px; padding-left: 10px;}
#footer h4{ margin-bottom: 10px;}
#footer ul { margin: 0;}
#footer ul li{ color: #506611;  list-style: none; }
#footer ul.kategorie li { width: 105px; padding-bottom: 3px; border-bottom: 1px solid #d2d2d2; margin-bottom: 3px;}
#footer ul.inne_onas li { width: 135px; margin-top: 4px; border-bottom: 1px solid #d2d2d2;}
#footer ul.promowane_filmy li {margin-top: 2px; margin-bottom: 5px;}
#footer ul li.noborder {border: none;}
.footer_logo {width: 33px; height: 33px; background: url(../../img/jpg.jpg) no-repeat -261px -55px; float: left; margin-right: 10px;}
.footer_dol_lewo {float: left; margin-top: 5px; height: 35px;}
.footer_dol_lewo span { position: relative; top: 10px; left: 5px;}
.footer_dol_prawo {float: right; position: relative; top: 15px; left: -10px;  }
.footer_dol_prawo span {background: url(../../img/png.png) no-repeat -196px -41px; width: 10px; height: 10px; display: block; float: left; margin-right: 10px;  position: relative; top: 3px; }

.footer_ico { background: url(../../img/magiel.jpg) no-repeat; width: 16px !important; height: 17px; float: left; display: block; margin-right: 5px;}
.footer_ico_onas {background-position: -484px -324px;}
.footer_ico_blog {background-position: -609px -324px;}
.footer_ico_grupy {background-position: -589px -324px;}
.footer_ico_press {background-position: -505px -324px;}
.footer_ico_down {background-position: -429px -324px;}
.footer_ico_regulamin {background-position: -525px -324px;}
.footer_ico_reklama {background-position: -543px -324px;}
.footer_ico_pomoc {background-position: -446px -324px;}
.footer_ico_kontakt {background-position: -567px -324px;}
.footer_ico_konkurs {background-position: -393px -324px;}
.footer_ico_users {background-position: -412px -324px;}
.footer_ico_upload {background-position: -463px -324px;}

/* komentarze */
#comments-form .comments_container {width: 565px; overflow: hidden;}
#comments-form .comments_container .comment_box{ width:563px; border:1px solid #8EB51C; margin:0 0 7px 0}

.comments_container .comment_box .top{ width:97%; height:14px; padding:4px 0px 0 5px; border-bottom:none; margin:0 0 0 5px}
.comments_container .comment_box span.username{ font-size:11px; color:#92B528; font-weight:bold; float:left}
.comments_container .comment_box span.userpoints{ font-size:11px; color:#92B528; font-weight:bold; padding:0 0 0 13px; background:url(../../img/jpg8.jpg) no-repeat -123px -164px; float:left}
.comments_container .comment_box span.data{ float:right; font-size:11px; color:#666; margin:0 10px 0 0}
.comments_container .comment_box span.rating{ float:right; font-size:11px; color:#000; margin:0 0px 0 0}
.comments_container .comment_box a.plus{ display:block; width:16px; height:12px; background:url(../../img/png.png) no-repeat; background-position:-510px -40px; float:right; margin:0 0 0 2px; font-size:1px;}
.comments_container .comment_box a.plus_unactive { display:block; width:16px; height:12px; background:url(../../img/png.png) no-repeat; background-position:-510px -64px; float:right; margin:0 0 0 2px; font-size:1px;}
.comments_container .comment_box a.plus:hover{ background-position:-510px -52px;} 
.comments_container .comment_box a.minus{ display:block; width:16px; height:12px; background:url(../../img/png.png) no-repeat -528px -40px; float:right; margin:0 4px 0 4px; font-size:1px;}
.comments_container .comment_box a.minus_unactive { display:block; width:16px; height:12px; background:url(../../img/png.png) no-repeat -528px -64px; float:right; margin:0 4px 0 4px; font-size:1px;}
.comments_container .comment_box a.minus:hover{ background-position:-528px -52px;}

.comments_container .comment_box .left{ float:left; width:70px; padding:6px 0 6px 6px; margin:0 0 0px 0}
.comments_container .comment_box .left .avatar{ width:35px; height:35px; float:left; display:block; border:solid 1px #9C0}
#comments-form .comments_container .comment_box .left .avatar img { width:35px; height:35px; }
.comments_container .comment_box .left .but1{ display:block; float:left; width:25px; height:18px; margin-left:2px; background-image:url(../../img/png.png); background-position:-548px -40px}
.comments_container .comment_box .left .but1_unactive { display:block; float:left; width:25px; height:18px; margin-left:2px; background-image:url(../../img/png.png); background-position:-598px -40px}
.comments_container .comment_box .left .but2{ display:block; float:left; width:25px; height:18px; margin:1px 0 0 2px; background-image:url(../../img/png.png); background-position:-548px -59px}
.comments_container .comment_box .left .but2_unactive { display:block; float:left; width:25px; height:18px; margin:1px 0 0 2px; background-image:url(../../img/png.png); background-position:-598px -59px}
.comments_container .comment_box .left .but1:hover{ background-position:-573px -40px }
.comments_container .comment_box .left .but2:hover{ background-position:-573px -59px }

#comments-form .comments_container .comment_box .right{ float:left; border-left:solid 1px #999; width:475px; min-height:26px; height:auto !important; height:26px; margin:6px 0 0px 0; padding:0 0 16px 5px; position:relative; max-height: 450px; overflow: hidden;}
.comments_container .comment_box .right .butContainer{ bottom:-5px; height:16px; position:absolute; right:5px; width:120px;}
.comments_container .comment_box .right .butContainer .braportuj{ font-size:11px; color:#999; font-weight:normal; float:right}
.comments_container .comment_box .right .butContainer .braportuj:hover{ color:#666 }
.box_margin{ height:6px; width:200px; clear:both; font-size:1px; }
.comments_container .button_wyslij{ float:right; margin:5px 0 5px 0; }

.box_szary span {color: #ccc !important;}
.box_szary a {color: #ccc !important;}
.box_szary .right {color: #ccc !important;}

