@import "font.css";

*{margin:0; padding:0;}

html{background:#252525 url(../img/bg.jpg) repeat; background-attachment:fixed;}
body{font-family:Arial,Helvetica,sans-serif; font-size:12px; color:#666; line-height:19px; margin-top:44px}
a{color:#fff; text-decoration:none;}
a:hover{text-decoration:underline;}
img{border:0;}
.marginTop20{margin-top:20px;}

.box textarea:focus, input[type=text]:focus, .box input[type=password]:focus{outline:0;outline:thin dotted \9;}
.wrap{float:left; width:758px; height:auto;}
.allert{float:left; width:100%; height:auto; text-align:center; color:red; font-weight:bold; padding:7px 0; background:#FFB7B9; margin:15px 0;}
.wrapper{width:800px; height:auto; margin:0 auto; position:relative; clear:both;}

#cat{float:left; width:136px; height:198px; position:fixed; bottom:5px; left:20px;}

/* -------------- TOP -------------- */
#top{float:left; position:fixed; top:0px; overflow:hidden; z-index:99999999; width:100%; padding-top:4px; height:38px; background:url(../img/header.jpg) repeat; border-bottom:2px solid #c91907;}

#logo{float:left; width:800px; height:40px; text-align:center; margin:28px 0 27px;
margin-top:0px; margin-bottom:54px}

.main-menu{float:left;  width:auto; height:auto; border-right:1px solid #262626;}
.main-menu > li{float:left; width:auto; height:auto; list-style:none; border-top:1px solid #262626; background:#191919; position:relative;}
.main-menu > li a{float:left; width:auto; height:auto; font-size:15px; font-weight:bold; color:#fff; border-left:0px solid #262626; padding:10px 16px;}
.main-menu > li a span{color:#06F!important;}
.main-menu > li a i{margin:0 15px 0 0;}
.main-menu > li.active{


background: #fc4300;
background: -moz-linear-gradient(top,  #fc4300 0%, #c91907 29%, #c91907 99%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fc4300), color-stop(29%,#c91907), color-stop(99%,#c91907));
background: -webkit-linear-gradient(top,  #fc4300 0%,#c91907 29%,#c91907 99%);
background: -o-linear-gradient(top,  #fc4300 0%,#c91907 29%,#c91907 99%);
background: -ms-linear-gradient(top,  #fc4300 0%,#c91907 29%,#c91907 99%);
background: linear-gradient(to bottom,  #fc4300 0%,#c91907 29%,#c91907 99%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fc4300', endColorstr='#c91907',GradientType=0 );


 border-top-left-radius: 4px; border-top-right-radius: 4px;}
.main-menu > li.active a span{color:#fff!important;}
.main-menu > li a:hover{background:rgba(255,255,255,0.05); text-decoration:none;}
.main-menu > li.main:hover{/*background:#c91907;*/}
.main-menu li:hover ul{display:block;}
.main-menu ul{display:none; float:left; width:auto; height:auto; position:absolute; top:100%; left:0; background:#c91907; z-index:10; white-space:nowrap; padding:5px 0 2px;}
.main-menu ul li{list-style:none;}
.main-menu ul li a{font-size:13px; font-weight:normal; display:block; float:none; padding:6px 20px;}

#search{float:left; width:auto; height:auto; position:fixed; top:4px; right: calc((100% - 800px)/2); z-index:10;}
#search i{float:right; width:auto; height:auto; color:#fff; font-size:18px; padding:10px 15px 17px;}
#search fieldset{display:none; float:right; width:300px; height:auto; clear:both; background:#f6f6f6; padding:15px 15px; border:0;}
#search #searchText{float:left; width:200px; height:25px; background:#f6f6f6; font-size:12px; padding:0 10px; border:1px solid #CCC;}
#search .submit{float:right; width:auto; height:27px; border:0; text-align:center; font-weight:bold; background:red; padding:0 10px; color:#fff; cursor:pointer;}
#search:hover i{background:#f6f6f6; color:#000;}
#search:hover fieldset{display:block;}

/* SUBMENU BAR */
#submenuBar{float:left; width:100%; height:auto; background:url(../img/submenu.gif) top repeat-x; border-bottom:1px solid #1f1819; border-top:1px solid #1f1819; margin-bottom:30px;}
#submenuBar2{float:left; width:100%; height:auto; background:url(../img/submenu2.gif) top repeat-x; border-bottom:1px solid #1f1819; border-top:1px solid #1f1819; margin-bottom:30px;}
#submenuBar ul.menu1{float:left; width:auto; height:auto; border-left: 1px solid #282121; border-right:1px solid #3f3535; white-space:nowrap;}
#submenuBar ul.menu1 li{float:left; width:auto; height:auto; list-style:none; border-right:1px solid #282121; border-left:1px solid #3f3535; padding:6px 15px;}
#submenuBar ul.menu1 li a{float:left; width:auto; height:auto; color:#CCC; font-size:11px;}

#submenuBar ul.menu2{float:right; width:auto; height:auto; white-space:nowrap;}
#submenuBar ul.menu2 li{float:left; width:auto; height:auto; list-style:none; margin:8px 0 0 20px; position:relative; padding-bottom:4px;}
#submenuBar ul.menu2 li a{float:left; width:auto; height:auto;}
#submenuBar ul.menu2 li:hover ul{display:block;}
#submenuBar ul.menu2 ul{display:none; float:left; width:auto; height:auto; position:absolute; top:24px; left:-40px; background:#221a1a; z-index:11; border-bottom:4px solid red; padding:4px 0 2px;}
#submenuBar ul.menu2 ul li{list-style:none; margin:0; float:none; clear:both; white-space:nowrap;}
#submenuBar ul.menu2 ul li a{font-size:11px; display:block; float:none; padding:3px 15px; color:#CCC; text-align:center;}
#submenuBar ul.menu2 ul li a span{font-size:9px; color:#F90;}

/* -------------- REKLAMY --------------   40 na f*/
#advert-top{float:right; min-width:800px; max-width:1400px; text-align:center; height:auto; margin-bottom:10px; margin-top:-20px; margin-right:calc((100% - 800px)/2);}
.advert{float:left; width:758px; height:auto; text-align:center; padding:25px 20px 20px; color:#CCC;}
#advL, #advR{position:absolute; z-index:100;}
#advL{left:30px;}
#advR{right:30px; margin-top: 75px; }

/* -------------- CONTENT -------------- */
#content{width:798px; height:auto; margin:0 auto; padding-bottom:1px; border:1px solid #1b1010; background:#352929; border-radius: 3px; overflow:hidden; clear:both;}

.box{float:left; width:756px; margin:0 1px; height:auto; position:relative; background:#221a1a url(../img/bgArticle.gif) bottom repeat-x; border-top:1px solid #352929; padding:20px}
.adult-hide{visibility:hidden; opacity:0;}
.box-adult{float:left; position:absolute; top:0; left:0; z-index:99; width:100%; height:100%; color:#fff;}
.box-adult div{float:left; width:100%; height:220px; text-align:center; position:absolute; top:50%; left:0; margin-top:-110px; background:#221a1a url(../img/adult.png) top center no-repeat;}
.box-adult .adult1, .box-adult .adult2{float:left; width:100%; height:auto; position:absolute; left:0;}
.box-adult .adult1{bottom:40px;}
.box-adult .adult1 a{font-weight:bold; color:#F00; font-size:16px;}
.box-adult .adult2{bottom:10px;}

.box h2{float:left; width:auto; line-height:22px;
color: #B1B1B1;
text-shadow: 0px -1px 1px #000;
text-decoration:none;
margin-left:20px;
font-size:20px; margin-bottom:15px;
}
.box h2 a{
color: #B1B1B1;
text-shadow: 0px -1px 1px #000;
text-decoration:none;
margin-left:20px;
}
.box .frontInfo{position:absolute; top:10px; left:430px; color:#090; font-size:11px; display:none;}
.box .waitingInfo{position:absolute; top:10px; left:430px; color:red; font-size:11px; display:none;}
.box .objectMeta{float:left; width:756px; height:auto; font-size:12px; padding:10px 0; margin-top:20px; clear:both; white-space:nowrap; color:#959595; border-top:1px solid #242424; }
.box .objectMeta a{color:#fff;}
.box .objectMeta i{font-size:11px; margin-left:15px; padding-right:5px;}
.objectWrapper{width:600px; height:auto; padding:20px 0; margin:0 auto; display:block; text-align:center; clear:both; position:relative;}
.objectWrapper img{max-width:600px; height:auto;}

.box .reportPost{color:#555; text-decoration:underline; float:right; width:auto; height:auto;}
.box .reportPost:hover{text-decoration:none;}
.box .reported{float:right; width:auto; height:auto;}

.box .textBody{width:560px; margin:0 auto 30px; background:#1a1212; font-size:18px; font-weight:bold; text-align:center; line-height:30px; color:#fff; padding:30px 20px; display:table-cell; vertical-align:middle; clear:both; overflow:hidden; height:150px;}
.box .object-source{float:left; width:756px; height:auto; text-align:center; font-size:11px; margin-bottom:20px;}
.box .object-desc{width:560px; height:auto; padding:20px; margin:20px auto; display:block; overflow:hidden; line-height:16px;}
.box .itemDesc{width:95%; border-radius: 5px; text-align:left; font-size:1.7em; color:#221E1D; font-family: Times new Roman; line-height: 1.4;   height:auto; border:1px solid #3a2e2f;  background:#f5f3df;   padding:15px; margin:20px auto 25px; display:block; margin-right:30px; clear:both; }

.box .vote{float:left; width:auto; height:32px; font-size:11px;}
.box .vote .like, .box .vote .like-minus{float:left; width:75px; height:32px; background:url(../img/voteBTN.jpg) top left no-repeat; opacity:0.7; text-indent:-999px; overflow:hidden;}
.box .vote .like-minus{background:url(../img/voteBTN.jpg) top right no-repeat;}
.box .vote .like:hover, .box .vote .like-minus:hover{opacity:1;}   
.box .vote .rate{float:left; width:auto; height:auto; font-size:14px; margin:4px 0 0 15px;}

.box #linkToPrev, .box #linkToNext{display:block; width:40px; height:40px; padding:0; font-size:11px; position:absolute; top:40%; opacity:0.8; text-indent:-999px; overflow:hidden;}
.box #linkToPrev:hover, .box #linkToNext:hover{opacity:1; filter:alpha(opacity=100);}
.box #linkToPrev{left:30px; background:url(../img/nextprev.png) top left no-repeat;}
.box #linkToNext{right:30px; background:url(../img/nextprev.png) top right no-repeat;}

.favH, .subsH{float:left; width:800px; height:auto; padding:18px 0; font-size:16px; text-align:center; color:#fff; background:#221a1a url(../img/bgArticle.gif) bottom repeat-x;}
.favH a, .subsH a{color:#fff; text-decoration:underline;}

/* -------------- ANNOUNCE -------------- */
.announce-h{float:left; width:758px!important; height:auto; padding:0 0 10px 0; border-bottom:1px solid #CCC; margin-bottom:30px;}
.announce-desc{float:left; width:758px; height:auto; font-size:11px; color:#727272; padding:10px 0 0; border-top:1px solid #CCC; margin-top:20px; text-align:right;}
.announce-body{text-align:justify; padding-bottom:15px; float:left; width:758px; color:#c7c7c7;}

/* -------------- TEXT PAGE -------------- */
.page-h{float:left; width:758px!important; height:auto; padding:0 0 10px 0; border-bottom:1px solid #3a2e2f; margin-bottom:30px;}
#pageBody{line-height:19px; text-align:justify; padding-bottom:20px; float:left; width:758px; color:#c7c7c7;}
#pageBody h3{float:left; width:758px; height:auto; padding:15px 0 12px; font-weight:bold; text-align:center; color:#fff; font-size:13px;}
#pageBody ol{float:left; width:758px; height:auto; padding-left:20px; margin-bottom:20px;}
#pageBody ol li{float:left; width:753px; height:auto; padding:0 0 7px 05px; text-align:left;}

/* -------------- ADD OBJECT -------------- */
#add-menu{float:left; width:758px; height:auto;}
#add-menu li{float:left; width:auto; height:auto; list-style:none;}
#add-menu li a{float:left; width:auto; height:auto; border:1px solid #3a2e2f; background:#2c2022; text-align:center; margin:0 -1px -1px 0; padding:10px 20px; z-index:100; position:relative; color:#CCC;}
#add-menu li a:hover{text-decoration:none; background:#1f1617;}
#add-menu li.selected a{border-left:1px solid #3a2e2f; border-right:1px solid #3a2e2f; border-top:1px solid #3a2e2f; border-bottom:1px solid #1f1617; background:#1f1617; z-index:100; position:relative; font-weight:bold; color:#fff;}

#add-object{float:left; width:758px; height:auto; padding:20px 0; border:1px solid #3a2e2f; background:#1f1617;}
#add-object fieldset{display:block; width:490px; height:auto; border:none; background:#1f1617; padding:15px; text-align:left; margin:20px auto;}
#add-object fieldset div{float:left; width:490px; height:auto; margin-bottom:15px;}
#add-object fieldset div span{color:#333; font-size:11px; padding-left:7px;}
#add-object fieldset div#colorsBG{float:right; width:350px; height:20px; padding:3px 0;}
#add-object fieldset div#colorsBG p{float:right; margin-left:23px; border:1px solid #3a2e2f; padding:2px;}
#add-object fieldset div#colorsBG p input{float:left; width:auto; height:auto; margin:0; padding:0;}
#add-object fieldset div#colorsBG p span{float:right; width:10px; height:15px; margin-left:10px;}
#add-object fieldset div label{float:left; width:auto; height:auto;}
#add-object fieldset div input[type=text]{float:right; width:300px; height:20px; border:1px solid #3a2e2f; padding:3px 10px; font-size:11px; background:rgba(255,255,255,0.07); color:#CCC;}
#add-object fieldset div input[type=checkbox]{float:right; margin:3px 308px 0 0;}
.censoreInfo{font-weight:bold; color:red;}
#add-object fieldset .inputFile{float:right; width:300px; height:23px; border:1px solid #3a2e2f; padding:3px 10px; font-size:11px; background:rgba(255,255,255,0.07); color:#CCC; margin-bottom:0;}
#add-object fieldset select{float:right; width:322px; height:27px; border:1px solid #3a2e2f; padding:3px; font-size:12px; background:rgba(255,255,255,0.07); color:#CCC;}
#add-object fieldset select option{background:#1f1617; border:1px solid #3a2e2f;}
#add-object fieldset div textarea{float:right; width:468px; height:120px; border:1px solid #3a2e2f; padding:5px 10px; margin-top:10px; font-size:11px; background:rgba(255,255,255,0.07); color:#CCC;}
#add-object fieldset #submit{float:right; width:76px; height:24px; cursor:pointer; border:0; color:#fff; margin-top:5px; background:red; font-weight:bold;}

/* -------------- PAGINACJA -------------- */
.paginationWrap{position:relative; float:left; width:auto; height:auto; overflow:hidden;}
.pagination{float:left;  width:786px; height:80px; text-align:center; font-size:10px; padding:14px 5px 6px; text-align:center; border:1px solid #3a2e2f; background:#1f1617;}
.pagination ul{display:inline-block;}
.pagination li{list-style:none; float:left; width:auto; height:30px; text-align:center; font-size:14px; color:#fff; line-height:26px; margin:0 8px;  margin-bottom:6px;
 -webkit-border-radius: 5px; /* Safari, Chrome */
 -khtml-border-radius: 5px;    /* Konqueror */
 -moz-border-radius: 5px; /* Firefox */
  border-radius: 5px;

}
.pagination li a{color:#CCC; float:left; width:auto; height:30px; padding:0 10px; background:rgba(255,255,255,0.05);
 -webkit-border-radius: 5px; /* Safari, Chrome */
 -khtml-border-radius: 5px;    /* Konqueror */
 -moz-border-radius: 5px; /* Firefox */
  border-radius: 5px;
}
.pagination li.active{color:#fff; padding:0 10px;

background: rgb(255,48,25); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(255,48,25,1) 0%, rgba(207,4,4,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,48,25,1)), color-stop(100%,rgba(207,4,4,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(255,48,25,1) 0%,rgba(207,4,4,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(255,48,25,1) 0%,rgba(207,4,4,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(255,48,25,1) 0%,rgba(207,4,4,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(255,48,25,1) 0%,rgba(207,4,4,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff3019', endColorstr='#cf0404',GradientType=0 ); /* IE6-9 */


}
.pagination li.disabled{display:none;}
.pagination li.prev a, .pagination li.next a{
background: rgb(255,48,25); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(255,48,25,1) 0%, rgba(207,4,4,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,48,25,1)), color-stop(100%,rgba(207,4,4,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(255,48,25,1) 0%,rgba(207,4,4,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(255,48,25,1) 0%,rgba(207,4,4,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(255,48,25,1) 0%,rgba(207,4,4,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(255,48,25,1) 0%,rgba(207,4,4,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff3019', endColorstr='#cf0404',GradientType=0 ); /* IE6-9 */
color:#fff;
}

.pagination li.prev a, .pagination li.nextX a{
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #666666), color-stop(1, #ffffff));
	background:-moz-linear-gradient(top, #666666 5%, #ffffff 100%);
	background:-webkit-linear-gradient(top, #666666 5%, #333333 100%);
	background:-o-linear-gradient(top, #666666 5%, #333333 100%);
	background:-ms-linear-gradient(top, #666666 5%, #333333 100%);
	background:linear-gradient(to bottom, #333 5%, #223 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#555555', endColorstr='#ffffff',GradientType=0);
	background-color:#615561;
}


.pagination li a:hover{text-decoration:none;
background: rgb(221,176,39); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(221,176,39,1) 0%, rgba(252,117,0,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(221,176,39,1)), color-stop(100%,rgba(252,117,0,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(221,176,39,1) 0%,rgba(252,117,0,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(221,176,39,1) 0%,rgba(252,117,0,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(221,176,39,1) 0%,rgba(252,117,0,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(221,176,39,1) 0%,rgba(252,117,0,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ddb027', endColorstr='#fc7500',GradientType=0 ); /* IE6-9 */

}
#weiter{ float:block; width:750px; margin-top:2px; }

#goToPage{float:right; width:130px; height:auto; position:absolute; right:20px; bottom:61px;}
#goToPage p{float:left; width:auto; height:auto; padding:3px 5px 0 0; font-size:10px; color:#CCC;}
#goToPage fieldset{float:right; width:auto; height:auto; border:0;}
#goToPage fieldset input{float:right; width:30px; height:24px; border:1px solid #3a2e2f; padding:0 5px; font-size:11px; background:rgba(255,255,255,0.1); color:#555; text-align:center;}

/* -------------- KOMENTARZE -------------- */
.comment{float:left; width:740px; height:auto; border:1px solid #3a2e2f; background:#1f1617; padding:10px; margin-bottom:10px; position:relative;}
.comments-h{float:left; width:740px; height:auto; margin-bottom:20px; font-size:14px; color:#fff;}
.comment-desc{float:left; width:740px; height:auto; font-size:11px; color:#959595; border-bottom:1px dashed #3a2e2f; padding-bottom:6px; margin-bottom:7px;}
.comment-desc a{color:#fff;}
.comment-rate{float:right; width:auto; height:auto; white-space:nowrap; position:absolute; top:10px; right:10px;}
.comment-rate span{color:#555;}
.comment-rate .comment-rate-num{color:#CCC; padding-right:5px;}
.comment-rate a{font-weight:bold; opacity:0.5;}
.comment-rate a:hover{opacity:1; text-decoration:none;}
.comment-rate .comment-up{color:#0C0; margin:0 10px 0 15px;}
.comment-rate .comment-down{color:#F00;}
.comment-author{font-weight:bold;}
.comment .avatar{float:left; width:50px; height:50px; margin-top:2px; border:1px solid #3a2e2f; padding:1px;}
.comment-body{float:right; width:675px; height:auto; font-size:11px; color:#CCC;}
.comments-allert{text-align:center; float:left; width:740px; height:auto; color:red; margin-top:10px; font-style:italic;}
#add-comment{float:left; width:760px; height:auto; border:0; margin-top:20px;}
#add-comment legend{float:left; width:740px; height:auto; margin-bottom:20px; font-size:14px; font-weight:bold; color:#fff;}
#add-comment textarea{float:left; width:738px; height:70px; padding:10px; background:rgba(255,255,255,0.07); border:1px solid #3a2e2f; color:#CCC; font-family:Tahoma, Geneva, sans-serif;}
.comment-submit{float:right; width:76px; height:24px; border:0; color:#fff; background:red; font-weight:bold; cursor:pointer; margin-top:20px; font-size:12px; line-height:14px;}

/* -------------- IKONKI ADMINISTRACYJNE -------------- */
.adminIcons{width:auto; height:auto; position:absolute; top:18px; right:15px; display:none;}
.box:hover .adminIcons{display:block;}
.adminIcons li{float:left; width:auto; height:auto; list-style:none; text-align:left; padding:5px 5px; line-height:18px;}
.adminIcons li a{width:auto; height:auto; font-size:11px; color:#999; float:left; padding:0 7px;}
.adminIcons li a span{float:left;}
.adminIcons li a img{width:14px; height:14px; margin:1px 0 0 3px; float:right;}
.adminIcons .toFront{background:#090; color:#fff;}
.adminIcons .confirm{background:#F00; color:#fff;}
.adminIcons .edit{background:#FC0; color:#000;}

/* -------------- LOGOWANIE/REJESTRACJA -------------- */
.borderBoxTopBottom{border-top:1px solid #CCC; padding-top:15px; margin-top:10px; border-bottom:1px solid #3a2e2f; padding-bottom:15px; margin-bottom:10px;}
#loginForm fieldset, #registerForm fieldset{float:left; width:350px; height:auto; border:1px solid #3a2e2f; background:#1f1617; margin-top:30px; padding:10px;}
#loginForm fieldset div, #registerForm fieldset div{float:left; width:350px; height:auto; margin-bottom:10px;}
#loginForm fieldset label, #registerForm fieldset label{float:left; width:auto; height:auto; padding-top:3px;}
#loginForm fieldset input[type=text], #loginForm fieldset input[type=password], #registerForm fieldset input[type=text], #registerForm fieldset input[type=password]{float:right; width:200px; height:20px; padding:3px 10px; font-size:11px; border:1px solid #3a2e2f; background:rgba(255,255,255,0.07); color:#CCC;}
#registerForm fieldset div textarea{float:right; width:200px; height:90px; border:1px solid #CCC; padding:5px 10px; font-size:11px; background:#fff; color:#555;}
#loginForm fieldset #submit, #registerForm fieldset #submit{float:right; width:76px; height:24px; cursor:pointer; border:0; color:#fff; font-weight:bold; background:red; margin-top:5px; font-size:12px; line-height:14px;}

#fbLogin{float:left; width:400px; height:auto; border:1px solid #3a2e2f; background:#1f1617; margin-top:30px; padding:10px; clear:both;}
#fbLogin .info{float:right; width:auto; height:auto; padding-top:5px;}

#loginInfo, #registerInfo{float:right; width:350px; height:auto; border:1px solid #3a2e2f; background:#1f1617; margin-top:30px; padding:10px 10px 0;}
#loginInfo li, #registerInfo li{float:left; width:350px; height:auto; list-style:none; padding-bottom:20px; line-height:17px; color:#CCC;}
#loginInfo li a, #registerInfo li a{color:#fff; text-decoration:underline;}

/* -------------- PROFIL UŻYTKOWNIKA -------------- */
#userProfile{float:left; width:738px; height:auto; padding:10px; border:1px solid #3a2e2f; background:#1f1617; margin-top:20px; line-height:14px;}
#userProfile img{float:left; width:100px; height:100px; margin:1px 35px 0 20px;}
#userInfo1{float:left; width:300px; height:auto; margin:5px 20px 0 0;}
#userInfo1 li{float:left; width:250px; height:auto; list-style:none; padding-bottom:5px;}
#userInfo2{float:left; width:250px; height:auto; margin:5px 0 0 0;}
#userInfo2 li{float:left; width:250px; height:auto; list-style:none; padding-bottom:5px;}
#userInfo1 li span, #userInfo2 li span{color:#fff;}
#userInfo1 li a, #userInfo2 li a{color:#fff; text-decoration:underline;}
.subscribe{float:left; width:auto; height:auto; color:#FC0; margin-top:5px;}
.unsubscribe{float:left; width:auto; height:auto; color:red; margin-top:5px;}

.aboutMe{float:left; width:800px; height:auto; border-top:1px dotted #232323; margin:30px 0 10px 20px;}
.aboutMe p{float:left; width:100%; height:auto; padding:20px 0 0 0; text-align:center;}

#writeMessage{float:right; width:auto; height:auto; margin-top:-31px; clear:both; line-height:14px;}
#writeMessage a{color:#CCC;}
#writeMessage:hover{text-decoration:underline;}

/* -------------- USTAWIENIA PROFILU USERA -------------- */
#welcomeYou{float:right; width:auto; height:auto; padding:3px 0 30px; color:#CCC; text-align:right; white-space:nowrap;}
#welcomeYou span{color:#fff; font-weight:bold;}
.joinFb{float:left; width:auto; height:auto; margin:3px 0 0 20px; color:#06C;}

#myDate1{float:left; width:340px; height:auto; border:1px solid #3a2e2f; background:#1f1617; padding:15px;}
#myDate1 ul{float:left; width:auto; height:auto;}
#myDate1 ul li{float:left; width:340px; height:auto; list-style:none; padding-bottom:8px; color:#CCC;}
#myDate1 ul li .d{color:#fff; margin-left:5px; font-weight:bold;}
#myDate1 ul li .ico{float:left; width:20px; height:20px; background:url(../img/glyphicons-halflings.png) -120px 2px no-repeat;}

#myDate2{float:left; clear:both; width:728px; height:auto; border:1px solid #3a2e2f; background:#1f1617; padding:15px; margin-top:15px;}
#myDate2 fieldset{float:left; width:100%; height:auto; border:0;}
#myDate2 fieldset div{float:left; width:100%; height:auto; margin-bottom:15px;}
#myDate2 div label{float:left; width:auto; height:auto; padding-top:5px; color:#CCC;}
#myDate2 div input[type=text]{float:right; width:520px; height:20px; padding:3px 10px; font-size:11px; border:1px solid #3a2e2f; background:rgba(255,255,255,0.07); color:#CCC;}
#myDate2 div textarea{float:right; width:520px; height:110px; padding:5px 10px; font-size:11px; border:1px solid #3a2e2f; background:rgba(255,255,255,0.07); color:#CCC; font-family:Arial, Helvetica, sans-serif; line-height:19px;}
#myDate2 fieldset #submit{float:right; width:76px; height:24px; cursor:pointer; border:0; color:#fff; font-weight:bold; background:red; margin-top:5px; font-size:12px; line-height:14px;}

#editProfile .avatar{float:left; width:100px; height:100px; border:1px solid #3a2e2f; background:#1f1617; padding:3px;}
#uploadAvatar{float:right; width:340px; height:auto; border:1px solid #3a2e2f; background:#1f1617; padding:15px;}
#uploadAvatar fieldset{float:right; width:200px; height:auto; border:0;}
#uploadAvatar fieldset div{float:left; width:100%; height:auto; margin-bottom:10px;}
#uploadAvatar div label{float:left; width:auto; height:auto; padding-top:5px;}
#uploadAvatar .inputFile{float:right; width:200px; height:23px; padding:3px 10px; font-size:11px; background:rgba(255,255,255,0.07); color:#CCC; border:1px solid #3a2e2f; margin-bottom:5px;}
#uploadAvatar fieldset #submit{float:right; width:76px; height:24px; cursor:pointer; border:0; color:#fff; font-weight:bold; margin-top:16px; font-size:12px; line-height:14px; background:red;}
#editProfile #t{float:left; width:100%; height:auto; color:red; font-size:11px; visibility:hidden; line-height:16px; text-align:center;}
#uploadAvatar:hover #t{visibility:visible;}

/* -------------- IKONKI SOCIAL -------------- */
.socialIcons{float:right; width:auto; height:auto; margin:5px 0 0;}
.socialIcons div{float:left; width:auto; height:auto;}
.socialIcons .fbShare{float:left; width:auto; height:auto; overflow:hidden;}
.socialIcons .fbShare a{float:left; width:84px; height:18px; background:url(../img/facebook_share_button.png) top left no-repeat; text-indent:-999px; overflow:hidden; margin-left:25px;}

/* -------------- STOPKA -------------- */
#fb{width:775px; height:280px; background:url(../img/fanBox.png) top center no-repeat; padding:35px 0 0 25px;}
#fb .fb-like-box{padding:20px 15px 0; border:1px solid #392d2e; background:#1f1617;}

#footer{width:100%; height:auto; background: #252525 url(../img/bg.jpg) repeat;  border-top:2px solid #c91907; text-align:center;}

#stats{width:auto; height:auto; padding:25px 0 15px; display:inline-block; text-align:center;}
#stats li{float:left; width:auto; height:21px; font-size:11px; list-style:none; padding:0 25px;}
#stats li span{padding:1px 10px; background:rgba(255,255,255,0.1); margin-right:5px; color:#fff;}

#footerInfo{float:left; width:760px; height:35px; text-align:center; font-size:11px; padding:15px 20px; line-height:16px; border-top:1px solid #3e3030;}
#footerInfo a{color:#fff;}

.cookies_info{position:fixed; z-index:100; width:100%; height:auto; bottom:0px; text-align: center; left:0; background:rgba(0, 0, 0, 0.7); color:#fdfdfd; padding:15px 100px;
	-webkit-box-sizing:border-box;
	   -moz-box-sizing:border-box;
	    -ms-box-sizing:border-box;
	        box-sizing:border-box;
}
.cookies_info a{color:#900; font-weight:bold;}

/* -------------- SUGESTIE SZUKAJKI -------------- */
.ui-menu{list-style:none; padding: 2px; margin: 0; display:block; float:left;}
.ui-menu .ui-menu{margin-top:-1px;}
.ui-menu .ui-menu-item{margin:0; padding:0; zoom:1; float:left; clear:left; width:100%;}
.ui-menu .ui-menu-item a{text-decoration:none; display:block; padding:.2em .4em; line-height:1.5; zoom:1;}
.ui-menu .ui-menu-item a.ui-state-hover,
.ui-menu .ui-menu-item a.ui-state-active{font-weight:normal; background:#fff; color:#555;}

.ui-widget-content{background:#fff; border:1px solid #CCC; margin-top:100px; width:120px; overflow:hidden;}
.ui-menu .ui-menu-item a.ui-state-hover, .ui-menu .ui-menu-item a.ui-state-active{color:#555; background:#EFEFEF; font-size:11px; padding:5px 10px; display:block; cursor:pointer;}
.ui-widget-content a, .ui-menu .ui-menu-item a{color:#555; font-size:11px; padding:5px 10px; display:block;}

/* -------------- POCZTA -------------- */
#messages{width:100%; border-collapse:separate; *border-collapse:collapsed; border:1px solid #3a2e2f; background:#1f1617; float:left; margin-top:30px; border-spacing:0;}
#messages thead tr th{border-bottom:2px solid #3a2e2f;}
#messages thead tr th{text-align:center;}
#messages tbody tr td, #messages tbody tr td a{color:#CCC;}
#messages tbody tr td a:hover{color:#fff; text-decoration:none;}
#messages tbody tr:hover{background:rgba(255,255,255,0.05);}
#messages th, #messages td{padding:8px; text-align:left; border-top:1px solid #3a2e2f;}
#messages th+th, #messages td+td, #messages th+td, #messages td+th{border-left:1px solid #3a2e2f;}
#messages thead:first-child tr:first-child th, #messages tbody:first-child tr:first-child th, #messages tbody:first-child tr:first-child td{border-top:0;}
#messages .delMessage{display:inline-block; width:15px; height:20px; background:url(../img/glyphicons-halflings-white.png) -457px 4px no-repeat; text-indent:-100000px; overflow:hidden; margin-left:7px;}
#messages .reply{display:inline-block; width:15px; height:20px; background:url(../img/glyphicons-halflings-white.png) 0 -68px no-repeat; text-indent:-100000px; overflow:hidden;}
#messages .delMessage, #messages .reply{opacity:0.5;}
#messages .delMessage:hover, #messages .reply:hover{opacity:1;}
#messages .new{color:#090; font-weight:bold;}
#messages .center{text-align:center;}

.buttonWrite, .backMessages{float:right; width:auto; height:auto; text-align:center; line-height:20px; margin-top:4px; color:#fff; font-weight:bold; background:red; padding:2px 15px;}
.noMessages{width:100%; border-collapse:separate; *border-collapse:collapsed; border:1px solid #3a2e2f; background:#1f1617; color:#fff; float:left; margin-top:30px; text-align:center; padding:20px 0;}
.sendOk{float:left; width:100%; height:auto; text-align:center; color:#090; margin:15px 0 0; font-weight:bold;}

#writeForm{float:left; width:758px; height:auto; padding:20px 0; border:1px solid #3a2e2f; background:#1f1617; margin-top:30px;}
#writeForm fieldset{display:block; width:440px; height:auto; border:none; padding:15px; text-align:left; margin:20px auto;}
#writeForm fieldset div{float:left; width:440px; height:auto; margin-bottom:10px;}
#writeForm fieldset div span{color:#333; font-size:11px; padding-left:7px;}
#writeForm fieldset div label{float:left; width:auto; height:auto; margin:2px 0 0; color:#CCC;}
#writeForm fieldset div input[type=text]{float:right; width:300px; height:20px; padding:3px 10px; font-size:11px; background:rgba(255,255,255,0.07); color:#CCC; border:1px solid #3a2e2f;}
#writeForm fieldset div input#object-file{float:right; width:322px; height:27px; padding:3px 10px; font-size:11px; background:rgba(255,255,255,0.07); color:#CCC; border:1px solid #3a2e2f;}
#writeForm fieldset div textarea{float:right; width:300px; height:80px; padding:5px 10px; margin-top:6px; font-size:11px; background:rgba(255,255,255,0.07); color:#CCC; border:1px solid #3a2e2f;}
#writeForm fieldset #submit{float:right; width:76px; height:24px; cursor:pointer; border:0; color:#fff; font-weight:bold; background:red; margin-top:5px; font-size:12px; line-height:14px;}

#readMessage{width:716px; border-collapse:separate; *border-collapse:collapsed; border:1px solid #3a2e2f; background:#1f1617; float:left; margin-top:30px; padding:20px;}
#readMessage .messageTopic{float:left; width:auto; height:auto; font-weight:bold; color:#fff;}
#readMessage .messageDate{float:right; width:auto; height:auto; color:#999;}
#readMessage .messageContent{float:left; width:100%; height:auto; margin-top:15px; padding-top:15px; line-height:18px; color:#999; border-top:1px dashed #555;}
#readMessage #messageEdit{float:right; margin-top:20px;}
#readMessage .delMessage, #readMessage .replyMessage{padding:2px 6px;}
#readMessage .delMessage{background:#F00; margin-left:10px; color:#fff;}
#readMessage .replyMessage{background:#FC0; color:#333;}


/* -------------- COLORPICKER -------------- */
.colorpicker { width: 356px; height: 176px; overflow: hidden; position: absolute; background: url(../img/colorpicker/colorpicker_background.png); font-family: Arial, Helvetica, sans-serif; display: none; }
.colorpicker_color { width: 150px; height: 150px; left: 14px; top: 13px; position: absolute; background: #f00; overflow: hidden; cursor: crosshair; }
.colorpicker_color div { position: absolute; top: 0; left: 0; width: 150px; height: 150px; background: url(../img/colorpicker/colorpicker_overlay.png); }
.colorpicker_color div div { position: absolute; top: 0; left: 0; width: 11px; height: 11px; overflow: hidden; background: url(../img/colorpicker/colorpicker_select.gif); margin: -5px 0 0 -5px; }
.colorpicker_hue { position: absolute; top: 13px; left: 171px; width: 35px; height: 150px; cursor: n-resize; }
.colorpicker_hue div { position: absolute; width: 35px; height: 9px; overflow: hidden; background: url(../img/colorpicker/colorpicker_indic.gif) left top; margin: -4px 0 0 0; left: 0px; }
.colorpicker_new_color { position: absolute; width: 60px; height: 30px; left: 213px; top: 13px; background: #f00; }
.colorpicker_current_color { position: absolute; width: 60px; height: 30px; left: 283px; top: 13px; background: #f00; }
.colorpicker input { background-color: transparent; border: 1px solid transparent; position: absolute; font-size: 10px; font-family: Arial, Helvetica, sans-serif; color: #898989; top: 4px; right: 11px; text-align: right; margin: 0; padding: 0; height: 11px; }
.colorpicker_hex { position: absolute; width: 72px; height: 22px; background: url(../img/colorpicker/colorpicker_hex.png) top; left: 212px; top: 142px; }
.colorpicker_hex input { right: 6px; }
.colorpicker_field { height: 22px; width: 62px; background-position: top; position: absolute; }
.colorpicker_field span { position: absolute; width: 12px; height: 22px; overflow: hidden; top: 0; right: 0; cursor: n-resize; }
.colorpicker_rgb_r { background-image: url(../img/colorpicker/colorpicker_rgb_r.png); top: 52px; left: 212px; }
.colorpicker_rgb_g { background-image: url(../img/colorpicker/colorpicker_rgb_g.png); top: 82px; left: 212px; }
.colorpicker_rgb_b { background-image: url(../img/colorpicker/colorpicker_rgb_b.png); top: 112px; left: 212px; }
.colorpicker_hsb_h { background-image: url(../img/colorpicker/colorpicker_hsb_h.png); top: 52px; left: 282px; }
.colorpicker_hsb_s { background-image: url(../img/colorpicker/colorpicker_hsb_s.png); top: 82px; left: 282px; }
.colorpicker_hsb_b { background-image: url(../img/colorpicker/colorpicker_hsb_b.png); top: 112px; left: 282px; }
.colorpicker_submit { position: absolute; width: 22px; height: 22px; background: url(../img/colorpicker/colorpicker_submit.png) top; left: 322px; top: 142px; overflow: hidden; }
.colorpicker_focus { background-position: center; }
.colorpicker_hex.colorpicker_focus { background-position: bottom; }
.colorpicker_submit.colorpicker_focus { background-position: bottom; }
.colorpicker_slider { background-position: bottom; }

.popup_ad{width:100%; height:100%; background:rgba(0,0,0,0.8); position:fixed; top:0; left:0;}
.popup_cont{width:auto; height:auto; max-width:800px; background:#F5F5F5; z-index:999; position:fixed; border:1px solid #2c2c2c; padding:10px; color:#333;}
#closePopup{display:block; position:absolute; top:-18px; right:-18px; color:red; font-size:14px; font-family:Verdana, Geneva, sans-serif; padding:1px 3px 2px; line-height:13px;}
#closePopup:hover{text-decoration:none; color:#900;}

#preloader{display:block; width:100%; height:100%; position:fixed; top:0; left:0; z-index:999; background:rgba(0,0,0,0.8)}
#preloader img{display:block; width:87px; height:22px; position:fixed; top:50%; left:50%; margin-left:-43px; margin-top:-11px;}

.AdTaily_Widget_Title{display:none!important;}

.cRed{color:#F00!important;}
.cBlue{color:#1ebed7!important;}
.cBlue img{padding-top:1px; margin-bottom:-1px; margin-bottom:-2px; width:41px; height:15px}
.cGreen{color:#0C0!important;}
.bold{font-weight:bold!important;}
.cYellow{color:#FC0!important;}

@media (max-width:1250px){
	.advL, .advR{display:none;}
	#cat{display:none;}
}


.speech-bubble
{ position: relative; margin-left:100%; background: #FF0000; border-radius: .3em; width:15px; height:15px; line-height: 15px; margin-top:-30px; color: #fafafa;  font-size:8px; text-decoration: bold;
    -webkit-animation-name: example; /* Safari 4.0 - 8.0 */
    -webkit-animation-duration: 4s; /* Safari 4.0 - 8.0 */
    animation-name: example;
    animation-duration: 4s;
    animation-iteration-count: 2;
    animation-direction: alternate-reverse;
}
.speech-bubble:after { content: ''; position: absolute; bottom: 0; left: 50%; width: 0; height: 0; border: 5px solid transparent; border-top-color: #FF0000; border-bottom: 0; border-left: 0; margin-left: -5px; margin-bottom: -2px;

}
@-webkit-keyframes example {
    from {  color: #FF0000;    }
    to {   color: #fafafa;     }
}

/* Standard syntax */
@keyframes example {
    from {     color: #ff0000;    }
    to {   color: #fafafa;       }
}