body  {
	font: 100% Trebuchet MS, Arial, Helvetica, sans-serif;
	background-repeat:repeat-x;
	background-color: #12406b;
	margin: 0px 0px 0px 0px; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0px;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #000000;
}
.twoColFixLtHdr #container { 
	width: 912px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	background-image: url(pic/bg_celek.png);
	background-repeat:repeat-y;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	border: 0px solid red;
	text-align: left; /* this overrides the text-align: center on the body element. */
} 
.twoColFixLtHdr #header { 
	padding:0px;
	background-image: url(pic/top_right.png);
	background-position: top right;
	background-repeat:no-repeat;
	background-color: white	;
} 
.twoColFixLtHdr #sidebar1 {
	float: left; /* since this element is floated, a width must be given */
	width: 237px;
	 /* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */
	padding: 11px 0px 25px 16px;
}
.twoColFixLtHdr #mainContent { 
	margin: 25px 0px 30px 36px; /* the left margin on this div element creates the column down the left side of the page - no matter how much content the sidebar1 div contains, the column space will remain. You can remove this margin if you want the #mainContent div's text to fill the #sidebar1 space when the content in #sidebar1 ends. */
	padding:0px 0px 0px 0px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	float:left;
	width: 550px;
}
.twoColFixLtHdr #mainContent_index { 
	margin: 37px 0px 30px 36px; /* the left margin on this div element creates the column down the left side of the page - no matter how much content the sidebar1 div contains, the column space will remain. You can remove this margin if you want the #mainContent div's text to fill the #sidebar1 space when the content in #sidebar1 ends. */
	padding:0px 20px 0px 0px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	float:left;
	width: 420px;
	border-right: 1px dotted #004372;
}  
.twoColFixLtHdr #novinky { 
	margin: 37px 0px 30px 20px; /* the left margin on this div element creates the column down the left side of the page - no matter how much content the sidebar1 div contains, the column space will remain. You can remove this margin if you want the #mainContent div's text to fill the #sidebar1 space when the content in #sidebar1 ends. */
	padding:0px 0px 0px 0px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	float:left;
	width: 170px;
}  
.twoColFixLtHdr #mainContent p { 
	color:#555241;
	font-size: 12px;
	margin: 0px;
	padding-left:0px;
	padding-bottom:8px;
	text-align:justify;
	}
.twoColFixLtHdr #novinky p { 
	color:#000;
	font-size: 12px;
	font-weight: bold;
	margin: 0px;
	padding-left:0px;
	padding-top: 10px;
	padding-bottom:0px;
	}

.twoColFixLtHdr #mainContent a:link, .twoColFixLtHdr #mainContent_index a:link, .twoColFixLtHdr #mainContent a:visited, .twoColFixLtHdr #mainContent_index a:visited { 
	color:#12406b;
	font-size: 12px;
	text-decoration:underline;
	}
.twoColFixLtHdr #mainContent a:hover, .twoColFixLtHdr #mainContent_index a:hover { 
	color:black;
	font-size: 12px;
	text-decoration:underline;
	}
.twoColFixLtHdr #mainContent table, .twoColFixLtHdr #mainContent_index table { 
	color:#3e5c57;
	font-size: 12px;
	padding-bottom:8px;
	padding-left:5px;
	}	
	
.twoColFixLtHdr #mainContent li, .twoColFixLtHdr #mainContent_index li { 
	color:#3e5c57;
	font-size: 12px;
	margin: 0px;
	padding: 0px;
	}
.twoColFixLtHdr #mainContent ul { 
	color:#3e5c57;
	font-size: 12px;
	margin: 0px 0px 7px 0px;
	padding-left: 10px;
	list-style-position:inside;
	}
.twoColFixLtHdr #footer { 
	background-image: url(pic/footer.png);
	background-repeat: no-repeat;
	height: 42px;
	margin: 10px 0px 0px 0px;
	padding: 0 0px 0 0px; /* this padding matches the left alignment of the elements in the divs that appear above it. */

} 
.twoColFixLtHdr #footer p {
	margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	padding: 14px 20px 0px 40px; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
	font-size: 12px;
	color:#ffffff;
	text-align:right;
}
.twoColFixLtHdr #footer a {
	font-size: 12px;
	color:#ffffff;
	text-decoration: underline;
}
.twoColFixLtHdr #footer a.ruzovy{
	font-size: 12px;
	font-style:italic;
color:#ff2691;
	text-decoration: none;
}
.twoColFixLtHdr #footer a:hover {
	font-size: 12px;
	color:#ffffff;
 text-decoration:none;
}
.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin-left: 8px;
}
.fltlft { /* this class can be used to float an element left in your page */
	float: left;
	margin-right: 8px;
}
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}
a.bookeruc{background-image:url(pic/res_button.png);
background-repeat:no-repeat;
display:block;
width:306px;
height:80px;
float: left;
}
/*a.bookeruc{background-image:url(pic/rezervace.png);
background-repeat:no-repeat;
background-position:0px -80px;
display:block;
width:288px;
height:80px;
float: left;
}
a.bookeruc:hover {background-image:url(pic/rezervace.png);
background-repeat:no-repeat;
background-position:0px 0px;
display:block;
width:288px;
height:80px;
float: left;
}*/
img.left{float: left;}
/*/////////////Navigace///////////*/
#sidebar1{
width: 250px;

}
#sidebar1 ul{
list-style: none;
margin: 0px;
padding: 0px;
background-image:url(pic/menu_bg.png);

}
#sidebar1 li a{
font-family: Arial, Helvetica, sans-serif;
text-align:left;
display: block;
/*height: 26px;
_height: 41px;*/
width: 172px;
font-weight: bold;
font-size: 13px;
color: #12406b;
padding:10px 40px 10px 25px;
margin-bottom: 0px;
text-decoration:none;
background-image:url(pic/btn_bg.png);
background-repeat:no-repeat;
vertical-align:middle;
background-position: bottom left;
	outline: none;
}
#sidebar1 li a:hover, #sidebar1 li.current_page_item a{
font-family: Arial, Helvetica, sans-serif;
text-align:left;
display: block;
width: 172px;
font-weight: bold;
font-size: 13px;
color: #12406b;
padding:10px 40px 10px 25px;
margin-bottom: 0px;
text-decoration:none;
background-image:url(pic/btn_active.png);
background-repeat:no-repeat;
color:black;
}

#sidebar1 li.kontakt a{
font-family: Arial, Helvetica, sans-serif;
text-align:left;
display: block;
width: 172px;
font-weight: bold;
font-size: 13px;
color: #12406b;
padding:18px 0px 10px 53px;
margin-bottom: 0px;
margin-top:20px;
text-decoration:none;
background-image:url(pic/btn_bg_kontakt.png) !important;
background-repeat:no-repeat;
	outline: none;
}
#sidebar1 li.kontakt a:hover{
font-family: Arial, Helvetica, sans-serif;
text-align:left;
display: block;
width: 209px;
font-weight: bold;
font-size: 13px;
color: #12406b;
padding:18px 0px 10px 53px;
margin-bottom: 0px;
margin-top:20px;
text-decoration:none;
background-image:url(pic/btn_active_kontakt.png) !important;
background-repeat:no-repeat;
}
#sidebar1 li.kontakt_active a{
font-family: Arial, Helvetica, sans-serif;
text-align:left;
display: block;
width: 209px;
font-weight: bold;
font-size: 13px;
color: #12406b;
padding:18px 0px 10px 53px;
margin-bottom: 0px;
margin-top:20px;
text-decoration:none;
background-image:url(pic/btn_active_kontakt.png) !important;
background-repeat:no-repeat;
	outline: none;
}
#sidebar1 li.main2 a{
font-family: Arial, Helvetica, sans-serif;
text-align:left;
display: block;
height: 41px;
_height: 56px;
width: 237px;
font-weight: bold;
font-size: 13px;
color: #12406b;
padding:10px 0px 0px 25px;
margin-bottom: 0px;
text-decoration:none;
background-position: bottom left;
background-image:url(pic/btn_bg.png);
background-repeat:no-repeat;
vertical-align:middle;
background-position: bottom left;
}
#sidebar1 li.main2 a:hover, #sidebar1 li.main2 a.active{
font-family: Arial, Helvetica, sans-serif;
text-align:left;
display: block;
height: 41px;
_height: 56px;
width: 237px;
font-weight: bold;
font-size: 13px;
color: #12406b;
padding:10px 0px 0px 25px;
margin-bottom: 0px;
text-decoration:none;
background-image:url(pic/btn_active.png);
background-repeat:no-repeat;
color:black;

}
h1{
font-family: Arial, Helvetica, sans-serif;
text-transform:uppercase;
font-weight:bold;
	color:#12406b;
	font-size: 24px;
	margin:0px 0px 7px 0px;
}

a:link h1, a:visited h1{
font-family: Arial, Helvetica, sans-serif;
text-transform:uppercase;
font-weight:bold;
	color:#12406b;
	font-size: 20px;
	margin:0px 0px 7px 0px;
}

h2{
	color:#12406b;
	font-size: 15px;
	margin:0px 0px 3px 0px;
}
h3{
	color:#555241;
	font-size: 14px;
	margin:5px 0px 3px 0px;
	font-weight:normal
}
.small{
font-size: 12px;
margin-bottom: 5px;
display: block;}
.left{float: left;
_margin-left: -3px;}
.left2{float: left;_margin-left: -3px;}
img {
border:0}
/* search form */

#searchform {
margin: 55px 0px 0px 0px;
	height: 21px;
	width: 180px;
	float:left;
}
#searchform #s{
	background: #ffffff url(pic/search-form-field-bg.png) no-repeat ;
	height: 21px;
	width: 120px;
	padding: 2px 7px 0px 5px;
	color: #49721F;
	border: none;
	margin-left: 3px;
	float:left;
}
#searchform #searchsubmit { 
	background: url(pic/search-btn.png) no-repeat left top;
	height: 21px;
	width: 31px;
	border: none;
	text-indent: -999%;
	line-height: 1px;
	margin-top: 0px;
	float:left;
	cursor:pointer;
}
/*jazyky*/
.jazyky{
float: right;
width:480px;
}
#menu02{
float:left;
margin-top:25px;
margin-bottom: 10px;
margin-right:20px;
padding-right: 0px;
}
#nav05, #nav05 li{
	margin:0;
	padding:0;
	list-style:none;
	height:73px;
	width: 260px;
	background-color: white;
	float:left;
}
#nav05 li{
	display: inline;
	float:left;
	height:73px;
	line-height:73px;
	text-indent:-8000px;
	margin-left:0px;
}
#nav05 li a{
	display:block;
	height:73px;
	background-repeat:no-repeat;
	background-position:0 -73px;
	outline: none;
}
#nav05 li a:hover, #nav05 li a.active{
	background-position:0 0;
	background-repeat:no-repeat;
}
li#cs{width:80px;}
li#de{width:80px;}
li#en{width:80px;}
li#cs a{background-image:url(pic/cz.png);}
li#de a{background-image:url(pic/ger.png);}
li#en a{background-image:url(pic/en.png);}