/*--- TLAČÍTKO ---*/
.uvod_systemy A.tlacitko:link, .uvod_systemy A.tlacitko:visited{ background-color: #AD0000; }
.uvod_systemy A.tlacitko:hover, .uvod_systemy A.tlacitko:active{ background-color: #EB5F5F; }
.uvod_projekty A.tlacitko:link, .uvod_projekty A.tlacitko:visited{ background-color: #694625; }
.uvod_projekty A.tlacitko:hover, .uvod_projekty A.tlacitko:active{ background-color: #AC733E; }
.uvod_podporujeme A.tlacitko:link, .uvod_podporujeme A.tlacitko:visited{ background-color: #422A53; }
.uvod_podporujeme A.tlacitko:hover, .uvod_podporujeme A.tlacitko:active{ background-color: #7F539E; }

/*--- KGRAF (KULATÝ GRAF) ---*/
DIV.kgraf{
 float: left;
 width: 23%;
 margin: 1%;
 text-align: center;
 color: #464645;
 font-size: 24px;
}
.kgraf SPAN{
 display: block;
 background-color: #464645;
 color: #FFFFFF;
 font-weight: 400;
 line-height: 60px;
 margin: 0px 0px 15px 0px;
 -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;
 box-shadow: -2px 2px 0px 0px #FFFFFF;
 -webkit-box-shadow: -2px 2px 0px 0px #FFFFFF;
 -moz-box-shadow: -2px 2px 0px 0px #FFFFFF;
}
.kgraf SPAN STRONG{
 display: block;
 font-size: 72px;
}
.kgraf EM{
 display: block;
 font-size: 18px;
 font-style: normal;
}
/*--- VGRAF (VODOROVNÝ GRAF) ---*/
DIV.vgrafy{
 padding: 0px 0px 0px 50px;
}
DIV.vgraf{
 padding: 20px 0px 10px 0px;
}
.vgraf SPAN.vgrafnad{
 font-size: 14px;
 font-weight: 400;
}
.vgraf SPAN.vgrafhod{
 float: right;
 font-size: 14px;
 font-weight: 400;
}
.vgraf SPAN.vgrafpop{
 display: block;
 font-size: 14px;
 text-align: center;
}
.vgraf DIV.v_graf{
 background-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;
 padding: 1px;
 margin: 5px 0px 5px 0px;
}
.vgraf DIV.v_graf DIV{
 height: 12px;
 background-color: #464645;
 -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;
}
/*--- KOMPLEXY --*/
.komplexy{
 padding: 30px 0px 0px 0px;
}
.komplex{
 float: left;
 width: 38%;
 height: 200px;
 background-image: url(obr/poz3.png);
 -webkit-border-radius: 150px 20px 20px 150px;
 -moz-border-radius: 150px 20px 20px 150px;
 -khtml-border-radius: 150px 20px 20px 150px;
 border-radius: 150px 20px 20px 150px;
 position: relative;
}
.komplex_mez{
 float: left;
 width: 8%;
 height: 200px;
}
.komplex .komplex_ico{
 position: absolute;
 top: 0px;
 left: 0px;
 z-index: 1;
 width: 200px;
 height: 200px;
 -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;
 background-color: #2D7F00;
 box-shadow: -2px 2px 0px 0px #FFFFFF;
 -webkit-box-shadow: -2px 2px 0px 0px #FFFFFF;
 -moz-box-shadow: -2px 2px 0px 0px #FFFFFF;
}
.komplex .komplex_ico{
 background-repeat: no-repeat;
}
.komplex .komplex_text{
 position: relative;
 z-index: 2;
 padding: 15px 0px 0px 150px;
 font-size: 17px;
 line-height: 20px;
}
.komplex_text H3{
 color: #B2D285;
 font-size: 30px;
 line-height: 30px;
 padding: 10px 0px 10px 0px;
}
.komplex_text H3.bila{ color: #FFFFFF; }
.komplex_text EM{
 display: block;
 padding: 10px 10px 0px 0px;
 font-style: normal;
 font-size: 14px;
 color: #CCCCCC;
 line-height: 20px;
}
.komplex_text SPAN{
 display: block;
 line-height: 20px;
}
.komplex_mez{
 background-position: center center;
 background-repeat: repeat-x;
}
.komplex_mezL,
.komplex_mezP{
 float: left;
 width: 8%;
 height: 100px;
 background-repeat: no-repeat;
 background-position: center center;
}
.komplex_mezS{
 float: left;
 width: 84%;
 height: 100px;
 background-image: url(obr/komplexni_reseni/komplex_sipkaL.png);
 background-repeat: repeat-x;
 background-position: center center;
 position: relative;
}
.komplex_zkratka{
 width: 40px;
 height: 100px;
 margin: 0px auto 0px auto;
 background-repeat: no-repeat;
}
.komplex_zkratka2{
 width: 20px;
 float: left;
}
.komplex_zkratkaLH{ background-image: url(obr/komplexni_reseni/komplex_zkratkaLH.png); background-position: left 50px; }
.komplex_zkratkaLD{ background-image: url(obr/komplexni_reseni/komplex_zkratkaLD.png); background-position: left bottom; }
.komplex_zkratkaPH{ background-image: url(obr/komplexni_reseni/komplex_zkratkaPH.png); background-position: right top; }
.komplex_zkratkaPD{ background-image: url(obr/komplexni_reseni/komplex_zkratkaPD.png); background-position: right calc(100% - 50px); }
.komplex_mezL{ background-image: url(obr/komplexni_reseni/komplex_obloukLH.png); }
.komplex_mezP{ background-image: url(obr/komplexni_reseni/komplex_obloukPD.png); }
.komplex_mez2{ background-image: url(obr/komplexni_reseni/komplex_sipkaP.png); }
.komplex_mez3, .komplex_mez6{ background-image: url(obr/komplexni_reseni/komplex_obloukPH.png); }
.komplex_mez4, .komplex_mez7{ background-image: url(obr/komplexni_reseni/komplex_obloukLD.png); }
.komplex_mez5, .komplex_mez8{ background-image: url(obr/komplexni_reseni/komplex_cara.png); }