body {

background-repeat: no-repeat;
background-position: center top;
background-color: #ffffff;
color: Black;
font-family: "Trebuchet MS";
text-align: center;
margin: 0px auto;
}





div#body {
background-color: white;
width: 980px;
margin: 0px auto;
text-align: left;
align: left;
}



div#obsah {
background-color: white;
width: 759px;
float: right;
}







div#menu {
background-color: white;
width: 220px;
float: left;
border-right: 1px solid #C9C9C9;
text-align: right;
}
div#menu p{
font-size: 80%;
}
div#menu li{
font-size: 100%;
}
div#menu a{
font-size: 110%;
}

div#menu ul {
margin: 10px 10px 10px 20px;
padding: 0;
}
div#menu ul li {
margin: 5px 0;
padding: 0;
list-style-type: none;
font-weight: bold;
}




div#menu_top {
background-color: white;
width: 220px;
float: left;
border-right: 1px solid #C9C9C9;
text-align: right;
}
div#menu_top p{
font-size: 80%;
}
div#menu_top li{
font-size: 100%;
}
div#menu_top a{
font-size: 110%;
}

div#menu_top ul {
margin: 10px 10px 10px 20px;
padding: 0;
}
div#menu_top ul li {
margin: 5px 0;
padding: 0;
list-style-type: none;
font-weight: bold;
}











div#menu_servis {
background-color: white;
width: 220px;
float: left;
border-right: 1px solid #C9C9C9;
text-align: right;
}
div#menu_servis p{
font-size: 80%;
}
div#menu_servis li{
font-size: 80%;
}
div#menu_servis ul {
margin: 10px 10px 10px 20px;
padding: 0;
}
div#menu_servis ul li {
margin: 5px 0;
padding: 0;
list-style-type: none;
font-weight: bold;
}





div#patka p{
background-color: #ffffff;
font-size: 75%;
margin: 0;
clear: both;
text-align: center;
}
div#patka a {
color: black !important;
}








div#patka_servis p{
background-color: #f3f3f3;
font-size: 75%;
margin: 0;
clear: both;
text-align: center;
}
div#patka_servis a {
color: black !important;
}




div#patka_reklama p{
background-color: #ffffff;
font-size: 75%;
margin: 0;
clear: both;
text-align: center;
}
div#patka_reklama a {
color: black !important;
}


div#patka_ostatni p{
background-color: #ffffff;
font-size: 75%;
margin: 0;
clear: both;
text-align: center;
}
div#patka_ostatni a {
color: black !important;
}





form {
margin: 15px;
line-height: 130%;
}



pre {
margin: 15px;
line-height: 130%;
}



p {
margin: 15px;
line-height: 130%;
}


p.box {
margin: 10px;
padding: 10px;
border: 1px dashed #888888;
background-color: #F2F2F2;
}



p.patka{
background-color: #f3f3f3;
font-size: 75%;
margin: 0;
clear: both;
text-align: center;
}


p.patka_servis{
background-color: #f3f3f3;
font-size: 75%;
margin: 0;
clear: both;
text-align: center;
}






p.reklama{
margin: 0;
clear: both;
text-align: left;
}


p.forjoyrider{
margin: 0;
clear: both;
text-align: left;
}


p.doprava {
text-align: right;
} 
p.navigace {
font-size: 75%;
}
p.prochazeni {
text-align: center;
}






ol, ul {
margin: 15px 25px 15px 30px;
padding: 0;
}
li {
margin: 15px 10px;
padding: 0;
line-height : 130%;
}
h1 {
margin: 15px;
padding: 0 0 5px 10px;
border-bottom: 1px solid #C9C9C9;
font-size: 140%;
font-weight: normal;
color: black;
}
h2 {
margin: 15px;
padding: 0 0 5px 10px;
border: 0;
font-size: 120%;
font-weight: normal;
color: #4069DA;
}
h2.novinky {
margin: 15px;
padding: 0 0 5px 10px;
border: 0;
font-size: 120%;
font-weight: normal;
color: #4069DA;
}
h3 {
margin: 15px;
padding: 0 0 3px 5px;
font-size: 110%;
font-weight: normal;
color: black;
}
h4 {
margin: 15px;
padding: 0 0 3px 5px;
font-size: 105%;
font-weight: normal;
color: black;
}
h5 {
margin: 15px;
padding: 0 0 0px 0px;
font-size: 100%;
font-weight: normal;
color: black;
}

hr {
color:#C9C9C9;
height: 1px;
}
a:link {
color: #4069DA;
}
a:visited {
color: #4069DA;
}
a:hover {
color: red;
}

img 	{
border-style: none; 
}


img.okraj 	{
border-style: solid; 
border-color: black;
border-width: thin;
}




a.tlacitko{
border-bottom : 1px solid #D1D1D1;
background-color : transparent;
font-size : 10px;
font-family : Trebuchet MS, Helvetica, sans-serif;
width : 160px;
padding : 0px 5px 0px 5px;
color : #666666;
margin : 0px 10px 0px 10px;
display : block;
}
a.tlacitko:link{
text-decoration: none;
color : #666666;
}
a.tlacitko:visited{
text-decoration: none; 
color : #666666;
}
a.tlacitko:hover{ 
text-decoration: none;
border-bottom : 1px solid #D1D1D1;
background-color : #E9E9E9;
color : #666666;
}



a.patka:link{
color : black;
}
a.patka:visited{
color : black;
}














 
table 	{
font-size: 80%;
text-align:left;
width:740px; 
border-collapse: collapse;
margin: 5px 5px 5px 10px; 
} 
td	{
padding: 5px;
}
th	{ 
padding: 5px; 
background-color:#b4ccfc;
}
tr 	{ 
padding: 10px; 
background-color:#fafcff;
} 
tr.seda { 
background-color:#efeeee;
}
tr.objednavka { 
background-color: white;
}


table.seznam_kapitol 	{
font-size: 80%c;
text-align: left;
width:300px; 
background-color: #F2F2F2;
} 
th.seznam_kapitol	{ 
padding: 5px; 
background-color:#b4ccfc;
text-align: center;
}

tr.seznam_kapitol 	{ 
padding: 10px; 
background-color: #F2F2F2;
} 




table.seznam_kapitol_doporucene_sestavy 	{
font-size: 80%c;
text-align: left;
width:400px; 
background-color: #F2F2F2;
} 
th.seznam_kapitol_doporucene_sestavy	{ 
padding: 5px; 
background-color:#b4ccfc;
text-align: center;
}

tr.seznam_kapitol_doporucene_sestavy 	{ 
padding: 10px; 
background-color: #F2F2F2;
} 





.video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px; height: 0; overflow: hidden;
	margin: 10px 10px 10px 10px;
}
 
.video-container iframe,
.video-container object,
.video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}




@media screen and (min-width: 820px) {
    .text_se_zobrazi_jen_na_mobilnich_zarizenich {
        display: none !important;
    }
}


@media screen and (min-width: 820px) {
    .heureka_zobrazi_jen_na_mobilnich_zarizenich {
        display: none !important;
    }
}

@media screen and (max-width: 820px) {
    .heureka_zobrazi_jen_na_pc {
        display: none !important;
    }
}