body {
	font-family: "Trebuchet MS", arial, verdana, Helvetica, sans-serif;
	font-size: 12px;
	background-color: #FFFFFF;
	text-align:center; /* center */
	margin:0px;
	margin: auto;
	color: black;
}

a:link { color: #0a6c9c; text-decoration: underline;}

a:visited { color: #0a6c9c; text-decoration: underline;}

a:hover { color: rgb(64,176,255);}

#wrap{
width:1001px;
text-align:left; /* center */
margin:auto; /* center */
}
	#top-panel{
	height: 100px;
	background-image:url(_gfx/top-panel-bg.jpg);
	background-repeat:none;
	position: relative;
	}
	
	.top_home { width: 300px; height: 70px; position: absolute;
              right: 130px; top: 0px;}
  .flag-cz { width: 17px; height: 13px; position: absolute; bottom: 10px; left: 180px;
             background: transparent url('_gfx/flag-cz.png') no-repeat;}
    .flag-cz:hover { background: transparent url('_gfx/flag-cz1.png') no-repeat;}
    .flag-cz:visited:hover { background: transparent url('_gfx/flag-cz1.png') no-repeat;}
  
  .flag-de { width: 17px; height: 13px; position: absolute; bottom: 10px; left: 202px;
             background: transparent url('_gfx/flag-ger.png') no-repeat;}
    .flag-de:hover { background: transparent url('_gfx/flag-ger1.png') no-repeat;}
    .flag-de:visited:hover { background: transparent url('_gfx/flag-ger1.png') no-repeat;}
  
  .flag-hr { width: 17px; height: 13px; position: absolute; bottom: 10px; left: 224px;
             background: transparent url('_gfx/flag-hr.png') no-repeat;}
    .flag-hr:hover { background: transparent url('_gfx/flag-hr1.png') no-repeat;}
    .flag-hr:visited:hover { background: transparent url('_gfx/flag-hr1.png') no-repeat;}

#top-navi{
background-image:url(_gfx/top-navi-bg.gif);
background-repeat:no-repeat;
width: 580px;
text-align: left;
padding: 5px 0px 0px 30px;
color:#0a6c9c;
position: absolute;
right: 0px; _right: -1px;
bottom: 0px;
}
	#top-navi img {border:none;}
	#top-navi a:link, #top-navi a:visited
    { color:#0a6c9c; text-decoration:none;}
	#top-navi a:hover
    { color: rgb(0,192,48);}
	#top-navi a:active { color:#000000;}
  .top_date { position: absolute; right: 10px;}

#header{ position: relative; width: 1000px; height: 238px;
         background: url('_gfx/header.jpg') no-repeat; }

#leftOne{
float:left;
width:174px;
padding-top:8px;
}

#rightOne{
float:right;
width:192px;
height: 750px;
background: url(_gfx/right-panel.gif) no-repeat;
}
	#rightOne .top {
	height:140px;
	background-repeat:none;
	position: relative;
	}
	 #weather { position: absolute; bottom: 15px; right: 0px;}
	 .right-panel-news { width: 70px; height: 30px; position: absolute;
                       top: 3px; right: 45px;}
	
	#rightOne .medium {
	height: 300px;
	}
	
	#rightOne .bottom {
	text-align: center;
	font-weight: bold;
	}
		#rightOne .links {
		padding-top:50px;
		}
			#rightOne .links ul{ list-style-type:none;}
			#rightOne .links ul li{
			 }
			 #rightOne .links ul li a{
			 color:#FFFFFF;
			 text-decoration:none;
			 }
			 
			 #rightOne .links ul li a:hover{
			 color:#FFFFFF;
			 text-decoration:underline;
			 }

#centerOne-search { margin:0px;}

#centerOne{
margin:0px 193px 0px 0px;
}
	.two{
	margin:0px 193px 0px 175px !important;
	}
	
	#centerOne img{border:none;}
	
.foto3 { width: 600px;}
.foto3 img {margin: 8px;}

.foto5 { width: 600px;}
.foto5 img {margin: 5px;}

.nautika { width: 600px; font-size: 12px;}
  .nautika th { width: 50%; text-align: left;}

.img_wine { float: left; margin: 0px 5px 0px 0px;}

.wine { height: 160px;}
.specialities { height: 110px;}

.acc_house { width: 600px; height: 260px;}
.acc_house img { margin: 4px;}

.acc_table { width: 300px; float: left;}

.cenik { width: 600px; border-collapse: collapse; }
  .cenik th { border: 1px solid rgb(183,183,183); background: rgb(160,192,255);}
  .cenik td { border: 1px solid rgb(183,183,183);}

.contact { float: left; width: 200px;}

.office { width: 290px; float: left; margin-right: 10px;}

#map_google { width: 595px; height: 400px; border: 1px solid rgb(80,144,255); 
              float: right; margin-bottom: 25px; text-align: center; font-size: 120%;
              font-weight: bold;}

.red_bold { color: #CC0000; font-weight: bold; font-size: 14px;}

.porecka_tip { float: right; }

/* ----------------------- Private accomodation catalogue -------------------------- */

.search-acc { width: 150px; margin: auto; position: relative; }
 .search-acc select { width: 145px; height: 20px; border: 1px solid rgb(198,198,198);
                      font-family: "Trebuchet MS", arial, verdana, Helvetica, sans-serif;
                      font-size: 80%; font-weight: normal; display: block; margin: auto;
                      padding: 1px;}
 .search-nadpis { text-align:center; font-size: 110%; color: black; 
                  background: rgb(80,176,255); margin-bottom: 5px;}
 .search-popisek { margin: 2px;}
 .search-button { width: 100px; height: 25px; font-size: 90%; font-weight: bold;
                  font-family: Arial; display: block; margin: 5px auto 0px auto;}
  
.acc_catalogue { width: 600px; position: relative;}
.objekty-paging { font-size: 110%; font-weight: bold; width: 100%;}
.objekt-celek { margin-top: 5px; margin-bottom: 5px; position: relative;}

.objekty-top { height: 45px; *height: 40px; width: 600px; background: url('./_gfx/objekty-top.gif') no-repeat; 
               font-size: 130%; font-weight: bold; color: #297ca5; position: relative; display: block;
             }
  .objekty-top td { vertical-align: top; padding: 5px 0px 0px 15px; position: relative; }
  .mesto-objekt { color: #f7c93f;}
  .nazev-objektu:link, .nazev-objektu:visited { color: white; }
  .nazev-objektu:hover { color: #f7c93f; }
  
  .objekt-category { width: 140px; height: 20px; position: absolute;
                     top: 8px; right: 10px; text-align: right;}
  .objekt-toppos { position: absolute; left: 310px; top: 1px;}
  
.objekty-middle { background: url('./_gfx/objekty-middle.gif') repeat-y;}
  .foto-objekt { float: left; width: 175px; text-align: center;}
  #centerOne .foto-objekt img { border: 1px solid #8ad8ff; margin: 5px; padding: 2px;}
  .objekt-info { float: left; width: 190px; margin-left: 10px;}
  .objekt-tel {width: 210px; float: right; margin-right: 5px;}
    .objekt-tel a:link, .objekt-tel a:visited { color: white; }
    .objekt-tel a:hover { color: #f7c93f; }
  
  .objekt-more:link, .objekt-more:visited
  { width: 80px; height: 30px; float: right; margin: 10px 10px 0px 0px; 
    padding-top: 5px; font-size: 130%; font-weight: bold; color: white; 
    background: url('./_gfx/more.gif') center right no-repeat; }
  .objekt-more:hover { color: #f7c93f; background: url('./_gfx/more1.gif') center right no-repeat;}
  
.objekty-bottom { height: 13px; background: url('./_gfx/objekty-bottom.gif') no-repeat;}


.objekt-tabulky { color: black; margin: 2px; text-align: center;}
.objekt-tabulky td { padding: 2px; background: #e2ecf5;
                     border-bottom: 1px solid #4990CC; border-right: 1px solid #4990CC;}
  .objekt-tabulky .view-objekt-blank { background: white;  border-bottom: 1px solid white;
                                       border-right: 1px solid white;}

.objekt-tabulky .popisek-tabulky 
  { padding: 2px 5px 2px 5px; font-weight: bold; text-align: right;
    background: #ff9900; color: white;
    border-bottom: 1px solid #cc7b02; border-right: 1px solid #cc7b02;}
    
.objekt-tabulky .popisek-acc
  { padding: 2px 5px 2px 5px; font-weight: bold; text-align: left;
    background: #ff9900; color: white;
    border-bottom: 1px solid #cc7b02; border-right: 1px solid #cc7b02;}

.objekt-tabulky .popisek-dist
  { width: 90px; padding: 2px 5px 2px 5px; font-weight: bold;
    text-align: right; background: #ff9900; color: white;
    border-bottom: 1px solid #cc7b02; border-right: 1px solid #cc7b02;}

.overflow-auto { overflow: auto;}

.objekt-foto1 { float: right; margin: 0px 20px 0px 0px; border: 1px solid rgb(80,144,255);
                padding: 2px;}
  
.objekt-gallery { width: 100%; overflow: auto; *overflow: visible; text-align: left; margin-bottom: 10px;}
  .objekt-gallery a { height: 133px; margin: 10px; display: block; float: left;}
  #centerOne .objekt-gallery img { border: 1px solid rgb(80,144,255); padding: 2px;}

.google-banner { width: 468px; height: 60px; margin: 10px auto; text-align: center;}

.google-history { float: right; width: 200px; margin: 0px 0px 5px 10px;}
/* ----------------------------- About us ---------------------------------------*/
.logo-ic { float: right; margin: 5px;}

/* ----------------------------- Contact ---------------------------------------*/

#napiste-nam { width: 350px; float: left; margin: 10px 0px 0px 40px;}
  #napiste-nam .button { float: right; margin-right: 45px;}
  #napiste-nam textarea { border: 1px solid rgb(150,150,150); padding: 3px;
                          font-family: Arial; font-size: 100%; width: 300px;}
  #napiste-nam #email { border: 1px solid rgb(150,150,150); height: 18px;
                        font-size: 100%;}

/* -------------------------------Footer------------------------------------- */

#footer{
height:280px;
background-image:url(_gfx/footer-bg.png);
background-repeat:none;
position: relative;
}

.footer-google { width: 728px; height: 15px; position: absolute;
                 top: 90px; left: 220px;}

.footer-links { width: 740px; position: absolute; left: 220px; top: 130px;
                text-align: center;}

.footer-text { padding: 200px 0px 0px 150px; text-align:center;}

/* ################  BLOCKS ###########################*/
.left-block{
width:160px;
margin-top:30px;
}

.left-block-head{
background-image:url(_gfx/left-menu-head.gif);
background-repeat:none;
height:30px;
margin-bottom:0px;
}

.left-block-body{
background-image:url(_gfx/left-menu-bg.png);
background-repeat:repeat-y;
margin:0px;
font-size:14px;
font-family: "Trebuchet MS", arial, verdana, Helvetica, sans-serif;
font-weight:bold;
color:#FFFFFF;
}
		.left-block-body ul {
		list-style-type:none;
		margin:0px;
		padding: 0px;
		}
		
		.left-block-body ul li {
		text-align:center;
		}
		.left-block-body ul li a{
		margin: 0px;
		display: block;
		width: 160px;
		height: 18px;
		color:#FFFFFF;
		text-decoration:none;
		}
		
		.left-block-body ul li a:hover{
		background-image: none;
    background-color:#FFFFFF;
		color:#000000;
		}
		
		.left-block-body ul .left-active a
		{ background: rgb(80,176,255) url('./_gfx/left-active.gif') right center no-repeat;
		  color: black;
		  text-decoration: none;
    }

.left-block-bottom{
background-image:url(_gfx/left-menu-bottom.gif);
background-repeat:none;
height:62px;}
/* ##################### settings #########################*/

.left-google { width: 125px; margin: 20px 0px 0px 20px;}

.cleaner{
clear:both;
}

.content{
padding:10px;
*padding-top: 30px;
}

.content2 { padding: 0px; *padding-top: 30px;}

	.content h1 {
	margin-top: 20px;
	font-size:16px;
	height: 25px;
	color:#000066;
	padding: 3px 0px 0px 30px;
	background: url('./_gfx/h1.gif') no-repeat;
	}
	
	.content h2 {
	font-size:15px;
	color: black;
	padding-left:30px;
	margin: 10px 0px;
	}

.corner{
background-image:url(_gfx/corner.png);
width:17px;
height:27px;
float:left;
border-right: 1px solid white;
}

.submenu {
padding:10px;
%padding:5px;
text-align:center;
width:530px;
background-color:#D5F0FF;
border-top:1px solid #5BA9FF;
border-bottom:1px solid #5BA9FF;
margin:20px 0px 20px 0px;
}
	.submenu a, .submenu a:visited{
	color:#0066CC;
	font-weight:bold;
	text-decoration:underline;
	}
	
	.submenu a:hover{
	text-decoration:none;
	}

#top-navi .flags{
margin-left:160px;
}