BODY{
 margin: 0px;
 padding: 0px;
 font-family: 'Oswald', sans-serif;
 font-size: 16px;
 font-weight: 300;
 color: #000000;
 background-color: #F4F4F9;
}
/*--- TAGY ---*/
H1, H2, H3,H4{
 font-size: 30px;
 font-weight: 300;
 color: #B2B2B2;
}
H1 STRONG{
 display: block;
 font-size: 60px;
 line-height: 60px;
 color: #333437;
}
H1 A STRONG{
 display: inline-block;
}
H1.H1{
 position: absolute;
 font-size: 36px;
 color: #B2B2B2;
 text-align: center;
 transform: rotate(45deg);
 -webkit-transform: rotate(45deg);
 -moz-transform: rotate(45deg);
 -ms-transform: rotate(45deg);
 -o-transform: rotate(45deg);
 z-index: 1;
}
H1.H1 STRONG{
 color: #727272; 
}
.pruh1 H1.H1{
 top: 10px;
 right: -70px;
}
.pruh2 H1.H1{
 top: 0px;
 right: -90px;
}
H1.H1.C{
 font-weight: 600;
 color: #AA0000; 
 top: 20px;
 right: -80px;
}
.main IMG, .pozpruh IMG{
 display: block;
 max-width: 100%;
}
.main STRONG{ font-weight: 700; }
.main STRONG.S{ font-weight: 400; }
.sluzby DIV.sluzba{
 float: left;
 width: 18%;
 min-height: 330px;
 margin: 1%;
 background-color: #FFFFFF;
 box-shadow: 0px 0px 15px 0px #C0C0C0;
 -webkit-box-shadow: 0px 0px 15px 0px #C0C0C0;
 -moz-box-shadow: 0px 0px 15px 0px #C0C0C0;
 -webkit-border-radius: 5px 5px 5px 5px;
 -moz-border-radius: 5px 5px 5px 5px;
 -khtml-border-radius: 5px 5px 5px 5px;
 border-radius: 5px 5px 5px 5px;
 color: #333437;
 text-align: center;
 font-weight: 200;
}
.sluzby DIV.sluzba DIV.sluzbaico{
 width: 120px;
 height: 120px;
 margin: 20px auto 0px auto; 
 background-color: #333437;
 background-size: 100%;
 -webkit-border-radius: 100px 100px 100px 100px;
 -moz-border-radius: 100px 100px 100px 100px;
 -khtml-border-radius: 100px 100px 100px 100px;
 border-radius: 100px 100px 100px 100px;
}
.sluzby DIV.sluzba DIV.sluzbapad{
 padding: 20px;
 font-size: 15px;
 line-height: 18px;
}
.sluzby DIV.sluzba DIV.sluzbapad STRONG{
 display: block;
 font-size: 20px;
 line-height: 22px;
}
DIV.autopruh{
 position: fixed;
 top: 70px;
 z-index: 99;
 width: 100%;
 padding: 10px 0px 10px 0px;
 background-color: #F2F8F6;
 box-shadow: 0px 0px 10px 0px #CCCCCC;
 -webkit-box-shadow: 0px 0px 10px 0px #CCCCCC;
 -moz-box-shadow: 0px 0px 10px 0px #CCCCCC;
}
DIV.autopruh H1{
 font-size: 21px;
 font-weight: 600;
}
DIV.autopruh H1 STRONG{
 font-size: 21px;
 display: inline-block;
 line-height: normal;
}
DIV.autopruh H1.H1.C{
 top: 0px;
 right: 0px;
 transform: none;
 -webkit-transform: none;
 -moz-transform: none;
 -ms-transform: none;
 -o-transform: none;
}
DIV.autoslide{
 position: absolute;
 bottom: 100px;
 right: 100px;
}
DIV.autoslide STRONG{
 display: block;
 padding: 20px;
 font-size: 20px;
 background-image: url(obr/poz1.png);
}
DIV.autoslide DIV{
 padding: 20px;
 color: #000000;
 background-image: url(obr/poz2.png);
}
/*--- ODKAZY --*/
A, A:link, A:visited{
 text-decoration: none;
 color: #727272;
 cursor: pointer;
}
A:hover, A:active,
A.a, A.a:link, A.a:visited{
 color: #000000;
}
A.nahoru, A.nahoru:link, A.nahoru:visited{
 position: fixed;
 bottom: 40px;
 right: 20px;
 display: block;
 width: 50px;
 height: 50px;
 background-color: #333437;
 background-image: url(obr/nahoru.png);
 background-repeat: no-repeat;
 background-position: center center;
 -webkit-border-radius: 25px 25px 25px 25px;
 -moz-border-radius: 25px 25px 25px 25px;
 -khtml-border-radius: 25px 25px 25px 25px;
 border-radius: 25px 25px 25px 25px;
 cursor: pointer;
 z-index: 100;
 box-shadow: 0px 0px 5px 0px #666666;
 -webkit-box-shadow: 0px 0px 5px 0px #666666;
 -moz-box-shadow: 0px 0px 5px 0px #666666;
}
A.nahoru:hover, A.nahoru:active{
 opacity: 0.50;
 filter: alpha(opacity=50);
}
A.logo,
A.logo:link,
A.logo:visited{
 display: block;
 float: left;
 width: 337px;
 height: 48px;
 background-image: url(obr/logo.png);
 background-repeat: no-repeat;
 background-size: auto 100%;
}
A.logo:hover,
A.logo:active{
 background-image: url(obr/logo_over.png);
}
.menu A,
.menu A:link, .menu A:visited{
 display: inline-block;
 color: #FFFFFF;
 font-size: 24px;
 font-weight: 400;
 margin: 0px 20px 0px 20px;
}
.menu A:hover, .menu A:active,
.menu A.a, .menu A.a:link, .menu A.a:visited{
 color: #B2B2B2;
}
.rkontakty A,
.rkontakty A:link, .rkontakty A:visited{
 color: #FFFFFF;
}
.rkontakty A:hover, .rkontakty A:active,
.rkontakty A.a, .rkontakty A.a:link, .rkontakty A.a:visited{
 color: #B2B2B2;
}
H1 A,
H1 A:link, H1 A:visited{
 color: #B2B2B2;
}
H1 A:hover, H1 A:active{
 color: #727272;
}
A.cesta,
A.cesta:link,
A.cesta:visited{
 display: block;
 position: absolute;
 top: 47px;
 left: -6%;
 transform: rotate(270deg);
 -webkit-transform: rotate(270deg);
 -moz-transform: rotate(270deg);
 -ms-transform: rotate(270deg);
 -o-transform: rotate(270deg);
 color: #AAAAAA;
}
A.cesta:hover,
A.cesta:active{
 color: #333437;
}
A.cesta2,
A.cesta2:link,
A.cesta2:visited{
 display: none;
}
.autopruh A.cesta,
.autopruh A.cesta:link,
.autopruh A.cesta:visited{
 display: none;
}
.autopruh A.cesta2,
.autopruh A.cesta2:link,
.autopruh A.cesta2:visited{
 display: block;
 float: left;
 margin: 0px 10px 0px 0px;
 font-size: 20px;
}
A.tlacitko,
A.tlacitko:link,
A.tlacitko:visited{
 display: inline-block;
 padding: 10px 20px 10px 20px;
 background-color: #000000;
 color: #FFFFFF;
 font-size: 20px;
 font-weight: 400;
 -webkit-border-radius: 5px 5px 5px 5px;
 -moz-border-radius: 5px 5px 5px 5px;
 -khtml-border-radius: 5px 5px 5px 5px;
 border-radius: 5px 5px 5px 5px;
}
A.tlacitko:hover,
A.tlacitko:active{
 background-color: #333437;
}
DIV.autoslide STRONG A,
DIV.autoslide STRONG A:link,
DIV.autoslide STRONG A:visited{
 color: #FFFFFF;
}
DIV.autoslide STRONG A:hover,
DIV.autoslide STRONG A:active{
 color: #EEEEEE;
}
.pripravujeme A,
.pripravujeme A:link,
.pripravujeme A:visited{
 position: relative;
 display: block;
 width: 20%;
 float: left;
 z-index: 1;
}
.pripravujeme A:hover,
.pripravujeme A:active{
 box-shadow: 0px 0px 25px 0px #707070;
 -webkit-box-shadow: 0px 0px 25px 0px #707070;
 -moz-box-shadow: 0px 0px 25px 0px #707070;
 z-index: 2;
}
.bottom A:link, .bottom A:visited{
 color: #6A6A6A;
}
.bottom A:hover, .bottom A:active{
 color: #000000;
}
.copy{
 float: left;
 color: #6A6A6A;
}
.copy A:link, .copy A:visited{
 color: #6A6A6A;
}
.copy A:hover, .copy A:active{
 color: #000000;
}
A.kao:link, A.kao:visited{
 display: block;
 float: right;
 color: #6A6A6A;
}
A.kao:hover, A.kao:active{
 color: #000000;
}
/*--- DESIGN ---*/
.bodypad{
 height: 128px;
}
.menupruh{
 position: fixed;
 top: 0px;
 left: 0px;
 width: 100%;
 background-color: #333437;
 z-index: 100;
 text-align: center;
}
.menupad{
 padding: 40px;  
}
.menu{
 float: left;
 padding: 15px 0px 0px 100px;
}
.menupruh .rkontakty{
 float: right;
 color: #B2B2B2;
 text-align: right;
 font-size: 24px;
 line-height: 24px;
}
.menu_respons,
.smenu_respons{
 display: none;
}
.slider{
 width: 100%;
 height: 700px;   
}
.flexslide{
 position: relative;
 width: 100%;
 height: 700px;
 background-color: #000000;
 background-repeat: no-repeat;
 background-position: center 0px;
 background-size: 100%;
}
.pozpruh{
 height: 700px;
 background-repeat: no-repeat;
 background-size: 100%;
}
.pruh{
 width: 100%;
 position: relative;
 font-weight: 400;
 padding: 40px 0px 40px 0px;
 background-image: url(obr/3uhelnik.png);
 background-repeat: no-repeat;
 background-position: right top;
 overflow: hidden;
}
.pruhbez{
 background-image: none;
}
.pruh1{
 background-color: #F2F8F6;
}
.pruh2{
 background-color: #F4F4F9;
 border-top: solid 2px #FFFFFF;
}
.pruh3{
 padding: 0px;
 background-color: #FFFFFF;
}
.pruh4{
 background-color: #FFFFFF;
}
.pruh5{
 background-color: #F4F4F9;
}
.main{
 margin: 0px auto 0px auto;
 width: 95%;
 min-width: 980px;
 max-width: 1400px;
 text-align: left;
 position: relative;
}
.bottom{
 padding: 50px 0px 50px 0px;
}
/*--- OSTATNÍ ---*/
.mainL{
 width: 33%;
 float: left;
 font-weight: 200;
 font-size: 20px;
 line-height: 120%;
}
.mainP{
 width: 67%;
 float: right;
}
.main33{
 width: 31%;
 margin: 1%;
 float: left;
}
.pruh3 .kontakty{ padding: 40px; }
.sluzby{
 position: relative;
 z-index: 2;
}
.auto_pruh{
 min-height: 117px;
}
.pripravujeme{
 padding: 40px 0px 0px 0px;
}