/*Projekt i realizacja Jerzy Lach
wszelkie prawa zastrzezone*/


body, html { text-decoration: none; font-family: Verdana, Arial, sans-serif; font-size: 11px ; text-align: left; background: #FFFFFF ; color: #18557B;}

div, p, h1, h2, h3 { margin: 0; padding:0; }

p { text-align: justify;}

a         {text-decoration: none;}
a:link    {color: #D58444; background-color: inherit; }
a:hover   {color: #D58444; background-color: inherit; border-bottom: 1px solid #D58444;}
a:visited {color: #D58444; background-color: inherit; }

h1 {  margin-left: 10px; padding: 10px 10px 0px 10px; font-size: 14px; color: #D58444; }
h2 { margin-left: 10px; padding: 10px 10px 0px 10px; font-size: 13px; color: #D58444; }
h3 { font-size: 12px; margin-left: 10px; padding: 10px 10px 0px 10px; color: #D58444; }
h4 { font-size: 11px; margin-left: 10px; padding: 0px 5px 0px 5px; }

p { margin: 10px; padding: 0px 10px 0px 10px;}
hr { border-style: solid; width: 100px;}

table { margin: 20px; text-align: center; empty-cells: hide; } 
#w1 { background: #f9f9f9; border-bottom: solid 1px #000;}
#w2 { background: #efefef;}

#strona { width: 555px; margin: 30px auto; }

#lewa { float: left; width: 385px; }

#naglowek { position: relative; margin: auto; width: 384px; }
#naglowek_lewy { float: left; width: 384px; height: 46px; background: transparent url("../img/rolety_03.gif") no-repeat;}
#naglowek_prawy { float: left; position: relative; width: 167px; height: 46px; background: transparent url("../img/rolety_04.gif") no-repeat;}

#prawa { float: right; position: relative; width: 166px; }

#baner { width: 384px; height: 144px; float: left; position: relative;}

#menu { position: relative; padding: 2px; width: 379px; text-align: left; background: #F7FFF9; font-weight: normal; background: transparent url("../img/rolety_06.gif") repeat-x; border-left: #78A095 1px solid; font-stretch: expanded; }
#menu ul { margin: 3px 0px; list-style-type: none; }
#menu li { display: inline; }
#menu a { width: 99.99%; padding: 0px 3px 5px; margin: 0; margin-bottom: 1px; color: #D58444; display: inline; font-size: 12px; }
#menu a:hover { text-align: center; text-decoration: none; background: transparent url("../img/pipek.gif") no-repeat;  background-position:center bottom; border: none;}

.kol1 { float: left; position: relative; width: 180px; height: 200px; }
.kol2 { float: left; position: relative; width: 350px; }

#tresc { float: left; width: 551px; background: transparent url("../img/rolety_14.gif") repeat-y; }

#zawartosc { float: left; width: 380px; }
#prawa_g { float: left; position: relative; width: 168px; background-color: #D2DFDC;}
#stopka { clear: both; color: #D58444; background: transparent url("../img/rolety_11.gif") no-repeat; height: 27px;}
#stopka1 { color: #D58444; text-align: center;}

.img { float: right; border: 1px solid #EEEEEE; background: #F9F9F9; margin: 0.8em; padding: 5px }
.imgl { float: left; border: 1px solid #EEEEEE; background: #F9F9F9; margin: 0.8em; padding: 5px }

#form {width: 200px; padding: 0px}
form input[type=text] { padding: 2px; border: solid 1px #D2DFDC;}
form textarea { width: 295px; padding: 2px; border: solid 1px #D2DFDC; }
#form table {padding: 5px; width: 200px; background: #D2DFDC; }
#form td {border-bottom: 1px #CDCDC4 solid; padding: 10px}

.galeria { /*float:left;*/ padding: 20px; width: 350px;/*margin: 20px; background: #EAE7D9;*/ vertical-align: top; }
.gal { float: left; position: relative; border: 1px solid #18557B; background-color: #F9F9F9; margin: 5px; padding: 10px }
img.gal {background:#fff; margin:.6em 1em; padding:4px; border:1px solid #78A095;}
a:hover img.gal {padding:1px;   border-width:4px;}