/* Style ogólne */
* { _noFocusLine: expression(this.hideFocus=true);}
:focus {outline: none!important;}

html {outline: none!important; margin: 0; padding: 0; background:#000000 url(../grafika/bg1.gif) repeat-x center top;}
body {margin: 0; padding: 0; font: normal 12px Verdana, Geneva, sans-serif;}
img {max-width:100%;height:auto;}
/* Układ strony*/
#pojemnik_glowny { width:57%; margin:0 auto;}
#pojemnik_naglowka1 {background:url(../grafika/amit_01.png) no-repeat; background-size:100% 100%; width:100%; height:240px;}
	a#logo{ display:block; width:300px; height:240px;}

#pojemnik_tresci {background:url(../grafika/amit_02.jpg) repeat-y; background-size:100%; padding:0px; margin:0;}
#pojemnik_menu {margin:0 auto;padding:0;text-align:center;width:82%;}
#tresc { padding:0px 80px 5px 80px; margin:0;}
#pojemnik_stopki {clear: both; background:url(../grafika/amit_03.jpg) no-repeat; background-size:100%; background-color: #777B7E;width:100%; height:70px; padding:0; margin:0;}

.wskaznik_polozenia {}
.wskaznik_polozenia a {}
.wskaznik_polozenia a:hover {}
.wskaznik_polozenia span {padding: 0 5px;}
.wskaznik_polozenia span.ostatni_element {padding: 0;}

#pojemnik_menu ul { margin:0; padding:0; border-top:1px solid #666666;}
#pojemnik_menu ul li {list-style-type:none;text-transform:uppercase;padding:7px 0 0 0;margin:0;display:inline-block;}
#pojemnik_menu ul li a {text-decoration: none; color:#666666; font:normal 13px/14px Verdana, Geneva, sans-serif; display:block; padding:0 6px; border-right:1px solid #999;}
#pojemnik_menu ul li:nth-of-type(6) a, #pojemnik_menu ul li:nth-of-type(8) a{border-right:none;}
#pojemnik_menu ul li a:hover { color:#ff0000;}

#pojemnik_menu ul li a.pozycja_aktywna { color:#006600;}
#pojemnik_menu ul li.pozycja_nadrzedna {}

#pojemnik_stopki p{margin: 0; padding:30px 80px 0 80px; font-size:11px;}
p.sygnatura{margin: 0; padding:10px 80px 0 80px!important; font-size:11px;}
p.sygnatura a {font-weight: normal; text-decoration: none!important;}
p.sygnatura a strong {font-weight: normal;}
p.sygnatura a:hover {text-decoration: underline;}

.powrot_do_gory {position: fixed; right: 5px; bottom: 5px; display: none; }
.powrot_do_gory a {text-decoration: none;border: 0 none; display: block; text-decoration: none; color: #ffffff; background: #222222; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; opacity: 0.5; filter: alpha(opacity=50); padding: 5px 10px;}
.powrot_do_gory a:hover {opacity: 0.8!important; filter: alpha(opacity=80)!important;}

/* Ogólne style treci */
#tresc a {text-decoration: none; color: #019815;}
#tresc a:visited {color: #004181;}
#tresc a:hover {text-decoration: underline;}


#tresc h1 {}
#tresc h2, #pojemnik_naglowka2 h2 { text-align:center; padding:0; margin:0; font-size:18px; line-height:8px;}
#tresc h3 { font-size:18px; line-height:18px; padding:0; margin:3px 0; text-align:center;}
#tresc h4 { text-align:center; padding:0; margin:10px 0; font-size:16px; font-weight:normal; color:#cc0000}
#tresc h5 { font-size:20px; line-height:20px; padding:0; margin:3px 0; text-align:center;}
#tresc p, #pojemnik_naglowka2 p { text-align: center; font-size:12px;}
	.maly{font-size:10px!important;}
	.gruby{ font-weight:bold;}

#tresc ul {}
#tresc ol {}
#tresc ul li {}
#tresc ol li {}

.responsive_table {width:100%;max-width:100%;}

#tresc table { border-spacing:0; margin:20px auto 0 auto!important; border-bottom:1px solid #000000; border-right:1px solid #000000;}
#tresc table td {border-top:1px solid #000000; border-left:1px solid #000000; background-color:#ffffff; text-align:center; vertical-align:middle;}
	.bez_lewej{ border-left:0!important;}
	.bez_gornej{ border-top:0!important;}
#tresc table tr {font-size:9px; color:#006600;}
#tresc table tr.liczby {font-size:13px; color:#000000;}

.blok_wyrozniony{padding:10px 20px;margin:0 auto;box-sizing:border-box;width:94%;color:#ffffff;text-align:center;}
.czerwone{ background:#ff0000;}
.granatowe{background:#003366;}
.zolte{background:#ffcc00; color:#000000;}
.niebieskie{background:#0066cc;}
.zielone{background:#33cc33; color:#000000;}
.czerwone2{background:#ff0000; color:#ffcc00;}
.biale{background:#ffffff; color:#ff0000;}
	.czerwone h3, .granatowe h3, .niebieskie h3{color:#ffffff;}
	.zolte h3{color:#000000;}

.czerpak{width:50%;box-sizing:border-box;margin:10px 0;padding:10px;float:left;text-align:center;}
.czerpak img{ margin:0 0 10px 0;}
.czerpak a{ width:100%; display:block;}
.czerpak_ramka{ border:1px solid #000000; width:100%; text-align:left; line-height:18px; padding:5px; box-sizing: border-box;}

.tekst_czerwony{ color:#ff0000;}
.tekst_zielony{ color:#006600;}

.dane_adresowe{ width:50%; box-sizing:border-box; float:left; text-align:left; padding:0px 0px 0px 60px; color: #019815;}
	.dane_adresowe a{color: #019815!important;}

.lewo {float: left;}
.prawo {float: right;}
.centrum {text-align: center!important;}
.srodek{ margin:0 auto;}
.bez_oplywania {clear: both;}

#mapka {}
.google_mapa {width: 400px; height: 400px; margin: 0 auto; border: 1px solid #808080;}

/* Style dla funkcjonalności Automatora */

/* Etykietki kursora */
#tooltip {position: absolute;  background: #222222; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; opacity: 0.5; filter: alpha(opacity=50); padding: 0;}
#tooltip h3 {font: normal 12px Tahoma!important; color: #ffffff; padding: 5px 10px; margin: 0;}


/* Komunikaty */
.blad, .info, .ok {width: 75%; margin: 0 auto;}
.blad {clear: both; background: #fcbfbf url('../grafika/ikona_blad.png') no-repeat 25px 15px; border: 1px solid #cc0000; color: #cc0000!important; margin: 10px auto; padding: 20px 20px 35px 70px; text-align: left; font: normal 12px/18px Tahoma; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; font-size: 11px;}
.blad em {color: #cc0000!important; font-style: italic; font-size: 11px;}
.info {clear: both; background: #d6f1ff url('../grafika/ikona_info.png') no-repeat 25px 15px; border: 1px solid #0573bf; color: #0573bf!important; margin: 10px auto; padding: 20px 20px 35px 70px; text-align: left; font: normal 12px/18px Tahoma; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; font-size: 11px;}
.info em {color: #0573bf!important; font-style: italic; font-size: 11px;}
.ok {clear: both; background: #dcece0 url('../grafika/ikona_ok.png') no-repeat 25px 15px; border: 1px solid #008719; color: #008719!important; margin: 10px auto; padding: 20px 20px 35px 70px; text-align: left; font: normal 12px/18px Tahoma; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; font-size: 11px;}
.ok em {color: #008719!important; font-style: italic; font-size: 11px;}

/* Klasa autogaleria3 */
.autogaleria_pojemnik_glowny * {}
.autogaleria_pojemnik_glowny {margin: 0 auto; padding: 0; border: none; border-spacing: 25px;}
.autogaleria_pojemnik_glowny td {text-align: center; vertical-align: middle;}
.autogaleria_pojemnik_glowny td a {display: block; margin: 0 auto; border: none; text-decoration: none; }
.autogaleria_pojemnik_glowny td img {border: none;}
.autogaleria_pojemnik_glowny td span {display: block; text-align: center; position: relative; bottom: 0;}

.zoom {width: 250px; height: 250px; display: block; position: relative; overflow: hidden;}
.zoom img {position: relative;}
.zoomOverlay {position: absolute; top: 0; left: 0; bottom: 0; right: 0; display: none; background-image: url(../grafika/zoom.png); background-repeat: no-repeat; background-position:center;}
				
/* Klasa data_i_czas */
.zegar {font: normal 12px; color: #808080;}
.zegar span {color: #cccccc;}
.zegar span.am_pm {font-size: 9px; vertical-align: text-top; border: none;}

/* Klasa pobieranie_plikow */
.pobieranie_plikow {margin: 3px; padding: 5px 5px 5px 20px!important; background-image: url('../grafika/ikony_typow_plikow/domyslny.gif'); background-repeat: no-repeat; background-position: left 6px;}
.pobieranie_plikow a {}
.pobieranie_plikow a:hover {}
.pobieranie_plikow span {display: block; padding-top: 5px;}
.doc {background-image: url('../grafika/ikony_typow_plikow/doc.gif')}
.xls {background-image: url('../grafika/ikony_typow_plikow/xls.gif')}
.pdf {background-image: url('../grafika/ikony_typow_plikow/pdf.gif')}
.exe {background-image: url('../grafika/ikony_typow_plikow/exe.gif')}
.rar, .zip {background-image: url('../grafika/ikony_typow_plikow/archiwum.gif')}
.gif, .jpg, .jpeg, .png, .tif, .tiff {background-image: url('../grafika/ikony_typow_plikow/obrazek.gif')}
.mp4, .mpg, .avi, .wmv, .flv {background-image: url('../grafika/ikony_typow_plikow/film.gif')}
.mp3, .wav, .ogg {background-image: url('../grafika/ikony_typow_plikow/dzwiek.gif')}

/* Klasa aktualnosci */
.link_czytaj_wiecej {float: right;}
.link_czytaj_wiecej:hover {}
.data_niusa {color: #999999; border-top: 1px solid #cccccc; text-align: right; padding-top: 3px; margin: 10px 0 0 0; clear: both;}

/* Klasa formularz*/
form {width: 300px; margin: 0 auto; font: normal 12px Tahoma;}
.wiersz_formularza {margin: 0 auto; padding: 10px 0; clear: both; float: none; text-align: right;}

label {padding: 3px 5px 0 0; display: inline; text-align: right;}
input {margin: 0 5px 0 5px; padding: 4px; color: #000000; border: 1px solid #cccccc;}
input.obowiazkowe, textarea.obowiazkowe {background-color: #fff0ee!important; border: 1px solid #ffc2c2!important;}
input.obowiazkowe.valid, textarea.obowiazkowe.valid {border-color: #008719!important; background-color: #dcece0!important; color: #008719!important;;}

input.valid {border-color: #008719!important; background-color: #dcece0!important; color: #008719!important;}
label.error {display: block; width: 100%; color: #cc0000; font-weight: bold; text-align: center; clear: both; padding: 5px 5px 3px 5px;}
input.error, textarea.error {border-color: #cc0000!important; background-color: #fcbfbf!important; color: #cc0000!important;}

.wiersz_formularza.radio {font-weight: bold;}
.wiersz_formularza.radio input {padding: 0 5px; float: right; border: none;}
.wiersz_formularza.radio label {text-align: left; float: right; width: 85%; font-weight: normal!important;}
.wiersz_formularza span.radio_label {display: block; text-align: left; padding-bottom: 10px;} /* opis nad polami radio */
.wiersz_formularza.checkbox {margin: 0 auto; text-align: left; clear: both;}
.wiersz_formularza.checkbox input {padding: 0 5px; text-align: left; float: left; border: none;}
.wiersz_formularza.checkbox label {text-align: left; float: right; width: 270px;}
.wiersz_formularza.textarea {}
.wiersz_formularza.textarea textarea {display: block; width: 290px; height: 100px; margin: 0 auto; font-family: Tahoma; line-height: 16px; border: 1px solid #cccccc; margin: 5px 0 0 0;}
.wiersz_formularza.textarea label {display: block; text-align: left;}

form .info {width: 300px;}
form .info .link_przekierowania {background: none; border: none; padding: 0; margin: 0; display: inline; color: #0573bf; text-decoration: underline; cursor: pointer;}

.limiterBox {font: normal 10px Tahoma; text-align: left; padding: 3px 6px; border-top: none; border: 1px solid #666666; background-color: #666666; color: #ffffff;}
.limiterBox_obowiazkowe {border-color: #cc0000; background-color: #cc0000; color: #ffffff; }

.przycisk_wyslij {padding: 5px; cursor: pointer; border: none!important; background-color: #666666; color: #f5f5f5; margin-top: 15px;}
.przycisk_wyslij:hover {background-color: #222222; color: #cccccc;}

@media only screen and (max-width:1282px){
#pojemnik_glowny {
    width: 70%;
}
}

@media only screen and (max-width:1026px){
#pojemnik_glowny {
    width: 90%;
}
}

@media only screen and (max-width:770px){
#pojemnik_glowny {
    width: 100%;
}
#pojemnik_naglowka2 {padding: 0 40px;}
#tresc h2, #pojemnik_naglowka2 h2 {
    line-height: 18px;
}
.responsive_table {overflow-x:scroll;}
}

@media only screen and (max-width:644px){
#pojemnik_naglowka1 {background:url(../grafika/amit_01_mob.png) no-repeat; background-size:100% 100%;}

#tresc {
    padding: 0px 40px 5px 40px;
}
.czerpak{width:100%; margin:10px auto;float:none;clear:both;}

}

@media only screen and (max-width:322px){
#tresc h3 {
    word-break: break-word;
}
}