/* CSS Document */

/* kolor 



*/





*{

margin:0;

padding:0;

border:0

}

body{

width:100%;

height:100%;

font:normal 12px/16px "Century Gothic", sans-serif;

background:#000;

color:#333;

behavior:url("css/csshover.htc");

}



.access{

display:none;

}

a{

color:#666

}

p{

margin:0 0 10px 0

}



#kontener{



}

#puszka{

width:980px;

border-left:1px #808080 solid;

border-right:1px #808080 solid;

margin:0 auto 0 auto;
background:#fff;

}

#reklama{

display:none;

/*width:750px;

padding:60px 0 0 0;

height:60px;

background:#fff;

text-align:center;

letter-spacing:80px;

border:1px #ddd solid;

clear:both;*/

}

#naglowek{



}

#track{

font-weight:bold;

padding:7px 0 0 15px;

color:#f53801;}

#track a{

color:#f53801;

text-decoration:none

}

#track a:hover{

text-decoration:underline

}

#naglowek h1{

display:none

}

#animacja_flash{

width:980px;

height:280px;



}

/* menu */



#menu {

float:left;

background:#fff;

width:210px;

padding:0 0 0 11px;

position:relative;	

z-index: 90;

}

#nav {

	width:215px;

	list-style:none; 	

}

#nav li{

	list-style:none; 	

	margin:0 5px 0 0;

	border-top:1px #888 solid;	

	float:left;

	width:208px;

	height:auto

}

#nav li.last{

	border-bottom:1px #888 solid

}

#nav a{

	font:bold 14px/16px "Century Gothic", sans-serif;

	display:block;

	height:auto;

	zoom:1;

	text-decoration:none;	

	line-height:14px;

	padding:2px 4px 2px 18px;

	color:#000;

	background:url(../images/serwis/menu-arrow.gif) no-repeat 5px 6px

}

#nav a:hover{

  background:url(../images/serwis/menu-arrow.gif) no-repeat 5px -8px #e6e6e6;

}

/* pozycja wlaczona */



#nav li.wlaczone a{

background:url(../images/serwis/menu-arrow.gif) no-repeat 5px -22px;

color:#f53801;

}

#nav li.wlaczone a:hover{

background:url(../images/serwis/menu-arrow.gif) no-repeat 5px -22px;



}

/* drugi poziom */

#nav li li{

border:none;

background:url(../images/serwis/dot.gif) repeat-x 0 0px;

margin: 0 0 1px 0;

padding:2px 0 0 0;

}

#nav li li a{

	font:bold 12px/16px "Century Gothic", sans-serif;

	display:block;

	height:auto;

	text-decoration:none;	

	line-height:14px;

	padding:1px 4px 1px 18px;

}

#nav li.wlaczone li a{

	color:#000;

	background:url(../images/serwis/menu-arrow.gif) no-repeat 5px 5px

}

#nav li.wlaczone li a:hover{

  background:url(../images/serwis/menu-arrow.gif) no-repeat 5px -9px #e6e6e6;

}



#glownaZawartoscTresc{

width:748px;

float:right;



}

#glownaZawartoscTresc a{

text-decoration:none;

font-weight:bold;

color:#182983

}

#glownaZawartoscTresc a:hover{

text-decoration:underline

}

#srodkowa-kolumna{

width:518px;

float:left;

position:relative

}

#srodkowa-kolumna .element-box, #srodkowa-kolumna .tresc-box{

width:492px;

position:relative;

background:url(../images/serwis/element_tlo.gif) no-repeat 0 0 #e6e6e6;

border-right:3px #e6e6e6 solid;

padding:10px 10px 15px 10px;

margin: 0 0 5px 0;

}

#srodkowa-kolumna .element-box:hover{

border-right:3px #f53801 solid

}

#srodkowa-kolumna .element-box .zamkniecie,#srodkowa-kolumna .tresc-box .zamkniecie{

position:absolute;

bottom:-1px;

left:0px;

background:url(../images/serwis/element_tlo.gif) no-repeat 0 100% #e6e6e6;

height:5px;

width:512px;

z-index:1;

}

#srodkowa-kolumna .element-box img{

float:left;

border:5px #fff solid;

margin:0 10px 0 0;

}

#srodkowa-kolumna .element-box p{

font:normal 12px/15px "Century Gothic", sans-serif;

}

#srodkowa-kolumna p{

padding:10px 0 0 0px;

color:#333333

}

#srodkowa-kolumna .element-box .element-box {

background:none;

margin:0;

padding:0

}





#srodkowa-kolumna p:hover{

color:#000

}





/* tresci */



#srodkowa-kolumna a{



}

#srodkowa-kolumna h3{

font:bold 14px/20px "Century Gothic", sans-serif;

color:#f53801;

background:url(../images/serwis/dot.gif) repeat-x 0 100%;

padding:0 0 5px 0;

}

#srodkowa-kolumna h3 a{

color:#f53801;

}

#srodkowa-kolumna h4{

font:bold 16px/18px "Century Gothic", sans-serif;

clear:both;

}

#srodkowa-kolumna h5{

font:bold 14px/18px "Century Gothic", sans-serif;

clear:both;

color:#f53801

}



#srodkowa-kolumna strong{

font-weight:bold;

}

#srodkowa-kolumna .element-box h3{



}

#srodkowa-kolumna ul{

margin:0 20px 0 30px

}

#srodkowa-kolumna a.noBold{

font-weight:normal

}



/* przeniesione do html */

.cardPop{

background:#e6e6e6

}

.cardPop div{

text-align:center

}

.closeBtn{

background:#f53801;

color:#fff

}

.cardPop .closeBtn{

margin-top:20px;

}





#prawa-kolumna{

width:210px;

margin:0 10px 0 0;

float:right;

display:inline;



}

#prawa-kolumna  h3{

font:bold 14px/22px "Century Gothic", sans-serif;

padding:0 0 0 5px;

background:#e6e6e6;

}

#prawa-kolumna .element{

margin: 0 0 10px 0;}

#prawa-kolumna .element p{

margin:14px 16px;

}

#prawa-kolumna .element a{



}

#prawa-kolumna .element a.sponsorzy{

background:#f53801;

color:#fff;

font-size:16px;

padding:5px 10px;

margin:0 5px 0 0 

}

#prawa-kolumna .element a.media{

background:#ffa000;

color:#fff;

font-size:16px;

padding:5px 10px

}

#prawa-kolumna .element-box{

margin:0

}

#formularze{



}

#administracja{



}

#newsletter{



}

#stopka{

width:960px;

clear:both;

padding: 7px 10px; 

height:38px;

}

#stopka p{

border-top:1px #808080 solid;

padding:10px 0 0 0;

margin:0;

width:960px;

}

#stopka a{

text-decoration:none;

font-weight:bold;

color:#f53801;

}

#stopka a:hover{

text-decoration:underline

}

/* formularz */



form{



}

#glownaZawartoscTresc input{

height:20px;

padding:2px 0 0 0;

border:1px #bbb solid;

}

#edituser{



}

.tresc-box .row1{

clear:both;

min-height:28px;

line-height:30px;

border-top:1px #ddd solid;

margin:0;

padding:0;

}

.tresc-box .col1{

width:150px;

text-align:right;

float:left;

margin:0 10px 0 0;

}

.tresc-box .col2{

float:right;

width:330px;

text-align:left;

padding:4px 0 0 0;

}

.tresc-box input{

height:20px;

padding:2px 0 0 0;

border:1px #bbb solid;

}

.tresc-box textarea{

border:1px #bbb solid;

}

.tresc-box .col2 input{

float:left;

}

.tresc-box .col1 input{



}

.tresc-box .col2 label{

line-height:17px;

float:left

}

.tresc-box .col2 input.radyjo{

height:14px;

margin:7px 0 0 0;

float:none;

border:none

}

.tresc-box input.input-checkbox{

float:right;

margin:8px 0 0 0;

border:none

}

.tresc-box select{

float:left

}

.tresc-box .row1 img{

display:block;

}

.tresc-box .row-last{

clear:both;

margin:5px 0 0 0;

padding:5px 0 0 165px;

border-top:1px #ddd solid

}



/* kartki */

img.cardImg{

border:5px #fff solid;

margin:0 10px 0 0;

}

.card img.cardImg{

margin:10px 0 0 0;

}

#inviteusers{

width:490px;

}

#inviteusers .row1 {height:auto;line-height: 28px;clear:both}

#inviteusers .col1 { float: left;width:160px;text-align:left;margin:0;padding:1px 0 0 0;}

#inviteusers .col2 { float: left;width:200px;margin:0;padding:1px 0 0 0;}

#inviteusers .col1 input{float:none}

#inviteusers .col2 input{float:none}

#inviteusers .row1 a img { display: inline; }





/* formularz logowania */

#login{

}



#login form{



}



#login .buttonimgtext{

width:80px;

height:25px;

border:none

}



/* hack zamykajacy float */



.element-box:after, .tresc-box:after {

	content:".";

	display:block;

	height:0;

	clear:both;

	visibility:hidden;

}



/*.element-box,*/ .tresc-box{

display:inline-block;

}