/* CSS Document */
@import url("reset.css");
/*****************************************************************************************
 Autor - Roman Mazur
 Webdesign (C) http://namor.cz/
 Tento soubor je bez dovolení autora zakázáno jakýmkoli způsobem šířit nebo upravovat!  
*****************************************************************************************/

/*****************************************************************************************
 základní pravidla 
*****************************************************************************************/
strong { font-weight: bold !important; }
p { margin: 5px 0 10px 0; }
.clear { clear: both; }
.hidden, .none { display: none; }
/* nadpisy */
h1, h2, h3
{
	margin-top: 5px;
	margin-bottom: 10px;
}
h1 { font-size: 1.35em; }
h2 { font-size: 1.2em; }
h3 { font-size: 1em; }
/* odkazy */
#main a { text-decoration: underline; color: #444; }
#main a:hover { text-decoration: none; }

/* edit */
div.Edit a
{
  color: blue !important;
  font-weight: normal !important;
  font-size: 12px !important;
}

/*****************************************************************************************
 layout
*****************************************************************************************/
body
{
	background: #ccff86;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 62.5%;
	color: #555555;
	behavior: url(/csshover3.htc);
}
/* stiny */
#stinLevy
{
	background: url(/img/stinLevy.jpg) no-repeat left top;
	width: 956px;
	margin: 3px auto 0 auto;
	padding-left: 13px; /* sirka stinu */
}
#stinPravy
{
	background: url(/img/stinPravy.jpg) no-repeat right top;
	padding-right: 24px;
	width: 100%;
}
/* main */
#main
{
	background: #f3ffd3 url(/img/mainBg.jpg) repeat-x 0px 217px; /* menu + stin */
	min-height: 100%;
	_height: 100%;
	position: relative; /* patka je absolutne */
	font-size: 1.2em;
	overflow: hidden;
	padding-bottom: 20px; 
}
/* sloupce */
#levy
{
  width: 216px;
  clear: left;
  float: left;
  padding-left: 10px;
  overflow: hidden;
}
#pravy
{
  padding-left: 5px; padding-right: 5px;
  overflow: hidden;
  margin-top: 80px;
}
.Produkty {
  background: #c4e488 url("img/pozadi_produkty.jpg") no-repeat;
}
/*****************************************************************************************
 další pravky webu
*****************************************************************************************/
div#menu { float: left; margin-top: 70px; width: 211px; margin-right: 15px; }

/* ---------- HORIZONTÁLNÍ MENU ---------- */
#menu .Uroven0
{
  position: absolute;
  top: 218px;
  left: 1px;
  width: 954px;
  height: 33px;
  overflow: hidden;
  padding-left: 2px;
}
#menu .Uroven0 div
{
  float: left;
}
#menu .Uroven0 div a
{
  display: block;
  height: 33px;
  float: left;
  text-indent: -300px;
  overflow: hidden;
  width: 158px;
  margin-right: 1px;
}
#menu .Uroven0 div a.button-03 { background: url("/img/o-firme.jpg") no-repeat left top; }
#menu .Uroven0 div a.button-04 { background: url("/img/sluzby.jpg") no-repeat left top; }
#menu .Uroven0 div a.button-05 { background: url("/img/produkty.jpg") no-repeat left top; }
#menu .Uroven0 div a.button-06 { background: url("/img/zamestnanie.jpg") no-repeat left top; }
#menu .Uroven0 div a.button-07 { background: url("/img/referencie.jpg") no-repeat left top; }
#menu .Uroven0 div a.button-08 { background: url("/img/kontakty.jpg") no-repeat left top; }

#menu .Uroven0 div a.button-03:hover { background: url("/img/o-firme-on.gif") no-repeat left top; }
#menu .Uroven0 div a.button-04:hover { background: url("/img/sluzby-on.gif") no-repeat left top; }
#menu .Uroven0 div a.button-05:hover { background: url("/img/produkty-on.gif") no-repeat left top; }
#menu .Uroven0 div a.button-06:hover { background: url("/img/zamestnanie-on.gif") no-repeat left top; }
#menu .Uroven0 div a.button-07:hover { background: url("/img/referencie-on.gif") no-repeat left top; }
#menu .Uroven0 div a.button-08:hover { background: url("/img/kontakty-on.gif") no-repeat left top; }

#menu .Uroven0 div.active a.button-03 { background: url("/img/o-firme.gif") no-repeat left top; }
#menu .Uroven0 div.active a.button-04 { background: url("/img/sluzby.gif") no-repeat left top; }
#menu .Uroven0 div.active a.button-05 { background: url("/img/produkty.gif") no-repeat left top; }
#menu .Uroven0 div.active a.button-06 { background: url("/img/zamestnanie.gif") no-repeat left top; }
#menu .Uroven0 div.active a.button-07 { background: url("/img/referencie.gif") no-repeat left top; }
#menu .Uroven0 div.active a.button-08 { background: url("/img/kontakty.gif") no-repeat left top; }

/* ---------- VERTIKÁLNÍ MENU ---------- */
#menu .Uroven1 { margin-left: 10px;}
#menu .Uroven1 a
{
  color: #393b3c;
  display: block;
  padding-top: 5px;
  padding-bottom: 7px;
  border-bottom: 1px dotted #000;
  background: url("/img/menu-vertical-odrazka.jpg") no-repeat left center;
  padding-left: 20px;
  text-decoration: none;
}
#menu .Uroven1 a:hover{
    text-decoration: underline;
}

/* ---------- KONTAKT ---------- */
/* nadpis */
div#kontakt-nadpis
{
  background: #98dd37 url("/img/kontakt-nadpis-bg.jpg") repeat-x top;
  padding: 3px 4px;
  color: #fff;
  font-size: 13px;
  font-weight: bold;
  margin-top: 20px;
  margin-bottom: 10px;
  margin-right: 14px;
}
div#kontakt-obsah
{
  font-weight: bold;
  font-size: 1.1em;
  margin-bottom: 10px;
}
div#kontakt-obsah a
{
  font-weight: normal;
  color: #393b3c;
  display: block;
  padding-top: 5px;
  padding-bottom: 7px;
  border-bottom: 1px dotted #000;
  background: url("/img/menu-vertical-odrazka.jpg") no-repeat left center;
  padding-left: 20px;
  margin-right: 15px;
  text-decoration: none;
}
div#kontakt-obsah a:hover{
  text-decoration: underline;
}
div#kontakt-obsah .Edit a{
  color: #393b3c;
  display: block;
  background: none;
  border: none;
  padding-left: 0px;
  margin-right: 15px;
  text-decoration: none;
}

/* ---------- INDEX - KARTA ---------- */
div.karta
{
  background: #96dd34 url("/img/karta-bg.jpg");
  width: 233px;
  min-height: 325px;
  _height: 325px;
  float: left;
  margin-left: 5px;
  margin-bottom: 25px;
}
div.karta.first { margin: 0 !important; }
div.karta img { margin: 3px; }
div.karta:hover { background: url("/img/karta-bg-active.jpg"); }
div.karta h2
{
  color: #fff;
  margin: 5px 25px 20px 10px;
  font-size: 2em;
}
div.karta ul { margin: 5px 10px 5px 25px; }
div.karta ul li
{
  list-style-type: circle;
}

/* ---------- AUTORIZACE ---------- */
form#auth fieldset {
  width: 80%;
  border: 1px solid #4f595b;
  padding: 10px;
  margin-bottom: 15px;  
}
form#auth label {
  display: block;
  float: left;
  clear: left;
  width: 170px;
  padding-right: 10px;
  text-align: right;
  line-height: 18px;
}
form#auth input {
  margin: 0 0 8px 0;
  width: 170px;
  height: 18px;
  display: block;
  float: left; 
}
form#auth input#heslo, form#auth input#jmeno {
  border: 1px solid #4f595b;
}
form#auth input#submit {
  clear: both;
  background: #4f595b;
  color: #fff;
  border: none;
  margin: 10px 0 5px 17px;
  width: 100px;
  cursor: pointer;
}
form#auth legend {
  font-size: 14px;
  color: #4f595b;
}
form#auth .Hidden {
  display: none;
}

/* ---------- PATICKA ---------- */
#paticka
{
	background: #4f595b url(/img/patkaBg.jpg) no-repeat bottom left;
	height: 12px;
	border-top: 1px solid #336797;
	width: 956px;
	position: absolute;
	bottom: 0px;
	left: 0px;
	color: #fff;
	padding: 10px 0;
}
/*****************************************************************************************
 galerie
*****************************************************************************************/