@charset "utf-8";

body {font: 12px Arial, Helvetica, sans-serif; background: #E1BA83; margin: 0; padding: 0; color: #000000; background-image:url("../uploadimages/bg.jpg"); background-repeat:repeat-x; background-position:center top; background-attachment:fixed;}

.mainsite #container {width: 950px; margin: 0 auto; position:relative;}
.site #container {width: 950px; margin: 0 auto; position:relative;}


#logotyp {position:absolute; top:0px; left:24px; z-index:10;}

#hydra {width:950px; text-align:center; margin:0 auto; font-size:11px;}
#hydra a {color:#812300;}

#header {padding: 0; margin:0; background-image:url("../uploadimages/logos.png"); background-position:left top; background-repeat:no-repeat; clear:both; height:106px; behavior: url("iepngfix.htc");}

#header_right {float:right; width:690px;}
#lang {height:46px; padding-top: 20px; text-align:right;}

#mainContent {padding: 0; background-color:#FFFFFF;}
#footer {padding:10px 0 10px 0; background-image:url("../uploadimages/footer.gif"); background-position:top; background-repeat:no-repeat; }


#banerek {position:absolute; top:435px; left:80px; z-index:100; height: 200px; visibility: visible; text-align:center;}

.clearfloat {clear:both; height:0; font-size: 1px; line-height: 0px;}

a img {border:0;}
/* ========================== menu ==========================*/

#menu {width:690px; font-size:12px; font-family:Georgia, serif; font-weight:bold; line-height:normal; border-bottom:3px solid #fff;
	background-image: url("../uploadimages/bg_menu.gif"); background-repeat: repeat-x; background-position:top; margin-bottom:9px; float:left;}
#menu ul {margin:0; padding:4px 5px 0 5px; list-style:none;}
#menu li {display:inline; margin:0; padding:0;}
#menu a {float:left; background:url("../uploadimages/tableftK.jpg") no-repeat left top; margin:0; padding:0 0 0 4px; text-decoration:none;}
#menu a span {float:left; display:block; background:url("../uploadimages/tabrightK.jpg") no-repeat right top; padding:5px 8px 4px 6px; color:#FFF;}
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#menu a span {float:none;} /* End IE5-Mac hack */
#menu a:hover span {color:#822b00; background-position:100% -32px;}
#menu a:hover {background-position:0% -32px;}
#menu a:hover span {background-position:100% -32px;}
#menu #current a {background-position:0% -32px;}
#menu #current a span {background-position:100% -32px; color:#822b00;}

#logo {position:absolute; top:0px; left:24px; z-index:10;}


/* ========================== mainContent ==========================*/
#flaszka {width:634px; height:302px; float:left; margin:0; background-image:url("../uploadimages/flaszka.jpg"); background-position:top left; background-repeat:no-repeat; z-index:2;}
#oferta {width:314px; background-color:#fefefe; float:right; margin:3px 2px 3px 0; height:296px; }
#oferta h1 {background-color:#CA4016; margin:0; padding:5px 0 5px 20px; color:#FFFFFF; font-size:12px; font-family:Georgia, serif; font-weight:bold; }
.oferta_txt {padding:5px 20px 10px 10px; background-image:url(../uploadimages/worker.jpg); background-position:bottom; background-repeat:no-repeat; background-color:#EEEEEE;}
.oferta_txt ul {margin:5px 0 0 0; padding:0; }
.oferta_txt ul li {font-size:11px; padding-left:0px; margin-left:30px; padding-top:14px; color:#999999;}
.oferta_txt ul li a {font-size:11px; color:#812300; font-weight:bold; padding-top:2px; text-decoration:none; padding-left:0px; outline:none; }
 
 #newsletter {padding:0;}
 #newsletter h1 {background-color:#ba9605; margin:0; padding:5px 0 5px 20px; color:#FFFFFF; font-size:12px; font-family:Georgia, serif; font-weight:bold; }
 .newsletter_txt {padding:5px 15px; font-size:11px;}
 #newsletter_form {padding:0 15px;}
 #newsletter_form form {margin:0; padding:0;}
 #newsletter input {background-color:#ffffff; color:#333333; border:1px solid #333333;}
  .wypis {padding-right:20px;}

#banerki_oferta {padding:2px 0 0 0;}
#banerki_oferta a {display:block; padding:2px 0;}

/*

.oferta_txt ul li {font-size:11px; list-style-image:url("../uploadimages/dot_oferta.jpg"); padding-left:0px; padding-top:0px; margin-left:30px; margin-top:6px;}
.oferta_txt ul li p { font-style:italic; color:#666666; font-size:11px; margin:0; padding:0; margin-top:3px; margin-bottom:3px; clear:both; }
 .oferta_txt ul li a {font-size:11px; background-color:#5D261F;  color:#FFF; text-transform:uppercase; padding-right:10px;  margin-top:2px; text-decoration:none; padding-left:10px; }



*/ 

/* ========================== boxy ==========================*/
#boxy {width:946px; background-color:#f6f6f6; border-bottom:1px solid #dcdcdc; margin-left:2px; margin-right:2px;}

#left_box {float:left; width:314px;  background-color:#f6f6f6; font-size:11px;   line-height:1.6;}
#center_box {float:left; width:314px; background-color:#f6f6f6; line-height:1.6; border-left:2px solid #FFFFFF; border-right:2px solid #FFFFFF; padding-bottom:0;}
#right_box {float:left; width:314px; background-color:#f6f6f6;  line-height:1.6;}
#right_box p a, #left_box p a {text-decoration:none; color:#BD7E39;}

#left_box h1 {background-color:#bd7e39; margin:0; padding:5px 0 5px 20px; color:#FFFFFF; font-size:12px; font-family:Georgia, serif; font-weight:bold; line-height:normal;}
#left_box h2 {margin:0; padding:5px 0 0px 0px; color:#000000; font-size:13px; font-family:Arial, sans-serif; font-weight:bold; line-height:normal;}
#center_box h1 {background-color:#758f3e; margin:0; padding:5px 0 5px 20px; color:#FFFFFF; font-size:12px; font-family:Georgia, serif; font-weight:bold; line-height:normal;}
 #right_box h1 {background-color:#bd7e39; margin:0; padding:5px 0 5px 20px; color:#FFFFFF; font-size:12px; font-family:Georgia, serif; font-weight:bold; line-height:normal;}
.mapka_mini {margin:0; padding:0;}
.left_box_txt {padding:7px 20px 0 20px;}
.left_box_txt ul  {padding:0; margin-top:10px; margin-left:0;}
.left_box_txt ul li { list-style-image:url("../uploadimages/dot_box.gif"); margin-left:30px;}
.right_box_txt {padding:7px 20px 0 20px;}
.right_box_txt p {padding:10px 0 10px 0; margin:0 0 2px 0;; border-bottom:1px solid #d0d0d0; font-size:11px;}

a.more {font-size:11px; font-family: Arial, Helvetica, sans-serif; font-weight:bold; float:right; margin-top:5px; background-image:url("../uploadimages/arrow_right.gif"); background-repeat:no-repeat; background-position:right; padding-right:20px; text-decoration:none; color:#4c4c4c; margin-bottom:10px;}
a.more:hover {text-decoration:underline; color:#BD7E39;}
a.more:focus {text-decoration:underline; color:#990000;}

/* ========================== stopka ==========================*/
#huttemann {float:left; padding-left:30px;}
#medal {padding-left:80px; float:left; font-size:11px;}
#medal img {float:left; margin-right:10px;}
#podpis {color:#999999; font-size:11px; text-align:right; float:right; margin-right:20px; margin-top:10px;}


/* ========================== menu pod stroną ==========================*/
#down_menu {width:950px; margin:0 auto; text-align:center; padding:20px 0;}
#down_menu a {color:#000000; text-decoration:none; padding:0 10px 0 10px; font-size:11px; border-right:1px solid #ffffff; display:inline;}
#down_menu a:hover {color:#990000; }
#down_menu a.last {border-right:0px;}

/* ========================== PODSTRONY ==========================*/
.site #boxy {width:890px; border-bottom:1px solid #dcdcdc; margin-left:30px; margin-right:30px; background-image:url("../uploadimages/site_bg.gif"); background-position:top; background-repeat:repeat-y;  }
.site #big_white_box {width:890px; border-bottom:1px solid #dcdcdc; margin-left:30px; margin-right:30px; background-image:url("../uploadimages/big_site_bg.gif"); background-position:top; background-repeat:repeat-y;  }

#left_col {float:left; width:220px;  background-color:#f6f6f6; font-size:12px;   line-height:1.3; padding-top:50px; }
#left_col p {margin:0; padding:0 0 10px 0;}
#left_col img {clear:both; text-align:center; margin:0 auto; margin-bottom:5px;}
#left_col ul {list-style-type:none; margin:0; padding:0; }
#left_col ul li {padding:5px 0 5px 0; border-bottom:1px dashed #999999; margin:0;}
#left_col ul li a {color:#333333; text-decoration:none; font-size:12px; background-image:url(../uploadimages/red_arrow.gif); background-position:left center; background-repeat:no-repeat; padding:0 0 0 20px; outline:none; font-weight:normal;}
#left_col ul li a:hover {color:#990000;}
#left_col ul li.active a {color:#990000; font-weight:bold;}
#left_col h4 {margin:0; padding:0; font-size:12px; font-family:Georgia, serif; font-weight:bold; background-color:#bd7e39; margin:0; padding:5px 0 5px 20px; color:#FFFFFF;}
#left_col h1 {background-color:#bd7e39; margin:0; padding:5px 0 5px 20px; color:#FFFFFF; font-size:12px; font-family:Georgia, serif; font-weight:bold; line-height:normal;}

#left_fotki {padding-left:30px;}

#fotki_z_lewej {width:200px; margin:0 auto; margin-top:20px; margin-bottom:20px; padding:0; text-align:right;}
#fotki_z_lewej ul {list-style-type:none; margin:0; padding:0;}
#fotki_z_lewej ul li {padding:0; border:none; margin:0;}
#fotki_z_lewej ul li a {background:none; padding:0;}

#center_col {float:left; width:420px;  background-color:#fff; line-height:1.6;  padding-bottom:20px; margin:3px 15px 0 15px;}
#center_col .site_center_txt {padding:15px 15px 0 15px; text-align:justify;}


#right_col {float:left; width:220px; background-color:#f6f6f6; line-height:1.6; margin-top:3px; text-align: center;}
#right_col a {color:#009933; text-decoration:underline;}
#right_col h1 {background-color:#bd7e39; margin:0; text-align:center; padding:5px 0 5px 0px; color:#FFFFFF; font-size:12px; font-family:Georgia, serif; font-weight:bold; line-height:normal;}

#center_col h1 {background-color:#758f3e; margin:0; padding:5px 0 5px 20px; color:#FFFFFF; font-size:12px; font-family:Georgia, serif; font-weight:bold; line-height:normal;}
#center_col h2 {font-size:14px; padding:10px 0 4px 20px; margin:0; cursor:pointer; color:#000000; background-image:url(../uploadimages/arrow.gif); background-position:left ; background-repeat:no-repeat;}
#center_col h3 {font-size:14px; padding:10px 0 4px 0px; margin:0; cursor:pointer; color:#000000;}
#center_col h4 {font-size:12px; padding:10px 0 4px 20px; margin:0; cursor:pointer; color:#000000; background-image:url(../uploadimages/arrow.gif); background-position:left ; background-repeat:no-repeat;}

#center_col p {padding:0 0 10px 0; margin:0;}
#center_col a {color:#009933; text-decoration:underline;}
#center_col img {border:2px solid #CCCCCC;}
#center_col img.noborder {border:0px solid #CCCCCC;}

.switchgroup1 img {float:right; padding:0; margin:0 0 5px 20px;}
#download img {border:none; vertical-align:middle; padding-bottom:10px;}

/* stropy */
table#stropy tr td {width:50%; padding:5px;}
.plus {background-color:#dddddd; color:#333333;}
.minus {background-color:#eeeeee; color:#666666;}

/* hale systemowe */
#zdjecia_w_tekscie ul {list-style-type:none; margin:0; padding:0;}
#zdjecia_w_tekscie ul li {text-align:center;}
#zamowienie {padding:50px 0;}
#zamowienie form fieldset {border:none;}
#hale_table td.etykieta {font-weight:bold; color:#333333; padding-top:12px;}
#hale_table input {background-color:#ffffff; color:#333333; border:1px solid #777777; height:20px;}
#hale_table td.button {text-align:center; padding-top:12px;}
#hale_table td.button input {background:#990000; color:#ffffff; font-weight:bold; border:0; cursor:pointer;}

#zamowienie div.send_done {padding:20px; line-height:1.8; text-align:center;}
#zamowienie div.send_done a {color:#990000;}

/*======================================= projekty ===========================================*/
#formularz_projekty {padding-top:20px;}
#mainFormError {position: relative; border: 1px; border-style: solid; margin: 0 auto; text-align: left;	width: 70%;}

.mainForm {border:1px solid #999999;}
input.mainFormError {background-color: #FADADD;}
textarea.mainFormError {background-color: #FADADD;}
select.mainFormError {background-color: #FADADD;}

/*======================================= realizacje ===========================================*/
#big_col {float:left; width:655px;  background-color:#fff; line-height:1.6;  padding-bottom:20px; margin:3px 0px 0 15px;}
#big_col h1 {background-color:#758f3e; margin:0; padding:5px 0 5px 20px; color:#FFFFFF; font-size:12px; font-family:Georgia, serif; font-weight:bold; line-height:normal;}
#big_col a {text-decoration:underline; color:#339900;}
#big_col a:hover {color:#999999;}

ul.lista_realizacji {list-style-type:none; margin:0; padding:20px 0 0 35px;}
ul.lista_realizacji li {width:180px; height:170px; margin:0; text-align:center; float:left; margin:0px 10px 5px 10px; padding:0;}
ul.lista_realizacji li div {height:125px; overflow:hidden; margin-bottom:5px; border:2px solid #CCCCCC; width:170px;}
ul.lista_realizacji li a {text-decoration:underline; color:#339900; cursor:pointer; margin:0 auto; padding:10px 0; text-align:center; width:180px;}
ul.lista_realizacji li div a img {padding:0; width:170px; border:0;}
ul.lista_realizacji li a:hover {color:#999999;}

#realizacje_szczegoly {padding:0 0 0 35px;}

#galeria ul {list-style-type:none; margin:0 auto; padding:20px 0 0 0;}
#galeria ul li {width:180px; margin:0; text-align:center; float:left; margin:0px 10px 5px 10px; padding:0;}
#galeria ul li div {height:125px; overflow:hidden; margin-bottom:5px; border:2px solid #CCCCCC; width:170px;}
#galeria ul li a {text-decoration:underline; color:#339900; cursor:pointer; margin:0 auto; padding:10px 0; text-align:center; width:180px;}
#galeria ul li div a img {padding:0; width:170px; border:0;}

#referencje ul {list-style-type:none; margin:0 auto; padding:20px 0 0 0; width:380px;}
#referencje ul li {width:174px; text-align:center; float:left; margin:0px 0px 5px 10px; padding:0;}
#referencje ul li div {height:125px; overflow:hidden; margin-bottom:5px; border:2px solid #CCCCCC; width:170px;}
#referencje ul li a {text-decoration:underline; color:#339900; cursor:pointer; margin:0 auto; padding:10px 0; text-align:center; width:180px;}
#referencje ul li div a img {padding:0; width:170px; border:0;}

#realizacje ul {list-style-type:none; margin:0 auto; padding:20px 0 0 0; width:610px;}
#realizacje ul li {width:180px; margin:0; text-align:center; float:left; margin:0px 10px 5px 10px; padding:0;}
#realizacje ul li div {height:110px; overflow:hidden; margin-bottom:5px; border:2px solid #CCCCCC; width:170px;}
#realizacje ul li a {text-decoration:underline; color:#339900; cursor:pointer; margin:0 auto; padding:10px 0; text-align:center; width:180px;}
#realizacje ul li div a img {padding:0; width:170px; border:0;}

#big_col div.nawigacja_dolna {font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#999999; width:400px; margin:0 auto; text-align:center; padding:30px 0 10px 0;}
#big_col div.nawigacja_dolna a {text-decoration:none; color:#FF6600; padding:0 15px;}
#big_col div.nawigacja_dolna a:hover {text-decoration:underline; color:#999999;}

/*======================================= aktualności ===========================================*/
div.odd {background-color:#eeeeee; border-bottom:1px solid #CCCCCC; border-top:1px solid #CCCCCC; padding:10px 20px;}
div.even {padding:10px 20px;}
.odd h3, .even h3 {color:#339900; margin:0; padding:5px 0; font-family:Arial, Helvetica, sans-serif; font-size:14px;}
.data_wpisu {font-size:10px; color:#999999; font-family:Arial, Helvetica, sans-serif;}
.odd p, .even p {color:#333333; font-size:12px; padding:10px 0;}
.wiecej a {font-size:12px; color:#00CC00;}

/*======================================= kontakt ===========================================*/
#mapka {width:220px; height:505px; margin:0; padding:0; border:none; overflow:hidden; background-color:#f6f6f6;}

#mainForm {position:relative; margin:0 auto; text-align:left; width:100%;}
ul.mainForm {list-style-type: none; font-size:12px;}

li.mainForm {padding-bottom: 0px;}


#mainFormError {position: relative; border: 1px; border-style: solid; margin: 0 auto; text-align: left; width: 70%;}

input.mainFormError {background-color: #FADADD;}

textarea.mainFormError {background-color: #FADADD;}

select.mainFormError {background-color: #FADADD;}

#formHeader {position: relative; width: 100%; background-color: #666699; margin:0 0 0 0; padding-bottom: 10px;}

p.formHeader {text-align: right; margin:0 0 0 0; font-family: Tahoma, Arial, Verdana, sans-serif; font-weight:normal; color: #ffffff; font-size:25px; position:relative; left:-5px; top:4px;
	letter-spacing: 2px;}

#formInfo {position: relative; width: 100%; background-color: #ffffff; margin:0 0 0 0;}

h2.formInfo {text-align: left; margin:0 0 0 0; font-family: Tahoma, Arial, Verdana, sans-serif; font-weight:normal; font-size:20px; position:relative; left:20px;
	top:0px; letter-spacing: 1px; line-height:150%;	color: #ffffff;}

p.formInfo {text-align: left; margin:0 0 0 0; font-family: Tahoma, Arial, Verdana, sans-serif; font-weight:normal; color: #000000; font-size:12px; position:relative;
	left:20px; top:0px; color: #ffffff;}

#formFields {position: relative; width: 100%; background-color: #ffffff; margin:0 0 0 0;}

label.formFieldQuestion {line-height:125%; padding:0 4px 1px 0; border:none; display:block; font-size:12px; font-weight:bold;}

label.formFieldOption {font-size:12px; display:block; margin:-20px 0 0 25px; padding:4px 0 5px 0; width:90%;}

input.formFieldStyle {display:block; line-height:1.4em; margin:8px 0 0 3px; width:13px; height:13px;}