html, body {height: 100%;}

body
{
   margin: 0px;
   padding: 0px;
   background: url('../images/ornament_bg.jpg');
}

body.restaurant {
   background: url('../images/restoranas_bg.jpg');
}

.container {
   width: 992px;
}

.c-in {
   float: left;
   width: 992px;
   padding: 6px 0 0;
   background: #c5cba0;
}

.restaurant .c-in {
   background: #a68b64;
}

#header,
#content {
   float: left;
   width: 100%;
   margin: 0;
   padding: 0;
   height: 230px;
   background: url('../images/header_repeat2.jpg') repeat-x;
}

#header .container {
   position: relative;
   height: 230px;
   background: url('../images/header_3.jpg') no-repeat 0 0;
}

#header #logo { float:left; padding:30px 117px 0 33px; }
#header #logo a { display:block; width:445px; height:100px; }

#header #page_img { float:left; width:227px; height:175px; overflow:hidden; text-align:center; }  
#header #page_img img {width:227px; height:175px;}

#header ul {
   position: absolute;
   bottom: 6px;
   width: 992px;
   height: 40px;
   list-style-type: none;
   margin: 0;
   padding: 0;
}

#header ul li {
   float: left;
   overflow: hidden;
   text-align: center;
   background: url('../images/menu_li_right2.png') no-repeat top right;
	padding-right: 17px;
	margin-right: 5px;
}

#header ul li a {
   /*float: left;
   width: 124px;
   height: 30px;
   padding-top: 7px;*/
   font-family: "Times New Roman";
   font-size: 16px;
   text-decoration: none;
   color: #3c2825;
   background: url('../images/menu_li_left4.png') no-repeat;
	display: block;
	line-height: 35px;
	padding: 0 8px 3px 20px;
}

#header ul li a span{
	
}

#header ul ul {display:none; top:37px; width:auto;}
#header ul li:hover ul {display:block;}
#header ul ul li {float: none; }

#left_side .menu .subsubmenu {margin-left:10px; width: 169px; display:none;}
#left_side .menu .subsubmenu li {width: 168px;}
#left_side  .b_dark .menu .subsubmenu li a,
#left_side  .b_dark .menu .active .subsubmenu li a {font-size:13px; color: #C4B58D; font-weight:normal;}
#left_side .menu .used .subsubmenu li {font-weight:normal;}
#left_side  .b_dark .menu .used .subsubmenu li a {color: #C4B58D;}
#left_side .menu .used .subsubmenu li.used {font-weight:bold;} 
#left_side  .b_dark .menu .used .subsubmenu li.used a {color: #F4E194;}

#content {
   background: none;
   height: auto;
}


#left_side,
#right_side {
   float: left;
   width: 199px;
}

#right_side {
   float: right;
}

#left_side #home,
#right_side #home {
	display:block;
	float:left;
	width:26px;
	height:24px;
	margin-right:6px;
	background:url('../images/icon_home.gif');
}

#left_side #search,
#right_side #search {
   float: left;
   width: 167px;
   height: 24px;
   margin: 0 0 6px 0;
   padding: 0;
   background: url('../images/search.jpg') no-repeat 0 0;
}

#left_side #search input,
#right_side #search input {
   float: left;
   display: inline;
   background: none;
   border: none;
   margin: 4px 0 0 2px;
   width: 130px; 
   color: #466c6e;
   font-size: 15px;
}

#left_side #search input.button,
#right_side #search input.button {
   width: 30px;
   height:20px;
   margin: 0;
   float: right;
   color: #693c31;
   font-weight: bold;
   cursor: pointer;
} 

#left_side .box,
#right_side .box {
   float: left;
   width: 179px;
   margin: 0 0 6px;
   padding: 10px;
   background: url('../images/box_pattern.gif');
}

#left_side .b_dark,
#right_side .b_dark {
   float: left;
   border: 1px solid #352514;
   padding: 10px 9px;
   margin: 0 0 6px;
   background: #523e29;
} 

#left_side .box h2,
#right_side .box h2 {
   float: left;
   width: 179px;
   font-size: 17px;
   color: #4b6c58;
   padding: 0 0 10px 0;
   background: url('../images/box_header.gif') no-repeat right bottom;
}

#left_side .b_dark h2,
#right_side .b_dark h2 {
   font-size: 19px;
   color: #4b6c58;
   padding: 0 0 10px 0;
   color: #f5e295;
   background: url('../images/box_header_2.gif') no-repeat right bottom;   
}

#left_side .menu,
#left_side .menu ul,
#right_side .menu,
#right_side .menu ul {
   float: left;
   width: 179px;
   margin: 0;
   padding: 0;
   list-style-type: none;
}

#left_side .menu ul,
#right_side .menu ul {
   width: 179px;
   padding: 5px 0;
}

#left_side .menu li,
#right_side .menu li {
   float: left;
   width: 179px;
   padding: 0;
   margin: 0 0 5px 0;
   line-height: 20px;
   background: url('../images/box_menu_li.gif') no-repeat 0 4px;   
}

#left_side .menu li.used,
#right_side .menu li.used {
   background: url('../images/box_menu_li_used.gif') no-repeat 0 5px;   
} 

#left_side .menu li a,
#right_side .menu li a {   
   float: left;
   margin-left: 15px;
   padding: 0;
   color: #693c31;
   font-size: 17px;
}


#left_side .menu ul li,
#right_side .menu ul li {
   width: 178px;
   /*padding: 0 0 0 1px;*/
   padding:0;
   margin: 0;
   background: none;
}

#left_side .menu ul li.used,
#right_side .menu ul li.used {
   background: url('../images/box_menu_ul_li_used.gif') no-repeat 8px 9px;
   font-weight: bold;
}

#left_side .menu ul li a,
#right_side .menu ul li a {
   color: #4b6c58;
   font-size: 15px;
}

#left_side .menu ul ul li,
#right_side .menu ul ul li {
   font-weight: normal;
   padding: 0 0 0 5px;
   margin: 0;
}

#left_side .menu ul ul li.used,
#right_side .menu ul ul li.used {
   background:transparent;
   font-weight: bold;
}

#left_side .menu ul ul li a,
#right_side .menu ul ul li a {
   color: #4b6c58;
   font-size: 13px;
}

/*#left_side .b_dark .menu ul li.used,
#right_side .b_dark .menu ul li.used {
   background-image: url('../images/box_menu_ul_li_used_dark.gif');
}*/

#left_side .b_dark .menu li,
#right_side .b_dark .menu li {
   background-image:none;
   line-height:normal;
   margin-bottom:3px;
}

#left_side .b_dark .menu li a,
#right_side .b_dark .menu li a {
   margin-left: 8px;
   color: #c4b58d;
   font-size: 15px;
   background:none !important;
}

#left_side .b_dark .menu li.used,
#right_side .b_dark .menu li.used,
#left_side .b_dark .menu li.active {
   background: url('../images/box_menu_ul_li_used_dark.gif') no-repeat 0px 7px;
   font-weight:bold;
}

#left_side .b_dark .menu li.used a,
#right_side .b_dark .menu li.used a,
#left_side .b_dark .menu li.active a {
   color:#f4e194;
}

#left_side .loop,
#right_side .loop {
   float: left;
   width: 179px;
   padding-bottom: 15px;
}

#left_side .loop a.h1,
#right_side .loop a.h1,
#left_side .loop a.h2,
#right_side .loop a.h2 {
   float: left;
   color: #693c31;
   font-size: 15px;
   line-height: 17px;
   font-family: "Times New Roman";
   font-weight: bold;
   border: none;
}

#left_side .loop a.h2,
#right_side .loop a.h2 {
   float: none;
   font-size: 13px;
   line-height: 13px;
}

#left_side .loop span.date,
#right_side .loop span.date {
   color: #466c6e;
   font-size: 13px;
   margin-right: 5px;
}


#left_side .loop a.img,
#right_side .loop a.img {
   float: left;
   margin: 7px 10px 5px 0;
   border: 1px solid white;
}

#left_side .b_dark a.img,
#right_side .b_dark a.img {
   border-color: black;
}

#left_side .loop a.more,
#right_side .loop a.more {
   border: none; 
   margin: 0;  
}

#left_side .loop p,
#right_side .loop p {
   float: left;
   width: 179px;
   color: #656565;
   font-size: 13px;
   line-height: 13px;
   margin: 5px 0 5px 0;
}

#left_side .b_dark p,
#right_side .b_dark p {
   color: #c4b58d;
}


/*** Content ***/

#content,
#content .box {
   float: left;
   width: 580px;
   padding: 0 7px;
}

#content .box {
   width: 540px;
   padding: 20px;
   margin: 0 0 7px;
   background: #ebecda; 
}

#content.cont_inside .box {
   width: 745px;
}

#content.cont_inside {
   padding-right: 0;
   width: 785px;
   /*background-color:red;delete*/
}

#content .box .header1,
#content .box .header1 span,
#content .box .header2,
#content .box .header2 span  {
   float: left;
   width: 540px;
   border-bottom: 1px solid #c0c6af;
   padding: 0 0 1px;
   margin-bottom: 20px;
}

#content.cont_inside .box .header1,
#content.cont_inside .box .header1 span,
#content.cont_inside .box .header2,
#content.cont_inside .box .header2 span {
   width: 745px; 
}

#content .box .header1 span,
#content .box .header2 span {
   color: #693c31;
   font-size: 24px;
   font-family: "Times New Roman";
   margin: 0;
}

#content .box .header2,
#content .box .header2 span {
   border-color: #c0c6af;
   color: #4b6c58;
} 

#content .box .header1 font,
#content .box .header2 font {
   color: #97ad9f;
   font-size: 17px;
}

#content h2,
#content .wysiwyg-header {
   font-size: 17px;
   font-weight: bold;
   color: #693c31;
   font-family: "Times New Roman";
   font-style: italic;
}

#content .wysiwyg-header {
   font-style: normal;   
}

#content .box .img {
   float: left;
   border: 1px solid white;
   margin: 0 10px 10px 0; 
}

#content .box .a_more,
#content .box .a_more span {
   float: left;
   color: #693c31;
   padding: 0 0 1px;
   border-bottom: 1px solid #bd9564;
   text-decoration: none;
   font-weight: bold;
   cursor: pointer;
}

#content .box .a_more span {
   padding: 0 15px 0 0;
   background: url('../images/a_more_3.gif') no-repeat right 6px;
}

#content .box .loop {
   float: left;
   width: 540px;
   margin: 0 0 10px;
}

#content.cont_inside .box .loop {
   width: 745px;
}

#content .box .loop .img {
   border: 1px solid white;   
}

#content .box .loop .h1,
#content .box .loop .title {
   color: #693c31;
   font-size: 17px;
   font-weight: bold;
   font-family: "Times New Roman";
}

#content .box .loop .title {
   display: block;
   margin-bottom: 15px;
}

#content .box .loop p {
   margin-top: 10px;
   margin-bottom:5px;
}

#content .box .loop .date {
   color: #466c6e;
   font-size: 13px;
   display: block;
}

#content .box .loop  a.more {
   float: right;
   color: #693C31;
   font-weight: bold;
   line-height: 12px;
   margin-bottom:5px;
}

#content .box .loop  a.more img {
   float: none;
}

#content .pagination {
   float: left;
   width: 100%;
}

#content .pagination .divider {
   float: left;
   width: 1px;
   height: 9px;
   margin-top: 5px;
   border-left: 1px solid #c1b2a0;
}

#content .pagination a,
#content .pagination a span {
   float: left;
   width: auto;
   color: #693c31;
   margin: 0 3px;
   cursor: pointer;
}

#content .pagination a span {
   padding: 0 5px;
   margin: 0 0 1px;
}

#content .pagination a.used,
#content .pagination a.used span {
   border-bottom: 1px solid #bd9564;
   font-weight: bold;
}

#content .pagination a.prev {
   margin: 0;
   background: url('../images/paging_prev.gif') no-repeat 0 center;
   padding: 0 0 0 10px;
}

#content .pagination a.next {
   margin: 0;
   background: url('../images/paging_next.gif') no-repeat right center;
   padding: 0 10px 0 0;
}


#content .a_back,
#content .a_back_top {
   float: left;
   margin: 0;
   background: url('../images/paging_prev.gif') no-repeat 0 center;
   padding: 0 0 0 15px;
   color: #693c31;
   font-weight: bold;
}

#content .a_back_top {
   float: right;
   margin: -15px 0;
}

#content table {
   border-collapse: collapse;
   /*font-size: 13px;*/
}

#content table th {
   background: #d7d9b4;
}

#random_texture {
   float: left;
   width: 100%;
   height: 70px;
   background: no-repeat center top;
}

/** Ingredients **/

#ingredients ul {
   border: 2px solid #e1d3b1;
   padding: 10px;
   background: #e9e3c9;
   margin-right:0;
   list-style-type: none;   
}

#ingredients ul li {
   background: url('../images/recepie_li.gif') no-repeat 0 5px;
   padding: 0 0 0 20px;
   color: black;
   font-size: 13px;
   margin: 3px 0;
}



#content .similar {
   float: left;
   margin: 0 21px 15px 0;
   width: 170px;
}

#content .similar.last {
   margin-right: 0;
}

#content .similar a.title {
   float: left;
   color: #693C31;
   font-weight: bold;
   line-height: 13px;
}

#content .similar a.title img {
   float: none;
}


/** Comments **/

#content .comment_loop {
   float: left;
   width: 100%;
   border-bottom: 1px solid #c0c6af;
   font-size: 13px;
   margin-bottom: 5px;
}

#content .comment_loop.last {
   border: none;
}

#content .comment_loop .date {
   color: #466c6e;
   font-size: 13px;
   margin-right: 10px;
}

#content .comment_loop p {
   margin: 5px 0;
}

#content .comment_loop .sender,
#content .comment_loop .sender a {
   color: #693c31;
   font-size: 13px;
   font-weight: bold;
}


/** Comentu forma **/

#comment_add {
   float: left;
   width: 100%;
}


#comment_add label {
   float: left;
   color: #656565;
   font-size: 14px;
   width: 100px;
   padding-right: 20px;
   text-align: right;
}

#comment_add input,
#comment_add textarea {
   float: left;
   width: 300px;
   margin: 0 300px 10px 0;
   border: 1px solid #d2d4ac;
   font-family:"Times New Roman";
   color: #656565;
   font-size: 15px;
}

#comment_add textarea {
   width: 600px;
   height: 100px;
   margin: 0 0 10px 0;
}

#comment_add input.submit_message {
   width: auto;
   margin: 0;
   padding: 0;
   color: #693c31;
   font-weight: bold;
   background: none;
   border: none;
   cursor: pointer;
   font-size: 16px;
}

#comment_add input.submit_btn {
   width: auto;
   margin: 0;
   padding: 0;
   color: #693c31;
   font-weight: bold;
   background: none;
   border: none;
   cursor: pointer;
   font-size: 16px;
   padding-bottom:2px;
   background:transparent url('../images/submit_btn_bg.gif') repeat-x left bottom;
}


/** Gallery **/

#gallery {
   float: left;
   width: 100%;
}

#gallery .gallery_loop {
   float: left;
   width: 170px;
   margin: 0 21px 15px 0;
}

#gallery .gallery_loop .img {
   border: 6px solid #97ad79;
   margin: 0 0 5px;
}

#gallery .gallery_loop .img img {
   border: 1px solid #FFF;
}

#gallery .gallery_loop .img:hover {
   border-color: white;
}

#gallery .gallery_loop .date {
   color: #466c6e;
   font-size: 13px;
   display: block;
}

#gallery .gallery_loop .title {
   color: #693c31;
   font-weight: bold;
}

#gallery .gallery_loop .title:hover {
   color: #677a54;
}

#gallery .last {
   margin-right: 0;
}

#gallery .clear {
   float: left;
   width: 100%;
   margin-bottom: 20px;
   border-top: 1px solid #c0c6af;
   height: 0;
}

#gallery_photos td {
   text-align: center;
}

#gallery_photos td.clear {
   border: none;
}

#gallery_photos td.used {
   background: #c0c6af;
}

#gallery_photos td a,
#gallery_photos td a img {
   float: none;
}



/** FAQ **/

#faq {
   float: left;
   width: 100%;
   margin: 0;
   padding: 0;
   list-style-type: none;
}

#faq li {
   color: #693c31;
   font-weight: bold;
   border-bottom: 1px solid #c0c6af;
   padding: 10px 0 10px 30px;
   background: url('../images/faq_li.gif') no-repeat 0 10px;
}

#faq li span {
   cursor: pointer;
}

#faq li.used {
   color: #677a54;
}

#faq li ul {
   display: none;
   background: #d0d7bd;
   padding: 0;
   margin: 10px 0 0 -30px;
   list-style-type: none;
}
/*
#faq li ul li {
   background: url('../images/faq_li_sub_plus.gif') no-repeat 8px 7px;
   color: #384131;
   border: none;
   padding: 5px 0 5px 30px;
}

#faq li ul li.used {
   background: url('../images/faq_li_sub_minus.gif') no-repeat 8px 7px;
   color: #384131;
}*/

#faq li div {
	cursor:pointer;
}

#faq li ul li {
	background:none;
	border: none;
	padding:0 10px 0 0;
}

#faq li ul li div {
   background: url('../images/faq_li_sub_plus.gif') no-repeat 8px 7px;
   color: #384131;
   border: none;
   padding: 5px 0 5px 30px;
   cursor:pointer;
}

#faq li ul li.used div {
   background: url('../images/faq_li_sub_minus.gif') no-repeat 8px 7px;
   color: #384131;
}

#faq li ul li ul {
   display: none;
   margin:0 0 0 30px;
}

#faq li ul li ul li {
   color: #585c4e;
   font-weight: normal;
   font-size: 13px;
   padding-top: 0;
   padding-bottom: 7px;   
   background: none;
}

/** READERS **/

#readers {
   float: left;
   width: 100%;
   margin: 0;
   padding: 0;
   list-style-type: none;
}

#readers li {
   color: #693c31;
   font-weight: bold;
   border-bottom: 1px solid #c0c6af;
   padding: 15px 0 15px 40px;
   background: url('../images/readers_li.gif') no-repeat 0 10px;
}

#readers li a {
   color: #693c31;
}























/** Footer **/

#footer {
   float: left;
   position: relative;
   width: 970px;
   *margin-top: 6px;
   padding: 5px 11px 0;
   border-top: 3px solid #aeb794;
   background: #d8ddb6;
   color: #656565;
}

.restaurant #footer {
   background: #c6b399;
   border-color: #7e6a4e;
}

#footer .synergy {
   position: absolute;
   top: 5px;
   right: 11px;
}

#footer .synergy a {
   color: #656565;
   text-decoration: none;
   cursor: auto;
}

#footer .synergy a.link {
   color: #c0842f;
   cursor: pointer;
}
#footer .synergy a.link:hover {
   text-decoration: underline;
}

.add { margin-bottom:8px; }
.add1 { width:199px; overflow-x:hidden; }
.add2 { width:580px; overflow-x:hidden; }
.add3 { width:199px; overflow-x:hidden; margin-bottom:20px;}

/*Restaurant*/

.restaurant_imgs img { margin:0 12px 10px 0; }
.restaurant_imgs img.last { margin-right:0; }

.person { float:left; width:151px; margin-right:47px; font-size:13px; color:#466c6e; margin-bottom:10px; }
.person.last { margin-right:0; }
.person .name {  color: #7a5348; font-family: "Times New Roman"; font-size: 15px; font-weight:bold; margin:5px 0 0 0; }

/*Form*/
.form {
   width: 100%;
}

.form label {
   float: left;
   width: 90px;
   font-size:14px;
   text-align: right;
   padding: 7px 9px 0 0;
   clear: both;
}

.form input,
.form textarea,
.form select {
   float: left;
   width: 275px;
   margin-bottom: 7px;
   font:normal 14px "Times New Roman";
   color:#656565;
   /*margin-right: 200px;*/
}

.form input.submit_btn {
   width: auto;
   height:20px;
   clear: both;
   margin-left: 95px;
   margin-top:10px;
   border:0;
   color:#693c31;
   font:bold 12px "Times New Roman";
   padding-bottom:2px;
   cursor:pointer;
   background:transparent url('../images/submit_btn_bg.gif') repeat-x left bottom;
}

.form textarea {
   width: 445px;
   height: 150px;   
}

.form select {
   width: 275px;   
}

.form input.filebrowser {
   margin-top: 4px;
}

.form .radio,
.form .checkbox {
   float: left;
   width: auto;
   clear: none;
   margin: 0 10px 0 0;
}

.form input.radio,
.form input.checkbox {
   margin-top: 2px;
}

.form div.inputs {
   float: left;
   width: 275px;
   margin-bottom: 10px;
}

.form .text_info {
   margin-bottom: 10px;
   font-weight: bold;
}

.form .info-txt {
   float: left;
   width: 275px;        /* width of <input> */
   padding-left: 85px; /* width of <label> */
   display: block;
   font-size: 0.9em;
   margin-top: -10px;
   margin-bottom: 10px;
}

form input.captcha_i,
#comment_add  input.captcha_i {
   width: 100px;
   margin-left: 8px;
}

@-moz-document url-prefix() {
  .form input.radio,
   .form input.checkbox {
      margin-top: 5px;
   }
}