/*==================================================
OGÓLNE
==================================================*/

body {
color:#404040;
font-family: Arial, Tahoma, Verdana, sans-serif;
font-size:12px;
text-align:center;
background: #ffffff url(../images/index/bg.gif) repeat-x left top;
padding: 0;
margin: 0;
}

.bg_page {
background: #ffffff url(../images/shared/bg.gif) repeat-x left top;
}

.czysc_lewo{clear:left;overflow:hidden;font-size:1px;}
.czysc_prawo{clear:right;overflow:hidden;font-size:1px;}
.czysc_obie{clear:both;overflow:hidden;font-size:1px;}


IMG {
border:0px;
padding:0px;
margin:0px;
}

a {
color: #159595;
text-decoration: none;
cursor: pointer;
}

a:hover {
color: #159595;
text-decoration: underline;
}

.font11 {font-size: 11px;}
.font12 {font-size: 12px;}

.center {
display: block;
width: 100%;
text-align: center;
margin: 0 auto;
}

.left {
display: block;
float: left;
text-align: left;
}

.right {
display: block;
float: right;
text-align: left;
}

.no-bg {
background: none !important;
padding: 0 !important;
}

/*==================================================
HEADER
==================================================*/

#header {
display: block;
width: 1000px;
height: 410px;
padding: 0;
text-align: left;
margin: 0 auto;
clear: both;
background: url(../images/shared/bg_header.gif) repeat-x 0px 109px;
}

#header_page {
display: block;
width: 1000px;
height: 300px;
padding: 0;
text-align: left;
margin: 0 auto;
clear: both;
background: url(../images/shared/bg_header.gif) repeat-x 0px 109px;
position: relative;
}

h1 {
display: block;
float: left;
width: 220px;
height: 109px;
padding: 0;
font-size: 0;
margin: 0;
line-height: 0;
overflow: visible;
}

#authorization {
display: block;
float: left;
width: 466px;
height: 70px;
padding: 39px 0 0 314px;
}

#authorization div {
display: block;
float: left;
width: 138px;
height: 37px;
line-height: 37px;
font-size: 11px;
color: #d0c9c2;
border-right: 1px solid #f3f3f1;
}

#authorization ul {
display: block;
width: 327px;
position: relative;
float: left;
height: 72px;
padding: 0;
margin: -18px 0 0 0;
list-style: none;
overflow: hidden;
}

#searcher {
display: block;
float: left;
width: 190px;
height: 38px;
padding: 13px 0 0 30px;
}

.search {
display: block;
float: left;
height: 14px;
padding: 4px 5px 2px 5px;
font-size: 11px;
color: #a99c90;
border: 1px solid #eae9e5;
margin-right: 6px;
}

.submit_search {
display: block;
float: left;
margin-top: 3px;
}

#menu {
display: block;
float: left;
width: 760px;
height: 51px;
padding: 0 0 0 20px;
margin: 0;
list-style: none;
overflow: hidden;
}

#menu li, #authorization li {
display: inline;
float: left;
padding: 0;
margin: 0;
list-style: none;
}

#flash {
display: block;
float: left;
width: 780px;
height: 250px;
}

#flash_page {
display: block;
float: right;
width: 780px;
height: 140px;
}

/*==================================================
CONTENT
==================================================*/
#content {
display: block;
width: 100%;
min-height: 100px;
overflow: auto;
clear: both;
background: url(../images/shared/bg_content.gif) repeat-y center top;
text-align: center;
}

#content_index, #content_page {
display: block;
width: 1000px;
min-height: 100px;
overflow: auto;
padding: 0;
text-align: left;
margin: 0 auto;
clear: both;
background: url(../images/shared/bg_content_l.gif) repeat-y left top;
}

#block_l {
display: block;
float: left;
width: 220px;
min-height: 100px;
padding: 0;
overflow: visible;
}

.block_l_page {
padding-top: 110px !important;
}

h2 {
display: block;
clear: both;
float: none;
height: 26px;
margin: 0;
padding: 20px 7px 0 7px;
font-size: 24px;
color: #726d67;
}

h3 {
display: block;
clear: both;
float: none;
height: 21px;
margin: 0;
padding: 4px 7px;
font-size: 19px;
color: #726d67;
}

h4 {
display: block;
clear: both;
float: none;
height: 14px;
margin: 0;
padding: 4px 7px;
font-size: 12px;
color: #726d67;
}

#block_l h2, #block_l h3, #block_l h4 {
width: 166px;
}

#block_r {
display: block;
float: left;
width: 700px;
min-height: 300px;
_height: 300px;
padding: 0 40px;
overflow: visible;
margin: 0;
}

#block_r h2 {
height: 30px;
margin: 0;
padding: 20px 0 20px 0;
font-size: 28px;
color: #717070;
}

#block_r h3 {
padding: 0;
}


#pathfinder {
display: block;
float: left;
width: 700px;
height: 43px;
line-height: 44px;
border-bottom: 1px solid #eee9e1;
color: #a99c90;
font-size: 11px;
}

#pathfinder strong {
color: #159595;
font-weight: normal;
}

#pathfinder a {
color: #a99c90;
text-decoration: none;
}

#pathfinder a:hover {
color: #159595;
text-decoration: underline;
}

.dsc {
display: block;
float: left;
width: 206px;
padding: 0;
font-size: 11px;
}

.pad-c {
padding: 0 40px;
}

.pad-r {
margin-right: 20px;
}


.dsc h2 {
font-size: 22px !important;
padding: 14px 0 0 0 !important;
}

.dsc a {
display: block;
float: right;
clear: both;
width: 16px;
height: 16px;
background: url(../images/shared/more_ico.gif) no-repeat;
margin-top: 10px;
}

.dsc a:hover {
background: url(../images/shared/more_ico1.gif) no-repeat;
}

#block_r ul {
padding-top: 2px;
padding-left: 6px;
margin: 0;
margin-top: 0;
}

#block_r li {
padding: 3px 0 3px 14px;
list-style-type: none;
background: url(../images/shared/li-ico.gif) no-repeat 0px 7px;
}

#block_r p {
display: block;
min-height: 10px;
overflow: auto;
padding: 8px 0 6px 0;
margin: 0;
}

#block_r p.special_text {
display: block;
clear: both;
border: 1px solid #eeede9;
padding: 18px 28px;
background: #f7f7f4;
margin: 24px 0;
line-height: 18px;
}

#block_r table {
display: block;
width: 698px;
border: 1px solid #eeede9;
padding: 18px 28px;
background: #f7f7f4;
}

#block_r table td {
padding: 6px 8px;
margin: 0;
border-bottom: 1px solid #eeede9;
height: 15px;
}

#block_r table td.bold {
border-right: 1px solid #eeede9;
font-weight: bold;
}

.td1a, .td1b {
font-size: 14px;
font-weight: bold;
background: #46999f;
color: #ffffff;
padding: 10px 8px !important;
border-bottom: 2px solid #abd3d5 !important;
margin-bottom: 8px !important;
}

.td1a {
border-right: 1px solid #abd3d5 !important;
}

.td2 {
background: #fdfdfa;
}

.td4 {
border-bottom: 2px solid #4da0a6 !important;
background: #fdfdfa;
}

a.img img, a img.img {
display: block;
border: 1px solid #eeede9;
padding: 4px;
background: #f7f7f4;
}

a:hover.img img, a:hover img.img {
border: 1px solid #3b9096;
background: #4da0a6;
}

.suppliers {
display: block;
float: none;
clear: both;
width: 700px;
min-height: 10px;
overflow: auto;
padding: 0 0 14px 0 !important;
margin: 0;
border-top: 1px solid #eeede9;
}

.suppliers li {
display: block;
float: left;
width: 672px;
padding: 0 14px;
background: none !important;
border-bottom: 1px solid #eeede9;
font-size: 11px;
margin: 0;
overflow: visible;
line-height: 16px;
}

.suppliers li img {
float: left;
margin-right: 14px;
}

.references {
display: block;
width: 700px;
min-height: 10px;
overflow: auto;
margin: 0 !important;
padding: 20px 0 0 0 !important;
}

.references li {
display: block;
float: left;
text-align: center;
list-style: none !important;
background: none !important;
padding: 0 0 24px 0 !important;
margin: 0 !important;
font-size: 11px;
overflow: visible;
}

.references li img {
display: block !important;
float: none !important;
margin: 0 auto;
clear: both !important;
}

.references li span {
display: block;
clear: both;
padding-top: 6px;
}

/*==================================================
BLOKI BOCZNE
==================================================*/

#news, #works2 {
display: block;
float: left;
width: 180px;
height: 227px;
padding: 20px 20px 0 20px;
background: #e5e0da url(../images/shared/bg_block_l_grey.gif) right bottom no-repeat;
border-bottom: 3px solid #d8d4d0;
color: #666059;
font-size: 11px;
}

.news_date {
color: #a99c90;
}

.news_page {
position: absolute;
z-index: 90;
top: 160px;
left: 0px;
}

#news a, #works2 a {
display: block;
padding: 3px 6px 3px 14px;
background: #ffffff url(../images/shared/more_ico_grey.gif) no-repeat 7px 10px;
color: #a99c90;
width: 34px;
}

#news a:hover, #works2 a:hover {
background: #46999f url(../images/shared/more_ico_white.gif) no-repeat 7px 10px;
color: #ffffff;
text-decoration: none;
}

#works {
display: block;
float: left;
width: 180px;
_height: 230px;
min-height: 230px;
padding: 20px 20px 0 20px;
background: #46999f url(../images/shared/bg_block_l_green.gif) right bottom no-repeat;
border-top: 1px solid #f3f2ef;
border-bottom: 3px solid #5eafb5;
font-size: 11px;
color: #fefefe;
overflow: visible;
}

#works a {
display: block;
padding: 3px 6px 3px 14px;
background: #abd3d5 url(../images/shared/more_ico_green.gif) no-repeat 7px 10px;
color: #05767c;
width: 34px;
}

#works a:hover {
background: #ffffff url(../images/shared/more_ico_green.gif) no-repeat 7px 10px;
color: #05767c;
text-decoration: none;
}

#works ul {
display: block;
float: none;
width: 166px;
padding: 16px 7px;
margin: 16px 0 0 0;
border-top: 1px solid #3b9096;
overflow: auto;
}

#works ul li {
display: inline;
float: left;
padding: 0 0 2px 0;
margin: 0;
list-style: none;
background: none;
}

#works ul a {
display: block;
float: left;
height: 20px;
width: 146px;
line-height: 20px;
padding: 0 0 0 20px;
background: #abd3d5 url(../images/shared/li-ico.gif) no-repeat 8px 7px;
}

#works ul a:hover {
background: #ffffff url(../images/shared/li-ico.gif) no-repeat 8px 7px;
}

#works a.mail-encode-text {
display: inline;
padding: 0 !important;
background: none !important;
color: #abd3d5 !important;
width: auto !important;
}

#works a:hover.mail-encode-text {
background: none !important;
color: #fff !important;
text-decoration: underline !important;
}

#questions {
display: block;
float: left;
width: 180px;
_height: 116px;
min-height: 116px;
padding: 24px 19px 0 20px;
background: #f7f7f5 url(../images/shared/bg_block_l_girl.jpg) right bottom no-repeat;
border-bottom: 1px solid #eeede9;
border-right: 1px solid #eeede9;
font-size: 11px;
overflow: visible;
}

#questions a {
display: block;
padding: 3px 6px 3px 14px;
background: #bdbdb9 url(../images/shared/more_ico_white.gif) no-repeat 7px 10px;
color: #ffffff;
width: 34px;
}

#questions a:hover {
background: #46999f url(../images/shared/more_ico_white.gif) no-repeat 7px 10px;
color: #ffffff;
text-decoration: none;
}

#works h2, #works h3 {
color: #ffffff !important;
}

#questions h2, #questions h3 {
width: 165px;
}

#news p, #works p, #works2 p, #questions p {
padding: 16px 7px;
line-height: 15px;
overflow: visible;
}

#news p, #works2 p {
border-top: 1px solid #d8d3cc;
}

#works p {
border-top: 1px solid #3b9096;
}


/*==================================================
CONTENT PAGE
==================================================*/


#block_r hr {
background: none;
height: 1px;
border: 0;
border-top: 1px solid #eeede9;
width: 700px;
clear: both;
float: none;
margin: 8px 0 16px 0;
padding: 0;
}

a.portal, a:hover.portal {
color: #fffefe;
text-decoration: none;
}

a.portalb, a:hover.portalb {
color: #424242 !important;
text-decoration: none !important;
}

.gallery2, .gallery1 {
display: block;
position: relative;
width: 648px;
min-height: 200px;
overflow: visible;
clear: both;
margin: 0 0 0 -20px !important;
padding: 0;
text-align: center;
}

.gallery2 li {
list-style: none;
display: block;
float: left;
width: 216px;
text-align: center;
padding: 0 0 30px 0 !important;
margin: 0 auto;
background: none !important;
}

.gallery1 li {
list-style: none;
display: block;
float: left;
width: 324px;
text-align: center;
padding: 0 0 10px 0 !important;
margin: 0 auto;
background: none !important;
}

.gallery2 a, .gallery1 a {
display: block;
width: 188px;
padding: 0 0 18px 0;
margin: 0 auto;
text-align: left;
color: #8a8a8a;
font-size: 18px;
font-weight: bold;
background: url(../images/shared/bg_gallery.gif) no-repeat right bottom;
}

.gallery1 a {
width: 300px;
}

.gallery2 a:hover, .gallery1 a:hover {
background: url(../images/shared/bg_gallery1.gif) no-repeat right bottom;
}

.gallery2 a img, .gallery1 img {
padding: 4px;
background: #4b4a4a;
border: 1px solid #646464;
border-bottom: 0px;
}

.contact {
display: block;
float: left;
width: 350px;
min-height: 10px;
overflow: auto;
padding-bottom: 20px;
}

/*==================================================
FOOTER
==================================================*/
#footer {
display: block;
position: relative;
margin-top: -1px;
width: 100%;
height: 50px;
padding: 0;
text-align: center;
background: url(../images/shared/bg_footer_top.gif) no-repeat center top;
color: #b5b0a5;
}

.footer {
display: block;
width: 940px;
height: 49px;
padding: 14px 30px 2px 30px;
line-height: 50px;
text-align: left;
font-size: 11px;
border-bottom: 1px solid #eae5e1;
margin: 0 auto;
background: url(../images/shared/bg_footer.gif) no-repeat right top;
}

.footer ul {
display: block;
float: left;
width: 600px;
height: 20px;
line-height: 20px;
list-style: none;
margin: 0;
padding: 0;
}

.footer ul li {
display: inline;
float: left;
padding: 0 0 0 17px;
margin: 0;
background: url(../images/shared/bg_footer_li.gif) no-repeat 8px 8px;
}

.footer li a {
color: #b5b0a5;
text-decoration: none;
}

.footer li a:hover {
color: #159595;
text-decoration: underline;
}

.footer div {
display: block;
float: right;
width: 130px;
height: 40px;
line-height: 40px;
padding: 0 0 0 0;
text-align: right;
}

/*==================================================
FORMULARZ KONTAKTOWY
==================================================*/
.form {
border: 1px solid #c9c5c2;  
font-family: Arial; 
background:#e5e0da;
}

.form2 {
border:solid 0px #FFFFFF; 
}

SELECT.form {
background:#ffffff;
}

TEXTAREA.form {
border:solid 1px #7e7e82; 
font-family: Arial; 
background: #e5e0da url(../images/shared/bg_block_l_grey.gif) right bottom no-repeat;
border: 1px solid #c9c5c2;
overflow: auto;
}

.submit {
display: block;
width: 124px;
height: 32px;
border: 1px solid #348389;  
font-family: Arial;
background: #46999f;
color:#ffffff;
cursor: pointer;
}

.row {
padding-top: 6px;
overflow:hidden;
}

/*==================================================
error - ustawienia stylu kounikatu w przypadku bledu np. w formularzu
success - ustawienia stylu komunikatu w przypadku np. pomyslnie wyslanego formularza
==================================================*/
.error {
color: #c10a1d;
}

.success {
}

/*==================================================
klasy zwiazane z mapa strony
==================================================*/
.sitemap_ul {
color: #00722D;
height:20px;
}
.sitemap_li {
color: #00722D;
}

/*==================================================
NEWSY
==================================================*/

.news_date_page {
padding: 8px 0 0 0;
font-size: 11px;
color: #46999f;
}

.more {
padding-top: 4px;
font-size: 11px;
}

.stronicowanie {
padding-top: 14px;
font-size: 11px;
color: #7e7e7e;
}

.stronicowanie div {
display: block;
float: left;
padding-right: 10px;
}

.stronicowanie a {
display: block;
float: left;
position: relative;
padding: 4px;
margin: -4px 1px 0 1px;
background: #ede9e5;
border: 1px solid #d8d4d0;
width: 14px;
height: 14px;
text-align: center;
}

.stronicowanie a:hover {
background: #46999f;
border: 1px solid #5eafb5;
text-decoration: none;
color: #ffffff;
}

.stronicowanie strong a {
display: block;
float: left;
position: relative;
padding: 5px;
margin: -5px 1px 0 1px;
background: #46999f;
border: 1px solid #5eafb5;
width: 14px;
height: 14px;
font-size: 12px;
text-align: center;
color: #ffffff;
}
.form_setstyle {
	font-size:12px;
}
.form_setstyle .links_pdf {
	font-size:10px;}
.form_setstyle .list_pdf {
	background-attachment: scroll;
	background-repeat: no-repeat;
	background-image: url("http://techsystem-automatyka.pl/images/shared/more_ico_grey.gif");
	background-position: 0px 7px;
	background-color: transparent;
	padding-left:10px;
	list-style:none;
}