@import url("style_gallery.css");
@import url("style_hlavicka.css");
@import url("style_prava.css");
@import url("style_vizual.css");
@import url("style_hdr.css");
@import url("style_referencie.css");
@import url("style_sluzby.css");
@import url("style_home.css");
@import url("style_footer.css");
@import url("style_kontakt.css");

html{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:1.3em;
	color:#FFFFFF;
        //background: url(background.jpg) center top no-repeat;
	background-color:#FFFFFF;
}
body {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:1.3em;
	color:#FFFFFF;
        //background: url(background.jpg) center top no-repeat;
	background-color:#FFFFFF;
	text-align:left;
	padding:0;
	margin:0;
}
h1 {
    display: none;
}
a {
	text-decoration:none;
	color:#000;
	border:0;
	padding:0;
	margin:0;
	font-weight:normal;
}
a:hover {
	text-decoration:none;
	color:#e97a07;
}
a img{
	border:none;
	padding:0;
	margin:0;
}
img{
	border:none;
	padding:0;
	margin:0;
}
a:active, a:focus {
	outline: 0; 
}
div, iframe {
	margin:0;
	padding:0;
	border:none;
	outline:0;
}

/* Portrait */
 @media screen and (orientation: portrait) { 
#telo{
	width:100vw;
	height:160vw;
	margin:0 auto;
        overflow:hidden;
  }
#telo_okno{
	width:100%;
	height:100%;
        background: url(background_m.jpg) center top no-repeat;
	background-size:contain;
        position: relative;
        z-index: 1;
}
#pohoda{
	width:25.5vw;
	height:25.5vw;
        position: absolute;
        left: 39.42vw;
        top: 67vw5vw.67vw;
        background: url(pohoda.png) center top no-repeat;
	background-size: cover;
	background-position: top center;
        z-index: 2;
        display: block;
        overflow:hidden;
}
#pohoda:hover{
        //background-position-y: -256px;
        background-position-y: 100%;
}
#cas{
	//width:217px;
	width:22vw;
	//height:217px;
	height:22vw;
        position: absolute;
        //left: 47px;
        left: 23vw;
        //top: 184px;
        top: 106vw;
        background: url(cas.png) center top no-repeat;
        //background-color: #000000;
	background-size: cover;
	background-position: top center;
        z-index: 2;
        display: block;
        overflow:hidden;
	border: 10px;
}
#cas:hover{
        //background-position-y: -217px;
        background-position-y: 100%;
}
#radiomat{
	//width:121px;
	width:12.4vw;
	//height:121px;
	height:12.4vw;
        position: absolute;
        //left: 332px;
        left: 11.985vw;
        //top: 73px;
        top: 86.87vw;
        background: url(radiomat.png) center top no-repeat;
	background-size: cover;
	background-position: top center;
        z-index: 2;
        display: block;
        overflow:hidden;
}
#radiomat:hover{
        //background-position-y: -121px;
        background-position-y: 100%;
}
#rock{
	//width:147px;
	width:15.5vw;
	//height:148px;
	height:15.9vw;
        position: absolute;
        //left: 9px;
        left: 55.765vw;
        //top: 489px;
        top: 116.435vw;
        background: url(rock.png) center top no-repeat;
	background-size: cover;
	background-position: top center;
        z-index: 2;
        display: block;
        overflow:hidden;
}
#rock:hover{
        //background-position-y: -148px;
        background-position-y: 100%;
}
#dalnice{
	//width:191px;
	width:19.5vw;
	//height:191px;
	height:19.5vw;
        position: absolute;
        left: 68.8vw;
        top: 90.8vw;
        background: url(dalnice.png) center top no-repeat;
	background-size: cover;
	background-position: top center;
        z-index: 2;
        display: block;
        overflow:hidden;
}
#dalnice:hover{
        //background-position-y: -191px;
        background-position-y: 100%;
}
#ltv{
	//width:129px;
	width:13vw;
	//height:129px;
	height:13vw;
        position: absolute;
        //left: 562px;
        left: 71.5vw;
        //top: 644px;
        top: 63vw;
        background: url(ltv.png) center top no-repeat;
	background-size: cover;
	background-position: top center;
        z-index: 2;
        display: block;
        overflow:hidden;
}
#ltv:hover{
        //background-position-y: -129px;
        background-position-y: 100%;
}
#rebel{
	//width:191px;
	width:19.5vw;
	//height:191px;
	height:19.5vw;
        position: absolute;
        //left: 707px;
        left: 52.950vw;
        //top: 480px;
        top: 42.002vw;
        background: url(rebel.png) center top no-repeat;
	background-size: cover;
	background-position: top center;
        z-index: 2;
        display: block;
        overflow:hidden;
}
#rebel:hover{
        //background-position-y: -191px;
        background-position-y: 100%;
}
#podpovrchem{
	//width:191px;
	width:12vw;
	//height:191px;
	height:12vw;
        position: absolute;
        //left: 707px;
        left: 47.5vw;
        //top: 480px;
        top: 140.002vw;
        background: url(pod-povrchem.png) center top no-repeat;
	background-size: cover;
	background-position: top center;
        z-index: 2;
        display: block;
        overflow:hidden;
}
#podpovrchem:hover{
        //background-position-y: -191px;
        background-position-y: 100%;
}
#infotv{
	//width:131px;
	width:13.50vw;
	//height:131px;
	height:13.50vw;
        position: absolute;
        //left: 906px;
        left: 29.927vw;
        //top: 257px;
        top: 28.005vw;
        background: url(infotv.png) center top no-repeat;
	background-size: cover;
	background-position: top center;
        z-index: 2;
        display: block;
        overflow:hidden;
}
#infotv:hover{
        //background-position-y: -131px;
        background-position-y: 100%;
}
#relax{
	//width:192px;
	width:19.25vw;
	//height:191px;
	height:19.10vw;
	vw;
        position: absolute;
        //left: 565px;
        left: 15.005vw;
        //top: 102px;
        top: 56.539vw;
        background: url(relax.png) center top no-repeat;
	background-size: cover;
	background-position: top center;
        z-index: 2;
        display: block;
        overflow:hidden;
}
#relax:hover{
        //background-position-y: -191px;
        background-position-y: 100%;
}
}

/* Landscape */
 @media screen and (orientation: landscape) { 

#telo{
	width:100vw;
	//height:130vw;
	height:50vw;
	margin:0 auto;
        overflow:hidden;
  }
#telo_okno{
	width:100%;
	height:100%;
        background: url(background.jpg) center top no-repeat;
	background-size:contain;
        position: relative;
        z-index: 1;
}
#pohoda{
	width:15.9vw;
	height:15.9vw;
        position: absolute;
        left: 42.12vw;
        top: 16.67vw;
        background: url(pohoda.png) center top no-repeat;
	background-size: cover;
	background-position: top center;
        z-index: 2;
        display: block;
        overflow:hidden;
}
#pohoda:hover{
        //background-position-y: -256px;
        background-position-y: 100%;
}
#cas{
	//width:217px;
	width:13vw;
	//height:217px;
	height:13vw;
        position: absolute;
        //left: 47px;
        left: 22vw;
        //top: 184px;
        top: 3.5vw;
        background: url(cas.png) center top no-repeat;
        //background-color: #000000;
	background-size: cover;
	background-position: top center;
        z-index: 2;
        display: block;
        overflow:hidden;
	border: 10px;
}
#cas:hover{
        //background-position-y: -217px;
        background-position-y: 100%;
}
#radiomat{
	//width:121px;
	width:6.8vw;
	//height:121px;
	height:6.8vw;
        position: absolute;
        //left: 332px;
        left: 42.885vw;
        //top: 73px;
        top: 1.27vw;
        background: url(radiomat.png) center top no-repeat;
	background-size: cover;
	background-position: top center;
        z-index: 2;
        display: block;
        overflow:hidden;
}
#radiomat:hover{
        //background-position-y: -121px;
        background-position-y: 100%;
}
#rock{
	//width:147px;
	width:10.5vw;
	//height:148px;
	height:10.5vw;
        position: absolute;
        //left: 9px;
        left: 8.366vw;
        //top: 509px;
        top: 18.45vw;
        background: url(rock.png) center top no-repeat;
	background-size: cover;
	background-position: top center;
        z-index: 2;
        display: block;
        overflow:hidden;
}
#rock:hover{
        //background-position-y: -148px;
        background-position-y: 100%;
}
#dalnice{
	//width:191px;
	width:11vw;
	//height:191px;
	height:11vw;
        position: absolute;
        left: 37.55vw;
        top: 36vw;
        background: url(dalnice.png) center top no-repeat;
	background-size: cover;
	background-position: top center;
        z-index: 2;
        display: block;
        overflow:hidden;
}
#dalnice:hover{
        //background-position-y: -191px;
        background-position-y: 100%;
}
#ltv{
	//width:191px;
	width:7.6vw;
	//height:191px;
	height:7.6vw;
        position: absolute;
        //left: 707px;
        left: 74.8vw;
        //top: 480px;
        top: 8.602vw;
        background: url(ltv.png) center top no-repeat;
	background-size: cover;
	background-position: top center;
        z-index: 2;
        display: block;
        overflow:hidden;
}
#ltv:hover{
        //background-position-y: -191px;
        background-position-y: 100%;
}
#rebel{
	//width:191px;
	width:12vw;
	//height:191px;
	height:12vw;
        position: absolute;
        //left: 707px;
        left: 69.2vw;
        //top: 480px;
        top: 24.902vw;
        background: url(rebel.png) center top no-repeat;
	background-size: cover;
	background-position: top center;
        z-index: 2;
        display: block;
        overflow:hidden;
}
#rebel:hover{
        //background-position-y: -191px;
        background-position-y: 100%;
}
#podpovrchem{
	//width:191px;
	width:7.5vw;
	//height:191px;
	height:7.5vw;
        position: absolute;
        //left: 707px;
        left: 27.342vw;
        //top: 480px;
        top: 26.402vw;
        background: url(pod-povrchem.png) center top no-repeat;
	background-size: cover;
	background-position: top center;
        z-index: 2;
        display: block;
        overflow:hidden;
}
#podpovrchem:hover{
        //background-position-y: -191px;
        background-position-y: 100%;
}
#infotv{
	//width:131px;
	width:7vw;
	//height:131px;
	height:7vw;
        position: absolute;
        //left: 906px;
        left: 57.7vw;
        //top: 252px;
        top: 35.955vw;
        background: url(infotv.png) center top no-repeat;
	background-size: cover;
	background-position: top center;
        z-index: 2;
        display: block;
        overflow:hidden;
}
#infotv:hover{
        //background-position-y: -131px;
        background-position-y: 100%;
}
#relax{
	//width:192px;
	width:8.5vw;
	//height:191px;
	height:8.5vw;
	vw;
        position: absolute;
        //left: 565px;
        left: 55vw;
        //top: 102px;
        top: 6.6vw;
        background: url(relax.png) center top no-repeat;
	background-size: cover;
	background-position: top center;
        z-index: 2;
        display: block;
        overflow:hidden;
}
#relax:hover{
        //background-position-y: -191px;
        background-position-y: 100%;
}
}