* {
  margin: 0;
  padding: 0;
}
html {
  background: #cd3b24 url("background.jpg") repeat-x;
}
body {
  color: #333;
  font: 0.9em/160% Verdana, Arial, Helvetica, sans-serif;
}
h1, h2, h3, h4, h5, h6 {
  font-family: "Trebuchet MS", Trebuchet, Verdana, Arial, Helvetica, sans-serif;
}
img {
  border: none;
}
input, textarea {
  font: 100%/160% Verdana, Arial, Helvetica, sans-serif;
}

/** Start Menu**/
#menu {
	position: relative;
	top: 17px;
	margin: 0 auto;
	width: 870px;
	height: 45px;
}
#menu a.sel {
	text-decoration: underline;
	color: #ffe8c3;
}
#menu a.big {
	margin-right: 2px;
	padding: 4px 15px;
	color: #FFF;
	font-size: 11px;
	float: left;
	height: 20px;
	dispay: block;
	text-decoration: none;
	border: 1px solid #fff;
}
#menu a.big:hover {
	margin-right: 2px;
	padding: 4px 15px;
	color: #444;
	font-size: 11px;
	float: left;
	height: 20px;
	dispay: block;
	text-decoration: none;
	border: 1px solid #fff;
	background: #fff;
}
#menu a.small {
	float: left;
	margin-top: 5px;
	margin-right: 2px;
	padding: 1px 15px;
	color: #FFF;
	font-size: 11px;
	height: 21px;
	dispay: block;
	text-decoration: none;
	border: 1px solid #fff;
}
#menu a.small:hover {
	float: left;
	margin-top: 5px;
	margin-right: 2px;
	padding: 1px 15px;
	font-size: 11px;
	height: 21px;
	dispay: block;
	text-decoration: underline;
	border: 1px solid #fff;
	background: #fff;
}


#menu a#id {background: #009dda;}
#menu a#id:hover {background:#04a4b4;}

#menu a#ida {background: #294ebf;}
#menu a#ida:hover {background:#042bb4;}

#menu a#idb {background: #ae212a;}
#menu a#idb:hover {background:#b40435;}

#menu a#idc {background: #9c29b0;}
#menu a#idc:hover {background:#9c29b0;}

#menu a#idd {background: #e9700f;}
#menu a#idd:hover {background:#d05b0e;}

#menu a#ide {background: #1d9d28;}
#menu a#ide:hover {background:#177b1f;}


/** Konec Menu**/
/** Start kontrukce**/
#page {
	position: relative;
	top: 15px;
	background: #fff;
	margin:  0 auto;
	margin-bottom:20px;

	overflow: hidden;
	padding: 0px;
	width: 870px;
	min-height: 650px;
border:4px solid #FFF;

}
#page p {
	font-size: 14px;
	line-height: 190%;
	padding: 10px 25px 25px 25px;
	text-align: justify;
	display:block;
}
#header {
  background: #1a1a1a url("hosteska-biz-logo.jpg") repeat-x 0  -34px;
  height: 172px;
  position: relative;
  width: 870px;
border:0px solid orange;
}
  
#header h1 {
	display: none;
}
#header h2 {
	display: none;
}
#pagebody {
	position: relative;
	width: 870px;
	padding: 5px 0 5px 0;
}
#pageleftbody {
	position: relative;
	left: 5px;
	width: 590px;
	float: left;
	clear: both;
	border: 0px solid grey;
}
#pageleftbody h1 {
	padding: 20px 0 0px 25px;
	Text-transform: uppercase;
	font-weight: normal;
	Letter-spacing: 2px;
	font-size: 17px;
	margin: 0px;
	text-align: left;
	text-decoration: none;
	color: #dc002e;
}

#pageleftbody h2 {
	padding: 20px 0 0px 25px;
	Text-transform: uppercase;
	font-weight: normal;
	Letter-spacing: 2px;
	font-size: 17px;
	margin: 0px;
	text-align: left;
	text-decoration: none;
	color: #dc002e;
}
 

#pageleftbody div.hosteska h3{
margin:0;
padding:0;
}

#pageleftbody div.error{
margin:0;
padding:0;
background:red;
color:white;
border:2px solid orange;
text-align:center;
}



.hosteska {margin:0px 0 10px 25px;padding-bottom:12px; border-bottom:1px solid #ffdcb4;border-right:1px solid #ffdcb4; width:250px; float:left;}
.hosteska .img {width:98px; height:98px; float:left; margin:5px 11px 11px 0; 
background-position:center; background-repeat:no-repeat;}

.hosteska .img .mask {background: url(bg-images.gif) no-repeat top left; width:98px; height:98px; display:block; }

.hosteska .right {width:124px; float:left;border:0px solid #ffdcb4; font-size:10px;}
.hosteska .right h3 {margin-top:0; margin-bottom:1px; }
.hosteska .right h3 a {text-decoration:none; font-size:10px; color:red;}
.hosteska .right .date {color:#333333; font-size:95%;}
.hosteska .right p {font-size:9px;margin-top:3px; margin-bottom:3px; padding:0px; 

}

input.a { width:300px;}
input.b { width:420px;}

table {width:520px; margin:0 auto; border:2px solid #ffded7; padding:2px;}
textarea {width:498px; margin:0 auto; border:1px solid #ffded7; padding:2px;}
input.odeslat {width:520px; margin:0 auto; }
div.upozorneni {width:520px; margin:0 auto; border:2px solid #ffded7; padding:2px;}
tr.a td { background-color:#fae9e4;}
tr.b td { background-color:#fcf1ee;}




#pageleftbody ul{
	padding: 20px 0 0px 55px;
}

#pageleftbody hr{

width:100%;
margin:14px 0 0 0;
visibility:hidden;

}

#pageleftbody p img{float:left; clear:left;}
#pageleftbody p img.right{float:right; clear:right;}

#pagerightbody {
	position: relative;
	right: 5px;
	width: 260px;
	float: right;
	clear: right;
	border-left: 1px dashed #dc0033;
}
#pagerightbody h2 {
	padding: 4px 0 0px 25px;
	Text-transform: uppercase;
	font-weight: normal;
	Letter-spacing: 2px;
	font-size: 15px;
	margin: 0px;
	text-align: left;
	font-weight: bold;
	text-decoration: underline;
	color: #dc0033;
}
#pagerightbody a {
	padding: 2px 0 0px 29px;
	Text-transform: uppercase;
	font-weight: normal;
	Letter-spacing: 0.3px;
	font-size: 12px;
	margin: 0px;
	text-align: left;
	text-decoration: none;
	color: #404040;
	display: block;
}
#pagerightbody a:hover {
	padding: 2px 0 0px 29px;
	Text-transform: uppercase;
	font-weight: normal;
	Letter-spacing: 0.3px;
	font-size: 12px;
	margin: 0px;
	text-align: left;
	text-decoration: underline;
	color: #3f90a9;
	display: block;
}


#pagerightbody hr{ padding:30px 0 0 20px; display:none;}

#pagerightbody div.banner{ 
margin:20px 10px 10px 20px;
height:325px; width:225px;
}

#pagerightbody div.banner a{ 
height:325px; width:225px;
margin:0px;
padding:0px;
}



#pagerightbody div.banner img{ 
border:1px solid red;
}
/** Konec konstrukce **/



#taeheader {
	float: left;
	margin: 0;
	padding: 0px;
	color: #000;
	background-color: #ccc;
	border-bottom: 1px solid grey;
	width: 942px;
}

#navigationbar2 {
  background: #00f1f1 url("bg_navigationbar.gif") no-repeat 100% 100%;
  color: #a4a4a4;
  float: left;
  padding-bottom: 2em;
  width: 173px;

clear:left;

}

#sidebar {
  float: right;
  /*margin-top: -40px;*/
  position: relative;
  right: 0;
  width: 255px;
  z-index: 100;
background-color:yellow;
}

#sidebar2 {
  float: right;
  /*margin-top: -40px;*/
  position: relative;
  right: 0;
  width: 513px;
  z-index: 100;
background-color:yellow;
}




#navigation {
  left: 173px;
  padding-left: 10px;
  position: absolute;
  top: 80px;
border:1px solid orange;
}
#pages {
  background: #B8D4FF;
  font-size: 12px;
  margin: 0;
  padding: 15px 0 6px 20px;
}
#searchform {
  background: transparent url("bg_search.gif") no-repeat 10px 7px;
  left: 0;
  height: 40px;
  position: absolute;
  top: 80px;
  width: 173px;
border:1px solid red;
}
#maincontent {
  float: left;
  margin: 0;
  overflow: hidden;
  padding: 0 0 20px 20px;
  width: 470px;
}
#navigationbar {
  background: #00f1f1 url("bg_navigationbar.gif") no-repeat 100% 100%;
  color: #a4a4a4;
  float: left;
  padding-bottom: 2em;
  width: 173px;
}
/**Patička**/


#links {
border-top:2px solid #67a8e0;
  clear: both;
  color: #666;
  line-height:105%;

  padding-top: 5px;
  padding-left: 20px;
  padding-right: 20px;
dislay:block;
font-size:10px;
margin:0 auto;
background:#FFF;
text-align:center;
}


#links a{
color:#888; 
text-decoration:none;}
#links a:hover{
color:#666; 
text-decoration:underline;}

#archives {
  background: #1a1a1a url("bg_header.gif") repeat-x 0 0;
  clear: both;
  color: #666;
  margin-top: 2em;
  padding: 20px;
  width: 830px;
}

#archives p{font-size:10px;}

#archives small{ float:right;}
#archives small.a{ float:left;}

#archives small a.inetwork { color:#294ebf;}
#archives small a.zelenyhaj { color:#21af2d;}

#archives small a.fitre { color:#009dda;}