* {
padding:0;
margin:0;
}

html {
background: #fff url('horni-lista-podstrana.jpg') repeat-x; 
}

body { 
margin:0; 
padding:0; 
text-align: left; 
font-family: Verdana, Arial, lucida, sans-serif;
font-size: 12px;
line-height: 20px;
color: #404040;
background: #faf9f3 url('body-bcg.jpg') repeat-x;
}

h1,h2,h3,h4 {
font-family: 'Verdana CE','Arial CE','Lucida Grande CE','Helvetica CE',Verdana,Arial,lucida,sans-serif;
}

h2 {
font-size: 1.6em;
margin: 0 0 20px;
line-height: 1em;
color: #3d588e;
font-weight: normal;
border-bottom: 1px dotted #e8e3c0;
}

h3 {
color: #3d588e;
font-size: 1.1em;
text-transform: uppercase;
margin: 0 0 5px 0;
}

h4 {
color: #e59902;
font-size: 1.1em;
text-transform: uppercase;
margin: 0 0 5px 0;
}

p,ul,dl {
font-size: 1em;
margin-top: 0em;
margin-bottom: 20px;
}

li {
list-style-type: none;
background: url('sipka.jpg') 0 50% no-repeat;
padding: 0 0 0 20px;
}

.pravy li {
background: none;
padding: 0;
}

a {
color: #4574ae;
padding: 2px;
}

a:hover {
padding: 2px;
font-weight: bold;
}

a.green {
color: #4c6620;
}

#obsah {
width: 960px;
margin: 0 auto;
background: #faf9f3 url('obsah.jpg') left 194px no-repeat;
}

.priklad {
padding: 1em;
background: #d5eaff;
border: 1px solid #abd5ff;
color: #2b67a2;
}

.chyba {
padding: 1em;
background: #ffd5d5;
border: 1px solid #ffabab;
color: #ea1414;
font-size: 1.2em;
}

/* pozicovani dvou sloupcu levy vetsi*/ -----------------------------------------------
.radek {
float: left;
width: 100%;
display: block;
position: relative;
clear: left;
}

.polozka {
float: left;
position: relative;
left: 100%;
}

.dva .levy {
width: 640px;
min-height: 770px;
margin-left: -950px;
padding: 0 30px 0 30px;
background: #fff;
}

.dva .pravy {
width: 230px;
padding: 0 15px 15px 5px;
margin-top: -8px;
margin-left: -250px;
background: url('pravy-sloupec.jpg') right bottom no-repeat;
font-size: 11px;
}
/* konec pozicovani dvou sloupcu */

/* pozicovani dvou sloupcu pravy vetsi*/
.radek {
float: left;
width: 100%;
display: block;
position: relative;
clear: left;
}

.dva .levym {
width: 305px;
margin-left: -640px;
}

.dva .pravyv {
width: 305px;
margin-left: -305px;
}
/* konec pozicovani dvou sloupcu */

#hlavicka {
width: 940px;
padding: 0 10px;
height: 159px;
background: url('hlavicka.jpg') no-repeat;
}

img.logo
{
width: 409px;
height: 111px;
float: left;
margin: 35px 0 0 15px;
border: none;
background: transparent;
}

a.logo_a
{
background: transparent;
padding: 0;
}

a:hover.logo_a
{
background: transparent;
}

.mobil {
display: block;
float: right;
height: 44px;
margin: 70px 15px 0 0; 
}

img.odkaz {
border: 1px solid #abd5ff;
}

dl.inline dt {
display: block;
width: 130px;
float: left;
clear: left;
}

dl.inline dd {
width: 130px;
margin-left: 130px;
text-align: right;
}

#paticka {
clear: left;
width: 100%;
min-height: 70px;
padding: 2em 0 1em;
background: url('paticka.jpg') no-repeat;
}

#patka {
width: 700px;
margin: 50px 0 0 10px;
background: transparent;
text-align: center;
}

#patka .tri .levy {
margin: 1.5em 0 1em -940px;
background: none;
}

#patka .tri .stredni {
margin: 1.5em 0 1em -620px;
background: transparent;
}

#patka .tri .pravy {
margin: 1.5em 0 1em -300px;
background: transparent;
}

.cleaner {
visibility: hidden;
clear: left;
margin: 0;
padding: 0;
}

.dolnimenu {
clear: left;
}

.dolnimenu ul{
list-style-type: none;
margin: 0;
padding: 0;
}

.dolnimenu ul li{
position: relative;
display: inline;
float: left;
margin-bottom: 1em;
}

.dolnimenu ul li a{
display: block;
padding: 0 5px 0 5px;
text-decoration: none;
text-transform: uppercase;
color: #0f2867;
font-size: 0.9em;
}

.dolnimenu ul li a:hover,active {
text-decoration: underline;
}

/* tabulky */
table {
border: 1px solid #c8e3ff;
text-align: center;
margin: 1.5em 0;
}

.one-column-emphasis {
width: 100%;
border-collapse: collapse;
}

form .one-column-emphasis {
margin: 0 0 1em;
width: 100%;
border-collapse: collapse;
}

.one-column-emphasis th {
padding: 4px;
color: #3a4e19;
}

.one-column-emphasis td {
padding: 4px;
margin: 1px;
color: #4c6620;
border-top: 1px solid #f1f8ff;
}

.oce-first {
background: #deeeff;
}

.sleva_10 {
background: #deeeff;
}

.sleva_15 {
background: #deeeff;
}

.one-column-emphasis tr:hover td {
color: #0f2867;
background: #c8e3ff;
}
/* konec tabulky */

/* tabulky */
table {
border: 1px solid #c8e3ff;
text-align: center;
margin: 0 0 20px;
font-size: 11px;
}

.rezervace {
width: auto;
background: white;
}

.rezervace th {
padding: 4px 5px;
margin: 10px;
color: #3a4e19;
background: #deeeff;
}

.rezervace td {
padding: 6px 10px;
margin: 0px;
color: #4c6620;
background: #f1f8ff;
}
.rezervace tr {
border-bottom: 1px solid white;
}

.rezervace tr:hover td {
color: #0f2867;
background: #c8e3ff;
}

/* konec tabulky */

/* tabulka program */
table.program {
border: none;
text-align: center;
margin: 0 0 20px;
border-collapse: collapse;
}

.program {
width: auto;
background: white;
}

.program th {
padding: 4px 5px;
margin: 10px;
color: #3a4e19;
background: #deeeff;
}

.program td {
padding: 10px 10px;
margin: 0px;
color: #4c6620;
background: #f1f8ff;
}
.program tr {
border-bottom: 1px solid #fff;
}

.program td.popis {
background: white;
text-align: left;
padding-left: 20px;
}

.program tr:hover td {
color: #0f2867;
background: #c8e3ff;
}

/* konec tabulky */

/* formular */
form {
background: #f1f8ff;
margin: 1.5em 0;
padding: 1.5em;
border: 1px solid #abd5ff;
}

.formcontainer1 {
background: #deeeff;
padding: 1em;
margin: 0 0 1em;
}

.formcontainer2 {
background: #f1f8ff;
padding: 1em;
}

form p {
margin: 6px 0;
float: left;
}


label {
display: block;
width: 200px;
}

input {
width: 200px;
padding: 6px;
margin: 2px 15px 2px 0;  
text-align: left;
background: #fff;
border: 1px solid #abd5ff;
}

select {
width: 200px;
padding: 5px;
margin: 2px 2px 2px 0;  
text-align: left;
background: #fff;
border: 1px solid #abd5ff;
}

input.radio {
isplay: block;
width: auto;
height: auto;
padding-right: 1em;
background: transparent;
border: none;
}

input.button
{
background: url('prihlasit.jpg') no-repeat;
font-weight: bold;
width: 162px;
height: 36px;
font-size: 1.2em;
cursor: pointer;
border: none;
color: #4786c1;
text-align: center;
padding: 0px 6px 3px 25px;
}

input.button:hover
{
color: 4786c1;
border: none;
text-decoration: underline;
}

.search {
background: transparent;
margin: 0;
padding: 0;
border: none;
}

.search input {
width: 150px;
padding: 6px;
margin: 2px 5px 0;  
text-align: left;
background: #e5eef8;
border: 1px solid #487aaf;
}
/* konec formulare */

dl.dotazy {
padding: 0;
}

.dotazy dt {
color: #4c6620;
font-size: 1.3em;
margin: 1.5em 0 0.5em;
}

.ps-obsah {
width: 190px;
padding: 1.5em 20px 0;
background: url('ps-vypln.jpg') repeat-y;
border-top: 1px solid #fff;
border-bottom: 1px solid #f0edd0;
}

.ps-obsah h3 {
margin-top: 0;
font-size: 1.4em;
color: #524f39;
}

img.mapa {
margin-bottom: 1.5em;
}

span.datum-vydani {
display: block;
padding: 2px;
line-height: 1em;
font-family: 'Verdana CE','Arial CE','Lucida Grande CE','Helvetica CE',Verdana,Arial,lucida,sans-serif;
color: #d99000;
font-size: 0.9em;
font-weight: normal;
font-style: italic;
margin: -10px 0 20px 0;
}

span.permlink {
clear: left;
display: block;
height: 20px;
width: auto;
padding-left: 20px;
text-align: left;
padding-bottom: 1.5em;
background: transparent url('cely-clanek.jpg') 0px 2px no-repeat;
font-family: 'Verdana CE','Arial CE','Lucida Grande CE','Helvetica CE',Verdana,Arial,lucida,sans-serif;
}

span.permlink a {
text-decoration: underline;
line-height: 20px;
}

span.permlink a:hover {
text-decoration: underline;
font-weight: bold;
}

img.pohar {
margin: 0 0;
float: left;
width: 50px;
height: 50px;
}

.clanek {
width: 580px;
background: url('ikona-clanek.jpg') left top no-repeat;
padding: 0 0 0 60px;
margin-top: 2em;
clear: left;
}

.clanek-pohar {
width: 580px;
background: url('ikona-pohar.jpg') left top no-repeat;
padding: 0 0 0 60px;
margin-top: 2em;
clear: left;
}

.clanek-uzsi {
background: url('ikona-pohar.jpg') left top no-repeat;
padding: 0 0 0 60px;
margin-top: 2em;
width: 245px;
}

.clanek-uzsi-noimg {
background: transparent;
padding: 0 0 0 60px;
margin-top: 2em;
width: 245px;
}

.img-anotace {
float: left;
margin: 0 20px 20px 0;
padding: 1px;
border: 3px solid #e8e3c0;
}

.obrazky {
width: auto;
margin: 1.5em 0;
padding: 0 1em;
background: #deeeff;
}

.smd_slimbox {
clear: left;
margin-top: 2em;
padding: 1em 0 0;
border-top: 1px dotted #e8e3c0;
ackground: red;
}

li.nahled {
float: left;
margin: 0 10px 10px 0;
padding: 0;
background: transparent;
}

.nahled a {
background: transparent none repeat scroll 0 0;
border: 3px solid #e8e3c0;
display: block;
height: 75px;
padding: 2px;
width: 100px;
}

.nahled img {
width: 100px;
height: 75px;
border: none;
}

p.cervena {
padding: 10px;
border: 1px solid red;
color: red;
margin-bottom: 1.5em;
}

.float-left {
float: left;
margin: 0 20px 20px 0;
}

/* Hlavni menu */
.hlavnimenu
{
background: #b4d560 url('hlavni-menu.jpg') no-repeat;
font-family: Verdana, Arial, lucida, sans-serif;
font-size: 11px;
width: 950px;
height: 50px;
padding: 0px 0 0 10px;
}

/* konec hlavniho menu */

/* dropdown menu -------------------------------------------------------------------------------------- */
#nav {
position:relative;
z-index: 2;
}

#nav, #nav ul {
	float: left;
	width: 100%;
	list-style: none;
	background: transparent;
	padding: 0;
	margin: 0 0 1em 0;
}

#nav a {
	display: block;
	color: #22507f;
	ext-decoration: none;
}

#nav li li a:hover {
	display: block;
	font-weight: bold;
	background: transparent;
}

#nav li li a.daddy {
	background: url(daddy.png) center right no-repeat;
}

#nav li {
	float: left;
	padding: 0;
	background: transparent;
	}

.prvni-uroven {
display: block;
idth: 104px;
height: 50px;
padding: 0 15px;
text-align: center;
line-height: 50px;
text-decoration: none;
text-transform: uppercase;
color: #293b5f;
font-weight: bold;
border-bottom: 1px solid white;
border-right: 1px solid #e0edb2;
} 

a.prvni-uroven:hover {
padding: 0 15px;
color: #15324f;
background: #a9cf5c;
text-decoration: underline;
}

#nav li ul {
	position: absolute;
	left: -999em;
	height: auto;
	width: 150px;
	font-weight: normal;
	border-right: 1px solid #e0edb2;
	margin: 0;
	background: #9fc956;
}

#nav li li {
	width: 150px;
	height: 30px;
	line-height: 30px;
	border-bottom: 1px solid #fff;
	background: url('nav.jpg');
}

#nav li ul a {
	width: 130px;
	padding: 0 10px;
	border-right: 1px solid #fff;
	text-decoration: none;
}

#nav li ul ul {
	margin: -30px 0 0 151px;
}

#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
	left: -999em;
}

#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul {
	left: auto;
}

#nav li:hover, #nav li.sfhover {
	background: #70b7f8 url('nav1.jpg');
	font-weight: bold;
	}