/* CSS Document */
/* */

/* * * * * * * * * * * Standart * * * * * * * * * * */
body {
background-color: #801010;
padding: 0px;
margin: 0px;
}

#page {
background-color: rgb(255,245,245);
color: black;
min-width: 450px;
max-width: 900px;
margin: auto;
border: 1px solid black;
}

h2, h3 {
text-align: center;
margin: auto;
font-size: 160%;
}

h2 {
margin: 10px 0px 20px 0px;
}

.odstavec {  /*odstavec*/ 
margin-left: 0px;
margin-right: 0px;
text-indent: 1em;
text-align: justify;
padding: 5px 15px;
}

.text div {  /*sekce odstavecù*/ 
margin-left: 0px;
margin-right: 0px;
text-indent: 1em;
text-align: justify;
padding: 5px 15px;
}

hr {
background-color:  #600000;
color: #600000;
height: 2px;
border: 1px solid;
}

#hlnadpis {
border: 6px rgb(220,0,0) double
}

/* * * * * * * * * * * Links * * * * * * * * * * */

a:link, a:visited, a:active {
color: black;
}

a:hover {
color: black;
background-color: rgb(255,245,245);
text-decoration: none;
}

/* * * * * * * * * * * Header, Footer * * * * * * * * * * */

#header {
background-color: #550000;
background-image: url(../img/pozadi3.PNG);
background-position: left;
background-repeat: repeat-x;
margin-left: 0px;
margin-right: 0px;
margin-bottom: 20px;
padding: 10px 10px 0px;
text-align: center;
color: rgb(255,230,230);
border-bottom: 1px solid black;
}

h1 { /*Header*/
font-variant: small-caps;
background-color: #800000;
background-image: url(../img/pozadi3c.PNG);
background-position: top;
background-repeat: repeat-x;
border-top: solid 2px #CC0000;
border-bottom: solid 2px #AA0000;
border-left: solid 2px #CC0000;
border-right: solid 2px #AA0000;
font-weight: 900;
font-size: 230%;
margin: 0px 15% -25px 15%;
text-align: center;
}

#footer {
margin: 0px;
padding: 3px 0px;
font-size: 75%;
background-color: #500000;
background-image: url(../img/pozadi3d.PNG);
background-position: bottom;
background-repeat: repeat-x;
text-align: center;
border-top: 1px solid black;
color: white;
}

#header ul {
list-style: none;
padding: 0px;
margin: 20px;
} 

#footer ul {
list-style: none;
padding: 0px;
margin: 0px;
} 

#footer li, #header li {
display: inline;
} 

#footer a:link, #footer a:visited, #footer a:active,
#header a:link, #header a:visited, #header a:active {
padding: 3px 5px 3px 5px;
margin: 1px;
background-color: #700000;
background-image: url(../img/pozadi3b.PNG);
background-position: left;
background-repeat: repeat-x;
color: rgb(255,230,230);
border-top: solid 1px #CC0000;
border-bottom: solid 1px #880000;
border-left: solid 1px #BB0000;
border-right: solid 1px #990000;
text-decoration: none;
line-height: 280%;
}

#footer a:hover, #header a:hover {
padding: 1px 5px 1px 5px;
margin: 1px;
background-color: #800000;
color: white;
border-top: solid 1px #BB0000;
border-bottom: solid 1px #770000;
border-left: solid 1px #AA0000;
border-right: solid 1px #880000;
text-decoration: none;
}

#header a.actual {
padding: 5px;
margin: 1px;
background-color: #BB0000;
color: white;
border: solid 1px black;
text-decoration: none;
}

/* * * * * * * * * * * Telo * * * * * * * * * * */

#main {
min-height: 225px;
margin: -20px 10px 10px 10px;
padding: 1ex;
}

#leftmenu {
margin: -20px 0px 0px 0px;
padding: 5px;
float: left;
width: 160px;
}

ul.menu {
list-style-type: none;
margin: 1ex 1ex 1ex 2ex;
padding: 0;
}

#navigace  {
margin-left: 0px;
margin-right: 0px;
padding: 10px 10px 0px;
text-align: center;
}

#navigace ul {
list-style: none;
padding: 0px;
margin: 0px;
}

#navigace li {
display: inline;
}

ul li {
color: rgb(50,40,40)
}

ul li li {
color: rgb(0,0,0)
}

ul li li li {
color: rgb(50,40,40)
}

#navigace a:link, #navigace a:visited, #navigace a:active {
padding: 2px;
margin: 1px;
background-color: rgb(255,150,150);
color: black;
border: solid 1px red;
text-decoration: none;
line-height: 300%;
}
#navigace a:hover {
padding: 1px 2px 1px 2px;
margin: 1px;
background-color: rgb(255,100,100);
color: black;
border: solid 1px red;
text-decoration: none;
}

img {
border: none;
text-align: center;
}

#kurziva {
font-style: italic;
}

#kod {
border: 1px dashed rgb(204,0,0);
background: rgb(255,205,200);
text-indent: 0px;
}

#gramatika h2 {
color: #AA0000;
}

#gramnavigace  {
text-align: center;
}

#gramuvod {
padding: 1px 2px 1px 2px;
margin: 1px;
background-color: rgb(255,210,200);
border: 1px dashed rgb(204,0,0);
}

#gramnavigace a:link, #gramnavigace a:visited, #gramnavigace a:active {
padding: 1px 5px 1px 5px;
margin: 1px;
background-color: rgb(255,140,130);
background-image: url(../img/pozadi3b.PNG);
background-position: left;
background-repeat: repeat-x;
color: white;
border: 1px solid rgb(170,60,30);
text-decoration: none;
line-height: 200%;
}

#gramnavigace a:hover {
padding: 1px 2px 1px 2px;
margin: 1px;
background-color: rgb(205,90,80);
color: rgb(250,210,200);
border: solid 1px solid 1px rgb(255,180,150);
text-decoration: none;
}
 
#centrovani {
text-align: center;
}