body, div, h1, h2, h3, h4, h5, h6, h7, img, ol, ul, a, p {margin:0px; padding:0px;}
ul, ol {list-style:none;}
a, img {border:none; text-decoration:none;}
article, aside, details, figcaption, figure, footer, header, nav, section {display:block;}
html {background:url(diblikB.png) center top no-repeat, url(dolniPicL.png) center bottom no-repeat;}
@media screen and (max-width:1024px) {
html {background:url(diblikB.png) center top no-repeat, url(dolniPicMini1a.png) center bottom no-repeat;}
}

@media screen and (max-width:900px) {
html {background:url(diblikB.png) center top no-repeat, url(dolniPicMini1a0.png) center bottom no-repeat;}
}

@media screen and (max-width:844px) {
html {background:url(diblik1.png) center top no-repeat, url(dolniPicMini3a1.png) center bottom no-repeat;}
}

@media screen and (max-width:768px) {
html {background:url(diblik1.png) center top no-repeat, url(dolniPicMini3a1.png) center bottom no-repeat;}
}

@media screen and (max-width:730px) {
html {background:url(diblik1.png) center top no-repeat, url(dolniPicMini3a1.png) center bottom no-repeat;}
}

@media screen and (max-width:640px) {
html {background:url(diblik1.png) center top no-repeat, url(dolniPicMini3a1.png) center bottom no-repeat;}/*first narrow*/
}

@media screen and (max-width:630px) {
html {background:url(diblik1.png) center top no-repeat, url(dolniPicMini3a01.png) center bottom no-repeat;}
}

@media screen and (max-width:600px) {
html {background:url(diblik1.png) center top no-repeat, url(dolniPicMini3a2.png) center bottom no-repeat;}
}

@media screen and (max-width:540px) {
html {background:url(diblik1.png) center top no-repeat, url(dolniPicMini3a3.png) center bottom no-repeat;}
}

@media screen and (max-width:500px) {
html {background:url(diblik1.png) center top no-repeat, url(dolniPicMini3a03.png) center bottom no-repeat;}
}

@media screen and (max-width:480px) {
html {background:url(diblik1.png) center top no-repeat, url(dolniPicMini3a4.png) center bottom no-repeat;}
}

@media screen and (max-width:440px) {
html {background:url(diblik1.png) center top no-repeat, url(dolniPicMini3a55.png) center bottom no-repeat;}
}

@media screen and (max-width:380px) {
html {background:url(diblik1.png) center top no-repeat, url(dolniPicMini3a2f.png) center bottom no-repeat;}
section {margin-bottom:3px;}
}


body {font-family:Arial, Helvetica, sans-serif;}
#wrap {margin:0 auto; width:98%; padding:0 1% 0 1%; max-width:1100px;}
header {float:left; width:100%; margin-top:4px;}
.static {font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-size:13px; color:#FF3333; letter-spacing:1px; padding:0 0 20px 40px;}/*services docasne nevyuzito*/
.static2 {font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-size:13px; color:#FF3333; letter-spacing:1px; padding:0 0 0 40px;} /*index, about, contact*/
.static3 {font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-size:13px; color:#FF3333; letter-spacing:1px; padding:0 0 0 0px;}/*services*/
.extra a {color:#FF3333;}/*services*/
.extra a:hover {color:#FF3333;}/*services*/
nav {float:right; margin-top:15px;}
nav li {display:inline;}
nav li a {font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-size:13px; color:#000; letter-spacing:1px; padding:0 0 0 40px;} /*with podlist is padding:0 0 20px 40px;*/
nav li a:hover {color:#007788;}

/*Nav podlist work on it
.s1 li {width:175px;}
.s1 li a {color:#111; padding:3px 6px 3px 8px; line-height:29px;}
.s1 li a:hover {color:#007788; background-color:#FFF;}
.s1 {visibility: hidden; position: absolute; top:48px; margin-left:109px; width:175px; background-color:#fff; border:#fff solid 4px;}
nav li:hover .s1 {visibility: visible; padding:8px 6px 8px 7px;}
h6 {margin-top:5px; margin-bottom:5px; border-top:dotted #FF3333 1px;} /*#0099BB*/

/*Not in use it is behind img backround but keeps the size*/
/*main{float:left; width:40%; margin-top:503px;} with html texts=margin-top:280px*/
main {float:left; width:100%; margin-top:503px; text-align:center;} /*without .btnLink width:40%;*/
h1 {font-style:italic; color:#fff; font-size:43px; font-family:georgia; letter-spacing:1px; line-height:59px;text-shadow:0 0 4px #000;}
.red {font-size:19px; color: #FFFFFF; font-family:Georgia, "Times New Roman", Times, serif; font-style: italic; letter-spacing:1px; padding-bottom:42px;font-weight:bold;text-shadow:0 0 4px #000; }
/*.bt {}
.bt a {background-color: #292929; border-radius:23px; padding:15px 32px 15px 40px; color: #fff; font-size:13px; letter-spacing:2px; text-decoration:none; text-transform:none; text-shadow:0 0 3px #000;}
.bt a:hover {background-color:#151515;}*/
.btLink {margin-top:80px;}
.btLink a {border-radius:23px; padding:18px 100px 18px 195px; color: #fff; font-size:13px; letter-spacing:2px; text-decoration:none; text-transform:none; text-shadow:0 0 3px #000; }
/*.btLink a:hover {border:#fff 1px dotted;}*/
.call {color:#ff3232;}
/**/

article {float:left; width:100%; text-align:center; margin-top:192px;} /*without .btnLink margin-top:290px;*/
h2 {font-weight:lighter; font-family:georgia; color:#222; font-size:35px; letter-spacing:1px;}
.about {font-size:21px; color:#333; line-height:35px; padding-top:32px;}
section {float:left; width:100%; margin-top:80px;}
section img {width:32%;}
#info {float:left; width:100%; margin-top:135px; margin-bottom:24px;}
#info img {width:30%;}
.mezera {padding-right:35px;}
footer {clear:both;}
.fotik {text-align:center; color:#999999; text-transform:uppercase; font-size:11px; letter-spacing:1px; padding-bottom:25px;}

@media screen and (max-width:1024px) {
/*main {width:53%;}*/
.about {padding-left:10px; padding-right:10px;}
.mezera {padding-right:10px;}
}

/*@media screen and (max-width:768px) {
main {width:63%;}

}*/

/*@media screen and (max-width:650px) { 
main {width:75%;}
}*/

@media screen and (max-width:844px) {
#info { margin-top:70px;}
header {margin-top:6px;}
.btLink {margin-top:70px;}
main {width:100%; text-align:center; margin-top:355px;}
h1 {text-align:center; font-size:36px;line-height:50px;}
.red {font-size:18px; padding-bottom:35px;}
article {margin-top:94px;}
h2 {font-size:25px; font-weight:normal; color:#000; letter-spacing:1px;}
.about {font-size:18px; color:#222; padding-top:18px; padding-left:20px; padding-right:20px; line-height:32px;}
.mez {padding-bottom:45px; padding-right:0px; padding-left:0px;}
.mezera {padding-right:0px;}
section {margin-top:50px; text-align:center;}
section img {width:73%;}
#info { margin-bottom:0px; text-align:center;}
#info img {width:68%;}
nav {margin-top:17px; margin-right:5px;}
nav li a {padding:0 0 20px 12px; letter-spacing:0px;}
.static {padding:0 0 20px 12px; font-weight:bold; letter-spacing:0px;}
.static2 {padding:0 0 0 12px; letter-spacing:0px;}
.fotik {line-height:18px;}
/*.s1 {margin-left:55px;}*/
}

@media screen and (max-width:480px) {
section img {width:100%;}
#info img {width:100%;}
}