/*=================================== START GLOBAL CSS ===================================*/
@import 'fonts.css';
* { margin: 0; padding: 0; border: 0 none; outline: 0; list-style-type: none; }
.css3, .social img, .list-2 li, .img1, .album a span, .albums a span, a.serviceButton span { transition: .3s ease-in-out; -webkit-transition: .3s ease-in-out; -moz-transition: .3s ease-in-out; -o-transition: .3s ease-in-out; }
body { background: url("../img/body.jpg") repeat; color: #919191; font-size: 12px; font-family: Verdana, Helvetica,sans-serif; }
.cl { clear: both; display: block; width: 100%; height: 0; line-height: 0; }
.fl { float: left; }
.fr { float: right; }
.h10 { clear: both; display: block; width: 100%; height: 10px; }
.h20 { clear: both; display: block; width: 100%; height: 20px; }
.h30 { clear: both; display: block; width: 100%; height: 30px; }
h1, h2, h3, h4, h5 { font-weight: normal; text-transform: none; }
a, a:hover { text-decoration: none; }

.back { display: block; float: left; margin-left: 10px; font-size: 11px; color: #fff; font-weight: bold; padding: 3px 10px; background: #222; }

#main_wrapper { position: relative; width: 100%; background: url("../img/main.jpg") repeat-x scroll center top #F3F3F3; }
#main { position: relative; width: 1120px; min-width: 1020px; min-height: 800px; height: auto; margin: 0 auto; }
#section { position: relative; width: 1120px; min-width: 1020px; height: auto; margin: 10px 0; }
.top_line { position: relative; width: 100%; height: 2px; background: url('../img/top-line.png') repeat-x; }
/*=================================== END GLOBAL CSS ===================================*/


/*=================================== START MENU ===================================*/
#menu_wrapper { position: relative; width: 100%; height: 56px; background: url("../img/menu.jpg") repeat-x; }
#menu_wrapper #menu { position: relative; width: 1120px; height: 56px; margin: 0 auto; text-align: center; }
#menu_wrapper #menu li { display: inline; display: inline-block; }
#menu_wrapper #menu li a { height: 36px; line-height: 36px; color: #eee; font-size: 12px; text-transform: none; display: inline; display: inline-block; margin: 10px 0; padding: 0 10px; border-right: 1px solid #555; }
#menu li a.current, #menu li a:hover { background: url("../img/menu_hover.jpg") repeat-x; }
#menu_wrapper #menu li a#last { border-right: 0 none; }
/*=================================== END MENU ===================================*/


/*=================================== START LOGO LINE ===================================*/
.logo_line { position: relative; width: 100%; height: 120px; background: url('../img/top-line.png') transparent left bottom repeat-x; margin: 10px 0 0 0; }
.logo_line .logo { width: 280px; float: left; margin: 35px 0 0 10px; }
.logo_line .header-image { width: 480px; height: 120px; position: absolute; left: 50%; top: -5px; margin-left: -240px; }
.logo_line .phone { position: relative; float: right; color: #222; font-size: 22px; line-height: normal; font-family: Univers; text-shadow: 0px 0px 2px #999; padding: 30px 0 0 0; margin: 0 20px 0 0; text-align: center; letter-spacing: normal; }
.logo_line .phone span { display: block; color: #931E07; text-shadow: 0px 0px 2px #ccc; text-transform: uppercase; font-size: 27px; text-align: left; padding: 12px 0 10px 45px; }
.logo_line .phone .phoneImg { position: absolute; top: 34px; left: 0; width: 45px; }
.logo_line .social { position: absolute; top: 0; left: 85px; }
.logo_line .social img { width: 22px; float: left; margin: 0 5px; }
.logo_line .social img:hover { box-shadow: 0px 0px 3px #222; cursor: pointer; }

.flags { position: absolute; top: -5px; right: 100px; }
.flags a { display: inline; display: inline-block; margin: 0 4px; }
.flags a img { width: 30px; }
/*=================================== END LOGO LINE ===================================*/


/*=================================== START ASIDE ===================================*/
.aside { position: relative; width: 298px; min-width: 298px; height: auto; border: 1px solid #eee; }
.aside .box { position: relative; width: 298px; height: auto; padding: 0; margin-bottom: 10px; background: #FCF2E6; border-radius: 5px; }
.aside .box a.promoPrice { display: block; position: relative; width: 298px; height: 156px; }
.aside .box a.promoPrice h4 { position: absolute; top: 0; left: 0; width: 298px; background: url('../img/red70.png') repeat; font-size: 14px; font-weight: bold; }
.aside .box a.promoPrice img { width: 298px !important; margin: 0; padding: 0; }
.aside .box img { width: 280px; margin: 0 9px; }
.aside .box a img { width: 280px; margin: 0 9px; }
.aside .box h4 { display: block; background: #6B0A00; color: #fff; text-transform: none; font-size: 13px; padding: 5px 0; text-align: center; border-radius: 5px 5px 0 0; }
.aside .box .list-1 li { padding: 7px 5px; color: #222; font-size: 11px; border-bottom: 1px dashed #ccc; list-style-type: none; margin-left: 10px; margin-right: 5px; }
.aside .box .list-1 li span { font-size: 11px; color: #777; }
.aside .box .list-1 li a { color: #6B0A00; }
.aside .box .list-1 li:last-child { border-bottom: 0 none; }
.aside .box .list-2 li { padding: 4px 5px; color: #222; font-size: 12px; border-bottom: 1px dashed #ccc; list-style-type: circle; margin-left: 20px; margin-right: 5px; }
.aside .box .list-2 li:hover { background: #ddd; cursor: pointer; }
.aside .box .list-2 li:last-child { border-bottom: 0 none; }

.aside .weather { height: 120px; padding: 0 !important; margin: 10px 0 0 0; }
.aside .weather .weather1 { position: absolute; width: 150px; left: -1px; top: 0; }
.aside .weather .weather2 { position: absolute; width: 150px; left: 150px; top: 0; }


.aside .calc { width: 300px; }
.small_1370616102 { font-size: 9px; font-family: Arial, Helvetica, sans-serif; }
.norm_1370616102 { font-size:10px; font-family: Arial, Helvetica, sans-serif; }
.txt_1370616102 { font-size: 11px; font-family: Arial, Helvetica, sans-serif; font-weight: bold; }
/*=================================== END ASIDE ===================================*/


/*=================================== START ARTICLE ===================================*/
.article { position: relative; width: 500px; height: auto; margin: 0 9px; background: #fff; float: left; border-radius: 5px 5px 0 0; }
.article #slider { width: 500px; height: 260px; background: #FDFAEB; border-radius: 5px 5px 0 0; }
.article #slider img { width: 480px; height: 240px; margin: 10px; border-radius: 5px 5px 0 0; }

.article h2 { display: block; padding: 8px 10px 13px 10px; margin: 10px 0; color: #fff; background: url('../img/top-line.png') #333 left bottom repeat-x; font-size: 18px; line-height: 22px; text-align: center; }
.article h2 span { color: #FDFAEB; }
.article h2 a { color: #fff; font-size: 15px; font-weight: bold; }
.article h3 { font-size: 16px; font-weight: bold; color: #111; padding: 5px 10px; display: block; }
.article h4 { font-size: 14px; font-weight: bold; color: #111; padding: 5px 10px; display: block; }
.article h5 { font-size: 14px; font-weight: bold; color: #111; padding: 7px 10px; display: block; text-transform: none; border-top:  1px dashed #ccc; }
.article p { font-size: 12px; color: #222; padding: 3px 8px; line-height: 18px; }
.article p a { color: #990000; font-weight: bold; font-size: 11px; letter-spacing: -1px; }
.article a .img1 { width: 200px; margin: 0 16px; padding: 2px; border: 1px solid #999; border-radius: 5px; }
.article a .img1:hover { border: 1px solid #fff; opacity: .7; }
.article a .img2 { width: 150px; margin: 0 10px; padding: 1px; border: 1px solid #999; border-radius: 5px; }
.article a .img2:hover { border: 1px solid #fff; opacity: .7; }
.article a .img3 { width: 488px; margin: 5px; padding: 1px; border: 1px solid #999; border-radius: 5px; }

.article .liftsClick a { display: block; font-size: 18px; text-align: center; color: #990000; padding: 0 0 10px 0; border-bottom: 1px dashed #ddd; }
.article .liftsClick a:hover { color: #333; }

.article a .map { width: 500px; }

.article table { width: 100%; }
.article table tr th { line-height: normal; padding: 1px !important; color: #990000 !important; border: 1px solid #bbb; background: #ddd; font-size: 12px; }
.article table tr td { line-height: normal; padding: 1px !important; color: #222 !important; border: 1px solid #ccc !important; font-size: 11px; }
.article table tr td span { display: block !important; font-weight: bold !important; text-align: center !important; font-size: 12px; }

.article ol li { color: #666; list-style-type: none; padding: 3px 10px; }

.article .list-prices { margin: 10px 0; }
.article .list-prices li { margin-left: 20px; list-style-type: disc; color: #333; }

.article .albums { position: relative; float: left; width: 150px; overflow: hidden; margin: 10px 5px; }
.article .albums a { display: block; margin: 0; padding: 0; }
.article .albums a:hover span { color: #000; }
.article .albums a span { height: 30px; line-height: normal; background: url('../img/arrow.png') no-repeat 5px 4px; display: block; text-align: left; padding: 0 5px 0 20px; color: #6B0A00; text-transform: none; font-size: 11px; }
.article .albums a img { width: 144px; height: 108px; padding: 2px; margin: 0; border: 1px solid #ccc; }

.article .album { position: relative; width: 100%; }
.article .album a img { width: 120px; float: left; margin: 2px; }

.article a.more { display: block; float: left; color: #fff; background: #333; padding: 4px 8px 5px 8px; margin: 10px 10px 0 2px; font-size: 11px; }

.article .roomName { font-weight: bold; text-align: center; padding: 0 0 0 25px; margin-left: 20px; }
.article .roomName span.row { display: inline; display: inline-block; background: url('../img/list.png') no-repeat left center; width: 18px; height: 5px; }

.article a.serviceButton { position: relative; display: block; width: 220px; margin: 10px 10px; float: left; }
.article a.serviceButton:hover span { background: #4E0800; }
.article a.serviceButton span { position: absolute; top: 2px; left: 0; width: 220px; background: url('../img/red70.png') repeat; display: block; padding: 2px 0; text-align: center; color: #fff; font-size: 13px; text-transform: uppercase; border-bottom: 1px solid #999; border-top: 1px solid #999; font-weight: bold; }
.article a.serviceButton img { width: 214px; border: 1px solid #888; padding: 2px; }
/*=================================== END ARTICLE ===================================*/


/*=================================== START FOOTER ===================================*/
#footer_wrapper { position: relative; width: 100%; height: 70px; background: #6B0A00; }
#footer_wrapper #footer { position: relative; width: 1120px; margin: 0 auto; }
#footer_wrapper #footer .footer_menu { float: right; margin: 25px 0 0 0; }
#footer_wrapper #footer .footer_menu li { display: block; float: left; }
#footer_wrapper #footer .footer_menu li a { display: block; color: #ccc; font-size: 11px; padding: 2px 8px; border-left: 1px solid #ccc; }
#footer_wrapper #footer .footer_menu li a.first { border-left: 0 none; }
#footer_wrapper #footer .footer_menu li a:hover { color: #fff; }
#footer_wrapper #footer .fl { color: #ccc; font-size: 11px; padding: 25px 0 0 50px; }
/*=================================== END FOOTER ===================================*/

.kateto { font-size: 11px; }