body {background: #A0E1DA;
font-family: Helvetica, Verdana, Arial,  sans-serif;
  font-size: small; color:#555;
  text-align: center;
  min-width: 1000px;
  }
  
* html body {
  font-size: x-small; /* for IE5/Win */
  f\ont-size: small; /* for other IE versions */
  }

* {padding:0; margin:0; }

#box{width:1000px;
padding:0;
margin:0px auto;
background:#A0E1DA url("img/bg-box.jpg") repeat-y;;
text-align: left;
}

#header {
width:1000px;
height:227px;
background:#ccc url(img/header.jpg) top left no-repeat;
}

#header img{
border:none;
}

#menu {
width:1000px;
background:#21B28D;

}

#menu img{
border:none;
}

#menu li{ float:left;
list-style-type:none;
position:relative;
}


#content {
width: 770px;
float: right;
padding-right:10px;
margin-bottom:5px;
/*margin-top:10px;*/
}


#mainCont {
font-size:110%;
width: 559px;
float: left;
/*background:#f4f4f4;
border:1px solid #ccc;*/
padding-top:10px;
padding-bottom:10px;
}

.saveti {
clear:both;
margin:20px 0 10px;
background:#FFF6DE;
border:1px solid #FDE4A5;
padding:10px;
}

.recep {
clear:both;
margin:20px 0 10px;
background:#EAFFFD;
border:1px solid #CEF4F0;
padding:10px;
}

.podpravki {
clear:both;
margin:20px 0 10px;
background:#EFFAFE;
border:1px solid #C7E7F4;
padding:10px;
}

.hranene {
clear:both;
margin:20px 0 10px;
background:#F5FDDC;
border:1px solid #DEF0A8;
padding:10px;
}

#mainCont h1, #mainCont h2, #mainCont h3, #mainCont h4 {
padding-left: 10px;
padding-right: 10px;
}

#mainCont h1{
font:bold 200% Verdana, Arial, Helvetica, sans-serif;
color:#1FA685;
text-align:center;
margin:20px 10px 30px;
}

#mainCont p, #mainCont hr {
margin:10px;
}

#mainCont img{
background:#fff;
margin:5px;
padding:3px;
border:1px solid #ccc;
}

#mainCont #banner {
margin:10px 0 0 0;
padding:0;
border:none;
}

#mainCont a{
color:#44f;
text-decoration:underline;
}

#mainCont a:hover{
color:#C03806;
text-decoration:underline;
}

#mainCont ul {list-style: disc; 
margin:5px 10px;
padding-left:10px;}

#mainCont ul ul {list-style: circle inside; 
margin:5px 10px;
padding-left:20px;}

#mainCont ul ul ul {list-style: square inside; 
margin:5px 10px;
padding-left:20px;}


#rightNav {
width: 200px;
float: right;

margin-top:10px;
padding-bottom:10px;
}

#rightNav li {
margin-left:10px;
margin:5px 10px;
padding-left:20px;
list-style-type:none;
font:  14px Verdana, Arial, Helvetica, sans-serif;
border-bottom:1px dashed #DCC17B;
}


#rightNav h2 {
padding:10px;
font:bold 12px Verdana, Arial, Helvetica, sans-serif;
background:#eee url(img/right-bg.jpg) top left repeat-y;
border-bottom:1px solid #DCC17B;
border-top:1px solid #DCC17B;
color:#888;
margin-bottom:5px;

}

#rightNav h3 {
padding:10px;
font:bold 12px Verdana, Arial, Helvetica, sans-serif;
background:#eee url(img/right-bg.jpg) top left repeat-y;
border-bottom:1px solid #DCC17B;
border-top:1px solid #DCC17B;
color:#888;
margin-top:15px;
margin-bottom:5px;

}


#mainNav {
width: 200px;
float: left;
margin-top:10px;
padding-left: 10px;
padding-bottom:10px;
}

#mainNav li {
margin-left:10px;
margin:5px 10px;
padding-left:20px;
list-style-type:none;
font:  14px Verdana, Arial, Helvetica, sans-serif;
border-bottom:1px dashed #B2C675;
}

.categ li {
margin:5px 10px;
padding-left:20px;
list-style-type:none;
background:url(img/book.gif) center left no-repeat;
}

.pages li {
margin:5px 10px;
padding-left:20px;
list-style-type:none;
background:url(img/page.gif) center left no-repeat;
}


.recepti li {
margin:5px 10px;
padding-left:20px;
list-style-type:none;
background:url(img/recepta.gif) center left no-repeat;
}

 a{
color:#007D5E;
text-decoration:none;
}

 a:hover{
color:#C03806;
text-decoration:underline;
}

#mainNav h2 {
padding:10px;
font:bold 12px Verdana, Arial, Helvetica, sans-serif;
background:#eee url(img/left-bg.jpg) top left repeat-y;
color:#888;
margin-bottom:5px;
border-bottom:1px solid #B2C675;
border:1px solid #B2C675;
}

#mainNav h3 {
padding:10px;
font:bold 12px Verdana, Arial, Helvetica, sans-serif;
background:#eee url(img/left-bg.jpg) top left repeat-y;
color:#888;
margin-top:15px;
margin-bottom:5px;
border-top:1px solid #96C356;
border:1px solid #96C356;
}



#footer {
clear: both;
color:#444;
text-align:center;

padding:12px 30px 20px;
background: url("img/footer.jpg") bottom right no-repeat;
}


#footer li{ display:inline; list-style-type:none;
padding:0 6px;
}

#footer li a{
/*font-size: 80%;*/
color:#777;
text-decoration:none;
}

#footer li a:hover,#footer #selected a {
color:#333;
}

#footer1 {
width:760px;
color:#555;
margin:0 auto 10px;
font-size:80%;
}


#footer1 a {text-decoration:none; color:#005D3E; }
#footer1 a:hover, #footer1 #selected a {text-decoration:underline; color:#C03806;} 



/*
input{
border:1px solid #333;
}
*/
.maxselect{
width:500px;
overflow:scroll;
}



#formcontainer{
margin:10px 60px 10px 0;
padding:10px;
color:#4C4C4C;

}

#formcontainer label{
width:170px; 
float:left;
text-align:right;
margin:0 10px 0 0;
color:#4C4C4C;
font-size:85%;
}

#formcontainer .clearfix{
margin:10px 0;
}

#formcontainer .input{
width:200px;
border:1px solid #4C4C4C;
}

#formcontainer .captcha{
width:84px;
border:1px solid #4C4C4C;
margin:0 5px;
}

#formcontainer textarea{
width:200px;
height:85px;
border:1px solid #4C4C4C;
}

#formcontainer .button{
width:99px;
border:1px solid #4C4C4C;
background:#4C4C4C;

}

#formcontainer img {
border:none;
margin:0;
padding:0;
background:none;
}


.thdng, #mainCont .thdng{
text-align:left;
font-size:10px;
color:#1FA685;
margin:10px 0;
padding:0;
}

#mainCont .thdng a{
color:#1FA685;
text-decoration:none;
}

.search{
width:100px;
}

#mainCont #breadcrumbs{
text-align:left;
font-size:10px;
color:#1FA685;
margin:0;
padding:0;
}

#mainCont #breadcrumbs a{
color:#1FA685;
text-decoration:none;
}