* {margin: 0px;padding: 0px;}
html  {height: 100%;box-sizing: border-box;}


*, *:before, *:after {
  -webkit-box-sizing: inherit;
  -moz-box-sizing: inherit;
  box-sizing: inherit;
  }


body { 
color: #444444; 
font-size: 16px; 
font-weight: 300; 
font-family: 'Open Sans', sans-serif;
background-color: white;
text-align: center;
margin: 0pt; background-color: #BBBBBB;
padding: 1em;
line-height: 1.4em;
} 

a {
color: #008B9C;
}

a:hover {
color: black;
}

h1, h2, h3, h4, h5	{padding: 1.2em 0em 0.2em 0em; margin: 0em; font-weight: 400; line-height: 1.2em;}

h1  {
color: #008B9C;
font-size: 2em;

}

h2  {
color: #008B9C;
font-size: 1.8em;

}

h3  {
color: #008B9C;
font-size: 1.6em;
}

h4  {
color: #008B9C;
font-size: 1.3em;
}

h5  {
color: #008B9C;
font-size: 1.1em;

}

i {
color: #076B81;
}

ul  {margin: 0em;}

li  {
margin: 0em; padding: 0.3em 0em 0.3em 2em; list-style-type: none; background: transparent url(../img/li.png) 0em 0.5em no-repeat;
}

table	{border-collapse: collapse; margin: 0.5em 0em;}

td  {
vertical-align: top; padding: 0.3em 1em;
}

.tabulka1 td	{border-top: 1px solid #DDDDDD;border-bottom: 1px solid #DDDDDD;}
.tabulka1 tr:hover td	{background: #DDDDDD;}

.main_limit	{max-width: 900px; margin: auto;  margin-top: 50%;transition: margin-top 0.5s ease-in-out;}
.domready .main_limit {opacity: 1; margin-top: 0%;}

.header	{	
	padding: 2em 1em; background-color: #008B9C; text-align: right; border: 1px solid white; 
}

.header	img	{float: left; margin: 0.2em 2em 0.2em 0em;}
.header h1	{text-align: right; color: white; padding-top: 0.2em;}

#obsah	{text-align: left; padding: 1em; transition: opacity 2.5s ease-in-out; opacity: 0; background: white; border: 1px solid white;}
.load #obsah {opacity: 1;}

.paticka	{padding: 1em; 
		background-color: #008B9C; color: white; text-align: left; border: 1px solid white;}
		
.podpatickou	{padding: 1em 0em; text-align: center; }		

.obr_vpravo	{float: right; width: 43%; margin-left: 2%;}

.body_v3 .obr_vpravo	{width: 100%; margin-left: 0%; float: none;}
	
.clr	{clear: both; height: 0px; overflow: hidden;}
.sleva	{ display: inline-block; background: #FFA600; color: white; box-shadow: 0px 0px 5px #FFBF00; padding: 0em 0.2em; font-weight: 400; white-space: nowrap;}
strong {color: black;}

.sloupec3	{width: 30%; margin-left: 5%; float: left;}
.sloupec2	{width: 47%; margin-left: 6%; float: left;}
.sloupec0	{margin-left: 0%;}

.body_v3	.sloupec3, .body_v3	.sloupec2 {width: 100%; margin-left: 0%; }