/* -------------------------------------------------
CSS pro energy-ecology.cz

** Hlavní stylový soubor **

Autor: Jiří 'Nox' Petruželka  | www.nox-art.cz  |  petruzelka@nox-art.cz
Media: screen,projection
Modifikace: 6.10.2008

------------------------------------------------- */

/* Resetování */
* { margin: 0;padding: 0; }
a, a img{ border: none;outline: none; }
a:hover{ text-decoration: none; }

/* HTML tagy -------------------------------- */
html,body{ height: 100%; }
html{
  background: rgb(255,246,230);
  margin-bottom: 1px;
  text-align: center;
  font-size: 100.1%;
  }

body{
  font: 80% "Arial CE",Arial,Tahoma,Verdana,sans-serif,lucida;
  line-height: 1.15;
  text-align: left;
  color: rgb(15,45,0);
  min-height: 100%;
  }
  
h1,h2,h4,h5,h6{ color: rgb(88,102,6); }
h1{ font-size: 130%;text-indent: 60px;padding-bottom: 5px;border-bottom: 1px solid rgb(217,222,230); }
h2{ font-size: 100%; }
h3{ color: rgb(125,102,12);margin: 12px 0 -6px 0; }
h3,h4,h5,h6{ font-size: 95%; }

h2{ margin: 18px 0 8px 0; }
h4{ margin-top: 15px;margin-bottom: -5px; }

a:link,a:visited{ color: rgb(164,59,31); }
a:hover,a:active{ color: rgb(199,104,31); }

address{
  font-style: normal;
  padding: 15px;
  background: rgb(244,235,219);
  border: 1px solid rgb(209,205,179);
  line-height: 1.7;
  margin-bottom: 30px;
  width: 50%;
  position: relative;
  }
address strong{ margin-right: 10px; }
address em{ margin-left: 10px; }

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

input{ display: block;margin: 2px 2px 6px 2px;padding: 2px; }
input.submit{ margin-top: 30px;padding: 6px 50px;cursor: pointer; }

legend{ font-weight: bold;display: none; }
label{ display: block;margin: 2px 0 4px -10px;font-weight: bold;color: rgb(42,63,90); }
  label em{ font-weight: normal; }
  
p{ text-indent: 8px;line-height: 1.3;margin: 8px 0; }

strong{ color: rgb(90,63,42);font-size: 95%; }

table{ margin: 30px 0 30px 30px;width: 80%; }
table tr th{ padding-bottom: 5px;border-bottom: 1px solid rgb(125,102,12); }
table tr td{ padding-top: 4px;padding-bottom: 4px;vertical-align: top; }
table tr td.prvni{ width: 25%;font-weight: bold;color: rgb(135,130,40); }
table tr td.center{ text-indent: 30px;padding-top: 10px; }

ul{ padding: 15px 10px 5px 20px; }


/* Obecné třídy -------------------------------------- */
.print{ display: none; }
.clear{ visibility: hidden;height: 0;border: none;clear: both; }
.blank{ padding: 1px 25px 3px 0;background: url('../Obr/Blank.gif') no-repeat right center; }
.ok{ list-style: none; }
  .ok li{ padding: 5px 0 5px 30px;background: url('../Obr/Odrazka.gif') no-repeat left 2px; }
  .ok li.ne{ background-image: url('../Obr/Odrazka-ne.gif');color: rgb(140,140,140); }
  .ok li.strana{
    color: rgb(120,60,0);
    font-weight: bold;
    list-style: none;
    border-bottom: 1px dotted rgb(245,160,0);
    margin: 12px 0 5px 0;
    width: 50%;
    }
  .ok em{ color: rgb(140,80,30);padding-left: 25px; }
  .ok ul{ padding: 5px 20px; }
  .ok ul li{ padding: 3px 0;background: none;list-style-type: square; }
  .ok ul li ul li{ list-style-type: circle; }
.subhighslide{ display: block;width: 140px;margin: 35px auto 0 auto;text-align: center;z-index:1; }
.obr-stred{ margin: -3px 1px -3px 2px; }
.obr-niz{ position: relative;top: 10px;padding-right: 5px; }
.lfloat{ float: left; }
.float-right{ float: right;width: 540px; }
.mtop{ margin-top: 35px !important; }
.mbot{ margin-bottom: 35px !important; }

.mtopp{ padding-top: 20px !important; }
.mbotp{ padding-bottom: 20px !important; }

.box{ padding: 10px;background: rgb(255,245,222);border: 1px solid rgb(209,205,179);width: 70%;margin: 25px 0;text-indent: 0; }
  .box em{ color: rgb(135,120,70); }
.tcenter{ text-align: center; }
.tcentera *{ text-align: center; }

.chyba{
  display: block;
  padding: 6px 20px 6px 40px;
  margin: 4px 0;
  background: rgb(245,225,200) url('/Obr/Chyba.png') no-repeat 8px center;
  border: 1px solid rgb(225,205,180);
  color: rgb(90,40,10);
  width: 90%;
  }
  .chyba em{ font-style: normal;font-family: courier new, lucida; }
.uspech{
  display: block;
  padding: 6px 20px 6px 40px;
  background: rgb(225,245,200) url('/Obr/Uspech.png') no-repeat 8px center;
  border: 1px solid rgb(205,225,180);
  color: rgb(60,50,30);
  width: 90%;
  }
.obrazek{ background: white;padding: 5px;border: 1px solid rgb(60,80,4);margin: 10px auto; }
.decor{ background: rgb(255,250,245);padding: 3px;border: 1px solid rgb(160,180,104);margin: 10px; }

/* Základní layout ----------------------------*/
#kontejner{
  width: 960px;
  min-height: 100%;
  margin: 0 auto;
  background-color:white;
  position: relative;
  }
  #stin-levy, #stin-pravy{ display: block;width: 4px;height: 100%;background: url('Obr/Stin.gif') repeat-y;position: absolute;top: 0; }
  #stin-levy{ left: -4px;background-position: left top; }
  #stin-pravy{ right: -4px;background-position: -4px top; }
  
#hlavicka{
  width: 100%;
  height: 146px;
  position: relative;
  }
  #hlavicka h1{ position: absolute;left: 50px;top: 30px; }
  #hlavicka a{ position: absolute;left: -44px;top: 0;display: block;width: 1048px;height: 100%;background: url('Obr/Hlavicka.png') no-repeat; }
  #hlavicka span{ display: block;width: 234px;height: 128px;position: absolute;left: 0;top: 0;background: no-repeat; }
    #hlavicka span#rozcesti{ background-image: url('Obr/Hlavicka-rozcestnik.gif'); }
    #hlavicka span#alternator{ background-image: url('Obr/Hlavicka-alternator.gif'); }

#preskoc{ display: none; }

#hlavni{
  margin-top: 35px;
  margin-left: -23px;
  background: rgb(238,241,244) url('Obr/Menu-pozadi.gif') repeat-y;
  width: 159px;
  position: absolute;
  padding: 5px 0;
  list-style: none;
  }
  #hlavni li{
    display: block;
    border-top: 1px solid rgb(222,225,228);
    border-bottom: 1px solid rgb(235,235,245);
    position: relative;
    margin-right: 2px;
    width: 155px;
    }
  #hlavni li.prvni{ border-top: none; }
  #hlavni li.posledni{ border-bottom: none; }
  
  #hlavni li#hlavni-vrch, #hlavni li#hlavni-spodek{
    width: 157px;
    height: 12px;
    background-repeat: no-repeat;
    border: none;
    position: absolute;
    left: 1px;
    }
  #hlavni li#hlavni-vrch{ background-image: url('Obr/Menu-vrch.gif');top: -12px; }
  #hlavni li#hlavni-spodek{ background-image: url('Obr/Menu-spodek.gif');bottom: -12px; }
  #hlavni li a{
    display: block;
    width: 125px;
    padding: 5px 0 5px 40px;
    position: relative;
    left: -11px;
    background: url('Obr/Menu-item.gif') no-repeat left top;
    color: rgb(24,49,90);
    font-weight: bold;
    font-size: 95%;
    text-decoration: none;
    }
  #hlavni li a:hover, #hlavni li.aktualni a{
    background: white url('Obr/Menu-item-hover.gif') no-repeat left top;
    color: rgb(220,91,2);
    }
  #hlavni li.podmenu{ background: rgb(95,115,147);border-color: rgb(84,95,120);border-top: none; }
  #hlavni li.podmenu a{ background: none;color: rgb(250,250,255); }  
  #hlavni li.podmenu.aktualni{ font-style: italic; }
  #hlavni li.podmenu a:hover{ text-decoration: underline; }
  #hlavni li.podmenu a:before{ content: "» "; }
  #hlavni li.akcni a{ color: rgb(245,220,180); }
    
#obsah{
  padding: 0 50px 70px 170px;
  margin-top: 40px;
  }
  #obsah-roh-levy, #obsah-roh-pravy{
    display: block;
    height: 195px;
    position: absolute;
    bottom: 39px;
    }
  #obsah-roh-levy{ left: 0;width: 140px;background-image: url('Obr/Roh-levy.gif'); }
  #obsah-roh-pravy{ right: 0;width: 144px;background-image: url('Obr/Roh-pravy.gif'); }
#paticka{
  position: absolute;
  bottom: 0px;
  left: 0;
  width: 960px;
  height: 26px;
  padding: 0;
  padding-top: 42px;
  background: rgb(20,43,77) url('Obr/Paticka.jpg') no-repeat;
  }
  #paticka li{ display: inline;font-size: 85%; }
  #paticka li, #paticka a{ color: white; }
  
  #paticka li#copy{ margin-left: 30px; }
  #paticka li#dolni-menu{ margin-left: 190px; }
    #paticka li#dolni-menu a{ margin: 0 10px; }
  #paticka li#by{ margin-left: 130px; }
  #paticka li#hosting{ margin-left: 25px; }
  
#seolista{
  font-size: 76% !important;
  color: white !important;
  background: rgb(20,43,77) !important;
  width: 960px !important;
  margin: 0 auto !important;
  text-align: center;
  }
#seolista *{ color: white !important; }
  
/* ----------------------------------------------------------------------
JEDNOTLIVÉ SOUBORY
-----------------------------------------------------------------------*/
  
/* Rozcestník */
body#rozcesti div#obsah{ padding: 20px;margin: 0; }
#rozcestnik{
  margin-top: 100px;
  list-style: none;
  }
#rozcestnik li{
  display: block;
  width: 268px;
  height: 351px;
  background: no-repeat left top;
  float: left;
  margin-left: 30px;
  position: relative;
  }
  #rozcestnik li#servis{ background-image: url('Obr/Rozcesti-servis.gif');color: rgb(37,71,131); }
  #rozcestnik li#ekologie{ background-image: url('Obr/Rozcesti-ekologie.gif');color: rgb(100,77,58); }
  #rozcestnik li#eshop{ background-image: url('Obr/Rozcesti-kameny.gif');color: rgb(103,108,93); }

  #rozcestnik li h2{
    margin-top: 20px;
    margin-left: 25px;
    font-size: 115%;
    }
    #rozcestnik li#servis h2{ color: rgb(37,71,131); }
    #rozcestnik li#ekologie h2{ color: rgb(100,77,58); }
    #rozcestnik li#eshop h2{ color: rgb(103,108,93); }
  #rozcestnik li p{
    margin-top: 90px;
    padding: 0 40px 0 22px;
    }
  #rozcestnik li a{
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100px;
    height: 250px;
    padding-top: 326px;
    padding-left: 168px;
    font-weight: bold;
    text-align: center;
    }
  #rozcestnik li span{ position: relative;display: block; }
  #rozcestnik li em{
    position: absolute;
    right: -2px;
    bottom: -24px;
    display: block;
    width: 134px;
    height: 39px;
    background: no-repeat;
    }
  #rozcestnik li#servis em{ background-image: url('Obr/Rozcesti-odkaz-servis.gif'); }
  #rozcestnik li#ekologie em{ background-image: url('Obr/Rozcesti-odkaz-ekologie.gif'); }
  #rozcestnik li#eshop em{ background-image: url('Obr/Rozcesti-odkaz-kameny.gif'); }
    
/* galerie */
.galerie{
float: left;
margin: 10px;
position: relative;
z-index: 10;
}

/* Kontakt */
.kontakt{
  margin-top: 30px;
  padding-left: 60px;
  }
.kontakt span{ display: block;width: 34px;height: 29px;background: no-repeat left top;position: absolute;left: 8px; }
  .kontakt .sidlo{ background-image: url('Obr/Ikona-sidlo.gif'); }
  .kontakt .telefon{ background-image: url('Obr/Ikona-telefon.gif'); }
  .kontakt .mail{ background-image: url('Obr/Ikona-mail.gif'); }