/*--- TAGY ---*/
.Reference H3{
 border-bottom: solid 1px #254654;
 padding: 5px 5px 5px 10px;
}
.Reference DIV.reference_bod{
 display: block;
 width: 10%;
 height: 320px;
 position: relative;
}
.Reference DIV.reference_bodL{ float: left; }
.Reference DIV.reference_bodP{ float: right; margin: 90px 0px 0px 0px; }
.Reference DIV.reference_bod SPAN{
 display: block;
 position: absolute;  
 top: 50px;
 *width: 101%;
 width: 101%\0;
 height: 72px;
 background-repeat: no-repeat;
 text-align: center;
 color: #254654;
 font-size: 24px;
}
.Reference DIV.reference_bod EM{
 font-style: normal;
 font-size: 20px;
}
.Reference DIV.reference_bodL SPAN{
 width: calc(100% + 11px);
 right: -11px;
 background-image: url(obr/reference_bodL.png);
 background-position: right center;
}
.Reference DIV.reference_bodP SPAN{
 width: calc(100% + 12px);
 left: -12px;
 background-image: url(obr/reference_bodP.png);
 background-position: left center;
}
.dreference H1{
 font-size: 36px;
 line-height: 45px;
 color: #2681A8;
}
.dreference H1 EM{ color: #999999; }
.dreference .blok{
 color: #2681A8;
 font-size: 18px;
}
.dreference .blok UL{
 color: #CCCCCC;
}
.dreference .blok UL LI STRONG{
 color: #2681A8;
 font-weight: 300;
}
.dreference .blok UL LI EM{
 color: #56B1D8;
 font-style: normal;
}
/*--- ODKAZY --*/
.dreference H1 A, .dreference H1 A:link, .dreference H1 A:visited{
 font-size: 36px;
}
.dalsi A, .dalsi A:link, .dalsi A:visited,
.Reference H3, .Reference H3 A, .Reference H3 A:link, .Reference H3 A:visited{
 display: block;
 font-size: 30px;
 font-weight: 700;
 color: #254654;
}
.Reference H3 A:hover, .Reference H3 A:active{
 color: #2681A8;
}
.dalsi A, .dalsi A:link, .dalsi A:visited{
 text-align: right;
 font-size: 20px;
}
.Reference H3 EM,
.Reference H3 A EM,
.Reference H3 A:link EM,
.Reference H3 A:visited EM{
 display: block;
 float: right;
 padding: 10px 10px 0px 0px;
 font-style: normal;
 font-weight: 300;
 font-size: 18px;
 color: #464645;
}
.Reference H3 A:hover EM,
.Reference H3 A:active EM{
 color: #2681A8;
}
.Reference .reference A.r,
.Reference .reference A.r:link,
.Reference .reference A.r:visited{
 display: block;
 width: 40%;
 height: 320px;
 position: relative;
 overflow: hidden;
}
.Reference .reference A.r:hover,
.Reference .reference A.r:active{
 background-color: #FFFFFF;
 box-shadow: 0px 0px 20px 5px #AAAAAA;
 -webkit-box-shadow: 0px 0px 10px 2px #AAAAAA;
 -moz-box-shadow: 0px 0px 10px 0px #AAAAAA;
}
.Reference .reference A.rL{ float: left; margin: 0px 0px 90px 0px; }
.Reference .reference A.rP{ float: right; margin: 90px 0px 0px 0px; }
.Reference .reference A SPAN.ref{ display: none; background-color: #FFFFFF; }
.Reference .reference A SPAN.screen{
 display: block;
 height: 260px;
 margin: 1px;
 background-color: #F0F0F0;
 background-repeat: no-repeat;
 background-position: center top;
 background-size: 150%;
}
.Reference .reference A SPAN.mobil,
DIV.mobil{
 position: absolute;
 bottom: 10px;
 right: 10px;
 display: block;
 width: 115px;
 height: 198px;
 background-image: url(obr/mobil.png);
 background-repeat: no-repeat;
 z-index: 2;
}
DIV.mobil{
 bottom: 30px;
 right: 380px;
}
.Reference .reference A SPAN.mobil SPAN,
DIV.mobil DIV{
 display: block;
 width: 101px;
 height: 152px;
 margin: 22px 0px 0px 7px;
 background-repeat: no-repeat;
 background-position: center center;
 background-size: 100%;
}
DIV.monitor{
 position: absolute;
 bottom: 20px;
 right: 20px;
 display: block;
 width: 411px;
 height: 277px;
 background-image: url(obr/monitor.png);
 background-repeat: no-repeat;
}
DIV.monitor DIV{
 display: block;
 width: 383px;
 height: 171px;
 margin: 25px 0px 0px 14px;
 background-repeat: no-repeat;
 background-position: center center;
 background-size: 100%;
}
.Reference .reference A STRONG{
 position: absolute;
 top: 260px;
 left: 0px;
 display: block;
 padding: 10px 0px 0px 16px;
 font-weight: 300;
 font-size: 24px;
 color: #2681A8;
 white-space: nowrap;
 overflow: hidden;
 z-index: 2;
}
.Reference .reference A STRONG.srs{
 width: calc(100% - 141px);
}
.Reference .reference A SPAN.popis{
 position: absolute;
 top: 260px;
 left: 0px;
 display: block;
 width: 100%;
 height: 320px;
 background-image: url(obr/poz4.png);
 z-index: 1;
}
.Reference .reference A SPAN.popis SPAN.popispad{
 display: block;
 padding: 70px 20px 0px 20px;
 height: 170px;
 font-size: 18px;
 color: #464645;
 text-align: justify;
 overflow: hidden;
}
.Reference .reference A SPAN.podrobnosti{
 background-color: #2681A8;
 color: #FFFFFF;
}
.dreference A, .dreference A:link, .dreference A:visited{
 color: #2681A8;
 font-size: 20px;
}
.dreference A:hover, .dreference A:active{
 color: #000000;
}
.zalozky A, .zalozky A:link, .zalozky A:visited{
 display: block;
 float: left;
 height: 76px;
 padding: 20px 30px 0px 30px;
 margin-left: 1px;
 color: #FFFFFF;
 text-align: center;
}
.zalozky A:hover, .zalozky A:active{
 background-color: #CCCCCC;
 color: #254654;
}
.zalozky A.a, .zalozky A.a:link, .zalozky A.a:visited{
 background-color: #DDDDDD;
 color: #254654;
}
.zalozky A.r0{
 height: 60px;
 padding: 36px 30px 0px 30px;
}
.zalozky A.r2{
 margin-left: 50px;
}
/*--- DESIGN ---*/
.Reference .reference{
 width: 100%;
 background-image: url(obr/reference_cara.png);
 background-repeat: repeat-y;
 background-position: center center;
 border-bottom: solid 1px #254654;
}
.Reference .referencepad{
 padding: 30px 0px 30px 0px;
}
/*--- OSTATNÍ ---*/
.rcara{
 border-bottom: solid 1px #254654;
}
.pruh_reference{
 background-color: #254654;
}
.dalsi{
 padding: 30px 0px 0px 0px; 
}
.referencni_sipka{
 position: fixed;
 bottom: 0px;
 left: 0px;
}