@import url(komentarz.css);

/******************************************** 
 *  Elementy HTML
 */
* { 
   margin:0;
   padding:0;
}

body{
	font: 0.7em Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #131313;
	background-color: #f2f2f2;
}


p{
	margin-bottom: 0.8em;
}

a{
	color: #228B22;
	text-decoration: none;
}

a img {
	border: none;
}

h1,h2,h3,h4{
	font-weight: normal;
	margin-bottom: 0.5em;
	font-family: Tahoma,Verdana, Geneva, Arial, Helvetica, sans-serif;
}

h1{font-size: 1.8em;}
h2{font-size: 1.6em;}

#content h2{
	
}

#content h2,  #content h2 a{
	color: #C60000;
}

/******************************************** 
 *  Układ strony
 */
#duzy-pasek{
	height: 150px;
	text-align: center;
	clear: both;
	background: url(../i/duzy-pasek-tlo.gif) repeat-x;
	border-bottom: 1px solid White;
}
#duzy-pasek-podstrony{
	height: 80px;
	text-align: center;
	clear: both;
	background: url(../i/duzy-pasek-tlo.gif) repeat-x;
	border-bottom: 1px solid White;
}

#sidebar{
	width: 250px;
	float: right;
}
#content{
	width: 720px;
	float: left;
	padding-right: 10px;
}

#content ul, #content ol{
	padding-left: 2em;
}

#all{
	width: 980px;
	margin: auto;
	background: url(../i/all-tlo.gif) repeat-y right;
	overflow: hidden;
	height: 100%;
}

#kol-info{
	width: 260px;
	padding-left: 5px;
	margin-left: 4px;
	float: right;
	border-left: 1px dotted #bbb;
}
#kol-tresc{
	width: 450px;
	float: left;
}

/******************************************** 
 *  Nagłówek i stopka
 */

#naglowek{
	background: url(../i/naglowek-tlo.gif) repeat-x;
}

#naglowek h1{
	width: 980px;
	margin: 0 auto 0 auto;
	background: url(../i/naglowek-liscie.gif) no-repeat right;
}

#naglowek h1 a{
	display: block;
	background: url(../i/logo.gif) no-repeat;
	width: 300px;
	height: 100px;
	text-indent: -9000px;
	overflow: hidden;	
}

#stopka{
	clear:both;	
	padding: 43px 30px 3em 30px;
	margin: auto;
	background: #c7252c url(../i/stopka-tlo.gif) no-repeat;
	width: 980px;
	voice-family:"\"}\"";
	voice-family:inherit;
	width: 920px;
	color: #d96b70;
}
#stopka a{
	color: White;
}

/******************************************** 
 *  Nawigacja
 */

#menu .margin-menu{
	width: 980px;
	margin: auto;
}
 
#menu {
	display: block;
	height: 20px;
	background: #a5a5a5;
}

#menu ul {
	list-style-type: none;
}

#menu li {
	border: 0 Black;
	display: block;
	float: left;
	position: relative;	
	border-right: 1px solid White;
	width: 101px;
	voice-family:"\"}\"";
	voice-family:inherit;
	width: 100px;
}

#menu a {
	display: block;
}

#menu li li a.str {
	background: url(../i/str.png) no-repeat center right;
	padding-right: 10px;
}

#menu li li {
	width: 100%;
}

/* fix the position for 2nd level submenus. first make sure no horizontal scrollbars are visible on initial page load... */

#menu li li ul {
	top: 0;
	left: 0;
}

/* ...and then place it where it should be when shown */

#menu li li:hover ul {
	left: 100%;
}

/* initialy hide all sub menus */

#menu li ul {
	display: none;
	position: absolute;
}

/* display them on hover */

#menu li:hover>ul {
	display: block;
}

/* this is needed if you want to style #menu div - force containment of floated LIs inside of main UL */

#menuList:after {
	content: ".";
	height: 0;
	display: block;
	visibility: hidden;
	overflow: hidden;
	clear: both;
}

/* Clear-fix for IE5/Mac \*//*/
#menu a {
	float: left;
}

#menuList {
	display: inline-block;
}
/*  */

/*		------   Make-up	--------			*/

#menu {
	color: #222; /*min-height: 35px; 	Height mentioned above	 */
	background-color: #5a5a5a;
	border-bottom: 1px solid #727272;
}


#menu li li {
	background: none;
	width: 140px;
	background-color: #E31E00;
}

#menu a {
	font-weight: bold;
	text-decoration: none;
	text-align: center;
	color: #fff;
	height:14px;
	padding: 3px 0;
	border-bottom: 1px solid #727272;
}



#menu li:hover>a {
	color: White;
	background-color: #9B0000;
}


#menu a:hover {
	color: White !important;
	background-color: #9B0000 !important;
}

#menu li li:hover>a {
	color: #abc;
	background-color: transparent ;
}


#menu li li a:hover {
	color: #abc !important;
	background-color: transparent !important;
}



#menu li li a {
	font-size: 10px;
	font-weight: normal;
	text-align: left;
	text-transform: none;
	background: none;
	padding: 4px;
	height: auto;
}

#menu li li:hover>a {
	color: #abc;
}

#menu li ul {
	color: #fff;
	width: 130px;
}

#menu li li ul {
	border-top-width: 1px; 
}

#menu li li.submenu>a:after {
	content: " ...";
}

#menu29{
	width: 160px !important;
}
/******************************************** 
 *  Pasek
 */
 
#pasek{
	background: #4f83bc url(../i/pasek-tlo.gif) repeat-x;	
	padding: 8px;
	border-top: 1px solid #08698f;
	text-align: left;
	font-size: 0.9em;	
}
#pasek, #pasek a{
	color: White;
	text-decoration: none;
}
/******************************************** 
 *  Wiadomosci
 */

 
.podtytul{
	font-weight: bold;
	text-align: justify;
	margin: 4px 0;
}
.zajawka{
	clear: both;
	margin-top: 2em;
	border-top: 1px dashed #DBDBDB;
}

.zajawka .podtytul {
	font-weight: normal;
}

a.kategoria{
	color: #FFA500;
	text-decoration: none;
}

/******************************************** 
 *  Ustawienia kolumn
 */

#sidebar ul{
	list-style-type: none;
}
#sidebar h4{
	font-size: 1.1em;
	text-align: center;
	border-bottom: 1px solid #ccc;
	color: #616161;
	margin-top: 1.5em;
}

#sidebar dl{
	background: #ccc;
	margin: 1em auto;
	width: 222px;
}
#sidebar dt{
	background: #c7252c url(../i/sidebar-dt.png) no-repeat;
	text-align: center;
	padding: 6px 2px;
	color: White;
}

#sidebar dt.ziel{
	background: #5cb948 url(../i/sidebar-dt-ziel.png) no-repeat;
	text-align: center;
	padding: 6px 2px;
	color: White;
}

#sidebar dd{
	background: #bbbbbb url(../i/sidebar-dd.png) no-repeat bottom;
	color: #1e344c;
	padding: 4px 8px;
}

#sidebar .marg{
	padding: 1px 8px;
}

#sidebar a:hover{
	text-decoration: underline;
}

#sidebar dd ul{
	padding-left: 12px;
	list-style-type: square;
}

#sidebar dd li{
	margin-bottom: 3px;
}



#pozostale-wiadomosci li{
	display: inline;
}

#pozostale-wiadomosci a{
	display: block;
	border-bottom: 1px dotted #ccc;
	padding: 0.7em 1em;
}
#pozostale-wiadomosci a:hover{
	background: #D2D2D2;
}

#wyszukiwarka,#prawa,#sidebar .margin{
	padding: 0 10px;
}

#notowania strong{
	font-size: 1.4em;
}

/******************************************** 
 *  giełda
 */

#gielda{
	margin: 3px;
	padding: 4px;
	border: 1px solid #ccc;
	background: #dfdfdf;
	text-align: center;	
}
#gielda strong{
	font-size: 140%;
	color: #c60000;
}

#gielda b{
	color: 999;
}

/* ------------------------------------------------ 
	Foto
*/

.foto-wiadomosc{
	margin: 0 0 5px 10px;
	padding: 0;
	list-style-type: none;
	width: 158px;
	float: right;
	border-left: 1px solid #D7DCE0;
}
.foto-wiadomosc li{	
	padding: 3px;
	margin-bottom: 3px;
	text-align: center;
}
.foto-wiadomosc span{
	display: block;
	
}

.foto-wiadomosc img{
	border: 1px solid #720000;
	padding: 1px;
}

.fotoglowne{
	float: left;
	margin-right: 15px;
}
.fotoglowne img{
	border: 1px solid #720000;
	padding: 1px;
}
ul.foto-galeria{
	margin: 0;
	padding: 0;
	list-style-type: none;
	text-align: center;
}
ul.foto-galeria li{
	display:inline;
	width:150px;
	height:150px;
}
ul.foto-galeria a{
display:inline-table;
}
ul.foto-galeria img{
	vertical-align: middle;
	border: 1px solid #ccc;
}

#gal{
	text-align:center;
}

#gal table{
	margin:auto;
	border:1px solid #aaa;
}

#gal td{
	vertical-align:top;
	border:1px solid #aaa;
	padding:3px;
	background:#fff;
}

#GaleriaFoto #content {
	text-align: center;
}
#GaleriaFoto #pasek{
	text-align: left;
}
#GaleriaFoto .opcje a{
	color: #006699;	
}

#GaleriaFoto a.poprzedni,
#GaleriaFoto a.nastepny{
	color: #CC3300;
	font-size: 160%;
	font-weight: bold;
	padding: 2px 6px;
	text-decoration: none;
}

#GaleriaFoto a.poprzedni:hover,
#GaleriaFoto a.nastepny:hover{
	color:#FF0004;
}

#GaleriaFoto #fotografia{
	margin:1em auto;
	width: 600px;
}

#GaleriaFoto #miniaturki{
	width: 600px;
	margin:auto;
}

#GaleriaFoto #fotografia img{
	border: 1px solid #D9E1CE;
}

#GaleriaFoto #fotogaleria div{
	width:80px;
	height:80px;
	float:left;
	padding: 2px;
	border: 1px solid #D9E1CE;
	margin: 0 1px 1px 0;
}

#GaleriaFoto #fotogaleria:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

#GaleriaFoto #fotogaleria {display: inline-block;}

/* Hides from IE-mac \*/
* html #GaleriaFoto #fotogaleria {height: 1%;}
#GaleriaFoto #fotogaleria {display: block;}
/* End hide from IE-mac */

/******************************************** 
 *  Sonda
 */
#sonda {
	margin: 2px;
	background-color: White;
	padding: 1px 3px 10px 3px;
}
#sonda div.img{
	background-color: #EAEAEA;
}



.left{
	float: left;
}
.right{
	float: right;
}
.center{
	text-align: center;
}
.czerwony{
	color: Red;
}
.bold{
	font-weight: bold;
}
.data{
	font-size: 90%;
	color: #696969;
	margin: 5px 0;	
}
.wdata{
	text-align: right;
	clear: both;
	margin: 1em 0;
}
.opcje-wiadomosci{
	text-align: right;
	margin: 1em 0;
}
.tresc{
	text-align: justify;
}
/*Formularze*/
fieldset{
	border: 1px solid #999999;
}
legend{
	font-weight: bold;
	color: #4682B4;
	font-size: 110%;
}
label.block	{
	display: block;
	margin-bottom: 0;
	margin-top: 5px;
	padding-bottom: 0;
	color: #4A4F57;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}



#bxlink a{
	font-size: 10px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #1E90FF;	
}
#bxlink {
	text-align: right;
}
.bxbanner{
	text-align: center;
	padding: 0;
}
.reklama span{
	display: none;
}

#rsstag a{
	background: url(http://4lomza.pl/i/feed.png) no-repeat center left;
	padding-left: 14px;
	margin-left: 10px;
	color: #FF4500;
	font-weight: bold;
}


/******************************************** 
 *  Kolumny
 */
#trojpodzial{
	font-size: 90%;
	font-size: 11px;
	line-height: 15px;
	background: url(../i/trojpodzial.gif) repeat-x bottom;
	padding-bottom: 10px;
}

.kol{
	width: 31%;
	float: left;
	border-top: 1px dashed #E2E2E2;
	border-right: 1px dashed #E2E2E2;
}
.kolast{	
	border-top: 1px dashed #E2E2E2;
	width: 31%;
	float: left;	
}
/******************************************** 
 *  Duży Avatar
 */
#graf{
	height: 150px;
	background: #0c9dd5 url(../i/roza.jpg) no-repeat;
	border-top: 1px solid #08698f;
}
#graf dl{
	color: White;
	font-family: "Lucida Grande","Lucida Sans", Arial, Helvetica, sans-serif;
	margin-right: 50px;
}
#graf dt{
	font-size: 2.4em;
}
#graf dt span{
	color: #a2a88e;
	font-weight: bold;
	font-size: 2em;
}

#graf dd{
	position: relative;
	left: -30px;
	font-size: 2em;
	color: #a2a88e;
}
 
/******************************************** 
 *  Pierwsza
 */ 
#pierwsza-strona{
 	background: #e0ecf8;
	padding: 2px 2em;
 }
#pierwsza-strona h2{
 	padding: 0;
	background: none;
 }
#pierwsza-strona .left{
	margin-right: 20px;
}
 
/******************************************** 
 *  Różne
 */

.both{
	clear: both;
}

.center{
	text-align: center;
}

.margin{
	padding: 9px 1%;
}

.left{
	float: left;
}
.right{
	float: right;
}
a.wiecej{
	display: block;
	text-align: right;
	font-size: 90%;
	text-decoration: none;
}
a.wiecej:hover{
	background: #F0FFF0;
}

#pepees-adres{
	font-size: 12px;
	border: 1px solid #A5A5A5;
	padding: 1em;
	margin: 2em;
	background: White url(../i/adres-tlo.png) repeat-x;
	text-align: center;
}

#pepees-adres h2{ font-size: 22px; font-weight: normal; color: #A92C19; margin: 0; padding: 5px 0;}
#pepees-adres .adres{ font-size: 18px; color: #CD361F;}
#pepees-adres p{margin: 0; padding: 5px 0;}
#pepees-adres strong{color:#112559;}

#pepees-dzialy h2{ font-size: 18px; font-weight: normal; color: #123C1F;}
#pepees-dzialy ul{ width: 360px; margin: 0 auto; padding:0; list-style-type: none; text-align: left;}
#pepees-dzialy li{display: inline;}
#pepees-dzialy a{display: block; padding: 5px; color:#A92C19; background-color:#fcfaf1; margin-bottom: 1px; border-bottom: 1px solid #ebe9e0; font-weight: bold;}
#pepees-dzialy a:hover{color:#DE3A21; background-color:#f1e9c1;}

#pepees-poczta{display: block; text-align: center; font-size: 24px; border: 1px solid #ccc; background: #fff; padding: 10px; width: 300px; margin: 30px auto; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; -moz-box-shadow: 0 1px 0 rgba(255,255,255,0.9); -webkit-box-shadow: 0 1px 0 rgba(255,255,255,0.9); box-shadow: 0 1px 0 rgba(255,255,255,0.9);}

#pepees-poczta:hover{opacity: .7;}

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */