BODY{
 margin: 0px;
 padding: 0px 0px 0px 0px;
 background-color: #232324;
 font-family: 'Oswald', sans-serif;
 font-size: 18px;
 font-weight: 300;
 color: #FFFFFF;
}
/*--- TAGY ---*/
H1, H2, H3{
 font-size: 48px;
 font-weight: 300;
 display: inline-block;
 text-align: left;
 line-height: 50px;
}
H1 EM, H2 EM,
H1 A EM, H2 A EM{
 display: block;
 font-style: normal;
 font-size: 30px;
 color: #464645;
}
H1 EM.em{
 font-size: 24px;
 line-height: 30px;
 margin-top: 5px;
}
H1 SPAN{
 display: block;
 font-size: 30px;
 color: #AAAAAA;
 padding: 0px 15px 0px 15px;
}
H1 A:hover EM, H1 A:active EM,
H2 A:hover EM, H2 A:active EM{
 color: #A6A6A5;
}
H2.H2{
 font-size: 20px;
 padding: 0px 0px 10px 0px;
}
H2.H22{ font-size: 40px; }
H3{ font-size: 30px; }
.main IMG{ max-width: 100%; }
.sluzby H1{ color: #2D7F00; }
.reference H1{ color: #254654; }
.poptavka H1{ color: #AD0000; }
.prostredky H1{ color: #694625; }
.kontakty H1{ color: #422A53; }
.uvod_komplexni_reseni H1, .uvod_komplexni_reseni H1 A{ color: #2D7F00; }
.uvod_komplexni_reseni H1 A:hover, .uvod_komplexni_reseni H1 A:active{ color: #3FB300; }
.uvod_reference H2, .uvod_reference H2 A{ color: #254654; }
.uvod_reference H2 A:hover, .uvod_reference H2 A:active{ color: #4886A1; }
.systemy H1,
.systemy H1 A, .systemy H2 A{ color: #AD0000; }
.systemy H1 A:hover, .systemy H1 A:active,
.systemy H2 A:hover, .systemy H2 A:active{ color: #EB5F5F; }
.projekty H1, .projekty H1 A,
.projekty H2, .projekty H2 A,
.uvod_projekty H2, .uvod_projekty H2 A{ color: #694625; }
.projekty H1 A:hover, .projekty H1 A:active,
.projekty H2 A:hover, .projekty H2 A:active,
.uvod_projekty H2 A:hover, .uvod_projekty H2 A:active{ color: #AC733E; }
.podporujeme H1, .podporujeme H1 A,
.podporujeme H2, .podporujeme H2 A,
.uvod_podporujeme H2, .uvod_podporujeme H2 A{ color: #422A53; }
.podporujeme H1 A:hover, .podporujeme H1 A:active,
.podporujeme H2 A:hover, .podporujeme H2 A:active,
.uvod_podporujeme H2 A:hover, .uvod_podporujeme H2 A:active{ color: #7F539E; }
.projekty H2, .podporujeme H2{
 font-size: 30px;
}
.slider DIV.slider_nadpis{
 position: absolute;
 z-index: 1;
 top: 228px;
 left: 30px;
 color: #FFFFFF;
 font-size: 42px;
}
.slider DIV.slider_popis1{
 position: absolute;
 z-index: 1;
 top: 285px;
 left: 32px;
 color: #EAEAEA;
 font-size: 26px;
}
.slider .stext3 DIV.slider_nadpis{ letter-spacing: -1px; }
.slider .stext5 DIV.slider_popis1{ letter-spacing: -0.5px; }
.slider DIV.slider_popis2{
 position: absolute;
 z-index: 1;
 top: 325px;
 left: 32px;
 color: #FFFFFF;
 font-size: 16px;
}
.slider A.slider_tlacitko,
.slider A.slider_tlacitko:link
.slider A.slider_tlacitko:visited{
 position: absolute;
 z-index: 1;
 bottom: 100px;
 left: 110%;
 display: block;
 padding: 10px 55px 10px 20px;
 white-space: nowrap;
 color: #FFFFFF;
 font-size: 20px;
}
.slider .stext0 A.slider_tlacitko{ background-color: #063F00; }
.slider .stext1 A.slider_tlacitko{ background-color: #45282A; }
.slider .stext2 A.slider_tlacitko{ background-color: #332411; }
.slider .stext3 A.slider_tlacitko{ background-color: #254654; }
.slider .stext4 A.slider_tlacitko{ background-color: #AD0000; }
.slider .stext5 A.slider_tlacitko{ background-color: #422A53; }

.slider .stext0 A.slider_tlacitko:hover{ background-color: #00632B; }
.slider .stext1 A.slider_tlacitko:hover{ background-color: #7D3F43; }
.slider .stext2 A.slider_tlacitko:hover{ background-color: #4C3C2D; }
.slider .stext3 A.slider_tlacitko:hover{ background-color: #254654; }
.slider .stext4 A.slider_tlacitko:hover{ background-color: #AD0000; }
.slider .stext5 A.slider_tlacitko:hover{ background-color: #422A53; }
.slider A.slider_tlacitko SPAN{
 position: absolute;
 top: 20px;
 right: 20px;
 font-size: 40px;
}
.slider A.slider_tlacitko STRONG{
 display: block;
}
.slider A.slider_tlacitko EM{
 display: block;
 font-style: normal;
 font-size: 16px;
}
.slider .stext0 DIV.slider_popis2, .slider .stext0 A.slider_tlacitko EM{ color: #B4D4A3; }
.slider .stext1 DIV.slider_popis2, .slider .stext1 A.slider_tlacitko EM{ color: #DDA6A6; }
.slider .stext2 DIV.slider_popis2, .slider .stext2 A.slider_tlacitko EM{ color: #DEC2A8; }
.slider .stext3 DIV.slider_popis2, .slider .stext3 A.slider_tlacitko EM{ color: #A5D5DB; }
.slider .stext4 DIV.slider_popis2, .slider .stext4 A.slider_tlacitko EM{ color: #DDDDD2; }
.slider .stext5 DIV.slider_popis2, .slider .stext5 A.slider_tlacitko EM{ color: #CBACE1; }
INPUT, TEXTAREA, SELECT{
 font-family: 'Oswald', sans-serif;
}
INPUT.i, TEXTAREA{
 padding: 5px;
 background-color: #F7F7F7;
 border: none;
 color: #666666;
 font-size: 16px;
 -webkit-border-radius: 3px 3px 3px 3px;
 -moz-border-radius: 3px 3px 3px 3px;
 -khtml-border-radius: 3px 3px 3px 3px;
 border-radius: 3px 3px 3px 3px;
 box-shadow: 0px 0px 5px 0px #E0E0E0;
 -webkit-box-shadow: 0px 0px 5px 0px #E0E0E0;
 -moz-box-shadow: 0px 0px 5px 0px #E0E0E0;
}
INPUT.i_over,
INPUT.if_over,
TEXTAREA.over,
TEXTAREA.f_over{
 color: #AD0000;
 background-color: #FFFFFF;
 box-shadow: 0px 0px 5px 0px #AD0000;
 -webkit-box-shadow: 0px 0px 5px 0px #AD0000;
 -moz-box-shadow: 0px 0px 5px 0px #AD0000;
}
INPUT.tdef, TEXTAREA.tdef{
 color: #CCCCCC;
}
INPUT.b,
A.tlacitko,
A.tlacitko:link,
A.tlacitko:visited{
 padding: 10px 20px 10px 20px;
 border: none;
 color: #FFFFFF;
 background-color: #AD0000;
 font-size: 20px;
 font-weight: 700;
 font-weight: normal;
}
A.tlacitko:hover,
A.tlacitko:active,
INPUT.b_over{
 color: #000000;
 background-color: #EB5F5F;
}
.blok UL{
 padding: 0px 20px 0px 20px;
}
.paticka UL{ list-style: circle; }
.paticka UL LI{
 padding: 15px 0px 0px 0px;
 font-weight: 600;
}
.paticka UL LI UL LI{
 padding: 5px 0px 0px 0px;
 font-weight: 300;
}
/*--- ODKAZY --*/
A, A:link, A:visited{
 text-decoration: none;
 color: #2EA91E;
 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: 100px;
 right: 30px;
 display: block;
 width: 50px;
 height: 50px;
 background-color: #464645;
 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 #FFFFFF;
 -webkit-box-shadow: 0px 0px 5px 0px #FFFFFF;
 -moz-box-shadow: 0px 0px 5px 0px #FFFFFF;
}
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: 110px;
 height: 110px;
 background-image: url(obr/logo_KAO_cz.png);
 background-repeat: no-repeat;
 background-position: center center;
}
.sluzby A.logo{ background-image: url(obr/logo_KAO_cz_zelene.png); }
.prostredky A.logo{ background-image: url(obr/logo_KAO_cz_hnede.png); }
.projekty A.logo{ background-image: url(obr/logo_KAO_cz_hnede.png); }
.reference A.logo{ background-image: url(obr/logo_KAO_cz_modre.png); }
.poptavka A.logo{ background-image: url(obr/logo_KAO_cz_cervene.png); }
.kontakty A.logo{ background-image: url(obr/logo_KAO_cz_fialove.png); }
.podporujeme A.logo{ background-image: url(obr/logo_KAO_cz_fialove.png); }
A.logo:hover,
A.logo:active{
 background-image: url(obr/logo_KAO_cz_over.png);
}
A.logo STRONG{ display: none; }
.menu1 A,
.menu1 A:link, .menu1 A:visited{
 display: block;
 float: left;
 height: 47px;
 padding: 23px 30px 0px 30px;
 margin: 0px 1px 0px 0px;
 color: #FFFFFF;
 font-size: 24px;
 text-align: center;
 line-height: 100%;
}
.menu1 A:hover, .menu1 A:active,
.menu1 A.a, .menu1 A.a:link, .menu1 A.a:visited{
 background-color: #696D70;
}
.menu1 .sluzby A:hover, .menu1 .sluzby A:active,
.menu1 .sluzby A.a, .menu1 .sluzby A.a:link, .menu1 .sluzby A.a:visited{ background-color: #00632B; }

.menu1 .prostredky  A:hover, .menu1 .prostredky  A:active,
.menu1 .prostredky  A.a, .menu1 .prostredky  A.a:link, .menu1 .prostredky  A.a:visited{ background-color: #694625; }

.menu1 .reference A:hover, .menu1 .reference A:active,
.menu1 .reference A.a, .menu1 .reference A.a:link, .menu1 .reference A.a:visited{ background-color: #254654; }

.menu1 .poptavka A:hover, .menu1 .poptavka A:active,
.menu1 .poptavka A.a, .menu1 .poptavka A.a:link, .menu1 .poptavka A.a:visited{ background-color: #AD0000; }

.menu1 .kontakty A:hover, .menu1 .kontakty A:active,
.menu1 .kontakty A.a, .menu1 .kontakty A.a:link, .menu1 .kontakty A.a:visited{ background-color: #422A53; }

.menu2 A,
.menu2 A:link, .menu2 A:visited{
 display: block;
 float: left;
 height: 32px;
 padding: 8px 20px 0px 20px;
 font-size: 16px;
}
.menu2 SPAN.menu2_komplex A,
.menu2 SPAN.menu2_komplex A:link, .menu2 SPAN.menu2_komplex A:visited{ color: #00632B; }
.menu2 SPAN.menu2_komplex A:hover, .menu2 SPAN.menu2_komplex A:active,
.menu2 SPAN.menu2_komplex A.a,
.menu2 SPAN.menu2_komplex A.a:link, .menu2 SPAN.menu2_komplex A.a:visited{ background-color: #00632B; color: #FFFFFF; }

.menu2 SPAN.menu2_reference A,
.menu2 SPAN.menu2_reference A:link, .menu2 SPAN.menu2_reference A:visited{ color: #254654; }
.menu2 SPAN.menu2_reference A:hover, .menu2 SPAN.menu2_reference A:active,
.menu2 SPAN.menu2_reference A.a,
.menu2 SPAN.menu2_reference A.a:link, .menu2 SPAN.menu2_reference A.a:visited{ background-color: #254654; color: #FFFFFF; }

.menu2 SPAN.menu2_systemy A,
.menu2 SPAN.menu2_systemy A:link, .menu2 SPAN.menu2_systemy A:visited{ color: #AD0000; }
.menu2 SPAN.menu2_systemy A:hover, .menu2 SPAN.menu2_systemy A:active,
.menu2 SPAN.menu2_systemy A.a,
.menu2 SPAN.menu2_systemy A.a:link, .menu2 SPAN.menu2_systemy A.a:visited{ background-color: #AD0000; color: #FFFFFF; }

.menu2 SPAN.menu2_projekty A,
.menu2 SPAN.menu2_projekty A:link, .menu2 SPAN.menu2_projekty A:visited{ color: #694625; }
.menu2 SPAN.menu2_projekty A:hover, .menu2 SPAN.menu2_projekty A:active,
.menu2 SPAN.menu2_projekty A.a,
.menu2 SPAN.menu2_projekty A.a:link, .menu2 SPAN.menu2_projekty A.a:visited{ background-color: #694625; color: #FFFFFF; }

.menu2 SPAN.menu2_podporujeme A,
.menu2 SPAN.menu2_podporujeme A:link, .menu2 SPAN.menu2_podporujeme A:visited{ color: #422A53; }
.menu2 SPAN.menu2_podporujeme A:hover, .menu2 SPAN.menu2_podporujeme A:active,
.menu2 SPAN.menu2_podporujeme A.a,
.menu2 SPAN.menu2_podporujeme A.a:link, .menu2 SPAN.menu2_podporujeme A.a:visited{ background-color: #422A53; color: #FFFFFF; }

A.tlacitko, A.tlacitko:link, A.tlacitko:visited{
 display: inline-block;
 padding: 5px 15px 5px 15px;
 background-color: #464645;
 color: #FFFFFF;
 -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: #999999;
}
A SPAN.podrobnosti{
 position: absolute;
 bottom: 11px;
 right: 11px;
 display: inline-block;
 padding: 5px 15px 5px 15px;
 background-color: #464645;
 color: #FFFFFF;
 -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;
 font-size: 15px;
}
A SPAN.sipkaD,
A:link SPAN.sipkaD,
A:visited SPAN.sipkaD,
A:hover SPAN.sipkaD,
A:active SPAN.sipkaD{
 display: block;
 float: right;
 width: 40px;
 height: 40px;
 background-repeat: no-repeat;
 background-position: center center;
}
A SPAN.sipkaD, A:link SPAN.sipkaD, A:visited SPAN.sipkaD{ background-image: url(obr/sipkaD.png); }
A:hover SPAN.sipkaD, A:active SPAN.sipkaD{ background-image: url(obr/sipkaD_over.png); }
A SPAN.sipkaH, A:link SPAN.sipkaH, A:visited SPAN.sipkaH{ background-image: url(obr/sipkaH.png); }
A:hover SPAN.sipkaH, A:active SPAN.sipkaH{ background-image: url(obr/sipkaH_over.png); }
.fajfky A, .fajfky A:link, .fajfky A:visited{
 display: block;
 float: left;
 padding: 2px 10px 2px 35px;
 margin: 0px 10px 0px 0px;
 -webkit-border-radius: 15px 15px 15px 15px;
 -moz-border-radius: 15px 15px 15px 15px;
 -khtml-border-radius: 15px 15px 15px 15px;
 border-radius: 15px 15px 15px 15px;
 color: #FFFFFF;
 border: solid 1px #696D70;
 background-repeat: no-repeat;
 background-position: 5px center;
}
.fajfky A:hover, .fajfky A:active{
 background-color: #254654;
 background-image: url(obr/fajfka_over.png);
}
.fajfky A.a, .fajfky A.a:link, .fajfky A.a:visited{
 background-color: #254654;
 background-image: url(obr/fajfka.png);
}
.fajfky A.a:hover, .fajfky A.a:active{
 background-color: transparent;
 background-image: url(obr/fajfka_over.png);
}
.paticka A, .paticka A:link, .paticka A:visited{
 color: #FDCB69;
}
.paticka A:hover, .paticka A:active{
 color: #d1fd69;
}
.paticka2 A, .paticka2 A:link, .paticka2 A:visited,
.paticka2 A:hover, .paticka2 A:active{
 display: inline-block;
 margin: 0px 50px 0px 0px;
}
.copy{
 float: left;
 color: #FFFFFF;
}
.copy A:link, .copy A:visited{
 color: #FFFFFF;
}
.copy A:hover, .copy A:active{
 color: #000000;
}
A.kao:link, A.kao:visited{
 display: block;
 float: right;
 color: #FFFFFF;
}
A.kao:hover, A.kao:active{
 color: #000000;
}
/*--- DESIGN ---*/
.toppruhpoz{
 position: fixed;
 top: 0px;
 left: 0px;
 width: 100%;
 height: 70px;
 background-image: url(obr/poz1.png);
 z-index: 100;
}
.topprouzekpoz{
 position: fixed;
 top: 70px;
 left: 0px;
 width: 100%;
 height: 40px;
 background-image: url(obr/poz2.png);
 z-index: 99;
}
.toppruh{
 margin: 0px auto 0px auto;
 width: 95%;
 min-width: 980px;
 max-width: 1400px;
 text-align: left;
 position: relative;
}
.menu1{
 position: absolute;
 height: 70px;
 top: 0px;
 right: 50px;
}
.menu2{
 position: absolute;
 height: 40px;
 top: 70px;
 right: 50px;
}
.menu_respons,
.smenu_respons{
 display: none;
}
.slider, .owl-carousel{
 width: 100%;
 height: 700px;
}
.slider .stext{
 width: 100%;
 height: 700px;
 background-repeat: no-repeat;
 background-position: center bottom;
 position: relative;
}
.pozpruh{
 height: 500px;
 background-repeat: repeat-y;
 background-position: center 0px;
 background-size: 100%;
 position: relative;
}
.pozpruh2{
 height: 110px;
}
.smain, .main{
 position: relative;
 margin: 0px auto 0px auto;
 width: 95%;
 min-width: 980px;
 max-width: 1400px;
 text-align: left;
}
.mainL{
 float: left;
 width: 60%;
}
.mainL1{
 float: left;
 width: 45%;
}
.mainL2{
 float: left;
 width: 50%;
}
.mainL3{
 float: left;
 width: 49%;
}
.mainP{
 float: right;
 width: 40%;
}
.mainP1{
 float: right;
 width: 45%;
}
.mainP2{
 float: right;
 width: 50%;
}
.mainP3{
 float: right;
 width: 49%;
}
.sblok{
 position: absolute;
 top: 100px;
 left: 0px;
 width: 750px;
 height: 500px;
}
.pruh{
 padding: 30px 0px 30px 0px;
}
.pruh_1{ padding: 10px 0px 10px 0px; }
.pruh_2{ padding: 0px; }
.pruh0{
 color: #464645;
 background-color: #FFFFFF;
}
.pruh1{
 color: #464645;
 background-color: #DDDDDD;
}
.pruh2{
 color: #FFFFFF;
 background-color: #464645;
}
.pruh3{
 color: #FFFFFF;
 background-color: #696D70;
}
.pruh4{
 color: #464645;
 background-color: #EAEAEA;
}
.paticka{
 color: #FFFFFF;
 background-color: #343435;
 padding: 50px 100px 50px 100px;
}
.paticka2{
 background-color: #2B2B2B;
 padding: 50px 0px 50px 0px;
}
.bottom{
 padding: 50px 100px 50px 100px;
}
/*--- OSTATNÍ ---*/
.blok{
 font-size: 16px;
 padding: 20px;
 background-color: #FFFFFF;
 box-shadow: 0px 0px 5px 0px #AAAAAA;
 -webkit-box-shadow: 0px 0px 5px 0px #AAAAAA;
 -moz-box-shadow: 0px 0px 5px 0px #AAAAAA;
}
.fajfky{
 padding: 10px;
}
.Kfoto{
 -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;
 border: solid 2px #CCCCCC;
 box-shadow: 0px 0px 10px 5px #333333;
 -webkit-box-shadow: 0px 0px 10px 5px #333333;
 -moz-box-shadow: 0px 0px 10px 5px #333333;
}
.referencni_vyjadreni IMG{
 float: right;
 margin: 0px 0px 20px 20px;
 -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;
}