/* ___| CSS document |_____________________ */


body { 
	margin: 0;
	padding: 0;
	font-size: 70%;
	font-family: Verdana, 'Geneva CE', lucida, sans-serif;  
	background: #266312 url("../graphics/bg.png") repeat top center;
	color: #000;
	}
a img {
  	border: 0;
	}
h1, h2, h3, h4, h5, p {
	margin: 0;
	}
.none {
	display: none;
	}
.clear {
	margin: 0;
	padding: 0;
	height: 0;
	overflow: hidden;
	clear: both;
	}
	
	
/* ___| container |_____________________ */


#container { margin: 0 auto; width: 990px; position: relative; }
#top { margin: 0; width: 100%; float: left; clear: both; background: url("../graphics/bg_top.jpg") repeat-x top; }
#bg { margin: 0; width: 100%; float: left; clear: both; background: url("../graphics/bg_head.jpg") no-repeat center top; }


/* ___| header |_____________________ */


#header { margin: 0; width: 990px; height: 207px; background: url("../graphics/bg_header.jpg") no-repeat; float: left; clear: both; position: relative; }
#header h1 {
	margin: 0 0 0 -10px;
	left: 0;
	top: 0;
	width: 240px;
	height: 124px;
	overflow: hidden;
	background: none;
	display: block;
	position: relative;
	}
#header h1 a {	
	width: 240px;
	height: 124px;
	color: #fff;
	text-decoration: none;
	cursor: pointer;
	display: block;
	}
#header h1 a span {
	left: 0;
	top: 0;
	width: 240px;
	height: 124px;
	background: url("../graphics/canabest.png") no-repeat;
	display: block;
	position: absolute;
	}
ul#icons_top { margin: 0; position: absolute; top: 78px; right: 20px; }
ul#icons_top li { margin: 0 4px; display: inline; list-style: none; }
ul#flags { margin: 0; position: absolute; top: 105px; right: 20px; }
ul#flags li { margin: 0 4px; display: inline; list-style: none; }	
ul#flags li img { border: 1px solid #963e16; }


/* ___| main |_____________________ */


#main { margin: 0 -1px 0 1px; width: 990px; background: url("../graphics/bg_main.png") repeat-y; float: left; clear: both; }
#main_t { margin: 0; float: left; clear: both; width: 990px; min-height: 400px; background: url("../graphics/bg_main_t.jpg") no-repeat top; }


/* ___| column left |_____________________ */


#col_left { margin: 0 75px 0 0; width: 172px; float: left; }
menu { margin: 13px 0 0 19px; padding: 0; width: 172px; }
menu li { margin: 0; list-style: none; }
menu li a { margin: 0 0 3px 0; padding: 4px 0 4px 30px; color: #000; text-decoration: none; font-weight: bold; background: #aea698 url("../graphics/point-menu.png") no-repeat 6px 4px; display: block; width: 142px; }
menu li a:hover { color: #ece9e5; }
menu li.now a { color: #fff; }
menu li.menu-1 a span { padding: 4px 0 3px 0; display: block; background: url("../graphics/menu-1.png") no-repeat right top; }
menu li.menu-2 a span { padding: 4px 0 3px 0; display: block; background: url("../graphics/menu-2.png") no-repeat right top; }
menu li.menu-1 a, menu li.menu-2 a { padding-top: 0; padding-bottom: 0; }


/* ___| content |_____________________ */


#content { margin: 20px 35px 0 0; width: 704px; float: right; }
#content h2 { margin-bottom: 10px; font-family: Trebuchet MS; font-size: 150%; color: #68482f; }
#content h3 { margin: 24px 0 8px 0; font-size: 120%; color: #333; }
#content p { margin-bottom: 10px; line-height: 160%; }
#content a { color: #000; text-decoration: underline; }
#content a:hover { color: #000; text-decoration: none; }
#content a.pdf { padding: 3px 0 3px 20px; background: url("../graphics/pdf.gif") no-repeat left 0; }
#content ul { margin: 0 0 10px 30px; padding: 0; }
#content ul li { margin: 0 0 6px 0; list-style: square; line-height: 150%; }
#content p#path { margin: 0; font-size: 95%; }
#content p#path a { padding: 0 8px 0 15px; color: #000; background: url("../graphics/point-path.png") no-repeat left 5px; text-decoration: none; }
#content p#path a:hover, #content p#path a:hover strong { color: #666; }
#content p#path a strong { color: #3da31c; }
.line { margin: 10px 0 16px 0; width: 100%; float: left; clear: both; font-size: 0; height: 3px; background: url("../graphics/bg_line.png") repeat-x; }
img#top-img { margin: 0; position: absolute; top: 228px; right: 40px; }
img.gal { margin: 10px 7px 10px 7px; padding: 2px; border: 1px solid #999; }

table#tab { margin: 0 0 0 14px; width: 100%; padding: 0; text-align: left; border-collapse: collapse; }
table#tab td { padding: 7px 0; text-align: left; }


/* ___| footer |_____________________ */


#footer { margin: 0; width: 990px; height: 140px; background: url("../graphics/bg_footer.jpg") no-repeat top; float: left; clear: both; position: relative; }
#footer #bot-img { margin: 0; width: 186px; height: 123px; position: absolute; top: -116px; left: 13px; background: url("../graphics/bottom-img.jpg") no-repeat; }
#footer p { margin: 26px 0 0 34px; color: #daf97a; line-height: 170%; }
#footer p a { color: #daf97a; text-decoration: none; }
#footer p a:hover { text-decoration: underline; }


#doporucujeme {position: relative; text-align: center; width: 99%; padding-top: 90px;}
#doporucujeme strong {color: #000;}
#doporucujeme a img {border: 0px;}