/* --------- /stylesheets/chromestyle.css --------- */ 
.chromestyle{
width: 720px;
font-weight: bold;
}

.chromestyle:after{ /*Add margin between menu and rest of content in Firefox*/
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}

.chromestyle ul{
border: 0px solid #BBB;
width: 100%;
background: url(/images/chromebg.jpg) center center repeat-x; /*THEME CHANGE HERE*/
padding: 4px 140px;
margin: 0;
text-align: left; /*set value to "left", "center", or "right"*/
}

.chromestyle ul li{
display: inline;
}

.chromestyle ul li a{
color: #494949;
padding: 6px 7px;
margin: 0;
text-decoration: none;
}

.chromestyle ul li a:hover, .chromestyle ul li a.selected{ /*script dynamically adds a class of "selected" to the current active menu item*/
background: url(/images/chromebg-over.jpg) center center repeat-x; /*THEME CHANGE HERE*/
}

/* ######### Style for Drop Down Menu ######### */

.dropmenudiv{
position:absolute;
top: 0;
border: 1px solid #BBB; /*THEME CHANGE HERE*/
border-bottom-width: 0;
font:normal 12px tahoma;
line-height:18px;
z-index:100;
background-color: white;
width: 200px;
visibility: hidden;
filter: progid:DXImageTransform.Microsoft.Shadow(color=#CACACA,direction=135,strength=4);
/* Add Shadow in IE. Remove if desired*/
}


.dropmenudiv a{
width: auto;
display: block;
text-indent: 3px;
border-bottom: 1px solid #BBB; /*THEME CHANGE HERE*/
padding: 2px 0;
text-decoration: none;
font-weight: bold;
color: black;
}

* html .dropmenudiv a{ /*IE only hack*/
width: 100%;
}

.dropmenudiv a:hover{ /*THEME CHANGE HERE*/
background-color: #F0F0F0;
}
/* --------- /stylesheets/starrating.css --------- */ 
/* star rating code - use lists because its more semantic */
/* No javascript required */
/* all the stars are contained in one matrix to solve rollover problems with delay */
/* the background position is just shifted to reveal the correct image. */
/* the images are 16px by 16px and the background position will be shifted in negative 16px increments */
/*  key:  B=Blank : O=Orange : G = Green * /
/*..... The Matrix ....... */
/* colours ....Background position */
/* B B B B B - (0 0)*/
/* G B B B B - (0 -16px)*/
/* G G B B B - (0 -32px)*/
/* G G G B B - (0 -48px)*/
/* G G G G B - (0 -64px)*/
/* G G G G G - (0 -80px)*/
/* O B B B B - (0 -96px)*/
/* O O B B B - (0 -112px)*/
/* O O O B B - (0 -128px)*/
/* O O O O B - (0 -144px)*/
/* O O O O O - (0 -160px)*/


/* the default rating is placed as a background image in the ul */
/* use the background position according to the table above to display the required images*/
.rating{
	width:80px;
	height:16px;
	margin:0 0 20px 0;
	padding:0;
	list-style:none;
	clear:both;
	position:relative;
	background: url(/images/star-matrix.gif) no-repeat 0 0;
}
/* add these classes to the ul to effect the change to the correct number of stars */
.nostar {background-position:0 0}
.onestar {background-position:0 -16px}
.twostar {background-position:0 -32px}
.threestar {background-position:0 -48px}
.fourstar {background-position:0 -64px}
.fivestar {background-position:0 -80px}
ul.rating li {
	cursor: pointer;
 /*ie5 mac doesn't like it if the list is floated\*/
	float:left;
	/* end hide*/
	text-indent:-999em;
}
ul.rating li a {
	position:absolute;
	left:0;
	top:0;
	width:16px;
	height:16px;
	text-decoration:none;
	z-index: 200;
}
ul.rating li.one a {left:0}
ul.rating li.two a {left:16px;}
ul.rating li.three a {left:32px;}
ul.rating li.four a {left:48px;}
ul.rating li.five a {left:64px;}
ul.rating li a:hover {
	z-index:2;
	width:80px;
	height:16px;
	overflow:hidden;
	left:0;	
	background: url(/images/star-matrix.gif) no-repeat 0 0
}
ul.rating li.one a:hover {background-position:0 -96px;}
ul.rating li.two a:hover {background-position:0 -112px;}
ul.rating li.three a:hover {background-position:0 -128px}
ul.rating li.four a:hover {background-position:0 -144px}
ul.rating li.five a:hover {background-position:0 -160px}
/* end rating code */
h3{margin:0 0 2px 0;font-size:110%}
/* --------- /stylesheets/style2.css --------- */ 
body {
    background-color: #ffffff;
    margin: 0;
    padding: 0;
    text-align: center;
    font-family: tahoma;
    font-size: 12px;
    font:75%/1.5em "Lucida Grande", Arial, Verdana, sans-serif;
}

ul{
  list-style: none;
  text-align: left;
}

img {
    border:0;
}

#container {
    background: #ffffff;  
    text-align: left;
    margin: 0 auto;
    width: 1000px;
}

/*<!--top strony - gora z logo, malym menu, szukaniem + rysunek-->		
*/
#top_strony {width: 1000px; height: 285px;}

#top_gorna_czesc {
    width: 1000px;
    height: 76px;
    border-bottom: 2px solid #e3e4e6;
}

#logo {
    background: url(/images/whole.png) -1px -331px no-repeat;
    width: 198px;
    height: 68px;
    float: left;
    margin-top: 5px;
    margin-left: 10px;
}

.right {	
    float:right;
    height:30px;
}

#top_male_menu {
    width: 400px;
    height: 25px;
    float: right;
    margin-top: 5px;
    background: url(/images/whole.png) -199px -331px no-repeat;
}

a.male_menu_text { font-weight: normal;}
a.male_menu_text:hover { font-weight: normal;}


.input{
    border: 1px inset;
    font-size: 11px; 
}

.search_box {
    border-width: 1px;
    border-style: none;
    font-size: 11px; 
    border-color: #333333;
}

.search_box_border {
    border-width: 1px;
    border-style: solid;
    font-size: 11px; 
    border-color: #AAA;
    width: 120px;
}

#top_rysunek {
    background: url(/images/whole.png) 0px 0px no-repeat;
    width: 1000px;
    height: 200px;
    border-bottom: 2px solid #e3e4e6;
}

/*<!--nawigacja - dropdown menu-->
*/
#nav {
    margin:auto;	
    padding-top: 2px; 
    width: 1000px; 
    height: 30px;
    font-size:12px;
    line-height:17px;
}


/*<!--karta - menu podreczne, tresc wlasciwa, bloki tematyczne w dwoch liniach-->
*/
#karta {padding-top: 2px;}
#karta_gorne_obramowanie {height: 6px;}
#karta_naroznik_gorny_lewy {background: url(/images/whole.png) -811px -331px no-repeat; width: 6px; float: left; height:6px;}
#karta_ramka_gorna {background: url(/images/ks_g_2x6.jpg) repeat-x; width: 988px; float: left; height:6px;}
#karta_naroznik_gorny_prawy {background: url(/images/whole.png) -823px -331px no-repeat; width: 6px; float: left; height:6px;}

#karta_srodek_strony {overflow: hidden; width: 1000px;}
#karta_obramowanie_lewe {background: url(/images/ks_1x1.jpg) top left repeat-y; width: 1000px; float: left;}
#karta_obramowanie_prawe {background: url(/images/ks_1x1.jpg) top right repeat-y; width: 999px; float: right;}
#tresc_strony_szerokosc {width: 998px; float: left;}
#tresc_strony {padding: 10px; padding-top: 20px;}
#box_menu_podreczne {width: 216px; padding: 10px; float:left;}
#box_tresc{	background: url(/images/grad.jpg) bottom repeat-x; 
    border-left: 1px solid #CCCCCC; 
    border-right: 1px solid #CCCCCC; 
    margin-left: 28px;
    padding-left:10px;
    padding-top: 10px;
}
#box_gorna_ramka_1{background: url(/images/whole.png) -435px -266px; height:60px; width:216px;}
#box_dolna_ramka_1{background: url(/images/whole.png) -435px -326px; height:5px;}
#box_gorna_ramka_2{background: url(/images/whole.png) 0px -266px; height:60px; width:435px;}
#box_dolna_ramka_2{background: url(/images/whole.png) 0px -326px; height:5px;}
#box_gorna_ramka_3{background: url(/images/whole.png) -651px -266px; height:60px; width:230px;}
#box_dolna_ramka_3{background: url(/images/whole.png) -651px -326px; height:5px;}

#box_title{ font-size:13px; font-weight:bold; color: #666666; padding:25px; padding-left:50px;}
#tresc_strony_text { 
    width:700px;
    padding: 10px;
    padding-left: 30px;
    padding-top: 20px;
    float:left;
    font-size: 12px;
    line-height: 17px;
}

.social_links{ 
    width:800px;
    padding: 10px;
    float: left;
}

#box_lewy_poziom_1{width: 435px; padding: 10px; float:left;}
#box_prawy_poziom_1{width: 435px; padding: 10px; padding-left: 30px; float:left;}
#box_first_poziom_2{width: 230px; padding: 6px; float:left;}
#box_second_poziom_2{width: 230px; padding: 6px; float:left;}
#box_third_poziom_2{width: 230px; padding: 6px; float:left;}
#box_fourth_poziom_2{width: 230px; padding: 6px; float:left;}


#karta_dolne_obramowanie {clear:both; height: 6px;}
#karta_naroznik_dolny_lewy {background: url(/images/whole.png) -805px -331px no-repeat; width: 6px; float: left; height:6px;}
#karta_ramka_dolna {background: url(/images/ks_d_2x6.jpg) repeat-x; width: 988px; float: left; height:6px;}
#karta_naroznik_dolny_prawy {background: url(/images/whole.png) -817px -331px no-repeat; width: 6px; float: left; height:6px;}




td {
    font-family: tahoma; 
    font-size: 11px;
    font-weight: bold;
    line-height: 17px;
    color: #333333;
    height:38px;
}

ico{ height:38px; width:40px;}

a{ 
    text-decoration: none; 
    font-size: 11px;
    font-weight: bold;
    color: #666666; 
}

a:hover {  
    font-size: 11px;
    font-weight: bold;
    color: #ff9933;
}

.borderframe {
    
    /* This centers the image */
    display: block;
    margin-left: auto;
    margin-right: auto;
    
    /* This adds the border */
    padding:8px;
    border:solid;
    border-color: #dddddd #aaaaaa #aaaaaa #dddddd;
    border-width: 1px 2px 2px 1px;
    background-color:white;
}

div.places_details {
  padding: 8px;
  width: 250px;
  float: left;
}

div.map {
  width: 740px;
  float: left;
}

div.map_menu {
  padding: 5px;
  width: 180px;
  float: left;
}

/* --------------- stopka ---------------- */
#stopka{ 
    margin: auto;
    padding-bottom: 0px;
    margin-top: 30px;
    background: url(/images/whole.png) 0px -200px no-repeat;
    width: 950px;
    height: 66px;
    font-size: 10px;
    font-weight: bold;
    line-height: 17px;
    color: #666666;
    clear:both;
}
#stopka_lewa{float:left; padding-left:20px; margin-top: 25px;}
a.kadai{color: #ff9933; font-size: 10px;}
a.kadai:hover{color: #666666; font-size: 10px;}
#stopka_prawa{text-align: right; float: left; width: 660px; margin-top: 25px;}
a.stopa{font-size: 10px;}
a.stopa:hover{font-size: 10px;}


/* Two Columns */

.two-columns {
	width: 870px;
	margin: 0 auto;
	padding: 20px 0;
}

.two-columns .column-one {
	float: left;
	width: 420px;
}

.two-columns .column-two {
	float: right;
	width: 420px;
}

.two-columns .title {
	height: 28px;
	padding: 7px 0 0 10px;
	font-size: 1.4em;
	color: #333333;
}

.user_list {
  width: 150px;
  height: 75px;
}

.second_level_list {
  width: 150px;
}

.first_level_list {
  width: 300px;
  height: 75px;
}

#notice {
  color:#ff3838;
}

/* Forms */

.cleanform * { margin:0; padding: 0 }	

.cleanform {
  font-size:1em;
	width:38em;
	color:#1b1b1b;
	text-align:left;
  position:relative;
	margin:1em auto;
}

/* Elements */

.cleanform label,.cleanform legend{  
  padding:0;
  margin:0.3em 0;
}

.cleanform fieldset{ 
  padding:0.7em;
  border:1px solid #ddd;
  margin:0 0 0.5em 0;
}
         
.cleanform label {
  font-weight:bold;
}

.cleanform fieldset input {
  width:70%;
  line-height:1.5em;
  padding:0.15em;
}

.cleanform .radio input,
.cleanform .checkbox input {
  width:auto;
  border:none;
}

.cleanform input, .cleanform textarea, .cleanform select {
  display:block;
  margin-bottom:1em;
  font-size:1em;
  border:1px solid #bbb;
  padding:0.15em;
  margin-right:1em
}

.cleanform .radio label, .cleanform .radio input,
.cleanform .checkbox label, .cleanform .checkbox input{
  display:inline;
  margin:0 1.5em 0 0
}


.cleanform .radio input, .cleanform .checkbox input{
  margin:0 0.3em 0 0
}

.cleanform .multiple label{
  float:left;
  width:29%;
  overflow:hidden;
  padding-left:1px;
}

.cleanform .multiple input {
  cursor:pointer;
}

/* Button */

.cleanform button {
  margin:0.3em 0;
  border:1px solid #ccc;
  background-color:#eee;
  font-size:1em;
  cursor:pointer;
  padding:0.5em
}

.cleanform button:hover {
  background-color:#E6EFC2;
  border:1px solid #C6D880;
  color:#529214;
}

.cleanform button:active {
  background-color:#333;
  color:white;
  border:1px solid #000;
}

/* information */

.cleanform .formInfo {
  margin-bottom:1em;
  padding-bottom:0.5em;
  border-bottom:0.1em solid #ddd;
}

.cleanform .formInfo h2 {
  color:#ff3838;
  font-weight:bold;
  font-size:1.2em;
  margin-bottom:1em
}

.cleanform .formInfo p{
  text-align:justify
}

.cleanform .required {
  color:#ff3838;
  font-weight:bold;
  font-size:0.8em;
}
/* --------- /stylesheets/style_gray.css --------- */ 
	
.comment {
	padding: 10px;
}

.comment a {
	color: #030303;
	background-color: transparent;
	text-decoration: underline;
}

.comment a:hover {
	color: #FFFFFF;
	background-color: #909090;
}

.comment .header {
	padding: 10px;
}

.comment .header a {
	font-weight: bold;
}

.comment .text {
	background-color: #FFFFFF;
	padding: 10px;
}

.comment .links {
	background-color: #FFFFFF;
}

.comment .links a {
	font-size: smaller;
}
	
.comment-1 .header {
	background-color: #F0F0F0;
}
	
.comment-2 .header {
	background-color: #E0E0E0;
}
	
.comment-3 .header {
	background-color: #F0F0E0;
}
		
.comment-form {
	border: solid 1px;
	padding: 10px;
	padding-left: 40px;
	padding-right: 40px;
	
	margin: 10px;
	margin-left: 30px;
	margin-right: 30px;
}

.comment-form .label {
	font-weight: bold;
	vertical-align: top;
	text-align: right;
}

.comment-form input, .comment-form textarea {
	border: solid 1px;
	border-color: #909090;
}/* --------- /stylesheets/record_select/record_select.css --------- */ 
.record-select {
  width: 300px;
  border: 1px solid #777;
  font-family: sans-serif;
  background-color: #fff;
  font-size: 11px;
}

.record-select img {
  border-width: 0px;
}

.record-select form {
  display: inline;
}

.record-select form .text-input {
  width: 294px;
  margin: 2px auto 1px auto;
  display: block;
  border: 1px solid #999;
}

.record-select form input.example {
  color: #999;
  text-align: center;
}

.record-select ol,
.record-select li {
  margin: 0px;
  padding: 0px;
  list-style: none;
  clear: both;
}

.record-select a {
  color: #333;
  text-decoration: none;
}

.record-select ol a {
  display: block;
  zoom: 1;
  background-color: #D4D9DD;
  padding: 2px 4px;
}

.record-select ol .even a {
  background-color: #ffffff;
}

.record-select ol .pagination a {
  background-color: #eee;
}

.record-select ol .previous a {
  border-bottom: 1px solid #777;
}

.record-select ol .next a {
  border-top: 1px solid #777;
}

.record-select ol .pagination a img {
  vertical-align: middle;
}

.record-select ol .found {
  text-align: center;
  font-style: italic;
  color: #999;
  padding: 1px 4px;
  border-bottom: 1px solid #777;
}

.record-select ol .current a,
.record-select ol a:hover {
  background-color: #ffff88;
}

.record-select ol a.selected {
  background-color: #777;
  color: #fff;
}

.record-select-container {
  position: absolute;
  z-index: 100;
}

iframe.record-select-mask {
  /* to mask windowed elements in IE6 */
  position: absolute;
  z-index: 99;
  filter: progid:DXImageTransform.Microsoft.Alpha(style=0,opacity=0);
}

.record-select-autocomplete form .text-input {
  display: none;
}

.record-select-list {
  padding: 0px;
  margin: 0px;
  list-style: none;
}

.record-select-list li {
  overflow: auto;
  zoom: 1;
  margin-left: 10px;
  font-size: 80%;
}

.record-select-list label {
  float: left;
}

.record-select-list a.remove {
  display: block;
  width: 0px;
  height: 16px;
  padding-left: 16px;
  background: url(/images/record_select/cross.gif) no-repeat 0 0;
  overflow: hidden;
  float: left;
  margin-right: 5px;
}