/* FONTS */

@font-face {

font-family: 'Bayer04';

src: local('Niestandardowy font'), url(fonts/bayer.ttf) format("truetype")

}



*{

    padding: 0px;

    margin: 0px;

}


p {

	line-height: 17px;
        padding: 0 0 20px 0;
}

body{

    background: url('images/background.png') no-repeat 50.5% 0%;

    font-size: 12px;

    color: #000;

    font-family: Tahoma, Arial, Verdana, sans-serif;

    background-color: #2c0000;

}



body a{

    font-size: 12px;

    color: #000;

    font-family: Tahoma, Arial, Verdana, sans-serif;

    text-decoration: none;

}



body a:hover{

    font-size: 12px;

    color: #000;

    font-family: Tahoma, Arial, Verdana, sans-serif;

    text-decoration: underline;

}



.all{

    width: 1000px;

    margin: auto;

}



.top{

    background: url('images/top_2.png') no-repeat;

    width: 1000px;

    height: 181px;



}



.top .belt{

    color: #FFF;

    padding: 0 15px 0 15px;

}



/*

.top .belt li{

    display: inline;

    list-style: none;

}

*/



.top .belt .date{

    padding: 4px 0 0 0px;

    float: left;

}



.top .belt .icons{

    padding: 4px 0 0 0px;

    float: left; 

    margin: 0 0 0 410px;

}



.top .belt .icons li{

    display: block;

    list-style: none;

    float: left;

    margin: 0 10px 0 0;

}



.top .belt .icons .fb{

    background: url('images/icon_fb.jpg') no-repeat;

    width: 17px;

    height: 16px;

    cursor: pointer;

}



.top .belt .icons .fb:hover{

    background-position: 0 -16px;

    width: 17px;

    height: 16px;

}



.top .belt .icons .twitter{

    background: url('images/icon_twitter.jpg') no-repeat;

    width: 16px;

    height: 16px;

    cursor: pointer;

}



.top .belt .icons .twitter:hover{

    background-position: 0 -16px;

    width: 16px;

    height: 16px;

}



.top .belt .buttons{

    padding: 0px 0 0 0px;

    float: right; 

    margin: 0 0 0 0;

}



.top .belt .buttons li{

    display: block;

    list-style: none;

    float: left;

    margin: 0 10px 0 0;

}



.top .belt .buttons .register{

    background: url('images/button_register.jpg') no-repeat;

    width: 95px;

    height: 24px;

    cursor: pointer;

}



.top .belt .buttons .register:hover{

    background-position: 0 -24px;

    width: 95px;

    height: 24px;

}



.top .belt .buttons .login{

    background: url('images/button_login.jpg') no-repeat;

    width: 95px;

    height: 24px;

    cursor: pointer;

    margin: 0 0 0 0;

}



.top .belt .buttons .login:hover{

    background-position: 0 -24px;

    width: 95px;

    height: 24px;

}



.top .search{

    clear: both;

    margin: 20px 7px 0 0;

}



.top .search{

    clear: both;

    margin: 40px 7px 0 0;

}



.top .search fieldset.search{

    border: 0px;

    float: right;

}



.top .search input.search{

    background: url('images/input_search.jpg') no-repeat;

    background-position:left;

    width: 162px;

    height: 25px;

    border: 0px;

    color: #a8a8a8;

    font-size: 11px;

    font-family: Tahoma, Arial, Verdana, sans-serif;

    padding: 0 10px 0 10px;

    margin: 0 0 0 0;

    float: left;

}



.top .search input.search_button{

    background: url('images/input_search.jpg') no-repeat;

    background-position:right;

    width: 25px;

    height: 25px;

    border: 0px;

    color: #a8a8a8;

    font-size: 11px;

    font-family: Tahoma, Arial, Verdana, sans-serif;

    cursor: pointer;

}



.top .menu{

    clear: both;

    margin: 29px 0 0 5px;

    color: #FFF;

    font-family: 'Bayer04';

    font-weight: normal;

    

}



.top .menu a{

    

    color: #FFF;

    font-family: 'Bayer04';

    font-weight: normal;

    text-decoration: none;

}



.top .menu a:hover{

    

    color: #FFF;

    font-family: 'Bayer04';

    font-weight: normal;

    text-decoration: none;

}



.top .submenu a{   

    color: #FFF;

    text-decoration: none;

}



.top .submenu a:hover{   

    color: #FFF;

    text-decoration: underline;

}



.top .menu li{

    display: block;

    list-style: none;

    border-right: 1px solid #7d7d7d;

    float: left;

    padding: 7px 10px 0 10px; 

    cursor: pointer;

    height: 24px;

}



.top .menu li:hover{

    background: url('images/menu_hover.jpg') repeat-x;

    display: block;

    list-style: none;

    border-right: 1px solid #7d7d7d;

    float: left;

    padding: 7px 10px 0 10px; 

    height: 24px;

}



.top .menu .active{

    background: url('images/menu_hover.jpg') repeat-x;

    display: block;

    list-style: none;

    border-right: 1px solid #7d7d7d;

    float: left;

    padding: 7px 10px 0 10px; 

    height: 24px;

}



.top .submenu{

    margin: 5px 0 0 27px;

}



.top .submenu li{

    float: left;

    color: #FFF;

    margin: 0 25px 0 0;

}



.content{

    width: 970px;

    background: #FFF;

    margin: auto;

    padding: 20px 15px 20px 15px;

    overflow: auto;

}



.content .left{

    float: left;

    width: 580px;

}



.content .right{

    float: left;

    width: 390px;

}







.content .left .main_news{

    width: 580px;

    height: 340px;

}



.content .left .main_news .info{

    padding: 150px 0 0 0;

}



.content .left .main_news .title{

    background: #9c0012;

    color: #FFF;

    font-family: 'Bayer04';

    font-size: 25px;

    padding: 5px;

    width: 430px;

    font-weight: normal;   

}



.content .left .main_news .title:hover{

    background: #000;

    color: #FFF;

    font-family: 'Bayer04';

    font-size: 25px;

    padding: 5px;

    width: 430px;

    font-weight: normal;   

}



.content .left .main_news .title a{

    color: #FFF;

    font-family: Georgia;

    font-size: 28px;

    font-weight: normal;  

    text-decoration: none;

}







.content .left .main_news .text{

    background: #FFF;

    color: #000;

    font-family: Tahoma;

    font-size: 12px;

    padding: 5px;

    width: 400px;

    font-weight: normal;

    line-height: 19px;

    margin: 3px 0 0 0;

}



.content .left .main_news .text .autor{

    font-size: 10px;

    color: #a1a1a1;

    margin: 5px 0 0 0;

    float: left;

}



.content .left .main_news .text .link_more{

    color: #9c0012;

    margin: 5px 10px 0 0;

    float: right;

    font-weight: bold;

    text-decoration: none;

}



.content .left .main_news .text .link_more a{

    color: #9c0012;

    text-decoration: none;

}



.content .left .main_news .text .link_more a:hover{

    color: #9c0012;

    text-decoration: underline;

}



.content .left .main_news .text .link_more img{

    margin: 0 0px 0 0;

}



.content .left .normal_news{

    margin: 20px 0 0 0;

    background: #000;

}



.content .left .normal_news .box{

    margin: 0 0px 0 0;

    float: left;

    width: 270px;

    background: #FFF;

    padding: 10px 10px 0px 10px;

    cursor: pointer;

    height: 315px;

}



.content .left .normal_news .box a{

    text-decoration: none;

    color: #a1a1a1;

}



.content .left .normal_news .box:hover{

    margin: 0 0px 0 0;

    float: left;

    width: 270px;

    background: #000;

    padding: 10px 10px 0px 10px;

    color: #FFF;

    

}



.content .left .normal_news .box .title{

    color: #9c0012;

    font-family: 'Bayer04';

    font-size: 16px;

    font-weight: bold;

}

.content .left .normal_news .box .title a{

    color: #9c0012;

    font-family: 'Bayer04';

    font-size: 16px;

    font-weight: bold;
    
    text-decoration: none;

}

.content .left .normal_news .box .title a:hover{

    color: #9c0012;

    font-family: 'Bayer04';

    font-size: 16px;

    font-weight: bold;
    
    text-decoration: none;

}



.content .left .normal_news .box .text{

    padding: 10px 0 0 0;

}



.content .left .normal_news .box .info{

    color: #a1a1a1;

    font-size: 10px;

    margin: 10px 0 0 0;

    padding: 0 0 0px 0;

}



.content .left .mini_archiwum{

    margin: 20px 0 0 0;

}

.content .left .mini_archiwum .link{

    margin: 5px 0 0 20px;

    color: #9c0012;

    font-weight: bold;

    text-align: right;
}



.content .left .mini_archiwum .link a{

    color: #9c0012;

    font-weight: bold;

    text-decoration: underline;

}



.content .left .mini_archiwum .link a:hover{

    color: #9c0012;

    font-weight: bold;

    text-decoration: none;

}



.content .left .header_left{

    background: #3c3c3c;

    width: 560px;

    padding: 5px 10px;

    color: #FFF;

    font-family: 'Bayer04';

    font-size: 15px;

    font-weight: normal;

}



.content .right .header_right{

    color: #FFF;

    font-family: 'Bayer04';

    font-size: 15px;

    font-weight: normal;

}



.content .left .mini_archiwum ul{

    margin: 5px 0 0 10px;

}



.content .left .mini_archiwum li{

    display: block;

    list-style: none;

    color: #3c3c3c;

    font-size: 10px;

    margin: 0 0 0 0;

    padding: 3px 0 5px 20px;

    cursor: pointer;

    

}



.content .left .mini_archiwum .title{

    color: #9c0012;

    font-family: 'Bayer04';

    font-size: 13px;

    font-weight: bold;

    margin: 0 0 0 0;

    padding: 5px 10px 5px 20px;

}



.content .left .mini_archiwum .color{

    color: #9c0012;

    font-family: 'Bayer04';

    font-size: 13px;

    font-weight: bold;

    margin: 0 0 0 0;

    background: #cbcbcb;

}



.content .left .mini_archiwum .title:hover{

    color: #9c0012;

    font-family: 'Bayer04';

    font-size: 13px;

    font-weight: bold;

    margin: 0 0 0 0;

    background: #000;

}



.content .right .box{

    margin: 0 0 20px 15px;

    width: 375px;

}



.content .right .box .head{

    margin: 0 0 0 0;

    background: #3c3c3c;

    padding: 5px 10px;

    color: #FFF;

    font-family: 'Bayer04';

    font-size: 15px;

    font-weight: normal;

    width: 354px;

}



.content .right .box .yellow{ 

    background: #ffeb00;

    color: #3c3c3c;

}



.content .right .box .bookmarks{

    background: #3c3c3c;

}



.content .right .box .bookmarks ul{

}



.content .right .box .bookmarks li{

    display: block;

    list-style: none;

    float: left;

    background: #3c3c3c;

    width: 167px;

    padding: 5px 10px;

    color: #FFF;

    font-family: 'Bayer04';

    font-size: 13px;

    font-weight: normal;

    cursor: pointer;

    text-align: center;

}



.content .right .box .bookmarks .active{

    display: block;

    list-style: none;

    float: left;

    background: #ffeb00;

    width: 167px;

    padding: 5px 10px;

    color: #3c3c3c;

    font-family: 'Bayer04';

    font-size: 13px;

    font-weight: normal;

}



.content .right .box .cont{

    margin: 0 0 0 0;

    background: #efefef;

    padding: 5px 10px 10px 10px;

    display: block;

}



.content .right .box .cont .shoutbox{

    overflow: scroll;

    height: 300px;

    width: 350px;

}



.content .right .box .cont table{

    

}



.content .right .box .cont td{

    padding: 5px 0 5px 0;

    text-align: center;

}



.content .right .box .cont .team{

    padding: 5px 0 5px 0;

    text-align: left;

}



.content .right .box .cont .color{

    background: #cbcbcb;

}



.content .right .box .cont .left{

    float: left;

    width: 150px;

    padding: 10px 0 0 0;

}



.content .right .box .cont .right{

    float: left;

    width: 205px;

    font-family: 'Bayer04';

    font-size: 17px;

    font-weight: bold;

    text-align: center;

    margin: 20px 0 0 0;

    color: #9c0012;

}



.content .right .box .cont span{

    color: #000;

}



.content .right .box .cont .info{

    margin: 20px 0 0 0;

}



.content .right .box .cont .link{

    margin: 5px 0 0 0;

    color: #9c0012;

    font-weight: bold;

}



.content .right .box .cont .link a{

    color: #9c0012;

    font-weight: bold;

    text-decoration: underline;

}



.content .right .box .cont .link a:hover{

    color: #9c0012;

    font-weight: bold;

    text-decoration: none;

}



.content .right .box .cont .align_right{

    text-align: right;

    padding: 5px 0 0 0;

}



.content .right .box .cont ul{

    

}



.content .right .box .cont li{

   display: block;

   list-style: none;

   padding: 5px 0 5px 5px;

}





.content .right .box .cont .submit_sonda{

   background: url('images/submit_sonda.jpg') no-repeat;

   width: 61px;

   height: 17px;

   border: 0px;

   

}



.content .right .stats{

    background: #9c0012;

    margin: 0 0 0 15px;

    -webkit-border-bottom-left-radius: 5px; /* Safari, Chrome */

    -webkit-border-top-left-radius: 5px; /* Safari, Chrome */

    -khtml-border-bottom-left-radius: 5px;    /* Konqueror */

    -khtml-border-top-left-radius: 5px;    /* Konqueror */

    -moz-border-bottom-left-radius: 5px; /* Firefox */

    -moz-border-top-left-radius: 5px; /* Firefox */

    border-bottom-left-radius: 5px;

    border-top-left-radius: 5px;

    color: #FFF;

    padding: 10px;

}



.content .right .stats .cont{

    margin: 10px 0 0 0;

}



.stopka{

   background: url('images/background_stopka.jpg') no-repeat;

   width: 1000px;

   height: 69px;

   color: #FFF;

   font-family: 'Bayer04';

   font-size: 11px;

   font-weight: normal;

   

}



.stopka a{

   color: #FFF;

   font-family: 'Bayer04';

   font-size: 11px;

   font-weight: normal;

   text-decoration: none;

}



.stopka a:hover{

   color: #FFF;

   font-family: 'Bayer04';

   font-size: 11px;

   font-weight: normal;

   text-decoration: none;

}



.stopka ul{

    float: right;

}



.stopka li{

    display: block;

    list-style: none;

    float: left;

    border-top: 3px solid #ffeb00;

    margin: 0 15px 0 0;

    padding: 20px 0 0 0;

    cursor: pointer;

}



.stopka li:hover{

    display: block;

    list-style: none;

    float: left;

    border-top: 3px solid #9c0012;

    margin: 0 15px 0 0;

    padding: 20px 0 0 0;

}



.null{

    clear: both;

}



.block{

    display: block;

}



.none{

    display: none;

}





/**
 * Forms
 */
div#leftSide fieldset {
	width: 95%;
	padding: 15px;
	background: #FFF;
	border: 1px solid #AAA;
	margin: 10px auto;
	-moz-border-radius:3ex;
  	-webkit-border-radius:3ex;
}

div#leftSide legend {
	font-size: 13px;
	font-weight: bold;
	margin-left: 5px;
	padding: 0px 10px;
}

div#leftSide fieldset div {
	overflow: hidden;
	/*background: #F4F4F7;
	border: 1px solid #B7B9D1;*/
	padding: 5px;
	width: 95%;
	margin: 10px auto;
}

div#leftSide fieldset label {
	float: left;
	width: 25%;
	font-size: 12px;
	border-right: 1px solid #aaa;
	margin-right: 30px;
}

div#leftSide fieldset input, div#leftSide fieldset textarea {
	float: left;
	padding: 5px;
	border: 1px solid #CCC;
	color: #000;
	font-size: 11px;
	font-family: Verdana;
	width: 60%;
	background: #fff;
	-moz-border-radius:1ex;
  	-webkit-border-radius:1ex;
}

div#leftSide fieldset select {
	float: left;
	padding: 5px;
	border: 1px solid #CCC;
	color: #000;
	font-size: 11px;
	font-family: Verdana;
	-moz-border-radius:1ex;
  	-webkit-border-radius:1ex;
}

div#leftSide fieldset input.submit, div#leftSide fieldset input.checkbox, div#leftSide fieldset input.radio {
	width: auto;
}

div#leftSide fieldset input.submit {
	background: #eee;
}

.wrexbox fieldset{
    padding: 10px;
}

.wrexbox fieldset legend{
    padding: 10px;
}

.wrexbox, .notice, .pagination {
	border:1px #919090 solid;
	clear: both;
	overflow: hidden;
	padding: 15px;
	margin-bottom: 10px;
}

.notice, .pagination
{
	padding: 10px;
	background: #efefef;
}

.wrexbox h1 {
	font-size: 16px;
	font-weight: normal;
	margin-bottom: 10px;
}

.wrexbox h2 {
	font-size: 13px;
	font-weight: normal;
	margin: 10px;
}

.wrexlist {
	overflow: hidden;
	clear: both;
	margin-bottom: 10px;
	padding: 10px;
	border: 1px solid #999;
}

.wrexlist .left {
	float: left;
	margin-right: 0px;
}

.wrexlist .left img {
	border: 1px solid #999;
	padding: 1px;
	margin-right: 5px;
}

.wrexlist .right {
	float: left;
	text-align: left;
}

.wrexlist .right h3 {
	font-size: 13px;
}

.wrexlist .right div {
	margin-bottom: 3px;
}

.gallery_image {
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
	width: 120px;
	height: 90px;
}

table.wrextable{border:1px solid #C4C4C4;width:100%;margin:10px auto}
table.wrextable td{padding:10px;background:#E8E8E8}
table.wrextable thead td{color:#000;background:url(acp_images/table_thead.gif)}
table.wrextable tr.highlight td{background:#E1E1E1;font-weight:bold}
.comment_box{width:100%;clear:both;margin:10px auto;overflow:hidden; border-bottom: 1px solid #AAAAAA}
.comment_box img{border:none}
.comment_box_left{width:29%; float:left}
.comment_box_right{width: 70%; float:right; text-align: left}
.comment_sub{padding: 10px; background: #DFDFDF; margin-bottom: 10px}
.comment_sub img{vertical-align: middle}
.comment_info {background: #CFCFCF; padding: 5px; margin-bottom: 5px; overflow: hidden}

ul.list {
	padding: 10px;
	margin-left: 5px;
}

ul.list li {
	list-style: circle;
	line-height: 20px;
}





/*

LABEL FORM



*/



#demo-header{  

    width: 980px;  

    margin: 0 auto;  

    position: relative;

    

}  

#login-link{  

    

    

}  

#login-panel{  

    position: absolute;  

    top: 26px;

    left: 751px;

    rightright: 0px;  

    width: 190px;  

    padding: 10px 15px 5px 15px;  

    background: #2a2a2a;  

    font-size: 8pt;  

    font-weight: bold;  

    color: #FFF;  

    display: none;  

}  

#demo-header label{  

    line-height: 1.8;  

}  







/*

LIKE BOX



*/





/* glowny div z like box'em */

#like-box {

	position: fixed;

	z-index: 99;

	top: 150px;  /* jego polozenie od gory */

	left: -296px; /* szerokosc wygenerowanego boxa + 4px obramowania */

	-webkit-transition: left 0.5s ease-out;

	-moz-transition: left 0.5s ease-out;

	-o-transition: left 0.5s ease-out;

	transition: left 0.5s ease-out;

}



/* wysuniecie like box'a */

#like-box:hover {

	left: 0px;

}



/* zewnetrzna ramka boxa */

#like-box .outside {

	position: relative;

	z-index: 1;

	background: #3b5999;

	padding: 2px;

	min-width: 1px;

	float: left;

}



/* wewnetrzne tlo boxa */

#like-box .inside {

	position: relative;

	z-index: 2;

	background: #fff;

}



/* pasek z logo FB */

#like-box .belt {

	position: relative;

	z-index: 0;

	-webkit-transform: rotate(90deg); /* obrot o 90 stopni */

	-moz-transform: rotate(90deg); /* wiec wysokosc zamienia sie z szerokoscia */

	-o-transform: rotate(90deg); /* obrot o 90 stopni */

	filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1); /* obrot o 90 stopni dla IE */

	float: left;

	width: 100px; /* wysokosc */

	height: 40px; /* szerokosc */

	padding: 7px 0px 0px 20px;

	margin: 50px 0px 0px -55px;

	background: #3b5999;

	color: #fff;

	font-weight: bold;

	font-family: Verdana;

	font-size: 16px;

	-webkit-border-radius: 6px;

	-moz-border-radius: 6px;

	border-radius: 6px;

        cursor: pointer;

}