body { margin: 0; padding: 0; background: #ffffff url('data:image/gif;base64,R0lGODdhAQAsAYABAP7+qP///ywAAAAAAQAsAQACD4SPqcvtD6OctNqLs968AAA7') repeat-x top center; }
form { margin: 0; padding: 0; }
a { cursor: pointer; }
.tialo { display: block; max-width: 1200px; margin: auto; position: relative; }
.hlin { position: fixed; top: 0px; left: 0px; width: 100%; height: 8px; background: #dc2b19; border-top: 5px solid #fefea8; z-index: 9999; }

.shapka { position: relative; display: block; width: 100%; margin: 0px; padding: 0px; }
.shapka span { position: absolute; top: 10px; right: 10px; width: 40px; height: 40px; cursor: pointer; }
.shapka span img { display: block; margin: 0; padding: 0; border: 0; }

.shapka .logo { display: inline-block; width: 45%; padding-top: 10px; }
.shapka .logo a strong { display: none; }
.shapka .logo a img { max-width: 100%; }

.shapka .kym_magazina { display: inline-block; width: 40%; padding-top: 14px;  }
.shapka .kym_magazina a strong { display: none; }
.shapka .kym_magazina a img { max-width: 100%; }

.shapka .logotxt { display: inline-block; width: 45%; padding-top: 10px; text-align: left; }
.shapka .logotxt h1 { padding: 0px; margin: -61px; font-family: 'Source Sans Pro', sans-serif, Arial; font-size: 36px; font-weight: bold; color: #dc2b19; }
.shapka .logotxt p { padding: 0px; margin: 0px; font-family: 'Source Sans Pro', sans-serif, Arial; font-size: 36px; font-weight: bold; color: #dc2b19; }
.shapka .resmenu { display: none; width: 100%; padding-top: 10px; margin: 10px 0px 20px 0px; }
.shapka .logozgl { display: block; width: 100%; padding-top: 10px; text-align: center; }
.shapka .logozgl h2 { padding: 0px; margin: 0px; font-family: 'Source Sans Pro', sans-serif, Arial; font-size: 24px; font-weight: bold; color: #dc2b19; }
.shapka .logozgl p { padding: 0px; margin: 0px; font-family: 'Source Sans Pro', sans-serif, Arial; font-size: 24px; font-weight: bold; color: #dc2b19; }

.kvadch { display: block; width: 100%; height: 36px; margin: 0px 0px 20px 0px; padding: 0px; }
.kvadch ul { display: block; font-family: 'Source Sans Pro', sans-serif, Arial; font-size: 16px; float: right; padding: 0px; margin: 0px; }
.kvadch li { list-style-type: none; float: left; margin: 0px 3px 3px 0px; }
.kvadch ul li a, .kvadch ul li a:visited { display: block; padding: 4px 8px; color: #000000;  border: 1px solid rgba(200,200,100,0.50); -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; text-decoration: none; background: #ffffff; }
.kvadch ul li a.dsbli, .kvadch ul li a.dsbli:hover { background: #eeeeee; border: 1px solid #eeeeee; color: #555555; }
.kvadch ul li a:hover, .kvadch ul li a:visited:hover { background: #fefea8; border: 1px solid #fefea8; color: #dc2b19; }
.kvadch ul li a.curre { background: #fefea8; border: 1px solid #fefea8; color: #dc2b19; }

.ramka { display: block; width: 100%; background: #ffffff; padding: 30px; margin-bottom: 20px; border: 1px solid rgba(200,200,100,0.50); -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; box-shadow: 0 3px 3px rgba(200,200,100,0.50), 0 0px 3px rgba(200,200,100,0.50); }
.ramka h3 { display: block; width: 100%; padding 0px; margin: 0; font-family: 'Source Sans Pro', sans-serif, Arial; font-size: 20px; font-weight: normal; font-style: italic; color: #000000; text-decoration: none; }
.ramka hr { display: block; width: 100%; margin: 10px 0px; border: 0; height: 1px; background-image: linear-gradient(to right, #d5d5d5, #d5d5d5, #d5d5d5); }
.ramka img { display: block; width: 100%; border: 0; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; padding 0; margin: 20px 0px 20px 0px; }
.ramka a { font-family: 'Source Sans Pro', sans-serif, Arial; font-size: 16px; color: #0066cc; text-decoration: none; padding 0; margin: 0; }
.ramka a:hover { color: #0099ff; }
.ramka p { display: block; width: 100%; font-family: 'Source Sans Pro', sans-serif, Arial; font-size: 16px; color: #0066cc; text-decoration: none; padding 0; margin: 0; }
.ramka table { width: 100%; border-collapse: collapse; padding 0; margin: 0px 0px 10px 0px; }
.ramka table tr { border: 0px; padding 0; margin: 0; }
.ramka table td { border: 0px; padding 0; margin: 0; }
.ramka table td a img { width: 36px; border: 0px; padding 0; margin: 0; }

.tres { display: block; margin: 10px 0px 20px 0px; position: relative; }
.tres input { display: block; z-index: 20; padding: 0px 40px 0px 10px; margin: 0; width: 100%; height: 38px; border: 1px solid #dddd99; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; font-family: 'Source Sans Pro', sans-serif, Arial; font-size: 16px; background: #f7f7f7; }
.tres span { position: absolute; top: 0px; right: 0px; display: block; width: 38px; height: 38px; background: url('data:image/gif;base64,R0lGODlhEwATAKECAN3cmd3dmf///////yH5BAEKAAIALAAAAAATABMAAAIylB2Zx62/2oFUiueU1DtO3wUMZ5EXmImfWoJmCochi7w1BbU4pkcPYAnmgjMa8XYsGQoAOw==') no-repeat center center; cursor: pointer; }
.tres span:hover { background: url('data:image/gif;base64,R0lGODlhEwATAIABANwrGf///yH5BAEKAAEALAAAAAATABMAAAIyjA2Zx62/2oFUhueU1DtO3wEMZ5EXmImfWoJmCochi7w1BbU4pke51aMBV6jhSWhEGAoAOw==') no-repeat center center; }

.menu { display: block; padding 0; margin: 10px 0px 0px 0px; border: 1px solid #dddd99; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; }
.menu hr { display: block; width: 100%; margin: 0; border: 0; height: 1px; background-image: linear-gradient(to right, #dddd99, #dddd99, #dddd99); }
.menu a, .menu a:visited { display: block; padding: 8px; color: #000000; text-decoration: none; background: #f7f7f7 url('data:image/gif;base64,R0lGODlhEwATAIABAN3dmf///yH+EUNyZWF0ZWQgd2l0aCBHSU1QACH5BAEKAAEALAAAAAATABMAAAInRI6pCLbPGoRNTlXtPVnf7lGgM40hZn5pOW6t221cJs8nS9b3VysFADs=') no-repeat center right; font-family: 'Source Sans Pro', sans-serif, Arial; font-size: 16px; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; }
.menu a:hover, .menu a:visited:hover { background: #fefea8 url('data:image/gif;base64,R0lGODlhEwATAIABANwrGf///yH+EUNyZWF0ZWQgd2l0aCBHSU1QACH5BAEKAAEALAAAAAATABMAAAIoRI6pCLbPGoRNTlXtPVnf7lGgM40hZpJL+o2b+3Ybl830WeK5nah8AQA7') no-repeat center right; color: #dc2b19; }
.menu a.curre { color: #0066cc; }
.menu a img { width: 20px; height: 20px; border: 0px; float: left; padding 0; margin: 0px 10px 0px 0px; }

.tags { display: block; padding 0; margin: 0px 0px 20px 0px; border: 0px; }
.tags a, .tags a:visited { display: inline-block; padding: 2px 5px 0px 0px; color: #555555; text-decoration: none; font-family: 'Source Sans Pro', sans-serif, Arial; }
.tags a:hover, .tags a:visited:hover { color: #dc2b19; }
.tags a.curre { color: #0066cc; }
.tags .tagsa1 { font-size: 12px; }
.tags .tagsa2 { font-size: 15px; }
.tags .tagsa3 { font-size: 18px; }
.tags .tagsa4 { font-size: 21px; }
.tags .tagsa5 { font-size: 24px; }
.tags .tagsa1 a.curre, .tags .tagsa2 a.curre, .tags .tagsa3 a.curre, .tags .tagsa4 a.curre, .tags .tagsa5 a.curre { color: #0066cc; }

.arch { display: block; margin: 10px 0px 0px 0px; position: relative; }
.arch select { display: block; z-index: 20; padding: 0px 10px 0px 10px; margin: 0; width: 100%; height: 38px; border: 1px solid #dddd99; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; font-family: 'Source Sans Pro', sans-serif, Arial; font-size: 16px; background: #f7f7f7; }

.obshta { display: block; width: 100%; background: #ffffff; padding: 30px; margin-bottom: 30px; border: 1px solid rgba(200,200,100,0.50); -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; box-shadow: 0 3px 3px rgba(200,200,100,0.50), 0 0px 3px rgba(200,200,100,0.50); }
.obshta .pict { display: block; width: 100%; cursor: pointer; }
.obshta .pict a img { width: 100%; border: 0px; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; }
.obshta h2 { display: block; width: 100%; padding 10px 0px 0px 0px; }
.obshta h2 a { padding 0px; font-family: 'Source Sans Pro', sans-serif, Arial; font-size: 24px; font-weight: bold; color: #0066cc; text-decoration: none; }
.obshta .meta { display: block; width: 100%; padding 0px; }
.obshta .meta .data { display: inline-block; padding 0px; font-family: 'Source Sans Pro', sans-serif, Arial; font-size: 14px; color: #555555; }
.obshta .meta .koment { display: inline-block; padding 0px; }
.obshta .meta .koment a { font-family: 'Source Sans Pro', sans-serif, Arial; font-size: 14px; color: #0066cc; text-decoration: none; }
.obshta .meta .koment a span { padding 0px; margin: 0px 5px 0px 10px; }
.obshta p { display: block; width: 100%; padding 0px; font-family: 'Source Sans Pro', sans-serif, Arial; font-size: 14px; color: #000000; }

.strpuc { position: relative; display: block; width: 100%; padding: 1px; margin: 0px; border: 1px rgba(200,200,100,0.50); border-style: solid solid none solid; -webkit-border-radius: 10px 10px 0px 0px; -moz-border-radius: 10px 10px 0px 0px; border-radius: 10px 10px 0px 0px; box-shadow: 0 3px 3px rgba(200,200,100,0.50), 0 0px 3px rgba(200,200,100,0.50); }
.strpuc img { position: relative; display: block; width: 100%; padding: 0px; margin: 0px; border: 0px; webkit-border-radius: 10px 10px 0px 0px; -moz-border-radius: 10px 10px 0px 0px; border-radius: 10px 10px 0px 0px; }
.strpuc .dv1 { position: absolute; top: 0px; left: 0px; display: block; width: 100%; height: 20px; padding 0px; margin-top: 20px; }
.strpuc .dv2 { position: absolute; bottom: -5px; left: 0px; display: block; width: 100%; height: 50px; padding 0px; margin: 0px; border-bottom: 5px solid #ffffff; }
.strpuc .dv1 a, .strpuc .dv2 a { position: relative; display: inline-block; padding 0px; margin: 2px 10px 2px 10px; font-family: 'Source Sans Pro', sans-serif, Arial; font-size: 14px; color: rgba(255,255,255,0.75); text-decoration: none; }
.strpuc .dv1 a:hover, .strpuc .dv2 a:hover { text-decoration: underline; }
.strpuc .dv1 a img, .strpuc .dv2 a img { width: 12px; height: 12px; border: 0px; float: left; padding 0; margin: 2px 5px 0px 0px; webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; filter: alpha(opacity=75); opacity: 0.75; }

.strpuc .dv1ch { position: absolute; top: 0px; left: 0px; display: block; width: 100%; height: 20px; padding 0px; margin-top: 20px; }
.strpuc .dv2ch { position: absolute; bottom: -5px; left: 0px; display: block; width: 100%; height: 50px; padding 0px; margin: 0px; border-bottom: 5px solid #ffffff; }
.strpuc .dv1ch a, .strpuc .dv2ch a { position: relative; display: inline-block; padding 0px; margin: 2px 10px 2px 10px; font-family: pragmatica_font; font-size: 14px; color: rgba(0,0,0,0.75); text-decoration: none; }
.strpuc .dv1ch a:hover, .strpuc .dv2ch a:hover { text-decoration: underline; }
.strpuc .dv1ch a img, .strpuc .dv2ch a img { width: 12px; height: 12px; border: 0px; float: left; padding 0; margin: 2px 5px 0px 0px; webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; filter: alpha(opacity=75); opacity: 0.75; }

.strnic { display: block; width: 100%; padding: 30px; margin-bottom: 30px; border: 1px rgba(200,200,100,0.50); border-style: none solid solid solid; -webkit-border-radius: 0px 0px 10px 10px; -moz-border-radius: 0px 0px 10px 10px; border-radius: 0px 0px 10px 10px; box-shadow: 0 3px 3px rgba(200,200,100,0.50), 0 0px 3px rgba(200,200,100,0.50); }
.strnic h1 { display: block; width: 100%; padding 0px; margin: 0px; font-family: 'Source Sans Pro', sans-serif, Arial; font-size: 24px; font-weight: bold; color: #000000; }
.strnic .statia { display: block; width: 100%; padding 0px; margin: 0px; font-family: 'Source Sans Pro', sans-serif, Arial; font-size: 16px; }

.strnic .vizitka { display: block; width: 100%; padding: 10px; margin: 20px 0px 0px 0px; border: 1px solid rgba(200,200,100,0.50); -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; background: rgba(200,200,100,0.20); }
.strnic .vizitka table { width: 100%; border-collapse: collapse; padding 0; margin: 0; }
.strnic .vizitka table tr { border: 0px; padding 0; margin: 0; }
.strnic .vizitka table td { border: 0px; padding 0; margin: 0px 5px 0px 5px; }
.strnic .vizitka table td a { font-family: 'Source Sans Pro', sans-serif, Arial; font-size: 14px; color: #0066cc; text-decoration: none; }
.strnic .vizitka table td a:hover { color: #dc2b19; }
.avtor { font-family: 'Source Sans Pro', sans-serif, Arial; font-size: 20px; font-weight: bold; color: #000000; }
.avtor span { color: #888888; }
.spec { font-family: 'Source Sans Pro', sans-serif, Arial; font-size: 16px; font-weight: bold; color: #888888; }
.strnic .vizitka p { display: block; width: 100%; padding: 0px; margin: 10px 0px 10px 0px; font-family: 'Source Sans Pro', sans-serif, Arial; font-size: 14px; color: #000000; }
.strnic .vizitka p img { width: 64px; border: 0px; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; padding 0; margin-right: 10px; float: left; }

.strnic .rate { display: block; width: 100%; padding: 10px; margin: 20px 0px 30px 0px; border: 1px solid rgba(200,200,100,0.50); -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; background: rgba(200,200,100,0.20); }
.strnic .rate table { width: 100%; border-collapse: collapse; padding 0; margin: 0; }
.strnic .rate table tr { border: 0px; padding 0; margin: 0; }
.strnic .rate table td { border: 0px; padding 0; margin: 0px 5px 0px 5px; }
.strnic .rate table td h3 { display: inline-block; padding 0px; margin: 0px; font-family: 'Source Sans Pro', sans-serif, Arial; font-size: 20px; font-weight: normal; font-style: italic; color: #000000; text-decoration: none; }
.strnic .rate table td h3 span { font-size: 16px; color: #888888; }
.rate-area { display: inline-block; border-style: none; padding: 0px; margin: 0px; }
.rate-area:not(:checked) > input { position: absolute; top: -9999px; clip: rect(0,0,0,0); }
.rate-area:not(:checked) > label { float: right; width: 1em; padding: 0.1em; overflow: hidden; white-space: nowrap; cursor: pointer; font-size: 200%; line-height: 30px; color: lightgrey; text-shadow: 1px 1px #bbbbbb; }
.rate-area:not(:checked) > label:before { content: '★ '; }
.rate-area > input:checked ~ label { color: gold; text-shadow: 1px 1px #cc6600; font-size: 200% !important; }
.rate-area:not(:checked) > label:hover, .rate-area:not(:checked) > label:hover ~ label { color: gold; }
.rate-area > input:checked + label:hover, .rate-area > input:checked + label:hover ~ label, .rate-area > input:checked ~ label:hover, .rate-area > input:checked ~ label:hover ~ label, .rate-area > label:hover ~ input:checked ~ label { color: gold; text-shadow: 1px 1px goldenrod; }
.rate-area > label:active { position: relative; top: 2px; left: 2px; }
@media screen and (max-width:420px) {
.strnic .rate table td h3 { font-size: 16px; }
.strnic .rate table td h3 span { font-size: 14px; }
.rate-area:not(:checked) > label { font-size: 150%; }
.rate-area > input:checked ~ label { font-size: 150% !important; }
}

.strnic h2 { display: block; width: 100%; padding 0px; margin: 0px; font-family: 'Source Sans Pro', sans-serif, Arial; font-size: 20px; font-weight: normal; font-style: italic; color: #000000; text-decoration: none; }
.strnic h2 span { font-size: 16px; color: #888888; }
.strnic h3 { display: block; width: 100%; padding 0px; margin: 0px; font-family: 'Source Sans Pro', sans-serif, Arial; font-size: 20px; font-weight: normal; font-style: italic; color: #000000; text-decoration: none; }
.strnic h3 span { font-size: 16px; color: #888888; }

.strnic hr { display: block; width: 100%; margin: 10px 0px; border: 0; height: 1px; background-image: linear-gradient(to right, #d5d5d5, #d5d5d5, #d5d5d5); }

.strnic .prepo { display: block; width: 100%; padding: 0px; margin-top: -10px; }
.preci { display: block; width: 100%; padding: 0px; margin: 0px; }
.preci .prepi { display: block; width: 100%; padding: 0px; margin: 0px 0px 20px 0px; font-family: 'Source Sans Pro', sans-serif, Arial; font-size: 12px; font-weight: normal; color: #0066cc; text-decoration: none; text-align: center; cursor: pointer; }
.preci .prepi img { width: 100%; padding: 0px; margin: 0px 0px 5px 0px; border: 0px; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; }
.preci .prepi:hover { color: #dc2b19; }

.strnic .togo { display: block; width: 100%; padding: 0px; margin: 15px 0px 20px 0px; }
.strnic .togo a { display: inline-block; padding: 10px; margin: 0px 10px 10px 0px; font-family: 'Source Sans Pro', sans-serif, Arial; font-size: 14px; color: #0066cc; background: #ffffff; text-decoration: none; border: 1px solid #0066cc; -webkit-border-radius: 50px; -moz-border-radius: 50px; border-radius: 50px; }
.strnic .togo a:hover { color: #ffffff; background: #0066cc; }

.strnic .bugo { display: block; width: 100%; padding: 0px; margin: 15px 0px 0px 0px; text-align: right; }
.strnic .bugo a { display: inline-block; padding: 10px 20px 10px 20px; margin: 10px 10px 0px 0px; font-family: 'Source Sans Pro', sans-serif, Arial; font-size: 24px; color: #dc2b19; background: #ffffff; text-decoration: none; border: 1px solid #dc2b19; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; }
.strnic .bugo a:hover { color: #ffffff; background: #dc2b19; }


.flrl { float: left; }
.flrr { float: right; }
.ratierr { color: #dc2b19; }










.coppi { display: block; font-family: 'Source Sans Pro', sans-serif, Arial; font-size: 14px; color: #555555; padding 0; margin: 0; }
.hline { display: block; width: 100%; height: 3px; background: #dc2b19; padding 0; margin: 0; }
.jline { display: block; width: 100%; height: 3px; background: #fefea8; padding 0; margin: 0; }

.dolum { display: block; width: 100%; padding 0; margin: 0; }
.dolum h3 { display: block; width: 100%; padding 0px; margin: 0; font-family: 'Source Sans Pro', sans-serif, Arial; font-size: 20px; font-weight: normal; font-style: italic; color: #000000; text-decoration: none; }
.dolum hr { width: 100%; margin: 10px 0px; border: 0; height: 1px; background-image: linear-gradient(to right, #d5d5d5, #d5d5d5, #d5d5d5); }
.dolum a { font-family: 'Source Sans Pro', sans-serif, Arial; font-size: 16px; color: #0066cc; text-decoration: none; padding 0; margin: 0; }
.dolum a:hover { color: #0099ff; }
.dolum img { width: 100%; border: 0; padding 0; margin: 0; }

.skrit { display: none; }
.ruka { cursor: pointer; }
.bori1 { display: block; position: fixed; bottom: 20px; right: 20px; width: 40px; height: 40px; cursor: pointer; }

.icokoment1 { display: inline-block; background: url('data:image/gif;base64,R0lGODlhDAAKAIABAABmzP///yH5BAEKAAEALAAAAAAMAAoAAAIRDI5pye0PY1wvWHqzPVqDbhUAOw==') no-repeat center center; width: 12px; height: 10px; }


#biskviti { background-color: rgba(127,127,127,0.80); width: 100%; padding: 5px 0px; position: fixed; bottom: 0px; left: 0px; z-index: 10000; visibility: visible; opacity: 1; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; -ms-transition: all .5s ease; transition: all .5s ease; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }
.biskvititxt { float: left; color: #fff; font-size: 15px; line-height: 30px; margin-top: 3px; }
.biskvitibtn { display: block; float: right; height: 26px; background: #48c231; text-align: center; position: relative; font-size: 15px; text-transform: uppercase; color: #fff; line-height: 26px; margin-top: 5px; padding: 1px 20px 1px 20px; font-weight: bold; cursor: pointer; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
.biskvitibtn:hover { background: #0099ff; }
.biskvitia { color: #dc2b19; text-decoration: none; font-weight: bold; cursor: pointer; }
.biskvitia:hover { color: #0099ff; }

@media screen and (max-width:799px) {
.bolo { display: block; }
}
@media screen and (min-width: 800px) {
.bolo { display: none; }
}

* { box-sizing: border-box; }
[class*="col-"] { float: left; padding: 15px; width: 100%; }
@media only screen and (min-width: 800px) {
.col-1 { width: 66.66%; }
.col-2 { width: 33.33%; }
.col-9 { width: 100%; }
}
[class*="bol-"] { float: left; padding: 15px; width: 100%; }
@media only screen and (min-width: 450px) {
.bol-3 { width: 50%; }
}
@media only screen and (min-width: 600px) {
.bol-1 { width: 50%; }
.bol-2 { width: 100%; }
.bol-3 { width: 25%; }
}
@media only screen and (min-width: 800px) {
.bol-3 { width: 50%; }
}
@media only screen and (min-width: 1000px) {
.bol-3 { width: 25%; }
}
@media only screen and (min-width: 1065px) {
.bol-1 { width: 33.33%; }
.bol-2 { width: 33.33%; }
}
[class*="sol-"] { float: left; padding: 0px; width: 100%; }
@media only screen and (min-width: 1px) {
.sol-0 { width: 100%; }
.sol-1 { width: 100%; background: #fefea8; }
.sol-2 { width: 100%; background: #f4f4f4; }
}


@media only screen and (max-width: 1030px) { .statia img { width:100%;height:100%; border: 0px;  border-radius: 10px ;} }
@media only screen and (max-width: 500px) { .statia img { width:100%;height:100%; border: 0px;  border-radius: 10px ;} }