


#glowny1 {width: 770px; margin-left: auto; margin-right: auto;}
#glowny2 {width: 770px; text-align: center;}
#glowny3 {width: 770px; text-align: left;}
img {border: 0px;}
#nav_t {background-image: url("./grafika/nav_t_bg.gif"); height: 30px; width: 770px;}
#nav_t_left {float: left; height: 30px; width: 5px; background-image: url("./grafika/nav_t_left.gif");}
#nav_t_right {float: right; height: 30px; width: 5px; background-image: url("./grafika/nav_t_right.gif");}

#nav_t_menu1 {float: left; font: 10px Tahoma, Arial, Verdana, Geneva, "Trebuchet MS", sans-serif; color: #fff; padding-top: 8px; margin-left: 3px;}
#nav_t_menu1 a:link, #nav_t_menu1 a:visited {color: #fff; text-decoration: none; padding: 8px 2px 2px 2px;}
#nav_t_menu1 a:hover {color: #fff; text-decoration: none; background-color: #B41800;}

#nav_t_menu2 {float: right; font: 10px Tahoma, Arial, Verdana, Geneva, "Trebuchet MS", sans-serif; color: #fff; padding-top: 8px; margin-right: 3px;}
#nav_t_menu2 a:link, #nav_t_menu2 a:visited {color: #fff; text-decoration: none; padding: 8px 2px 2px 2px;}
#nav_t_menu2 a:hover {color: #fff; text-decoration: none; background-color: #B41800;}

#menu {height: 50px; width: 770px;}
#logo {float: left; height: 50px;}
#menu ul {display: inline; float: right; margin-top: 25px; padding-bottom: 0px; margin-bottom: 0px;}
#menu ul li {display: inline; height: 25px; font: 12px "Trebuchet MS", Arial, Verdana, Geneva, Tahoma, sans-serif; border-left: 1px dotted #959595; padding-left: 4px; padding-right: 4px; padding-bottom: 0px; margin-bottom: 0px;}
#menu ul li:first-child {border-left-style: none;}
#menu ul li a:link, #menu ul li a:visited {text-decoration: none; color: #B41800;}
#menu ul li a:hover {text-decoration: underline;}

#banner {width: 770px; height: 100px; background-color: #f8f8f8; text-align:center; margin-top: 0px; padding-top: 0px;}

#linia {background-image: url("./grafika/bg_dot.gif"); height: 160px;}
#linia2 {background-image: url("./grafika/bg_dot2.gif"); height: 156px;}
#linia3 {background-image: url("./grafika/bg_dot.gif"); height: 155px;}
#linia4 {background-image: url("./grafika/bg_dot3.gif"); height: 160px;}
#linia5 {background-image: url("./grafika/bg_dot.gif"); height: 155px;}

.n_red {background-image: url("./grafika/bg_n_red.gif"); background-repeat: no-repeat; height: 25px; padding-left: 8px; font: bold 12px "Trebuchet MS", Arial, Verdana, Geneva, Tahoma, sans-serif; color: #fff;}
.cr_red {float: right; width: 5px; height: 25px; background-image: url("./grafika/cr_n_red.gif"); background-position: top right; background-repeat: no-repeat;}
.cr_red img {margin-top: 4px;}

.n_gray {background-image: url("./grafika/bg_n_gray.gif"); background-repeat: no-repeat; height: 25px; padding-left: 8px; font: bold 12px "Trebuchet MS", Arial, Verdana, Geneva, Tahoma, sans-serif; color: #fff;}
.cr_gray {float: right; width: 80px; height: 25px; background-image: url("./grafika/cr_n_gray.gif"); background-position: top right; background-repeat: no-repeat;}
.cr_gray img {margin-top: 4px;}

.n {float: left; padding-top: 4px;}

#box_galeria {width: 340px; height: 160px; float: left;}
#box_aktualnosci {width: 420px; height: 160px; float: right;}
#box_sonda {width: 165px; height: 156px; float: left;}
#sonda_gora {height: 24px; width: 155px; background-color: #EBEBEB; font: 10px Tahoma, Arial, Verdana, Geneva, "Trebuchet MS", sans-serif; color: #003562;
				padding: 4px; padding-left: 6px;}

#box_kalendarium {width: 165px; height: 156px; float: right;}
#box_zyciorysy {width: 420px; height: 156px; float: right;}
#sonda_kal {width: 340px; height: 156px;}

#box_forum {width: 340px; height: 155px; float: left;}
#box_artykuly {width: 420px; height: 155px; float: right;}

#box_humor {position: relative; width: 340px; height: 155px; float: left;}
#box_humor p {text-align: justify; font: 12px "Trebuchet MS", Arial, Verdana, Geneva, sans-serif; line-height: 18px; padding-bottom: 0px;}
#box_sprzet {position: relative; width: 420px; height: 155px; float: right;}

#box_jednostki {width: 340px; height: 160px; float: left;}
#box_jednostki p {font: 10px Tahoma, Arial, Verdana, Geneva, "Trebuchet MS", sans-serif; color: #B41800; margin-top: 8px; margin-left: 8px; margin-bottom: 8px; padding-bottom: 0px; text-align: justify;}

#box_konkursy {float: right; width: 205px; height: 160px;}
#box_konkursy_ex {height: 110px;}

#box_linki {float: left; width: 205px; height: 160px;}

#kal_gora {height: 23px; font: 10px Tahoma, Arial, Verdana, Geneva, "Trebuchet MS", sans-serif; color: #003562; padding-left: 5px;}
#kal_gora img, #kal_gora div {padding-top: 5px;}
#kal_tlo {background-color: #EBEBEB; height: 130px;}
#kal_box {margin-left: 4px; width: 155px; height: 101px; border-left-width: 1px; border-top-width: 1px; border-bottom-width: 1px; 
			border-right-width: 1px;
			border-style: solid; border-top-color: #D2D2D2; border-left-color: #D2D2D2; 
			border-bottom-color: #F4F4F4; border-right-color: #F4F4F4; 
			background-color: #fff;}
#kal_box p {font: 10px Tahoma, Arial, Verdana, Geneva, "Trebuchet MS", sans-serif; padding: 2px; margin: 4px;}

#linki_konk {width: 420px; height: 160px; float: right;}
#konkursy_tresc {padding-top: 4px; font: 10px Tahoma, Arial, Verdana, Geneva, "Trebuchet MS", sans-serif; color: #B41800; width: 145px; height: 106px; float: right; text-align: justify;}

.bg_galeria {position: relative; background-image: url("./grafika/bg_galeria.gif"); width: 170px; height: 110px; margin-top: 3px; float: left;}
.bg_galeria #img {position: absolute; clip: rect(6px 161px 101px 7px);}
.bg_galeria #img {width: 161px;}
/*.bg_galeria #img {margin-top: 7px; margin-left: 7px;}*/
.bg_galeria a:link, .bg_galeria a:visited {position: absolute; padding: 0; margin: 0; top: 9px; left: 9px; width: 25px; height: 25px; background-image: url("./grafika/bg_btn.gif"); opacity: .5; filter: alpha(opacity=50); -moz-opacity: .5;}
.bg_galeria a:hover {position: absolute; padding: 0; margin: 0; top: 9px; left: 9px; width: 25px; height: 25px; background-image: url("./grafika/bg_btn.gif"); opacity: 1; filter: alpha(opacity=100); -moz-opacity: 1;}
.bg_galeria a img {margin-top: 0px; margin-left: 0px;}

.inbox {margin: 5px 0px 5px 5px; padding-bottom: 2px;}
.data {float: left; width: 25px; font: bold 11px "Trebuchet MS", Arial, Verdana, Geneva, Tahoma, sans-serif; color: #003562;}
.tresc_n {float: left; width: 370px; margin-left: 10px; font: 11px "Trebuchet MS", Arial, Verdana, Geneva, Tahoma, sans-serif; color: #B41800; border-bottom: 1px dotted #C7C7C7;}
.tresc_n a:link, .tresc_n a:visited {font: 10px "Trebuchet MS", Arial, Verdana, Geneva, Tahoma, sans-serif; color: #B41800; text-decoration: none;}
.tresc_n a:hover {font: 10px "Trebuchet MS", Arial, Verdana, Geneva, Tahoma, sans-serif; color: #003562;}

.tresc_f {float: left; width: 290px; margin-left: 10px; font: 11px "Trebuchet MS", Arial, Verdana, Geneva, Tahoma, sans-serif; color: #B41800; border-bottom: 1px dotted #C7C7C7;}
.tresc_f a:link, .tresc_f a:visited {font: 10px "Trebuchet MS", Arial, Verdana, Geneva, Tahoma, sans-serif; color: #B41800; text-decoration: none;}
.tresc_f a:hover {font: 10px "Trebuchet MS", Arial, Verdana, Geneva, Tahoma, sans-serif; color: #003562;}

.tresc_l {float: left; width: 195px; margin-left: 0px; font: 11px "Trebuchet MS", Arial, Verdana, Geneva, Tahoma, sans-serif; color: #B41800; border-bottom: 1px dotted #C7C7C7;}
.tresc_l a:link, .tresc_l a:visited {font: 10px "Trebuchet MS", Arial, Verdana, Geneva, Tahoma, sans-serif; color: #B41800; text-decoration: none;}
.tresc_l a:hover {font: 10px "Trebuchet MS", Arial, Verdana, Geneva, Tahoma, sans-serif; color: #003562;}

.tresc_lc {float: left; text-align: right; width: 55px; font: 11px "Trebuchet MS", Arial, Verdana, Geneva, Tahoma, sans-serif; color: #003562; border-bottom: 1px dotted #C7C7C7;}
.tresc_lc a:link, .tresc_lc a:visited {font: 10px "Trebuchet MS", Arial, Verdana, Geneva, Tahoma, sans-serif; color: #B41800; text-decoration: none;}
.tresc_lc a:hover {font: 10px "Trebuchet MS", Arial, Verdana, Geneva, Tahoma, sans-serif; color: #003562;}

.tresc_a {float: left; width: 370px; margin-left: 10px; font: 11px "Trebuchet MS", Arial, Verdana, Geneva, Tahoma, sans-serif; color: #B41800; border-bottom: 1px dotted #C7C7C7;}
.tresc_a a:link, .tresc_a a:visited {font: 10px "Trebuchet MS", Arial, Verdana, Geneva, Tahoma, sans-serif; color: #B41800; text-decoration: none;}
.tresc_a a:hover {font: 10px "Trebuchet MS", Arial, Verdana, Geneva, Tahoma, sans-serif; color: #003562;}

.bottom {margin-left: 5px; font: 10px Tahoma, Arial, Verdana, Geneva, "Trebuchet MS", sans-serif; color: #003562;}
.bottom a:link, .bottom a:visited {margin-left: 5px; font: 10px Tahoma, Arial, Verdana, Geneva, "Trebuchet MS", sans-serif; color: #003562; text-decoration: none;}
.bottom a:hover {margin-left: 5px; font: 10px Tahoma, Arial, Verdana, Geneva, "Trebuchet MS", sans-serif; color: #B41800; text-decoration: underline;}



.linia_p {background-image: url("./grafika/linia.gif"); height: 9px; width: 100%; margin: 0px; padding: 0px; font: 7px "Trebuchet MS", Arial, Verdana, Geneva, Tahoma, sans-serif;}

.szary {color: #898989;}
.czerwony {color: red;}

.item {height: 17px;}

#sonda {padding-left: 8px; padding-top: 4px; font: 10px Tahoma, Arial, Verdana, Geneva, "Trebuchet MS", sans-serif; color: #B41800;}
#sonda div {height: 16px;}

#in_st a:link, #in_st a:visited {font: 10px Tahoma, Arial, Verdana, Geneva, "Trebuchet MS", sans-serif; color: #B41800; text-decoration: none;}
#in_st a:hover {font: 10px Tahoma, Arial, Verdana, Geneva, "Trebuchet MS", sans-serif; color: #B41800; text-decoration: underline;}

#out_stopka {border-top: 1px solid #C2C2C2; height: 30px; background-color: #EBEBEB; clear: both;}
#in_st {border-top: 1px solid #fff;}
#stopka {float: left; padding: 7px; font: 10px Tahoma, Arial, Verdana, Geneva, "Trebuchet MS", sans-serif; color: #B41800;}
#nav {float: right; padding: 7px; font: 10px Tahoma, Arial, Verdana, Geneva, "Trebuchet MS", sans-serif; color: #B41800;}

.tresc {width: 580px; float: left;}

.tresc p {text-align: justify; font: 12px "Trebuchet MS", Arial, Verdana, Geneva,  sans-serif; line-height: 18px; text-indent: 20px;}
.tresc h1 {font: bold 18px "Trebuchet MS", Arial, Verdana, Geneva, Tahoma, sans-serif;}
.tresc h2 {font: 18px "Trebuchet MS", Arial, Verdana, Geneva, Tahoma, sans-serif;}
.tresc h3 {font: 16px "Trebuchet MS", Arial, Verdana, Geneva, Tahoma, sans-serif;}

.arty_bg {background-image: url("./grafika/arty_bg.gif"); background-position: top left; background-repeat: repeat-x;}

.tresc ul {font: 11px "Trebuchet MS", Arial, Verdana, Geneva, Tahoma, sans-serif;}
.tresc ul li i {font: 11px "Trebuchet MS", Arial, Verdana, Geneva, Tahoma, sans-serif; color: #000000; }
.tresc ul li a {display: block; padding: 3px;}

.tresc ul li {list-style-image: url("grafika/li.gif"); margin-bottom: 3px;}
.tresc ul li a:link, .tresc ul li a:visited {font: 11px "Trebuchet MS", Arial, Verdana, Geneva, Tahoma, sans-serif; color: #B41800; text-decoration: none;}
.tresc ul li a:hover {font: 11px "Trebuchet MS", Arial, Verdana, Geneva, Tahoma, sans-serif; color: #003562; text-decoration: underline; background-image: url("./grafika/bg_link.gif"); background-repeat: no-repeat; background-position: top left;}

#prawa {width: 180px; float: right;}
#prawa ul {font: 11px "Trebuchet MS", Arial, Verdana, Geneva, Tahoma, sans-serif; display: block; margin-left: 0px; margin-top: 0px; padding: 2px; background-color: #F8F8F8;}
#prawa ul li {display: block; margin-left: 4px; list-style-type: none; margin-bottom: 1px;} 
#prawa ul li a:link, #prawa ul li a:visited {font: 11px "Trebuchet MS", Arial, Verdana, Geneva, Tahoma, sans-serif; color: #B41800; text-decoration: none; background-image: url("./grafika/bg_zobacz_off.gif"); padding-left: 10px;}
#prawa ul li a:hover {font: 11px "Trebuchet MS", Arial, Verdana, Geneva, Tahoma, sans-serif; color: #B41800; text-decoration: none; background-image: url("./grafika/bg_zobacz_on.gif");}

.prawa_naglowek_red {height: 13px; width: 170px; margin-top: 5px; background-image: url("./grafika/bg_prawa_red.gif"); padding: 5px;  font: bold 11px Tahoma, Arial, Verdana, Geneva, "Trebuchet MS", sans-serif; color: #fff;}
.prawa_naglowek_gray {height: 13px; width: 170px; margin-top: 5px; background-image: url("./grafika/bg_prawa_gray.gif"); padding: 5px;  font: bold 11px Tahoma, Arial, Verdana, Geneva, "Trebuchet MS", sans-serif; color: #fff;}

.srodek {text-align: center;}

.p6 {padding: 6px;}

.zdjecie {padding: 6px;}

.tresc_tt_humor {overflow: scroll; position: absolute; top: 30px; left: 3px; clip: rect(0px 335px 75px 0px); width: 323px; height: 63px; text-align: justify; font: 12px "Trebuchet MS", Arial, Verdana, Geneva,  sans-serif; line-height: 18px; 
	scrollbar-3dlight-color: White;
	scrollbar-arrow-color: #B22222;
	scrollbar-base-color: White;
	scrollbar-darkshadow-color: White;
	scrollbar-face-color: White;
	scrollbar-highlight-color: White;
	scrollbar-shadow-color: #DCDCDC;
	scrollbar-track-color: White;
}

.tresc_tt {text-align: justify; font: 12px "Trebuchet MS", Arial, Verdana, Geneva,  sans-serif; line-height: 18px; }
.tresc_tt a{text-align: justify; color: black; text-decoration: none; font: 12px "Trebuchet MS", Arial, Verdana, Geneva,  sans-serif; line-height: 18px;}
.tresc_tt a:hover{text-align: justify; color: #B41800; text-decoration: none; font: 12px "Trebuchet MS", Arial, Verdana, Geneva,  sans-serif; line-height: 18px;}

.tresc_tt td {
	background-color: #ffffff;
border-bottom: 1px;
}
.tresc_tt table {
	border: 1px;
	font: 12px "Trebuchet MS", Arial, Verdana, Geneva,  sans-serif;
}

/* Styles for scrolling layers and scrollbars  */
div#holder1 { 
  position:absolute; left:3px; top: 30px;
  width:335px; height:110px; 
  overflow:hidden; z-index:100 }
div#wn1  { 
  position:absolute; left:0; top:0;
  width:335px; height:110px; 
  clip:rect(0, 335px, 110px, 0); 
  overflow:hidden; z-index:1
  }
/* op7 needs width set here too (?) */  
div#lyr1 { width:324px }
div.content { 
  position:absolute; visibility:hidden; 
  left:0; top:0; z-index:1 
  }  

/* Set small font-size or size/position of div's will be off in some browsers  */
div#scrollbar1 { 
  position:absolute; visibility:hidden;
  left:324px; top:0;
  width:11px; height:110px; 
  font-size:1px; z-index:2
  }
div#track1 { 
  position:absolute; left:0; top:12px;
  width:11px; height:90px;
  background: url("/images/nav/track.gif") #fff repeat;
  z-index:1
  }
div#dragBar1 {
  position:absolute; left:1px; top:1px;
  width:9px; height:20px;
  background-color:#B41800;
  z-index:1
  }  
div#up1 { position:absolute; left:0; top:0; z-index:2 }  
div#down1 { position:absolute; left:0; bottom:0; z-index:3 }  


/* Styles for scrolling layers and scrollbars  */
div#holder2 { 
  position:absolute; left:3px; top: 30px;
  width:415px; height:110px; 
  overflow:hidden; z-index:100 }
div#wn2  { 
  position:absolute; left:0; top:0;
  width:415px; height:110px; 
  clip:rect(0, 415px, 110px, 0); 
  overflow:hidden; z-index:1
  }
/* op7 needs width set here too (?) */  
div#lyr2 { width:395px }


/* Set small font-size or size/position of div's will be off in some browsers  */
div#scrollbar2 { 
  position:absolute; visibility:hidden;
  left:405px; top:0;
  width:11px; height:110px; 
  font-size:1px; z-index:2
  }
div#track2 { 
  position:absolute; left:0; top:12px;
  width:11px; height:90px;
  background: url("/images/nav/track.gif") #fff repeat;
  z-index:1
  }
div#dragBar2 {
  position:absolute; left:1px; top:1px;
  width:9px; height:20px;
  background-color:#B41800;
  z-index:1
  }  
div#up2 { position:absolute; left:0; top:0; z-index:2 }  
div#down2 { position:absolute; left:0; bottom:0; z-index:3 }  

div.seolinks {
  width: 760px;
  margin: auto;
  line-height: 15px;
  font-size: 11px;
  font-family: Arial, Halvetica, sans-serif;
  color: silver;
  text-align: justify;
}

div.seolinks a {
  color: gray;
}

.photo_item h1 {
  font-size: 16px;
  margin: 0px; padding: 8px;
}

.photo_item h3 {
  margin: 0px;
  padding: 8px;
  border-top: 1px solid #eaeaea;
  font-size: 12px;
  font-weight: normal;
}

.photo_item h4 {
  margin: 0px;
  padding: 0px;
  padding-left: 8px;
}

#html-carousel { 
    background: #AAD4EE;
}

#html-carousel .carousel-list li { 
    margin:4px 10px 0px 10px;
}

#html-carousel .carousel-list li { 
    width: 106px; 
    border: 0px solid green;
    padding: 10px;
    padding-top:  15px;
    margin: 0;
    color: #3F3F3F;
}

#html-carousel .carousel-list li img { 
    border:1px solid #999;
    display:block; 
}

#html-carousel {
    margin-bottom: 10px;
    float: left;
    width: 500px;
    height: 144px;
}

/* BUTTONS */
#prev-arrow-container, #next-arrow-container { 
    float:left;
    margin: 0px;
    padding: 0px;
}

#next-arrow { 
    cursor:pointer; 
}

#prev-arrow { 
    cursor:pointer; 
}

/* Overlay */
#overlay {
  width: 200px;
  height: 80px;
  background-color:  #FFF;
  position: absolute;
  top: 25px;
  left: 150px;
  padding-top: 10px;
  z-index: 100;
  color: #000;
  border:1px dotted #000;	
	text-align: center;
	font-size: 24px;
  filter:alpha(opacity=80);
	-moz-opacity: 0.8;
	opacity: 0.8;
}

/**
 * Copyright (c) 2006, Bill W. Scott
 * All rights reserved.
 *
 * This work is licensed under the Creative Commons Attribution 2.5 License. To view a copy 
 * of this license, visit http://creativecommons.org/licenses/by/2.5/ or send a letter to 
 * Creative Commons, 543 Howard Street, 5th Floor, San Francisco, California, 94105, USA.
 *
 * This work was created by Bill Scott (billwscott.com, looksgoodworkswell.com).
 * 
 * The only attribution I require is to keep this notice of copyright & license 
 * in this original source file.
 */

/**
 * Standard Configuration. It is advised that this section NOT be modified as the
 * carousel.js expects the behavior outlined below.
 **/
.carousel-component { 
	position:relative;
	overflow:hidden;
	visibility:visible; /* component turns it on when first item is rendered */
}
				
.carousel-component ul.carousel-list { 
	width:10000000px;
	position:relative;
	z-index:1; 
}

.carousel-component .carousel-list li { 
	float:left;
	list-style:none;
	overflow:hidden;
}

.carousel-component .carousel-vertical li { 
	float:none;
	margin-bottom:0px;
}

.carousel-component ul.carousel-vertical { 
	width:auto;
}

.carousel-component .carousel-clip-region { 
	overflow:hidden;
	margin:0px auto;
	position:relative; 
}

/**
 * Safe to override. It is safe to override background, padding, margin, color,
 * text alignment, fonts, etc. Define a separate CSS file and override your style
 * preferences.
 **/

.carousel-component { 
	background:#3F3F3F;
	padding:0px;
	color:#618cbe;
}
.carousel-component ul.carousel-list { 
	margin:0px;
	padding:0px 0px 0px 0px;
}
.carousel-component .carousel-list li { 
	text-align:center;
	margin:0px 0px 0px 0px;
	padding:0px;
	font:10px verdana,arial,sans-serif;
	color:#666;
}
.carousel-component .carousel-vertical li { 
}
.carousel-component ul.carousel-vertical { 
}


.fot {
  max-width: 754px;
  max-height: 563px;

  text-align: center;
  margin-left: 2px;
  overflow: hidden;
}

