@charset "utf-8";
/* CSS Document */

* {
	margin:0 auto;
	padding:0;
	list-style:none;
	text-decoration:none;
	border:none;
	font-family:Arial;
}

body {
	background-color:#c7d4de;
}

#bg{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background:url(img/bg.jpg);
	background-repeat:no-repeat;
	background-position:center top;
	z-index:1;
}

#bg2{
	position:absolute;
	top:202px;
	left:0;
	width:60%;
	height:130px;
	background:url(img/bg2.png);
	background-repeat:repeat-x;
	z-index:2;
}

#bg3{
	position:absolute;
	top:202px;
	right:0;
	width:50%;
	height:130px;
	background:url(img/bg3.png);
	background-repeat:repeat-x;
	z-index:3;
}

#atletico{
	text-align:left;
	position:relative;
	z-index:4;
	width:997px;
	font-size:11px;
	color:#787878;
}

#top{
	width:997px;
	height:202px;
	float:left;
	position:relative;
}

#top .welcome{
	width:304px;
	height:80px;
	position:absolute;
	top:100px;
	left:90px;
}

#logowanie{
	width:997px;
	height:31px;
	float:left;
	color:white;
	padding-top:8px;
}

#logowanie div{
	font-weight:bold;
	color:white;
	float:left;
	margin:4px 10px 0 20px;
}

#logowanie div a{
	color:white;
	float:left;
	margin:4px 10px 0 0;
	font-weight:normal;
}

#logowanie .input{
	width:144px;
	height:23px;
	float:left;
	background:url(img/input.png);
	font-size:10px;
	color:#21465a;
	padding:0 10px;
	margin-right:10px;
}

#logowanie .b2, #logowanie .b3, #logowanie .b4{
	height:18px;
	float:left;
	margin-right:8px;
	text-align:center;
	padding-top:5px;
	color:white;
}

#logowanie .b3{
	padding:0;
	margin-top:3px;
}

#logowanie .b2{
	width:95px;
	background:url(img/b2.png);
}

#logowanie .b4{
	width:130px;
	background:url(img/b4.png);
	font-weight:bold;
}

#logowanie .b1{
	text-align:center;
	float:left;
	height:23px;
	width:75px;
	font-size:11px;
	font-weight:bold;
	background:url(img/b1.png);
	color:white;
	margin-right:8px;
}
	

#choose{
	width:997px;
	height:91px;
	float:left;
}

#choose .fanclub, #choose .forum, #choose .typer, #choose .sklep{
	height:91px;
	float:left;
}

#choose .fanclub{
	width:254px;
	background:url(img/choose_1.png);
}

#choose .forum{
	width:248px;
	background:url(img/choose_2.png);
}

#choose .typer{
	width:250px;
	background:url(img/choose_3.png);
}

#choose .sklep{
	width:245px;
	background:url(img/choose_4.png);
}

#content{
	width:956px;
	float:left;
	background:url(img/content.png);
	background-repeat:repeat-y;
	padding:0 20px 10px 21px;
}

#left{
	width:703px;
	float:left;
	padding-right:20px;
}

#left .banner{
	width:703px;
	height:86px;
	float:left;
	padding-top:10px;
	background-color:white;
}

#left .bbaner{
	width:578px;
	height:69px;
	border:1px solid #d3ccc1;
	background-color:#f6f5f3;
	float:left;
	padding:9px 0 0 123px;
}

#subleft{
	width:332px;
	float:left;
	padding-right:20px;
}

#subleft .news{
	width:332px;
	float:left;
	background-color:white;
	padding:10px 0 7px 0;
	border-bottom:3px solid #d3ccc1;	
}

#subleft .tag{
	float:left;
	width:332px;
	font-weight:bold;
	color:#c8c1a2;
	text-transform:uppercase;
}

#subleft .news a.title{
	font-size:14px;
	font-weight:bold;
	color:#163f56;
	text-transform:uppercase;
	float:left;
	margin:3px 0;
	width:100%;
}

#subleft .news img{
	width:332px;
	height:195px;
	float:left;
	margin:3px 0;
}

#subleft .news span{
	width:332px;
	float:left;
	font-size:10px;
	color:#b5af93;
	margin-bottom:6px;
}

#subleft .tresc, #subleft .news p{
	width:332px;
	float:left;
	font-size:12px;
	line-height:16px;
	text-align:justify;
	color:#787878;
}


#subleft .news small, #subright .news small{
	color:#ad1c1c;
	font-size:10px;
}

#subleft .news b{
	color:#163f56;
}

#subleft .portale{
	width:352px;
	float:left;
	margin:20px 0;
}

#subleft .header{
	width:312px;
	height:45px;
	float:left;
	background:url(img/subleft_header.png);
	color:#787878;
	font-weight:bold;
	padding:7px 10px 0 10px;
	margin:7px 0;	
}

#subleft .header a{
	float:right;
	color:#787878;
	font-weight:normal;
	font-size:9px;
	margin-top:2px;
}

#subleft .header span{
	width:192px;
	height:16px;
	float:left;
	margin-top:11px;
	font-weight:normal;
}

#subleft .header .span{
	float:left;
	margin-right:20px;
	color:#e3e3e3;
	cursor:pointer;
}

#subleft .active{
	color:white;
	font-weight:bold;
}

#subleft a.pub1, #subleft a.pub2{
	width:309px;
	float:left;
	font-weight:bold;
	border:1px solid #d3ccc1;
	margin-bottom:9px;
	padding:7px 10px;
	background-color:white;
	color:#787878;
}

#subleft a.pub1{
	background-color:#f6f5f3;
}
	
#subright{
	width:331px;
	float:left;
	padding-left:20px;
}

#subright .news{
	width:331px;
	min-height:191px;
	float:left;
	background-color:white;
	padding:10px 0;
	border-bottom:3px solid #d3ccc1;
}

#subright a.title{
	font-size:14px;
	font-weight:bold;
	color:#163f56;
	text-transform:uppercase;
	float:left;
	width:100%;
}

#subright .news img{
	width:115px;
	height:115px;
	float:left;
	margin:7px 12px 0 0;
}

#subright .news a.tresc{
	width:204px;
	float:left;
	font-size:12px;
	margin-top:9px;
	line-height:16px;
	text-align:justify;
	color:#787878;
}

#subright .news span{
	width:331px;
	margin-top:7px;
	float:left;
	font-size:10px;
	color:#b5af93;
}

#subright .archiwum{
	width:331px;
	float:left;
	margin-top:10px;
}

#subright .archiwum a.arch1, #subright .archiwum a.arch2{
	width:309px;
	float:left;
	font-weight:bold;
	border:1px solid #d3ccc1;
	margin-bottom:9px;
	padding:7px 10px;
	background-color:white;
	color:#787878;
}

#subright .archiwum a.arch1{
	background-color:#f6f5f3;
}

#subright .archiwum a.zobacz{
	width:123px;
	height:20px;
	float:left;
	background:url(img/subright_button.png);
	text-align:center;
	color:#787878;
	font-weight:bold;
	padding-top:6px;
	margin-right:20px;
}

#subright .number{
	width:26px;
	height:20px;
	float:right;
	text-align:center;
	background:url(img/subright_button2.png);
	font-weight:bold;
	padding-top:6px;	
}

#right{
	width:212px;
	float:left;
	padding-left:21px;
	color:#5d778b;
}

#right .mecz{
	float:left; 
	text-align:center; 
	width:212px; 
	border-bottom:1px solid #8699a8; 
	padding-bottom:10px; 
	margin-bottom:5px;
}

#right .herb1{
	float:right; 
	width:70px;
}

#right .herb2{
	float:left; 
	width:70px;
}

#right .mecz img{
	float:left; 
	width:70px; 
	height:70px;
}

#right .teams{
	font-size:15px;
	font-weight:bold;
}

#right .teams strong{
	font-size:13px;
}

#right .miejsce{
	border:1px solid #8699a8; 
	width:210px; 
	float:left; 
	padding:5px 0; 
	margin-top:8px;
}

#right .zaglosuj{
	float:right; 
	background:none; 
	font-weight:bold; 
	color:#5d778b;
}

#right .wyszukiwarka{
	width:212px;
	height:22px;
	float:left;
	margin:15px 0;
}

#right .search{
	width:143px;
	height:22px;
	float:left;
	background:url(img/right_search.png);
	font-size:10px;
	color:#c7d4de;
	padding:0 10px;
	margin-right:10px;
}

#right .searchbtn{
	width:20px;
	height:23px;
	float:left;
	background:url(img/right_searchbtn.png);
}

#right .header{
	width:192px;
	height:21px;
	float:left;
	background:url(img/right_header.png);
	color:#5d778b;
	font-weight:bold;
	padding:7px 10px 0 10px;
	margin-bottom:10px;
}

#right .header a{
	float:right;
	color:#5d778b;
	font-weight:normal;
	font-size:9px;
	margin-top:2px;
}

#right .header2{
	width:192px;
	height:45px;
	float:left;
	background:url(img/right_header2.png);
	color:#5d778b;
	font-weight:bold;
	padding:7px 10px 0 10px;
	margin:7px 0;	
}

#right .header2 a{
	float:right;
	color:#5d778b;
	font-weight:normal;
	font-size:9px;
	margin-top:2px;
}

#right .header2 span{
	width:192px;
	height:16px;
	float:left;
	margin-top:11px;
	font-weight:normal;
}

#right .span{
	float:left;
	margin-right:20px;
	color:#dbe1e5;
	cursor:pointer;
}

#right .active{
	color:white;
	font-weight:bold;
}

.none{
	display:none;
}

#right .wpis1{
	width:190px;
	border:1px solid #c7d4de;
	background-color:white;
	float:left;
	padding:5px 10px;
	color:#5d778b;
}

#right .wpis2{
	width:192px;
	float:left;
	padding:5px 10px;
	color:#5d778b;
}

#right .tab1, #right .tab2{
	width:201px;
	height:20px;
	float:left;
	margin-bottom:3px;
	padding:5px 0 0 11px;

}

#right .tab1{
	background:url(img/right_tab.png);
}

#right .t1{
	width:24px;
	float:left;
}
	
#right .t2{
	width:74px;
	float:left;
}

#right .t3{
	width:29px;
	float:left;
}

#right .t4{
	width:52px;
	float:left;
}

#right .t5{
	width:21px;
	float:left;
}

#right .t6{
	width:60px;
	float:left;
}

#right .t7{
	width:112px;
	float:left;
}	

#right .mistrz{
	color:#ad1c1c;
	font-weight:bold;
}

#right .lm{
	color:#1d7414;
}

#right a.statsy{
	width:106px;
	text-align:center;
	float:left;
	margin:3px 0px 15px 0px;
	color:#5d778b;
	text-decoration:underline;
}

#right .raport1, #right .raport2{
	width:200px;
	height:60px;
	float:left;
	margin-bottom:5px;
	padding:10px 3px 0 9px;
	line-height:17px;
}

#right .raport2{
	background:url(img/right_raport.png);
}

#right .raport1 img, #right .raport2 img{
	width:52px;
	height:52px;
	float:left;
	margin-right:9px;
}

#right .buttony{
	width:208px;
	float:left;
	padding:0 2px 7px 2px;
}

#right .buttony img{
	width:100px;
	height:50px;
	float:left;
	margin:2px;
	opacity:0.5;
}

#right .buttony img:hover{
	opacity:1;
}

#right .linki{
	width:200px;
	float:left;
	padding:0 6px 6px 6px;
}

#right .linki a{
	color:#5d778b;
}



#footer{
	width:100%;
	height:56px;
	background: url(img/stopka.png);
	float:left;
	text-align: center;
	position:relative;	
	z-index:100;
}

#stopka{
	margin: auto;
	text-align:left;
	width:975px;
	height:46px;
	background: url(img/stopka.png);	
	position:relative;	
	padding:10px 11px 0 11px;
	color:#787878;
	font-weight:bold;
	font-size:11px;
}

#stopka span{
	float:right;
	text-align:right;
	line-height:17px;
}

#stopka a{
	color:#787878;
}

.wrexbox,.pagination,.notice{overflow:hidden; background:white; margin-bottom:10px;clear:both;padding:10px}
.wrexbox a,.pagination a,.notice a{	color:#17295a;}
.notice2{background-image:url(acp_images/icons/info.png);background-position:0% 50%;padding:10px;padding-left:25px;background-repeat:no-repeat;;overflow:hidden;margin-bottom:10px;clear:both}
.wrexbox h1{line-height:32px;border-bottom:1px solid #BBB;color:#444;font-family:"Trebuchet MS",sans-serif;font-size:21px;font-weight:400;margin:10px 10px 10px 0;padding:0}
.wrexbox h2{font-size:12px;font-weight:700;margin:10px 10px 10px 0;padding:0}
.wrexbox p{line-height:19px;margin-bottom:5px}
.wrexbox .small{margin-top:5px;color:#A0A0A0;clear:both}
.comment{overflow:hidden;clear:both;width:100%;margin:10px 0}
.comment img.avatar{float:left;border:10px solid #eaeaea;width:50px;height:50px}
.comment .message{-moz-border-radius:2ex;-webkit-border-radius:2ex;width:600px;float:left;margin-left:10px;background:#eaeaea;padding:10px}
.comment .message .info{margin-bottom:10px;overflow:hidden;color:#A0A0A0}
.comment .message p{font-size:12px}
blockquote {margin:0;width:90%;background:#FFF;padding:10px;border:1px solid #aaa;font-size:12px;font-style:italic}
ul.list{list-style:circle;line-height:18px;margin:0 0 0 10px;padding:5px}
fieldset{width:95%;background:#FFF;border:1px solid #AAA;-moz-border-radius:1ex;-webkit-border-radius:1ex;margin:10px auto;padding:15px}
legend{font-size:13px;font-weight:700;margin-left:5px;padding:0 10px}
fieldset div{overflow:hidden;width:95%;margin:10px auto;padding:5px}
fieldset div.subForm{background:#FAFAFA;border:1px solid #A0A0A0;-moz-border-radius:3ex;-webkit-border-radius:3ex}
fieldset label{float:left;width:25%;font-size:12px;border-right:1px solid #aaa;margin-right:30px}
fieldset input,fieldset textarea{float:left;border:1px solid #CCC;color:#000;font-size:11px;font-family:Verdana;width:auto;background:#fff;padding:5px}
fieldset select{float:left;border:1px solid #CCC;color:#000;font-size:11px;font-family:Verdana;margin-left:1px;padding:4px}
fieldset input.submit,fieldset input.checkbox,fieldset input.radio{width:auto}
fieldset input.submit{background:#eee}
table.wrextable{color:#17295a; width:100%;margin:10px auto}
table.wrextable td{background:#cbd5dd;padding:7px}
table.wrextable td img{padding:3px}
table.wrextable td img:hover{background:#cfcfcf}
table.wrextable tr:hover td{background:#b6c0ca}
table.wrextable thead td{text-align:center;background:#445A6E;color:#fff;border-bottom:1px solid #cbd5dd}
table.wrextable thead tr:hover td{background:#445A6E}
.wrexlist{margin:5px 0px 5px 0px;clear:both;border:1px solid #cbcbcb;padding:10px;overflow:hidden}
.wrexlist .left{margin-right:10px}
.wrexlist .right{float:left}
.wrexlist h3{font-size: 13px;margin:0;padding:0;margin-bottom:10px}
.wrexlist div{margin-bottom:5px}
a.button { background: #EFEFEF; padding: 5px; border: 1px solid #B1B1B1; text-decoration: none; color: #111 }
ul.icon{list-style:none;line-height:18px;margin:0 0 0 10px;padding:5px}
ul.icon li{list-style:none;background-position:0% 50%;padding-left:25px;background-repeat:no-repeat}
#ajaxLoader {
    display: none;
    padding: 10px;
    background: #4B505B;
    position: fixed;
    color: #fff;
    top: 0;
}

#subright .komentarz{
	width:330px; 
	float:left; 
	border-bottom:3px solid #d3ccc1; 
	padding-bottom:10px;
	color:#17295a;
	margin-top:10px;
}

#subright .dane{
	width:330px; 
	height:50px; 
	float:left; 
	line-height:17px;
}

#subright .dane span{
	float:right;
	text-align:right;
}

#subright .dane a{
	color:#17295a;
}

#subright .dane img{
	width:50px;
	height:50px;
	float:left;
	margin-right:10px;
}

#subright .komentarz p{
	float:left; 
	text-align:justify; 
	margin-top:10px; 
	line-height:17px;
}

#subright .dodaj{
	border:1px solid #d2cdc1;
	float:left;
	margin-top:6px;
	font-size:11px;
	color:#777777;
	padding:10px;
	width:308px;	
}

#subright .add{
	width:123px;
	height:26px;
	float:right;
	text-align:center;
	margin:12px 5px 0 0;
	font-weight:bold;
	background:url(img/dodaj.png);
	font-size:11px;
	color:#777777;
}

#subleft .ppp{
	text-align:justify;
	font-size:12px;
	line-height:16px;
}

#top span.online{
	position:absolute;
	color:#09528a;
	font-size:12px;
}