@import url("../../../panel/content.css");

/* szablon styli dla stron */

/* ustawienia ogólne */
* { font: normal 11px Tahoma; color: #000000; line-height: 160%; }


html { background: #000000; }
body { background: url('../grafika/body_bg.gif') repeat-x #000000 top; paddign: 0px; margin: 0px; text-align: center;}

br.c { height: 1px; line-height: 1px; clear: both; }
img { border: 0px; }
img.v { display: block; clear: both; }

h1.bc { background: url('../grafika/header1.gif') no-repeat #FFFFFF bottom; width: 679px; font: normal 20px Tahoma; color: #5e7f38; padding: 10px 10px 10px 30px; float: right; margin: 19px 0px 18px 0px; }
*> h1.bc { width: 639px; }


strong { font-weight: bold;}

/*
h2 { border: 1px solid #DFDFDF; background: #EEEEEE; padding: 4px 20px; font: normal 16px Tahoma; color: #4c791f; display: inline; }
h3 { padding: 20px 10px 0px 10px; font: bold 11px Tahoma; color: #4c791f; display: block; margin: 0px;}
*/

div#content { margin: 0px auto; width: 996px; text-align: left; position: relative; }
div#content div.textwww ul, div#content ul.sitemap { margin: 0px; padding: 0px; list-style: none; margin-left: 15px; }

/* style dla nagłóka */
#header { width: 996px; height: 84px; background: url('../grafika/header_bg.gif') no-repeat #000000; }

#loogo { position: absolute; margin-left: 20px; margin-top: 15px;}
#header_sub { position: relative; width: 100%; } 
#h_flash { widht: 996px; height: 430px; z-index: 1; }

/* style dla menu */
#menu {  }

#menu1 { margin: 0px; padding: 5px 0px 5px 0px; list-style: none; width: 100%; }
#menu1 li { float: right; }
#menu1 li a { line-height: 100%; font: normal 10px Tahoma; text-transform: lowercase; color: #d2d2d2; text-decoration: none; padding: 0px 20px 0px 7px; background: url('../grafika/menu1_li_bg.gif') no-repeat 0% 5px; border-bottom: 0px; }
#menu1 li a:hover, #menu1 li a.on { color: #FF9D01; }
#menu1 li a.fi { background: none;}

#menu2 { margin: 0px; padding: 0px; list-style: none; float: left; width: 700px; padding-left: 275px; }
#menu2 li { float: left; }
#menu2 li a { line-height: 100%; font: bold 11px Tahoma; text-transform: uppercase; color: #FFFFFF; text-decoration: none; padding: 0px 7px 0px 14px; background: url('../grafika/menu2_li_bg.gif') no-repeat 0% 3px; border-bottom: 0px;}
#menu2 li a:hover, #menu2 li a.on { color: #FF9D01; }
#menu2 li a.fi { background: none; }

/*
#menu3 { margin: 5px 0px 0px 0px; padding: 0px 0px 0px 14px; list-style: none; float: left; margin-left: 320px; background: url('../grafika/menu3_left.gif') repeat-y top left; overflow: hidden; border: 0px solid red;}
#menu3 li { line-height: 100%; float: left; padding: 2px 0px 3px 0px; margin: 0px; background: #FF9D01;}
#menu3 li.la {background: url('../grafika/menu3_right.gif') no-repeat #FF9D01 100%; padding: 2px 0px 3px 0px; padding-right: 17px; }
#menu3 li a { line-height: 100%; font: normal 9px Tahoma; text-transform: uppercase; color: #000000; text-decoration: none; padding: 0px 12px 0px 10px; background: url('../grafika/menu3_li_bg.gif') no-repeat 4px 4px; border-bottom: 0px;}
#menu3 li a:hover, #menu3 li a.on { color: #FFFFFF; }
#menu3 li a.la { padding-right: 0px; border-bottom: 0px; }
*/

#menu3 { margin: 5px 0px 0px 320px; padding: 0px 0px 0px 14px; list-style: none; float: left; overflow: hidden; border: 0px solid red; background: black; width: 700px; }
#menu3 li { line-height: 100%; float: left; padding: 2px 0px 3px 0px; margin: 0px;}
#menu3 li.la { padding: 2px 0px 3px 0px; padding-right: 17px; }
#menu3 li a { line-height: 100%; font: normal 9px Tahoma; text-transform: uppercase; color: #FFFFFF; text-decoration: none; padding: 0px 12px 0px 10px; background: url('../grafika/menu3_li_bg.gif') no-repeat 4px 4px; border-bottom: 0px;}
#menu3 li a:hover, #menu3 li a.on { color: #FF9D01; }
#menu3 li a.la { padding-right: 0px; border-bottom: 0px; }

#menu4 { margin: 65px 0px 10px 20px; padding: 0px; list-style: none; float: left; }
#menu4 li { float: left; }
#menu4 li a { line-height: 100%; font: bold 9px Tahoma; text-transform: uppercase; color: #FFFFFF; text-decoration: none; padding: 0px 7px 0px 14px; background: url('../grafika/menu2_li_bg.gif') no-repeat 0% 1px; border-bottom: 0px;}
#menu4 li a:hover, #menu4 li a.on { color: #FF9D01; }
#menu4 li a.fi { background: none; }

#sg_left { width: 450px; float: left; background-color: #FFFFFF; }
#sg_left img.news_top { display: block; margin-left: 81px; margin-bottom: 10px; }
#sg_left img.news_bot { float: left; margin-left: 20px;  }
#sg_left ul { float: left; padding: 0px; margin: 0px; list-style: none; margin-top: 5px; margin-left: 10px; }
#sg_left ul li { background: url('../grafika/news_li_bg.gif') no-repeat 4px 8px; padding-left: 10px; padding-bottom: 3px; }
#sg_left ul li a { font: normal 11px Tahoma; color: #666666; text-decoration: none; line-height: 140%; }
#sg_left ul li a:hover { color: #000000; }

#sg_right { width: 544px; float: left; margin-top: -389px; z-index: 2; position: relative; right: 0px; }

#sg_right .usluga { width: 400px; height: 101px; background: url('../grafika/usluga_bg.gif') repeat-y; margin-bottom: 10px; z-index: 3; position: relative; }
#sg_right .usluga h2 { font: bold 12px Tahoma; color: #000000; padding: 15px 0px 0px 25px; text-transform: uppercase; margin-bottom: 6px; }
#sg_right .usluga p { color: #323232; font-size: 10px; text-indent: 0px; padding: 0px 0px 0px 25px; width: 248px; line-height: 120%; }
#sg_right .usluga img.pokaz { margin-left: 25px; }
#sg_right .usluga img.foto { position: absolute; right: 15px; top: 15px; }
#sg_right .zawartosc { width: 523px; z-index: 4; }
#sg_right .zawartosc .tresc { background: #FFFFFF; }

#index { background: url('../grafika/index_bg.gif') repeat-y; margin: 0px; padding: 0px; background: url('../grafika/subpage_bg.gif') no-repeat #FFFFFF top; }

/* style dla podstrony */
#subpage { background: url('../grafika/subpage_bg3.gif') no-repeat #FFFFFF top;}

#sp_left { width: 200px; float: left; background-color: #FFFFFF; }
#sp_right { width: 774px; float: left; margin-top: -389px; z-index: 2; position: relative; right: 0px; }
#sp_right div.strona { background: url('../grafika/zawartosc_strona.gif') repeat-y; } 
#sp_right div.tytul { width: 258px; height: 65px; background: url('../grafika/tytul_bg.gif') no-repeat; margin-top: 34px; margin-bottom: 10px; }
#sp_right div.tresc { min-height: 300px; padding: 10px 65px 0px 25px; }
#sp_right div.tytul h1 { width: 258px; font: normal 24px Tahoma; text-align: left; margin: 0px; padding: 4px 0px 0px 20px; color: #3B3B3B; }
#sp_right div.tytul h2 { width: 233px; font: bold 11px Tahoma; text-align: right; padding: 7px 0px 0px 0px; margin: 0px; text-transform: lowercase; color: #3B3B3B; }

/* style dla stopki */
#footer { width: 996px; height: 136px; background: url('../grafika/footer_bg.gif') no-repeat #000000; }
#footer p { color: #FFFFFF; text-indent: 0px; line-height: 70%; text-transform: uppercase; margin: 0px 0px 0x 30px; display: block; padding-left: 35px; font: normal 9px Tahoma; }
#footer a.esscLogo { display: block; float: right; position: absolute; right: 10px; bottom: 10px; font: normal 10px Tahoma; color: silver; border-bottom: 1px solid gray; text-decoration: none;  }
#footer a.esscLogo:hover { border-bottom: 1px solid silver; }


/* style dla aktualności */
div#aktuBody { margin-top: 15px; }
div#aktuBody div.oneAktu { margin-bottom: 40px; }

div#aktuBody div.oneAktu div.fotodiv { float: left; margin-right: 20px; margin-top: 15px; }
div#aktuBody div.oneAktu div.fotodiv_ogolny { float: left; margin-right: 20px; width: 150px; }

div#aktuBody div.oneAktu div.fotodiv img.foto { border: 1px solid #535353; padding: 1px; cursor: pointer; }
div#aktuBody div.oneAktu div.fotodiv_ogolny img.foto { border: 1px solid #535353; padding: 1px; cursor: pointer; float: right; }

div#aktuBody div.oneAktu span.data { font: normal 9px Tahoma; display: block; background: url('../grafika/aktu_pion.gif') no-repeat #FFFFFF 100% 5px; padding: 1px 0px 0px 0px;  margin: 0px;}
div#aktuBody div.oneAktu span.tytul { display: block; padding: 0px 0px 0px 0px; color: #535353; margin: 0px; font: bold 11px Tahoma;  }
div#aktuBody div.oneAktu span.tytul a { font: bold 11px Tahoma; color: #535353; text-decoration: none; border-bottom: 0px; }
div#aktuBody div.oneAktu span.tytul a:hover { text-decoration: underline;  border-bottom: 0px; }
div#aktuBody div.oneAktu img.pion { margin: 0px 2px 0px 5px; padding-top: 2px; }
div#aktuBody div.oneAktu div.zajawka p { margin: 0px; padding: 0px; }
div#aktuBody div.oneAktu p.tresc p { margin: 0px; padding: 0px; }
div#aktuBody div.oneAktu div.zajawka { margin-top: 10px; float: left; width: 500px; }
div#aktuBody div.oneAktu p.tresc { margin: 0px; padding: 0px; }
div#aktuBody div.oneAktu div.zajawka a.odnosnik { font: normal 11px Tahoma; color: #C8545F; text-decoration: none; }
div#aktuBody div.oneAktu p { margin: 10px 0px 0px 0px; padding: 0px;}
div#aktuBody div.oneAktu p.powrot { background: url('../grafika/a_left.gif') no-repeat left; padding-left: 12px; height: 28px; padding-top: 5px; float: right;}
div#aktuBody div.oneAktu p.powrot a.wszystkie { font: normal 11px Tahoma; color: #C8545F; text-decoration: none; padding-top: 7px;  margin: 0px; padding-left: 0px; border-bottom: 1px solid #C59297; }
div#aktuBody div.oneAktu p.powrot a.wszystkie:hover { border-bottom: 1px solid #C8545F;}

div#aktuStr { float: right; }
div#aktuStr a { font: normal 12px Tahoma; color: #C8545F; text-decoration: none; display: block; float: left;  padding: 7px 5px 0px 5px; }
div#aktuStr a.on { font: bold 12px Tahoma; }
div#aktuStr a.txt { padding-top: 0px;}

/* style dla galerii */
div#galerie { margin-top: 0px; }
div#galerie div.galimg { margin: 0px; padding: 0px; text-align: center; float: left; }
div#galerie div.galimg a { border: 0px; }
div#galerie div.galimg img.foto { border: 1px solid #535353; padding: 1px; margin: 0px 10px 8px 0px; }
div#galerie h3 { margin: 0px; padding: 0px; font: bold 12px Tahoma; color: #535353;}
div#galerie p { font: normal 11px Tahoma; color: #535353; padding-top: 5px; margin-top: 0px; text-indent: 0px; line-height: 18px; }
div#galerie div img.btn { position: absolute; bottom: 12px; right: 10px; }
div#galerie div.g4 { padding-top: 0px;}

/* style dla formularza kontaktowego */
div#aform { }
div#aform p { margin: 0px; padding: 0px; float: left; text-indent: 0px;  }
div#aform p.l { width: 200px; text-align: right; }
div#aform p.l label { text-align: right; padding-right: 5px;}
div#aform p.r { width: 350px; }
div#aform p.info { width: 250px; margin-bottom: 25px; font: bold 11px Tahoma; color: #4c791f; }

div#aform p input.subm { background-color: #CDE084; }
div#aform p input { width: 200px; border: 1px solid #CDE084; padding: 3px; font: normal 11px Tahoma; margin-bottom: 1px;}
div#aform p input.fi { width: 200px; border: 1px solid #CDE084; padding: 3px; font: normal 11px Tahoma; margin-bottom: 1px;}
div#aform p select { border: 1px solid #CDE084;  padding: 3px;}
div#aform p input.rad { border: 1px solid #CDE084; width: 17px; }
div#aform p textarea { border: 1px solid #CDE084; }