body {
  font-family: verdana; font-size: 10px; color: #666666; margin: 0px; padding: 0px; 
background: #fff url('./bg-body.png') repeat-x ;
}

input, textarea {  color: #666666 !important; font-size: 11px !important; }

hr {  
  background-color: #fff;
  width: 513px;
}
ul {
  margin: 0px;
  padding: 0px;
  list-style: none;
}
a {
  font-family: verdana;
  text-decoration: none;
  color: #666666; font-weight: bold;
}

h1 {
  font-family: arial;
  font-weight: bold; 
  font-size: 14px;
  padding: 2px 0px 2px 10px;
  margin: 0px 0px 5px 0px; 
  text-transform: capitalize;
  background: #bbbbbb url("./img/border-2.png");
  color: #666;
  width: 510px;
  border: 1px dotted #eee;
}
a img {
  border: 0px;
}

h2 {
  font-size: 11px; 
  font-family: verdana; 
  text-transform: uppercase;
  margin: 25px 0px 10px 10px;
}

h3 {
  font-size: 11px; 
  margin: 0px 0px 0px 10px;
  font-family: verdana;
}

small {
  font-size: 8px;
}
form {
  margin: 0px; padding: 0px;
  font-family: arial;
  color: #666666;
}

p {
  margin-left: 10px;
  font-size: 11px;
}

input, option, select {
  font-size: 10px; color: #666666; border: 1px solid #dddddd; background-color: #fff; margin: 2px 0px 2px 2px;
  font-weight: normal; 
}
option {
  border: 0px;
}

.input-search {
  padding: 1px 0px 1px 5px; width: 110px;
}

#container {
  width: 800px;
  margin-top: 5px;
  margin-left: 0px;
  padding-left: 5px;
}

#header {
  border: 1px dotted #dddddd; 
  height: 95px; width: 100%; margin-bottom: 5px;
}

#main {
  width: 658px; margin-bottom: 10px; margin-left: 10px; min-height: 300px; float: left;
  background-color: #ffffff;
}

#left {
  float: left; width: 130px; color: #666666;
}

#right {
  float: right; width: 130px;
}

#main-navigation {
  width: 100%; background-color: #dddddd; height: 20px; color: #666666;
}

#main-navigation a {
  color: #666;
}

#main-navigation a:hover {
  color: #666666;
}

#main-navigation li {
  float: left; padding: 3px 5px 3px 5px; font-size: 11px; font-weight: normal; border-right: 1px dotted #ffffff; 
}

#header-top {
  width: 100%; height: 80px; background-color: #ffffff;
}
#logo {
  margin: 5px 0px 0px 10px;
}

#header-menu {
  width: 100%; float: right; text-align: right; 
  background: #bbbbbb url("./img/border-2.png");
}

#header-menu ul {
  float: right; text-align: right;
}

#header-menu li {
  float: left; padding: 0px 5px 1px 5px; font-size: 11px; font-weight: normal; 
}

.submenu {
  background-color: #eee ! important; color: #ffffff ! important; border-bottom: 1px dotted #fff ! important;
}

.submenu a {
  color: #666;
}

#header-menu a {
  font-weight: bold;
  color: #ffffff; 
}

#languages {
  text-align: center;
}

#languages img {
  width: 22px; border: 1px solid #dfbfff;
}

#footer { 
background: #fff url('../images/bg.gif') repeat-x ;
  border-top: 1px dotted #dfbfff;
  clear: both;
  color: #666;
  text-align: center;
  font-size: 11px;
  width: 100%;
  padding: 2px 0px 2px 0px;
}
#footer a {
  color: #666;
  font-weight: normal;
  text-decoration: none;
}

#ps {
  margin: 15px 0px 15px 0px;
  text-align: center;
  background-color: #fff;
  width: 100%;
  font-size: 9px;
}

.leftMenuBox, .rightMenuBox {
  border: 1px dotted #dddddd; width: 100%; margin-bottom: 10px; font-size: 10px;
}
.leftMenuBox a, .rightMenuBox a {
  font-size: 10px;
}
.leftMenuBox li,.leftMainMenuBox li, .rightMenuBox li {
  border-bottom: 1px dotted #dddddd; padding: 2px 5px 2px 5px;  background-color: #ffffff; 
  /*text-transform: capitalize;*/
}

.leftMenuBox a:hover, .rightMenuBox a:hover {
  color: #dddddd;
}

.leftMenuBox-title, .leftMainMenuBox-title, .rightMenuBox-title {
   width: 100%; background: #bbbbbb url("./img/border-2.png"); color: #ffffff; font-weight: bold;
  text-indent: 10px; text-transform: uppercase; padding: 3px 0px 3px 0px; margin-bottom: 3px;
}
.leftMainMenuBox-title {
  background: #bbbbbb url("./img/border-2.png");
}

.leftMenuBox-title a, .rightMenuBox-title a, .leftMainMenuBox-title a {
  text-decoration: none; color: #666;
}

.leftMenuBox-title a:hover, .rightMenuBox-title a:hover, .leftMainMenuBox-title a:hover {
  color: #ffffff;
}

.hr {
  width: 100%;
  height: 0px;
  border-top: 1px dotted #dfbfff;
  margin: 0px;
  padding: 0px;
}

.more {
  text-align: right;
  color: #666666;
  margin-left: 10px;
}
.more a {
  text-align: right;
  color: #666666;
}
.more a:hover {
  color: #dfbfff;
}
.active {
  background-color: #ffffff; padding: 3px 5px 6px 5px; margin-left: 0px; color: #666666 ! important;
}
.inactive {
  background-color: #dddddd;
}
.invalid:hover {
  color: orange ! important;
  text-decoration: line-through ! important;
  font-weight: normal;
}

/* I N D E X */

div .recipes {
  float: left; padding: 5px 0px 5px 0px; width: 515px; border-bottom: 1px dotted #dddddd; 
}

.sms-nav { 
  width: 100%; background: url('http://www.dovrecka.sk/img/border-2.png') repeat-x; margin-bottom: 5px; color: #fff; padding: 2px 0px 2px 5px;  
}
.sms-nav a {
  color: #fff;
}

.recipes img {
  width: 64px;  border: 1px dotted #dddddd; float: left; margin-right: 10px;
} 

.recipes-left {
  float: left; width: 430px; height: 55px;   
}
.recipes-right {
  float: left; width: 280px;
}


/* R E C I P E */

#recipe {
  float: left; width: 430px; padding: 10px 0px 10px 10px; 
}

#recipe-img {
  float: right; width: 200px; border: 1px dotted #dddddd; margin: 2px 10px 10px 0px; text-align: right;
}

#recipe h1 {
  font-size: 20px; font-family: arial; margin: 0px 0px 15px 0px;
}

#recipe h2 {
  font-size: 14px; font-family: arial; margin: 0px 0px 8px 0px;
}

.recipe-title {
   font-size: 18px; font-weight: bold; font-family: arial;
}

.recipe-ingredients {
   text-align: justify; font-family: verdana; font-size: 12px; text-transform: italic; margin: 0px 0px 15px 0px;
}

.recipe-method {
   text-align: justify; font-family: verdana; font-size: 12px; font-weight: normal; 
}

.recipe-nfo {
   font-family: verdana; font-size: 11px; font-weight: normal; margin: 15px 0px 15px 0px;
}

.recipes-title {
  font-size: 11px; font-weight: bold; font-family: verdana; text-align: left; margin-bottom: 3px;
  margin-right: 15px; margin-top: 3px;
}
.recipes-cat {
  font-size: 10px; font-weight: normal; font-family: verdana; text-align: left; margin-right: 15px;
}
.recipes-text {
  font-size: 11px; font-weight: normal; font-family: verdana; padding-right: 10px; text-align: left;
}
.recipes-link {
  text-align: right; margin-right: 15px; margin-top: 5px;
}

.recipes-ingredients {
  font-size: 10px; font-weight: bold; font-family: verdana;
}
.recipes-course {
  font-size: 10px; font-weight: normal; font-family: verdana;
}

#news {
    font-size: 10px; 
}

.news-date {
  text-align: right;
  margin: 2px 5px 2px 5px; font-weight: bold;
}

.news-text {
  text-align: left;
  margin: 2px 5px 2px 5px;  border-top: 1px dotted #dfbfff;  border-bottom: 1px dotted #dfbfff;
}

.error {
  width: 300px;
  border: 1px dotted red;  padding: 10px;
}
.error p,.error a, .error a:link {
  color: #bbbbbb;
  font-weight: normal;
  margin: 0px;
}
.error a {
  text-align: right;
}
.info {
  width: 300px;
  border: 1px dotted #666;
  padding: 10px;
}
.info p,.info a,.info,info a:link {
  color: #bbbbbb;
  font-weight: normal;  
  margin: 0px;
}

.row {
  margin-left: 10px;
  text-align: right;
  border-bottom: 1px dotted #dddddd;
  padding-top: 1px;
  padding-bottom: 1px;
  width: 460px;
}
.label {
  vertical-align: middle;
  float: left;
  padding: 2px 2px 2px 2px;
  color: #666;
}
.label-povinne {
  vertical-align: middle;
  float: left;
  padding: 2px 2px 2px 2px;
  color: orange;
}

.row input {
  width: 167px;
  font-size: 11px;
  color: #666;
  border: 1px solid #dddddd;
  padding-left: 3px;
}
#add-recipe .row input {
  width: 237px;
}
#right_col .submit {
  width: 60px;
  font-size: 10px;
  color: #bbbbbb;
  border: 1px solid #999;
  text-align: center;
  margin-top: 4px;
  background-color: #ffffff;
}

.row textarea {
  padding-left: 3px;
  border: 1px solid #dddddd;
  color: #000;
  width: 167px;
  font-family: arial;
  font-size: 11px !important;
}

#add-recipe .row textarea {
  width: 237px;
  height: 100px;
}
#add-recipe {
  width: 460px;
}
#add-recipe h2 {
  text-align: right;
  padding-right: 5px;
  font-size: 14px;
  font-family: arial;
}
#add-recipe select {
  width: 120px;
  margin: 0px;
  padding: 0px;
}

form a {
  font-size: 10px;
  padding: 0px 0px 0px 0px;
  color: #666666;
}

#right_col form {
  padding: 2px;
  width: 440px;
}
#left_col form {
  width: 147px;
  height: 60px;
  border-bottom: 1px dotted #dddddd;
  font-size: 10px;
  color: #666666;
  padding-left: 3px;
  margin-top: 4px;
  vertical-align: middle;
  margin-bottom: 10px;
  margin-left: 15px;
}

#left_col .submit {
  width:40px;
  font-size: 10px;
  color: #666666;
  background-color: #fff;
  border: 1px solid #999;
  padding-left: 3px;
  margin-bottom: 2px;
  
}

#left_col input {
  width:70px;
  font-size: 10px;
  color: #666666;
  border: 1px solid #dddddd;
  padding-left: 3px;
  margin-bottom: 2px;
}

#translation {
  width: 440px;
  margin-left: 10px;
  border-top: 1px dotted #fdfbff;
  border-bottom: 1px dotted #fdfbff;
}

#translation tr {
  border-bottom: 1px dotted #dfbfff;
}

#translation td {
  padding: 1px 2px 1px 2px;
}

#translation .flag {
  width: 30px;
  padding-left: 0px;
}

#translation .lang {
  width: 30px;
}

#translation .translated {
  width: 30px;
  text-align: right;
}

#translation .interpreter {
  width: 350px;
}

#at_a_glance li {
  margin-left: 10px;
  background: url("./arrow-down.png") no-repeat;
  padding-left: 15px;
}
#feeds ul {
  padding: 0px;
  vertical-align: middle;
  }
.feeds {
  margin-right: 5px;
  padding-left: 2px;
  height: 16px;
}

/* feeds in right menu */

.menu-feeds ul {
  padding: 0px;
  vertical-align: middle;
  }
.menu-feeds li {
  margin-left: 10px;
  background: url("./feed.png") no-repeat;
  padding-left: 25px;
  height: 15px;
  padding: 2 2 2 2;
}

#feeds ul {
  padding: 0px;
  vertical-align: middle;
  }
#feeds li {
  margin-left: 10px;
  background: url("./feed.png") no-repeat;
  padding-left: 25px;
  padding: 5 2 5 2;
  
}

div .top {
  clear: both;
  margin: 10px 0px 10px 10px;;
  background: url("./arrow-up.png") no-repeat;
  padding-left: 15px;
}

#similarity {
  width: 513px ! important;
  margin-left: 10px;
}

#similarity td {
  background-color: #eee;
  border-right: 1px solid #fff;
}

#similarity th {
  background-color: #dddddd;
  border-right: 1px solid #fff;
  padding: 2px 5px 2px 5px;
  color: #fff;
}

#similarity .id {
  text-align: center;
}

#similarity .percent {
  text-align: center;
}

#similarity .text {
  padding-left: 5px;
}

/* general table style */

table {
  width: 513px;
  margin-bottom: 10px;
  border-left: 1px dotted #dddddd;
  border-right: 1px dotted #dddddd;
  border-bottom: 1px dotted #dddddd;
}

td {
  background-color: #f8f8f8;
  border-right: 1px solid #fff;
}

th {
  background-color: #dddddd;
  border-right: 1px solid #fff;
  padding: 2px 5px 2px 5px;
  color: #fff;
}

caption {  
  padding: 2px 5px 2px 5px;
  background-color: #bbbbbb;
  color: #fff;
  font-weight: bold;
  text-align: left;
}

h1 { margin-bottom: 5px; }
#navigation span { margin-left: 10px !important;  }
#navigation { margin-top: 0px; border-bottom: 1px solid #eee !important;; padding-bottom: 3px; text-align: left; width: 513px; }
#navigation a { color: #000; font-weight: normal;  }
#navigation a:hover { text-decoration: underline; }


#header-quote { float: right; text-align: right; padding: 10px 10px 10px 0px; font-size: 12px; color: #666; }
#header-quote a { font-style: italic; font-weight: normal;  }
#header-quote a:hover { color: black;  }