@CHARSET "UTF-8";
html,body {margin:0; padding:0}
/* zmniejszenie domyślnego rozmiaru fontu w IE do 14px */
*:first-child+html {font-size: 87.5%} /*IE7 hack */
* html {font-size: 87.5%} /*IE6 and below hack */
html>/**/body {font: 12px arial,sans-serif} /*Modern browsers only (not IE 7)*/
/* zmniejszenie domyślnego rozmiaru fontu z 14 do 12px */
body {font: 85.7% arial,sans-serif; text-align: center; background-color: #000}

h1 {font-size: 1.17em;  margin: 1em 0 1em 0; border-bottom: solid 1px #F00;}
h2 {font-size: 1em; margin: 1em 0 1em 0}
h3 {font-size: 1.17em;  margin: 1em 0 1em 0; border-bottom: solid 1px #F00}
h4 {font-size: 1em; margin: 1em 0 1em 0}
h1, h2, h3, h4 {color: #F00}

p {margin-top: 0px; margin-bottom: 8px; line-height: 1.3em}
p strong {color: #CCC}
a {text-decoration:none; color: #b4b4b4;}
a:hover {text-decoration: none; color: #d30606}
a img {border: 0; outline:none;}
img {border: 0; outline:none;}

ul {margin-top: 0}

div#header h1 {height: 80px; line-height: 80px; margin: 0;
	padding-left: 10px; background: #EEE; color: #79B30B}

div#container {width: 780px; margin: 0 auto}
div#container {text-align: left; background-color: #202020; color: #b4b4b4}
div#container {
	background-image: url("/img/raster_tlo.gif");
	background-repeat: no-repeat; 
	background-position: bottom left
}

div#main {float: left; width: 580px}
div#content {margin: 0 20px 40px 80px}

div#panel {float: right; width: 200px}
div#panel .box {
	padding: 10px; 
	
	background-image: url("/img/pl_linia.gif");
	background-repeat: no-repeat; 
	background-position: bottom left
}
div#panel p {font-size: 0.9em}

div#extra {float: right; clear: right; width: 200px}

div#footer {clear: both; width: 100%; position: relative;}
div#footer .links {position: relative; left: 80px; top: 3px; font-size: 0.83em}

/*Szczegółowe style */
div#content .dzial {clear: both; border: solid 1px #FF0; height: 100%}
div#content .dzial:after { content: ""; display: block; height: 0; clear: both; }
div#content img.imageRight {float: right; margin: 0; width: 184px; height: 127px}
div#content img.imageLeft {float: left; margin: 0; width: 184px; height: 127px}
div#content .textLeft {float: left; width: 270px; padding-right:10px; border-right: solid 1px #888}
div#content .textRight {float: right; width: 270px; padding-left:10px; border-left: solid 1px #888}
div#content .bottom_links {border-top: solid 1px #d30606; margin-top: 20px; padding-top: 5px; text-align: center}
div#content .bottom_links_grey {margin-top: 5px; padding-top: 5px; text-align: center}

/*zapytanie ofertowe formularz */
div#content form p {margin: 2px 0px; clear: both}
div#content p input {font-size: 12px; margin-top: 0; padding: 3px; background-color: #444; color:#b4b4b4; border: solid 1px #222}
div#content textarea {overflow: auto; font: 1em arial,sans-serif; padding: 3px; background-color:#444; color:#b4b4b4; border: solid 1px #222}
div#content fieldset {font-size: 12px; margin-top: 20px; border: solid 1px #777; padding: 10px}
div#content legend {color: #b4b4b4;}
div#content label {
	font-size: 12px;
	width: 110px;
	display: block;
	float: left;
	margin-right:0.5em;
	padding-top:0.3em;
	text-align:left;
  }
form#login label {
	width: 190px;
	text-align:right;
}
form#new_paswd label {
	width: 210px;
	text-align:right;
}
form#new_email label {
	width: 210px;
	text-align:right;
}

div#content table {width: 480px; margin: 0; font-size: 1em; color: #b4b4b4}
div#content td {padding: 3px 7px; background-color: #333}
div#content td.k1 {width: 110px; text-align: left; background-color: #202020}

#alert_box {width: 460px; margin: 10px 0 0 0; display:none; padding: 10px; font-weight: bold; background-color: #C00; color: #FFF}

.kalendarz {}
img.srod_zdjecie {margin: 0; width: 395px; height: 312px;}
.opis {width: 100%; font-size: 0.9em; display: block; margin-bottom: 5px; padding-bottom:5px; padding-left:10px; border-left: solid 1px #888}
.opis p {margin-top: 0px; margin-bottom: 2px; line-height: 1.2em}
.opis_bt {width: 71px; height: 15px; cursor: pointer; cursor: hand;}
.okladki_bt {width: 71px; height: 15px; cursor: pointer; cursor: hand;}
.okladki {width: 100%; display: block; margin-bottom: 5px; padding-bottom:5px; padding-left:10px; border-left: solid 1px #888}
.okladka_min {width: 150px; height: 100px;}
.okladka_box {width: 152px; height: 150px; float: left; background-color: #252525;}

.bt_info2 {width: 27px; height: 27px;
		position: relative; bottom: 30px; left: 123px;
		cursor: pointer; cursor: hand;}
.bt_info {width: 47px; height:13px;
		cursor: pointer; cursor: hand;}
.tooltip {position: absolute; top: 250px; left: 200px; width: 670px; height: 450px; z-index: 2;}
.tool-top{width: 650px; height: 12px; background: url("/img/tip-top.png") top left no-repeat;}
.tool-middle{width: 650px; background: url("/img/tip-middle.png") left top repeat-y;
				padding: 0 0px}
.tool-bottom{width: 650px; height: 11px; background: url("/img/tip-bottom.png") left bottom no-repeat;}
.loader {width: 24px; height: 24px}
.big_image {width: 600px; height: 400px;}
.okladka_nazwa {margin-bottom: 3px; font-size: 0.9em}
.tp_okladka_nazwa {font-size: 0.9em; color: #b4b4b4}

#kalendarze_opis h2{
    display: inline;
}

#kalendarze_opis .opis_bt {
    margin-left: 10px;
}
#kalendarze_opis .kal_opis {
    margin: 5px 0 5px 10px;
    padding-left: 10px;
    border-left: 1px solid #666;
}

form#kalendarze label {
    display: block;
    width: 140px;
  }
form#kalendarze fieldset {
    margin: 0;
    padding-top: 2px;
    padding-bottom: 5px;
    border: none;
    border-bottom: 1px solid #666;
}
form#kalendarze legend {
    margin: 0;
    padding: 0px;
}
form#kalendarze .rodzaje {
    float: left;
    margin-left:40px;
    width: 150px;
}
form#kalendarze p {
   margin-bottom: 0px;
   font-weight:bold;
}

/*clear floats */
.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 */