/* ------------------------------------
Zahradnictví Útěchov
  Autor: Jiří "Nox" Petruželka
  Kontakt: petruzelka@nox-art.cz | www.nox-art.cz

"styly.css"
CSS: základní stylový soubor
----------------------------
Základní barvy
------------------------------------ */

/* Reset --------------------------- */
html,body,div,p,ul,ol,li,menu,table,td,blockquote,address,pre,form,fieldset,legend,em,span,
h1,h2,h3,h4,h5,h6,pre,xmp{ margin: 0;padding: 0; }
table,img,fieldset,button{ border: none;outline: none; }

/* Elementy ------------------------- */
html{
  background: rgb(251,255,236);
  min-height: 100%;
  margin-bottom: 1px;
  height: 100%;
  position: relative;
  }
body{
  font-family: "Arial CE",Arial,Tahoma,"Times New Roman",Sans-serif,lucida;
  font-size: 80%;
  color: rgb(65,80,0);
  height: 100%;
  }

html>body {
	font-size: small;
  }
  
a:link,a:visited{ color: rgb(164,59,31); }
a:hover,a:active{ color: rgb(199,104,31); }

address, blockquote, .msg{
  padding: 9px 27px;
  margin: 10px 30px;
  background: rgb(255,251,213);
  border: 1px solid rgb(234,222,157);
  color: rgb(75,77,71);
  line-height: 1.35;
  }
  
blockquote{
  text-indent: 25px;
  font-style: italic;
  }
  
b{ color: rgb(164,59,31); }

fieldset{
  background: url('pcs/blockquote.jpg');
  border: 1px solid rgb(64,59,56);
  padding: 20px;
  margin: 15px 0;
  }

input[type=radio]{ cursor: pointer; }

h1{ font-size: 120%; }
h2{ font-size: 120%; }
h3{ font-size: 108%; }
h4{ font-size: 100%; }
h5{ font-size: 100%; }
h6{ font-size: 95%; }

h2,h3{ color: rgb(72,91,1); }
h4{ 
  color: rgb(164,59,31);
  padding: 5px 0 3px 25px;
  }

h2{
  padding-bottom: 20px;
  text-align: center;
  background: url('obr/stin-h1.jpg') no-repeat center bottom;
  }
h3{
  padding: 15px 0 8px 20px;
  }

legend{
  background: url('pcs/blockquote.jpg');
  border: 1px solid rgb(64,59,56);
  border-left-width: 5px;
  padding: 3px 12px 3px 12px;
  color: rgb(175,114,15);
  }

p{ text-indent: 25px;margin: 10px 38px; }

strong{ color: rgb(164,59,31); }

ul{ margin: 20px 40px; }
ul li{ 
  list-style-type: square;
  }
  
ul ul{ margin: 8px 7px; }
ul ul li{
  padding-left: 6px;
  list-style-type: disc;
  }
  ul ul ul li{ list-style-type: circle; }

/* Obecné třídy -------------------- */
.relative{ position: relative; }
.shadow-top{
  position: relative;
  z-index: 5;
  }
.shadow{
  position: absolute;
  right: 1px;
  top: -1px;
  z-index: 3;
  }
.shadow-top-dark, .shadow-top-dark *{ color: rgb(48,61,1) !important; }
.shadow-menu, .shadow-menu *{ color: rgb(255,195,3) !important; }
    
/* barvy */


/* Formuláře */

form{ margin: 20px 0 0 40px;width: 58%; }
fieldset{ border: none; }

input{ display: block;margin: 2px 2px 6px 2px;padding: 4px; }
legend{ font-weight: bold;display: none; }

label{ display: block;margin: 2px 0 4px -10px;font-weight: bold;color: rgb(90,63,42); }
  label em{ font-weight: normal; }
input.submit{ margin-top: 30px;padding: 8px 46px;cursor: pointer; }

/* Styly */
.block{ display: block; }

.fleft{ float: left; }
.fright{ float: right; }

.mtop{ margin-top: 25px !important; }
.mbot{ margin-bottom: 25px !important; }
.mright{ margin-right: 25px !important; }
.mleft{ margin-left: 25px !important; }

.mxtop{ margin-top: 45px !important; }
.mxbot{ margin-bottom: 45px !important; }
.mxright{ margin-right: 45px !important; }
.mxleft{ margin-left: 45px !important; }

.mcenter{ margin-left: auto;margin-right: auto; }
.tcenter{ text-align: center; }

.zpadding{ padding: 0 !important; }
.spadding{ padding: 5px !important; }
.mpadding{ padding: 10px !important; }
.lpadding{ padding: 15px !important; }

.clear{ clear: both;visibility: hidden;height: 0;width: 0;border: none;overflow: hidden;outline: none;  }

/* Objekty */
#galerie{
  width: 458px;
  margin: 50px auto 10px auto;
  }
#galerie div{
  width: 199px;
  height: 158px;
  float: left;
  margin-right: 30px;
  background: url('obr/fotka.jpg') no-repeat;
  }
#galerie a{
  display: block;
  width: 164px;
  height: 122px;
  background-repeat: no-repeat;
  margin: 17px 18px 1px 17px;
  }
#galerie em{
  display: block;
  width: 164px;
  height: 16px;
  background: url('obr/fotkarozky.png') no-repeat;
  margin: -16px 18px 0 17px;
  }

/* ZÁKLAD ============================================================= */
#kontejner{
  position: relative;
  width: 797px;
  margin: 20px auto;
  }

menu{
  width: 231px;
  float: left;
  position: relative;
  padding-top: 125px;
  }

#prava-cast{
  width: 566px;
  float: left;
  }

#hlavicka{
  width: 566px;
  height: 123px;
  position: relative;
  }
#hlavicka h1{ position: absolute;left: 200px;top: 70px; }
#hlavicka a{
  position: absolute;
  left: 0;
  top: 0;
  background: url('obr/hlavicka.jpg') no-repeat;
  display: block;
  width: 100%;
  height: 100%;
  cursor: pointer;
  }

#obsah{
  width: 506px;
  padding: 0 30px;
  min-height: 570px;
  background: url('obr/obsah.png') repeat-y;
  position: relative;
  z-index: 10;
  overflow: hidden;
  }
  #kytka{
    position: absolute;
    left: 27px;
    top: 0px;
    width: 42px;
    height: 39px;
    background: url('obr/kytka-h1.jpg') no-repeat;
    }

menu li{
  width: 241px;
  min-height: 87px;
  list-style: none;
  position: relative;
  left: 20px;
  margin-bottom: 10px;
  background: url('obr/menu-spodek-stred.jpg') repeat-y;
  }
menu li:hover{ left: 10px; }

menu li a{ 
  display: block;
  width: 100%;
  height: 53px;
  position: absolute;
  left: 0;
  top: 0;
  cursor: pointer;
  color: rgb(255,195,3) !important;
  background:  url('obr/menu.jpg') no-repeat left top;
  }
  #uvodni-strana a { background-position: 0px 0px; }
  #profil-firmy a { background-position: 0px -53px; }
  #nabidka a { background-position: 0px -106px; }
  #fotogalerie a { background-position: 0px -159px; }
  #kontakt a { background-position: 0px -212px; }
menu span a { display: inline;position: relative;background: none; }

menu em{
  display: block;
  font-size: 120%;
  font-weight: bold;
  color: rgb(255,195,3);
  margin: 10px 0 27px 30px;
  }
  menu span{ 
    margin-right: 42px;
    color: rgb(255,195,3);
    position: relative;
    top: 8px;
    display: block;
    text-align: right;
    min-height: 16px;
    width: 199px;
    font: bold 105% "Cambria";
    }
menu .shadow{ right: -41px; }
menu strong{ display: block;width: 100%;height: 35px;margin-top: -9px;background: url('obr/menu-spodek-spodek.jpg') no-repeat; }

menu li.active{
  z-index: 15;
  left: 15px !important;
  background: url('obr/active-stred.jpg') repeat-y left top !important;
  }
menu li.active *{ color: rgb(73,94,1) !important; }
menu li.active em{
  display: block;
  z-index: 5;
  position: relative;
  top: 20px;
  right: 40px;
  text-align: right;
  font: bold 145% "Cambria";
  }
menu li.active a { background: url('obr/active-vrch.jpg') no-repeat left top !important; }
  menu li.active span a { background: none !important; }
menu li.active strong{ background: url('obr/active-spodek.jpg') no-repeat left bottom !important; }

#paticka{
  width: 566px;
  height: 90px;
  position: relative;
  margin: 0;
  }
#paticka div{
  position: absolute;
  left: 0;
  top: 0;
  background: url('obr/paticka.jpg') no-repeat;
  display: block;
  width: 100%;
  height: 100%;
  }
#paticka span{
  position: absolute;
  left: 100px;
  bottom: 20px;
  }

#paticka #mapa-webu, #paticka #noxart{
  position: absolute;
  bottom: 0;
  display: block;
  height: 40px;
  }

#paticka #mapa-webu{ left: 250px;width: 105px; }
#paticka #noxart{ left: 435px;width: 115px; }

/* Nabídka */
#nabidka ul{
  background: url('obr/zapisniky.jpg') no-repeat;
  width: 150px;
  height: 185px;
  padding: 45px 30px 20px 40px;
  }
#nabidka li{ padding-bottom: 3px; }
#nabidka #sluzby{ background-position: 0px -250px; }
#nabidka #material{ background-position: 0px -500px; }