/* 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 img {
position: absolute;
left: -389%;
top: -60%;
}
.centered .moderni {
position: absolute;
left: -171%;
top: -251%;
z-index: -1;
}
.centered .doporucujeme {
position: absolute;
left: -392px;
top: -60%;
}
.centered .retezy-logo {position: absolute;
top: 286px;
left: -159px;
z-index: 999;}

img.logo {
position: absolute;
top: -20px;
left: -46px;
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 a:hover {
color: rgb(251,253,154);
}

img.objednat {position: absolute;top: 0px;left: 222px;z-index: 999;}
img.vice-o-retezu {position: absolute;top: 34px;left: -361px;z-index: 999;}
div.moderni-zpet {position: absolute;top: 332px;left: 162px;z-index: 999;}
div.moderni-zpet a {font-size: 18px !important; transition: color 0.5s;}
div.moderni-zpet a:hover {color: rgb(251,253,154);} 
div.kontakt-vice-o-retezu {
position: absolute;
top: 284px;
left: 96px;
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;
}

img.doporucujeme-zpet {
position: absolute;
top: 149px;
left: 77px;
z-index: 999;
}
div.doporucujeme-zpet a {font-size: 18px !important;}

div.kontakt-zpet {position: absolute;
top: 332px;
left: 159px;
z-index: 999;}
div.kontakt-zpet a {font-size: 18px !important; transition: color 0.5s; color: rgb(206,152,37);}
div.kontakt-zpet a:hover {color: rgb(251,253,154);}

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

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

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

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

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

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

img.mapa-kontakt {
position: absolute;
top: -88px;
left: -161px;
}

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.name {
position: absolute;
left: -44px;
top: 7px;
color: rgb(206,152,37);
font-weight: bold;
font-variant: small-caps;
font-size: 11px;
}

span.email-eng {
position:absolute;
left: -84px;
top: 40px;
color: rgb(206,152,37);
font-weight: bold;
font-variant: small-caps;
font-size: 11px;
}

span.zprava-eng {
position:absolute;
left:-66px;
top: 70px;
color: rgb(206,152,37);
font-weight: bold;
font-variant: small-caps;
font-size: 11px;
}

 #kontakt,
 #vice-o-retezu,
 #objednat,
 #m-technologie,
 #navstivte {transition: all 0.5s ease-in-out;
          -webkit-transition: all 0.5s ease-in-out;
          -moz-transition: all 0.5s ease-in-out;
          -o-transition: all 0.5s ease-in-out;} 


#kontakt {margin:0 auto;position: absolute;top: 52px;
left: 223px;z-index: 999;         
}

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

#objednat {
   margin:0 auto;position: absolute;top: 0px;
left: 248px;z-index: 999;
}

#m-technologie {
margin:0 auto; position: absolute;
top: -11px;
left: -297px;z-index: 999;
    
}

#navstivte {margin:0 auto; position: absolute;top: 82px;
left: -270px;z-index: 999;
}
#navstivte:hover,
#m-technologie:hover,
#kontakt:hover,
#objednat:hover,
#vice-o-retezu:hover {color: rgb(251,253,154);}


h1 {
font-size: 17px;
margin-top: 0px;
margin-bottom: 0px;
}

h2 {
font-size: 14px;
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: 11px;
font-weight: bold;
padding-right: 5px;
}



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

a.odkazstranka {
font-variant: inherit;
}
.text p {
margin-bottom: 7px;
margin-top: 1px;
}

div.obsah {
width: 586px;
position: absolute;
top: 0px;
padding: 5px;
}

.kontakt-informace {
position: absolute;
top: -95px;
left: 39px;
color: rgb(206,152,37);
font-family: Blippo;
font-size: 14px;
width: 190px;
text-align:center;
}


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

a.odkazstranka {
font-variant: inherit;
}