
@font-face {
    font-family: 'fontmain';
    src: url('/exogens.ruen.skin/enjoysushi/OpenSans-CondBold-webfont.eot');
    src: url('/exogens.ruen.skin/enjoysushi/OpenSans-CondBold-webfont.eot#iefix') format('embedded-opentype'),
         url('/exogens.ruen.skin/enjoysushi/OpenSans-CondBold-webfont.woff') format('woff'),
         url('/exogens.ruen.skin/enjoysushi/OpenSans-CondBold-webfont.ttf') format('truetype'),
         url('/exogens.ruen.skin/enjoysushi/OpenSans-CondBold-webfont.svg#open_sans_condensedbold') format('svg');
    font-weight: normal;
    font-style: normal;
}



HTML, BODY	{ width: 100%; height: 100%; }
BODY		{ font-size: 90%; background: #0095CF url('/exogens.ruen.skin/enjoysushi/bg.jpg') repeat-x; background-attachment: fixed !important; }
A		{  }
A:hover	{  }

H1, .h1, .title		{ font-family: fontmain; font-size: 32px; font-weight: normal; color: #1B1A15; text-transform: uppercase; margin: 10px 0 35px; }
H2, .h2, .caption, H2 A	{ font-family: fontmain; font-size: 21px; font-weight: normal; color: #FF9100;  }
H3, .h3			{  }

.subtitle	{  }
.subtitle A	{  }

P		{  }
SMALL		{ font-size: 12px; }
BLOCKQUOTE	{  }
HR		{  }

.menu_caption		{ color: #eee; font-family: fontmain; font-weight: normal; font-size: 18px; text-transform: uppercase; padding: 0; }
.menu_caption:hover	{ color: #fff; }

.pages_block			{  }
.pages_item, .pages_selected	{  }
.pages_selected			{  }

.ruen_photo	{  }
.ruen_preview	{  }


/* .ruen_system	{ position: fixed; bottom: 0; left: 0; z-index: 5000000; } */



.entop		{ position: fixed; z-index: 1000000; top: 0; left: 0; width: 100%; height: 122px; background: url('/exogens.ruen.skin/enjoysushi/header.png') top left repeat-x; text-align: right; }
.entoplogo		{ width: 250px; margin: 20px 30px 0; float: left; }
.entoptime		{ font-family: fontmain; font-size: 18px; color: #fff; line-height: 90%; margin: 10px 50px 0 0; text-shadow: 1px 2px 0px #333; }
.entopphone		{ display: block; font-family: fontmain; font-size: 48px; color: #fff; margin: -5px 50px 0; text-decoration: none; text-shadow: 3px 3px 0px #333, 3px 3px 13px #333; }
.entopphone:hover	{ color: #fff; }

.enslides A	{ border-radius: 10px; }

.enmenu1, .enmenu2	{ display: none; text-align: center; }
.enmenu1 A		{ color: #fff; font-family: fontmain; font-size: 24px; font-weight: normal; text-decoration: none; text-transform: uppercase; padding: 5px; margin: 0; }
.enmenu2 A		{ padding: 5px; }


#encontent		{ padding: 80px 200px 0 180px; }
.encontent		{ background: #fff; padding: 70px 20px 30px; border-radius: 15px; }

#enside		{ width: 170px; position: fixed; top: 170px; left: 0px; z-index: 0; text-align: right; }

#enbasket		{ width: 180px; position: fixed; top: 150px; right: 10px; z-index: 1; }
#enbasket H2	{ display: none; }

.enbottom		{ height: 100px; padding: 20px 0 20px; }
.enbottom TABLE	{ width: 100%; }		
.enbottomtime	{ font-family: fontmain; font-size: 16px; color: #fff; padding: 7px 0px; }
.enbottomcontacts	{ font-family: fontmain; font-size: 16px; color: #fff; padding: 0 20px; }
.enbottompluso	{ font-family: fontmain; font-size: 16px; color: #fff; padding: 7px 20px; }
.enbottomcounters	{ padding: 7px 20px 7px 0; text-align: right; font-size: 90%; }
.enbottomcounters A	{ color: #fff; text-decoration: none; }




@media screen and (max-width: 1000px)
{
.entop		{ position: relative; height: auto; background: transparent; text-align: left; }
.entoplogo		{ width: 125px; margin: 10px; float: none; }
.entoptime		{ float: right; margin: 37px 10px 0; }
.entopphone		{ float: right; margin: 30px 10px 0 0; font-size: 32px; display: inline; }

.enslides		{ display: none; }

.enmenu1, .enmenu2	{ display: block; }

#encontent		{ padding: 10px 200px 0 20px; }
.encontent		{ padding: 10px; }

#enside		{ display: none; }

#cafebasketorder	{ padding: 15px; }
#cafebasketorder A	{ border: 1px solid #fff; border-radius: 10px; padding: 10px; text-decoration: none; background: #0095CF; }

.enbottom		{ height: auto; padding: 20px 0; }
.enbottomtime	{ display: none !important; }

.ruen_columns TD	{ display: table-cell; }
}




@media screen and (max-width: 799px)
{
.entoptime		{ display: none; }
.entopphone		{ float: right; margin: 30px 10px 0 0; font-size: 32px; display: inline; }

.ruen_columns TD	{ display: table-cell; width: 33%; padding: 5px; }
}




@media screen and (max-width: 639px)
{
.entoptime		{ display: none; }
.entopphone		{ float: right; margin: 30px 10px 0 0; font-size: 32px; display: inline; }

.enslides		{ display: none; }

.enmenu1, .enmenu2	{ display: block; }

#encontent		{ padding: 10px; }
.encontent		{ padding: 10px; }

#encontent H2	{ font-size: 18px; }

#enside		{ display: none; }

#enbasket		{ width: auto; margin: 5px auto; position: static; z-index: 1; text-align: center; }
#enbasket H2	{ display: block; color: #fff; }
#enbasket TABLE	{ margin: 0 auto; }
#cafebasketorder	{ padding: 15px; }
#cafebasketorder A	{ border: 1px solid #fff; border-radius: 10px; padding: 10px; text-decoration: none; background: #0095CF; }

.enbottom		{ height: 100px; padding: 20px 0 20px; }
.enbottom TABLE TD { display: block; width: 100%; }
.enbottomcontacts	{ padding: 0 0 0 10px; }
.enbottompluso	{ padding: 0 0 0 10px; }
.enbottomcounters { text-align: left; padding: 0 0 0 10px; }

.ruen_columns TD, .ruen_columns TD:last-child	{ display: block; width: 100% !important; padding: 5px 0px 5px 0 !important; }

.en_2			{ display: none; }
}



@media screen and (max-width: 499px)
{
.entopphone		{ float: right; margin: 36px 10px 0 0; font-size: 24px; display: inline; }
}




.enmenu			{ padding: 0 0 30px; counter-reset: list; }
.enmenu A		{ font-family: fontmain; font-size: 24px; color: #fff; text-decoration: none; text-shadow: 0 0 1px #000, 0 0 5px #000; }
.enmenu A:hover		{ text-shadow: 0 0 5px #000, 0 0 5px #000, 0 0 10px #000; }
/* .enmenu A:before	{ counter-increment: list; content: counter(list) '. '; } */

.enbasket	{ font-size: 90%; }
.enbasket *	{ color: #fff !important; }




.cafedishamount, .cafedishadd, .cafedishremove	{ font-family: fontmain; font-size: 24px; padding: 0px 8px; margin: 1px; text-decoration: none; background: #e0e0e0; color: #fff; }
.cafedishamount					{ border-radius: 5px; margin-right: 3px; background: #e3e3e3; color: #333; }
.cafedishadd					{ border-radius: 5px 0 0 5px; font-weight: bold; cursor: pointer; }
.cafedishremove					{ border-radius: 0 5px 5px 0; cursor: pointer; }
.cafedishadd:hover, .cafedishremove:hover	{ background: #0091C8; }

#cafedishes P[class="small"]	{ font-size: 13px; color: #0095CF; }

.cafedishicon		{ padding: 0; position: relative;  }
.cafedishicon IMG	{ border-radius: 10px; }
.cafedishprice		{ white-space: nowrap; font-family: fontmain; font-size: 36px; position: absolute; bottom: 0px; right: 10px; text-shadow: 0px 0px 3px #fff; }
.cafedisholdprice	{ white-space: nowrap; font-family: fontmain; font-size: 28px; position: absolute; bottom: 28px; right: 30px; color: #888888; background: url('/exogens.ruen.skin/enjoysushi/oldprice.png') center no-repeat; padding: 0 5px; text-shadow: 2px 1px 0px #333; }

.cafedishinfo			{ margin: 0 0 0 0px; }
.cafedishinfo H2		{ margin: 5px 0; }

#cafebasket TD		{ font-size: 80%; padding: 3px 3px 3px 5px; white-space: nowrap; border-top: 1px solid #eee; height: 1.5em; color: #444; text-align: right; }
#cafebasket TH		{ padding: 3px 5px 3px 0px; border-top: 1px solid #eee; vertical-align: middle; }
#cafebasket IMG		{ border-radius: 0 3px 3px 0; }



.cafe_marker_novinka	{ width: 64px; height: 64px; background: url('/exogens.ruen.skin/enjoysushi/new.png'); position: absolute; top: -5px; right: -5px; }













/*
     */
/*
*/