/* CSS Document */


/* predely */
.clona { width: 100%; height: 15%; position: absolute; bottom: -15%; background: url(../images/transparentorange.png) repeat left bottom; }
.clona2 { height: 57px; width: 100%; position: absolute; background: url(../images/predel2.png) repeat left top; top: -4px; }
.clona3 { height: 40px; width: 100%; position: absolute; background: url(../images/predel3.png) repeat left top; }
.clona4 { height: 8px; width: 100%; position: absolute; background: url(../images/predel4.png) repeat left -8px; }
.clona5 { height: 60px; width: 100%; position: absolute; background: url(../images/predel5.png) repeat left -8px; }

/* startsscreen */
.towerstartscreen { width: 100%; max-width: 811px; position: absolute; left: 50%; top: 50%; margin: -15px 0 0 125px; bottom: auto; right: auto; -webkit-transform: translateX(-50%) translateY(-50%); -moz-transform: translateX(-50%) translateY(-50%);  -ms-transform: translateX(-50%) translateY(-50%); -o-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); text-align: left; }
.towerstartscreen h1 { font: 39px 'Museo Sans 500'; font-weight: normal; line-height: 49px; margin-bottom: 20px; color: black; }
.towerstartscreen h1 span { display: block; font-size: 18px; line-height: 28px; max-width: 450px; color: black; }
.towerstartscreen p { font: 14px 'Museo Sans 500'; font-weight: normal; line-height: 24px; color: black; max-width: 380px; }

/* navigation buttons */
.vyhliadka-navbuttons { position: absolute; top: -2%; left: -200px; }
.vyhliadka-navbuttons a { display: block; text-indent: -9000px; width: 50px; height: 50px; margin-bottom: 16px; background: url(../images/contactbuttons.png) no-repeat left -66px; }
.vyhliadka-navbuttons a:hover { background-position: left -66px; -moz-transition: background 0.3s; -o-transition: background 0.3s; -webkit-transition: background 0.3s; transition: background 0.3s; }
.vyhliadka-navbuttons a.govyhliadka { display: block; text-indent: -9000px; width: 50px; height: 66px; background-position: left -66px; }
.vyhliadka-navbuttons a.govyhliadka:hover { background-position: left top; }
.vyhliadka-navbuttons a.gofotovyhliadka { background-position: -100px top; }
.vyhliadka-navbuttons a.gofotovyhliadka:hover { background-position: -100px -66px; }
.vyhliadka-navbuttons a.govstupne { background: url(../images/navbuttons.png) -52px top; }
.vyhliadka-navbuttons a.govstupne:hover { background-position: -52px -66px; }

.correction-1 { top: 20px; left: -130px; }

/* ufointroduction */
.ufointroduction { width: 100%; max-width: 811px; position: absolute; left: 50%; top: 50%; bottom: auto; right: auto; -webkit-transform: translateX(-50%) translateY(-50%); -moz-transform: translateX(-50%) translateY(-50%);  -ms-transform: translateX(-50%) translateY(-50%); -o-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); text-align: center; }
.ufointroduction h2 { color: #000; font: 45px 'Museo Sans 500'; line-height: auto; margin-bottom: 25px; }
.ufointroduction p { font: 14px 'Museo Sans 500'; font-weight: normal; line-height: 24px; color: black; float: left; width: 370px; text-align: left; margin-left: 30px; }
.ufointroduction img { padding-bottom: 16px; }
#rmglogo { display: block; margin: 22px auto 22px auto; }
.ufointroduction a { display: block; font: 14px 'Futura Md BT'; font-weight: bold; max-width: 195px; padding: 15px 0 17px 0; margin: 45px auto 0 auto; color: white; background: rgba(0,0,0,0.6); border: 1px solid #808080; border-radius: 10px; transition: background 0.3s; -moz-transition: background 0.3s; -webkit-transition: background 0.3s; -o-transition: background 0.3s; }
.ufointroduction a:hover { background: #8a0020; color: white; border: 1px solid #8a0020; }

/* towerhistory */
.towerhistory { width: 100%; max-width: 990px; margin: 0 0 0 55px; position: absolute; left: 50%; top: 50%; bottom: auto; right: auto; -webkit-transform: translateX(-50%) translateY(-50%); -moz-transform: translateX(-50%) translateY(-50%);  -ms-transform: translateX(-50%) translateY(-50%); -o-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); text-align: center; }
.towerhistory h2 { font: 30px 'Futura Md BT'; color: #d60080; font-weight: bold; margin-bottom: 8px; }
.towerhistory p { font: 14px 'Museo Sans 500'; line-height: 24px; }
.historyboxrow  { margin: 0 0 50px 0; }
.historyboxrow div { float: left; max-width: 275px; margin-right: 55px; }

/* towerinfo */
.towerinfo { width: 100%; max-width: 1000px; position: absolute; left: 50%; top: 50%; bottom: auto; right: auto; -webkit-transform: translateX(-50%) translateY(-50%); -moz-transform: translateX(-50%) translateY(-50%);  -ms-transform: translateX(-50%) translateY(-50%); -o-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); text-align: center; }
.towerinfo h2 { font: 45px 'Museo Sans 500'; color: #000; margin-bottom: 40px; }
.towerinfo h2 span { font: 18px 'Museo Sans 500'; color: #fff; display: block; }
.towerinfo h3 { font: 14px 'Museo Sans 500'; line-height: 18px; color: #fcf1bf; }
.towerinfo p { font: 30px 'Futura Md BT'; }

.techinforow { margin-left: 45px; }
.techinforow div { float: left; width: 190px; margin-bottom: 25px; }

/* vstupne */
.paidsee { width: 100%; color: black; max-width: 800px; position: absolute; left: 50%; top: 50%; margin: 0 0 0 50px; bottom: auto; right: auto; -webkit-transform: translateX(-50%) translateY(-50%); -moz-transform: translateX(-50%) translateY(-50%);  -ms-transform: translateX(-50%) translateY(-50%); -o-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); }
.paidsee h1 { font: 39px 'Museo Sans 500'; font-weight: normal; line-height: auto; margin-left: 3%; }
.paidsee h1 span { display: block; font-size: 18px; margin-bottom: 16px; }
.payinfo div { font: 12px 'Museo Sans 500'; font-weight: normal; float: left; width: 30%; margin-left: 3%; line-height: 18px; }
.payinfo h2 { font-size: 16px; line-height: 22px; }
.paidsee p { width: 95%; margin: 0 0 20px 3%; font-size: 13px; background: black; color: white; padding: 6px 10px 8px 10px; width: auto; }
.payinfo div p { width: 95%; margin-bottom: 8px; padding: 0; background: transparent; color: black; }
.payinfo div p.price { font: 30px 'Futura Md BT'; margin-bottom: 15px; width: 100%; }
.payinfo div p.price span { font: 20px 'Futura Md BT'; margin-right: 10px; }

/* co uvidite */
.seesides { width: 100%; max-width: 800px; position: absolute; left: 50%; top: 50%; margin: 0 0 0 50px; bottom: auto; right: auto; -webkit-transform: translateX(-50%) translateY(-50%); -moz-transform: translateX(-50%) translateY(-50%);  -ms-transform: translateX(-50%) translateY(-50%); -o-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); text-align: center; }
.seesides h2 { font: 45px 'Museo Sans 500'; color: #fff; margin: 0 0 60px -100px; }
.seesides h2 span { display: block; font-size: 15px; }
.seesides div { width: 93px; float: left; text-align: center; margin-right: 105px; }
.seesides div img { width: 75px; height: 75px; display: block; margin: 0 auto 24px auto; }
.seesides div p { font: 14px 'Museo Sans 500'; line-height: 19px; width: 90px; text-align: center; margin: 0 auto 48px auto; }