* {
	margin: 0;
	padding: 0;
}
html {
	height: 100%;
}
/*---------------------------- ZÁKLADNÍ PRVKY --------------------------------*/
body {
	font-family: "Helvetica CE", "Verdena CE", "Arial CE", "Helvetica", "Verdena", "Arial" , arial, helvetica, sans-serif;
	font-size: 0.8em;
	color: #ffffff;;
	text-align: left;
	background-color: #ffefb2;
	height: 100%;
	
}
h1 {font-size: 1.4em; color: #ffffff;/*#242f20;*/ font-weight: normal; text-transform: uppercase; margin: 0px 0px 15px 0px; padding: 0px;  }
h2, h3 {font-size: 1.2em; color: #ffffff; font-weight: bold; margin: 0px 0px 5px 0px;}
h2 a, h3 a{font-weight: bold;}
h1 a, h2 a, h3 a {color: #242f20; text-decoration: underline;}
h1 a:hover, h2 a:hover, h3 a:hover {color: #e28a00;/*#e26f31;*/ text-decoration: underline;}
p {	margin: 0px 0px 10px 0px;
	font-size: 0.9 em;
	line-height: 1.5;
	text-align: justify;
}
small {font-size: 0.85em;}
a {color: #ffffff; text-decoration: underline; font-weight: bold;}
a:hover {color: #f65218;/*#e26f31;*/}
/*a:visited {}*/
img {border: 1px solid #a2a2a2;	margin: 0px;}
ul {margin: 0px 0px 20px 40px;}
li {list-style-image: url('../_images/list.gif');}
strong {font-weight: bold;}

/*tabulky*/
table { color: #ffffff; font-size: 0.85em; /*border-color: #5C80E5;*/ margin: 0px auto 15px auto; border-collapse: collapse;}
table caption { font-weight: bold; color: #1a4b85; margin: 0px auto;}

th {color: #000000; text-align: center; font-weight: bold; background-color: #ffefb2;}
tr {border: none;}
th, td {border: none; padding: 5px 5px;}
th h2 {color: #000000;}
td.cena {width: 80px; text-align: right;}

i {font-weight: bold; font-style: italic; font-size: 1.1em;}
hr {clear: both; display: none;}

address {font-style: normal; }

/*--------------------------- OBECNÉ PRVKY -----------------------------------*/
.center {text-align: center;}
.cleaner {clear: both; margin: 0px; padding: 0px;}
.clright {clear: right;}
.clleft{clear: left;}
.right {float: right;}
.left {float: left;}
.fnone {float: none;}
.text-right {text-align: right;}
.text-left {text-align: left;}
.red {color: red;}
.hmaly {font-size: 1em; font-weight: bold;}
.small {font-size: 0.9em;}
.normal {font-size: 1em;}
.dnone {display: none;}
.noborder, .noborder td, .noborder tr {border: none; margin: 0; padding: 3px 4px;}
.light {color: #b1b1b1;}

img.left {margin: 0 10px 4px 0;}

/*-------------------------------- LAYOUT ------------------------------------*/
#container {
  background: #269887 url('../_images/menu-back.gif') repeat-y top left;
  background-color: #269887;
  min-width: 950px;
  width: 100%;
  _width: expression(document.body.clientWidth < 950? "950px" : "auto" );
  
}
/*#main {
  width: 990px;
}*/
/*---------------- HEADER -----------------*/
#header {
  color: #545454;
  background: #ffffff url('../_images/header-back.gif') repeat-x bottom left;
  height: 95px;
}
#header #logo {
  float: left;
  width: 516px;
  height: 91px;
}
#header #logo a {
	position: relative;
  display: block;
  text-decoration:none;
	font-size: 15px;
  width: 516px;
  height: 91px;
}
#header #logo a span {
  position: absolute;top:0;left:0;
  display: block;
	cursor : pointer;
	background: url('../_images/header-logo2.gif') no-repeat top left;
  width: 516px;
  height: 91px;
}

#header #kontakt {
  float: right;
  font-size: 0.9em;
  width: 250px;
  margin: 12px 11% 0 0;
}
#header #kontakt strong {font-size: 1.2em;}
#header #kontakt address {
  font-weight: bold;
  text-align: center;
  margin: 12px 0 0 0;
}
#header a {color: #f65218;}
#header a:hover {color: #a64523;}

/*---------------- MAIN -----------------*/
#main {
  float: left;
  width: 590px;
}

/*--------------- CONTENT ---------------*/
#content {
  float: right;
  width: 440px;
  _width: 460px; 
  padding: 10px 10px 10px 10px; 
}

/*----------------- MENU ----------------*/
ul#menu {
  float: left;
  background: #269887 url('../_images/menu-back.gif') repeat-y top left;
  width: 130px;
  height: 100%;
  margin: 0 0 0 0;
  padding: 50px 0 25px 0;
}
ul#menu li {
  list-style: none; 
  margin: 0 0 5px 0;
  padding: 0;
}
ul#menu li a {
  position: relative;
  display: block;
  width: 130px;
}
ul#menu li a span {
  position: absolute;top:0;left:0;
  display: block;
	cursor : pointer;
	height: 20px;
}
ul#menu li.menu1 a span {background: url('../_images/menu-uvod.gif') no-repeat top left; width: 65px;}
ul#menu li.menu2 a span {background: url('../_images/menu-stehovani.gif') no-repeat top left; width: 104px;}
ul#menu li.menu3 a span {background: url('../_images/menu-malovani.gif') no-repeat top left; width: 97px;}
ul#menu li.menu4 a span {background: url('../_images/menu-uklid.gif') no-repeat top left; width: 68px;}
ul#menu li.menu5 a span {background: url('../_images/menu-ofirme.gif') no-repeat top left; width: 84px;}
ul#menu li.menu6 a span {background: url('../_images/menu-cenik.gif') no-repeat top left; width: 70px;}
ul#menu li.menu7 a span {background: url('../_images/menu-objednavka.gif') no-repeat top left; width: 113px;}

ul#menu li.menu1 a:hover span, ul#menu li.menu1 a.active span {background-position: -65px 0px;}
ul#menu li.menu2 a:hover span, ul#menu li.menu2 a.active span {background-position: -104px 0px;}
ul#menu li.menu3 a:hover span, ul#menu li.menu3 a.active span {background-position: -97px 0px;}
ul#menu li.menu4 a:hover span, ul#menu li.menu4 a.active span {background-position: -68px 0px;}
ul#menu li.menu5 a:hover span, ul#menu li.menu5 a.active span {background-position: -84px 0px;}
ul#menu li.menu6 a:hover span, ul#menu li.menu6 a.active span {background-position: -70px 0px;}
ul#menu li.menu7 a:hover span, ul#menu li.menu7 a.active span {background-position: -113px 0px;}

/*------------ RIGHTSTRIPE ---------*/
#rightstripe {
  float: right;
  font-size: 0.9em;
  width: 250px;
  margin: 12px 11% 0 0;
  
}
#rightstripe img {border: none;}


/*-------------- FOOTER -------------*/
#footer {
  clear: both;
  color: #545454;
  font-size: 0.9em;
  border-top: 1px solid #fecb00;
  border-bottom: 1px solid #269887;
  text-align: center;
  width: 100%;
}

#footer a {
  color: #545454;
  font-weight: normal;
  text-decoration: underline;
}
#footer a:hover {
  color: #f65218;
}
#footer .border {
  background-color: #fecb00;
  border-top: 1px solid #269887;
  border-bottom: 1px solid #ffffff;
  /*width: 100%;*/
  padding: 2px; 
}

/*--------------- DROBECEK ----------*/
.drobecek {
  font-size: 0.9em;
  margin: 0 0 15px 0;
}

/*--------------- HLASKA -----------*/
.hlaska {
  display: block;
  color: #ffffff;
  text-align: center;
  background-color: #f65218;
  margin: 0 0 10px 0;
  padding: 5px;
   
}


/*----- FORMULARE ------*/
fieldset {border: none;}
fieldset h2 {display: block; color: #000000; font-weight: normal; text-align: center; background-color: #ffefb2;}
label {float: left; width: 100px;}
input, textarea {border: 1px solid #c1a5a1;}
input.text {width: 280px; margin: 0 0 10px 0;}
input.checkbox {border: none; margin: 0 0 10px 0;}
input.submit {
  color: #000000; 
  font-weight: normal;
  background: #ffefb2;
  border: 1px solid #a2a2a2; 
  height: 22px;  
  margin: 4px 0 0 100px;
  _margin: 4px 0 0 102px;
  padding: 0 0 2px 0;
}