/* CSS Document */

html {height: 100%;}
body {
	min-width: 980px;
  color: white;
  background-color: black;
} 
.centered{
    position:absolute;
    width:100px;
    height:100px;
    left:50%;
    top:50%;
    margin-left:-50px;
    margin-top:-50px; 
    }     
    
.centered-border{
    width: 405px;
margin-left: auto;
margin-right: auto;
    }    

.centered img {
position: absolute;
left: -389%;
top: -60%;
}
.centered .moderni {
position: absolute;
left: -171%;
top: -251%;
z-index: -1;
}

.centered-border .moderni {
z-index: -1;
}
.centered .doporucujeme {
position: absolute;
left: -392px;
top: -60%;
}
.centered .retezy-logo {position: absolute;
top: 286px;
left: -159px;
z-index: 999;}

.centered a {
text-decoration: none;
color: rgb(206,152,37);
font-family: Blippo;
font-variant: small-caps;
font-size: 14px;
font-weight: bold;
transition: color 0.5s;
} 

.centered-border a {
text-decoration: none;
color: rgb(206,152,37);
font-family: Blippo;
font-variant: small-caps;
font-size: 14px;
font-weight: bold;
transition: color 0.5s;
} 

.centered a:hover {
color: rgb(251,253,154);
}

.centered-border a:hover {
color: rgb(251,253,154);
}

element.style {
}
img.logo {
position: absolute;
top: -20px;
left: -46px;
z-index: 999;
}
.objednat {position: absolute;top: 0px;
left: 234px;z-index: 999; }
div.moderni-zpet {position: absolute;top: 332px;left: 162px;z-index: 999;}
div.moderni-zpet a {transition: color 0.5s; font-size: 18px !important}
div.moderni-zpet a:hover {color: rgb(251,253,154);}  
div.kontakt-vice-o-retezu {
position: relative;
top: -31px;
left: 263px;
z-index: 999;
width: 125px;
color: rgb(206,152,37);
font-family: Blippo;
font-weight: bold;

}
div.kontakt-vice-o-retezu a {                 
font-size: 15px !important;
font-variant: normal;
}
                                                   
.doporucujeme-zpet {
position: absolute;
top: 155px;
left: 117px;
z-index: 999;
}
div.doporucujeme-zpet a {font-size: 18px !important;transition: color 0.5s;}
div.doporucujeme-zpet a:hover {color: rgb(251,253,154);}
div.kontakt-zpet {position: absolute;
top: 332px;
left: 159px;
z-index: 999;}
div.kontakt-zpet a {font-size: 18px !important; transition: color 0.5s;} 
div.kontakt-zpet a:hover {color: rgb(251,253,154);}

.navstivte-contra {
position: absolute;
top: 0px;
left: -341px;
z-index: 999;
}

.navstivte-retezova-kola {
position: absolute;
top: -13px;
left: 279px;
z-index: 999;
width: 180px;
}

.navstivte-svet-retezu {
position: absolute;
top: 42px;
left: 286px;
z-index: 999;
}

.navstivte-katalog {
position: absolute;
top: 54px;
left: -300px;
z-index: 999;
}

.navstivte-mazivo {
position: absolute;
top: 94px;
left: 285px;
z-index: 999;
}

.doporucujeme-zpet {
position: absolute;
top: 155px;
left: 117px;
z-index: 999;
}

img.mapa-kontakt {
position: absolute;
top: -101px;
left: -111px;
}

h1.h1-kontakt{
color: rgb(251,253,154);
font-family: Blippo; 
font-variant: small-caps;
font-size: 21px;
font-weight: bold;
width: 398px;
position: absolute;
left: -168px;
top: -140px;
text-align: center;
}

.adresa-kontakt {
position: absolute;
top: -87px;
left: 70px;
width: 157px;
text-align: center;
font-size: 14px;
color: rgb(206,152,37);
font-weight: bold;
}

.oteviraci-kontakt {
position: absolute;
top: -19px;
left: 84px;
width: 148px;
text-align: left;
font-size: 14px;
color: rgb(206,152,37);
font-weight: bold;
}

.telefon-kontakt {
position: absolute;
top: 28px;
left: 84px;
width: 146px;
text-align: left;
font-size: 14px;
color: rgb(206,152,37);
font-weight: bold;
}

form    {
margin: auto;
position: absolute;
top: 100px;
left: -77px;
width: 213px;
height: 192px;
text-decoration: none;
}

input    {
width: 280px;
display: block;
border: 1px solid rgb(206,152,37);
background-color: black;
color: rgb(206,152,37);
height: 25px;
-webkit-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3);
-moz-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3);
box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3);
margin-bottom: 5px;
}

textarea#zprava {
width:279px;
height:59px;
border: 1px solid rgb(206,152,37);
background-color: black;
color: rgb(206,152,37);
}

textarea.zprava {
display:block;
}

span.jmeno {
position:absolute;
left:-59px;
color: rgb(206,152,37);
font-weight: bold;
font-variant: small-caps;
}

span.email {
position:absolute;
left: -81px;
color: rgb(206,152,37);
font-weight: bold;
font-variant: small-caps;
}

span.zprava {
position:absolute;
left:-65px;
color: rgb(206,152,37);
font-weight: bold;
font-variant: small-caps;
}

h1 {
font-size: 18px;
margin-top: 3px;
margin-left: 5px;
margin-right: 5px;
text-align: left;
line-height: 17px;
}

h2 {
font-size: 14px;
margin-left: 5px;
margin-right: 5px;
margin-top: 0px;
margin-bottom: 0px;
}

div.text {
width: 389px;
height: 230px;
overflow: auto;
position: absolute;
left: -168%;
top: 41%;
text-align: justify;
margin: 5px;
font-family: Blippo;
color: rgb(206,152,37);
font-size: 13px; 
padding-right: 5px;
line-height: 13px;
}  

div.text_border {
width: 394px;
height: 631px;
position: absolute;
top: 300px;
text-align: justify;
font-family: Blippo;
color: rgb(206,152,37);
font-size: 13px;
padding-right: 5px;
line-height: 13px;
border: 3px solid rgb(206,152,37);
border-top: none;
-webkit-border-bottom-right-radius: 15px;
-webkit-border-bottom-left-radius: 21px;
-moz-border-radius-bottomright: 15px;
-moz-border-radius-bottomleft: 15px;
border-bottom-right-radius: 15px;
border-bottom-left-radius: 15px;
padding-bottom: 15px;
} 

div.moderni-zpet-border {
position: relative;
top: 317px;
left: 261px;
width: 116px;
/* text-align: center; */
/* margin-left: 0px; */
height: 60px;
z-index: 999;
display: -webkit-inline-box;
background-repeat: no-repeat;
background-image: url(sipka.png);
/* background-position-x: -63px; */
}

img.retezy-logo-border {
position: relative;
top: 6px;
left: 7px;
}

div#odkaz_border {
width: 399px;
position: absolute;
top: 634px;
left: -171px;
border: 3px solid rgb(206,152,37);
border-top: none;
}

.border_3px {
border-top: 3px solid;
width: 400px;
}

::-webkit-scrollbar {
display: none;
}

.text p {
margin-bottom: 7px;
margin-top: 1px;
}

.text_border p {
margin-bottom: 7px;
margin-top: 1px;
margin-left: 5px;
margin-right: 5px;
}

.moderni-zpet-border a {
font-size: 19px;
position: relative;
top: 1px;
left: 51px;
}
a.odkazstranka {
font-variant: inherit;
}
#kontakt {margin:0 auto;position: absolute;top: 52px;
left: 224px;z-index: 999;
}
#m-technologie {
margin:0 auto; position: absolute;
top: -10px;
left: -285px;
z-index: 999;
}

#navstivte {margin:0 auto; position: absolute;
top: 82px;
left: -323px;
z-index: 999;
}

#vice-o-retezu {position: absolute;top: 35px;
left: -333px;
z-index: 999;
}


p.odeslani {
position: absolute;
top: 135px;
left: -48px;
width: 230px;
font-family: Blippo;
color: rgb(206,152,37);
}


#block-logo {
position: absolute;
top: -58px;
left: -111px;
	color:#484848 !important;
   margin-bottom: 18px;
width: 289px;
    height: 202px;
    background-color: #e3e3e1;
	padding-left:10px;
	padding-right:10px;
padding-top: 4px;
	border: 1px solid gray;
  -webkit-border-radius: 17px;
-moz-border-radius: 17px;
border-radius: 17px;
z-index: 1;
    
}
#block-logo a {
	color:#484848 !important;    
}
#block-1 a {
    color: white;
   /* font-weight: bold;  */
    margin-bottom: 5px;
    letter-spacing: 2px;
}

.menu-polozka {
margin-bottom: 10px;
margin-left: 60px;
display: block;
float: left;
} 
.odkaz {padding-left:5px; width: 286px; color:#484848 !important; font-size:12px; text-align: center;}
.margintop { margin-top:1px;}
.odkaz a  {text-decoration: none;}
.odkaz a:hover  {text-decoration: underline;}

.social {}
.social img { 
border:none;
position: relative;
left: 0px;
top: 0px;}

.facebook { margin-left:18px;}
.google { margin-left:75px;}
.twitter { margin-left:18px;}

.color1 { background-color:#fae9a3;}
.color2 { background-color:#c2c2c2;}
.color3 { background-color:#dbd5e6;}
.color4 { background-color:#cdd6db;}
.color5 { background-color:#97cde4;}
.color6 { background-color:#a9bac9;}
.color7 { background-color:#c3c3c3;}
.color8 { background-color:#c0d4af;}
.color9 { background-color:#ebe7d3;}


  a[data-bubbletooltip]:link, a[data-bubbletooltip]:visited
        {
                text-decoration: none;
                position: relative;
                color : white;
        }

        a[data-bubbletooltip]:before
        {
                content: "";
                position: absolute;
                border-top: 21px solid #676767;
                border-left: 21px solid transparent;
                border-right: 21px solid transparent;
                visibility: hidden;
                top: -20px;
                left: -12px;
        }

        a[data-bubbletooltip]:after
        {
                position: absolute;
                content: attr(data-bubbletooltip);
                color: #FFF;
                font-weight:normal;
                top: -35px;
                left: -26px;
                white-space: nowrap;
                background: #676767;
                padding: 5px 10px;
                -moz-border-radius: 6px;
                -webkit-border-radius:6px;
                -khtml-border-radius:6px;
                border-radius: 6px;
                visibility: hidden;
        }

        a[data-bubbletooltip]:hover:before, a[data-bubbletooltip]:hover:after
        {
                visibility: visible;
                -moz-transition: visibility 0s linear .3s;
        }