/* W3C doporucuje pro vychozi okraje stranky pouzit padding, vetsina prohlizecu ale pouziva margin. */

html {
	height: 100%;
}

body {	font: 13px/21px "trebuchet ms",helvetica,"helvetica neue","lucida grande","lucida sans",arial,verdana,sans-serif;

	margin: 0;
	padding: 0;
	line-height: 130%;
	background: #fff url(../i/bg.jpg) no-repeat top; 
	color: #000;
	height: 100%;}
	
*{
	margin: 0;
	padding: 0;
	border:0; 
}
.cleaner{
clear:both;
height:1px;
margin: -1px 0 0 0;
padding:0;
border:none;
visibility: hidden; 
overflow: hidden;
}

#main { margin: 0 auto 0; padding: 0; width: 959px;}

#header { height: 110px; /*margin-bottom: 30px;*/ }


#header h1 a{ text-decoration: none;}
#header h1 {
	width: 338px;
	height: 78px;
	position: relative; top: 25px; left: 0px;
	padding: 0;
	margin: 0;
	cursor: pointer;
	font-size: 1em; 
	overflow: hidden;
	float: left;
}

#header h1 span {
	display: block;
	position: absolute; left: 0; top: 0; z-index: 1;
	width: 338px;
	height: 78px;
	margin: 0; 
	padding: 0;
	background:  url('../i/logo.png') left top no-repeat;
	cursor: pointer;
	cursor: hand;
}

#cont{ width: 959px; /* background: #fff url(../i/bg_box.gif) repeat-y top;*/ text-align: left; margin: 0px 0 0;  }
#fla{ background: #fff url(../i/bg_box.gif) repeat-y top; width: 959px; height: 282px; clear: both;  }
#fla object{  float: left; }
#fla div#box{  float: left; width: 279px; height: 262px;  background: #fff url(../i/box2.jpg) no-repeat top; margin: 10px 0 0 17px;}
#fla div#box p.akce{ margin: 10px 0 0 10px; font-weight: bolder;font-size: 15px; color: #9d0000; width: 218px;}
#fla div#box p.akce2{ margin: 5px 0 0 13px; font-weight: bold; font-size: 12px; color: #000; width: 218px;}
#fla div#box p.akce3{ margin: 5px 0 0 13px; font-weight: bold; font-size: 12px; color: #000; width: 236px;}
#fla div#box p.akce4{ margin: 10px 0 0 10px; font-weight: bolder;font-size: 15px; color: #9d0000; width: 255px;}
#left{ width: 645px; float: left; background: #fff; }
#right{ width: 314px; float: left; background: #fff url(../i/bg-right.jpg) repeat-y top;}

h3{ background:  url('../i/nadpis1.jpg') left top no-repeat; width: 645px; height: 37px; margin: 10px 0 0; color: #fff; padding: 10px 0 0 10px; font-size: 1.8em; font-weight: normal;}
h4{ background:  url('../i/nadpis2.gif') left top no-repeat; width: 315px; height: 37px; margin: 10px 0 0;}

#footer{ height: 50px; background: url(../i/bg_footer.gif) repeat-x top; text-align: center; margin: 10px 0 0;  }
#footer span{ color: #999999; text-align: left; position: relative; top: -5px; left: 250px;}
#footer img{ margin: 17px 0 0;}

.left2{ float: left; width: 210px;}
.right2{ float: left; width: 400px; margin: 0 0 0 20px;}

table.cenik { font-size: 11px;}
table.cenik td.cenik1{ background: #d9f8ff; padding: 5px; width: 430px;}
table.cenik td.cenik1 p{ padding: 0 0 5px 0; font-weight: bold; font-size: 12px; }
table.cenik td.cenik2{ background: #d9f8ff; padding: 5px; width: 100px;}
table.cenik td.cenik3{ background: #bef3ff; padding: 5px;font-weight: bold;  text-align: center; }
table.cenik td.cenik4{ background: #e80a8c; padding: 5px; font-size: 13px;font-weight: bold; color: #fff; }
table.cenik td.cenik1a{ background: #ffd9fa; padding: 5px; width: 430px;}
table.cenik td.cenik2a{ background: #ffd9fa; padding: 5px; width: 100px;}
table.cenik td.cenik3a{ background: #ff7cc9; padding: 5px;font-weight: bold;  text-align: center; }

table.cenik td.cenik5{ background: #cedc2f; padding: 5px; font-size: 13px;font-weight: bold; color: #fff; }
table.cenik td.cenik1b p{ padding: 0 0 5px 0; font-weight: bold; font-size: 12px; }
table.cenik td.cenik1b{ background: #ebf395; padding: 5px; width: 430px;}
table.cenik td.cenik2b{ background: #ebf395; padding: 5px; width: 100px;}
table.cenik td.cenik3b{ background: #e0ea72; padding: 5px;font-weight: bold;  text-align: center; }

table.cenik td.cenik6{ background: #802c90; padding: 5px; font-size: 13px;font-weight: bold; color: #fff; }
table.cenik td.cenik1c{ background: #ffd9fa; padding: 5px; width: 430px;}
table.cenik td.cenik2c{ background: #ffd9fa; padding: 5px; width: 100px;}
table.cenik td.cenik3c{ background: #e977ff; padding: 5px;font-weight: bold;  text-align: center; }

table.cenik td.cenik7{ background: #f79525; padding: 5px; font-size: 13px;font-weight: bold; color: #fff; }
table.cenik td.cenik1d p{ padding: 0 0 5px 0; font-weight: bold; font-size: 12px; }
table.cenik td.cenik1d{ background: #ffce95; padding: 5px; width: 430px;}
table.cenik td.cenik2d{ background: #ffce95; padding: 5px; width: 100px;}
table.cenik td.cenik3d{ background: #ffb056; padding: 5px;font-weight: bold;  text-align: center; }

div#imgs{ background: #a6c2dc; margin: 20px 0 0; }
div#imgs img{ margin: 10px 0 7px 10px;}
p.text{  font-size: 12px; margin: 0px 15px 0 10px;}

p.text2{ font-size: 120%; color: #fff; margin: 5px 0 0;  text-align: center; font-weight: bold;  }
p.text3{ font-size: 255%; color: #fff; margin: 15px 0 0;  text-align: center; font-weight: bolder;  }
p.text4{ font-size: 95%; color: #fff; margin: 5px 0 0;  font-weight: bold; color: #802c90;}
p.text5{ font-size: 110%; color: #fff; margin: 5px 0 0;  font-weight: bold; color: #802c90; background: #E1B6E8; padding: 3px;}

.img{ float: right; position: relative; bottom: -40px; right: 20px;}


#footer{ height: 50px;  background: #fff url(../i/bg_box.gif) top no-repeat; text-align: center; margin: 20px auto 0; padding: 0; width: 959px; text-align: center;  }
/*#footer span{ color: #999999; text-align: left; position: relative; top: -5px; left: 250px;}
#footer img{ margin: 17px 0 0;}*/


ul.odrazky{  margin: 10px 0 0 40px; /*list-style-type: square;*/ font-size: 12px;}
ul.odrazky li{ list-style-type: disc;}
a.mapa{ display: block; margin: 18px 0 0 19px;}

/* Menu */

/*margin: 30px auto 0; *margin: 16px auto 0;*/
div#navcontainer{ margin:10px 0 20px;  *margin:10px 0 0px;}
ul#navlist{margin: 0 0 0;;padding-left: 0;white-space: nowrap;}
#navlist li{display: inline;list-style-type: none; float: left;}
#navlist a.menu1{ display: block; width: 85px; height: 19px; background: url(../i/menu1.gif) top no-repeat; float: left; margin: 0 5px 0;}
#navlist a.menu1:hover{ background: url(../i/menu1a.gif) top ;}

#navlist a.menu2{ display: block; width: 57px; height: 19px; background: url(../i/menu2.gif) top no-repeat; float: left;margin: 0 5px 0;}
#navlist a.menu2:hover{ background: url(../i/menu2a.gif) top ;}

#navlist a.menu3{ display: block; width: 112px; height: 19px; background: url(../i/menu3.gif) top no-repeat; float: left;margin: 0 5px 0;}
#navlist a.menu3:hover{ background: url(../i/menu3a.gif) top ;}

#navlist a.menu4{ display: block; width: 76px; height: 19px; background: url(../i/menu4.gif) top no-repeat; float: left;margin: 0 5px 0;}
#navlist a.menu4:hover{ background: url(../i/menu4a.gif) top ;}

#navlist a:link, #navlist a:visited{color: #fff;text-decoration: none;}
#navlist a:hover{color: #fff;text-decoration: none;}