/**************************************************
COLORS:
	czerwony (link): #e2001a
	brazaowy (link visited): #82000f
	szary tlo body: #f8f8f8
	szary do tytulow H2: #202020
	szary do pytan kursywa H5: #4b4b4b
	szary text default: #333333
	szary haslo top: #7e8385
	szary footer: #8c8c8c
	szary jasny do ramki buttonow top: #d8d8d8
	
**************************************************/

body {
	margin: 0;
	padding: 0;
	border: 0;
	background: #f8f8f8;
}



/**************************************************
	linki
**************************************************/
a:link, a:visited {
	text-decoration: underline;
	color: #82000f;
}

a:hover , a:active {
	text-decoration: underline;
	color: #e2001a;
}



/**************************************************
	typografia
**************************************************/
h1 {						/* dział w contencie*/
	margin: 3px 0 25px 0;
	padding: 0;
	font-family: Arial, Tahoma;
	font-size: 1.875em;/*22px;*/
	font-weight: normal;
	color: #e2001a;
	text-align: left;
}

h1 a:link, h1 a:visited, h1 a:hover, h1 a:active {
	text-decoration: none;
	color: #e2001a;
	text-align: left;
}


h2 { 						/* tytuly w liscie newsow*/

	padding: 0 0 10px 0;
	margin: 0;
	font-size: 1.5em;
	font-weight: normal;
	color: #202020;
} 

h2 a:link, h2 a:visited, .mediaGazeta a:link, .mediaGazeta a:visited {
	font-weight: normal;
	color: #202020;
	text-decoration: none;
}

h2 a:hover, .mediaGazeta a:hover {
	text-decoration: underline;
	color: #e2001a;
}

h2 a:active, .mediaGazeta a:active {color: #e2001a;}

.mediaGazeta a {
	font-size: 0.9375em;
}

h3 {					/* tytuly w tresci contentu*/
	padding: 10px 0 0 0;
	margin: 0;
	font-size: 1.25em;
	font-weight: normal;
}


h4 {										/* haslo*/
	margin: 0;
	padding: 20px 0;
	font-family: Tahoma, Arial;
	font-size: 1em;
	color: #e2001a;
	font-weight: bold;
	text-align: center;
	text-transform: uppercase;
}


h5 {						/* pytania w wywiadzie*/
	margin: 0 0 -9px 0;
	padding: 10px 0 3px 0;
	font-weight: bold;
	font-style: italic;
	font-size: 1em;
	color: #4b4b4b;
}


h6 a:link, h6 a:visited, h6 a:hover  {
	margin: 0;
	padding: 0;
	width: 180px;
	height: 100px;
	display: block;	
}



/**************************************************
	zawartosc
**************************************************/
.container {
	width: 690px;
	margin: 0 auto;
	padding: 0;
	margin-top: 20px;
	background: #fff;
	border-right: 1px solid #f0f0f0;
	border-left: 1px solid #f0f0f0;
	background: #fff;
	font-family: Verdana, Tahoma, Arial;
	font-size: 0.6875em; /*11px;*/
	color: #333;
	text-align: justify;
	line-height: 135%;
}


.header {
	margin: 0;
	padding: 0;
	width: 690px;
	height: 162px;
	border: 0;
	background: transparent url(../img/images/top.jpg) bottom left no-repeat;
}


.haslo {
	margin:0;
	padding: 3px 0;
	display: block;
	width: 690px;
	height: 15px;
	border: 0;
	border-bottom: 1px dotted #d8d8d8;
	font-family: Arial;
	font-size: 1em;
	text-align: center;
	color: #7e8385;
	letter-spacing: 1pt;
	font-weight: normal;
}


.content {					/* content na 2 kolumnach*/
	margin: 25px 0 10px 0;
	padding: 0 20px 0 27px;
	font-family:  Tahoma, Verdana, Arial;
	line-height: 140%;
	border-right: 1px solid #d8d8d8;
	width: 364px;
	float: left;
	min-height: 550px;
}


.content2 {					/* content na 1 kolumnie*/
	margin: 25px 0 12px 0;
	padding: 0 27px;
	min-height: 550px;
	font-family: Tahoma, Verdana, Arial;
	line-height: 140%;
}


.imageLeft {
	margin: 0px 15px 3px 0;
	padding: 0;
	float: left;
	border: 1px solid #dadada;
}


ul li {
	padding-bottom: 10px;
	list-style-image: url('../img/images/dot_red.gif')
}

ul.list li {padding-bottom: 0px;}


.data, .dataRight {
	margin: 0;
	padding: 0 0 7px 0;
	font-size: 7pt;
	color: #7e8385;
}

.dataRight {text-align: right;}

.gala {
	padding: 7px 0;
	width: 636px;
	background: #1b1b1b;
	text-align: center;
}

.gala img {
	padding: 2px;
	border: 0;
}


.wiecej	{
	margin: 0 0 50px 0;
	padding: 0 10px 12px 0;
	font-size: 8pt;
	text-align: right;
	background: url(../img/images/arrowRight.gif) no-repeat 625px 2px;
	border-bottom: 1px solid #f0f0f0;
}


.back {
	margin: 0 0 10px 0;
	padding: 0 0 5px 12px;
	font-size: 8pt;
	text-align: left;
	text-decoration: underline;
	background: url(../img/images/arrowLeft.gif) no-repeat 1px 2px;
}


.opinia {
	margin: 0 0 30px 0;
	padding: 0 50px 30px 70px;
	border-bottom: 1px solid #f0f0f0;
}


.autor {
	text-align: right;
	font-size: 0.875em;
	font-style: italic; 
}


.mediaImg {
	margin: 0 0 -30px 0;
	padding: 0;
	text-align: right;
}

.mediaImg a img {border: 0;}

.mediaGazeta {					/* naglowki z tytulem gazety*/
	padding: 0;
	margin: 0;
	font-size: 1.25em;
	font-weight: normal;
	text-align: right;	
}



/**************************************************
	sidebar
**************************************************/
.sidebar {
	margin: 25px 0 0 412px;
	padding: 0 23px;
	width: 229px;
}



/**************************************************
	wyszukiwarka
**************************************************/
.wyszukiwarka, .wyszukiwarka2 {
	background: url(../img/images/sprawdz-bottom.gif) no-repeat bottom left;
	margin:0;
	margin-bottom: 20px;
	padding: 0;
	padding-bottom: 10px;
	border: 0;
	width: 222px;
}

.wyszukiwarka h3 {
	margin: 0;
	margin-bottom: 12px;
	width: 222px;
	height: 57px;
	background: url(../img/images/sprawdz-top.jpg) no-repeat top left;
}

.wyszukiwarka2 h3 {
	margin: 0;
	margin-bottom: 12px;
	width: 222px;
	height: 57px;
	background: url(../img/images/sprawdz-top2.jpg) no-repeat top left;
}

.wyszukiwarka h3 span, .wyszukiwarka2 h3 span {display: none;}

.wyszukiwarka-description {
	padding-left: 10px;
	text-align: left;
	margin-top: 15px;
	line-height: 130%;
}

.wyszukiwarka-description span	{		/* mniejsza czcionka w boxie wyszukiwarki*/
	padding-left: 0px;
	padding-top: 7px;
	font-size: 10px;
	border-top: solid 1px #f9f9f9;
}

.wyszukiwarka-RadioButtonList{
	padding: 0;
	margin: 0 -4px;
	font-size: 9px;
	display: inline;
	
}

.wyszukiwarka-RadioButtonList2 {
	padding: 0;
	margin: 0 -40px;
	color: green;
	background: red;
}

.wyszukiwarka p {
	margin: 0;
	padding: 12px 12px 0 3px;
	font-size: 11px;
	font-weight: normal;
	color: #000;
	line-height: 100%;
	text-align: left;
}

.wyszukiwarka p span {
	margin: 0;
	padding: 12px 3px 0 0;
	font-size: 11px;
	font-weight: normal;
	color: #e2001a;
	text-align: left;
	line-height: 120%;
}

.wyszukiwarka em {
	font-size: 11px;
	font-weight: bold;
	font-style: normal;
	text-decoration: underline;
}


.comment {
	margin: 0;
	padding: 0px 12px 0 0;
	font-size: 11px;
	font-weight: normal;
	color: #e2001a;
	text-align: left;
}


input.polesearch {
	margin: 0 2px;
	width: 150px;
	font-size: small;
	color: #000;
}


.tab_dol {
	background: #fff url(../img/images/cien_dol.gif) top right no-repeat; 
	width: 210px; 
	height: 21px;
	padding: 0 7px 12px 12px;
	margin: 0;
}


.tab_top {
	background: #fff url(../img/images/cien_gora.gif) bottom right no-repeat; 
	width: 210px; 
	height: 21px;
	padding: 0 7px 0 12px;
	margin: 0;
}


.button{
	border: 1px solid gray;
	margin: 0 0 20px 0;
	padding: 0;
	width: 217px;
}



/**************************************************
	menu górne
***************************************************/
.navcontainer {
	margin: 0;
	*margin-top: -1px;
	padding: 0;
	border: 0;
	/*width: 690px;*/
	/*height: 24px;*/
	font: Verdana, sans-serif, Arial;
	font-size: 11px;
	color: #fff;
	text-align: left;
	background: #000 url("../img/images/menu_black.gif") repeat-x;
	overflow: hidden;
}

.navcontainer_item {
	margin: 0;
	padding: 2px 3px 2px 2px;
	font: Verdana, sans-serif, Arial;
	font-size: 11px;
	color: #ffffff;
	text-align: left;
	float: left;
	display: block;
}

.navcontainer_item a:link, .navcontainer_item a:visited {
	text-decoration: none;
	color: #fff;
}

.navcontainer_selected, .navcontainer_hover {
	margin: 0;
	padding: 2px 3px 2px 2px;
	font: Verdana, sans-serif, Arial;
	font-size: 11px;
	color: #fff;
	text-align: center;
	float: left;
	background: url("../img/images/menu_red.gif") repeat-x; 
}



/**************************************************
	footer
**************************************************/
.footer {
	margin: 0;
	padding: 1px 10px 1px 0;
	clear: both;
	width: 680px;
	height: 15px;
	background: #e2e2e2;
	font-size: 0.875em;
	text-align: right;
	color: #8c8c8c;
	border-bottom: 1px #f0f0f0 solid;
}


.machineName {
  text-align:left;
  float:left;
  padding:0 0 0 3px;
}



/**************************************************
	komunikat
**************************************************/
.reportHome {
	margin: 0 auto;
	padding: 0;
	display: block;
	width: 720px;
}

.komunikat {
	background: url("../img/images/komunikatTlo.jpg") no-repeat;
	margin: 0;
	padding: 0;
	width: 700px;
	height: 960px;
	display: block;
}

.komunikat img {padding: 35px 0 45px 60px;}

.komunikat p {
	/*padding: 0 120px 35px 120px;*/
	padding-bottom: 35px;
	text-align: center;
	font-family: Tahoma, Arial;
	font-size: 14px;
	line-height: 175%;
}

.komunikat p strong {color: #e2001a;}

.komunikat_label {
  display: block;
  margin: 0px 90px 70px 90px;
  padding: 200px 0 0 0;
  font-family:Tahoma;
  text-align: center;
  line-height: 150%;
}

.komunikat_label div {
  margin:0;
  text-align:center;
  font-size: 14px;
}

div.komunikat_date {
	font-weight: normal;
	font-size: 9pt;
	padding-top: 50px;
	margin: -100px 0 0 200px;
	display: block;
	width: 350px;
	float: left;
	line-height: 120%;
	text-align: right;
}

.komunikat_label div img {
	margin: 30px 0 0 0px;	
	padding: 0;
	display:inline;
	text-align:center;
}



/**************************************************
	komunikat offline
**************************************************/

.reportHomeOffline {
	margin: 0 auto;
	padding: 0;
	display: block;
	width: 700px;
	overflow: hidden;
	
}

.komunikatOffline {
	background: url("../img/images/komunikatOffline_middle.gif") repeat-y;
	margin: 0;
	padding: 0px 0 0 0;
	width: 700px;
	
}

.reportHomeOffline .komunikat_label {
	font-family: Arial, Times ;
	font-size: 18px;
	color: #4f648b;
}

.komunikat_label_offline {
  display: block;
  margin: 0px 90px 70px 90px;
  padding: 60px 0 0 0;
  font-family:Tahoma;
  text-align: center;
  line-height: 150%;	
}


/**************************************************
	komunikat Zlote Certyfikaty on-line
**************************************************/

.komunikatGold {
	background: url("../img/images/komunikatTloGold.jpg") no-repeat;
	margin: 0;
	padding: 0;
	width: 700px;
	height: 960px;
	display: block;
}

/*.komunikat img {padding: 35px 0 45px 60px;}

.komunikat p {
	padding-bottom: 35px;
	text-align: center;
	font-family: Tahoma, Arial;
	font-size: 14px;
	line-height: 175%;
}

.komunikat p strong {color: #e2001a;}

.komunikat_label {
  display: block;
  margin: 0px 90px 70px 90px;
  padding: 200px 0 0 0;
  font-family:Tahoma;
  text-align: center;
  line-height: 150%;
}

.komunikat_label div {
  margin:0;
  text-align:center;
  font-size: 14px;
}

div.komunikat_date {
	font-weight: normal;
	font-size: 9pt;
	padding-top: 50px;
	margin: -100px 0 0 200px;
	display: block;
	width: 350px;
	float: left;
	line-height: 120%;
	text-align: right;
}

.komunikat_label div img {
	margin: 30px 0 0 0px;	
	padding: 0;
	display:inline;
	text-align:center;
}*/



/**************************************************
	buttony index top
**************************************************/
.buttonTop {
	padding: 0;
	margin: 0 0 30px 0;
	border-bottom: 1px solid #ededed;
	border-top: 1px solid #ededed;
	background: url(../img/images/buttonBg.jpg) top left no-repeat;
}

div.buttonTop .buttonKlienci {
	margin: 0;
	padding: 0;
	width: 173px;
	height: 80px;
}

div.buttonTop .buttonKlienci p, div.buttonTop .buttonMedia p {display: none;}

div.buttonTop .buttonKlienci a {
	margin: 0;
	padding: 0;
	display: block;
	width: 173px;
	height: 80px;
	text-decoration: none;
	background: url(../img/images/button_klienci2.png) top left no-repeat;
}

.buttonTop .buttonKlienci a:hover {background: url(../img/images/button_klienci2.png) 0px -80px no-repeat;}

div.buttonTop .buttonMedia {
	margin: -80px 0 0 0;
	float: right;
	width: 173px;
	height: 80px;
}

div.buttonTop .buttonMedia a {
	margin: 0;
	padding: 0;
	display: block;
	width: 173px;
	height: 80px;
	text-decoration: none;
	background: transparent url(../img/images/button_media2.png) top left no-repeat;
	overflow:auto;
}

.buttonTop .buttonMedia a:hover {background: transparent url(../img/images/button_media2.png) 0px -80px no-repeat;}


.loading {
	margin: 300px auto;
	padding: 0;
	text-align: center;
	font-family: Verdana, Tahoma, Arial;
	font-size: 11px;
}