* { margin: 0; padding: 0; box-sizing: border-box; font-family: Calibri; color: #707885; }
h1 { color: #e0e0e0; font-size: 20px; margin-bottom: 5px; }
h2 { font-size: 18px; color: #0051ba; margin-bottom: 15px; }
.h2_a { font-size: 18px; color: #0051ba; margin-bottom: 15px; }
.h2_a:hover { text-decoration:underline; }
h4 { font-size: 16px; color: #0051ba; }
.clear { clear: both; }
a { text-decoration: none; }
hr { border: none; background-color: #707885; height: 1px; }
/* Oferty */
.a_oferty { position: relative; margin-left: 400px; color: #0051ba; font-size: 14px; }
.a_oferty:hover { text-decoration: underline; }

/* LAYOUT */
body { background: url('images/layout/gear-top.png') no-repeat center top; background-color: #3e4752; }
.content_outer { height: auto; min-height: 100%; padding-bottom: 200px; padding-top: 30px; }
.content_inner { background-color: #e8e7e7; }
header { background-color: #e8e7e7; height: 100px; margin-bottom: 80px; }
#huzap_logo { margin-top: 10px; }
footer { height: 200px; margin-top: -200px; padding-top: 30px; background: url('images/layout/gear-bottom.png') no-repeat center; }
.container { width: 1020px !important; padding: 0 35px; }
.content_inner .container { background: url('images/layout/content-grafient.png') no-repeat center top; }
.container { position: relative; padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto; }
/* KONIEC */

/* SLIDER */
#container { width:580px; padding: 0px; margin:0 auto; position:relative; z-index:0; }
#example { width:600px; height:350px; position:relative; }
#frame { position:absolute; z-index:0; width:739px; height:341px; top:-3px; left:-80px; }
#slides { position:absolute; top:15px; left:4px; z-index:100; }
/*
	Slides container
	Important:
	Set the width of your slides container
	Set to display none, prevents content flash
*/
.slides_container { width:570px; overflow:hidden; position:relative; display:none; }
/*
	Each slide
	Important:
	Set the width of your slides
	If height not specified height will be set by the slide content
	Set to display block
*/
.slides_container div.slide { width:570px; height:270px; display:block; }
#slides .next,#slides .prev { position:absolute; top:107px; left:-39px; width:24px; height:43px; display:block; z-index:101; }
#slides .next { left:585px; }
.pagination { margin:26px auto 0; width:100px; }
.pagination li { float:left; margin:0 1px; list-style:none; }
.pagination li a { display:block; width:12px; height:0; padding-top:12px; background-image:url("images/slider/pagination.png"); background-position:0 0; float:left; overflow:hidden; }
.pagination li.current a { background-position:0 -12px; }
.caption { z-index:500; position:absolute; bottom:-35px; left:0; height:30px; padding:5px 20px 0 20px; background:#000; background:rgba(0,0,0,.5); width:540px; font-size:20px; line-height:1.33; border-top:1px solid #000; text-shadow:none; }
.slider_a { color: #ffffff; }
/* KONIEC SLIDERA */

/* MENU GŁÓWNE */
#main_navigation { margin-top: 40px; margin-right: 3px; float: right; }
#main_navigation li { list-style-type: none; display: inline; margin-left: 10px; }
#main_navigation li a { color: #707885; font-weight: bold; font-size: 18px; }
#main_navigation li a:hover{ color: #0051ba; }
#menu_active { color: #0051ba !important; }
/* KONIEC menu główne */


/* MENU OFERTOWE */
#header_navigation_2 { position: absolute; right: 10px; top: 144px; width: 260px; z-index: 1; background-color: #ffffff; box-shadow: 0 0 2px 2px grey; }
#header_navigation_2_top { height: 40px; }
#header_navigation_2_top p { position: relative; font-size: 20px; color: #0051ba; font-weight: bold; top: 6px; left: 10px; }
#header_navigation_2_top hr { position: relative; top: 11px; }
#header_navigation_2_bottom { position: relative; top: -3px; background-color: #ffffff; background-image: url("images/layout/menu-gradient.png"); background-repeat: repeat-x; padding: 0 5px 0 5px; }
#offer_navigation li { position: relative; list-style-type: none; left: 6px; }
#offer_navigation li a { font-size: 14px; color: #656565; }
#offer_navigation li a:hover { font-weight: bold; }
#offer_navigation hr { margin-top: 3px; }
#offer_active { color: #656565 !important; font-weight: bold; }
/* KONIEC menu ofertowe */

/* HEADER DOLNY - gdzie jesteś navi*/
#path { padding: 35px 0px 5px 0; color: #e0e0e0; font-size: 11px; }
#path a { color: #e0e0e0; }
#path a:hover { text-decoration: underline; }
/* KONIEC*/

/* STRONA GŁÓWNA */
#news { clear: both; background-color: #ffffff; width: 950px; height: 45px; margin: -15px auto 0 auto; box-shadow: 0 0 10px 3px grey; }
#news p { font-size: 18px; color: #707885; font-style: italic; text-align: center; padding-top: 12px; }
#left { position: relative; width: 450px; float: left; margin-bottom: 15px; }
#left p { text-align: justify; }
#right { position: relative; width: 450px; float: right; margin-bottom: 15px; }
#right p { text-align: justify; }
.a_index { position: relative; left: 350px; color: #0051ba; font-size: 14px; }
.a_index:hover { text-decoration: underline; }
/* KONIEC strona główna */

/* KONTAKT */
#kontakt_top_left { float: left; color: #707885; font-weight: bold; font-size: 30px; margin: 15px 0 15px 265px; }
#kontakt_top_right { float: right; color: #707885; font-weight: bold; font-size: 30px; margin: 15px 265px 15px 0; }
#kontakt_nazwa_firmy { color: #0051ba; font-size: 30px; font-weight: bold; text-align: center; margin-bottom: 15px; }
#kontakt_bottom_left { float: left; margin-left: 130px; }
#kontakt_bottom_right { float: right; margin-right: 130px; }
#kontakt_top { margin-bottom: 15px; }
#kontakt_top td { padding-bottom: 15px; }
#kontakt_top td a { color: #707885; }
#kontakt_top td a:hover { text-decoration: underline; }
.kontakt_top_left { width: 85px; text-align: right; vertical-align: top; padding-right: 30px; color: #0051ba; font-weight: bold; font-size: 24px; }
.kontakt_top_right { font-size: 20px; color: #707885; }
.kontakt_bottom_left { width: 85px; text-align: right; padding-right: 30px; color: #0051ba; font-weight: bold; font-size: 20px; }
.kontakt_bottom_right { font-size: 20px; color: #707885; }
#kontakt_bottom { margin-bottom: 15px; margin-left: 16px; }
#kontakt_mapa { box-shadow: 0 0 2px 2px grey; margin-bottom: 25px; }
#kontakt_godziny_otwarcia { color: #0051ba; font-size: 20px; font-weight: bold; }
#kontakt_dni_tygodnia { font-size: 20px; color: #707885; margin-bottom: 15px; }
/* KONIEC kontakt */

/* OFERTA */
#content hr { width: 665px; margin-left: 55px; }
.offer_left { position: relative; width: 470px; float: left; margin-top: 25px; margin-bottom: 25px; }
.offer_left_full { position: relative; width: 715px; float: left; margin-top: 25px; margin-bottom: 25px; }
.offer_right { position: relative; background-color: #ffffff; box-shadow: 0 0 2px 2px grey; padding: 10px; width: 195px; height: 155px; float: right; right: 290px; margin-top: 25px; margin-bottom: 25px; }
.offer_right_uwt { position: absolute; background-color: #ffffff; box-shadow: 0 0 2px 2px grey; padding: 10px; width: 195px; height: 415px; right: 305px; top: 215px; }
.offer_left p { margin-bottom: 15px; text-align: justify; }
.ul_oferta li { list-style-image: url("images/layout/list-dot.png"); margin-left: 16px; }
/* KONIEC oferta */

/* POLITYKA PRYWATNOŚCI i RODO */
.ul_rodo li { list-style-type: lower-latin; margin-left: 16px;}
.ol_rodo li { margin-left: 16px;}
#rodo1 li { margin-left: 100 px; color: red; }
#rodo2 li { margin-left: 200 px; color: yellow; }
#rodo3 { }

/* KONIEC polityki i rodo */

/* ODKURZACZE*/
.tabela_odkurzacze tr { border-bottom: 1px solid #707885; }
.tabela_odkurzacze tr:last-child { border-bottom: none; }
.tabela_odkurzacze tr:nth-child(odd) { background-color: #cecece; }
.tabela_odkurzacze th { background-color: #707885; color: #e8e7e7; font-weight: bold; }
.tabela_odkurzacze td, .tabela_odkurzacze th { padding: 5px; text-align: center; }
.tabela_odkurzacze td.col1 { text-align: left; }


.div_tabela_odkurzacze { position: relative; width: 665px; float: left; left: 55px; margin-bottom: 25px; }
/* KONIEC odkurzacze */

/* MAPA STRONY */
.a_mapa_strony { color: #000000; }
.a_mapa_strony:hover { text-decoration: underline; }
/* KONIEC */

/* TABELE DOWNLOAD */
#download { border-collapse: collapse; width: 715px; }
#download tr { border-bottom: 1px solid #707885; }
#download tr:last-child { border-bottom: none; }
#download tr:hover { background-color: #cecece; }
#download td { padding: 10px; }
.download_rozmiar { width:50px; }
.download_ikona { width:45px; }
/* koniec */

/* STOPKA */
#footer_left { color: #fefefe; float:left; }
#footer_left th { font-size: 18px; text-align: left; color: #fefefe; }
#footer_left td { font-size: 14px; color: #fefefe; }
#footer_left td a { color: #fefefe; }
#footer_left td a:hover { text-decoration: underline; }
.footer_left_td { text-align: right; padding-right: 10px; }

#footer_center { color: #fefefe; margin-left: 350px; float:left; }
#footer_center th { font-size: 18px; text-align: left; color: #fefefe; }
#footer_center td { font-size: 14px; color: #fefefe; }
#footer_center td a { color: #fefefe; }
#footer_center td a:hover { text-decoration: underline; }
.footer_center_td { text-align: right; padding-right: 10px; }

#footer_right { color: #fefefe;  float:right; }
#footer_right th { font-size: 18px; text-align: left; color: #fefefe; }
#footer_right td { font-size: 14px; color: #fefefe; }
#footer_right td a { color: #fefefe; }
#footer_right td a:hover { text-decoration: underline; }
.footer_right_td { text-align: right; padding-right: 10px; }

#footer_pracownik { vertical-align: top; padding: 7px 0 0 15px; }
#kontakt_pracownik { box-shadow: 0 0 2px 2px grey; }

#stopka { position: absolute; top: 125px; font-size: 12px; color: #fefefe; }
#stopka a { color: #fefefe; }
#stopka a:hover { text-decoration: underline; }

#go_top { position: absolute; right: 16px; top: 135px;}
#go_top a { font-size: 12px; color: #fefefe; }
#go_top a:hover { text-decoration: underline; }