/* CSS Document rodsolid.sweb.cz*/
* {
      margin: 0;
      padding: 0;
}
body {
     margin: 0px;
     font-family: Arial, Verdana, sans-serif;
     font-size: small;
     background:   #F3FC77        /* nová barva je žlutá; #fff4e6;  */
}
#obal {
     width: 1210px;     /* 900px */
     margin: 0px auto; /* vnějši okraj */
     background: #ffffcc;
}
h1,h2 {
     margin-top: 0px;
     font-family: Georgia, "Times New Roman", serif;
     color: #ff4e00;
     border-bottom: 1px dotted #008fff;
}
#zahlavi {
    width: 700px;           /* 700px */
    height: 104px;
    background: #008fff url(../obrazky/pozadi-zahlavi.gif); 
}
#zahlavi a {
      display: block;
      width: 341px;        /* tolik, aby byl vidět jen jeden obrázek */
      height: 100px;
      background: url(../obrazky/logo.gif);
} 
#zahlavi a span {
      display: none;
}
#menu {
    width: 245px;        /* 175px */
    float: left;
     margin: 0px;
     padding: 10px;
}
#obsah {
    width: 57.2%;                             /*  58.2%; šírka levého sloupce*/
    float: left; 
    border-right: 1px dotted #ff8400;   /*pravá postranní tečkovaná čára*/ 
    border-left: 1px dotted #ff8400;    /*levá postranní tečkovaná čára*/ 
    background: #FFF url(../obrazky/pozadi.gif) repeat-y; /* střed barva pozadí */
}
#panel {                                /*pravý postranní panel - right*/
   width: 235px;
   float: right;
}
#panel a {                                /*pravý postranní panel - odkaz*/
   color: #00cc99;
     font-size: 105%;  
     text-decoration: underline;
     
}
#obsah-okraj {
    margin: 10px; 
}
#obsah a {
      color: #0077d5;
}
#obsah a:hover {
    color: #ff4e00;
    text-decoration: none;
} 
#hlavni { 
    float: left;
    width: 100%;

    border-top: 5px solid #ff8400;    /* vodorovná čára */
}
#zapati {
    width: 100%;            /* šiřka zapati */
    padding-bottom: 5px;
    float: left;            /* plovouci element */
                            /* barva pozadi zapati a přidani obrazku do zapati*/
    background: #ff8400 url(../obrazky/pozadi-zapati.gif) repeat-x bottom;  
}
#menu h2 {
     display: none;  /* schova h2: Navigace */
} 
h1 {
      font-size: 160%;
      margin: 0 0 10px 0;
}
h2 {
      font-size: 120%;
      margin: 10px 0 5px 0;
}
p {
      font-size: 90%;
      margin: 0 0 5px 0;
}
ul {
      font-size: 90%;
      margin: 0 0 5px 20px;
}
#menu ul {
     margin: 0px;
     padding: 0px;
     list-style-type: none; /* zrušeni odražek */
     /*background: #6bbeff;   = zrušena podkladová modrá barva za tlačítkami*/
}
a { 
    padding-top: 4px;    /* posunutí písma o 4px dolů + #menu a_height: -4px; */
    text-decoration: none;              /* maže podtržítko odkazu */
    text-align: center;
    color: #fff;                         /* barva písmen v tlačítkách */
    font-weight: bold; 
    font-size: 120%;
}
#zapati p {
      margin: 5px;
      text-align: center;
      }
#menu a {
    display: block;
    width: 175px;
    height: 21px;
    border-bottom: 5px solid silver;/*spodní podtržení vnitřní okraj dno-šedé */
}
#nav-prodej { 
    border-top: 5px solid silver;   /* horní šedý  okraj tohoto tlačítka*/
    background: url(../obrazky/tlacitka.gif);
}
#nav-sluzby {
    background: url(../obrazky/tlacitka.gif);
}
#nav-cenik {
    background: url(../obrazky/tlacitka.gif);
}
#nav-o_nas {
    background: url(../obrazky/tlacitka.gif);
}
#nav-kontakt {
    background: url(../obrazky/tlacitka.gif);
}
#menu a span {
    display: none;
}
#menu ul li {
    display: inline;
}
#menu a:hover {      
    text-decoration: none;
    text-align: center;
    background-position: left -25px;    /* posunutí viditelné části obrazu*/
    font-weight: bold;                  /* písmo tučně */
    font-size: 120%;                    /* písmo velikost */
    color: #000;                        /* barva písma pod myšítkem */
}
          /*pozice pravého sloupce*/
.zmena-index { 
    position: relative;
    top: 12em;
    color: #f73333;  
    font-size: 75%;
}
.zmena-trafo { 
    position: relative;
    /*top: 39em;*/
    color: #660066;  
    font-size: 75%;
}
.zmena-sluzby { 
    position: relative;
    top: 41em;
    color: #660066;  
    font-size: 75%;
}
.zmena-nastin_cen { 
    position: relative;
    top: 47em;
    color: #660066;  
    font-size: 75%;
}
.zmena-cenik { 
    position: relative;
    /*top: 46em;  */
    color: #660066;  
    font-size: 75%;
}
.zmena-o_nas { 
    position: relative;
    top: 41em;
    color: #660066;  
    font-size: 75%;
}
.zmena-kontakt { 
    position: relative;
    top: 1em;
    color: #660066;  
    font-size: 75%;
}
.nastin {
    position: relative;
    /*top: 44em;  */
    color: #660066;  
    font-size: 75%;
}    
.svestkova  { 
        color: #9933CC;  
}

.webmap { 
    position: relative;
    /*top: 41em; */
    color: #660066;  
    font-size: 75%;
}

     
#prodej #nav-prodej, #sluzby #nav-sluzby, #cenik #nav-cenik, #o_nas #nav-o_nas, #kontakt #nav-kontakt{
    color: #00cc00; 
    /*background-position: left -25px;*/
}
#moto { 
    position: relative;
    top: -3.3em;
    text-indent: 55%;
    font-weight: bold;
    font-size: 100%;
}  
#motto { 
    position: relative;
    top: -3.3em;
    text-indent: 60%;
    font-weight: bold;
    font-size: 100%;
}  
#na_mail { 
    position: relative;
    top: -4.3em;
    /*text-indent: 100%; */
    font-weight: bold;
    font-size: 85%;
}  
#vodorovne_menu ul{margin: 0px; padding: 0px;}
#vodorovne_menu {width: 100%;}
#vodorovne_menu li {float:left;list-style-type:none;}
#vodorovne_menu li a {display:block; height:24px;width: 110px; line-height: 24px; text-align: center; text-decoration: none; color: black;}
#vodorovne_menu li a:hover { background: yellow; color: black;}
#vodorovne_menu li ul {display: none;}
#vodorovne_menu li:hover ul { display:block; position:absolute; border: solid black; border-width: 0 1px 1px 1px;}
#vodorovne_menu li:hover ul li { display:block; float: none; height:24px; width: 110px; border-top: 1px solid #F0F0F0;}
#vodorovne_menu li:hover ul li a {background: black; color: white;}
#vodorovne_menu li:hover ul li a:hover {background: rgb(227,142,51); color:#fff; font-weight: bold;}