/* ----------------------- Reset -------------------------------- */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, 
pre, a, em, font, img, strong, sub, tt, var, b, u, i, 
center, ol, ul, li, fieldset, form, label, legend, table,  
tbody, tfoot, thead, tr, th, td, dl, dt, dd
{ margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; } 
body {line-height: 1; } 
ol, ul { list-style: none; } 
:focus { outline: 0; } 
table { border-collapse: collapse; border-spacing: 0; }


html {height: 100%;	font-size: 62.5%; /* reset 1em to 10px */}
body {color: #5A5A50; font: normal 1.3em Helvetica,Verdana,sans-serif; height: 100%; padding-bottom: 1px; /* force scrollbars */}

/* -----------------------   Typography ------------------------ */
p {line-height: 1.4em; padding: 0.2em 0 1.2em;}
.content li {list-style: circle; padding-left:15px; list-style-position:inside;}

h1 {}
h2 {font: normal 2.2em Georgia,serif; margin-bottom:0.7em;}
h3 {font: bold 1.2em Georgia,sans-serif; margin-bottom: 0.2em; padding: 0.2em 0 0.2em;}
h4 {font: bold; padding: 0.2em 0 0.1em;}


.small {font-size:0.8em; color:#808080;}
.gray {color:#999;}

/* ---------------------- Links ------------------------- */
a, a:visited {color: #C40; text-decoration:none}
a:hover {text-decoration: underline;}


/* ---------------------- Layout ------------------------ */
.clear {clear:both; disply:block; font-size:0; line-height:0; height:0;}
.hidden {display:none; background:red; font-size:2em;}

.wrapper {width:980px; margin:0 auto;}

h1 a {width:215px; height:95px; margin-top:7px; float:left; display:inline-block; background:url(../images/logo.gif)}

.tools {width:120px; float:right; margin-top:15px;}
.tools li {display:inline; margin-left:9px; padding-left:9px; border-left:1px dotted #ccc; font-size:9px;}
.tools li.item1 {border-left:none}
.tools span {display:none}
.tools li.item1 a, .tools li.item7 a, .tools li.item8 a, .tools li.item22 a {width:11px; height:9px; display:inline-block;}
.tools li.item1 a { background:url(../images/icons-home.gif); }
.tools li#current.item1 a { background:url(../images/icons-home-active.gif); }
.tools li.item7 a { background:url(../images/icons-mail.gif); }
.tools li#current.item7 a { background:url(../images/icons-mail-active.gif); }
.tools li.item8 a { background:url(../images/icons-sitemap.gif); }
.tools li#current.item8 a { background:url(../images/icons-sitemap-active.gif); }
.tools li.item22 a { background:url(../images/icons-edit.gif); }
.tools li#current.item22 a { background:url(../images/icons-edit-active.gif); }

.navigation {width:683px; height:40px; float:right; margin:30px 0 15px 0; background:#353335 url(../images/menu.gif) no-repeat}
.navigation ul {width:660px; margin:10px 0 0 12px;}
.navigation li {display:inline; font-family: Arial, Helvetica, sans-serif; border-left:1px solid #4c4c4c; border-right:1px solid #1b181c }
.navigation li.item27 {border-left:none}
.navigation li.item31 {border-right:none}
.navigation li.item32 {border-right:none; padding-right:none;}
.navigation li a, .navigation li a:visited {color:#fff2e5; text-decoration:none; padding:0 30px;}
.navigation li a:hover {color:#ff99a5; }
.navigation li.active a, .navigation li.active a:visited {color:#e1001a;}
.navigation li.item28 {display:none }

.collage {margin-bottom:15px;}

#system-message {margin:15px 0; border: 1px solid #DDD; padding: 0.8em 1em;background: #FFF6BF; color: #514721; border-color: #FFD324;}
dt.message {font-weight:bold; padding-bottom:0.6em;}
dl.message {}


.content {margin-top:0px; padding-top:30px;}
.with_right {width:670px; float:left;}

.right_col {margin:5px 0 0 15px; float:right; width:250px; padding-left:30px; border-left:1px dotted #ccc}
.right_col .moduletable {margin-bottom:10px;}

.submenu a {display:block; padding: 10px 0 10px 20px; border-right:7px solid #fff280; background:#fff9c1; margin-bottom:2px;}
.submenu a:hover {background:#fff6a6; }
.submenu .active a {background:#fff6a6; color:#000; border-right:7px solid #C40;}

.submenu .item17 a, .submenu .item19 a {background:none;}
.submenu .item18 a, .submenu .item20 a, .submenu .item21 a {background:#ffccd2; }
.submenu .item18 a:hover, .submenu .item20 a:hover, .submenu .item21 a:hover {background:#ffbfc7; }


.moduletable-footer {background:#e6e6e6; padding:5px 10px; margin:15px 0;}
.moduletable-footer a, .moduletable-footer a:visited {color:#808080;}
.footer-left {width:500px; float:left;}
.footer-right {width:200px; float:right; text-align:right}

/* --------------------------  Contacts ---------------------------- */
input, textarea, select {background-color: #FFF; border-color: #777 #CCC #CCC #777; border-style: solid; border-width: 1px; font: normal 1em Verdana,sans-serif; padding: 4px;}
input.invalid, textarea.invalid {background-color:#ffebeb; border-color: #781818 #cc8f8f #cc8f8f #781818;}
.inputbox, textarea {color:#5A5A50; padding:4px 4px; margin-bottom:3px; width:250px; font-size:0.9em;}
textarea {height:50px; width:350px; overflow: auto;}

button, .button {background: #E9E8E8; border: 1px solid #888; border-color: #BBB #888 #888 #CCC; color: #444; cursor: pointer; font: normal 1em Verdana,sans-serif; margin-top: 5px; padding: 6px; width: auto;}
input:focus,input:active,textarea:focus,textarea:active,select:focus,select:active,input.button:hover,input.button:focus {background: #ffffd9;}
button:hover, button:focus {color: #123; cursor: pointer;}
.checkbox {width:20px; }

input {margin-left:0}
.contacts-leftcol {width:350px; float:left; height:330px;}
.contacts-rightcol {width:260px; float:right; height:330px; border-left:1px dotted #CCC; padding-left:30px; }

/* --------------------------  Images ---------------------------- */
img.right {float:right; margin:0 0 10px 10px;}
img.left {float:left; margin:0 10px 10px 0;}
.bordered {padding:3px; border:1px solid #ccc;}

/* --------------------------  Round borders ---------------------------- */
.box, .moduletable-footer, #system-message, div.menu-accent, .submenu li {
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-o-border-radius: 5px;
	behavior: url('http://www.mg-food.net/templates/varna/css/PIE.htc');
	
	}
.box {margin:15px 0; border: 1px solid #DDD; padding: 0.8em 1em;background: #FFF6BF; color: #514721; border-color: #FFD324;}


div.menu-accent {background:#e5e5e5 url('../images/menu-title.gif') 50% 10px no-repeat; padding:40px 15px 5px 15px; margin-bottom:15px;font-size:11px;}
.menu-accent .contentheading {font-size:12px; font-weight:bold; padding-bottom:5px;}
.menu-accent p { padding:0 0 5px;}
table.menu-accent {width:152px; border-right:1px dotted #ccc; margin-left:5px;}
table.menu-accent:first-child {border-right:none}

div.menu-accent-hapki {background:#e5e5e5 url('../images/menu-title-hapki.gif') 50% 15px no-repeat; padding:50px 15px 15px 15px; margin:15px 0;font-size:11px; }
div.menu-accent-hapki table {margin:0 auto; padding-bottom:15px;}
.menu-accent-hapki p { padding:0 0 5px;}
table.menu-accent-hapki th {width:175px;font-size:12px; font-weight:bold; padding-bottom:5px;padding-left:5px;background:inherit; border:none; color:#666 }

div.alert {background:#e5e5e5; padding:15px; margin:15px 0;font-size:13px; }
.alert h3 {font: normal 2.2em Georgia,serif; margin-bottom:0.7em;}


div.menu-info {background:#e5e5e5; padding:15px; margin:15px 0;font-size:11px; }


.menu-page p {line-height: 1.3em; padding: 0;}
.menu-page h3 {margin:15px 0 5px 0}
.menu-page, .nikulden {padding-left:300px; min-height:480px; height:auto!important; height:480px; background:url(../images/fork-spoon.jpg) bottom left no-repeat; }

.data_table td {border-bottom:1px dotted #ccc; padding:2px 0}
th {background:#e5e5e5; border:1px solid white; font-weight:bold; padding:4px; font-size:0.8em;}

#editor-xtd-buttons {display:none}

.magazini {width:210px; float:left; margin:0 5px 10px 0;}