/*

Site name : Hoby
Site URL: http://www.ubytovnahoby.cz/
Version: 1.00 Released 31/11/2009
*/

* {	
	margin: 0px;
	padding: 0px;
	border: 0px;
}
body { 
  text-align: center;
}
html, input, textarea	{ 
	font-family: Arial,Tahoma ,Verdana, Geneva, Helvetica, sans-serif;;
	font-size: 13px;
	line-height: 18px;
	color: #fff;
	text-align: justify; 
}
.clear { 
	clear: both; 
}
h1{
  display: block;
  font-size: 26px;
  background: url(../gfx/h1-bullet.png) no-repeat 0px 0px ;
  padding: 10px 0px 0px 25px;
  margin: 10px 0px 0px 0px;
  font-weight: normal;
  color: #fff;
}
h2{
  display: block;
  font-size: 16px;
  background: url(../gfx/h2-bullet.png) no-repeat 0px 0px ;
  padding: 0px 0px 0px 25px;
  margin: 10px 0px 0px 0px;
  font-weight: bold;
  color: #fff;
  clear:both;
}
.wrapper{
 	width: 960px;
	margin: 0 auto;
  text-align: left;
}
a{
  color:#000;
  text-decoration: none;
}
a:hover{
  text-decoration:underline;
}
address{
  margin: 10px 0px 0px 0px;
  font-size: 13px;
  color: #fff;
  font-style:normal;
}
/* iframe */
iframe {
margin-top: 15px;
margin-left: 10px;
margin-bottom: 20px;
width: 185px;
height: 255px;
border: 0px;
}
iframe INPUT {
	border:solid 1px !important;
}
/* ---------------------------------------------------------------- 
 *  Top
 * ---------------------------------------------------------------- 
*/
#top{
  width: 100%;
  height: 111px;
  background: url(../gfx/top-bg.gif) repeat-x;
}
  #top #logo{
  width: 233px;
  float: left;
}
  #top #logo img{
  margin: 18px 0px 0px 0px;
}
  #top #menu {  /* this is a z-index ie6 and ie7 bug fix */
	position: relative;
	z-index: 50;
}
  #top #menu{
  width: 627px;
  float: left;
  padding: 0px 0px 0px 20px;
}
  #top #menu a{
  display: block;  
  float: left;
  padding: 0px 13px;
}
  #top #menu ul {
  position: relative;
  margin: 37px 0px 0px 0px; 
}
  #top #menu ul li {
  list-style: none;
  display: block;
  float: left; 
  margin: 0px 10px 0px 0px;
  position:relative;
}
  #top #menu ul li a,  #top #menu ul li a span{
  color: #000;
}
  #top #menu ul li.active,
  #top #menu ul li.active a, 
  #top #menu ul li.active a span, 
  #top #menu ul li a:hover,
  #top #menu ul li,
  #top #menu ul li a, 
  #top #menu ul li a span
  #top #menu ul li a span:hover {
  display: block;
  height: 37px;
  color: #fff;
  font-weight: bold;
  font-size: 16px;
  cursor: pointer;
  text-decoration: none;
  line-height: 30px;
}
  #top #menu ul li.active a {
  background: url(../gfx/top-active.png) no-repeat left top;
  padding: 0px 13px;
}
  #top #menu ul li.active a span {
  background: url(../gfx/top-active-indicator.png) no-repeat 50% top;
}
  #top #menu ul li.active {
  background: url(../gfx/top-active.png) no-repeat right -37px;
}
  #top #menu ul li.active a span {
  color: #871E21;
}
  #top #menu ul li a:hover span {
  color: #fff;
}
  #top #menu ul li a:hover, #top #menu ul li:hover a{
  background: url(../gfx/top-hover.png) no-repeat left top; 
}
  #top #menu ul li:hover{
  background: url(../gfx/top-hover.png) no-repeat right -37px;
}

  #top #menu ul li.active a:hover, #top #menu ul li.active:hover a{
  background: url(../gfx/top-hover.png) no-repeat left top; 
}
 #top #menu ul li.active:hover a span{
  background: url(../gfx/top-hover-indicator.png) no-repeat 50% top;
}
  #top #menu ul li:hover{
  background: url(../gfx/top-hover.png) no-repeat right -37px;
}

/* ---------------------------------------------------------------- 
 *  Middle
 * ---------------------------------------------------------------- 
*/
#middle{
  padding: 50px 0px 20px 0px;
  width: 100%;
  background: url(../gfx/middle-bg.jpg) #760807 repeat-x 50% top  ;
  text-align: center;
}
  #middle p{
  color:#fff;
  margin: 10px 0px 0px 0px;
}
  #middle .left{
  width: 450px;
  height: 100%;
  float:left;
}
  #middle .right{
  width: 510px;
  height: 100%;
  float: right;
}
 #middle .right .left{
  margin: 0px 0px 0px 20px;
  padding: 0px 20px 0px 10px;
  width: 195px;
  height: 100%;
  float: left;
}
 #middle .right #wrapper{
  margin: 0px 20px 0px 10px;
  padding: 5px;
  width: 225px;
  height: 100%;
  float: right;
  background: url(../gfx/middle-inset.png) repeat;
}
 #middle .right .right{
  padding: 0px 0px 10px 10px;
  width: 215px;
  height: 100%;
  background: url(../gfx/middle-inset.png) repeat;
}
  #middle .right .right h2{
  text-transform: uppercase;
}
  #middle .right .right p a{
  color: #e7abaa;
  font-weight: bold;
}
  #middle .right .right a{
  color: #e7abaa;
  font-weight: normal;
}
  #middle .right .right img{
  margin: 5px 5px 20px 0px;
  border: solid 1px #fff;
  padding: 2px;
  float: left;
}
/* ---------------------------------------------------------------- 
 *  bottom
 * ---------------------------------------------------------------- 
*/
#bottom{
  width: 100%;
  background: url(../gfx/bottom-bg.gif) repeat-x ;
  text-align: center;
  padding: 30px 0px 20px 0px;
  color: #000;
}
  #bottom .left{
  width: 450px;
  height: 100%;
  float:left;
}
  #bottom .right{
  width: 510px;
  height: 100%;
  float: right;
  position:relative;
}
 #bottom .right .left{
  margin: 0px 0px 0px 30px;
  width: 225px;
  height: 100%;
  float: left;
  font-style: italic;
}
 #bottom .right .left em{
  display: block;
  font-size: 10px;
  margin: 5px 0px 0px 0px;
}
 #bottom .right .left strong{
  display: block;
  margin: 5px 0px 0px 0px;
  font-style: normal;
}
 #bottom .right .left span{
  font-style: italic;
  font-weight: bold;
}
 #bottom .right .left h2{
  display: block;
  height: 24px;
  background: url(../gfx/bottom-title.png) no-repeat 0px 0px ;
  padding: 6px 0px 0px 6px;
  margin: 0px;
  color: #9c1308;
  font-style: normal;
}
 #bottom .right .left .more, #bottom .right .left A{
  display: block;
  height: 31px;
  background: url(../gfx/bottom-readmore.png) no-repeat 0px 0px ;
  padding: 5px 0px 0px 30px;
  margin:15px 0px 0px 0px;
}
#bottom .right .left A {
	display:inherit;
}
 #bottom .right .left a{
  color: #fff;
  font-style: normal;
  font-weight: bold;
}
 #bottom .right .right h2{
  display: block;
  height: 32px;
  color: #333;
  margin:0px;
  background: url(../gfx/bottom-module.png) no-repeat 0px 0px ;
  padding: 8px 0px 0px 35px;
}
 #bottom .right .right p, #bottom .right .left p{
  margin: 0;
  color: #333;
}
 #bottom .right .right{
  padding: 0px 0px 0px 0px;
  width: 255px;
  height: 100%;
}
  #bottom .right .right p {
  	font-style:italic;
 }
   #bottom .right .right em {
   font-size:11px;
 }
 #bottom .right .right a{
  font-weight: bold;
  color: #871e21;
}
  #bottom .left img{
  margin: 0px 0px 0px 0px;
  padding: 0px;
}
  #bottom .wrapper .right span a{
  font-weight: lighter;
}
/* ---------------------------------------------------------------- 
 *  footer
 * ---------------------------------------------------------------- 
*/
#footer{
  width: 100%;
  margin: 50px 0px 0px 0px;
  padding: 10px 0px 0px 0px;
  text-align: center;
}
/* ---------------------------------------------------------------- 
 *  gallery
 * ---------------------------------------------------------------- 
*/
#gallery {
  position: relative;
	height:222px ;
	overflow: hidden;
}
	#gallery a {
	float:left;
	position:absolute;
}
	#gallery a img {
	border:none;
}
	#gallery a.show {
	z-index:500
}
	#gallery .caption {
	z-index:600; 
	background-color:#000; 
	color:#ffffff; 
	height:40px; 
	width:100%; 
	position:absolute;
	bottom:0;
	font-weight: bold;
}
	#gallery .caption .content {
	margin:5px
}
	#gallery .caption .content h3 {
	margin:0;
	padding:0;
	color:#1DCCEF;
}
/* ---------------------------------------------------------------- 
 *  firmy
 * ---------------------------------------------------------------- 
*/
  .simple-page #bottom .left {
  float:left;
	  }
  .simple-page #bottom .left h2{
  display: block;
  height: 32px;
  color: #333;
  margin:0px;
  background: url(../gfx/bottom-module.png) no-repeat 0px 0px ;

  padding: 8px 0px 0px 35px;
}
  .simple-page #bottom .left p{
  margin: 10px 0px 0px 0px;
  color: #333;
}
  .simple-page #bottom .left{
  padding: 0px 0px 0px 0px;
  width: 255px;
  height: 100%;
}
  .simple-page #bottom .left a{
  font-weight: bold;
  color: #871e21;
}
  .simple-page  #middle .left{
  width: 650px;
  height: 100%;
  float:left;
}
  .simple-page  #middle .right{
  width: 310px;
  height: 100%;
  float: right;
}
  .simple-page #middle .right #wrapper{
  margin: 0px 20px 0px 85px;
  width: 225px;
  height: 100%;
  float: right;
  background: url(../gfx/middle-inset.png) repeat;
}
  .simple-page #middle .left ul li{
  margin:0px 0px 0px 30px;
}
  .simple-page #middle .left p{
  margin:10px 0px 10px 0px;
}
  .simple-page #middle .left a{
  color:#d2e5f8;
}
  .simple-page #bottom .wrapper .left span a{
  font-weight: lighter;
  color: #871e21 ;
}
  .simple-page  #middle .right .right{
  padding: 0px 0px 10px 10px;
  width: 215px;
  height: 100%;
  background: url(../gfx/middle-inset.png) repeat;
}