@media screen,projection {
* {
  margin: 0px;
  padding: 0px;
}
body 	{
	font-family: 'Verdana', 'Helvetica CE', Arial, sans-serif !important;
	font-size: 75%;
  text-align : center;
  color: #724200;
  background:  #e4d5c6 url("bg.jpg") no-repeat top center;
  margin-bottom: 0px;
  margin-top: 0px;  
}

.mobil {
  display: none;
}
/*---- layout ---*/
#page {
  position: relative;
  width: 1010px;
  margin: 0px auto 0 auto;
  text-align: left;
  /*background:  #eed1ab url("bg1.jpg") no-repeat top center; */
}
#doc {
  margin: 0 0 0 0;
}

#btm {
  background:  #cda670 url("btm.jpg") no-repeat top center; 
text-align: left;
height: 200px;
  margin-top: 2em;
}
#btm-in {
  margin: 0 auto 0 auto;
  width: 960px;
}
#header {
  margin: 0px auto 0px auto;  
  position: relative;
  background: url("header.jpg") no-repeat center;
  height: 311px;
  position: relative;
}

#top {
  height: 147px;  
}

#menu {
  float: right;
}

#text {
  padding: 50px 30px 0 30px;
  position: relative;
}

.sluzby-hp {
  width: 290px;
  float: right;
  background: #6c2f00 url("bg-sl.jpg");
  margin-bottom: 2em;
  color: #e4d5c6;
}
.sluzby-hp div {
  padding: 10px 25px 20px 25px;
}
.text-left {
  width: 600px;
  float: left;
}

#footer {
  height: 80px;
  background: #a7927f;
  color: #fff;
  font-size: 0.9em;
  border-top: 1px solid #fff;
}
#footer-in {
  margin: 0 auto 0 auto;
  width: 960px;

}

#footer span {
  margin: 30px 0px 0 0px;
  font-size: 1em;
  line-height: 1.8em;
}
#footer a {
  color: #fff;
}

.box1 {
  float: left;
  width: 275px;
  background: #d85500 url("box1.jpg") no-repeat left top;
  color: #fff;
  /*opacity: 0.5;  */
}
.box1 h3 {
  color: #fff;
  /*background: #7f3700 url("phone.gif") no-repeat 95% 50%;*/
  padding: 10px 0 10px 15px; 
  font-weight: normal;
  font-size: 1.3em;
}
.box1 p, .box2 p {
  line-height: 1.8em;
  padding: 0 10px 10px 15px;
}
.box2 {
  float: right;
  width: 650px;
  margin-left: 30px;
  color: #fff; 
}
.box2 h3 {
  color: #fff;
  padding: 10px 0 10px 10px; 
  font-weight: normal;
  font-size: 1.3em;
}


/*--- header ---*/

#logo {
  position: absolute;
  left: 40px;
  top: 30px;
  height:76px;
  width: 250px;
  /*background: url("logo.gif") no-repeat 100% 0%; */  
}

#logo a  {
  display: block;
  height:76px;
  width: 250px;
}
#logo a  span {
  display: none;
}

/*--- menu ---*/

#menu ul {
  list-style-type: none;
  padding: 0px;
  margin: 50px 30px 0px 0px;
}
#menu li {
  float: left;
  list-style-type: none;
  text-align: center;
  margin: 0px 40px 0 0px;
  padding: 0;
  background: none;
}
#menu li a {
  color: #724200;
  display: block;
  margin: 0px 0px 0 0px;
  cursor: hand;
}
#menu li a:hover {
  text-decoration: none;

}
#menu li a span {
  display: block;  
  width: 100%;
  padding: 12px 0px 12px 0px;
}

#menu li.active a {
  text-decoration: none;
}

#menu li.active a span {
  color: #fff;
  text-decoration: none;
  background: #dc6200;
  border: 1px solid #c55800;
} 

#menu li.item1 {
  width: 120px;
}
#menu li.item2 {
  width: 100px;
}
#menu li.item3 {
  width: 100px;
}
#menu li.item4 {
  width: 90px;
}

/*--- nadpisy ---*/

h1 {
  font-size: 1.8em;
  font-weight: normal;
  margin: 0em 0 1em 0;
  color: #724200;
}
h1.hp {
  font-size: 1.1em;
  text-transform: uppercase;
  margin: 0em 0 2em 0;
}
h1 span {
  font-weight: normal;
  margin: 0em 0 1em 0;
  color: #000;
}
h2 {
  font-size: 1.5em;
  font-weight: normal;
  margin: 0.5em 0 1em 0;
}
h3 {
  font-size: 1.2em;
  margin: 1em 0 1em 0;
  font-weight: bold;
}
h4 {
  font-size: 1.1em;
  font-weight: bold;
  margin: 1em 0 1em 0;  
  color: #000;
}

/*--- tabulka  ---*/

table {
  width: 100%;
}
table td, table th {
  padding: 5px 8px 5px 8px;
  background: #f4f4f4;

}
table tr.alt td {
  background: #e1c4a9;
  line-height: 1.5em;
}
table td i {
  color: #935d2b;
}
table td.cena {
  font-weight: bold;
}
table th {
  color: #fff;
  font-weight: normal;
  text-align: left;
  background: #3b702c;
}
tr.modra td {
  background: #c9efff;
}
tr.oranzova td {
  background: #ffe6c6;
}

h3 a {
  color:#fff;
}
/*--- form ---*/

input.txt {
  border: 1px solid #764f4f;
  background: #F7F7F7;
  height: 20px;
}
fieldset {
  border: 1px solid #d7b18d;
  padding: 20px 15px 20px 15px;
  color: #000;
}
.qsc fieldset  {
  border: 0;
  padding: 0;
  color: #fff;
}
.qsc fieldset input.txt  {
  border: 0;
  width: 160px;
  float: right;
}
.qsc h3  {
  color: #fff;
  margin: 0 0 1em 0;
  font-size: 1.4em;
  font-weight: normal;
  padding: 10px 0 10px 40px;
  border-bottom: 1px solid #404040;
  background: url("q.gif") no-repeat left center;
}
p label span {
	display: block;
	float: left;
	clear: inherit;
  width: 155px;
}

.last {
  margin-right: 0px;
}
/*--- obecne tagy ---*/
hr {
  display: none;
}
a {
  color: #000;
}
a:hover {
  text-decoration: none;
}

ul li {
  background: url("arr.png") no-repeat left center;
  padding-left: 20px;
  line-height: 1.8em;  
}
ol li {
  line-height: 1.8em;  
}

p {
  line-height: 1.5em;
  margin: 0 0 1em 0;
}
ul, ol, table, fieldset {
  margin-bottom: 1em;
}
ul {
  list-style-type: none;
  list-style-position: inside;
  >list-style-position: outside;    
  line-height: 1.5em;
}
ol {
  padding-left: 2em;
}
cite, dfn, em, q, var {
  font-style: italic;
}
dfn, abbr, acronym {
  cursor: help;
  font-variant: normal;
  font-style: normal;
  border-bottom: 1px dotted;
}
code, kbd, samp {
  font-family: monospace;
  font-size: 1.1em;
}
del {
	text-decoration: line-through;
}
ins {
  text-decoration: none;
  border-bottom: 1px dotted;
}
strong {
  font-weight: bold;
}
table {
  font-size: 1em;

}
legend {
  color: #808080;
}

legend {
	margin: 0 .5em 0 .5em;
	padding: .5em 0;
  color: #999;
  font-weight: bold;	
}
a img {
  border: 0 none;
}
/*--- obecne tridy ---*/
.red {
  color: #FF0000;
}
a.more {
  background: url("sipka1.gif") no-repeat 100% 70%;
  padding-right: 15px;
  _height: 1px;
  min-height: 1px;  
}
.textR {
  text-align: right;
}
.textL {
  text-align: left;
}
.textC {
  text-align: center;
}
.textJ {
  text-align: justify;
}
.indent {
  text-indent: 2em;
}
.small {
  font-size: 0.9em;
}
.tdn {
  text-decoration: none;
}
.marginB {
  margin-bottom: 3em;
}
.marginN {
  margin: 0em;
}

.hidden {
  display: none;
}
.alignR {
  float: right;
}
.alignL {
  float: left;
}
.alignC {
  margin: 0 auto 0 auto;
}
.clear {
  clear: both;
  font-size:1px;
  height: 1px;
}
.cleaner {
  clear: both;
  font-size:1px;
  height: 1px;
}

.picR {
  float: right;
  margin: 0 0 15px 15px;
}
.picL {
  float: left;
  margin: 0 15px 15px 0;
}
.bn {
  border: none;
}
.ref img {
  margin: 0 17px 17px 0;
}
.ref img.mrn {
  margin-right: 0px;
}
/*.metr {
  background: url("metr.png") no-repeat;
  width: 256px;
  height: 188px;
  position: absolute;
  bottom: 50px;
  right: 100px;

} */
div.podlaha  {

}

div.podlaha img {
  float: left;
  margin-bottom: 40px;
}

div.podlaha div {
  width: 730px;
  float: right;
  margin-bottom: 40px;
}
div.podlaha div h3 {
  margin-top: 0;
}

div.mapa {
  position: absolute;
  background: url("mapa.png") no-repeat right bottom;
  height: 160px;  
  top: 60px;
  right: 70px;
}
.accent {
  font-size: 1.2em;        
}
}