/*
  CSS definicni soubor pro CzechiaHOTELS.cz
  autor: Jan Novotny (jnovotny@futureweb.cz)
  -----------------------------------------------
*/

body {
  font-family: trebuchet ms, verdana, verdana ce;
  background-color: #fff;
  background-image: url(./images/bg-main.jpg);
  background-position: center top;
  background-repeat: repeat-x;
  font-size: 1em;
  text-align: center;
  line-height: 140%;  
  padding: 0px;
  margin: 0px;
}

a {
  color: #000;
  font-weight: bold;
}

a:hover {
  color: #555;
}

h1, h2, h3 {
  margin: 0px;
  border: 0px;
  padding: 0px;
  color: #b80000;
  font-size: 1.1em;
}
h2 {
  color: #000;
  font-size: 12px;
}
h1 {
  font-size: 26px;
  margin-top: 14px;
  font-family: Georgia, Times New Roman;
}

#hotely h1 {
  margin: 20px 10px 0px 10px;
}

p {
  padding: 0px;
  font-size: 0.75em;
}

td {
  font-size: 11px;  
  padding-left: 0px;
  margin-left: 0px;
  vertical-align: top;
}

#hotel-detail {
  width: 430px;
  float: left;
  border: 0px solid #E2E7F0;  
  margin-top: 20px;
  margin-bottom: 20px;
  _margin-bottom: 0px;
}

#hotel-detail td {
  padding: 4px;
  background-color: #fff;
  border-bottom: 1px solid #ddd;
}

#hotel-detail td.gray {
  background-color: #fff;
  border-bottom: 1px solid #2a5589;
  color: #2a5589;
  font-size: 12px;
}

#hotel-detail1 {
  width: 440px;
  float: left;
  border: 1px solid #fff;  
  margin-top: 20px;
  margin-bottom: 20px;
  _margin-bottom: 0px;  
}

#rezervace-detail {
  width: 620px;
  float: left;
  border: 0px solid #F4E8CE;  
  margin-top: 0px;
  margin-bottom: 20px;
  _margin-bottom: 20px;  
}
#rezervace-detail td {
  padding: 4px;
  background-color: #fff;
  border-bottom: 1px solid #ddd;
}

#rezervace-detail td.gray {
  background-color: #fff;
  border-bottom: 1px solid #b80000;
  color: #b80000;
  font-size: 12px;
}

#hotel-detail1 td {
  padding: 4px;
  background-color: #fff;
  border-bottom: 1px solid #ddd;
}

#hotel-detail1 td.gray {
  background-color: #fff;
  border-bottom: 1px solid #b80000;
  color: #b80000;
  font-size: 12px;
}

#dalsi {  
  margin: 70px 10px 20px 10px;
  font-size: 12px;
}

#site, #odeslat {
  margin: 0px 10px 0px 10px;
}

#site h1 {
  margin: 0px;
  margin-bottom: 10px;
}

#site p {
  margin-bottom: 10px;
}

#dalsi a.zvyh1 {
  color: #000;
  font-size: 12px;
}

#dalsi a.zvyh1:hover {
  color: #999;
  font-size: 12px;
}

#dalsi a {
  color: #999;
}

#dalsi a:hover {
  color: #000;
}

#dalsi h3 {
  color: #000;
}

.dalsi {
  color: #999;
}

.left {
  padding-right: 15px;
}

.right {
  padding-left: 15px;
}

#foto-right {
  width: 180px;  
  float: right;
}

#foto-right img {  
  border: 5px solid #eee;
  float: right;
  margin-top: 20px;
  margin-left: 20px;
}

#foto-right p {
  float: right;
  width: 150px;
  font-size: 12px;  
  margin-top: 25px;
}

.fotoline img {  
  border: 5px solid #eee;
  float: left;
  margin-top: 20px;
  margin-right: 10px;
  margin-left: 10px;
}

#default {
  padding: 0px 10px 0px 0px;
}

#default p {
  margin: 0px;
  padding: 0px;
}
#default h2 {
  margin-top: 10px;  
  padding: 0px;  
}

#default a {
  text-decoration: none;
}

#default img {
 
}

#default, #hotely {
  width: 640px;  
}

input, textarea {
  font-family: arial, arial ce;
  font-size: 1em;
  border: 1px solid #999;
}

ul {
  font-size: 0.9em;
  list-style-type: none;  
}
ul li p {
  font-size: 0.85em
}

.center {
  text-align: center;
}

#freetime-bar {
  background: url("./images/bg-bottom.gif");
  font-size: 9px;    
  height: 83px;
  padding-left: 10px;
  padding-right: 10px;
  color: #fff;
  width: 880px;
  _width: 900px;
  margin: 0px auto;
}
#freetime-bar a {
  font-size: 9px;
  color: #222;
}
#freetime-bar a.normal {
  font-weight: normal;
}

#container, #lang-switch {
  margin: 0 auto;
  width: 900px;
  background-color: #fff;
  text-align: left;
}

#lang-switch {
	text-align: right;
	}
	
#lang-switch p {
	padding: 0px;
	margin: 0px;
	border: 0px;
	padding-right: 4px;		
	}
	
#lang-switch img {
	padding: 0px;
	margin: 0px;
	border: 0px solid #000;
	position: relative; 
	top: 5px;
    }

#header {
  height: 60px;
}

#logo {
  top: 4px;
  left: 15px;
  position: relative;
  border: 0px;
  float: left;
}

#bannery {
  float: right;
  background-color: #fff;  
  padding: 5px;
  padding-top: 7px;
  padding-right: 30px;
}

.banner {
  margin-left: 5px;
  width: 210px;
  height: 105px;
  background-color: #F0FFE6;
  float: right;
}

.banner h3 {
  color: #9FD07E;
  padding: 15px 10px 0px 20px;
  font-size: 14px;
}

.banner p {
  color: #9FD07E;
  padding: 0px 10px 0px 20px;
  font-size: 11px;
  line-height: 140%;
}

#menu, #kraje, #mail {
  list-style-type: none;
  margin: 0px;  
  margin-left: 28px;
  padding: 0px;
  border: 0px;
}

#left { margin-left: 2px; }
#redLeft { background: url("./images/bg-menu.gif"); padding-top: 0px; padding-bottom: 0px; }
#topLeft { background: url("./images/bg-menu-top.gif"); background-repeat: no-repeat; padding-top: 10px; padding-bottom: 10px; }
#gradLeft { background: url("./images/bg-left.jpg"); background-repeat: no-repeat; padding-top: 10px; padding-bottom: 1px; height: 400px;  }

#menu {
  margin-left: 0px;  
  text-align: right;
  margin-right: 35px;
  padding-top: 25px;
}

#menu li {
  margin-left: 0px;
  padding-left: 10px;
  font-weight: bold; 
  display: inline;
}

#menu img {
  margin-right: 0px;
}

#menu a.hlavni {
  padding-top: 9px;
  padding-bottom: 5px;
  text-decoration: none; 
  height: 25px;
}

#menu a.hlavni:hover {  
  background-color: #fff; 
  border-bottom: 0px solid #fff; 
  color: #000;
}

#kraje, #mail, #valid {
  margin-top: 10px;
  margin-bottom: 20px;
  margin-left: 25px;
  font-size: 10px;  
  line-height: 18px;
}

#kraje { margin-top: 10px; margin-bottom: 10px; font-family: georgia, times new roman; }

#valid img { border: 0px; }

#default a { color: #222; }
#default a:hover {
  color: #222;
  text-decoraion: none;
}
#kraje a {
  color: #fff;
}

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

#default a {
  font-size: 10px;
}

#main {
  width: 640px;
  float: right;
  padding-top: 0px;
  margin-right: 35px;
  _margin-right: 20px;
}

#default-pic {
	position: absolute; 
	margin-left: 227px;
	}
	
#mapa-pic {
 
	border: 0px;
	}	
	
#uvitaci { width: 193px; }

#uvitaci a { font-size: 14px; color: #b80000; }

#left {
  width: 200px;
  float: left;
  padding-top: 0px;
  background-color: #f5f5f5;
  padding: 0px;
}

.path {
  font-size: 10px;
  margin: 0px;
  margin-bottom: 5px;
  padding: 0px 10px 0px 10px; 
}

#typy_ubytovani li {
  display: inline;
  margin-right: 10px;
  margin-bottom: 25px;
  margin-left: 10px; 
  font-size: 11px; 
}

div.util {
  clear: both;
  border-top: 0px;
  border-right: 0px;
  border-bottom: 0px;
  border-left: 0px;
  padding-top: 0px;
  padding-right: 0px;
  padding-bottom: 0px;
  padding-left: 0px;
  font-size: 0px;
  margin: 0px;
}

p {
  margin: 0px;
  margin-bottom: 25px;
}

h3 {
  margin: 0px;
  margin-bottom: 10px;
}

.zvyhodneni {
  background: #F1DCA9 url(./images/bg-zvyhodneno.gif) top left repeat-x ;
  margin-bottom: 25px;
  padding: 10px;
}

.norm, .popis, .akce {
  padding: 0px 10px 0px 10px;
}

.akce { border-bottom: 1px solid #274f82; background-color: #f2f5f9; }

.zvyhodneni p {  
  margin-bottom: 0px;
}

#main ul {
  padding: 0px;
  margin: 0px;
}

.akceh3 { padding: 0px 10px 0px 10px; }

#odeslat h2, #odeslat2 h2 {
  padding-bottom: 10px;
}

#odeslat input, #odeslat2 input {
  border: 2px solid #ddd;
  font-size: 12px;
  margin-bottom: 5px;
  width: 172px;
}

#odeslat textarea, #odeslat2 textarea {
  border: 2px solid #ddd;
  font-size: 12px;
  margin-bottom: 5px;
  width: 172px;
  height: 100px;
}

#odeslat label, #odeslat span, #odeslat2 label, #odeslat2 span {
  font-size: 12px;
  display: block;
  width: 100px;
  float: left;
}

#odeslat-submit {
  margin-left: 103px;
  width: 172px;
}

#captcha {
  padding-left: 103px;
  font-size: 10px;
}

.red { color: #f00; font-weight: bold; }

#searchForm, #searchForm2 {
  margin-top: 15px;
  margin-bottom: 15px;
  padding: 10px;
  font-size: 10px;
}

#searchForm2 select { font-size: 10px; position: relative; top: 1px; }

.small { font-size: 10px; }

#czechia-hotel-zaznam
{
  font-size: 9px;  
  margin: 0px;
  padding: 0px;
}

#site .czechia-hotels-reklama {
  margin-top: 20px;
  margin-bottom: 20px;
  margin-left: 20px;
  font-size: 12px;
  list-style-type: square;
}

pre {
  padding: 10px;
  background-color: #eee;
  border: 1px #ddd solid;
}

.linky {
  font-size: 9px;
  margin-left: 0px;
}

#default h2 a.odkaz-na-kraj {
  font-size: 14px;
}

input#tajnyInput {visibility:hidden;}
.zvyhodnenyIMG { border: 2px solid #555; float: left; margin-right: 15px; padding: 1px; }

#odeslat, #odeslat2 { width: 175px; float: right; border: 1px solid #ccc; padding: 5px; }
#odeslat2 {  float: left; clear: both; width: 630px; }

.nadpisH3mesto { font-size: 12px; } 

#topBanner {
	text-align: center;
	width: 900px;
	background: #fff;
	margin: 0 auto;
	padding-bottom: 5px;
}
#topBannerIn {
	text-align: center;
	background: #fff;
	padding: 10px 0;
	margin: 0 5px;
	border-bottom: solid 1px #335c8f;
}