/* 
  HerbLine Ajurveda 
  Vyrobil Filip Knoll 
  filipknoll@gmail.com
*/
body{
  margin: auto;
  background: url(../images/bg.gif) repeat-x;
  font-family: Verdana;
  font-size: 14px;
  text-align: center;
}
/*------------------------------------------------------------------------------------*/
#uvod{
  height: 707px;
  width: 795px;
  margin: auto;
  text-align: center;
}
#uvod a img{
  color: black; text-decoration: none; border: none;
}
/*------------------------------------------------------------------------------------*/
#page{
  width: 720px;
  margin: auto;
  background: url(../images/bg-page.gif) repeat-y;
}
#page1{
  width: 720px;
  margin: auto;
  background: url(../images/bg-fialkova.gif) repeat-y;
}

#page2{
  width: 720px;
  margin: auto;
  background: url(../images/bg-zelena.gif) repeat-y;
}
#page3{
  width: 720px;
  margin: auto;
  background: url(../images/bg-zlta.gif) repeat-y;
}

#page4{
  width: 720px;
  margin: auto;
  background: url(../images/bg-fialova.gif) repeat-y;
}

#page5{
  width: 720px;
  margin: auto;
  background: url(../images/bg-oranzova.gif) repeat-y;
}

#page6{
  width: 720px;
  margin: auto;
  background: url(../images/bg-zelena.gif) repeat-y;
}

/*------------------------------------------------------------------------------------*/
#menu a.kosik{ color: rgb(187,47,68);}

/*------------------------------------------------------------------------------------*/
#header {
      margin:0; padding:0;
      position:relative;
      width:720px; height:111px;
      overflow:hidden;
      }
   #header span {
      display:block;
      position:absolute; left:0; top:0; z-index:1;
      width:720px; height:111px;
      margin:0; padding:0;
      background:url(../images/logo.jpg) top left no-repeat;
      }
/*------------------------------------------------------------------------------------*/
#main{
  text-align: left;
}
    #main ul{ margin-left: 70px; font-size: 13px;}
/*------------------------------------------------------------------------------------*/
#footer{
  padding-bottom: 25px;
  padding-top: 25px;
  clear: both;
  text-align: center;
}

/*------------------------------------------------------------------------------------*/
#menu{
  height: 250px;
  background-color: #a5cac2;
  float: right;
  margin-right: 25px;
  margin-top: 10px;
  font-size: 13px;
}
    #menu ul{
      list-style: none inside;
      color: white;
      margin-left: -10px; 
      margin-right: 5px;
      margin-top: 55px;
    }
    #menu li{ padding-bottom: 5px; padding-top: 3px; text-align: left;}
    
    #menu a{ color: white; text-decoration: none; text-align: left; font-weight: bold;}
    #menu a:hover{ color: #a5cac2; background-color: white; text-decoration: none; text-align: left; font-weight: bold;}


/*------------------------------------------------------------------------------------*/
#rady-1-2-3{ width: 662px; margin-top: 25px; margin-left: 60px; color: white;}
    #rady-1-2-3 a{color: white;}
div.rady-1{
  height: 220px;
  width: 187px;
  background-color: #a5cac2;
  float: left;
  margin-left: 5px;
  margin-right: 5px;
  margin-bottom: 15px;
}
    div.rady-1 img{
      margin: 10px;}
    
    div.rady-1 a{ color: white; text-decoration: none; }

#rady-center{
  height: 222px;
  width: 187px;
  background-color: #a5cac2;
  float: left;
  margin-left: 233px;
  /*margin-left: 5px; margin-right: 5px; margin-bottom: 15px;
  margin-top: 10px;
  color: white;*/
}
    #rady-center a{color: white; text-decoration: none;}
    #rady-center img{ margin: 10px; }

/*---------------- H - p - span -------------------------*/

div.li ul{
      margin-left: 15px; margin-right: 30px;
    }
    div.li li{ text-align: left;}

/*---------------- H - p - span -------------------------*/
h2{font-size: 18px; color:green; text-align: left; margin-left: 15px;}
        h2 li{ margin-left: 25px; font-size: 15px; }
h3{color: #1c3bbf; text-align: left; margin-left: 15px;}
    h3 a{color: #1c3bbf;}
    h3 a:hover{color: black;}
    h3 li{ margin-left: 25px; font-size: 13px; }
    
h4{margin-left: 25px; margin-right: 10px; font-size: 12px;}

p{text-align: left; margin-left: 35px; margin-right: 10px; }
p.rady-nadpis{ color: #a5cac2; font-size: 22px; font-weight: bold; text-align: center; clear: right;}
p.left{ text-align: left; }
span.li-span{ margin-left: 15px; }
span.span-left{ text-align: left; }

img.citat{ float: left; margin-top: 250px; }

table, textarea{ margin-left: 25px; }

/*---------------- ESHOP -------------------------*/


.vyrobky_uvod{ margin-left: 35px; margin-right: 15px; }
.vyrobky_popis{ margin-left: 35px; margin-right: 15px; }
.vyrobky_pouzitie{ margin-left: 35px; margin-right: 15px; }
.vyrobky_zlozky{ margin-left: 35px; margin-right: 15px; }