html, body, ul, ol, li, p, h1, h2, h3, h4, h5, h6, form, fieldset {
margin: 0;
padding: 0;
border: 0;
}

html { 
	min-width: 760px; 
	 }

body
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    color: #666666;
    margin: 0px;
    padding: 0px;
    font-size: 10pt;
    text-align: center;
/*    background:#fff url("../imgstr/body1.gif") top left repeat-x;*/
    background: #cf9 url("../imgstr/rest2.jpg") top left repeat-x;
 /*    background: url("../imgstr/beton.jpg") bottom left repeat;*/
}

p.display {display: inline}
p.printer {display: none}

#hlaseni {
    color: #E1081E;
}

.h3{
background: transparent url("../imgstr/h3.jpg");
}

.h3bot{
background: transparent url("../imgstr/bottommini.gif");
border-right:#ccc 1px solid;

}

.topmini{
background: transparent url("../imgstr/top.gif");
border-right:#ccc 1px solid;
}

.telo{
background: #ccff99 url("../imgstr/telo.gif") top left repeat-y;
border-right:#ccc 1px solid;
}

#hodiny{
position:absolute;
top:60px;
left:0px;
border-width:0px;
padding-top: 2px;
}

#vanoce{
position:absolute;
top:60px;
right:20px;
border-width:0px;
padding-top: 2px;
}

#pouzdro{
width: 760px; /*Width of main container*/
margin: 0 auto; /*Center container on page*/
background: rgb(255,255,203)  url("../imgstr/drzak6.jpg") top left repeat-y;

}
.inpouzdro{
margin: 30px;
margin-top: 0;
margin-bottom: 0;

}

#maincontainer{
width: 700px; /*Width of main container*/
margin: 0 auto; /*Center container on page*/
/*background: transparent;*/
background: rgb(255,255,203);
}

#topsection{
display: inline;
/*background: transparent;*/
float: left;
width: 100%;
height: 250px; /*Height of top section*/
    background:#ffffcb url("../imgstr/body3.gif") top left repeat-x;
/*background: transparent url("../imgstr/drzak2.jpg") top left repeat-y*/;
}

#topsection h1{
margin: 0;
padding-top: 15px;
}

#contentwrapper{
float: left;
width: 100%;
}

#contentcolumn{
margin-right: 200px; /*Set right margin to RightColumnWidth*/
text-align: left;
background: rgb(255,255,203);
/*padding-left: 30px;*/
}

  #dett {
	background:  rgb(255,255,203) url("../imgstr/dett.gif") top left repeat-y;
	border-left: #999 1px solid;
	border-right:#ccc 1px solid;
	}

#rightcolumn{
float: left;
width: 200px; /*Width of right column*/
margin-left: -200px; /*Set left margin to -(RightColumnWidth) */
background: rgb(255,255,203);
}

#footer{
clear: left;
width: 100%;
background: transparent url("../imgstr/bottommax.jpg") bottom left repeat-x;
color: #666;
font-size: 11px;
text-align: center;
padding: 4px 0px 4px 0px;
}

#footer a{
color: #563356;
}

#footer a:hover {
	color: #000000;
	text-decoration: underline;
}	

p.lereve {
  text-align: justify;
  padding: 10px;
  font-size:12px;
}

p.lereve a {
  color: #563356;
  font-size:12px;
}

p.lereve a:hover {
 	color: #000000;
	text-decoration: underline;
}

.innertube{
margin: 10px; /*Margins for inner DIV inside each column (to provide padding)*/
margin-top: 0;
}

.innertubefooter{
margin: 40px; /*Margins for inner DIV inside footer (to provide padding)*/
margin-top: 0;
border-top: #999 2px solid;
border-bottom: #999 2px solid;
padding-top: 5px;
}
/*
.obrazek{
position: relative;
left: 26px;
}*/

/* Jednoducé horizontální menu*/
#nav {margin:10px 0 20px 0; _margin-top: 10px; clear: both;}

/* the styling */
                     
#nav {font-family: Usuzi; width:680px; height:20px; background:#E1081E url("../imgstr/h3red.jpg"); position:relative;}

#nav .select, #nav .current {font-family: Usuzi; margin:0; padding:0; list-style:none;}

#nav li {font-family: Usuzi; display:inline; margin:0; padding:0; height:auto;}

#nav .select a,
#nav .current a {display:block; height:20px; float:left; background:#E1081E url("../imgstr/h3red.jpg"); padding:0 10px 0 10px; text-decoration:none; font-size:12px; line-height:20px; white-space:nowrap; border-right:1px solid #fff; color:#fff;}
* html #nav .select a, * html #nav .current a {width:1px; height:21px;}


#nav .select a:hover, 
#nav .select li:hover a {background:#888 url("../imgstr/h3lgrey.jpg"); cursor:pointer; color:#ff0;}

#nav .sub {display:none;}

/* for IE5.5 and IE6 only */
#nav table {position:absolute; border-collapse:collapse; left:0; top:0;}

#nav .current a {background:#666 url("../imgstr/h3grey.jpg"); color:#ff0;}


#nav .sub li a:hover, 
#nav .select a:hover .sub li a:hover, 
#nav .select li:hover .sub li a:hover {background:#888; color:#ff0;}

#nav .sub_active .current_sub a, 
#nav .sub_active a:hover {background:#666; color:#ff0;}

#nav .select li a:hover .sub, 
#nav .select li:hover .sub {display:block; position:absolute; width:680px; top:20px; left:0; background:#888; margin-top:0; padding:0; z-index:100; color:#fff; font-size:11px;}

#nav .sub, #nav .sub_active {margin:0; padding:0; list-style:none;}

#nav .sub_active {display:block; position:absolute; width:680px; top:20px; left:0; background:#666; margin-top:0; padding:0; z-index:10;}
* html #nav .sub_active, * html #nav .select a:hover .sub {z-index:-1; margin-top:0; margin-t\op:1px;}

#nav .sub_active a {height:21px; text-decoration:none; line-height:20px; white-space:nowrap; display:block; float:left; background:#666; padding:5px 10px 10px 10px; margin:0; font-size:12px; white-space:nowrap; border:0; color:#fff;}

#nav .select a:hover .sub li a, 
#nav .select li:hover .sub li a {display:block; background:#888; padding:5px 10px 10px 10px; margin:0; white-space:nowrap; border:0; color:#fff; font-size:12px;}

/*konec menu*/

a {
	color: #666;
	text-decoration: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
}

/*#contentcolumn a {
	color: #666;
	text-decoration: underline;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
}*/

a:hover {
	color: #000000;
	text-decoration: none;
}	

/*#contentcolumn a:hover {
	color: #000000;
	text-decoration: none;
}	*/

/*BUTON*/

/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

a.boldbuttons{
background: transparent url('../imgstr/roundedge-blue-left.gif') no-repeat top left;
display: block;
float: left;
font: bold 13px Arial; /* Change 13px as desired */
line-height: 22px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 30px) */
height: 30px; /* Height of button background height */
padding-left: 8px; /* Width of left menu image */
text-decoration: none;

}

a:link.boldbuttons, a:visited.boldbuttons, a:hover.boldbuttons, a:active.boldbuttons{
color: white; /*button text color*/
}

a.boldbuttons span{
background: transparent url('../imgstr/roundedge-blue-right.gif') no-repeat top right;
display: block;
padding: 4px 10px 4px 2px; /*Set 10px to be equal or greater than'padding-left' value above*/
}

a:hover.boldbuttons{ /* Hover state CSS */
text-decoration: underline;
}


.buttonwrapper{ /* Container you can use to surround a CSS button to clear float */
overflow: hidden; /*See: http://www.quirksmode.org/css/clearing.html */
width: 100%;
padding-left: 4px;
}
/*konec Butonu*/

.container {
	border: 1px solid #000000;
	overflow: hidden;
	width: 100%;
}

.left {
	width: 45%;
	float: left;
	background: #666;
	
}

.right {
	width: 45%;
	float: right;
	background: #ccc;
}



#search {position:relative; float: right; top:-15px; left:0px; margin:0;}
#search form {margin:0; padding:0;}
#search form img {border:0; float:left; margin-right:10px;}
#search form label {font-size:0.9em;}

/*td {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #666666;
	padding-top: 0px;
	padding-bottom: 0px;
}
td a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #666666;
	text-decoration: underline;
}
td a:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #0000FF;
	text-decoration: underline;
}


th {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #9DACBF;
	padding-top: 1px;
	padding-bottom: 1px;
}
*/
h1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #E1081E;
	background-color: transparent;
	padding-top: 10px;
/*	padding-bottom: 10px;*/
	text-align: center;
}

h2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #666;
	padding-top: 10px;
	padding-bottom: 10px;
	text-align: justify;
}


h3 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	background-color: #666;
	padding-top: 5px;
	padding-bottom: 4px;
	padding-left: 6px;
}
h4 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 20px;
	font-weight: bold;
	color: #666;
	padding-top: 10px;
	padding-bottom: 5px;
	padding-left: 6px;
	text-align: justify;
}

h4 a {
	text-decoration: underline;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666;
}
h4 a:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #444;
	text-decoration: underline;
}


h5 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #666;
	line-height: 18px;
	text-align: justify;
	padding-top: 10px;
	padding-bottom: 5px;
	padding-left: 6px;
	padding-right: 6px;
}
h6 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #E1081E;
	padding-left: 6px;
}

p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #666666;
}

/*input {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #666666;
}*/

form {
	width: 470px;
	text-align: right;
}

fieldset {
	padding: 10px;
	margin: 0 0 10px 10px;
	border: #477eff 1px solid;
	color: #666666;
}

legend {
	font-weight: bold;
	margin: 5px 0;
	padding: 3px;
	border: #141377 1px solid;
	background: #141377;
	background-image: url(../imgstr/h3blue.gif);
	background-repeat: repeat-x;
	color: white;
}

label {
	width: 180px;
	float: left;
	display: block;
}

form br {
display: none;
}

/*input. textarea. select {
	width: 250px;
	margin: 0 0 10px 0;
}*/

ul {
	padding-left: 30px;
}

#pruh-horni {
    background: #fff url("../imgstr/topmax.jpg") top left repeat-x;
    height: 25px;
   min-width: 800px;
    text-align: right;
    padding-right: 18px;
    padding-bottom: 0px;
    padding-top: 0px;
}




p.baner{
  margin-bottom: 4px;
/* border-top: 1px solid #666;*/
  }
/*
#barra-sup {
	height: 54px;
	background-image: url("../images/sfondo_barra.png");
	background-repeat: repeat-x;
	text-align: left;*/
/*  min-width: 950px;
}*/
/*
#logo {
	position: absolute;
	height: 60px;
	width: 205px;
	left: 15px;
	top: 10px;
}
#logo-titolo {
	height: 36px;
	width: 198px;
	left: 20px;
	top: 8px;
	position: absolute;
	background-repeat: no-repeat;
}
#logo-barrasup {
	background-image: url("../images/logo_barrasup.jpg");
	position: absolute;
	left: 120px;
	top: 63px;
	background-repeat: no-repeat;
	height: 20px;
	width: 253px;
}
#navbar-sup {
	width: 780px;
	margin-top: 0px;
	margin-right: auto;
	margin-left: auto;
}
.navbar {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #999999;
	padding-top: 4px;
	text-align: right;
}
.navbar a {
	color: #999999;
	text-decoration: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
}
.navbar a:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
	text-decoration: underline;
	font-weight: bold;
}
#container
{
    width: 778px;
    margin-top: 15px;
    margin-right: auto;
    margin-left: auto;
   
   background: transparent url("../imgstr/drzak2.jpg") top left repeat-y;
}
#main
{
    width: 716px;
    float: right;
    padding-left: 30px;
    padding-right: 30px;
    position: relative;
    /*background-color: white;*/
/*   background-color: #f66;*/
    /*border-right: #9dacbf 1px solid;*/
/*    border-top: #036 1px solid;*/
    /*border-left: #9dacbf 1px solid;*/
 
/*     background: transparent url("../imgstr/drzak2.gif") top left repeat-y;
} */ 
/*
#pocitadlo
{
    position: relative;
    width: 150px;
    left: 0px;
    top: 3px;
    padding: 2px;
    margin: 2px;
    float: left;
    background-color: #999;
    border-right: #666 1px solid;
    border-top: #666 1px solid;
    border-left: #666 1px solid;
    border-bottom: #666 1px solid;
    text-align: left;
    margin-right: 20px
}


#left_column
{
    position: relative;
    width: 160px;
    left: 0px;
    top: 0px;
    padding: 2px;
    margin: 0px;
    float: left;
    background-color: #ffffcb;
    border-right: #666 1px solid;
    border-top: #666 1px solid;
    border-left: #666 1px solid;
    border-bottom: #666 1px solid;
    text-align: left;
    margin-right: 20px
}

#left_column p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #666666;
	background-color: #ffffcb;
}

#left_column p a {
	color: #666666;
	text-decoration: none;
	display: block;
	padding-left: 6px;
	/*border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #888;*/
/*	padding-top: 6px;
	padding-bottom: 6px;
}
*/
#rightcolumn p a:hover {
	background-color: #aaa;
	color: #FFFFFF;
	display: block;
}
/*
#dett {
	width: 400px;
	padding-right: 20px;
	float: right;
}	*/
/*
#bottom {
	height: 0px;
	 border-top: #036 1px solid;
	/*background-image: url("../images/sfondo_barra_inf.png");
	background-repeat: repeat-x;*/
/*	clear: both;
}	

#navbar-inf {
	width: 778px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	/*  border-top: #036 1px solid;*/
/*border-bottom: #CCFF99 5px solid;
	margin-right: auto;
	margin-left: auto;
	position: relative;
	top: 5px;
	background: #cf9 
  /*url("../imgstr/bottom.jpg") bottom left repeat-x;*/
/*}
/*horní menu*/


/*div#hor	{
	height: 30px;
	width: 700px;
	margin: 0 0 0 0px;
	padding: 0;
	border: 0;
	background: #fff;
	}


	
	div#hor ul#hormenu li {
	margin: 0;
	padding: 0;
	list-style: none;
	position: absolute;
	top: 0;
	}
	
ul#hormenu li, ul#hormenu a {
	height: 30px;
	display: block;
	}
div#hor ul#hormenu li a {
	text-indent: -9999px;
	overflow: hidden;
	text-decoration: none;
	}
	
	/*FOTOGALERIE*/
	
/*	div#gallerie{
position: relative;
/*přidat atribut výška a nastavit velikost největšího obrázku pro  zamezení překrytí*/
/*}

.zateplen img{
border: 1px solid white;
margin: 0 5px 5px 0;
}

/*.zateplen:hover{
background-color: #ddb;
}*/

/*.zateplen:hover img{
border: 1px solid #999;
}

.zateplen span{ /*CSS pro zvětšený obrázek*/
/*position: absolute;
padding: 0px;
left: -1000px;
border: none;
visibility: hidden;
color: black;
text-decoration: none;
}

.zateplen span img{ /*CSS pro zvětšený obrázek*/
/*border-width: 0;
padding: 2px;
}

.zateplen:hover span{ /*CSS pro zvětšený obrázek*/
/*visibility: visible;
top: 0;
left: 160px; /*pozice kde se zvětšený obrázek zobrazí horizontalně */
/*z-index: 50;
}
#toplink {font-family:arial, sans-serif;}
#toplink ul {padding:0; margin:0; list-style-type:none;}
#toplink ul li {float:left; font-size:0.8em; color:#999; margin:0 0 0 7px; line-height:25px; font-family:arial, sans-serif;}
#toplink ul li a, #toplink ul li a:visited {font-size:1em; color:#000; text-decoration:none;}
#toplink ul li a.highlite, #toplink ul li a.highlite:visited {color:#c00;}
#toplink ul li a:hover {color:#263; border-bottom:1px solid #000;}
#toplink ul li a img {border:0;}

#half-sx {
	float: left;
	width: 255px;
	text-align: left;
	color: black;
}
#half-rx {
	float: right;
	width: 255px;
	text-align: left;
	color: black;
}
*/

div#menu {
	text-align: left;
	}


/*#menu dl {width: 180px; float: left; margin: 0 20px 0 0px; padding: 0 0 10px 0; background: transparent url(../imgstr/bottommini.gif) no-repeat bottom left;}
#menu ul {margin:0; padding: 5px; font-size: 1.4em; font-weight:bold; color: #666; border-bottom:1px solid #fff; background: transparent url(../imgstr/topmini.gif) no-repeat top left;}
#menu li {margin:0; padding:0; color: #666; font-size: 1em; border-bottom:1px solid #fff; background: transparent url(../imgstr/telo.gif) repeat-y;}
#gallery a, #gallery a:visited {color:#666; text-decoration:none; display:block; padding:5px 5px 5px 7px;
background: transparent url(arrow.gif) no-repeat 10px 10px; width:144px;
}
#gallery a:hover {background: #ccc url(arrowr.gif) no-repeat 11px 10px; color:#ff0;}*/


.gallerie{
position: relative;
/*přidat atribut výška a nastavit velikost největšího obrázku pro  zamezení překrytí*/
}

.zateplen img{
border: 1px solid #666;
margin: 0 5px 5px 0;
}

.zateplen:hover{
background-color: #ddb;
}

.zateplen:hover img{
border: 1px solid #666;
}

.zateplen span{ /*CSS pro zvětšený obrázek*/
position: absolute;
padding: 0px;
left: -1000px;
border: none;
visibility: hidden;
color: black;
text-decoration: none;
}

.zateplen span img{ /*CSS pro zvětšený obrázek*/
border-width: 0;
padding: 0px;
}

.zateplen:hover span{ /*CSS pro zvětšený obrázek*/
visibility: visible;
top: -40px;
left: 183px; /*pozice kde se zvětšený obrázek zobrazí horizontalně */
z-index: 50;
}