/* 
-------------------------------------------------------------------------------------------------------------------------------------------------
Общее
-------------------------------------------------------------------------------------------------------------------------------------------------
*/

* { margin: 0; padding: 0; }
html { height: 100%; }
body { position: relative; font-family: Tahoma, Arial; font-size: 11px; color: #504F4F; text-align: center; height: 100%; }

th, td {font-size: 11px;  }

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

h1, h2, h3, h4, h5, h6 { padding: 20px 0 10px 0; font-weight: normal; color: #000; }

p { padding: 10px 0; }
a { color: #055291; text-decoration: underline; }
a:hover { text-decoration: none; }
a img { border: 0; }

form input.text, form textarea, form select, form select option { font-family: Tahoma; font-size: 11px; color: #504F4F; }

#body { position: relative; width: 100%; min-height: 100%; height: auto !important; height: 100%; }
#center { position: relative; margin: 0 auto; text-align: left; width: 990px; }

.main #bg0 { position: absolute; top: 0; left: 0; background: #57C0FA url(/media/img/body-main-bg0.jpg) repeat-x 0 0; width: 100%; height: 370px; }
.main #bg1 { position: absolute; top: 370px; right: 0; background: #0D4775 url(/media/img/body-main-bg1.jpg) repeat-x 0 0; width: 50%; height: 137px; }
.main #bg2, .main #bg3 { position: absolute; top: 0; left: 0; background: url(/media/img/body-main-bg2.jpg) repeat-x center 0; width: 100%; height: 370px; }
.main #bg4 { position: absolute; top: 370px; left: 0; background: url(/media/img/body-main-bg3.jpg) repeat-x center 0; width: 100%; height: 266px; }

.inside #bg0 { position: absolute; top: 0; left: 0; background: #57C0FA url(/media/img/body-inside-bg0.jpg) repeat-x 0 0; width: 100%; height: 199px; }
.inside #bg1 { position: absolute; top: 0; right: 0; background: #0D4775 url(/media/img/body-inside-bg1.jpg) repeat-x 0 0; width: 50%; height: 566px; }
.inside #bg1_2 { position: absolute; top: 265px; right: 0;; background: #f7f7f7; width: 50%; font-size: 1px; height: 8px; z-index: 20; }
.inside #bg2 { position: absolute; top: 0; left: 0; background: url(/media/img/body-inside-bg2.jpg) repeat-x center 0; width: 100%; height: 273px; }
.inside #bg3 { position: absolute; top: 0; left: 0; background: url(/media/img/body-inside-bg2.jpg) no-repeat center 0; width: 100%; height: 273px; }
.inside #bg4 { position: absolute; top: 265px; left: 0; background: url(/media/img/body-inside-bg3.jpg) no-repeat right 0; width: 100%; height: 412px; }

/* 
-------------------------------------------------------------------------------------------------------------------------------------------------
Шапка
-------------------------------------------------------------------------------------------------------------------------------------------------
*/

.main #header { position: relative; height: 370px; }
.main #mig { position: absolute; top: 135px; right: 0; padding-top: 23px; padding-right: 20px; color: #055291; text-align: right; border-right: 2px solid #A7DDFE; width: 255px; }

.inside #header { height: 273px; }
.inside #mig { position: absolute; top: 40px; right: 0; padding-top: 23px; padding-right: 30px; color: #055291; text-align: right; border-right: 2px solid #A7DDFE; width: 255px; }

#logo { position: absolute; top: 35px; left: 40px; }

#links { position: absolute; top: 30px; left: 240px; color: #fff; }
#links a, #links span { margin: 0 4px; }
#links a { text-decoration: none; }
#links a:hover { text-decoration: underline; }
#links span { font-weight: bold; color: #055291; }

#lang { position: absolute; right: 30px; top: 27px; }
#lang a { display: block; float: left; margin-left: 10px; width: 32px; height: 22px; }
#lang a:hover, #lang a.active { background: url(/media/img/lbg.gif) no-repeat 0 0; }
#lang a img { position: relative; top: 3px; left: 3px; width: 26px; height: 16px; }
.main #lang { right: 20px; }

#place { position: absolute; top: 230px; left: 235px; }
#place a, #place span { margin: 0 5px; }


/* 
-------------------------------------------------------------------------------------------------------------------------------------------------
Контент
-------------------------------------------------------------------------------------------------------------------------------------------------
*/

#primarycontent { width: 100%; min-height: 800px; height: auto !important; height: 800px; }

#wrapper { float: left; width: 100%; }
#content { position: relative; margin-left: 210px; }
.inside #content { margin-right: 100px; padding-bottom: 20px; padding-left: 25px; }

#content #intro { color: #fff; width: 545px; height: 130px; }
#content #intro div { padding: 20px 50px 0 50px; }
#content #intro strong { color: #ffff99; }
#content #intro a { color: #C7F8FD; }

#content #shows { position: absolute; top: 0; left: 544px; width: 255px; min-height: 135px; height: auto !important; height: 135px; }
#content #shows div { padding: 16px 20px 0 40px; }
#content #shows strong.header { font-weight: bold; color: #C7F8FD; text-transform: uppercase; }
#content #shows a { color: #C7F8FD; }
#content #shows p a { color: #fff; }

.main #review { position: relative; top: 7px; font-size: 13px; color: #47B0BA; line-height: 14px; width: 100%; min-height: 129px; height: auto !important; height: 129px; }
.main #review .sub { padding: 20px 0 0 0; }
.main #review .block { float: left; padding-left: 50px; }
.main #review .last { padding-left: 65px; }
.main #review .block div { width: 210px; }
.main #review .last div.last { padding-left: 0; width: 190px; }
.main #review strong.header { display: block; padding-bottom: 5px; font-size: 15px; font-weight: bold; color: #3B4A4B; text-transform: uppercase; line-height: 16px; }
.main #review strong.header a { color: #47B0BA; text-decoration: none; }
.main #review strong.header a:hover { text-decoration: underline; }
.main #review a { color: #47B0BA; }

/* !!! */
#review a#aviarestavracia { position: absolute; display: block; left: 20px; top: 10px; width: 230px; height: 130px; }
#review a#postavka { position: absolute; display: block; left: 20px; top: 165px; width: 230px; height: 115px;}
.main #review a#aviarestavracia { position: absolute; display: block; left: 20px; top: 10px; width: 240px; height: 115px;}
.main #review a#postavka { position: absolute; display: block; left: 280px; top: 10px; width: 264px; height: 115px;}


.inside #review { position: relative; float: right; right: -100px; padding-bottom: 20px; font-size: 13px; color: #47B0BA; line-height: 14px; }
.inside #review .sub { width: 255px; }
.inside #review .block { height: 150px; }
.inside #review .block div { padding: 20px 0 0 35px; }
.inside #review strong.header { display: block; padding-bottom: 5px; font-size: 15px; font-weight: bold; color: #3B4A4B; text-transform: uppercase; line-height: 16px; }
.inside #review strong.header a { color: #47B0BA; text-decoration: none; }
.inside #review strong.header a:hover { text-decoration: underline; }
.inside #review a { color: #47B0BA; }

#content #lastnews { position: relative; margin-top: 40px; color: #a2a2a2; background: url(/media/img/last-news-bg.gif) no-repeat 0 0; min-height: 254px; height: auto !important; height: 254px; }
#content #lastnews p.archive { padding: 0; margin-left: 682px; line-height: 17px; text-align: center; background: #54AEB4; width: 80px; height: 18px; }
#content #lastnews p.archive a { color: #fff; text-decoration: none; }
#content #lastnews p.archive a:hover { text-decoration: underline; }
#content #lastnews .news { float: left; width: 375px; }
#content #lastnews .news .sub { padding: 50px 30px 30px 0; }
#content #lastnews .news .sub img { float: left; margin-top: 5px; }
#content #lastnews .news .sub div { margin-left: 150px; }
#content #lastnews .news .sub div p { padding: 2px 0; }
#content #lastnews .news .sub div p.link { padding-top: 10px; }
#content #lastnews .othernews { margin-left: 375px; padding: 45px 30px 30px 35px; }
#content #lastnews .othernews .sub div { padding: 5px 0; }
#content #lastnews .othernews .sub div p { padding: 2px 0; }

#content table.cols3 { margin: 15px 0; border-collapse: collapse; width: auto; voice-family: "\"}\""; voice-family: inherit; width: 100%; }
#content table.cols3 th { border: 2px solid #e0e0e0; background: #f7f7f7; }
#content table.cols3 th.left { border-left: 0; }
#content table.cols3 th.right{ border-right: 0; }
#content table.cols3 th, #content table.cols3 td { padding: 5px 15px; }
#content table.cols3 td { border-bottom: 2px solid #f7f7f7; }

#content form.form1 { margin: 15px 0; }
#content form.form1 strong.header { display: block; padding: 5px 10px; border-bottom: 2px solid #e0e0e0; }
#content form.form1 table { border-collapse: collapse; width: auto; voice-family: "\"}\""; voice-family: inherit; width: 100%; }
#content form.form1 table tr td { padding: 5px 10px; background: #f7f7f7; border-bottom: 2px solid #e0e0e0; }
#content form.form1 table tr td.l { background: #fff; border-right: 2px solid #e0e0e0; width: 220px; }
#content form.form1 table tr td.noborder { border: 0; background: #fff; }
#content form.form1 table tr td.light { color: #A2A2A2; }
#content form.form1 table tr td input.text { width: 100%; }
#content form.form1 table tr td input.image { margin-left: -10px; }
#content form.form1 table tr td select { width: 100%; }

#content .listing { position: relative; margin-left: -25px; padding: 30px 0 10px 0; width: 280px; }
#content .listing p { padding: 0 0 8px 25px; border-bottom: 2px solid #E0E0E0; }
#content .listing p a { margin: 0 3px; }
#content .listing p span { padding: 0 8px; font-weight: bold; background: #e0e0e0; border-top: 3px solid #e0e0e0; border-bottom: 10px solid #e0e0e0; }

#content .book { position: relative; margin: 30px 0; padding: 15px 0 0 0; color: #000000; border-bottom: 2px solid #f7f7f7; width: 390px; }
#content .book strong.header { display: block; padding-bottom: 10px; font-size: 14px; }
#content .book strong.header a { color: #E84769; }
#content .book img { float: left; margin-top: 10px; }
#content .book .text { padding-left: 132px; padding-bottom: 30px; }
#content .book .text .props { position: relative; }
#content .book .text .props div { margin: 1px 0; padding: 2px 0; border-bottom: 1px solid #e0e0e0; }
#content .book .text .props div span { display: block; float: left; color: #000; width: 70px; }
#content .book .text .props div.code { position: absolute; right: 0; border-bottom: 0; }
#content .book .text .props div.code span { width: 53px; }
#content .book .text .props div.last { border-bottom: 0; }

#content #gallery { margin-right: -100px; padding: 30px 0; width: 760px; }
#content #gallery .thumb { float: left; padding: 12px 0; margin-right: 35px; }
#content #gallery .thumb strong.header { display: block; padding-left: 21px; padding-bottom: 5px; }
#content #gallery .thumb strong.header a { color: #E84769; }
#content #gallery .thumb .pic { background: url(/media/img/thumb-bg.jpg) no-repeat 0 0; width: 206px; height: 230px; }
#content #gallery .thumb .pic1 { background: url(/media/img/thumb-bg.jpg) no-repeat 0 0; width: 206px; height: 176px; }
#content #gallery .thumb .pic1 a img { margin: 5px 5px 5px 27px; width: 164px; height: 145px; }
#content #gallery .thumb .pic1 a img.zoom { margin: -2px 0 0 180px; width: 17px; height: 17px; }

#content #gallery .thumb .pic a { text-decoration: none; }
#content #gallery .thumb .pic a img { margin: 5px 5px 5px 27px; width: 164px; height: 145px; }
#content #gallery .thumb .pic a img.zoom { margin: -2px 0 0 180px; width: 17px; height: 17px; }
#content #gallery .thumb .pic .descr { padding: 0px 41px 0 21px; }


/* 
-------------------------------------------------------------------------------------------------------------------------------------------------
Footer
-------------------------------------------------------------------------------------------------------------------------------------------------
*/

#menu { position: absolute; top: 280px; left: 0; width: 200px; }
#menu li { list-style: none; padding: 5px 0 5px 60px; font-size: 13px; font-weight: bold; background: url(/media/img/menu-item.gif) no-repeat 45px 10px; }
#menu li a { text-decoration: none; border-bottom: 1px solid #80C6FF; }
#menu li a:hover { border-bottom: 0; }
#menu li.active { color: #fff; background: #80C6FF url(/media/img/menu-item2.gif) no-repeat 45px 10px; }
.main #menu { top: 410px; width: 203px; }

/* 
-------------------------------------------------------------------------------------------------------------------------------------------------
Footer
-------------------------------------------------------------------------------------------------------------------------------------------------
*/

#fbg0 { position: absolute; bottom: 0; left: 0; background: #f7f7f7 url(/media/img/footer-bg0.gif) repeat-x 0 0; width: 50%; height: 95px; }
#fbg1 { position: absolute; bottom: 0; left: 0; background: #f7f7f7 url(/media/img/footer-bg1.gif) no-repeat bottom center; width: 100%; height: 95px; }

#footer { position: relative; margin-top: 10px; color: #a2a2a2; min-height: 95px; height: auto !important; height: 95px; }
#footer a { color: #a2a2a2; }
#footer #contacts { position: absolute; top: 25px; left: 210px; padding: 0;  }
#footer #contacts strong { display: block; padding-bottom: 5px; color: #000; }
#footer #copyright { position: absolute; padding: 0; top: 45px; left: 15px; width: 150px; }

/* 
-------------------------------------------------------------------------------------------------------------------------------------------------
map
-------------------------------------------------------------------------------------------------------------------------------------------------
*/
ul.map li{margin:3px 0 4px 15px;}