/* border: 1px solid #ff0; background-color: #ff0; */
/* stale */
* {font-family: Arial, Verdana, sans-serif;}
h1, h2, h3, h4, h5, h6 {clear:both; font-family: Tahoma, Arial; text-align:left; color:#000;}
* {margin:0; padding:0;}

/* layout */
body {background: #666 url('img/tlo_body.png') repeat-x top; color:#000; font-size:80%; text-align:center; line-height:1.4em;}
#all {width:994px;  margin:20px auto 0; padding:0; background: transparent url('img/tlo_all.png') repeat-y center;}

#srodek {float:left; width:940px; padding:0 30px; }

#glowa {width:994px; height:190px; background: transparent url('img/glowa_top.png') no-repeat top;  }
#glowa #stonart      {float:left;    width:220px; height:64px; margin:0; padding:35px 30px 18px; display:inline; overflow:hidden; }
#glowa #stonart a    {display:block; width:220px; height:64px; margin:0; padding:0;  background: transparent url('img/logo_stonart.png') no-repeat top; overflow:hidden;  font-size:9px; color:#eee; text-decoration:none; text-align:right;}
#glowa #stonart a:hover {background-position: bottom;}
#glowa #allegro     	{float:right;   width:184px; height:94px; margin:0; padding:0 30px; display:inline; overflow:hidden;}
#glowa #allegro a   	{display:block; width:184px; height:94px; margin:0; padding:0; background: transparent url('img/logo_allegro.png') no-repeat bottom; overflow:hidden;  font-size:9px; color:#c01932; text-decoration:none; text-align:center;}
#glowa #allegro a:hover {background-position: top;}

#menutop {clear:both; width:724px; height:48px; padding:5px 0 15px 270px; background: #8e0000 url('img/menu_top.png') no-repeat; clear:both; line-height:30px; overflow: hidden; margin:0; } /* tu musi być line-height bo inaczej cale ul jezdzi przy zmianie czcionki */
#menutop ul {height:50px; line-height:50px; padding:0; padding-left:1px; margin:0; background: transparent url('img/menu_top_kreski.png') no-repeat left;} /* tu musi być line-height bo inaczej cale ul jezdzi przy zmianie czcionki */
#menutop li {display:inline; list-style: none; padding:0; margin:0; }
#menutop li a {float:left; display:block; padding:0 20px; height:48px; line-height:48px; background: transparent url('img/menu_top_kreski.png') no-repeat right;}
#menutop li a {font-family: Tahoma, Arial; font-size:1.15em;  color:#fff; text-align:center; text-decoration: none; font-weight: normal;  text-shadow: 1px 1px 1px #000; letter-spacing: 0.03em;  }
#menutop li a:hover, #menutop li a.on   {background-color:#751c14; text-decoration:underline; color:#fff; text-shadow: 1px 1px 1px #666;}


/* menu */
#menu  {width:210px; padding:20px 0; float:left;}


.menuul  {width:210px; margin:0 0 10px; padding:0; background: transparent url('img/menu_tlo.png') repeat-y top; border-bottom: 1px solid #ddd;}
.menuul li {list-style:none;  margin:0; padding:0; background: transparent url('img/kreska.png') repeat-x top; text-align:center; }
.menuul li a {display:block; width:210px;  line-height:1.1em; padding:10px 0; border-top: 1px solid #ddd;} 
.menuul li a {font-size:1.20em; color:#333;  text-decoration:none; font-family: Tahoma, Arial;  text-shadow: 1px 1px 0px #fff; letter-spacing: 0.02em;} 
.menuul li#promo a {font-size:1.3em; color:#a00; letter-spacing: 0.02em;} 
.menuul a:hover, .menuul a.on, .menuul li#promo a.on  {color:#a00; text-decoration:underline; background-color:#eee;} 


#menu #adres   {margin:50px 0; line-height:1.2em;  text-align:center;  }
#menu #adres a {font-size:0.9em; text-decoration:none; color:#999;}
#menu #adres a:hover { color:#c33;}


/* mieso */
#mieso  { width:690px; padding:10px 10px; float:right;}
.kolleft  { float:left; width:466px; padding:0 10px 0 0;}
.kolright { float:right; width:210px; padding:0;}


/* aktualność, komunikat */
.aktualnosc {float:left; background: transparent  url('img/kreska.png') repeat-x top; padding-top:10px; margin-top:10px;}
.aktualnosc p {padding:5px 0 2px;}
.komunikat {border:2px solid #cc3333; background-color:#fff; text-align:center; padding:10px 20px; margin:10px; border-radius: 10px;}
.komunikat * {color:#c33; text-align:center;}
.komunikat h3 span {display:none;}


/* OGOLNIE */
h2 { font-size:1.8em; line-height:1.2em; font-weight:normal; padding:10px 0 5px;  letter-spacing: 0.01em; color:#666; text-shadow: 1px 1px 0px #fff;}
h3 { font-size:1.5em; line-height:1.0em; font-weight:normal; padding:10px 0 2px;  letter-spacing: 0.01em; color:#c33; text-shadow: 1px 1px 0px #fff;}
h3 a { font-weight:normal; color:#c33; text-shadow: 1px 1px 0px #fff; text-decoration:none;}
h3 a:hover {text-decoration:underline;}

h3 span { font-size:0.7em; font-weight:normal; color:#999;}
h4 { font-size:1.4em; line-height:1.2em; font-weight:normal; padding:10px 0 0px;  letter-spacing: 0.01em; color:#666; }
p {padding:6px 0 4px; text-align:left;}
ul {margin-left:17px; margin-right:17px; text-align:left; list-style-type: circle; }
img {display: block; border: 0px; margin: auto;}
strong {font-weight:bold;}
a {font-weight:normal; text-decoration:underline; color:#333;}
a:hover {text-decoration:none; color:#333;}
a:hover img {border-color:#900;}
.clear {clear:both;}
ul.inside {list-style-position: inside;}
.c {clear:both; text-align:center; }
.clear {clear:both;}
.wpis {float:left; clear:both;  background: transparent  url('img/kreska.png') repeat-x top; padding:10px 0 2px; }






/* RAMKI */

/* ramka690 */
.ramka690    {clear:both; float:left; width:660px; padding:7px 14px 4px 16px; background: #fff  url('img/ramka690_tlo.png') repeat-y;}
.ramka690top {clear:both; width:690px; height:8px;  background: #fff  url('img/ramka690.png') no-repeat top;}
.ramka690bot {clear:both; width:690px; height:24px; background: #fff  url('img/ramka690.png') no-repeat bottom;}
.ramka690 img {width:220px; height:220px; padding-bottom:5px; background: transparent  url('img/tlo_zdj.png') no-repeat;}
.ramka690 a {display: block; float:left; width:220px; padding-bottom:6px;}
.ramka690 a {color:#000; text-decoration:none; line-height:1.3em;}
.ramka690 a:hover {background: transparent url('img/tlo_on.png') repeat-y top; color:#a22; }
.ramka690 a:hover strong { color:#a22; }
.lista3 {float:left; width:219px; overflow:hidden;}

/* ramka210 */
.ramka210    {width:210px;  padding:0;}
.ramka210 img {width:180px; height:180px;}
.ramka210 a {display: block; width:180px; height:180px; padding:15px 15px 25px; background: #fff  url('img/ramka210.png') no-repeat top;}
.ramka210 a:hover {background-position:bottom;}
.ramka210 ul.administracja {float:none; margin-bottom:20px;}
.ramka210 ul.administracja a { background:none; padding:0 5px;}


.zdj_poziomo {clear: both; width:690px; overflow: hidden;}
.zdj_poziomo .ramka210 {float:left; margin:20px 10px;}


/* PRZYCISKI */
a.przycisk {float:right; display:block; width:124px; height:32px; line-height:26px; margin:5px 10px; background: transparent  url('img/przycisk.png') no-repeat top;}
a.przycisk {color:#fff; text-decoration:none; font-size:1.0em; font-family: Tahoma, Arial;  text-shadow: 1px 1px 0px #000; letter-spacing: 0.02em;}
a.przycisk:hover {background-position:bottom; }
a.przycisk strong {color:#fff; font-size:1.2em;}












/* SZCZEGÓŁY - 0sobna strona */
#szczegoly {width:890px; margin:20px auto;}
#szczegoly #zdj  {float:left; width:640px; height:640px; overflow: hidden;}
#szczegoly #opis {float:left; width:220px; height:570px; padding:55px 15px 15px; background: transparent url('img/ramka250.png') no-repeat 0 40px;}
#szczegoly h2 {font-size:1.4em; color:#666;}
#szczegoly h3 {font-size:1.2em; color:#666;}
#szczegoly ul {line-height:1.2em;}
#szczegoly p {line-height:1.2em; font-size:0.9em;}
#szczegoly #przycisk  {padding:0; margin:0;}


#szczegoly #zdjtest img  {border: 1px solid #f00;}













/* formularz wywiadu */
form#fkontakt {clear: both; border: 1px solid #eee;  margin:20px auto; text-align:left; padding:0;  background:none; }
form#fkontakt fieldset {background:#f6f6f6; border:1px solid #ddd;    width:430px; padding:10px; margin:20px 0; }
form#fkontakt legend   {background:#f6f6f6; border:1px solid #ccc;    padding:10px 20px; margin-left:20px; font-size:1.2em; color:#999; font-weight:bold;}
form#fkontakt label    {background:#f6f6f6; border:1px solid #f6f6f6; width:150px; margin-top:2px; display:block; float:left; text-align:right; }
form#fkontakt p {clear:both; padding:10px 5px; text-align:left; line-height:1.2em; font-size:0.95em;}
form#fkontakt input.text   {background: #fff; border: #ccc 1px solid; width: 246px; display:block; float:left; font-size:14px; margin-left:5px; padding:2px; }
form#fkontakt textarea     {background: #fff; border: #ccc 1px solid; width: 246px; display:block; float:left; font-size:14px; margin-left:5px; padding:2px;}
form#fkontakt input.submit {background: #fff; border: #c33 1px solid; width: 146px; display:block; float:left; font-size:18px; margin:10px 5px; padding:10px; }
form#fkontakt input.radio  {background: #fff; border: none;           height:18px;  display:block; float:left; font-size:14px; margin-left:5px; }
form#fkontakt input:focus    {border: #c33 1px solid; background: #ffe;}
form#fkontakt textarea:focus {border: #c33 1px solid; background: #ffe;}
form#fkontakt p.bledy  {border:3px solid #c33; background: #ffe;  font-size:1.1em; color:#f50;  padding: 20px 20px; margin:20px 20px;}
form#fkontakt p.kreska {border-bottom:1px solid #ddd; }
form#fkontakt span {clear:both; float:left; border: 1px solid #f6f6f6; }





/* bottom */
#bottom {clear:both; width:860px; height:40px; padding-top:4px; text-align:center; background: transparent url('img/stopa.png') no-repeat ;}

/* stopa */
#stopa {clear:both; width:994px; height:221px;  background: #8e0000 url('img/menu_bottom.png') no-repeat top; text-align:center; margin:0; }
#stopa p  {text-align:center; color: #fff; text-decoration: none;  font-size:0.9em; padding:22px 20px 14px;}
#stopa a { color: #fff; text-decoration:none;}
#stopa a:hover { color: #ddd; text-decoration:underline;}
#stopa p#avn { padding:2px; font-size:10px;}
#stopa p#avn a {color:#bbb}
#stopa p#avn a:hover {color:#000}



/* linki administracyjne */
ul.administracja {display:block;  float:left; clear:left; width:200px; border: 2px solid #f33; margin:5px auto 0; padding:5px; background-color:#ffd; color:red; list-style: none;}
ul.administracja li {line-height:1.0em; text-align:center;}
ul.administracja a {display:inline; float:none; color:red; text-decoration:none;  }
ul.administracja a span {font-size:1.2em; }
ul.administracja strong {color:red;}
ul.administracja a:hover, ul.administracja a:hover strong{color:#000; background:none;  }
a.administracja {color:red; text-decoration:none; font-size:1.05em; font-weight:bold; }



/* =========== lightbox =============== */
#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(lightbox/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(lightbox/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{font-size:1.3em;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }