@charset "utf-8";

/* IMPORT */
@import "font.css";

@media (max-width: 1023px) {    
 #back-home {display: none!important;}

}

@media (max-width: 750px) {
 #reklama_1 {display: none;}
}

/* Dokument CSS */
*{margin: 0px; padding: 0px; box-sizing: border-box}
html{background: url(images/bg2.jpg)  #C7B98C;}
body {background: url(images/bg.jpg) repeat-x; margin: 0px; font-size:12px; float: left; width: 100%; color: #3f3f3f; font-family:Tahoma, Geneva, sans-serif;}

a{text-decoration: none; color: #2f5c03;}
a:hover{text-decoration: underline;}  

/* Uniwersalne */
.c1000{width: 1000px; margin: 0 auto;}

.text1{font-size: 12px; color: #2b5302; font-weight: bold;}
.text2{font-size: 11px;}

.green_border {width: 100%; height: auto; padding: 0 0 9px 0; margin: 0px; float: left; background: url(images/border1.jpg) repeat-x bottom;border-bottom: 1px solid rgb(73,154,0);border-right: 1px solid rgb(73,154,0);border-left: 1px solid rgb(73,154,0);}
.green_border_280 {width: 278px; height: auto; padding: 0 0 9px 0; margin: 0px; float: left; background: url(images/border1.jpg) repeat-x bottom;border-bottom: 1px solid rgb(73,154,0);border-right: 1px solid rgb(73,154,0);border-left: 1px solid rgb(73,154,0);}
.green_border_320 {width: 318px; height: auto; padding: 0 0 9px 0; margin: 0px; float: left; background: url(images/border1.jpg) repeat-x bottom;border-bottom: 1px solid rgb(73,154,0);border-right: 1px solid rgb(73,154,0);border-left: 1px solid rgb(73,154,0);}
.green_border_655 {width: 655px; height: auto; padding: 0 0 9px 0; margin: 0px; float: left; background: url(images/border1.jpg) repeat-x bottom;border-bottom: 1px solid rgb(73,154,0);border-right: 1px solid rgb(73,154,0);border-left: 1px solid rgb(73,154,0);}
.green_border_499 {width: 499px; height: auto; padding: 0 0 9px 0; margin: 0px; float: left; background: url(images/border1.jpg) repeat-x bottom;border-bottom: 1px solid rgb(73,154,0);border-right: 1px solid rgb(73,154,0);border-left: 1px solid rgb(73,154,0);}
.green_border_1000 {width: 100%; height: auto; padding: 0 0 9px 0; margin: 0px; float: left; background: url(images/border1.jpg) repeat-x bottom;border-bottom: 1px solid rgb(73,154,0);border-right: 1px solid rgb(73,154,0);border-left: 1px solid rgb(73,154,0);}
.green_border_1000a {width: 998px; height: auto; padding: 0 0 9px 0; margin: 0px; background: url(images/border1.jpg) repeat-x bottom #ffffff; border-bottom: 1px solid rgb(73,154,0);border-right: 1px solid rgb(73,154,0);border-left: 1px solid rgb(73,154,0);}
/* Klasy do wycofania stopniowo */

.clear{clear: both;}

.error_box {float: left; width: 980px; padding: 10px; margin: 10px 0 0 0; background: rgb(217,83,79); border: 1px solid red; color: #ffffff; font-size: 13px;}
.succes_box {float: left; width: 980px; padding: 10px; margin: 10px 0 0 0; background: #ffffff; border: 1px solid rgb(76,174,76); color: #3f3f3f; font-size: 13px;}
.succes_box a{color: #2f5c03; text-decoration: underline; text-align: center;}

.margin_top {margin-top: 10px;}

.pagination {cursor: pointer;}


/* TOP */
/* NOWE */
header #top {position: relative; background: url(images/bg_top.jpg) top center no-repeat rgb(217,203,177)}
header #top .box_login {height: 90px; margin: 12px 0 0 0; border-top: 1px solid #cdfc96; border-bottom: 1px solid #4a9b00;
background: rgba(170,249,74,1);
background: -moz-linear-gradient(top, rgba(170,249,74,1) 0%, rgba(96,202,2,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(170,249,74,1)), color-stop(100%, rgba(96,202,2,1)));
background: -webkit-linear-gradient(top, rgba(170,249,74,1) 0%, rgba(96,202,2,1) 100%);
background: -o-linear-gradient(top, rgba(170,249,74,1) 0%, rgba(96,202,2,1) 100%);
background: -ms-linear-gradient(top, rgba(170,249,74,1) 0%, rgba(96,202,2,1) 100%);
background: linear-gradient(to bottom, rgba(170,249,74,1) 0%, rgba(96,202,2,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#aaf94a', endColorstr='#60ca02', GradientType=0 );}
/* KONIEC NOWE */

#top{width: 1000px; min-height: 175px; float: left; margin: 0px 0 0 0; position: relative; background: url(images/bg_top.jpg) top center no-repeat rgb(217,203,177); z-index: 1000000000;}
#top h1{width: 258px; height: 143px; float: left; position: absolute; top: 32px; left: 35px; background: url(images/top_logo.png) no-repeat; z-index: 5;}
#top h1 a{width: 258px; height: 143px; display: block; float: left; text-indent: -1000000px;}
.bg_wstega{position: absolute; top: 14px; left: -7px; z-index: 2;}
#top .gry_emlodzi {background: url(images/logo_gry.png) no-repeat!important;}

#login_panel{width: 612px; height: 89px; background: url(images/bg_loginpanel.jpg) no-repeat; position: absolute; top: 13px; right: 0px;}
#login_panel .login_left{width: 375px; float: left; margin: 9px 0 0 21px;}
#login_panel h2{width: 372px; font-size: 13px; font-weight: normal; color: #4b661d; float: left;  text-shadow: 0px 0px 1px #ffffff;}
#login_panel .login_name{width: 115px; height: 20px; padding: 0 0 0 23px; margin: 8px 0 0 0; float: left; border: 1px solid rgb(93,215,75); background: url(images/bg_login_name.jpg) 3px 4px no-repeat rgb(178,243,103); font-size: 11px; color: #567d1e;}
#login_panel .login_pass{width: 115px; height: 20px; padding: 0 0 0 23px; margin: 8px 0 0 10px; float: left; border: 1px solid rgb(93,215,75); background: url(images/bg_login_pass.jpg) 3px 4px no-repeat rgb(178,243,103); font-size: 11px; color: #567d1e;}
#login_panel .liteoption{width: 68px; height: 22px; background: url(images/bg_send.jpg) no-repeat; border: 0px; cursor: pointer; margin: 8px 0 0 12px; font-size: 11px; color: #ac5500; font-weight: bold; }
#login_panel .text{margin: 10px 5px 0 0!important; float: left;}

.login_left span{color: #3c6f08; font-size: 11px; margin-top: 8px; float: left;}
.login_left h3{float: right; letter-spacing: 1px; font-size: 16px; font-weight: normal;}
.login_left ul{width: 180px; float: right; text-align: right; list-style: none; font-size: 11px;}
.login_left ul li{height: 18px;}

.login_right{float: right; width: 170px; margin: 9px 21px 0 0; font-size: 11px; color: #39660a;}
.login_right ul{list-style: none;}
.login_right ul li{height: 18px;}

/* Panel użytkownika po zalogowaniu */
#login_panel_2{width: 612px; height: 89px; background: url(images/bg_loginpanel2.jpg) no-repeat; position: absolute; top: 13px; right: 0px;}
.login_left_2 {float: left; width: 310px; margin: 8px 0 0 4px;}
.login_left_2 ul {float: left; list-style: none; font-size: 12px; margin-left: 14px;}
.login_left_2 ul li {height: 14px; margin-bottom: 13px;}
.login_left_2 h3 {font-size: 13px; color: #4b661d; font-weight: normal; }
.login_left_2 h3 a {color: #4b661d; font-weight: bold;}

.login_right_2 {float: right; width: 270px; margin: 8px 0 0 0; }
.login_right_2 ul {list-style: none; float: left; font-size: 12px;}
.login_right_2 ul li {height: 14px; margin-bottom: 13px;}
.login_right_2 .avatar {float: right; margin: 0px 10px 0 0; border: 2px solid #7bd51d; max-height: 67px; background: #ffffff;}

.blue {color: #296bb3;}
.blue a{color: #296bb3;}
.blue a:hover {text-decoration: none;}
.red {color: #e10000!important;}
.red a{color: #e10000!important;}

.new_pm {color: red!important; }


/* Menu główne */
#menu{width: 1000px; height: 49px; background: url(images/bg_box2.jpg) repeat-x; float: left; text-align: center;}
#menu ul{list-style: none; display:inline-block;}
#menu ul li{float: left; font-size: 14px; margin: 14px 15px 0 15px;}
#menu ul li a{color: #3c5415;}

/* submenu */
#submenu  {width: 998px; height: 30px; float: left; background: #ffffff; border: 1px solid #418901; border-top: 0px;}
#submenu .submenu_1{width: 913px; height: 25px; padding: 5px 0 0 5px; /*border-right: 1px solid rgb(226,226,226);*/ float: left; color: #525151;}
#submenu .submenu_1 a{color: #525151; margin: 3px 0 0 15px;}


/* Menu administratora */
#menu_admin {width: 998px; background: #ffffff; float: left; margin: 10px 0 0 0; border: 1px solid #f2fad9;}
#menu_admin ul {list-style: none;}
#menu_admin ul li{float: left; margin: 5px 10px 5px 5px; }

/* Boks reklamowy */
#reklama_1{float: left; margin: 10px 0 5px 0; width: 1000px; text-align: center;}


/* Boksy FORUM */
/* Boks 1000px, białe tło */
.box_1{width: 1000px; float: left; margin: 10px 0 0 0; background: #ffffff; }
.box_1 h2{display: block; width: 100%; height: 39px; background: url(images/bg_box1.jpg); font-size: 12px; color: #2b5302; padding: 13px 5px 0 5px; margin: 0px;}
.box_1 p{margin: 5px;}
.box_1 .box_1_bold{font-weight: bold;}

.box_1_h2_setting {float: left; position: relative; width: 100%; height: 39px; background: url(images/bg_box1.jpg); font-size: 12px; color: #2b5302; padding: 13px 40px 0 10px; margin: 0px; font-weight: bold;}
.box_1_settings {list-style: none; position: absolute; top: 13px; right: 7px; font-size: 22px; z-index:5;}
.box_1_settings a{color: #ffffff;}
.box_1_settings li{position:relative;}
.box_1_settings ul{ background: #ffffff; list-style:none; position:absolute; left:-9999px; font-size: 12px; text-align: right; width: 200px; border: 1px solid  rgb(73,154,0); font-weight: normal; }
.box_1_settings ul a{color: #2f5c03; display: block;}
.box_1_settings ul a:hover {text-decoration: none;}
.box_1_settings ul li{ padding: 5px; border-bottom: 1px solid  rgb(73,154,0); float:none; }
.box_1_settings ul li:last-child {border: 0px!important;}
.box_1_settings li:hover ul{ left: -171px; }


/* Nagłówek for */
.box_2{width: 1000px; height: 39px; background: url(images/bg_box1.jpg); margin: 10px 0 0 0;}
.box_2_float {float: left;}
.box_2_title{width: 640px; background: url(images/bg_separator.jpg) no-repeat top right;}
.box_2_topic{width: 88px; background: url(images/bg_separator.jpg) no-repeat top right;}
.box_2_posts{width: 84px; background: url(images/bg_separator.jpg) no-repeat top right;}
.box_2_lastposts{width: 179px;}
.box_2_bold {font-weight: bold;}

/* Bloki z forami */
.box_3{width: 100%;}
.box_3_w{background: #f6f6f6;}
.box_3_w:nth-child(odd) {background: #ffffff;}
.box_3 tr td{border-top: 1px solid #dedede; padding: 3px; }
.box_3 .icon{width: 45px;}
.box_3 .icon img{margin-left: -10px;}
.box_3 .forum_topic{width: 612px;  background: url(images/bg_separator2.jpg) no-repeat right center;}
.box_3 .forum_topic .forumlink a{font-size: 14px; font-weight: bold;}
.box_3 .forum_topic .forum_lastopic {font-size: 10px; color: #595959; margin: 0 0 0 15px;}
.box_3 .forum_topic .forum_opis {font-size: 11px; color: #3a3a3a; margin: 5px 0 0 0; width: 100%; float: left; }
.box_3 .forum_stattopic {width: 82px; background: url(images/bg_separator2.jpg) no-repeat right center; font-size: 11px; }
.box_3 .forum_posts {width: 82px; background: url(images/bg_separator2.jpg) no-repeat right center; font-size: 11px;}
.box_3 .forum_lasttopic {width: 175px; font-size: 11px;}

/* Boks 657px */
.box_4{width: 657px; float: left; background: #ffffff; margin: 0 0 30px 0;}
.box_4 h2{display: block; width: 100%; height: 39px; background: url(images/bg_box1.jpg); font-size: 12px; color: #2b5302; padding: 13px 0 0 10px; margin: 0px;}
.box_4 p{margin: 3px 10px 0px 10px; font-size: 11px; color: #242424;}
.box_4 .border-bottom{border-bottom: 1px solid #efefef; padding-bottom: 5px; margin-bottom: 5px;}

/* Tabela z listami - widok tematów w forach*/
.box_5{width: 998px;}
.box_5 .box_5_title{background: rgb(231,246,186); text-align: center;}
.box_5 .box_5_tr{background: #ffffff; }
.box_5 .box_5_tr:nth-child(odd){background: #f6f6f6;}
.box_5 .box_5_td{border-top: 1px solid #dedede;  padding: 10px 0px 10px 0;}
.box_5 .icon {width: 20px; padding-right: 15px; }
.box_5 .icon img {margin-left: -5px;}
.box_5 .emots {width: 35px;}

/* Boks 1000px, przezroczysty */
.box_6{width: 1000px; float: left; margin: 10px 0 0 0;}
.box_6 p{margin: 0px 0px 5px 0px;}
.box_6 h2{display: block; height: 26px; background: url(images/bg_box1.jpg); font-size: 12px; color: #2b5302; padding: 13px 5px 0 5px; margin: 0px;}


/* Tabele niewidoczne, na podstronach */
.box_7 {width: 100%;}
.box_7_td {padding: 5px 0 5px 0;}

/* Pole szare - do mieszania box_1 */
.box_8 {width: 998px; background: rgb(246,246,246); float: left;}

/* Wyrównanie tekstu */
.align_left {text-align: left;}
.align_right {text-align: right;}
.align_center {text-align: center;}
.align_justify {text-align: justify;}

/* Szerokosci */
.width_15p {width: 15%}
.width_5p {width: 5%}
.width_3p {width: 3%}

/* Kolumny do szerokości 1000  657|320*/ /* Wykorzystują bloki na samym dole głównej */
#left_box{width: 657px; float: left; margin: 45px 0 0 0; }
#right_box{width: 320px; float: right; margin: 45px 0 0 0;}

/* Kolumny do szerokośc 1000, po połowie 499|499  + podział na kolejne dwa*/
.left_box2 {float: left; width: 499px; clear: both; }
.left_box2_margin {margin-top: 15px;}
.right_box2 {float: right; width: 499px;}
.right_box2_margin {margin-top: 15px;}
.box2l {float: left; width: 245px;} /* Styl do formularzy */
.box2r {float: right; width: 245px;}
.input_2 {width: 225px; padding: 0px 5px 0 5px; height: 25px; margin-top: 10px; border: 1px solid rgb(192,192,192); font-size: 18px; color: rgb(112,112,112); background: rgb(244,244,244)}
.input_2:active, .input_2:focus {background: #ffffff; border: 1px solid rgb(150,150,150)}
.input_desc {font-size: 14px; margin-top: 13px!important; float: left; width: 100%;}
.input_desc1 {font-size: 14px; margin-top: 3px!important; float: left; width: 100%;}

.input_send {padding: 3px 5px 3px 5px; margin: 10px 10px 0 0; cursor: pointer; float: right;}
.input_radio {margin-top: 15px;}  /* pola do wyboru -- w edycji profilu tak/nie */

/* Kolumny do szerokości 1000 657 | 320 */
#left_box3{width: 657px; float: left; margin: 15px 0 0 0; } /* Wykorzystuje biuro prasowe */
#left_box3 h2 {color: #366608; font-size: 14px; margin: 10px 0 5px 10px;}
#right_box3{width: 320px; float: right; margin: 15px 0 0 0;} /* Wykorzystuje biuro prasowe */

/* Kolumny do szerokości  1000 670|320  */ /* Białe tło, brak marginesów */
.left_box4 {float: left; width: 670px; }
.right_box4 {float: right; width: 320px;}

/* Inputy */
.input_1 { background: rgb(244,244,244); padding: 3px 5px 3px 5px; margin: 0 0 0px 0; width: 150px; /* 353 + 2 + 45 = 400 */ border: 1px solid #ccc;  }
.input_1:focus { background-color: #fff; border-color: #60CB03; outline: none; -moz-box-shadow: 0 0 0 1px #e8c291 inset; -webkit-box-shadow: 0 0 0 1px #e8c291 inset; box-shadow: 0 0 0 1px #e8c291 inset; }
.submit_1 { background-color: rgb(73,154,0); background-image: -webkit-gradient(linear, left top, left bottom, from(#499A00), to(#499A00)); background-image: -webkit-linear-gradient(top, #B2F861, #60CB03); background-image: -moz-linear-gradient(top, #B2F861, #60CB03); background-image: -ms-linear-gradient(top, #B2F861, #60CB03); background-image: -o-linear-gradient(top, #B2F861, #60CB03); background-image: linear-gradient(top, #B2F861, #60CB03); -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; text-shadow: 0 1px 0 rgba(255,255,255,0.5); -moz-box-shadow: 0 0 1px rgba(0, 0, 0, 0.3), 0 1px 0 rgba(255, 255, 255, 0.3) inset; -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0.3), 0 1px 0 rgba(255, 255, 255, 0.3) inset; box-shadow: 0 0 1px rgba(0, 0, 0, 0.3), 0 1px 0 rgba(255, 255, 255, 0.3) inset; border-width: 1px; border-style: solid; border-color: #499A00; height: 23px; padding: 0; width: 110px; cursor: pointer; font: bold 15px Arial, Helvetica; color: rgb(43,83,2); }
.submit_1:hover,#submit:focus { background-color: #fddb6f; background-image: -webkit-gradient(linear, left top, left bottom, from(#ffb94b), to(#fddb6f)); background-image: -webkit-linear-gradient(top, #60CB03, #B2F861); background-image: -moz-linear-gradient(top, #60CB03, #B2F861); background-image: -ms-linear-gradient(top, #60CB03, #B2F861); background-image: -o-linear-gradient(top, #60CB03, #B2F861); background-image: linear-gradient(top, #60CB03, #B2F861); }
.submit_1:active { outline: none; -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.5) inset; -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.5) inset; box-shadow: 0 1px 4px rgba(0, 0, 0, 0.5) inset; }
.submit_1::-moz-focus-inner { border: none; }

/* Przyciski, buttony */
/* .buton1 - w .fotter_panel, określa styl przycisku "administracja" */
.button2 {border: 0px; padding: 3px; color: rgb(0,50,0); border: 1px solid rgb(73,154,0); cursor: pointer; background-image: linear-gradient(bottom, rgb(92,187,2) 44%, rgb(173,243,92) 66%); background-image: -o-linear-gradient(bottom, rgb(92,187,2) 44%, rgb(173,243,92) 66%); background-image: -moz-linear-gradient(bottom, rgb(92,187,2) 44%, rgb(173,243,92) 66%); background-image: -webkit-linear-gradient(bottom, rgb(92,187,2) 44%, rgb(173,243,92) 66%); background-image: -ms-linear-gradient(bottom, rgb(92,187,2) 44%, rgb(173,243,92) 66%); background-image: -webkit-gradient( linear, left bottom, left top, color-stop(0.44, rgb(92,187,2)), color-stop(0.66, rgb(173,243,92)) )}
/* .button3 - określa styl szarych przycisków, styl taki jak przyciski do bbcode */
.button3 {font-size: 12px; color: rgb(80,80,80); cursor: pointer; padding: 3px 5px 3px 5px;}



/* IKONY */
.icon {}
.icon:hover {text-decoration: none;}

/* TLA */
.bg_white {background: #ffffff;} 

/* OGÓLNE */
#wraper{width: 1000px; margin: 0 auto; position: relative;}



/* menu pojawiające się po scrollowaniu */
#back-home {
width: 100%;
height: 48px;
background: rgb(200,180,145);
z-index: 1000;
background: url(images/bg_back_home.png) repeat-x;
position: fixed;
top: 0px;
display: none;}
#back-home h2{width: 168px; height: 39px; background: url(images/back_home_logo.png) no-repeat; text-indent: -100000px; float: left;}
#back-home h2 a{display: block; width: 168px; height: 39px;}
.back_home_pw {float: right; font-size: 26px; color: #ffffff; position: relative;}
.back_home_pw a{color: #ffffff; text-decoration: none; margin: 11px 0 0 0; float: right;}
.back_home_pw span {background: red; font-size: 10px; padding: 0px 2px 0px 2px; position: absolute; top: 5px; right: -5px;}


/* Legenda Postów */
#legenda{list-style: none; width: 657px;float: left; margin: 0 0 30px 0;}
#legenda li{float: left; height: 33px; width: 170px; padding: 10px 0 0 50px; color: #343433; font-size: 12px; margin-left: 40px;}
#legenda .blocked {background: url(images/icon1.jpg) no-repeat left center;}
#legenda .nonew {background: url(images/icon2.jpg) no-repeat left center;}
#legenda .new {background: url(images/icon3.jpg) no-repeat left center;}

/* Shoutbox */
#shoutbox{width: 657px; float: left; background: rgb(230,246,185); margin: 0 0 0px 0;}
#shoutbox h2{display: block; width: 100%; height: 39px; background: url(images/bg_box1.jpg); font-size: 12px; color: #2b5302; padding: 13px 0 0 10px; margin: 0px;}
.sframe{border: 1px solid #c5de7d; margin: 9px; width: 637px; float: left;}
.sframe iframe{border: 0px; width: 637px;}
.sframe .message{margin: 5px 20px 5px 5px; float: left; width: 420px; height: 21px; padding: 0 5px 0 5px; border: 1px solid rgb(197,221,123); background: rgb(255,255,255); font-size: 10px; color: #363636;}
.sframe .submit{float: left; width: 74px; height: 21px; background: url(images/button1.jpg) top no-repeat; border: 0px; margin: 5px 23px 0 0; font-size: 11px; color: #2b5302; cursor: pointer;}
.sframe .refresh{float: left; width: 74px; height: 21px; background: url(images/button2.jpg) top no-repeat; border: 0px; margin: 5px 0px 0 0; font-size: 11px; color: #ac5500; cursor: pointer;}


/* Podstrona shoutboxa */
.shoutbox_text{width: 100%; background: rgb(246,253,220); font-size: 11px; color: #414141; float: left;}
.shoutbox_text div{padding: 3px; border-bottom: 1px solid rgb(200,224,134); float: left; width: 100%; box-sizing: border-box;}
.shoutbox_text div:last-child{border-bottom: 0px!important;}
.shoutbox_text .czas{color: #9b9b9b; display: block; float: left; width: 100px; margin-left: 3px;}
.shoutbox_text .user_1{color: #41770a; font-weight: bold; margin: 0 0px 0 0;}
.shoutbox_text .text{float: right; width: 500px;}

/* Panel popularnych tematów */
#box_newpost {width: 320px; float: left;  background: rgb(230,246,185); margin: 0 0 30px 0;}
#box_newpost h2{display: block; width: 100%; height: 39px; background: url(images/bg_box1.jpg); font-size: 12px; color: #2b5302; padding: 13px 0 0 10px; margin: 0px;}
#new_post{width: 318px; list-style: none;}
#new_post li{padding: 4px 0 4px 27px; font-size: 12px; color: #4e4e4e; border-bottom: 1px solid rgb(209,209,209);}
#new_post li:last-child{border-bottom: none!important;}
#new_post li a{color: #4e4e4e;}
#new_post li span{color: #899564;}

.new_post_1 {background: url(images/bg_newpost.png) no-repeat 5px 8px #f2fad9;}
.new_post_1:nth-child(odd) {background: url(images/bg_newpost.png) no-repeat 5px 8px #e3f5ad;}

.reklama_320{text-align: center; margin: 8px 0 5px 0; max-width: 320px; max-height: 320px; overflow: hidden; position: relative; z-index: 100;}

/* Panel facebook */
#face_box{width: 100%; background: #ffffff; font-family:Tahoma, Geneva, sans-serif; float: left; margin: 0;}
#face_box h2{display: block; width: 100%; height: 39px; background: url(images/bg_box1.jpg); font-size: 12px; color: #2b5302; padding: 13px 0 0 10px; margin: 0px;}
#face_box iframe{margin: 0px;}


/* STYLE DO PODSTRON */
/* FAQ */
.faq_title{font-weight: bold; padding-top: 10px;}

/* Widok tematów w forum */
.nowy_temat { float: left; padding: 8px; background-color: rgb(73,154,0); background-image: -webkit-gradient(linear, left top, left bottom, from(#499A00), to(#499A00)); background-image: -webkit-linear-gradient(top, #B2F861, #60CB03); background-image: -moz-linear-gradient(top, #B2F861, #60CB03); background-image: -ms-linear-gradient(top, #B2F861, #60CB03); background-image: -o-linear-gradient(top, #B2F861, #60CB03); background-image: linear-gradient(top, #B2F861, #60CB03); text-shadow: 0 1px 0 rgba(255,255,255,0.5); -moz-box-shadow: 0 0 1px rgba(0, 0, 0, 0.3), 0 1px 0 rgba(255, 255, 255, 0.3) inset; -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0.3), 0 1px 0 rgba(255, 255, 255, 0.3) inset; box-shadow: 0 0 1px rgba(0, 0, 0, 0.3), 0 1px 0 rgba(255, 255, 255, 0.3) inset; border-width: 1px; border-style: solid; border-color: #499A00; cursor: pointer; font: bold 13px Arial, Helvetica; color: rgb(43,83,2); }
.nowy_temat:hover,#submit:focus { background-color: #fddb6f; background-image: -webkit-gradient(linear, left top, left bottom, from(#ffb94b), to(#fddb6f)); background-image: -webkit-linear-gradient(top, #60CB03, #B2F861); background-image: -moz-linear-gradient(top, #60CB03, #B2F861); background-image: -ms-linear-gradient(top, #60CB03, #B2F861); background-image: -o-linear-gradient(top, #60CB03, #B2F861); background-image: linear-gradient(top, #60CB03, #B2F861); }
.nowy_temat:active { outline: none; -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.5) inset; -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.5) inset; box-shadow: 0 1px 4px rgba(0, 0, 0, 0.5) inset; }
.nowy_temat::-moz-focus-inner { border: none; }


.nowy_temat:hover {text-decoration: none;}
.viewforum_cont {background: #ffffff; width: 1000px; float: left; margin-bottom: 10px;}
.viewforum_lastdate{font-size: 11px;}
.topictitle {font-weight: bold;}
.icon_description {border: 0px; } /* tabelka z legendą ikon */
.icon_description td{padding: 3px;}
.ignore_button {margin: 10px 0 10px 0;} /* przycisk "ignoruj zaznaczone tematy" */

/* Bloki postów w temacie - osobny styl dla postów */
.post_box {width: 998px; float: left; background: url(images/post_bg1.jpg) center rgb(243,238,232); padding: 10px 0 10px 0; position: relative; border-bottom: 2px solid rgb(224,224,224);}
.post_box:nth-child(odd){background: url(images/post_bg2.jpg) center rgb(235,230,224)!important;}


/* kopia starego wygladu
.post_box {width: 998px; float: left; background: #ffffff; padding: 10px 0 10px 0; position: relative;}
.post_box:nth-child(odd){background: #f6f6f6!important;}
.post_box_left{float: left; width: 200px; text-align: center;}
.post_box_right{float: right; width: 770px; margin: 0 15px 0 0;}
*/
.post_box_left{float: left; width: 200px; text-align: center;}
.post_title_left {float: left; width: 220px; margin-right: 8px; text-align: center}
.post_title_right {float: left; width: 480px;}
.post_title_pagination {float: right; 270px; font-size: 13px;}
.post_id {position: absolute; width: 1px; height: 1px; top: -43px;}

.post_box_right{float: right; width: 770px; margin: 0;}
.post_box_autor {font-weight: bold; font-size: 13px;}
.post_box_usertitle {font-size: 11px;}
.post_box_name {font-size: 11px; font-weight: bold;}
.post_box_age{font-size: 11px;}
.post_box_add {font-size: 11px;}
.post_box_city {font-size: 11px;}
.post_box_rank img{ 
-khtml-box-shadow: 2px 2px 3px 1px rgba(0,0,0,0.3); 
-moz-box-shadow: 2px 2px 3px 1px rgba(0,0,0,0.3); 
-webkit-box-shadow: 2px 2px 3px 1px rgba(0,0,0,0.3); 
box-shadow: 2px 2px 3px 1px rgba(0,0,0,0.3); 
 }

                                          
.post_box_send {width: 752px; height: 18px; float: left; padding-bottom: 5px; border-bottom: 1px dotted rgb(224,224,224);}
.post_box_text {float: left; width: 749px; padding: 10px 10px 10px 10px; min-height: 160px; line-height: 19px;}
.post_box_signature {float: left; width: 749px; margin-top: 20px;}
.post_box_right1{float: left; width: 360px; margin: 10px 0 0 0; padding-left: 10px;}
.post_box_right2 {float: right; width: 360px; text-align: right; padding-right: 10px; margin: 10px 0 0 0;}

.post_box_quote {background: rgb(235,235,235); margin: 20px 0 10px 0px; padding: 0 0 5px 70px; min-height: 50px;}
.post_box_quote .post_box_quote {background: #ffffff;}
.post_box_quote .post_box_quote .post_box_quote {background: rgb(235,235,235);}
.post_box_quote .post_box_quote .post_box_quote .post_box_quote  {background: #ffffff;}
.post_box_quoteico {margin: 20px 0 0 -60px; float: left; font-size: 50px; color: rgb(214,214,214);} 
 
.reply_post {margin-top: 10px;}
.admin_mod {font-size: 18px; padding-top: 15px;}
.admin_mod a{margin-left: 5px;}
.admin_mod a:hover {color: black;}

/* Cenzor - podświetlenie dla administratora */
.badwordhighlight {background: rgb(255,255,153); font-weight: bold;}

/* Widok pisania tematu, pisania odpowiedzi oraz prywatnej wiadomosci */
.new_posting {}
.new_postingl {float: left; width: 200px;}
.new_postingr {float: right; width: 770px; margin: 0 15px 0 0;}
.new_posting2 {margin-top: 15px;} /* Kolor, Rozmiar i panel podpowiedzi */
.new_posting3 {margin: 15px 5px 5px 5px; width: 100%; float: left; } /* Panel buttonow bbcode */
.new_posting3 input {height: 25px; font-size: 12px; color: rgb(80,80,80); cursor: pointer; margin-bottom: 3px;  border: 1px solid rgb(209,209,209); background-image: linear-gradient(bottom, rgb(209,209,209) 48%, rgb(235,235,235) 87%); background-image: -o-linear-gradient(bottom, rgb(209,209,209) 48%, rgb(235,235,235) 87%); background-image: -moz-linear-gradient(bottom, rgb(209,209,209) 48%, rgb(235,235,235) 87%); background-image: -webkit-linear-gradient(bottom, rgb(209,209,209) 48%, rgb(235,235,235) 87%); background-image: -ms-linear-gradient(bottom, rgb(209,209,209) 48%, rgb(235,235,235) 87%); background-image: -webkit-gradient( linear, left bottom, left top, color-stop(0.48, rgb(209,209,209)), color-stop(0.87, rgb(235,235,235)) ); }
.new_posting3 input:focus { background-image: linear-gradient(top, rgb(209,209,209) 48%, rgb(235,235,235) 87%); background-image: -o-linear-gradient(top, rgb(209,209,209) 48%, rgb(235,235,235) 87%); background-image: -moz-linear-gradient(top, rgb(209,209,209) 48%, rgb(235,235,235) 87%); background-image: -webkit-linear-gradient(top, rgb(209,209,209) 48%, rgb(235,235,235) 87%); background-image: -ms-linear-gradient(top, rgb(209,209,209) 48%, rgb(235,235,235) 87%); background-image: -webkit-gradient( linear, left top, left bottom, color-stop(0.48, rgb(209,209,209)), color-stop(0.87, rgb(235,235,235)) ); }

.new_posting_help {width: 400px; border: 0px; color: rgb(160,160,160)}
.new_posting_sym a{color: rgb(112,112,112)}

.posting_title {font-size: 15px; margin: 15px 5px 5px 5px!important; float: left; width: 100%}
.input_3 {width: 760px; height: 25px; padding: 0 5px; margin: 10px 0 0 0; border: 1px solid rgb(192,192,192); font-size: 18px; color: rgb(112,112,112); background: rgb(244,244,244)}
.input_4 {width: 590px; height: 20px; padding: 0 5px; margin: 3px 0 0 0; border: 1px solid rgb(192,192,192); font-size: 14px; color: rgb(112,112,112); background: rgb(244,244,244)}
.input_3:focus, .input_4:focus {background: #ffffff; border: 1px solid rgb(150,150,150)}

.posting_text { float: left; padding: 5px; width: 770px; font-size: 12px; font-family: Tahoma, Geneva, sans-serif; letter-spacing: 1px; line-height: 19px; height: 180px; border: 1px solid rgb(192,192,192); margin: 15px 0 0 0; background: rgb(244,244,244); color: rgb(112,112,112); }
.posting_text:active, .posting_text:focus {background: #ffffff;}

.post_preview {width: 980px; padding: 10px; } /* Ramka z poglądem postu */
.posting_review iframe {border: 1px solid rgb(73,154,0); width: 998px;} /* Ramka z podglądem tematu podczas pisana postu */

/* zwykły szary do przycisków opcji */
.button4 {height: 25px; font-size: 12px; padding: 3px 5px; color: rgb(80,80,80); cursor: pointer; margin-bottom: 3px;}

/* Panel szybkiej odpowiedzi */
.quick_reply {margin-top: 15px; }
.quick_reply textarea{float: left; padding: 5px; width: 890px; font-size: 12px; font-family:Tahoma, Geneva, sans-serif; letter-spacing: 1px; line-height: 19px; min-height: 140px; border: 1px soldi rgb(246,246,246); margin: 5px 0 0 5px;}
.quick_reply_butons {float: right; width: 80px; margin: 5px 5px 0 0;}
.quick_buton1 {width: 80px; height: 25px; font-size: 12px; color: rgb(80,80,80); cursor: pointer; margin-bottom: 3px;} 
.quick_buton2 {width: 38px; height: 25px; font-size: 12px; color: rgb(80,80,80); cursor: pointer; margin-bottom: 3px;}
.quick_buton3 {font-size: 12px; color: rgb(48,48,48); margin-right: 5px; cursor: pointer; padding: 4px 6px 4px 6px; font-weight: bold;}
.quick_reply .left_box2 input{margin: 2px 5px 0 0; float: left;}

/* Panel Podobne tematy */
.similar_topic {float: left; margin-top: 15px;}

.input_3:active, .input_2:focus {background: #ffffff; border: 1px solid rgb(150,150,150)}
.emots_box {width: 95%; float: left; margin: 20px 5px 0 5px; background: rgb(235,235,235);}
.posting_text {float: left; padding: 5px; width: 100%; font-size: 12px; font-family:Tahoma, Geneva, sans-serif; letter-spacing: 1px; line-height: 19px; min-height: 140px; border: 1px soldi rgb(246,246,246); margin: 15px 0 0 0;}


/* Ankieta */
.poll {width: 100%; text-align: center;}
.poll h3{font-size: 12px; float: left; width: 988px; font-weight: normal; margin: 0 5px 0 5px; border-bottom: 1px solid rgb(63,63,63); padding: 5px 0 5px 0;}
.poll_name {font-weight: bold; margin-top: 5px; float: left; width: 100%; }
.poll ul {list-style: none; margin: 0 auto; text-align: center;}
.poll ul li { width: 250px; margin: 3px auto; text-align: left; padding: 3px 0 3px 0;}
.poll_input {text-align: center!important;}
.poll_progressbar {background-color: rgb(255,255,255); /* (height of inner div) / 2 + padding */ padding: 3px; width: 250px; }
.poll_progressbar div {background: rgb(110,205,17); height: 10px; border-radius: 10px; }
.poll_option{float: right;}
/* Załącznik obrazkowy */
.post_include_img {float: left; width: 100%; margin: 25px 0 15px 0; background: rgb(235,235,235);} 
.post_include_img img {margin: 5px; max-width: 400px; float: left;}

/* Prywatne wiadomości */
.priv_menu {font-size: 15px;}

/* jumpbox */
.jumpbox {float: right; margin-top: 10px;}


/* Profil użytkownika */
.profile{width: 1000px; float: left; position: relative; border-top: 2px solid #defcb7; padding-bottom: 15px;
background-image: linear-gradient(top, rgb(169,248,73) 0%, rgb(93,200,0) 100%);
background-image: -o-linear-gradient(top, rgb(169,248,73) 0%, rgb(93,200,0) 100%);
background-image: -moz-linear-gradient(top, rgb(169,248,73) 0%, rgb(93,200,0) 100%);
background-image: -webkit-linear-gradient(top, rgb(169,248,73) 0%, rgb(93,200,0) 100%);
background-image: -ms-linear-gradient(top, rgb(169,248,73) 0%, rgb(93,200,0) 100%);

background-image: -webkit-gradient(
	linear,
	left top,
	left bottom,
	color-stop(0, rgb(169,248,73)),
	color-stop(1, rgb(93,200,0))
);
}
.profile_col {}
.profile_avatar {text-align: center; margin-top: 10px; min-height: 150px;}
.avatar_img {margin-top: 5px; position: relative}  /* bloczek z avatarem */
.avatar_img img {border: 1px solid #198507; max-width: 130px; background: #ffffff; padding: 1px}
.avatar_name {color: #156907; font-weight: bold; font-size: 14px;}
.avatar_icon {margin-top: 3px;}
.avatar_icon span {margin-left: 7px;}

.profile_person {margin-top: 32px;}
.profile_person p{font-size: 12px; color: #2b6c07; width: 100%; border-bottom: 1px solid #2b6c07; padding-bottom: 5px; margin-bottom: 6px;}
.profile_person p span {font-weight: bold;}

.profile_desc {margin: 32px 21px 0 21px; background: #f5fde4; border: 1px solid #7bab66; position: relative;}
.profile_desc p {margin: 5px;}
.profile_desc p span {font-weight: bold;}
.profile_online {position: absolute; right: 2px; bottom: 0px;}

.profile_hobby p{font-size: 12px; color: #2b6c07; width: 100%; border-bottom: 1px solid #2b6c07; padding-bottom: 5px;}
.profile_hobby p span {font-weight: bold;}

/* dropdown moda */
.profile_mod_menu {position: absolute; top: 0px; right: 0px; list-style: none;}
.profile_mod_menu li{position: relative; float: left; color: #ffffff; height: 20px; padding: 4px 8px 2px 14px; background: url(images/bg_profile_mod_menu2.png) repeat-x; font-weight: bold; margin: -6px 21px 0 10px; font-size: 12px;}
.profile_mod_menu li a{color: #ffffff; }
.profile_mod_menu li i {font-weight: normal; font-style: normal;}
.profile_mod_menu li span {background: url(images/bg_profile_mod_menu.png) no-repeat; position: absolute; top: 0px; left: -4px; width: 15px; text-align: right; padding-top: 4px;}

/* Białe boksy */
.profile_box {width: 495px; background: #ffffff; margin-top: 15px; border: 1px solid rgb(192,192,192); float: left;}
.profile_box p{margin: 5px;}

.nowork {color: rgb(192,192,192)!important;}

/* Zakładki admina */
.profile_admin {list-style: none; float: left;}
.profile_admin li {width: 240px; height: 40px; margin: 5px 0 0 5px;; float: left; background: rgb(93,200,0); font-size: 15px; color: #ffffff; text-align: center; }
.profile_admin li a{float: left; width: 240px; height: 33px; color: #ffffff; padding-top: 7px;}

/* Komunikat no-ad */
.info_no_dd {float: left; margin: 10px 0 0px 0; width: 1000px; height: 122px; background: url(images/bg_unsmile.jpg) no-repeat 80px 0px #ffffff; display: none;}
.info_no_dd h3 {width: 700px; float: right; text-align: center; margin-top: 4px;}
.info_no_dd p {width: 700px; float: right; text-align: center; margin-top: 4px;}


/* Gry e-mlodzi.com */
.game_left {width: 280px; float: left; min-height: 200px; margin: 10px 0 0 0;}
.game_menu {width: 275px; float: left;}
.game_left h2{display: block; width: 260px; height: 27px; background: url(images/bg_box1.jpg); font-size: 12px; color: #2b5302; padding: 12px 10px 0 10px; margin: 0px;}
.game_menu ul {list-style: none; width: 278px; color: rgb(176,176,176); font-size: 11px;}
.game_menu ul a{color: #4e4e4e; font-size: 12px;}
.game_menu ul li{width: 246px; padding: 5px 0 5px 32px; background: url(images/bg_game_menu.png) no-repeat left #f6f6f6; float: left; border-bottom: 1px solid #d3d3d3;}
.game_menu ul li:nth-child(odd) {background: url(images/bg_game_menu.png) no-repeat left #ffffff;}
.last_topic_games {width: 280px; float: left; margin: 10px 0 0 0; background: #ffffff;}
.last_topic_games a{color: #3f3f3f}
.last_topic_games a:hover {text-decoration: none;}
.topic_games {width: 278px; background: #f6f6f6; float: left; margin-top: 10px;}
.topic_games_title {width: 258px; padding: 3px 10px; border-top: 1px solid #cfcbcb; border-bottom: 1px solid #cfcbcb;}
.topic_games_desc {width: 258px; padding: 10px;}


.game_right {width: 705px; float: right; min-height: 200px; margin: 10px 0 0 0; }
.game_right h2{display: block; width: 685px; height: 27px; background: url(images/bg_box1.jpg); font-size: 12px; color: #2b5302; padding: 12px 10px 0 10px; margin: 0px;}

.popular_game {width: 705px; float: left; background: #ffffff;}
.promo_game {width: 285px; height: 230px; border: 1px solid red; float: left; margin: 13px 0 0 13px;}

.box_game1 {float: left; margin: 20px 0 0 0; width: 703px; height: 132px; background: url(images/bg_game1.jpg) no-repeat}
.box_game2 {float: left; margin: 20px 0 0 0; width: 703px; height: 132px; background: url(images/bg_game2.jpg) no-repeat}
.box_game3 {float: left; margin: 20px 0 0 0; width: 703px; height: 132px; background: url(images/bg_game3.jpg) no-repeat}
.box_game4 {float: left; margin: 20px 0 0 0; width: 703px; height: 132px; background: url(images/bg_game4.jpg) no-repeat}


/* BLOG e-mlodzi */  
.blog_post {width: 657px; float: left; margin: 0px 0 0 0px; background: #ffffff; margin-bottom: 25px;}  
.blog_post .blog_icon {width: 625px; height: 208px; margin: 16px 16px 0 16px; display: block; background: url(images/blog_icon_bg.jpg) bottom center;}
.blog_post .blog_icon img{width: 625px; height: 180px;}

.blog_post h3{font-size: 20px; font-weight: normal; margin: -10px 16px 5px 16px; font-family: weblysleekuisb, tahoma, verdana;}
.blog_post h3 a:hover {text-decoration: none;}
.blog_post .blog_date {width: 625px; border-top: 1px solid rgb(240,240,240); border-bottom: 1px solid rgb(240,240,240); font-size: 11px; padding: 6px 0 6px 0; margin: 13px 16px 3px 16px;}
.blog_post .blog_date span{float: right; position: relative; padding-right: 30px;}
.blog_post .blog_date span a{font-size: 20px; position: absolute; top: 0px; right: 0px;}
.blog_post .blog_date span a:hover {text-decoration: none;}
.blog_post p{margin: 11px 16px 3px 16px; line-height: 18px; letter-spacing: 1px;}

.blog_post .blog_more {padding: 3px 8px 3px 8px; color: #4e504d; background-image: -webkit-gradient( linear, left top, left bottom, color-stop(0, #A6F848), color-stop(0.51, #65CC05) ); background-image: -o-linear-gradient(bottom, #A6F848 0%, #65CC05 51%); background-image: -moz-linear-gradient(bottom, #A6F848 0%, #65CC05 51%); background-image: -webkit-linear-gradient(bottom, #A6F848 0%, #65CC05 51%); background-image: -ms-linear-gradient(bottom, #A6F848 0%, #65CC05 51%); background-image: linear-gradient(to bottom, #A6F848 0%, #65CC05 51%); border-top: 1px solid #cdfc97; border-bottom: 1px solid #4b9b02; margin: 0 0 15px 0; float: right; text-align: center;}
.blog_post .blog_more:hover {text-decoration: none;}   

.blog_panelr {width: 320px; background: #ffffff; float: left; margin-bottom: 20px;}
.blog_panelr h3 {display: block; height: 29px; font-size: 13px; color: #2b5302; padding: 10px 5px 0 5px; margin: 0px; background-image: linear-gradient(top, rgb(182,247,103) 1%, rgb(151,233,63) 25%, rgb(95,200,2) 69%); background-image: -o-linear-gradient(top, rgb(182,247,103) 1%, rgb(151,233,63) 25%, rgb(95,200,2) 69%); background-image: -moz-linear-gradient(top, rgb(182,247,103) 1%, rgb(151,233,63) 25%, rgb(95,200,2) 69%); background-image: -webkit-linear-gradient(top, rgb(182,247,103) 1%, rgb(151,233,63) 25%, rgb(95,200,2) 69%); background-image: -ms-linear-gradient(top, rgb(182,247,103) 1%, rgb(151,233,63) 25%, rgb(95,200,2) 69%); background-image: -webkit-gradient( linear, left top, left bottom, color-stop(0.01, rgb(182,247,103)), color-stop(0.25, rgb(151,233,63)), color-stop(0.69, rgb(95,200,2)) );} 
/*.blog_panelr h3 {font-size: 20px; font-weight: normal; color: rgb(130,222,37); margin: 0px 0 0 5px; width: 312px;} */
.blog_panelr h3:nth-child(n+2) {margin-top: 18px;}
.blog_panelr ul {list-style: none; margin: 5px;}
.blog_panelr ul li{margin: 5px 0 5px 0; padding: 4px 0 6px 0; border-bottom: 1px solid rgb(240,240,240);} 
.blog_panelr ul li:last-child {border-bottom: 0px!important;}
.blog_panelr p{margin: 5px;}

.blog_page {width: 657px; float: left; margin: 0px 0 0 0px; background: #ffffff; margin-bottom: 25px;}
.blog_page p{margin: 11px 16px 3px 16px; line-height: 18px; letter-spacing: 1px;}

/* Fotter panel */
#fotter_panel{float: left; width: 100%; margin: 30px 0 30px 0; text-align:center;}
#fotter_panel ul{list-style: none; display:inline-block; margin: 0 auto;}
#fotter_panel ul li{list-style-type: none; float: left;}
#fotter_panel .mobile{width: 65px; height: 18px; padding-top: 1px; font-size: 11px; text-align: center; display: block; background: url(images/bg_mobile.jpg) no-repeat; margin: 0 5px 0 5px; color: #e3f0fe;}
#fotter_panel .mobile:hover{text-decoration: none;}
.button1{width: 86px; height: 18px; padding-top: 1px; font-size: 11px; text-align: center; display: block;  background: url(images/bg_button1.jpg) no-repeat; margin: 0 5px 0 5px; color: #ac5500;}
.button1:hover{text-decoration: none;}

/* Stopka */
#fotter{background: url(images/bgfotter.jpg) repeat-x; height: 50px; width: 100%; float: left;}
.fmenu{float: left; list-style: none; margin: 18px 0 0 0;}
.fmenu a{color: #3f3f3f;}
.fmenu li{float: left; margin-right: 10px; background: url(images/borderf.jpg) right center no-repeat; padding: 0 10px 0 0;}
.fmenu li:last-child{background: none!important;}

.finfo{float: right; margin: 18px 0 0 0;}

/* Bootstrap */ .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12{ position: relative; min-height: 1px; } .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11 { float: left; } .col-md-1 { width: 8.333333333333332%; } .col-md-2 { width: 16.666666666666664%; } .col-md-3 { width: 25%; } .col-md-4 { width: 33.33333333333333%; } .col-md-5 { width: 41.66666666666667%; } .col-md-6 { width: 50%; } .col-md-7 { width: 58.333333333333336%; } .col-md-8 { width: 66.66666666666666%; } .col-md-9 { width: 75%; } .col-md-10 { width: 83.33333333333334%; } .col-md-11 { width: 91.66666666666666%; } .col-md-12 { width: 100%; }

/* Efekty */
/* CHECKBOX STYLE */
div.checker{position:relative; margin-top:6px;}
div.checker, div.checker span, div.checker input{float:left; width:19px; height:19px; margin-right:10px;}
div.checker span{display:-moz-inline-box; display:inline-block; *display:inline; zoom:1; text-align:center; background:url(images/checkbox.png) 2px 2px no-repeat;}
div.checker span.checked{background-position:2px -16px;}
div.checker input{opacity:0; filter:alpha(opacity=0); -moz-opacity:0; border:none; background:none; display:-moz-inline-box; display:inline-block; *display:inline; zoom:1; margin:0}
.chckLabel, .radioLabel{float:left; padding-top:3px; font-size:12px; margin-right:40px;}

.green_gradient {
	background-color: rgb(73,154,0);
	background-image: -webkit-gradient(linear, left top, left bottom, from(#499A00), to(#499A00));
	background-image: -webkit-linear-gradient(top, #B2F861, #60CB03);
	background-image: -moz-linear-gradient(top, #B2F861, #60CB03);
	background-image: -ms-linear-gradient(top, #B2F861, #60CB03);
	background-image: -o-linear-gradient(top, #B2F861, #60CB03);
	background-image: linear-gradient(top, #B2F861, #60CB03);
	text-shadow: 0 1px 0 rgba(255,255,255,0.5);
	-moz-box-shadow: 0 0 1px rgba(0, 0, 0, 0.3), 0 1px 0 rgba(255, 255, 255, 0.3) inset;
	-webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0.3), 0 1px 0 rgba(255, 255, 255, 0.3) inset;
	box-shadow: 0 0 1px rgba(0, 0, 0, 0.3), 0 1px 0 rgba(255, 255, 255, 0.3) inset;
	border-width: 1px;
	border-style: solid;
	border-color: #499A00;
	font: 13px Arial, Helvetica;
	color: rgb(43,83,2);
}.green_gradient:hover  { background-color: #fddb6f; background-image: -webkit-gradient(linear, left top, left bottom, from(#ffb94b), to(#fddb6f)); background-image: -webkit-linear-gradient(top, #60CB03, #B2F861); background-image: -moz-linear-gradient(top, #60CB03, #B2F861); background-image: -ms-linear-gradient(top, #60CB03, #B2F861); background-image: -o-linear-gradient(top, #60CB03, #B2F861); background-image: linear-gradient(top, #60CB03, #B2F861); }
.green_gradient:active { background-color: #fddb6f; background-image: -webkit-gradient(linear, left top, left bottom, from(#ffb94b), to(#fddb6f)); background-image: -webkit-linear-gradient(top, #60CB03, #B2F861); background-image: -moz-linear-gradient(top, #60CB03, #B2F861); background-image: -ms-linear-gradient(top, #60CB03, #B2F861); background-image: -o-linear-gradient(top, #60CB03, #B2F861); background-image: linear-gradient(top, #60CB03, #B2F861); }
.green_gradient:focus { background-color: #fddb6f; background-image: -webkit-gradient(linear, left top, left bottom, from(#ffb94b), to(#fddb6f)); background-image: -webkit-linear-gradient(top, #60CB03, #B2F861); background-image: -moz-linear-gradient(top, #60CB03, #B2F861); background-image: -ms-linear-gradient(top, #60CB03, #B2F861); background-image: -o-linear-gradient(top, #60CB03, #B2F861); background-image: linear-gradient(top, #60CB03, #B2F861); }

.grey_gradient {
	border: 1px solid rgb(209,209,209);
	background-image: linear-gradient(bottom, rgb(209,209,209) 48%, rgb(235,235,235) 87%);
	background-image: -o-linear-gradient(bottom, rgb(209,209,209) 48%, rgb(235,235,235) 87%);
	background-image: -moz-linear-gradient(bottom, rgb(209,209,209) 48%, rgb(235,235,235) 87%);
	background-image: -webkit-linear-gradient(bottom, rgb(209,209,209) 48%, rgb(235,235,235) 87%);
	background-image: -ms-linear-gradient(bottom, rgb(209,209,209) 48%, rgb(235,235,235) 87%);
	background-image: -webkit-gradient( linear, left bottom, left top, color-stop(0.48, rgb(209,209,209)), color-stop(0.87, rgb(235,235,235)) );
}
.grey_gradient:focus { background-image: linear-gradient(top, rgb(209,209,209) 48%, rgb(235,235,235) 87%); background-image: -o-linear-gradient(top, rgb(209,209,209) 48%, rgb(235,235,235) 87%); background-image: -moz-linear-gradient(top, rgb(209,209,209) 48%, rgb(235,235,235) 87%); background-image: -webkit-linear-gradient(top, rgb(209,209,209) 48%, rgb(235,235,235) 87%); background-image: -ms-linear-gradient(top, rgb(209,209,209) 48%, rgb(235,235,235) 87%); background-image: -webkit-gradient( linear, left top, left bottom, color-stop(0.48, rgb(209,209,209)), color-stop(0.87, rgb(235,235,235)) ); }

/* === TOOLTIPS === */
.tipsy{padding:4px; font-size:11px; position:absolute; z-index:1000;}
.tipsy-inner{padding:2px 10px 2px 10px; background-color:#1d1d1d; color:white; max-width:200px; text-align:center;}
.tipsy-inner{border-radius:2px; -moz-border-radius:2px; -webkit-border-radius:2px;}
.tipsy-arrow{position:absolute; background:url('images/tipsy.gif') no-repeat top left; width:9px; height:5px;}
.tipsy-n .tipsy-arrow{top:0; left:50%; margin-left:-4px;}
.tipsy-nw .tipsy-arrow{top:0; left:10px;}
.tipsy-ne .tipsy-arrow{top:0; right:10px;}
.tipsy-s .tipsy-arrow{bottom:0; left:50%; margin-left:-4px; background-position:bottom left;}
.tipsy-sw .tipsy-arrow{bottom:0; left:10px; background-position:bottom left;}
.tipsy-se .tipsy-arrow{bottom:0; right:10px; background-position:bottom left;}
.tipsy-e .tipsy-arrow{top:50%; margin-top:-4px; right:0; width:5px; height:9px; background-position:top right;}
.tipsy-w .tipsy-arrow{top:50%; margin-top:-4px; left:0; width:5px; height:9px;}