#top {
position: relative;
background:url('images/bg_top.png') repeat-x ;
height: 75px;
}

td{
 vertical-align:top;
 }


#wstega {
    background: url("images/wstega.png") no-repeat scroll 0 0 transparent;
    height: 55px;
    position: absolute;
 right: 35px;
    top: 7px;
    width: 270px;
}


a {
color: #A93573;
text-decoration:none; 
font-weight:bold;
}
 
a:active, a:focus  {
outline: none;
-moz-outline-style: none;
}
a img {border:0px;}
body { font-family:Tahoma, Arial, Times, serif; background-color:#f5f5f5; font-size:11px; color:#2b2b4d; margin: 0;}
input, textarea, select { font-size:12px; color:#7A95A4; }
#main { margin:0 auto; background-color:#f5f5f5; }
#menu, .menus { height:124px;  }
#main, #menu { width:960px; }

#menu {}

#menu a {
display: block;
}


/* Menu boczne */
#navigation {
	margin:0px;
	padding:0px;
	width:100%;
	font-weight:bold;
	font-size: 14px;
}

#navigation > li > a {
	cursor:pointer;
	border:1px solid #CCCCCC;
	background:#4a4a4a url('images/collapsed.png') repeat-x;
	color:#FFFFFF;
	display:block;
	margin:0px;
	padding:5px 10px 5px 20px;
	text-decoration: none;
	height: 20px;
}

#navigation a:hover {
	color:#e1e1e1;
}

#navigation > li a.head {
	background:#4a4a4a url('images/collapsed_arrow.png') no-repeat;
}

#navigation > li a.selected {
/* color:#e1e1e1; */
	background:#4e658f url('images/expanded_arrow.png') no-repeat;
}



#navigation ul {
	border-width:0px;
	padding:0;
	text-indent:0px;
}
#navigation li {
	list-style:none outside none;
	position:relative;
}

#navigation li li a:hover {
	background: #919191;
}

#navigation li li a {
	padding:3px;
	padding-left: 30px;
	display:block;
	color: #fff;
	margin:2px;
	background: #b4b4b4;
}


#navigation .current {
	color:#e1e1e1;
	background:#919191 url('images/expanded.png') repeat-x;
}

#navigation li li > .current {
	color:#fff;
	background:#919191;
}


#navigation .current_arrow {
	position:absolute;
	right:-19px;
	bottom:6px;
	display:block;
	background:url('images/active.png') no-repeat top left;
	height:12px;
	width:19px;
}

#navigation > li > .current_arrow {
	bottom: 9px;
    right: -18px;
}

#navigation li li a img {
float:right;
position: relative;
left:12px;
top:3px;
z-index:1000;
}


#navigation li li:hover a{
	color:#e1e1e1;
}

.cloud {
line-height:20px;
font-weight: bold;
}

.cloud.purple { 
position: relative;
top: 35px;
left:180px;
width: 300px;
color: #b4b4b4;

}

.cloud.purple a{
color: #e15517;
padding: 5px;
}

.cloud.purple div{
padding-left: 7px;
height: 20px;
background-color: #54463d;
/* ;*/
}

.cloud.grey { 
width: 300px;
height: 30px;
background:url('images/tr_grey.png') no-repeat top left;
color: #666;
margin: 20px 5px;
}

.cloud.grey   a{
color: #e15517;
padding: 5px;
}

.cloud.grey   div{
margin-left: 7px;
height: 20px;
background-color: #E1E1E1;
/* ;*/
}

#stopka {
background:url('images/bg_footer.png') repeat-x ;
margin-top: 20px;
clear:both;
text-align:right;
padding: 0;
text-shadow:2px 2px 4px #222;
color: #333;
width: 100%;
clear:both;
overflow: hidden;
}

#stopka p {
margin-right: 100px;
line-height: 25px;
}

.ui-corner-all { -moz-border-radius: 3px; -webkit-border-radius: 3px; }
#mainPage { width:960px; background:url(images/bgu.jpg) repeat-y #fff;  padding-bottom:20px; padding-top: 20px; clear:both; }
#menuLeft { width: 294px; float:left; margin-top:10px; }
#rightPage { float:right; width:635px; padding:4px; margin-right:5px; border:0px solid #7A95A4; }
.menus { background:url('images/bg_menu_top.jpg') repeat-x #fff; text-align:center; cursor:pointer; }
.bgLeft:hover { color:red; }

.bold { font-weight:bold; }
.border  { border:1px solid #ccc;

-moz-box-shadow: 3px 3px 10px #ddd; /* Firefox */ 
-webkit-box-shadow: 3px 3px 10px #ddd; /* Safari, Chrome */
box-shadow: 3px 3px 10px #ddd; /* CSS3 */
 }
.borderBottom { border-bottom:1px solid #7A95A4; }
.borderRight { border-right:1px solid #7A95A4; }

.topLeftMenu, .menuL, { padding:4px; }
.topLeftMenu, .menuL { width:200px; }
.topLeftMenu { background-color:#1D485F; text-align:center; border:1px solid #1D485F; color:#fff; font-size:13px; }
.menuL { color:#000; border-left:1px solid #1D485F;  border-right:1px solid #1D485F;  border-bottom:1px solid #1D485F; cursor:pointer; }
.menuL:hover { color:#1D485F; }	

.tRight { text-align:right;}
.tLeft { text-align:left;}
.tCenter { text-align:center; }
.on {}
.on:hover { color:#7A95A4; }
#menuLeft .bold { font-size:14px; width:294px; padding:4px; text-align:center; }
.pointer { cursor:pointer; }

.box { 
	margin: 5px 5px 20px
}

.box .title {
	padding: 10px; 
	background: #e1e1e1;
	font-size: 120%;
	font-weight:bold;
	color: #666;

}			

.box .content {
	padding: 20px; 
	background: #fff;
}			
.tTop { background-color:#7A95A4; color:#fff; padding:5px;}

.error {

}

.ok {
clear:both;
padding: 20px;
background: #611E4A;
color: white;
font-size: 120%;
line-height: 14px;
text-align: left;
margin: 5px;
text-align: center;
}

.privileges td, .privileges th{
border:1px solid #ccc !important;
border-collapse: collapse;
}


/* Style z frontendu */


.dane .left div,.dane .right div{ 
margin-bottom: 10px; 
padding:5px;
line-height: 18px;
}

.dane .left {
float: left; 
width: 235px;
padding-left: 25px;
}

.dane .right {
float: left; 
width: 235px;
margin-left: 10px;
padding-left:7px;
border-left: 2px solid #ddd;
}

.dane .left .tytul, .dane .right .tytul {
color: #3399cc;
font-weight: bold;
}

.dane .left .naglowek, .dane .right .naglowek {
background: #fff;
font-weight: bold;
border: 1px solid #ddd;
}

.dane .left .tresc, .dane .right .tresc {

}

.dane span {
font-weight: bold;
margin-right:5px;
}



.wizytowka .tytul {
background: #fff;
padding: 15px 40px 12px 40px;
font-weight: bold;
border: 1px solid #ddd;
}

.wizytowka  img {
float: right;
position: relative;
top:-33px;
left: 30px
}


.wizytowka .lokalizacja {
padding: 7px 5px;
background: #3399cc;
color: #fff;
text-align: right;
margin-bottom: 20px;
}

.wizytowka span {
font-weight: bold;
margin-right:5px;
}

.content form{
overflow:hidden;
}

.content form div {
margin: auto;
clear:both;
}

.content form label {
clear:both;
float: left;
color: white;
background: #993366;
margin-bottom:10px;
padding: 4px;
font-weight:bold;
margin-right: 10px;
}

.content form div p {
float: left;
margin: 0px;
margin-left: 15px;
}
.content 
form input {
width: 50%;
}

.content form input,.content  form checkbox{
float: left;
}

.content form input[type=checkbox] {
width: 40px;
margin-top:5px;
}

.content form input[type=submit] {
background: url("images/collapsed.png") repeat-x scroll 0 0 #4A4A4A;
padding: 5px;
color: #fff;
margin: 10px;
float: right;
width: 30%;
}

.content form select{
position: relative;
left: 7px;
}

.content form textarea {
display:block;
width: 720px;
}

.content form img { padding: 10px; }

.content form label img {
    margin: 0 5px -2px 9px;
	padding: 0;
}
h1 {
padding-left:75px;
background: url('../front/images/h1_arrow.png') top left transparent no-repeat;
line-height: 43px;
color: #DD3A3A;
font-family: Impact;
font-weight: normal;
clear:both;
 text-align: right;
 text-decoration:underline;
}


h2{
font-size: 130%;
color: #3399cc;
text-transform: uppercase; 
margin-bottom:5px;
}

div.box {
margin-bottom: 20px;
clear:both;
}

div.box.pure {
border-top: 0px;
}

.lista_obszarow {
border: 1px solid #ccc;
list-style-type:none;
padding: 0;
margin:0;
height: 200px;
overflow: auto;
}

.lista_obszarow input[type=checkbox]{
margin-right: 10px;
float: left;
}

.lista_obszarow li{
overflow:hidden;
padding: 5px 30px 5px 10px;
color: #666;
display:list-item;
list-style: disc outside url("images/ul_triangle.png");
background: #fff;
}

.lista_obszarow li.nadrzedny{
font-weight: bold;
text-transform: uppercase;
color: #fff;
background: #666;
padding:5px 15px;
}

a.more {
/*
padding-left:15px;
background: url('images/wiecej.png') top left no-repeat;
*/
background: url("images/collapsed.png") repeat-x scroll 0 0 #4A4A4A;
padding: 5px;
color: #fff;
margin: 10px;
line-height:30px;
}

th {
color: #333;
}

#first{
float: left;
width: 160px;
position: relative;
top: 12px;
}

#second {
float: right;
width: 780px;
z-index: 100;
font-weight: normal;
color: #333;
}

.dzial_item{
overflow:hidden; border-left: 3px #999 dotted; border-bottom: 1px #ddd solid; padding: 1px 10px;
}