hlavni.css

* {
    font-family: Arial;
}

body {
	margin: 0px;
    /*background: #b2b2b2;*/
}

button {
    display: block;
}

header {
    max-width: 1000px;
    height: 80px;
    margin: auto;
    background: #9B410E;
}

footer {
    max-width: 1000px;
    height: 81px;
    margin: auto;
    background: #e19edf;
}

#hlavni {
    width: 100%;
    height: 100vh;
    overflow: auto;
        
    /*background: #c9e19e;*/
	
}

#nadpis {
    float: left;
    /*width: 400px;*/
}

#obal-clanek {
    background: #B84215;
}

#obal-hlavicka {
    background: #684215;
}

#obal-hlavni_slider {
    background: #000000;
}




#obal-hlavni_slider .nivoSlider {
    clear: both;
    max-width: 1000px;
    height: 500px;
    margin: auto;
    background: #f0c040;
}



.info {
    display: none;
}

/* menu společné */

#menu.titulka a {
	display: block;
    text-align: center;
    color: white;
}

.sestiuhelnik-obal-vnejsi {
	position: absolute;
	width: 100%;
	height: 100%;
	
	overflow: hidden;
	visibility: hidden;
	-webkit-transform: rotate(120deg);
	-moz-transform: rotate(120deg);
	-o-transform: rotate(120deg);
	-ms-transform: rotate(120deg);
	transform: rotate(120deg);
	cursor: pointer;
}

.sestiuhelnik-obal-vnitrni {
	overflow: hidden;
	width: 100%;
	height: 100%;

	-webkit-transform: rotate(-60deg);
	-moz-transform: rotate(-60deg);
	-o-transform: rotate(-60deg);
	-ms-transform: rotate(-60deg);
	transform: rotate(-60deg);
}

.sestiuhelnik-obsah {
/*	-webkit-box-shadow: inset 0 0 0 200px rgba(176, 218, 212, 0.48);
	box-shadow: inset 0 0 0 200px rgba(176, 218, 212, 0.48);*/
	overflow: hidden;
	width: 100%;
	height: 100%;
	background-repeat: no-repeat;
	background-position: 50%;

	-webkit-background-size: 125%;
	-moz-background-size: 125%;
	background-size: 125%;
	visibility: visible;

	-webkit-transform: rotate(-60deg);
	-moz-transform: rotate(-60deg);
	-o-transform: rotate(-60deg);
	-ms-transform: rotate(-60deg);
	transform: rotate(-60deg);
}

/***********************
	menu titulka
************************/

#menu.titulka {
    width: 125vh;
	height: 98vh;
	max-width: 100vw;
	position: relative;
    margin: auto;
	margin-top: 1vh;
}

#menu.titulka a {
	display: block;
	width: 24vh;
	height: 27.84vh;
	position: absolute;
    text-align: center;
    color: white;
    line-height: 27.84vh;
    font-size: 2.5vh;
	z-index: 1;
}

#menu.titulka a.odkaz_dalsi, #menu.titulka a.odkaz_stredisko {
	width: 40vh;
	height: 46.4vh;
    /*line-height: 46.4vh;*/
	line-height: 5vh;
    z-index: 0;
}

#menu.titulka a.odkaz_stredisko p, #menu.titulka a.odkaz_dalsi p {
	margin: auto;
	width: 22vh;
}

#menu.titulka a p {
	margin: auto;
}

#menu.titulka a.odkaz_stredisko p {
	margin-top: 16vh;
}

#menu.titulka a.odkaz_dalsi p {
	margin-top: 17vh;
}

/* pozice */

/* vertikalni */
#menu.titulka a.odkaz_stredisko, #menu.titulka a.odkaz_dalsi {
	bottom: 2vh;
}

#menu.titulka a.odkaz_stenovice, #menu.titulka a.odkaz_severka{
	top: 2vh;
}


#menu.titulka a.odkaz_jizni_kriz, #menu.titulka a.odkaz_vlocka, #menu.titulka a.odkaz_hiawatha{
	top: 27vh;
}

/* horizontalni */

#menu.titulka a.odkaz_stredisko {
	width: 40vh;
	height: 46.4vh;
	left: 20vh;
    font-size: 4vh;
}

#menu.titulka a.odkaz_dalsi {
	right: 20vh;	
    font-size: 4vh;
}

#menu.titulka a.odkaz_stenovice {
	left: 27vh;
}

#menu.titulka a.odkaz_severka {
	left: 72vh;
}

#menu.titulka a.odkaz_jizni_kriz {
	left: 12vh;
}


#menu.titulka a.odkaz_vlocka {
	left: 50vh;
}

#menu.titulka a.odkaz_hiawatha {
	right: 12vh;
}

/* menu podstrana */

#menu.podstrana {
	width: 22vh;
    max-width: 30vw;
    position: fixed;
    right: 1.83vh;
    top: 0.83vh;
	z-index: 2;
}

#menu.podstrana a {
	color: white;
    display: block;
    font-size: 2.1vh;
/*    height: 15.7vh;*/
	height: 13vh;
    line-height: 13vh;
    margin-bottom: 0.25vh;
    position: relative;
    text-align: center;
    width: 15.6vh;
}

#menu.podstrana a p {
	display: inline-block;
    line-height: 2.5vh;
    margin: auto;
    vertical-align: middle;
    width: 14vh;
}



/* design podstrany */

#podstrana {
    width: 100%;
    min-height: 100vh;
    position: absolute;
    overflow: hidden;
}

.design-rectangle {
    position: absolute;
}

#first-design-rrectangle, #second-design-rrectangle, #third-design-rrectangle {
	z-index: 1;
}

#first-design-rrectangle {
    width: 50vw;
    height: 25vw;
    top: -17vw;
    left: -17vw;
    -webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

#second-design-rrectangle {
    width: 150vw;
    height: 50vw;
    top: -40vw;
    left: -20vw;
    -webkit-transform: rotate(15deg);
	-moz-transform: rotate(15deg);
	-o-transform: rotate(15deg);
	-ms-transform: rotate(15deg);
	transform: rotate(15deg);
}

#third-design-rrectangle {
    width: 200vw;
    height: 140vw;
    top: -5vw;
    left: 50vw;
    -webkit-transform: rotate(75deg);
	-moz-transform: rotate(75deg);
	-o-transform: rotate(75deg);
	-ms-transform: rotate(75deg);
	transform: rotate(75deg);
}

.domu {
	z-index: 2;
	height: 10vw;
    left: -4vw;
    position: fixed;
    top: -3vw;
    width: 12vw;
	 -webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	transform: rotate(-45deg);
	
}

.domu .sestiuhelnik-obsah .text {
	color: white;
    font-size: 1.5vw;
    padding-top: 6vw;
    text-align: center;
}
	
#menu.podstrana a#odkaz-ven {
	display: none;
	margin-top: 1vh;
    width: 22vh;
    height: 18vh;
    right: 3vh;
    line-height: 18vh;
    font-size: 3vh
}

#menu.podstrana a#odkaz-ven p {
    line-height: 3.5vh;
}


#clanek {
    box-sizing: border-box;
    height: 100%;
    max-height: 53vh;
    overflow: auto;
    padding-right: 10px;
    text-align: justify;
    width: 100%;
}

#clanek a {
    color: white;
    text-decoration: none;
}


#clanek-obal {
	background-color: rgba(50, 50, 50, 0.7);
    left: 8vw;
    padding: 2vw;
	padding-bottom: 3vw;
    position: absolute;
    top: 15vw;
    width: 50vw;
    z-index: 1;
}


/* slider */

.hlavniSlider {
    list-style-type: none;
}

#slider-obal {
    left: 0vw;
    position: absolute;
    width: 100vw;
	z-index: 0;   
    opacity: 0;
}

#podstrana #slider-obal {
    top: 1.4vw;
    width: 85vw;
    opacity: 1.0;
/*    visibility: visible;*/
}

#slider-obal img {
    width: 140vw;
}

#podstrana #slider-obal img {
	min-width: 75vw;
    min-height: 50vw;
    width: 153vh;
	height: 101vh;
}

#slider-obal .sy-caption-wrap {
	left: 23vw;
	top: 8vw;
}

#slider-obal .sy-pager {
	position: fixed;
	left: -15vw;
	bottom: 1vw;
	z-index: 3;
}

#slider-obal .sy-controls li a::after {
	background-image: url("http://stopa.skauting.cz/Knihovny/slippry-1.2.7/images/arrows.svg");
}


#slider-obal .sy-controls li.sy-next, #slider-obal .sy-controls li.sy-prev {
	top: 10vw;
}

#slider-obal .sy-controls li.sy-next {
    right: 15vw;
}

#slider-obal .sy-box.sy-loading {
	background-image: url("http://stopa.skauting.cz/Knihovny/slippry-1.2.7/images/sy-loader.gif");
}

#slider-obal .sy-pager li a {
	background-color: #FFFFFF;
}

/* Akce střediska */

#akce-strediska {
	width: 55vw;
	margin-left: 9vw;
    margin-top: 16vw;
	color: white;
}

#akce-strediska .akce-obal {
	position: relative;
	box-sizing: border-box;
	width: 47%;
	min-width: 300px;
	margin-right: 3%;
	margin-bottom: 2vw;
}

#akce-strediska .akce-obal.licha {
    float: left;
}

#akce-strediska .akce-obal.suda {
    float: right;
}

#akce-strediska .akce-obal .akce-odkaz {
	height: 5vw;
    left: -1vw;
    position: absolute;
    width: 6vw;
	text-align: center;
}

#akce-strediska .akce-obal .sestiuhelnik-obsah {
	line-height: 5vw;
	background-color: #FFFFFF;
	color: #000000;
}

#akce-strediska .akce-obal .sestiuhelnik-obsah.hover {
    background-color: rgb(150, 131, 163);
}

#akce-strediska .akce-obal .sestiuhelnik-obsah h2 {
	display: inline-block;
    line-height: 0.7vw;
    margin: auto;
    vertical-align: middle;
    width: 4vw;
	font-size: 0.7vw;
}

.akce-obal .sestiuhelnik-obal-vnejsi {
	
}

#akce-strediska .akce-obal .akce-text {
	margin-left: 5.5vw;
	padding-top: 2vw;
}

.akce-text a {
    text-decoration: none;
    color: rgb(150, 131, 163);
}

.sestiuhelnik-obsah.hover {
    display: none
}

#akce-strediska .sestiuhelnik-obal-vnejsi {
    cursor: auto;
}

#akce-strediska a .sestiuhelnik-obal-vnejsi {
    cursor: pointer;
}

/* loga */
#loga {
    background: #f4f4f4;
    padding: 5vh;
    text-align: center;
}

#loga img {
    margin: 2vh;
}

#logo {
    position: absolute;
    width: 100px;
    height: 120px;
    background: url(Obrazky/logo-seda.png) no-repeat; 
    top: 8vw;
    left: 64vw;
    z-index: 2;
}

#logo.titulka {
    top: 5vh;
    right: 5vh;
    left: auto;
}

#logo-junak {
    display: none;
}

#logo-junak.titulka {
    display: block;
    bottom: 5vh;
    left: 5vh;
    position: absolute;
    width: 180px;
    height: 194px;
    background: url(Obrazky/logo-junak.png?v2) no-repeat; 
    z-index: 2;
}