a:link, a:visited {
text-decoration: none ;
color: #fbba15 ;
transition-duration: 0.3s ;
}

a[href]:hover {
text-decoration: underline ;
}

a[href$=".pdf"]:after {
content: url("_ico.pdf.jpg") ;
display: inline-block ; /* kvuli vertical-align: */
vertical-align: middle ;
margin-left: 1em ;
}

h2 {
text-transform: uppercase ;
font-size: 240% ;
}

h3 {
font-size: 210% ;
}

h4 {
font-size: 150% ;
}

h1, h2, h3, h4 {
margin: 2em 0 0 0 ;
color: #414042 ;
}

h1 {
margin-top: 0 ;
}

/* hezci centrovani */
ul, ol {
list-style-position: inside ;
}

/* hezci centrovani */
li {
margin: 0 2.4em ;
}

code {
background: #eeeeee ;
}

pre {
border: 1px dashed #ababab ;
background: #eeeeee ;
}

blockquote {
border-left: 3px solid #cccccc ;
background: #eeeeee ;
}

#eof hr {
max-width: 60em ;
height: 1px ;
margin: 3.2em auto ; /* DORESIT - jako <h2> */
background: #dbdbdb ;
}

img {
max-width: 100% ;
height: auto ;
vertical-align: bottom ;
border-radius: 6px ;
}

a img {
border-radius: 0 ;
}

#qdbp_00_kontakt form h2,
#qdbp_00_kontakt .czh_p_btn,
#eof h2,
#eof h3,
#eof h4,
#eof h5,
#eof h6,
#eof ul,
#eof ol,
#eof p,
h1
{
text-align: center ;
}

table {
margin: 1em auto ;
}

th, td {
border: 1px solid #818285 ;
}

th {
color: #414042 ;
background: #dedfe0 ;
}

/* buttonek */
button,
a.czh_btn,
input[type="button"],
input[type="submit"] {
border: 2px solid #fbba15 ;
color: #595959 ;
background: #ffffff ;
border-radius: 4px ;
transition-duration: 0.3s ;
}

/* buttonek - pod kurzorem */
button:hover,
a.czh_btn:hover,
input[type="button"]:hover,
input[type="submit"]:hover {
color: #ffffff ;
background: #fbba15 ;
}

/* vstupni kolonka */
textarea,
input[type="text"],
input[type="password"] {
border: 2px solid #ffffff ;
background: #e6e7e8 ;
border-radius: 6px ;
transition-duration: 0.3s ;
}

/* vstupni kolonka - pod kurzorem */
textarea:hover,
input[type="text"]:hover,
input[type="password"]:hover {
background: #d8d9da ;
}

/* vstupni kolonka - aktivni */
textarea:focus,
input[type="text"]:focus,
input[type="password"]:focus {
border-color: #fbba15 ;
background: #d8d9da ;
}

/* #==============================================================================
# layout
#============================================================================== */

html {
min-height: 100% ;
}

body {
margin: 0 ;
font-family: "Segoe UI", sans-serif ;
font-size: 12px ;
color: #4b5366 ;
background: #828689 ;
}

h1 {
font-size: 200% ;
}

#cover {
background: #ffffff ;
}

#inner {
clear: both ;
margin: 42px 16px ;
}

#zapati {
padding: 24px 16px ;
text-align: center ;
border-top: 1px solid #818285 ;
color: #646567 ;
background: #dedfe0 ;
}

#zapati a {
color: #4b5366 ;
}

#zapati img {
margin-top: 24px ;
}

#paticka {
margin: 0 ;
padding: 12px ;
text-align: center ;
background: #828689 ;
}

#paticka a {
color: inherit ;
}

#sipka_nahoru {
clear: both ;
margin-top: 48px ;
text-align: center ;
}

#logo {
margin: 0 ;
padding: 1.6em 0 ;
background: #828689 ;
}

#logo a {
display: block ;
width: 256px ;
height: 256px ;
margin: auto ;
background: url("logo.png") no-repeat center ;
border: 3px solid #dedfe0 ;
border-radius: 30px ;
}

#logo a:hover {
border-color: #fbba15 ;
}

#logo span {
display: none ;
}

#cover_menu {
border-bottom: 1px solid #818285 ;
}

#prepinac_menu {
display: none ;
}

#menu {
background: #dedfe0 ;
}

#menu, #navigace ul {
margin: 0 ;
padding: 0 ;
text-align: center ;
list-style-type: none ;
}

#menu li, #navigace li {
display: inline ;
margin: 0 ;
padding: 0 ;
}

#menu a {
display: inline-block ;
padding: 12px 1% 10px 1% ;
text-decoration: none ;
font-weight: bold ;
font-size: 16px ;
color: #414042 ;
}

#menu a:hover, #menu a.active {
color: #fdb200 ;
}

#navigace a {
display: block ;
text-decoration: none ;
}

#navigace a span {
display: block ;
transition-duration: 0.3s ;
text-transform: uppercase ;
padding: 10px ;
color: #ffffff ;
border: 2px solid #ffffff ;
border-radius: 16px ;
box-shadow: 0px 1px 3px #666666 ;
background: #828689 ;
}

#navigace a:hover span {
color: #828689 ;
border-color: #828689 ;
background: #ffffff !important ;
}

#navigace a.active span {
background: #fbba15  ;
}

#navigace a.active:hover span {
border-color: #fbba15 ;
}

#podmen a {
font-weight: bold ;
}

/* #------------------------------------------------------------------------------
# 769+
#------------------------------------------------------------------------------ */
@media (min-width:769px)
{

a[href$=".jpg"] {
display: inline-block ;
margin: 2em 0 ;
width: 360px ;
vertical-align: middle ;
}

a[href$=".jpg"] img {
max-width: 90% ;
box-shadow: #545456 6px 6px 10px ;
}

#eof p, #eof pre, form {
max-width: 60em ;
margin: 1em auto ;
}

}
/* #------------------------------------------------------------------------------
# -480
#------------------------------------------------------------------------------ */
@media (max-width:480px)
{

/* skryte javascriptem - class="skryt" nastavuje javascript a pouziva jen mobilni verze */
#menu, .skryt {
display: none ;
}

.hamburgr_3 {
background: url("menu_3.png") no-repeat center ;
}

.hamburgr_1 {
background: url("menu_1.png") no-repeat center ;
}

#prepinac_menu {
display: block ;
padding: 0 16px ; /* DORESIT - jako #inner */
height: 33px ;
line-height: 33px ;
text-align: center ;
font-size: 12px ;
cursor: pointer ;
background-color: #dedfe0 ;
}

#menu li {
display: block ;
margin: 0 16px ; /* DORESIT - jako #inner */
}

#menu a {
display: block ;
line-height: 33px ;
padding: 0 ;
text-transform: uppercase ;
border-top: 1px dashed #818285 ;
}

#navigace {
padding-top: 16px ;
}

#navigace a {
border: 4px solid #ffffff ;
border-width: 4px 16px ;
font-size: 14px ;
}

ul.dummy + #polozky {
clear: both ;
margin-top: 12px ;
padding-top: 12px ;
border-top: 1px solid #818285 ;
}

a[href$=".jpg"] img {
max-width: 100% ;
}

a[href$=".jpg"] + a[href$=".jpg"] {
display: block ;
margin-top: 3em ;
}

}
/* #------------------------------------------------------------------------------
# 481-768
#------------------------------------------------------------------------------ */
@media (min-width:481px) and (max-width:768px)
{

body {
font-size: 13px ;
}

#navigace ul {
padding: 16px 8px ;
}

#navigace a {
float: left ;
box-sizing: border-box ;
width: 33.333333% ;
border: 8px solid #ffffff ;
font-size: 14px ;
}

ul + #polozky {
clear: both ;
border-top: 8px solid #ffffff ;
}

ul + #polozky ul {
padding-top: 8px ;
border-top: 1px solid #818285 ;
}

a[href$=".jpg"] img {
max-width: 100% ;
}

a[href$=".jpg"] + a[href$=".jpg"] {
display: block ;
margin-top: 3em ;
}

}
/* #------------------------------------------------------------------------------
# 769-1280
#------------------------------------------------------------------------------ */
@media (min-width:769px) and (max-width:1280px)
{

body {
font-size: 14px ;
}

#navigace {
box-sizing: border-box ;
max-width: 880px ;
margin: 0 auto ;
padding: 16px ;
}

#navigace ul {
padding: 0 8px ;
}

#navigace a {
float: left ;
box-sizing: border-box ;
width: 33.333333% ;
border: 8px solid #ffffff ;
font-size: 14px ;
}

ul + #polozky {
clear: both ;
border-top: 8px solid #ffffff ;
}

ul + #polozky ul {
padding-top: 8px ;
border-top: 1px solid #818285 ;
}

}
/* #------------------------------------------------------------------------------
# 1281-1600
#------------------------------------------------------------------------------ */
@media (min-width:1281px) and (max-width:1600px)
{

body {
font-size: 15px ;
}

#navigace {
box-sizing: border-box ;
max-width: 880px ;
margin: 0 auto ;
padding: 16px ;
}

#navigace ul {
padding: 0 8px ;
}

#navigace a {
float: left ;
box-sizing: border-box ;
width: 33.333333% ;
border: 8px solid #ffffff ;
font-size: 14px ;
}

ul + #polozky {
clear: both ;
border-top: 8px solid #ffffff ;
}

ul + #polozky ul {
padding-top: 8px ;
border-top: 1px solid #818285 ;
}

}
/* #------------------------------------------------------------------------------
# 1601-
#------------------------------------------------------------------------------ */
@media (min-width:1601px)
{

body {
font-size: 16px ;
}

#navigace {
box-sizing: border-box ;
max-width: 880px ;
margin: 0 auto ;
padding: 16px ;
}

#navigace ul {
padding: 0 8px ;
}

#navigace a {
float: left ;
box-sizing: border-box ;
width: 33.333333% ;
border: 8px solid #ffffff ;
font-size: 14px ;
}

ul + #polozky {
clear: both ;
border-top: 8px solid #ffffff ;
}

ul + #polozky ul {
padding-top: 8px ;
border-top: 1px solid #818285 ;
}

}