/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 11.9.2017, 8:14:22
    Author     : uzivatel
*/
*{margin:0;
padding: 0;
box-sizing: border-box;}
body{background: url("pozadi.png") fixed no-repeat;
background-size:  100%;
font-family: 'Open Sans', sans-serif;
font-family: 'Arimo', sans-serif;}

header{background-image : url('headr.jpg');
width: 100%;
line-height: 228px;
height: 228px;}

#stranka{background-color: rgba(255,255,255,0.7);
text-align: center;

width: 1020px;
margin: auto;
}
#stranka img{margin: auto;
width: 600px;}
#stranka a{max-width: 100%;}
.kapitola{height: 200px;margin: auto;}
#Povidani{width: 450px;
margin: auto;
}

p{text-align: justify;}

form input{width:400px;        
height: 50px;
margin: auto;

margin-top: 2em;}



span{margin-right: 3%;
float: right;}

span:hover{
color:cadetblue;}
.odkazy{float: left;
padding-left: 9em;
padding-top: 2em;
position: absolute;
}


.podkomentare_funkce{border: 1px solid lightgray;
                 width: 400px;
                 margin: auto;
                 background-color: whitesmoke;}
.podkomentare_funkce h4{text-align: justify;
                    padding-top: 0;
                    padding-left: 30px;}
.podkomentare_funkce p{text-align: unset;}
.smaz{color: darkred;
     float: right;
     clear: right;
     margin-top: -8px;
     margin-right: 24px;}
.smaz:hover{color: darkred;}
.komentar_funkce{border: 3px solid gray;
                width: 489px;
                margin: auto;
                background: white;
                margin-top: 3em;
                padding-bottom: 3em;}
.komentar_funkce h4{text-align: justify;
                   padding-top: 0;
                   padding-left: 30px;}
.komentar_funkce p{text-align: unset;}
.pridej_koment{color:cadetblue;
              float: left;
              margin-left: 24px;
              padding-top: 40px;}
.smaz1{color:darkred; float:left; margin-left:230px;padding-top: 20px;}
.podKomentar textarea{border:2px solid #dcdcdc;
                     width: 400px;
                     height: 200px;}






a:hover{color: cadetblue;}
a{list-style: none;
text-decoration: none;
color: black;
font-size: 17px;
font-family: 'Open Sans', sans-serif;}
h1{font-size: 70px;
color: cadetblue;
} 
h2{margin-top: 5em;
font-size: 32px;}

h2:hover{text-decoration: underline grey;
color: grey;}

h4{padding-top: 10em;}
h5{text-align: justify;
margin-left: 26em;}
h6{    font-size: 20px;
    text-align: justify;
    width: 600px;
    margin: auto;
    margin-top: 4em;}
.nadpis_registre h7{margin-top: 4px; 
   color: darkred;}
.nadpis_registre h4 a{color:grey;}
.nadpis_registre h4 a:hover{cadetblue;}
h8{color: gray; 
   font-size:10px;}
textarea{border:2px solid #dcdcdc; width: 500px;height: 200px;padding-left:10px;padding-right: 10px;}
footer{background: whitesmoke;
margin-top: 4em;}

ol{margin-top: 10px;
margin-left: 38px;}

.form_registrace input{border:2px solid #dcdcdc;padding-left:4px;}
.prihlaseni input{border:2px solid #dcdcdc;padding-left:4px;}

.Povidani p{margin-bottom: 10px;
width: 554px;
margin: auto;
text-align: left;} 



.podKomentar{display: none;}


.lalala{width: 377px;
margin: auto;
text-align: justify;}
h7{
    font-weight: bold;
    color:#38a18c;}

text_obr{width: 600px;
margin: auto;}


#carka{width: 600px;height: 1px;background: grey;margin: auto;}












#ukazkamenu {color: white; margin: 4px 25px 4px  0;  width: 979px; float: right;}
#ukazkamenu a {cursor: pointer;}
#ukazkamenu ul { padding: 3px 4px; height: 25px;}
#ukazkamenu li {float: right; list-style-type:none; font-size: 15px; margin: 0 10px;}
#ukazkamenu li ul {display: none;}
#ukazkamenu li:hover ul {display: block; position: absolute; z-index: 10; padding: 12px; margin: 0 -35px;}
#ukazkamenu li:hover ul li {background: whitesmoke; float: none; text-align: center; padding: 8px 20px;}
#ukazkamenu li:hover ul li ul {display: none;}
#ukazkamenu li:hover ul li:hover ul {display: block; position: absolute; margin: -35px 34px;}
#ukazkamenu li:hover ul li:hover ul li{background: darkgrey;}
#ukazkamenu a:hover{color: cadetblue;}