/** Project: 111
 *  Description: 123
 *
 *  @creator       Thinkin' Tags v0.1 alpha
 *  @framework     YAML v4.01
 *  @file          typography.css
 */

@media all {

	html * {
		font-size: 100.01%;
        -webkit-text-size-adjust:none;
	}
	textarea, pre, code, kbd, samp, var, tt {
		font-family: Consolas, "Lucida Console", "Andale Mono", "Bitstream Vera Sans Mono", "Courier New", Courier;
	}
	body {
        color: #000;
        line-height: 1.4;
        font-family: Georgia, serif;
	}
	h1, h2, h3, h4, h5, h6 {
        font-weight: normal;
		color: #222;
		margin: 0 0 0.25em 0;
        padding: 0;
	}
	h1 {
        font-family: Philosopher, serif;
		font-size: 250%;
        margin: 0.15em 0;
        text-align: center;
	}
    h2, .h2 {
        font-family: Philosopher, serif;
        font-size: 200%;
        margin: 0.8em 0 0.4em;
        line-height: 1;
    }
    h2 a:link, h2 a:visited {
        font-family: Philosopher, serif; color: #222;
	}
	h3 {
        font-family: Philosopher, serif;
		font-size: 150%;
	}
    h4, .h4 {
        font-family: Arial, sans-serif;
        font-size: 150%;
        margin: 0.5em 0 0.2em;
	}
    h5, .h5 {
        font-family: Georgia,serif;
        line-height: 1.2;
        text-transform: uppercase;
        font-size: 75%;
        margin: 0 0 0.6em;
        word-spacing:0.175em;
        letter-spacing:0.1em;
    }
    h5, h5 a:link, h5 a:visited, .h5, .h5 a:link, .h5 a:visited {
        color: #900;
    }
    .h5.black { color: #000!important; }
	h6, .h6 {
        font-family: Georgia,serif;
        line-height: 1.2;
        text-transform: uppercase;
        font-size: 100%;
        margin: 0 0 0.6em;
    }

    img.flag {
        border: 1px solid #ccc;
        margin-right: 5px;
    }

    .mainTitle { text-align: center; line-height: normal; margin: .6em 250px; padding-top: .5em; }
    .mainTitle h1 { display: inline; margin: 0; }
        .mainTitle h1.withFlag { padding:0 53px 0 50px; }

        .mainTitle h1.with1star { padding-right: 20px; }
        .mainTitle h1.with2star { padding-right: 35px; }
        .mainTitle h1.with3star { padding-right: 50px; }
        .mainTitle h1.with4star { padding-right: 65px; }
        .mainTitle h1.with5star { padding-right: 80px; }

    .mainTitle img { }
    .mainTitle_flag {
        box-shadow: 0 3px 7px rgba(0, 0, 0, 0.5);
        margin: 0 0 0 -45px;
        vertical-align: baseline;
    }
    .mainTitle_editorChoice {
        margin: 0 10px;
        position: relative;
        top:3px;
    }
    .mainTitle .hotelStars { position: relative; top:-3px; }
    .mainTitle .hotel1star { margin-left: -15px; }
    .mainTitle .hotel2star { margin-left: -30px; }
    .mainTitle .hotel3star { margin-left: -45px; }
    .mainTitle .hotel4star { margin-left: -60px; }
    .mainTitle .hotel5star { margin-left: -75px; }
    .mainTitle .upic {
        box-shadow: 0 3px 7px rgba(0, 0, 0, 0.5);
        margin: 0 0 0 8px;
        vertical-align: baseline;
    }

    /* Мишленовские звезды в заголовке */

    .mainTitle h1.with1michelinStars { padding-right: 25px; }
    .mainTitle h1.with2michelinStars { padding-right: 50px; }
    .mainTitle h1.with3michelinStars { padding-right: 75px; }
        .mainTitle .michelinStars { background: url(/img/i_michelinStar_big.png) repeat-x; height:22px; top:-6px; }
        .mainTitle .michelin1star { width: 22px; margin-left: -22px; }
        .mainTitle .michelin2star { width: 44px; margin-left: -44px; }
        .mainTitle .michelin3star { width: 66px; margin-left: -66px; }
    /* Кросс-сайтовые классы" потом вынесу отсюда*/
    .b-pos-rel {
        position: relative;
    }

    /* метка "Путеводитель недели" */

    .b-guide-week-label {
        display: inline-block;
        font-family: Arial, sans-serif;
        line-height: 16px;
        height: 62px;
        left: 0;
        margin-top: -31px;
        padding: 12px 0 0 47px;
        top: 40px;
        position: absolute;
    }
    .b-guide-week-label_unhover {
        background: url(/i/sprites/GuideWeekLabelSpritesRepeat.png) repeat-x 0 0;
    }
    .b-guide-week-label:after {
        background: url(/i/sprites/GuideWeekLabelSprites.png) no-repeat 0 0;
        content: '';
        display: block;
        height: 72px;
        right: -17px;
        position: absolute;
        top: 0;
        width: 17px;
        z-index: 2;
    }
    .b-guide-week-label:before {
        background: url(/i/sprites/GuideWeekLabelSprites.png) no-repeat 0 -76px;
        content: '';
        display: block;
        height: 64px;
        left: -8px;
        position: absolute;
        top: 0;
        width: 10px;
        z-index: 2;
    }
    .b-guide-week-label__img {
        left: 9px;
        position: absolute;
        top: -2px;
        z-index: 2;
    }
    .b-guide-week-label__title {
        color: #fff;
        display: block;
        font-size: 15px;
    }
    .b-guide-week-label__subscription {
        color: #f9d8cd;
        font-size: 12px;
    }
    
    /*  */

    .topInfo {
        font-size: 14px;
        text-align: center;
    }

	ul, ol, dl { margin: 0; }
	ul { list-style-type: none; }
	ol { list-style: decimal inside;  }

    ul > li:first-child {margin-top: 0;}
	li { margin:0; line-height: normal; }

	dt { font-weight: bold; }
	dd { margin: 0 0 1em 0.8em; }

	p {	margin: 0 0 1em 0; }

	blockquote,
	cite,
	q {
		font-family: Georgia, "Times New Roman", Times, serif;
		font-style: italic;
	}

	blockquote {
		color: #666;
		margin: 0 0 1em 1.6em;
	}

	strong, b { font-weight: bold; }
	em, i { font-style: italic; }
	big {
		font-size: 116.667%;
	}
	small { font-size: 91.667%; }

	pre {
		line-height: 1.5em;
		margin: 0 0 1em 0;
	}

	pre,code,kbd,tt,samp,var {font-size: 100%;}
	pre,code {color: #800;}

	kbd,samp,var,tt {
		color: #666;
		font-weight: bold;
	}
	var { font-style: italic; }

	acronym, abbr {
		border-bottom: 1px #aaa dotted;
		cursor: help;
		font-variant: small-caps;
		letter-spacing: .07em;
	}

	sub, sup { font-size: 91.6667%; }

	hr {
		background: transparent;
		border: 0;
		border-bottom: 1px #eee solid;
		color: #fff;
		margin: 0 0 0.5em 0;
		padding: 0 0 0.5em 0;
	}

    /*  ссылки  */

	a:link, a:visited {
		text-decoration: underline;
	}
    a:link *, a:visited *, .pseudo_link, .pseudoLink {
        cursor: pointer;
        cursor: hand;
    }
	a:visited {
		color: #66c;
	}
    a:link, .pseudo_link, .pseudoLink, .navigation a:link, .navigation a:visited {
        color: #09f;
    }
    a:hover, .pseudo_link:hover, .pseudoLink:hover {
        color: #f66 ! important; border-color: #f66;
    }
    a:link, a:focus { outline: none; }

    a.pseudoLink:link, a.pseudoLink:visited, .pseudoLink {
        border-bottom: 1px dotted;
        text-decoration:none!important;
    }

    .moreLink {
        text-align: center;
        margin: 15px 0;
    }
        .moreLink a, .moreLink .pseudoLink, a.moreLink {
            font-family: Arial, sans-serif;
            font-style: italic;
            font-size: 15px;
        }
    /*
	a:focus,
	a:hover,
	a:active {
		color: #182E7A;
		text-decoration: underline;
	}
	*/

    /* иконки PDF */
    .file { position: relative; }
        .file.PDF {padding-left: 37px;}
    .file i {
        position: absolute; left: 0;
        background: url(/img/files.png) no-repeat;
    }
        i.iPDF { background-position: 0 0; width: 32px; height: 32px; }
        i.iRSS {background: url(/img/i_rss_big.png) no-repeat; width: 21px; height: 21px; }




    /*  врезка в 1 колонку  */
    
    .btwOne {
        display: table;
        background: #ebe8d9;
        padding: 15px;
        margin: 1.5em 0;
        //zoom:1;

        background-repeat:no-repeat;
        -moz-background-size:100% 32px;
        -o-background-size:100% 32px;
        -webkit-background-size:100% 32px;
        background-size:100% 32px;
        background-image: url(/img/shadow_top_inside.png);
        background-position:center top;
        font-family: Arial, sans-serif;
        font-size: 80%;
        line-height: 1.3;
    }
    .btwOne .h5, .btwOne h5 {
        font-size: 13px;
    }
    .btwOne p:last-child { margin-bottom: 0; }

    /* врезка 2, в 2 колонки  */

    .btw {
        background-color: #f1f2e0;
        padding: 15px;
        margin: 1em 0;
        overflow: hidden;
    }
    .btw .h5 {
        float: left;
        width: 130px;
        margin-top: 5px;
        line-height: 1.4em;
    }
    .btw .txt {
        border-left: solid 4px #fff;
        padding-left: 1em;
        font-size: 95%;
    }
    .btw div.txt {
        margin-left: 140px;
        line-height: 1.4em!important;
    }
    .btw .txt, .btw .txt * {
        font-family: Arial;
    }
    .btw .txt p {
        margin: 0 0 0.5em;
    }
    .btw .txt .img_w100 {
        clear: none;
        width: 100%;
        margin-top: 0;
    }
        .btw .txt .btwImg {
            float:right;
            margin:0 0 8px 8px;
        }

    .btw33 {
        float: left;
        margin-right: 1.5em;
        margin-top: 0;
        width: 33%;
    }

    /**/

    .video-item { margin: 1.4em 0; }
        .video-item_object {
            display: table;
        }
        .video-item object {
            -webkit-box-shadow: 0 3px 8px rgba(0,0,0,.6);
            -moz-box-shadow: 0 3px 8px rgba(0,0,0,.6);
            box-shadow: 0 3px 8px rgba(0,0,0,.6);
            display: block;
            position: relative;
        }
        .video-item iframe {
            -webkit-box-shadow: 0 3px 8px rgba(0,0,0,.6);
            -moz-box-shadow: 0 3px 8px rgba(0,0,0,.6);
            box-shadow: 0 3px 8px rgba(0,0,0,.6);
            display: block;
            position: relative;
        }

    /* упоминаемые страны */

    .referredLinks {
        font-size: 13px;
        font-style: italic;
        font-family: Arial;
        padding-left: 18px;
        line-height: 1.3em;
        position: relative; margin-bottom: 1.5em;
    }
        .referredLinks, .referredLinks a {
            color: #777;
            text-decoration: none;
        }

        .referredLinks .icon_globe { position: absolute;  left: 0; top: 2px; margin: 0!important; }

    /*  */
    
    .note {
		color: #666;
        font-family: Arial;
        font-size: 12px;
	}
    .dimmed {
		color: #464646;
        font-family: Arial;
        font-size: 11px;
	}

    .successBox, .errorBox {
        font-family: Arial; font-size: 14px;
        line-height: 1.2em;
        font-weight: bold;
        text-align: center;
        margin: 10px;
        -moz-border-radius:3px;
        -webkit-border-radius:3px;
        border-radius:3px;
        padding: 1em 10px;
        border-style: solid; border-width: 1px;
        position: relative;
    }
        .successBox { color: #690; background-color: #E5FBB9; border-color:#C1D0A2; }
        .errorBox { color: #E81515; background-color: #e7e7e7; border-color:#ccc; }
    .infoBlock {
        font-family:Arial, sans-serif;
        font-size:13px;
        padding:15px;
        background:#eaead0;
        -moz-border-radius:10px;
        -webkit-border-radius:10px;
        border-radius:10px;
    }
    .infoBlock .extra {
        margin: 15px -15px 0;
        padding: 15px 15px 0;
        border-top: 1px solid #fff;
    }
    .orangeBlock {
        background-color: #fef9f1;
        border: 3px solid orange;
        border-radius: 7px;
        padding: 1em 0.4em;
        margin: 1em 0;
    }

    /* Блок-оповещение (новые правила) */
    
    .notificationBlock {
        position: relative;
        display: inline-block;
        background: #bc7804 url(/img/i_warning.png) no-repeat 10px 21px;
        color: #fff;
        padding: 1.2em 2em; margin:2.2em auto 1.2em;
        font-family: Arial, sans-serif;
        -moz-box-shadow:0 3px 7px RGBA(0,0,0,0.5);
        -webkit-box-shadow:0 3px 7px RGBA(0,0,0,0.5);
        box-shadow:0 3px 7px RGBA(0,0,0,0.5);
    }
        .notificationBlock a:link, .notificationBlock a:visited { color: yellow; }

    /* */

	.float_left {
		display: inline;
		float: left;
		margin-bottom: 0.15em;
		margin-right: 1em;
	}

	.float_right {
		display: inline;
		float: right;
		margin-bottom: 0.15em;
		margin-left: 1em;
	}

	.center {
		text-align: center;
	}

    table {
        border-collapse: collapse;
        border-spacing: 0;
    }
    table tr { vertical-align: top; }
    
	table.tbl {
		border-collapse: collapse;
        border-spacing: 0;
		width: auto;
	}

	table.tbl caption {
		font-variant: small-caps;
	}

	table.full {
		width: 100%;
	}

	table.fixed {
		table-layout: fixed;
	}

	table.tbl th,
	table.tbl td {
		padding: 0.5em;
	}

	table.tbl thead th {
		border-bottom: 2px #800 solid;
		color: #000;
	}

	table.tbl tbody th {
		background: #e0e0e0;
		border-bottom: 1px solid #fff;
		color: #333;
		text-align: left;
	}

	table.tbl tbody th[scope="row"],
	table.tbl tbody th.sub {
		background: #f0f0f0;
	}

	table.tbl tbody td {
		/*border-bottom: 1px solid #eee;*/
	}

	table.tbl tbody tr:hover th[scope="row"],
	table.tbl tbody tr:hover tbody th.sub {
		/*background: #f0e8e8;*/
	}

	table.tbl tbody tr:hover td {
		/*background: #fff8f8;*/
	}

    /* --- images ------------------ */

	img,
	figure {
		margin: 0;
	}

	.flexible {
		max-width: 100%;
		height: auto;
	}

	* html .flexible {	/* IE6 support */
		width: 98%;		/* 2% space for borders */
	}

	.bordered {
		margin-top: 1.5em;
		border: 2px #eee solid;
		border: 2px rgba(255,255,255,1) solid;
		-webkit-box-shadow: 0 0 3px rgba(0,0,0,.25);
		-moz-box-shadow: 0 0 3px rgba(0,0,0,.25);
		box-shadow: 0 0 3px rgba(0,0,0,.25);
	}

    .userpic { border: 1px solid #ccc; padding: 1px; }

    /* цвета */
    
    .green, a.green { color: #669900!important; }
    .red, a.red { color:#CC0000; }
    .grey, .grey a { color: #777;}
    .maroon, a.maroon {
        color: #990000;
    }

    /* */

    .serviceMess {}


    /* врезка-цитата */

    .quote {
        margin: 1em 0;
        position: relative;
        z-index: 3;
        display: table;
    }
    .quoteText {
        position:relative;
        border:1px solid #bc9;
        background:#f4f7ee;
        margin:0 0 15px!important;
        padding:10px 15px 15px!important;
        -moz-border-radius:10px;
        -webkit-border-radius:10px;
        border-radius:10px;
        -moz-box-shadow: 0 4px 5px RGBA(0,0,0,0.3);
        -webkit-box-shadow: 0 4px 5px RGBA(0,0,0,0.3);
        box-shadow: 0 4px 5px RGBA(0,0,0,0.3);
        zoom: 1;
        line-height: 1.2em;
    }
        .quoteText ins.i {
            width: 16px; height: 16px;
            display:block;
            position:absolute;
            bottom:-16px;
            left:30px;
            background:url(/img/icons.png) -80px 0 no-repeat;
        }
        .quoteText a:link, .quoteText a:visited {
            color:#000;
        }

    .quoteAuthor {
        font-family:Arial, sans-serif;
        font-size:80%;
        margin: 0 0 0 42px;
        text-align: left;
        font-style: normal;
    }
        .quoteAuthor a:link, .quoteAuthor a:visited {
            color: #999;
        }
        .quoteAuthor img {
            margin-right: 5px;
        }

    /*      личный опыт        */
    
    .user-experience { margin: 3em 0; }
        .user-experience .quote { margin-bottom: .5em; }
        .user-experience .quoteText { font-size: 14px; line-height: 1.3em; }
        .user-experience_user { font-family: Arial; position: relative; padding: 0 0 0 65px; min-height: 54px;  }
        .user-experience_user .black { color: #000; font-weight: bold; font-size: 15px; }
        .user-experience_user .userpic {
            position: absolute; left: 0; top:0; }
        .user-experience_about { color: #999; font-size: 13px; padding-top: .2em; }

    /* комментарий к фотографии  */

    .imgComment {
        position: absolute;
        bottom: 0;
        left: 0; right: 0;
        line-height: normal;
        background: none repeat scroll 0 0 #FFFFFF;
        opacity: 0.75;
        filter: progid:DXImageTransform.Microsoft.Alpha(opacity=75);
    }
        .imgComment * {
            font-style: italic;
            opacity: 1;
        }
        .imgComment .imgComment_pad {
            padding: 5px 1em!important;
        }

    /*  источник картинки */

    .source {
        font-family: Arial,sans-serif;
        color:#777;
        font-size: 11px;
        padding: 4px 0.4em 0 0;
        text-align: right;
        margin: 0;
        line-height: 1.5em;
    }
        .source .i-pen { vertical-align: middle; }
    .imgSource {
        font-family: Arial,sans-serif;
        color:#777;
        font-size: 11px;
        position: absolute;
        right: 0.6em;
        bottom:-2em;
    }

    /* копирайт с лого партнера */

    .copyright {
        margin: 0.5em 0;
        line-height: 2em;
        font-size: 80%;
    }
    .copyright, .copyright a {
        font-family: Arial,sans-serif;
        color:#777;
    }
    .copyright img { vertical-align: middle; margin-left: 10px;}

    /* звездность у отелей */

    .hotelStars {
        background: url(/img/i_star.png) repeat-x;
        height: 12px;
        display: inline-block;
    }
        .hotelstar { width: 0; }
        .hotel1star {  width: 15px; }
        .hotel2star {  width: 30px; }
        .hotel3star {  width: 45px; }
        .hotel4star {  width: 60px; }
        .hotel5star {  width: 75px; }
        .hotelStars em { display: none; }

    /*  Мишленовские звезды у кухни */

    .michelinStars, .michelinStarsWrap { background: url(/img/i_michelin_star.png); }
    .michelinStars {
        height: 16px; display: inline-block; overflow: hidden;
        background-position: left top;
        position: relative; top:-2px;
        vertical-align: middle;
    }
    .michelin1star { width: 16px; }
    .michelin2star { width: 32px; }
    .michelin3star { width: 48px; }


    /*  Icons  */

    .withFlag .flag {
        margin-left: -25px;
    }
    .with_icon {
        position: relative;
        line-height: normal;
    }

    .icon {
        display: inline-block;
        width: 20px;
        height: 20px;
        background: no-repeat 50% 50%;
        vertical-align: middle;
        position: relative;
        top: -2px;
        overflow: hidden;
    }

    .icon_pen {
        display: inline-block;
        position: relative;
        top: 2px;
    }

    .icon_globe {background-image: url(/i/icons/icon_globe.png); width: 11px; height: 11px; margin-right: 5px; margin-left: -18px; }
    .icon_colorit { background-image: url(/img/i_colorit.png); margin: 0 3px 0 0; }
    .icon_rec_in { background-image: url(/img/i_rec_in.png); width: 21px; height: 14px; margin: 0 3px; }
    .icon_rec_out { background-image: url(/img/i_rec_out.png); width: 21px; height: 14px; margin: 0 3px; }


    .iDel, .iClose  {
        background: url(/img/icons.png) no-repeat -96px 1px;
        cursor: pointer;
        width: 17px; height: 17px;
        position: absolute;
        right: 6px;
        top:6px;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px;

    }
    .iClose:hover {
        background-color: #ccc;
        -webkit-box-shadow: 0px 1px 2px #666;
        -moz-box-shadow: 0px 1px 2px #666;
        -ms-box-shadow: 0px 1px 2px #666;
        box-shadow: 0px 1px 2px #666;
    }

    .iWarning {
        background-image: url(/img/i_warning.png);
        display: inline-block;
        width: 16px; height: 16px;
        margin-right: 5px;
    }
    .iDownload {
        background: url(/img/i_download.png) no-repeat;
        display: inline-block; margin-right: .3em;
        width: 16px; height: 16px;
    }

    .iAttention {
        background: url(/i/i_attention.png) no-repeat;
        width: 18px; height: 16px;
        display: inline-block; margin-right: .3em;
        vertical-align: middle;
    }

    .withLink {position: relative; padding-left: 10px; }
        .iLink { width: 16px; height:16px; background: url(/i/i_link.gif) no-repeat left top; display: inline-block; margin:0 4px 0 -10px; position: relative; top:3px; }
    .iRss { position: relative; top:3px; background: url(/img/i_rss.png) no-repeat; width: 17px; height: 17px; display: inline-block; margin: 0 5px 0 0; }

    /* иконки в бэграунде  */

    .icon_unesco {
        background: url(/img/i_unesco.png) no-repeat;
        padding-left: 22px;
        margin-left: -22px;
    }
    .icon_culture {
        background: url(/img/i_culture.png) no-repeat;
        padding-left: 22px;
        margin-left: -22px;
    }
    .icon_warning {
        background: url(/img/i_warning.png) no-repeat;
        padding-left: 22px;
        margin-left: -22px;
    }
    .icon_blueFlag {
        background: url(/img/i_blue_flag.png) no-repeat;
        padding-left: 22px;
        margin-left: -22px;
    }
    .wifi {
        background: url(/i/wifi.png) no-repeat;
        padding-left: 21px;
        margin-left: -22px;
    }

    /*
    .icon_view_list {
        background-image: url('icon_view_list.png');
        background-position: left center;
        margin-left: 0;
        top:0; width: 18px;
    }
    .icon_facebook, .icon_vkontakte, .icon_twitter, .icon_livejournal {
        width: 16px;
        height: 16px;
        left:-19px!important;
        top: -1px!important;
        margin-top: 0!important;
    }
    .icon_facebook {
        background-image: url(/i/facebook.png);
        height: 17px;
        left: -19px!important;
    }
    .icon_vkontakte {
        background-image: url(/i/vkontakte.png);
    }
    .icon_twitter {
        background-image: url(/i/twitter.png);
    }
    .icon_livejournal {
        background-image: url(/i/livejournal.png);
    }

    h5 .icon_booking_in {background-image: url('icon_booking_red_in.png');}
    h5 .icon_booking_out {background-image: url('icon_booking_red_out.png');}
    h5 .icon_links_in {background-image: url('icon_links_red_in.png');}
    h5 .icon_links_out {background-image: url('icon_links_red_out.png');}
    h5 .icon_rec_in {background-image: url('icon_rec_red_in.png');}
    h5 .icon_rec_out {background-image: url('icon_rec_red_out.png');}

    .with_icon .icon_big
    {
    position: absolute;
    left: -50px;
    top: 0.6em;
    margin: -25px 0 0;
    }
    .icon_big
    {
    display: inline-block;
    width: 50px;
    height: 50px;
    background: no-repeat 50% 50%;
    vertical-align: middle;
    }
    .icon_like_big {background-image: url('icon_like_big.png');}
    .icon_unlike_big {background-image: url('icon_unlike_big.png');}
*/

    .icon_bird_in, .icon_bird_out {
        display: inline-block;
        width: 23px;
        height: 14px;
        margin: 0 3px;
        background: url(/img/i_bird.png) no-repeat;
        vertical-align: middle;
        position: relative;
        top: -2px;
        overflow: hidden;
    }
        .icon_bird_in { background-position:left top; }
        .icon_bird_out { background-position: right top; }

    .icon_route {
        background: url(/img/i_route.png) no-repeat right bottom;
        height: 70px; width: 80px;
        overflow: hidden;
        position: absolute; right: 0; top: -1px; z-index: 3;
    }

    .icon_route_big {
        background: url(/img/i_route.png) no-repeat right top;
        height: 116px; width: 130px;
        overflow: hidden;
        position: absolute; right: 0; top: -1px; z-index: 3;
    }

    .i-plane:before {
        content: '';
        display: inline-block; width: 12px; height: 14px; margin-right: .4em; margin-left: -15px;
        position: relative; top:.1em;
        background: url(/img/i_plane_black.png) no-repeat left center;
    }

    .new-badge {
        font-size: 11px; color: #fff; background-color: #bf0a0f; padding: 1px 5px;
        -moz-border-radius:2px;
        -webkit-border-radius:2px;
        border-radius:2px;
    }

    /*  кнопки  */
    
    .blue_btn {
        text-decoration: none!important;
        color: #000;
        background: #fff;
        font-size: 14px;
        font-family: Arial;
        text-align: center;
        display: inline-block!important;
        border: solid 3px #0099FF;
        white-space: nowrap;
        position:relative;
        cursor: pointer!important;
        padding: 7px 14px;

        -webkit-border-radius: 30px;
        -moz-border-radius: 30px;
        border-radius: 30px;

        -webkit-box-shadow: 0px -15px 15px rgba(80, 80, 80, 0.2) inset;
        -moz-box-shadow: 0px -15px 15px rgba(80, 80, 80, 0.2) inset;
        -ms-box-shadow: 0px -15px 15px rgba(80, 80, 80, 0.2) inset;
        box-shadow: 0px -15px 15px rgba(80, 80, 80, 0.2) inset;
        cursor: pointer;
    }

    .blue_btn:hover {
        -webkit-box-shadow: 0px -15px 15px rgba(80, 80, 80, 0.1) inset;
        -moz-box-shadow: 0px -15px 15px rgba(80, 80, 80, 0.1) inset;
        -ms-box-shadow: 0px -15px 15px rgba(80, 80, 80, 0.1) inset;
        box-shadow: 0px -15px 15px rgba(80, 80, 80, 0.1) inset;

        border-color: #FF6666;
    }

    .blue_btn:active {
        -webkit-box-shadow: 0px 20px 15px rgba(80, 80, 80, 0.2) inset;
        -moz-box-shadow: 0px 20px 15px rgba(80, 80, 80, 0.2) inset;
        -ms-box-shadow: 0px 20px 15px rgba(80, 80, 80, 0.2) inset;
        box-shadow: 0px 20px 15px rgba(80, 80, 80, 0.2) inset;

        border-color: #FFCE63;
    }
    a.blue_btn { color:#000;}

    /* зеленая кнопка */

    .green_btn, .red_btn {
        font-family: Arial, sans-serif;
        font-size: 130%;
        color: #fff;

        padding: .2em 20px;
        line-height: 1.2em;
        display: inline-block;
        cursor: pointer!important;
        
        white-space: nowrap;
        box-shadow: 0px 0px 4px #666;
        -webkit-box-shadow: 0px 1px 6px #666;
        -moz-box-shadow: 0px 0px 4px #666;
        -ms-box-shadow: 0px 0px 4px #666;

        -webkit-border-radius: 7px;
        -moz-border-radius: 7px;
        border-radius: 7px;
        border: solid 2px #fff;
    }

    .green_btn {
        background-color:#60a34b;
        background-image: -moz-linear-gradient(top, #71cb4f, #4d7946);
	    background-image: -webkit-gradient(linear, left top, left bottom, from(#71cb4f), to(#4d7946));
	    *filter: progid:DXImageTransform.Microsoft.Gradient(startColorstr=#71cb4f, endColorstr=#4d7946);
    }
        .green_btn:hover {
            background-color: #60b940;
            background-image: -moz-linear-gradient(top, #71cb4f, #66a05c);
            background-image: -webkit-gradient(linear, left top, left bottom, from(#71cb4f), to(#66a05c));
            *filter: progid:DXImageTransform.Microsoft.Gradient(startColorstr=#71cb4f, endColorstr=#66a05c);
            color: #fff!important;
        }
        a.green_btn {
            padding:7px 25px;
            text-decoration: none!important;
            color: #fff!important;
        }


    .red_btn {
        background-image: -moz-linear-gradient(top, #db2f47, #a40410);
        background-image: -webkit-gradient(linear, left top, left bottom, from(#db2f47), to(#a40410));
        filter: progid:DXImageTransform.Microsoft.Gradient(startColorstr=#db2f47, endColorstr=#a40410);
    }
        .red_btn:hover {
            background-image: -moz-linear-gradient(top, #db2f47, #c20412);
            background-image: -webkit-gradient(linear, left top, left bottom, from(#db2f47), to(#c20412));
            filter: progid:DXImageTransform.Microsoft.Gradient(startColorstr=#db2f47, endColorstr=#c20412);
        }


    .printBtn { font-size: 13px!important; margin-right: 0!important; margin-top:0!important; }
        .printBtn img.print {
            margin-right: 5px;
            position: relative; top: 3px;
        }
    
    /* */

    .greyWithBlueBorder_btn {
        background: #fff;
        font-size: 80%;
        font-family: Arial;
        text-decoration: none;
        color: #000;

        text-align: center;
        line-height: 25px;

        display: inline-block;
        border: solid 2px #0099FF;
        white-space: nowrap;
        position:relative;

        padding: 4px 5px;
        -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        border-radius: 10px;

        -webkit-box-shadow: 0px -15px 15px rgba(80, 80, 80, 0.2) inset;
        -moz-box-shadow: 0px -15px 15px rgba(80, 80, 80, 0.2) inset;
        -ms-box-shadow: 0px -15px 15px rgba(80, 80, 80, 0.2) inset;
        box-shadow: 0px -15px 15px rgba(80, 80, 80, 0.2) inset;
        cursor: pointer;
        z-index: 11;
    }
    .greyWithBlueBorder_btn:hover {
        background: #f1f1f1;
    }
    a.greyWithBlueBorder_btn {text-decoration: none; color: #000; }


    /***********  Синяя кнопка *********************/

    .ym-button.blue {
        color: #fff!important; font-size: 24px;
        text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.63);
        border: solid 2px #fff;
        background: #008bf3;
        background: -moz-linear-gradient(top,  #008bf3 0%, #005cc2 100%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#008bf3), color-stop(100%,#005cc2));
        background: -webkit-linear-gradient(top,  #008bf3 0%,#005cc2 100%);
        background: -o-linear-gradient(top,  #008bf3 0%,#005cc2 100%);
        background: -ms-linear-gradient(top,  #008bf3 0%,#005cc2 100%);
        background: linear-gradient(to bottom,  #008bf3 0%,#005cc2 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#008bf3', endColorstr='#005cc2',GradientType=0 );

        -webkit-box-shadow: 0px 2px 6px rgba(0,0,0,0.5);
        -moz-box-shadow: 0px 2px 6px rgba(0,0,0,0.5);
        box-shadow: 0px 2px 6px rgba(0,0,0,0.5);
        display: block;
        margin: .5em auto;
    }
        .ym-button.blue:hover {
            color: #fff!important;
            background: #0097fc;
            background: -moz-linear-gradient(top,  #0097fc 0%, #005de0 100%);
            background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0097fc), color-stop(100%,#005de0));
            background: -webkit-linear-gradient(top,  #0097fc 0%,#005de0 100%);
            background: -o-linear-gradient(top,  #0097fc 0%,#005de0 100%);
            background: -ms-linear-gradient(top,  #0097fc 0%,#005de0 100%);
            background: linear-gradient(to bottom,  #0097fc 0%,#005de0 100%);
            filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0097fc', endColorstr='#005de0',GradientType=0 );
        }




    /*  голубой стикер  */

    .stickerBlue {
        display: table;
        width:120px;
        height: 120px;
        font-family: Arial, sans-serif;
        font-size: 80%;
        font-weight: bold;
        line-height: 1.2em;
        background: url(/img/sticker_blue.png) no-repeat 0 0;
    }
    .stickerBlue_cnt {
        width: 80px;
        height: 80px;
        padding: 20px;
        display: table-cell;
        vertical-align: middle;
        text-align: center;
    }
    .stickerBlue_cnt a {
        color: #fff;
        display: inline-block;
    }
    
    /* зеленый стикер */
    
    .stickerGreen {
        display: table;
        height: 120px;
        font-family: Arial, sans-serif;
        font-size: 80%;
        font-weight: bold;
        line-height: 1.2em;
        background: url(/img/sticker_green.png) no-repeat 0 0;
    }
    .stickerGreen_cnt {
        width: 80px;
        height: 80px;
        padding: 20px;
        display: table-cell;
        vertical-align: middle;
        text-align: center;
    }
    .stickerGreen_cnt a {
        color: #fff;
        display: inline-block;
    }
        .stickerGreen_cnt a:hover { color: #fff; text-decoration: none; }

}

@media screen and (max-width: 1100px) {
    h1 { font-size: 220%; }
    h2{ font-size: 180%; }
    .mainTitle { margin-bottom: 1.5em!important; }
}