* {
	margin: 0px;
	padding: 0px;}

html, body {
height: 100%;}

body {
	background: #444444 url('../../layout/background_pattern.png') center top;
	color: #BEBEBF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.8em;}

h1 {
	color: #BEBEBF;
	text-align: center;}
	h1 a {
		color: #BEBEBF;
		text-decoration: none;}
h2 {
	font-size: 1.7em;
	font-weight: normal;
	color: #4A4A4D;
	padding-left: 10px;}
h3 {
	margin: 0px 0px 15px 0px;
	font-size: 2.4em;
	letter-spacing: -1px;
	font-weight: 200;
	color: #1888EA;}
h4 {
	margin: 0px 0px 15px 0px;
	font-size: 1.4em;
	letter-spacing: -1px;
	font-weight: 200;
	color: #1888EA;}
h5{margin: 20px 0px 20px 0px;
  color: #BEBEBF;
  font-size: 1.2em;
  font-weight: normal;}

p {
  margin: 5px 0px 5px 0px;
  color: #BEBEBF;}

ul {
	margin: 5px 5px 5px 0px;
	list-style-type: none;}
	ul.list_decimal {
		list-style: decimal;}
	li a{
  width: 100%;
  height: 100%;
  display: block;}

hr {display: none;}

a img {	border-width: 0px;}
a {color: #BEBEBF;}
a:hover {
color: #1888EA;}

table {
color: #BEBEBF;}
			/* layout */
#container {
	margin: auto;
	color: #FFFFFF;
	width: 980px;
	padding: 0px 22px 0px 23px;
	background: url('../../layout/background_main.png') repeat-y;
	_background: none!important; 
  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../../layout/background_main.png', sizingMethod='scale');
  overflow: hidden;}

#header {
	width: 980px;
	height: 219px;
	position: relative;}
	#mask {
		background: url('../../layout/header.jpg');
		width: 980px;
		height: 219px;
		position: absolute;
		top: 0px;
		left: 0px;}
  #title {
    width: 240px;
    height: 215px;
  	position: absolute;
  	top:0px;
  	left: 20px;
    cursor: pointer;}
  #menu_top {
   position: absolute;
	top: 12px;
	right: 20px;
    width: 232px;
    color: #DBDBDB;
    line-height: 1.4em;
	 }
  #menu_top td {
    width: 100px;}
  #menu_top a {
  	 position: absolute;
    font-size: 1.7em;
    line-height: 2.5em;
    text-decoration: none;
    color: #DBDBDB;
    padding-right: 175px;}
  #menu_top  a:hover {
    color: #1888EA;}
  

#body {
	width: 993px;
	overflow: hidden;
	background: url('../../layout/body_mod.png') repeat-y;
	_background: none!important;
	_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../../layout/body_mod.png', sizingMethod='scale');
}

#content {
  width: 690px;
  float: left;
  padding: 0px 20px 0px 10px;
  overflow: hidden;}

#footer {
  border-top: 1px solid #252525;
  background: url('../../layout/background_footer.png') 28px 0px repeat-y;
  padding: 0px 30px 0px 270px;
  font-size: 0.9em;}
  #footer p {color: #545454;
  display: block;
  float: left;
  width: 430px;
  line-height: 1.6em;}
	#footer p.footer_right {
  width: 200px;}
	#footer a {
	color: #545454;}
	#footer a:hover {
	color: #093864;}


/*######### navigace ##########*/

#navigation {
color: #666666;
font-size: 11px;
padding-bottom: 5px;}

#navigation a {
color: #666666;}




/*######### menu ##########*/
	
#menu {
float: left;
width: 226px;
padding: 5px 6px 0px 28px;
color: #BEBEBF;}
#menu a {
color: #BEBEBF;
text-decoration: none;}
#menu a:hover,#menu a.active {
color: #1888EA;}

#menu .menu_sort{
background: url('../../layout/arrow.jpg') 10px 5px no-repeat;
padding: 0px 30px 0px 23px;
line-height: 2em;}
.menu_suma {
float: right;
color: #4A4A4D;
padding: 0px 10px 0px 0px;
font-size: 1.1em;}
a:hover .menu_suma,a.active .menu_suma {
color: #093864;}

.menu_navigace {
font-size: 1.3em;
margin-bottom: 10px;}
  .menu_navigace li {
  background: url('../../layout/menu_icon.gif') 10px 15px no-repeat;
  padding: 7px 0px 7px 0px;
  border-top: 1px solid #000000;
  padding-left: 25px;}

.menu_kategorie {
font-size: 1em;
margin-bottom: 10px;}
  .menu_kategorie a {
  cursor: pointer;}
  .menu_kategorie li {
  padding: 4px 0px 5px 0px;
  border-top: 1px solid #000000;
  padding-left: 10px;}
    .menu_kategorie li ul {
  padding-left: 10px;}
    .menu_kategorie li ul li {
  padding: 2px 0px 3px 0px;
  border-top: 1px solid #07070a;
  padding-left: 10px;}

/*########## uvod ##########*/
#index_gallery {
background-image: url('../../layout/index_background.gif');
width:706px;
height: 278px;
position: relative;
left: -13px;
margin-bottom: 15px;
background-color:#1C1C1C;}
.index_prev{float:left;}
.index_next{float:right;}
a .index_prev{cursor: pointer;}
a .index_next{cursor: pointer;}
.index_big{float:left;
margin: 6px 0px 6px 6px;
cursor: pointer;
padding: 0px;}
.index_small img{padding: 0px 0px 6px 6px;}
.index_small{cursor: pointer;}

	
/*########## rooms ##########*/
#katalog_nadpis {
float: left;
width: 300px;
background: url('../../layout/content_quotes02.png') 100% 100% no-repeat;
}

#katalog_popis {
line-height: 2.0em;
display: block;
background: url('../../layout/content_quotes01.png') 0% 0% no-repeat;
}

#katalog_popis p:first-letter {
padding-left: 50px;
}

#catalog_fotogalerie {
padding: 0px 0px 0px 0px;
}

#rooms {
float: left;}
  #rooms a {cursor: pointer;}
#rooms_left{
width: 321px;
padding-left: 8px;
float: left;}
#rooms_right{
width: 353px;
float: right;}
.rooms_thumb {
padding: 0px 9px 0px 9px;}
.rooms_big {}
.rooms_thumb_middle{
padding: 0px 0px 0px 0px;}

/*########## DETAIL ##########*/
#detail{
float: right;
width: 315px;}
#detail h2{
padding: 10px 0px 10px 0px;
color:#1888EA}
#detail h2 span{
color: #4A4A4D;
font-size: 16px;}
.product_patern_detail {
float: left;
margin: 10px 0px 20px 0px;
border: 7px solid #1C1C1C;
width: 350px;}
#product_input {
margin: 0px 3px 0px 21px;
padding: 3px;
border: 1px solid #4C4C4C;
border: 0px;}
.product_input {
margin: 0px 3px 0px 0px;
padding: 3px;
height: 16px!important;
border: 1px solid #4C4C4C;
border: 0px;}
#product_submit, .product_submit {
color: #AAAAAA;
/*padding: 3px;*/
font-size: 95%;
padding: 1px 3px 2px 3px;
border: 1px solid #4C4C4C;
background: #313131;}
#detail table {
margin: 0px 0px 20px 0px;
line-height: 1.7em;}
#detail label {
color: #BEBEBF;}
#detail .left_cell{
width: 100px;}
#detail form label{
font-size: 18px;}
#detail .sluzby a{
text-decoration: none;
font-size: 18px;
font-style: italic;}
#detail_back{
padding: 5px;}
	
	
/*########## paging ##########*/
.paging {
text-align: center;
font-size: 1.2em;
font-weight: bold;
padding-bottom: 10px;
color: #BEBEBF;}

.paging a {
color: #1888EA;
cursor: pointer;
padding: 0px 5px 10px 5px;}

.paging span {
padding: 0px 5px 10px 5px;}

.paging a:hover {
color: #BEBEBF;}


/*########## basket ##########*/
#form_basket {}
#form_basket h4{
	margin: 10px 0px 10px 0px;
}
#form_basket div.left {
float: left;
width: 340px;}
#form_basket div.right {
float: right;
width: 330px;}
#form_basket table.right {
float: right;}
#form_basket table.left td.fst_cell{
width: 150px;}
#form_basket td{
	padding: 3px 0px 3px 0px;
}
#form_basket td span{
	color: #1888EA;
}
#form_basket td .info {
color: #666666;
letter-spacing: 0px;
font-size: 10px;}
#form_basket #name, #form_basket #firma, #form_basket #ico,
#form_basket #dic, #form_basket #ulice, #form_basket #mesto,
#form_basket #psc, #form_basket #tel, #form_basket #email, 
#form_basket #name2, #form_basket #firma2, #form_basket #ulice2, 
#form_basket #mesto2, #form_basket #psc2, #form_basket #tel2,
#form_basket #pic_antispam {
width: 190px;}
#form_basket textarea {
width: 310px;
height: 100px;}
#form_basket p {
margin: 10px 0px 10px 0px;}
#form_basket td.important {
padding: 5px 0px 5px 0px;}
#form_basket td.text {
font-size: 0.8em;
padding: 5px 0px 5px 0px;}
#form_basket span.kosik_suma{
margin-left: 3px;
font-size: 2em;}
#form_basket #form_submit {
width: 300px;
padding: 5px 0px 5px 0px;
margin: 20px 0px 20px 0px;
background-color: #1888EA;
color: #000;
cursor: pointer;
font-size: 20px;
border: 0px solid #000000;
}

table.basket_nahled {
width: 100%;
border-bottom: 1px solid #989899;
margin-bottom: 10px;}
table.basket_nahled .product_patern_thumbnail{
float: none;}
table.basket_nahled th {
color: #FFFFFF;}
table.basket_nahled tr td, table.basket_nahled th {
padding: 3px 2px 0px 2px;
word-spacing: -0.1em;
text-align: center;
border-bottom: 1px solid #989899;}

h4.basket {
color: #FFFFFF;}
table.basket_nahled img.product_patern_thumbnail {
width: 100px;}

table.basket_special,table.basket_bottom{
font-size: 1.5em;
width: 700px;}
table.basket_special a{
text-decoration: none;}
table.basket_special td{
width: 350px;}
table.basket_special a img{
position: relative;
top: 5px;
left: 2px;}
 span.dph{ /*table.basket_special*/
font-size: 0.5em;}
table.basket_special span.cena,table.basket_bottom span.cena{
font-size: 1.3em;
padding-left: 35px;
color: #1888EA;}
table.basket_special a span.blue,table.basket_bottom a span.blue{
position: relative;
top: 10px;}
table.basket_special a:hover span.blue,table.basket_bottom a:hover span.blue{
text-decoration: underline;}

.basket_bottom {
width: 100%;
margin: 10px 0px 20px 0px;}
.basket_bottom td {
width: 50%;
}

.tbl_basket_confirm {
margin: 10px;}
.tbl_basket_confirm .first {
width: 150px;}

/*########## kalkulacka ##########*/	
body#kalkulacka {
background: #444444;}
body#kalkulacka h1 {
font-size: 24px;}
body#kalkulacka form {
background-color: #000000;
border: 1px solid #AAAAAA;
width: 365px;
margin: 10px auto;}
body#kalkulacka form table td {
padding: 5px;}
body#kalkulacka form input.text {
width: 50px;}
body#kalkulacka .info{
font-size: 11px;}

/*########## jak nakupovat ##########*/
body#jak_nakupovat {
background: #444444;}
body#jak_nakupovat h1 {
font-size: 24px;}
body#jak_nakupovat div {
background-color: #000000;
border: 1px solid #AAAAAA;
width: 400px;
padding: 10px;
margin: 10px auto;}


/*########## kontakt ##########*/	
#form_kontakt table{
float: right;
width: 300px;}
#form_kontakt td{
width: 150px;}
#form_kontakt .input{
width: 150px;}
#form_kontakt textarea{
width: 300px;
height: 100px;}
#kontakt_submit {
color: #AAAAAA;
font-size: 95%;
padding: 1px 3px 2px 3px;
border: 1px solid #4C4C4C;
background: #313131;}



/*########## texty ##########*/	
#texty {
text-decoration: none;
padding: 0px 0px 0px 10px;
}

#texty ol {
  padding: 0px 0px 0px 20px;
  color: #BEBEBF;}

#texty h4 {
	padding: 0px;
	margin: 15px 0px 15px 0px;
	font-size: 1.4em;
	letter-spacing: -1px;
	font-weight: 200;
	color: #1888EA;}

#texty span{
font-size: 18px;
}

#texty .sluzby a{
text-decoration: none;
font-size: 18px;
font-style: italic;}	

#texty p{
	margin: 0px 0px 20px 0px;
}

#texty ul{
	margin: 0px 0px 20px 0px;
	list-style: disc;
	padding-left: 30px;
}
#texty li{
	margin: 5px 0px 5px 0px;
}
#texty li a{
	display: inline;
}
.calculator{
	margin: 15px 0px 0px 0px;
	padding: 5px 0px 5px 30px;
	background: url('../../images/kalkulacka.png') no-repeat left top;
}
			
      /* classes */

.center {
	text-align: center;
}

.clear {
	clear: both;
	padding: 1px;
}

.none {
	display: none;
}
	
.relative {
  position: relative;
  float: left;
  width: 142px;
  height: 155px;
  margin: 0px 14px 14px 14px;
}
	
.fl_right {
	float: right;}

.fifty {
	width: 50%;
	float: left;}	
.red {color: #FF0000;}
.blue {color: #1888EA;}

.hr_dashed {
background: url('../../layout/hr_dashed.gif') 0% 50% repeat-x;
height: 21px;
width: 100%;
clear: both;
display: block;
border: 0px solid black;
}

.hr_solid {
background: #989899;
height: 2px;
width: 100%;
clear: both;
display: block;
border: 0px solid black;
}



			/* specials */
			
.product {
  float: left;
  width: 142px;
  height: 155px;
  background-color: #1C1C1C;
  cursor: pointer;
}
  .product img {
  padding: 6px;
  margin-bottom: 3px;
  border-bottom: 1px solid #000000;}
  a .product {
  text-decoration: none;}
  .product {
  text-decoration: none;}
  a:hover .product {
  background-color: #272727;}
  .product strong {
  color: #1888EA; }
  .product span {
  display: block;
  padding-left: 6px;}
  .product_form {
  position: absolute;
  bottom: 5px;
  right: 5px;}
  .product_form  {
  position: absolute;
  bottom: 0px;
  right: 5px;}
  .product_form .product_input {
  border: 0px;
  background-color: #FFFFFF;
  width: 20px;
  height: 20px;
  bottom: 9px;
  position: relative;}
  
			
.product_patern_thumbnail {
  float: left;}
a.back{
text-decoration: none;
color:#1888EA;
font-size: 18px;
padding: 5px;}
a.next{
text-decoration: none;
color:#1888EA;
font-size: 18px;
padding: 5px;
float: right;}
a.continue{
display: block;
width: 300px;
margin: 20px 0px 20px 0px;
text-align: center;
text-decoration: none;
background-color: #1888EA;
color: #000;
font-size: 20px;
padding: 5px 0px 5px 0px;}
a.back:hover,a.next:hover,a.continue:hover{
text-decoration: underline;}
a.h3_link{text-decoration: none;
color: #1888EA;}
a.h3_link:hover{text-decoration: underline;}
.error{
font-size: 11px!important;
color: #1888EA;}
.hidden{
visibility:hidden;
width: 0px;
height: 0px;
position: absolute;}
.odkaz{
margin: 40px 5px 5px 10px;
color: #545454}