body{
    font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
    margin: 0px;
}
header{
    height: 100px;
}
.logo1{
    margin-left: 407.5px;
    margin-top: -90px;
}
.logo2{
    margin-left: 907.5px;
    margin-top: -102.5px;
}
.logo1 img, .logo2 img{
    height: 100px;
    width: 100px;
}
.obalka{
    width: 1415px;
    margin: 0 auto;
}
.pozadi{
    border-top: 15px black solid;
    background-image: url(obrazky_domovska_stranka/pozadi.png);
    width: 1415px;
    height: 1024px;
    margin-top: -10px;
}
h1{
    text-align: center;
    width: 400px;
    margin-left: 507.5px;
    font-size: 40px;
}
.popis{
    width: 815px;
    font-size: 30px;
    margin: 100px 0 100px 175px;
}
.cara{
    
    background-color: #72706d;
    width: 100%;
    text-align: center;
    height: 75px;
}
h2{
    padding-top: 10px;
    color: white;
    font-size: 45px;
}
.spektrum{
    display: inline-flex;
    width: 1415px;
    gap: 29px;
}
.levice{
    background-image: url(obrazky_domovska_stranka/levice.png);
    background-repeat: no-repeat;
    width: 260px;
    height: 191px;
    background-size: 100%;
    margin-bottom: -20px;
}
.liberalismus{
    background-image: url(obrazky_domovska_stranka/liberalismus.png);
    background-repeat: no-repeat;
    width: 260px;
    height: 191px;
    background-size: 100%;
    margin-bottom: -20px;
}
.autoritatismus{
    background-image: url(obrazky_domovska_stranka/autoritatismus.png);
    background-repeat: no-repeat;
    width: 260px;
    height: 191px;
    background-size: 100%;
    margin-bottom: -20px;
}
.pravice{
    background-image: url(obrazky_domovska_stranka/pravice.png);
    background-repeat: no-repeat;
    width: 260px;
    height: 191px;
    background-size: 100%;
    margin-bottom: -20px;
}
.special{
    background-image: url(obrazky_domovska_stranka/specialni_smery.png);
    background-repeat: no-repeat;
    width: 260px;
    height: 191px;
    background-size: 100%;
    margin-bottom: -20px;
}
a p{
    width: 260px;
    text-align: center;
    font-size: 25px;
}
a{
    height: 191px;
    text-decoration: none;
    color: black;
    margin-top: 25px;
}
.spektrum a:hover, .autoritatismus:hover, .liberalismus:hover, .levice:hover, .pravice:hover{
    text-decoration: none;
    background-color: #72706d;
    filter: blur(5px);
    padding-bottom: 40px;
    margin-bottom: -60px;
}
.domu:hover{
    filter: blur(2.5px);
}
.home_footer{
    margin-top: 45px;
    border-top: 25px #72706d solid;
    font-size: 25px;
    text-align: center;
}



.logo1_levice{
    margin-left: 510px;
    margin-top: -90px;
}
.logo2_levice{
    margin-left: 800px;
    margin-top: -102.5px;
}
.logo1_levice img, .logo2_levice img{
    height: 100px;
    width: 100px;
}
.pozadi_levice{
    border-top: 15px black solid;
    background-image: url(obrazky_levice/pozadi_levice.png);
    width: 1415px;
    height: 1024px;
    margin-top: -10px;
}
.popis_levice{
    width: 815px;
    font-size: 30px;
    margin: 100px 0 100px 175px;
}
.cara_levice{
    background-color: #97230c;
    width: 100%;
    text-align: center;
    height: 75px;
}
.spektrum_levice{
    display: inline-flex;
    width: 1245px;
    gap: 50px;
    margin-left: 170px;
    
}
.socialni_demokracie{
    background-image: url(obrazky_levice/socialni_demokracie.png);
    background-repeat: no-repeat;
    width: 325px;
    height: 256px;
    background-size: 100%;
    margin-bottom: -20px;
}
.socialismus{
    background-image: url(obrazky_levice/socialismus.png);
    background-repeat: no-repeat;
    width: 325px;
    height: 256px;
    background-size: 100%;
    margin-bottom: -20px;
}
.komunismus{
    background-image: url(obrazky_levice/komunismus.png);
    background-repeat: no-repeat;
    width: 325px;
    height: 256px;
    background-size: 100%;
    margin-bottom: -20px;
}
.spektrum_levice a:hover, .socialni_demokracie:hover, .socialismus:hover, .komunismus:hover{
    text-decoration: none;
    padding-bottom: 40px;
    margin-bottom: -60px;
    filter: blur(5px);
}
.spektrum_levice p{
    width: 325px;
}
.levice_footer{
    margin-top: 85px;
    border-top: 25px #97230c solid;
    font-size: 25px;
    text-align: center;
}



.logo1_liberalismus{
    margin-left: 470px;
    margin-top: -90px;
}
.logo2_liberalismus{
    margin-left: 840px;
    margin-top: -102.5px;
}
.logo1_liberalismus img, .logo2_liberalismus img{
    height: 100px;
    width: 100px;
}
.pozadi_liberalismus{
    border-top: 15px black solid;
    background-image: url(obrazky_liberalismus/liberalismus_pozadi.png);
    width: 1415px;
    height: 1024px;
    margin-top: -10px;
}
.popis_liberalismus{
    width: 815px;
    font-size: 30px;
    margin: 100px 0 100px 175px;
}
.cara_liberalismus{
    background-color: #ff914d;
    width: 100%;
    text-align: center;
    height: 75px;
}
.spektrum_liberalismus{
    display: inline-flex;
    width: 1245px;
    gap: 50px;
    margin-left: 170px;
}
.klasicky_liberalismus{
    background-image: url(obrazky_liberalismus/klasicky_libearlismus.png);
    background-repeat: no-repeat;
    width: 325px;
    height: 256px;
    background-size: 100%;
    margin-bottom: -20px;
}
.socialni_liberalismus{
    background-image: url(obrazky_liberalismus/socialni_liberalismus.png);
    background-repeat: no-repeat;
    width: 325px;
    height: 256px;
    background-size: 100%;
    margin-bottom: -20px;
}
.libertarianismus{
    background-image: url(obrazky_liberalismus/libertarianismus.png);
    background-repeat: no-repeat;
    width: 325px;
    height: 256px;
    background-size: 100%;
    margin-bottom: -20px;
}
.spektrum_liberalismus a:hover, .socialni_liberalismus:hover, .klasicky_liberalismus:hover, .libertarianismus:hover{
    text-decoration: none;
    padding-bottom: 40px;
    margin-bottom: -60px;
    filter: blur(5px);
}
.spektrum_liberalismus p{
    width: 325px;
}
.liberalismus_footer{
    margin-top: 85px;
    border-top: 25px #ff914d solid;
    font-size: 25px;
    text-align: center;
}



.logo1_autoritatismus{
    margin-left: 460px;
    margin-top: -90px;
}
.logo2_autoritatismus{
    margin-left: 850px;
    margin-top: -102.5px;
}
.logo1_autoritatismus img, .logo2_autoritatismus img{
    height: 100px;
    width: 100px;
}
.pozadi_autoritatismus{
    border-top: 15px black solid;
    background-image: url(obrazky_autoritatismus/autoritatismus_pozadi.png);
    width: 1415px;
    height: 1024px;
    margin-top: -10px;
}
.popis_autoritatismus{
    width: 815px;
    font-size: 30px;
    margin: 100px 0 100px 175px;
}
.cara_autoritatismus{
    background-color: #6d412a;
    width: 100%;
    text-align: center;
    height: 75px;
}
.spektrum_autoritatismus{
    display: inline-flex;
    width: 1415px;
    gap: 41px;
}
.spektrum_autoritatismus p{
    width: 250px;
    height: 181px;
}
.autoritarismus_a{
    width: 250px;
    height: 181px;
}
.osobni_diktatura{
    background-image: url(obrazky_autoritatismus/osobni_diktatura.png);
    background-repeat: no-repeat;
    width: 250px;
    height: 181px;
    background-size: 100%;
    margin-bottom: -20px;
}
.vojenska_diktatura{
    background-image: url(obrazky_autoritatismus/vojenska_diktatura.png);
    background-repeat: no-repeat;
    width: 250px;
    height: 181px;
    background-size: 100%;
    margin-bottom: -20px;
}
.absolutni_monarchie{
    background-image: url(obrazky_autoritatismus/absolutni_monarchie.png);
    background-repeat: no-repeat;
    width: 250px;
    height: 181px;
    background-size: 100%;
    margin-bottom: -20px;
}
.teokracie{
    background-image: url(obrazky_autoritatismus/teokracie.png);
    background-repeat: no-repeat;
    width: 250px;
    height: 181px;
    background-size: 100%;
    margin-bottom: -20px;
}
.vlada_jedne_strana{
    background-image: url(obrazky_autoritatismus/vlada_jedne_strany.png);
    background-repeat: no-repeat;
    width: 250px;
    height: 181px;
    background-size: 100%;
    margin-bottom: -20px;
}
.spektrum_autoritatismus a:hover, .osobni_diktatura:hover, .vojenska_diktatura:hover, .absolutni_monarchie:hover, .teokracie:hover, .vlada_jedne_strana:hover{
    text-decoration: none;
    padding-bottom: 40px;
    margin-bottom: -60px;
    filter: blur(5px);
}
.spektrum_autoritatismus p{
    width: 250px;
}
.autoritarismus_footer{
    margin-top: 110px;
    border-top: 25px #6d412a solid;
    font-size: 25px;
    text-align: center;
}



.logo1_pravice{
    margin-left: 510px;
    margin-top: -90px;
}
.logo2_pravice{
    margin-left: 800px;
    margin-top: -102.5px;
}
.logo1_pravice img, .logo2_pravice img{
    height: 100px;
    width: 100px;
}
.pozadi_pravice{
    border-top: 15px black solid;
    background-image: url(obrazky_pravice/pravice_pozadi.png);
    width: 1415px;
    height: 1024px;
    margin-top: -10px;
}
.popis_pravice{
    width: 815px;
    font-size: 30px;
    margin: 100px 0 100px 175px;
}
.cara_pravice{
    background-color: #38b6ff;
    width: 100%;
    text-align: center;
    height: 75px;
}
.spektrum_pravice{
    display: inline-flex;
    width: 1245px;
    gap: 50px;
    margin-left: 170px;
}
.konzervatismus{
    background-image: url(obrazky_pravice/konzervatismus.png);
    background-repeat: no-repeat;
    width: 325px;
    height: 256px;
    background-size: 100%;
    margin-bottom: -20px;
}
.nacionalismus{
    background-image: url(obrazky_pravice/nacionalismus.png);
    background-repeat: no-repeat;
    width: 325px;
    height: 256px;
    background-size: 100%;
    margin-bottom: -20px;
}
.ultra-konzervatismus{
    background-image: url(obrazky_pravice/ultra-konzervatismus.png);
    background-repeat: no-repeat;
    width: 325px;
    height: 256px;
    background-size: 100%;
    margin-bottom: -20px;
}
.spektrum_pravice a:hover, .konzervatismus:hover, .nacionalismus:hover, .ultra-konzervatismus:hover{
    text-decoration: none;
    padding-bottom: 40px;
    margin-bottom: -60px;
    filter: blur(5px);
}
.spektrum_pravice p{
    width: 325px;
}
.pravice_footer{
    margin-top: 70px;
    border-top: 25px #38b6ff solid;
    font-size: 25px;
    text-align: center;
}



.logo1_special{
    margin-left: 450px;
    margin-top: -90px;
}
.logo2_special{
    margin-left: 860px;
    margin-top: -102.5px;
}
.logo1_special img, .logo2_special img{
    height: 100px;
    width: 100px;
}
.pozadi_special{
    border-top: 15px black solid;
    background-image: url(obrazky_specialni_smery/specialni_smery_pozadi.png);
    width: 1415px;
    height: 1024px;
    margin-top: -10px;
}
.popis_special{
    width: 815px;
    font-size: 30px;
    margin: 100px 0 100px 175px;
}
.cara_special{
    background-color: #040404;
    width: 100%;
    text-align: center;
    height: 75px;
}
.spektrum_special{
    display: inline-flex;
    width: 1415px;
    gap: 38px;
    
}
.anarchiste{
    background-image: url(obrazky_specialni_smery/anarchiste.png);
    background-repeat: no-repeat;
    width: 325px;
    height: 256px;
    background-size: 100%;
    margin-bottom: -20px;
}
.ekologiste{
    background-image: url(obrazky_specialni_smery/ekologiste.png);
    background-repeat: no-repeat;
    width: 325px;
    height: 256px;
    background-size: 100%;
    margin-bottom: -20px;
}
.populiste{
    background-image: url(obrazky_specialni_smery/populiste.png);
    background-repeat: no-repeat;
    width: 325px;
    height: 256px;
    background-size: 100%;
    margin-bottom: -20px;
}
.centriste{
    background-image: url(obrazky_specialni_smery/centriste.png);
    background-repeat: no-repeat;
    width: 325px;
    height: 256px;
    background-size: 100%;
    margin-bottom: -20px;
}
.spektrum_special a:hover, .anarchiste:hover, .ekologiste:hover, .populiste:hover, .centriste:hover{
    text-decoration: none;
    padding-bottom: 40px;
    margin-bottom: -60px;
    filter: blur(5px);
}
.spektrum_special p{
    width: 325px;
}
.special_footer{
    margin-top: 70px;
    border-top: 25px #040404 solid;
    font-size: 25px;
    text-align: center;
}