@charset "utf-8";
/*
	Author: UAB IT Media Group | Deivydas Jurciukonis | +370 627 05155
	Author URL: http://www.itmediagroup.lt
*/

body { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #808285; line-height: 15px; }

/* Clearfix */
html[xmlns] .clearfix { display: block; }
* html .clearfix { height: 1%; }
.clearfix { display: inline-block; }
.clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
.clear { clear: both; line-height: 0px; }

img.main-bg { position: absolute; width: 100%; height: 100%; top: 0px; left: 0px; z-index: 1; }
img.content-bg { position: absolute; width: 100%; height: 100%; top: 0px; left: 0px; z-index: 0; }



/* Container */
div#container { width: 990px; height: auto; margin: 95px auto 0px auto; position: relative; z-index: 2; }
div#container div.content-container { width: 990px; height: 425px; position: relative; box-shadow: 0 0 70px 0px #222; }

/* Index photos */
div#container div.content-container div.logo { width: 164px; height: 194px; padding-top: 59px; text-align: center; position: absolute; left: 0px; top: 0px; z-index: 3; }
div#container div.content-container div.pic-bg { width: 825px; height: 252px; border-left: 1px solid #feffff; border-bottom: 1px solid #feffff; position: absolute; top: 0px; right: 0px; z-index: 3; overflow: hidden; }
div#container div.content-container div.pic-bg ul li {width: 825px; height: 252px; padding:none; margin:none; }
div#container div.content-container div.pic-1 { width: 164px; height: 172px; border-right: 1px solid #feffff; position: absolute; left: 0px; bottom: 0px; z-index: 3; overflow: hidden; border-top:1px solid #feffff; }
div#container div.content-container div.pic-2 { width: 164px; height: 172px; border-right: 1px solid #feffff; position: absolute; left: 165px; bottom: 0px; z-index: 3; overflow: hidden; }
div#container div.content-container div.pic-3 { width: 164px; height: 172px; border-right: 1px solid #feffff; position: absolute; left: 330px; bottom: 0px; z-index: 3; overflow: hidden; }
div#container div.content-container div.pic-4 { width: 164px; height: 172px; border-right: 1px solid #feffff; position: absolute; left: 495px; bottom: 0px; z-index: 3; overflow: hidden; }
div#container div.content-container div.pic-5 { width: 164px; height: 172px; border-right: 1px solid #feffff; position: absolute; left: 660px; bottom: 0px; z-index: 3; overflow: hidden; }
div#container div.content-container div.pic-6 { width: 164px; height: 172px; border-right: 0px solid #feffff; position: absolute; left: 825px; bottom: 0px; z-index: 3; overflow: hidden; }

div#container div.content-container div.pic-7 { width: 336px; height: 244px; border-bottom: 1px solid #feffff; position: absolute; right: 0px; top: 0px; z-index: 3; overflow: hidden; }
div#container div.content-container div.pic-8 { width: 160px; height: 180px; position: absolute; right: 0px; bottom: 0px; z-index: 3; overflow: hidden; }
div#container div.content-container div.pic-9 { width: 175px; height: 180px; border-right: 1px solid #feffff; position: absolute; right: 160px; bottom: 0px; z-index: 3; overflow: hidden; }

div#container div.content-container div.pic-10 { width: 161px; height: 180px; border-right: 1px solid #feffff; position: absolute; left: 0px; bottom: 0px; z-index: 3; overflow: hidden; }
div#container div.content-container div.pic-11 { width: 163px; height: 180px; position: absolute; left: 162px; bottom: 0px; z-index: 3; overflow: hidden; }
div#container div.content-container div.pic-12 { width: 175px; height: 244px; border-bottom: 1px solid #feffff; position: absolute; left: 162px; top: 0px; z-index: 3; overflow: hidden; }
div#container div.content-container div.pic-13 { width: 176px; height: 244px; border-bottom: 1px solid #feffff; position: absolute; right: 0px; top: 0px; z-index: 3; overflow: hidden; }
div#container div.content-container div.pic-14 { width: 176px; height: 180px; position: absolute; right: 0px; bottom: 0px; z-index: 3; overflow: hidden; }
div#container div.content-container div.pic-15 { width: 175px; height: 180px; border-right: 1px solid #feffff; position: absolute; right: 160px; bottom: 0px; z-index: 3; overflow: hidden; }

/*Content*/
div#container div.content {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #808285; font-weight: bold; line-height: 15px; background: #fff; width: 610px; height: 365px; padding: 30px 20px; position: relative; top: 0px; left: 170px; z-index: 3; overflow-y: auto; overflow-x:hidden; }
div#container div.content div.new-block { width: 610px; height: auto; margin-bottom: 50px; position: relative; }
div#container div.content div.new-block span { font-size: 10px; font-weight: bold; }
div#container div.content div.new-block a.more { color: #808285; text-decoration: none; display: block; }
div#container div.content div.new-block a.more:hover { color: #ff0002; text-decoration: none; }
div#container div.content div.new-block a { color: #808285; text-decoration: none; }
div#container div.content div.new-block a:hover { color: #ff0002; text-decoration: none; }
div#container div.content div.new-block h2,
div#container div.content div.new-block h2 a { font-size: 14px; color: #503D13; text-decoration: none; }
div#container div.content div.new-block h2 a:hover { text-decoration: underline; }
div#container div.content div.new-block div.desc { width: 465px; height: auto; float: left; }
div#container div.content div.new-block div.photo { width: 130px; height: 100px; overflow: hidden; float: right; }

/* Contacts */
div#container div.content div.contacts { width: 600px; height: auto; position: relative; }
div#container div.content div.contacts h1,
div#container div.content div.contacts h2,
div#container div.content div.contacts h3 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; margin: 5px 0px 15px 0px; }
div#container div.content div.contacts p { margin: 5px 0px; }
div#container div.content div.contacts label { line-height: 23px; margin-bottom: 8px; width: 310px; height: auto; position: relative; }
div#container div.content div.contacts label input,
div#container div.content div.contacts label textarea { font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #808285; margin: 0px; padding: 2px 5px; float: right; }
div#container div.content div.contacts label input { width: 170px; } 
div#container div.content div.contacts label textarea { width: 172px; } 
div#container div.content div.contacts input[type="submit"] { background: none; border: none; margin: 0px; padding: 0px; color: #808285; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; float: right; }
div#container div.content div.contacts div.left { width: 190px; text-align: justify; float: left; margin-left: 10px; }
div#container div.content div.contacts div.right { width: 310px; float: right; }

/* Gallery */
div#container div.content div.gallery { width: 610px; height: auto; margin: 20px 0px 0px -8px; position: relative; }
div#container div.content div.gallery img { width: 100px; height: 90px; margin: 8px; float: left; }

/* Menu */
div#container div.menu-content { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #808285; line-height: 16px; background: #fff; width: 450px; height: 385px; padding: 20px 20px; position: relative; top: 0px; left: 164px; z-index: 3; overflow-y: scroll; }
div#container div.menu-cat { width: 450px; height: auto; }
div#container div.menu-cat strong.menu-cat-title { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 15px; text-transform: uppercase; color: #808285; margin-bottom: 30px; display: block; }

div#container div.menu-cat div.meal { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-weight: bold; width: 450px; height: auto; margin-bottom: 30px; }
div#container div.menu-cat div.meal div.meal-name { color: #ff0002; width: 430px; height: auto; margin-bottom: 10px; }
div#container div.menu-cat div.meal div.meal-name span { margin-left: 20px; }

div#container div.vine-content { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #808285; font-weight: bold; line-height: 16px; background: #fff; width: 450px; height: 385px; padding: 20px 20px; position: relative; top: 0px; left: 325px; z-index: 3; overflow-y: scroll; }
div#container div.vine-content div.menu-cat div.meal div.meal-name { margin-bottom: 0px; }

/* Header */
div#container div#header { width: 990px; height: 20px; position: relative; z-index: 5; margin-bottom: 5px; }
div#container div#header div.left { width: 90px; height: 20px; float: left; }
div#container div#header div.right { width: 900px; height: 20px; float: right; }
/* Navigation */
div#container div#header a.sound { background: url(../images/sound.png) no-repeat; width: 19px; height: 18px; display: block; }
div#container div#header ul.navigation { margin: 6px 0px 0px 0px; padding: 0px; float: right; }
div#container div#header ul.navigation li { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #503d13; font-weight: bold; text-transform: uppercase; float: left; margin: 0px 0px 0px 14px; position: relative; }
div#container div#header ul.navigation li a { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #503d13; text-decoration: none; }
div#container div#header ul.navigation li a:hover,
div#container div#header ul.navigation li.active a { color: #ff0002; text-decoration: none; }
div#container div#header ul.navigation ul { display: none; }
div#container div#header ul.navigation li:hover ul { background: #808285; display: block; position: absolute; padding: 2px; }
div#container div#header ul.navigation li:hover ul li { margin: 0px; padding: 1px 0px 1px 0px; }
div#container div#header ul.navigation li:hover ul li a { color: #fff; text-decoration: none; }
div#container div#header ul.navigation li:hover ul li a:hover { text-decoration: underline; }

ul.gallery_vids2 {background:#dbb779!important;}
ul.gallery_vids2 li.top_f {height:15px;background:none;}
ul.gallery_vids2 li a {display:block;width:135px;height:15px;padding:15px 5px 0px 5px;color:#503D13!important;}
ul.gallery_vids2 li a:hover {color:#FF0002!important;}


/* Footer */
div#container div#footer { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #503d13; font-weight: bold; text-transform: uppercase; width: 990px; height: 20px; position: relative; z-index: 5; margin-top: 10px; }
div#container div#footer div.left { width: 750px; height: 20px; float: left; }
div#container div#footer div.left a { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #503d13; font-weight: bold; text-transform: uppercase; text-decoration: none; }
div#container div#footer div.left a:hover { text-decoration: underline; }
div#container div#footer div.right { width: 200px; height: 20px; float: right; text-align: right; }
div#container div#footer div.right a { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #503d13; font-weight: bold; text-transform: uppercase; text-decoration: none; }
div#container div#footer div.right a:hover { color: #503d13; text-decoration: underline; }

#trik {position:absolute;bottom:2pt;right:2pt;z-index:100;}
#trik a {font-size:7pt;color:#fff;text-decoration:none;}

.ywp-container {display:none;}
.ywp-page-btn-play {display:none;}

#view2 {position:absolute;margin-top:-30px;width:60px;height:30px;}