html, body, div, img, a, h5, h4, h3 { border: 0; text-decoration: none; }
html, body { width: 100%; text-align: center; }
html { height: 100%; }
body { min-height: 100%; position: relative; float: left; margin: 0; font-size: 13px; color: #796861; background: url(../img/tlo.jpg) center top no-repeat; background-attachment: fixed; background-size: cover; }
a { color: #9f7463; text-decoration: none; }
a, a * { -moz-transition: 0.3s ease-out; -webkit-transition: 0.3s ease-out; -o-transition: 0.3s ease-out; transition: 0.3s ease-out; }
a:hover { text-decoration: none; }
input[type="text"]:focus, input[type="password"]:focus, input[type="submit"]:focus, textarea:focus { outline: none; }

::-webkit-input-placeholder { color: #000; }
:-moz-placeholder { color: #000; opacity: 1; }
::-moz-placeholder { color: #000; opacity: 1; }
:-ms-input-placeholder { color: #000; }

#reklamacba, .cbalink { display: none; visibility: hidden; }

.cf { overflow: hidden; width: 100%; }

.noselect { -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
.radius_10 { -moz-border-radius: 10px; -webkit-border-radius: 10px; -khtml-border-radius: 10px; border-radius: 10px; }
.radius_max { -moz-border-radius: 999em; -webkit-border-radius: 999em; -khtml-border-radius: 999em; border-radius: 999em; }
.shadow_8 { -moz-box-shadow: 0 0 8px #756a5a; -webkit-box-shadow: 0 0 8px #756a5a; box-shadow: 0 0 8px #756a5a; }

#cegly { width: 8%; max-width: 163px; height: 100%; position: absolute; left: 0; top: -3px; background: url(../img/cegly.png) 0 0 repeat-y; background-size: contain; }

#container_all { overflow: hidden; width: 100%; min-width: 320px; position: relative; }
.container { width: 100%; min-width: 320px; max-width: 1000px; position: relative; margin: 0 auto; padding: 0; z-index: 1; }


/* --- TOP ------------------------------------- */

#top { width: 100%; min-height: 200px; position: relative; margin: 0; padding: 0; z-index: 2; }
#logo { display: inline-block; width: 30%; margin: 0 !important; padding: 0 !important; position: absolute; left: 5%; top: 6%; margin: 0; z-index: 1; outline: none; }
#logo img { display: block; width: 100%; }
#logo:hover {  }

#top_menu { position: absolute; left: 40%; top: 2%; z-index: 101; }
#top_menu > a { display: block; float: left; margin: 0; padding: 5px; }
#top_menu > a img { display: block; }
#top_menu > a:hover { background: url(../img/top_prz.png) center no-repeat; }

#tlo_dz { width: 30%; position: absolute; left: 1%; }
#slonecznik { width: 8%; position: absolute; left: 8%; }
#slonecznik img { display: block; width: 100%; }
#slonecznik img.i2 { position: absolute; left: 0; top: 0; }
#slonecznik2 { width: 12%; position: absolute; left: 18%; }
#slonecznik2 img { display: block; width: 100%; }
#slonecznik2 img.i2 { position: absolute; left: 0; top: 0; }
#dz { width: 15%; position: absolute; right: -6%; }
#dz img { display: block; width: 100%; }
#dz img.i2 { position: absolute; left: 0; top: 0; }
#tlo_dz, #slonecznik, #slonecznik2, #dz { bottom: 60px; }

#menu { width: 100%; position: absolute; bottom: 8%; left: 0; text-align: left; z-index: 1; }
#menu.fixed { position: fixed; left: 0; top: 0; text-align: center; }
#menu > div.trawa { width: 999em; height: 48px; margin-left: 6px; background: url(../img/trawa.png) 0 0 repeat-x; z-index: 0; }
#menu.fixed > div.trawa { display: none; }
#menu > div.menu { width: 999em; position: relative; background: #fff; border: solid 3px #6da83c; z-index: 1; }
#menu.fixed > div.menu {  }


/* --- ZAWARTOŚĆ ------------------------------- */

section { text-align: left; }

h1 { margin: 0 0 24px; padding: 0 0 10px; font-weight: 700; font-size: 18px; line-height: 18px; color: #000; text-transform: uppercase; text-align: left; border-bottom: solid 1px #bfb09a; } h1 a { color: #000; }
h2 { margin: 20px 0 24px; padding: 0; font-weight: 700; font-size: 16px; line-height: 16px; color: #000; text-transform: uppercase; text-align: left; } h2 a { color: #000; }
h3 { margin: 20px 0 24px; padding: 0; font-weight: 700; font-size: 14px; line-height: 14px; color: #000; text-transform: uppercase; text-align: left; } h3 a { color: #000; }
h3.cl { margin: 12px 0 24px; padding: 0 0 10px; font-weight: 400; font-size: 18px; line-height: 32px; color: #000; text-transform: uppercase; text-align: left; border-bottom: dotted 1px #d5cdc3; } h3 a { color: #000; }
h3.cl img { float: left; margin-right: 12px; }
h1 a:hover { text-decoration: none !important; }

#content { width: 100%; float: left; }
#content #lewa { width: 27.5%; float: right; margin-top: 22px; margin-right: 2.5%; }
#content #lewa a.ng { display: inline-block; margin: 2px 0 12px; font-size: 20px; line-height: 1; color: #000; }
#content #lewa .banner { margin: 32px 0 12px; text-align: center; }
#content #lewa .banner img { width: 90%; }
#content #zw { /*width: 62.5%;*/ width: 75%; /*float: left;*/ /*margin: 0 2.5%;*/ margin: 0 auto; line-height: 175%; }
#content #zw img[alt="smiley"] { vertical-align: -6px; }
#content #zw a:hover { text-decoration: underline; }

.stronicowanie { overflow: hidden; width: 100%; padding: 24px 0 12px; }
.stronicowanie ul { overflow: hidden; display: block; width: 100%; margin: 0; padding: 0; text-align: center; }
.stronicowanie ul li { display: inline-block; margin: 0 4px; padding: 0; color: #fff; list-style: none; background: none; }
.stronicowanie ul li a { display: block; width: 24px; height: 12px; padding: 6px 0; font-weight: 400; line-height: 100%; color: #fff; text-align: center; background: #ac9e8e; }
.stronicowanie ul li a:hover { text-decoration: none; background: #8b7864; }
.stronicowanie ul li.active a { font-weight: bold; background: #8b7864; }

.mapa { overflow: hidden; width: 698px; height: 400px; background: url(../img/site/load.gif) center no-repeat #fff; border: solid 1px #322507; }
.mapa iframe { visibility: hidden; }


/* --- KOMUNIKATY --------------------------- */

.komunikat_ok, .komunikat_blad {
	width: 275px;
	margin: 24px auto 28px; padding: 32px 40px 32px 100px;
	font: 12px Arial; color: #fff !important; text-align: center;
	border: solid 1px #000;
	
	-moz-border-radius: 3px;
	border-radius: 3px;
	-moz-box-shadow: 3px 3px 20px #444;
	-webkit-box-shadow: 3px 3px 20px #444;
	box-shadow: 3px 3px 20px #444;
}

.komunikat_ok { background: url(../img/site/komunikat_ok.png) 20px center no-repeat #302923; }
.komunikat_blad { background: url(../img/site/komunikat_blad.png) 20px center no-repeat #302923; }


/* --- FORMULARZE --------------------------- */

.form_kont { width: 45%; float: right; margin: 0 0 5% 5%; }
.form_kont h3.cl { margin-top: 0; }
.form { width: 100%; }
.form table { border-collapse: collapse; border-spacing: 0; }
.form td { padding: 0; }

form { overflow: hidden; width: 100%; }
fieldset { padding: 0; border: none; }
label { display: block; }

input[type="text"], input[type="password"], textarea { width: 90%; margin: 0 0 10px; padding: 4% 3%; font-weight: 400; font-size: 13px; line-height: 13px; color: #000; background: url(../img/site/content_min.png) repeat; border: solid 1px #8b7864; }
input[type="text"]:focus, input[type="password"]:focus, textarea:focus { /*border: solid 1px #804823;*/ }
textarea { overflow: auto; width: 90%; height: 80px; margin: 0; font-family: inherit; resize: none; }

#valid-container .valid-wyslij-ok, input[type="submit"] {
	width: 96.5%; margin: 10px 0 0; padding: 3% 3%;
	font-weight: 400; font-size: 13px; line-height: 13px; color: #fff; /*text-transform: uppercase;*/ text-align: center;
	background: #8b7864; border: solid 1px #8b7864; cursor: pointer;
}


/* --- STOPKA ------------------------------- */

#footer { width: 100%; text-align: center; }
#footer img { width: 92.5%; }
#footer .txt { width: 45%; position: absolute; left: 15%; bottom: 10%; font-size: 11px; color: #cca386;  text-align: center; }