html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
  background:#f5e9bb;
  font-family: "Georgia", Times New Roman, serif;
  font-size: 12px;
}
ol, ul {
list-style-type: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/*  -------------------CSS reset konec-------------------  */
html {height: 100%;}
body {
  background:#f5e9bb;
  height: 100%;
}
.f-left {float: left;}
.f-right {float: right;}

#wrapper {
  min-height: 100%;
  height: auto !important;
  height: 100%;
  margin: 0 auto -70px;
}
#menu_pozadi {
    background:url('../images/menu_bg.png') repeat-x;
    height: 161px;
    width: auto;
}

.obal {
  width: 990px;
  height: 100%;
  margin: 0 auto;
  text-align: center; 
}
.clear {
  clear: both;
}
#header {

  width: 100%;
  height: 161px;
}
#header h1 a span{
  text-indent: -9999px;
  background:url('../images/logo.jpg') no-repeat;
  width: 270px;
  height: 95px;
  margin: 30px 0 0 0;
  float: left;
}
#menu {
  float: right;
  clear:none;
  width: 720px;
}
#menu #menu-list li {
  display: block;
  float: left;
  margin: 20px 5px 0 10px;
  text-align: left;
  background: url('../images/menu_dots.jpg') no-repeat left top ;
  height: 80px;

}
#menu #menu-list li:first-child {
  background: none;
  margin-left: 25px;

}
#menu #menu-list li a {
  text-decoration: none;
  color:#f1e5cc;
  font-size: 20px;
  padding-left: 20px;
  margin-top: 20px;
  display: block;

}
#menu #menu-list li.linked a,
#menu #menu-list li a:hover {
  color: #5e574a;
}
#menu #menu-list li a span {
  color:#a8967b;
  font-size: 11px;
  font-style: italic;
}
#submenu {
  clear: both;
}
#submenu li a {
  text-decoration: none;
  color: #f9f4e1;
  font-size: 12px;
  float: left;
  margin: 15px 30px 0 0px;
}
#submenu li:first-child {
  margin-left: 45px;  
}
#menu #submenu li a.linked,
#menu #submenu li a:hover {
  color:  #5e574a;
}

/* ----------------Elevator speech------------------- */
#elev {
  background: url('../images/elev_bg.jpg') repeat-x;
  width: auto;
  height: 239px;
  margin: 25px 0 0 0;
}
#elev img {
   float: left;
}
#illustration {
  padding: 26px 0 0 14px;
  width: 291px;
  float: left;
}
#elev p {
  display: block;
  font-size: 24px;
  font-style: italic;
  letter-spacing: 2px;    
  line-height: 36px;
  color:#f9f4e1;
  padding: 35px 0 0 0; 
  text-shadow: #666 1px 1px 2px;
}
#elev p.links a span {
  display: none;
}
#elev p.links a {
  display: block;
  background: url('../images/elev_eco.png');
  width: 292px;
  height: 46px;
  float: right;
  border: 0;
  margin-right: 50px;
}
#elev p.links {
  height: 47px;
}
#elev p.links2 {
  padding: 22px 0 0 0;
}
#elev p.text {
  margin: 0 24px 0 305px;
  padding-top: 20px;
}
#elev p.text2 {
  margin: 0 24px 0 355px;
  padding: 5px 0 0 0;
  text-align: justify;
}
#elev p.links a.legal {
  width: 230px;
  background: url('../images/elev_leg.png');
  margin-right: 60px;
}
#elev p.links a.e_active {
  background: url('../images/elev_eco_hover.png');
}
#elev p.links a.l_active {
  background: url('../images/elev_leg_hover.png');
}
#elev p.links a:hover {
  border: none;
}
#elev p a {
  text-decoration: none;
  color:#ffca00;
  border-bottom:2px dotted #ffca00; 
}
#elev p a:hover {
  border-bottom:2px solid #ffca00;
}
#elev #vice {
  color:#f9f4e1;
  font-size:18px;
  text-decoration: none;
  border-bottom:2px dotted #f9f4e1;
  float: right;
  margin-right: 50px; 
}
#elev #vice:hover {
  border-bottom:2px solid #f9f4e1;
} 


/*----------------------obsah----------------------------*/
#obsah {
  width: 990px;
  height: auto;
  margin: 0 auto;
  margin-top: 45px;
  margin-bottom: 80px;
  line-height: 18px; 
  min-height: 250px;
}
#sloupec_1 {
  float: left;
  background: url('../images/logo_cont.jpg') no-repeat left top;
}
#obsah .nadpis {
  float: left;
  margin-right: 5px;
  margin-top: 3px;
}
.start {
  display: block;
  text-align: right;
  padding-left: 210px;
  width: 200px;
  height: 50px;
  padding-bottom: 5px;
}
.start img {
  float: right;
}
#obsah h3 a {text-decoration: none; color:#564b3c; line-height: 36px; }
#obsah h3 {
  font-size: 34px;
  color:#564b3c;
  font-style: italic; 
  float: left;
  font-weight: normal; 
  margin-top: 10px;
}
#obsah a {color: #875501}
#obsah a:hover {text-decoration: none;}
.obsah {
  padding-top: 20px;
  width: 430px;
  height: auto;
  clear: both;
  text-align: justify;
  font-size: 14px;
  line-height:18px;
  color:#564b3c;
  float: left;
}
#obsah p.t-right {text-align: right; float: left; clear: both; width: 430px;}
#obsah p.t-right a {color: #564b3c;}
#obsah p.t-right a:hover {text-decoration: none;}
.calc {width: 100%; text-align: center;}
.calc form {width: 720px; display: block; margin: 0 auto;}
.hidden {display: none;}
#rozdelovac {
  background: url('../images/dashes_cont.jpg') no-repeat;
  width: 4px;
  height: 400px;
  float: left;  
  margin: 0 30px 0 60px;
}
#sloupec_2 {
  float: right;
  background: url('../images/logo_cont.jpg') no-repeat left top;
}
.obsah img {
  margin: 10px 25px;
} 
#patka {
  clear: both;
  background: #282219;
  width: auto;
  height:70px;
  border-top: 1px solid #282219;
}
#border {
	border-top: 1px solid #a08864;
	padding: 20px 0 0 0;

}
#patka p {
  color:#f1e5cc;
  float: right;
  margin-top: 10px;
}
#patka p a {
  text-decoration: none;
  color:#f1e5cc;
  border-bottom:1px dotted #f9f4e1;
  margin:0 5px; 
}
#patka p span:last-child { 
  display: none;
}
#patka p span { 
  float: none;
  margin: 0;
  color: #fff;
}
#patka p a:hover {
  border-bottom:1px solid #f9f4e1;
}
#patka img {
  float: left;
}
#patka span {
  float: left;
  margin: 10px 0 0 20px;
  color:#f9f4e1;
}
#patka span a {
  text-decoration: none;
  color:#f9f4e1;
  border-bottom:1px dotted #f9f4e1;
}
 #patka span a:hover {
  border-bottom:1px solid #f9f4e1;
}
/* -------------- kalkulace ---------------- */
.label {background: #dfd8c5; font-size: 14px; color: #564b3c; padding: 7px; border: 0; text-align: left;}
.heading1,
.heading {font-size: 16px; font-style: italic; color: #564b3c; padding: 20px 10px 10px 10px; text-align: left;}
.heading1 {padding-top: 0;}
.heading3 {font-size: 17px; font-style: italic; color: #d5c8ad; text-align: left; padding: 10px; text-align: center;}
.f-input2,
.f-input {padding: 6px; background: #f0ebd7; color: #564b3c; font-size: 12px;}
.f-input {display: block; width: 100px;}
.note {color: #564b3c;}
.oddel {background: url('../images/oddel.png') repeat-y center; padding: 0 10px;}
table .left {text-align: left;}
table tr td {border: 0;}

#contact {display: block; margin: 0; padding: 0; width: 400px; margin: 0 auto;}
#contact table th {vertical-align: top; text-align: right;}
#contact table td {padding: 5px 0;}
#contact label {display: block; float: right; padding: 6px 4px 0 0;}
#contact textarea {padding: 6px; width: 250px; height: 100px;}
.menu4 {padding: 0 10px 0 0;}