/* Zukka.ru's css file for civilplatform.ru site */
.theapp h5 {
font-size: 18px;
}
.vykn {
height: 150px;
}

.vyknh {
margin-bottom: 20px;
margin-top: 20px;
}

.row .vybh5 {
margin-top: 100px;
padding: 10px 20px;
line-height: 20px;
background: #0854a2;
background: rgba(8,84,162,0.8);
color: #fff;
transition: all ease-in 0.2s;
vertical-align: middle;
text-transform: none;
height: auto;
overflow: visible;
}

.row .vybh5 :link, .row .vybh5 :visited, .row .vybh5 a:hover {
color: #fff;
vertical-align: middle;
line-height: inherit;
text-decoration: none; 
}

.row .vybh5 .dropdown-menu :link, .row .vybh5 .dropdown-menu :visited {
color: #333;
font-weight: normal;
font-size: 14px;
}

.row .vybh5 .dropdown-menu :hover {
color: #fff;
}

.vybh5 .caret {
border-top-color: #fff;
}

.vybh5 .dropdown .caret {
margin-top: 10px;
}


.vybh5:hover {
background: #de0a19;
}

.vykn1 {
 background: url(../img/kn1.jpg) top center no-repeat;
}

.vykn2 {
 background: url(../img/kn2.jpg) top center no-repeat;
}

.vykn3 {
 background: url(../img/kn3.jpg) top center no-repeat;
}

.vykn4 {
 background: url(../img/kn4.jpg) top center no-repeat;
}

.vybanered {
height: 370px;
background: url(../img/vibori_slide.jpg) 30px 0px no-repeat;
margin-bottom: 20px;
}
.vybane16red {
height: 370px;
background: url(../img/vibori.jpg) center center no-repeat;
margin-bottom: 20px;
}

.vybaneredspc {
height: 370px;
}
.vybash {
padding-top: 40px;
}

div#externalPopup {
	display:none;
	position:fixed;
	left:0;
	top:0;
	right:0;
	bottom:0;
	width:100%;
	z-index:3000;
}

span#ep_background {
	display:block;
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	background:#000;
	z-index:3000;
}

div#ep_container {
	position:absolute;
	left:50%;
	top:50%;
	width:296px;
	padding:2px;
	margin:-100px 0 0 -150px;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	-moz-box-shadow:0 0 5px #000;
	-webkit-box-shadow:0 0 5px #000;
	background:#FFF;
	z-index:3001;
	text-align:left;
}

h3#ep_title {
	padding:8px;
	margin:0 0 8px 0;
	background:#ccc;
	border:none;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	line-height:18px;
	font-size:18px;
	color:#000;
}

h3#ep_title em {
	display:block;
	width:276px;
	padding:0;
	margin:0;
	border:none;
	color:#666;
	font-style:italic;
	font-size:12px;
	white-space:nowrap;
	overflow:hidden;
}

div#externalPopup div p {
	padding:0 10px;
	margin:0 0 8px 0;
}

div#externalPopup div ul {
	padding:0 10px 10px;
	overflow:hidden;
	height:100%;
}

div#externalPopup div ul li {
	display:block;
	float:left;
	margin-right:4px;
}

div#externalPopup div ul li a{
	display:block;
	padding:6px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	font-size:12px;
	font-weight:bold;
	color:#000;
	background:#ccc;
	text-decoration:none;
}

div#externalPopup div ul li a:hover {
	background:#666;
	color:#FFF;
}



#skrcarousel {
	position: relative;
}
          
.horvideo {
margin: 30px 0 0px;
padding: 0 0 10px;
border-bottom: 3px solid #e5e5e5;
}


#skrcarousel .skrbtn
{
	position: absolute;	
	right: 20px;
	bottom: 40px;
	z-index: 5;
	background: #DE0A19;
	background: rgba(222,10,25,0.7);
	font-size: 18px;
	line-height: 20px;
	padding: 10px 20px;
	color: #fff;
	font-family: "Scada",sans-serif;
}

#skrcarousel .skrbtn:hover{
	background: #DE0A19;
}

#skrcarousel .img1
{
background: url(/static/img/skr_photo.jpg) top left no-repeat; height: 180px; padding: 70px 0;
}
#skrcarousel .img2
{
background: url(/static/img/prohorov.jpg) top left no-repeat; padding-left: 180px; height: 180px; overflow: hidden;
}

#skrcarousel h2 
{
	padding: 10px 25px; margin:0; background: #0360AC; background: rgba(3,96,162,0.8); color: #fff; 
	font-size: 28px; line-height: 33px;text-transform: none;font-family:'Scada','Open Sans',sans-serif;font-weight: 400;
}

#skrcarousel p 
{
	color: #0360AC; background: #fff; background: rgba(255,255,255,0.8);
	padding: 15px 25px 40px 30px; 
	font-family:'Scada','Open Sans',sans-serif;font-weight: 400; 
}

#skrcarousel a:hover {text-decoration: none;}

.banner
{
margin: 20px 0;
}
.inbanner
{
position: relative;
}
.inbanner img 
{
width: 100%;
height: auto;
}
.inbanner h3
{
background: #0854A2 url(/static/img/bunner_str.png) center right no-repeat;
background: rgba(8,84,162,0.7) url(/static/img/bunner_str.png) center right no-repeat;
padding: 10px;
color: #fff;
font-size: 16px;
line-height: 20px;
position: absolute;
top: 30%;
left: 0;
right: 0;
margin-bottom: 0;
}


a.red:link, a.red:visited {color: #DE0A19;text-decoration: underline; font-weight: 600;}
.newslist 
{
	font-size: 14px;
	line-height: 16px;
}

.newlogo {
	width: 100%;
	vertical-align: bottom;

}

.searchform form {
	margin-bottom: 10px;
}

#mainmenu1 {
	margin-top: 0px !important;
}

footer .newlogo {
	padding-top: 21px;
}

.newlogo img {
	width: 100%;
	height: auto;
	vertical-align: bottom;
}

.mosarea 
{
	background: transparent url('/static/img/moscowMaparea.png') -36px -51px no-repeat;
	    height: 690px;
    width: 580px;
    overflow: hidden;
}

.aolist a.hovered:link, .aolist a.hovered:visited, .aolist a:link:hover, .aolist a:visited:hover
{
	background: #A45759;
	color: #fff;
	-webkit-transition: all 0.3s ease-in-out;
  	-moz-transition: all 0.3s ease-in-out;
  	-o-transition: all 0.3s ease-in-out;
  	transition: all 0.3s ease-in-out;
}

.moskva 
{
	color: #DE0A19;
	font-size: 80%;
}

.moscpr
{
	margin: 20px 0 10px 0;
	font-size: 11px;
}

.aolist a 
{
	display: block;
	text-align: right;
	font-size: 16px;
	margin-bottom: 10px;
	padding: 3px 5px;
	float: right;
	width: 240px;
}

.aolist a:link, .aolist a:visited
{
	color: #000;
}

.aolist a .ao 
{
	display: block;
	font-size: 12px;
}

.iframed .noiframe {display: none;}

.iframed #topheading
{
	display: none;
}

#wrap.iframed {
	padding-bottom: 10px;
}

#surveys p 
{
	font-size: 14px;
	line-height: 20px;
}

.iframed .container
{
	margin: 0;
	width: 940px;
}

.iframed .span12
{
	width: 940px;
}

.iframed .span3
{
	width: 220px;
}

.iframed .span4
{
	width: 300px;
}

.iframed .span9
{
	width: 700px;
}


.iframed .span2
{
	width: 140px;
}

.iframed .span1
{
	width: 60px;
}

@media (max-width:767px)
{
	.iframed .container
	{
		width: 940px;
	}
}

.stdh 
{
	height: 130px;
}

.time 
{
	font-size: 10px;
	float: left;
	width: 30px;
	margin: -10px 0 0 -15px;
}

.newslist dt, .newslist dd
{
	font-size: 12px;	
	line-height: 16px;
}

dt 
{
	width: 8em;
	float: left;
	
}

dd {margin-left: 8em;
}

.newslist .span1 
{
	width: 40px;
}

.newslist .row
{
	margin-bottom: 10px;
}

.announce 
{
	height: 100px;
	margin-bottom: 20px;
	overflow: hidden;
}

#ccomments {padding-top: 40px;}
#ccomments .mc-cleanslate {font-family: inherit!important;
	font-size: 14px!important;}
#ccomments .mc-content h3
{
	font-size: 22px!important;
	font-weight: 400!important;
}
#ccomments .mc-content .mc-editor-wrapper, #ccomments .mc-content .mc-editor
{
	border-radius: 0!important;
	box-shadow: none!important;
}

#ccomments .cc .mc-theme-standard .mc-comment-head {
background: #fff!important;
border: none!important;
}


#ccomments .mc-content .mc-editor
{
	border: 0px!important;
}
#ccomments .mc-content .mc-editor-wrapper
{
	padding: 10px 5px 10px 10px!important;
	background: #f5f5f5!important;
}

#ccomments .mc-auth-container 
{
	margin-bottom: 5px !important;
}

#ccomments
.mc-content .mc-theme-standard .mc-comment-thumbsup span
{
	background-image: url("/static/img/good.jpg") !important;
}

#ccomments
.mc-content .mc-theme-standard .mc-comment-thumbsdown span
{
	background-image: url("/static/img/bad.jpg") !important;
}

#ccomments 
.mc-content .mc-editor textarea
{
	background: #f5f5f5!important;	
}

#ccomments .mc-content .mc-theme-standard .mc-comment-footer a
{
	color: #0360AC!important;
	opacity: 1!important;
}

#ccomments .mc-comment-body, #ccomments .mc-comment-footer
{
	margin-left: 55px!important;
}

#ccomments .mc-cleanslate div 
{
	font-size: 14px!important;
	line-height: 20px!important;
}

.yashare-auto-init
{
	margin: 20px 0 0 -6px;
}
h5.stop
{
	text-transform: uppercase;
	letter-spacing: 0.15em;
	text-align: right;
	width: 50%;
	margin-left: 50%;
	padding-top: 8px;
}
.status2 td, .status-1 td
{
	text-decoration: line-through;
}
.status-1 {color: #777;}
.status10 td, .status19 td {font-weight: bold;}
.status1 td {color: #777;}

.thin
{
	font-weight: 300!important;
	color: #777;
}

.iframed body#surveys
{
	background: transparent;
}

body#surveys 
{
	height: auto;
	background-color: #fff;
	padding-top: 10px;
}

body.loading .theapp
{
	opacity: 0.3;
}

body.loading:after
{
	content: '';
	width: 32px;
	height: 32px;
	position: fixed;
	top: 50%;
	left: 50%;
	margin: -16px 0 0 -16px;
	background: url(../img/ajax-loader.gif) top left no-repeat;
}

#surveys .bred 
{
	font-size: 10px;
	line-height: 11px;
	font-family: "Times New Roman",Times,sans-serif;
}
#surveys .bred p 
{
	margin-bottom: 6px;
	font-size: 10px;
	line-height: 11px;
	
}

#surveys
{
	font-size: 12px;
}

#surveydlg textarea, #surveys textarea
{
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	width: 100%;
}

#surveydlg input[type=text], #signdlg input[type=text],
#observerdlg input[type=text]
{
	width: 95%;
	width: -webkit-calc(100% - 14px);
	width: calc(100% - 14px);
}

 #surveydlg select,#signdlg select
 {
 	width: 108%;
 }

 label.radio
 {
 	display: inline;
 	padding: 0 10px 0 4px ;
 	margin: 0;
 }

 #surveydlg .span3 select
 {
 	width: 105.5%;
 }

label.req:after 
{
	content: ' *';
	color: red;
}

#surveys input[type=checkbox]
{
	width: auto;
	float: left;
}

label.checked 
{
	margin-left: 20px;
}

.margbot 
{
	display: inline-block;
	margin-top: -10px;
}
#ccomments .mc-content .mc-avatar-img 
{
	border-radius: 0!important;
	box-shadow: none!important;
	padding: 0!important;
	border: none!important;
}
.table th form 
{
	margin-bottom: 0;
}
.table tr:hover td 
{
	background-color: #f8f8f8;
}

#ccomments .mc-comment-wrapper
{
	margin-bottom: 30px!important;
}

#ccomments .mc-content .mc-button
{
	background-image: none!important;
	text-shadow: none!important;
	box-shadow: none!important;
	border-radius: 0px!important;
	background-color: #0360AC!important;
	color:#fff!important;
	line-height: 30px!important;
	margin: 20px 0  10px 0!important;
	padding: 0 15px !important;
	height: 30px!important;
	border: none!important;
	font-size: 12px!important;
	text-transform: uppercase!important;
}
#ccomments .mc-content .mc-button:hover
{
	background-color: #DE0A19!important;
}

.clickable
{
	cursor: pointer;
}

#ccomments div.mc-auth-providers
{
	margin-left: 52px!important;
}

#ccomments .mc-comment-username
{
	font-size: 22px !important;
}

#ccomments span.mc-auth-label
{
	display: block!important;
	float: none!important;
	font-size: 12px!important;
	margin-bottom: 5px!important;
}

#ccomments 
.mc-content .mc-theme-standard .mc-comment-head
{
	background: none!important;
	border-radius: 0!important;
	border: none!important;
	padding: 0!important;

}

/*
#ccomments .mc-content .mc-info
{
	float: none!important;
}*/

#ccomments .mc-info h4
{
	font-size: 22px!important;
	font-weight: 400!important;
	margin: 30px 0 30px -55px!important;
}

#ccomments .mc-content .mc-comment-list
{
	margin-left: 0!important;
}


.bigannounce 
{
	height: 150px;
	margin-bottom: 20px;
	padding: 0;
	overflow: hidden;
}

.bigannounce .excerpt {height: 150px; margin-left: 10px;}
.bigannounce.lite .excerpt, .bigannounce.gray .excerpt {height: 130px;}
.gray .excerpt, .lite .excerpt {padding-top: 10px; padding-bottom: 10px;padding-right: 10px;}
.bigannounce .bigthumb + .excerpt {margin-left: 170px;}
.announce .excerpt {height: 100px; margin-left: 10px; }
.announce.lite .excerpt, .announce.gray .excerpt {height: 80px;}
.minithumb + .excerpt {margin-left: 110px;}

.btn, .btn-toolbar ins
{
	color:#fff;
	background: #0854A2;
	border: none;
	box-shadow: none;
	text-decoration: none;
	vertical-align: middle;
	line-height: 32px;
	min-height: 32px;
	min-width: 32px;
}

.btn-toolbar ins a:link, .btn-toolbar ins a:visited 
{
	color: #fff;
	text-decoration: none;
	
	display: inline-block;
	padding:0px 12px;
}

.btn-toolbar {margin-top: 20px;
margin-left: -6px;
}
.text-center .btn-toolbar {margin-left: 0;}

.inderbtn 
{
	vertical-align: bottom;
	display: inline-block; font-size: 14px; 
	padding: 4px; margin: 0 6px; line-height: 24px;
}
.excerpt blockquote 
{
	padding: 0px;
	margin: 0;
	border: none;
	font-size: 12px; 
	line-height: 16px;
	font-weight: 400;
	color: #000;
}

.btn-toolbar ins {display: inline-block; margin: 0 6px;}


.cent {margin: 0 170px;}
.bigannounce .excerpt.cent {margin: 0 0 0 170px;}

.bigthumb + .bigannounce .excerpt.cent {margin: 0 170px;}

.bigthumb.right
{
	float: right;
	margin-left: 20px;
}
.vybaner {
 text-align: center;
}
.regelist div {
padding: 2px 20px 2px 5px;
margin-left: -5px;
transition: all 0.2s ease-in;
//text-align: right;
}
.regelist a:hover, .regelist div:hover a:link, .regelist div:hover a:visited {
color: #fff;
}
.regelist div:hover {
background: #de0a19;
}
.blue .sect a:link, .blue .sect a:visited {
color: #ccc!important;
}
.blueshade:hover {
box-shadow: 0 0 5px #0854a2; 
transition: box-shadow 0.2s ease-in;
}            

.vyblist {
 margin: 40px 0;
 text-align: center;
}
.dropdown-menu {
 text-align: left;
}

.vyblist>span {
 margin-right: 20px;
}

.vyblist>span>a,.vyblist>a {
text-transform: uppercase;
font-size: 15px;
line-height: 20px;
padding: 5px 10px;
border: 1px solid #0854a2;
font-weight: 600;
width: 140px;
display: inline-block;
}
.vyblist>a:hover,.vyblist>span>a:hover,.vyblist>span>a:focus {
border:1px solid #de0a19;
 text-decoration: none;
}

.vyblist .open .dropdown-menu a:hover {
background: #fff;
color: #0854a2;
text-decoration: underline;
}


.vyblist>a {
margin-right: 20px;
}

article p img, .fgklist img {padding: 3px 10px 3px 0;}
.row article h6, .row .fgklist h6 {margin-bottom: 0.5em;}
article h3, .fgklist h3 {clear: both;}

.comblock { width: 110px;height: 120px;
	padding: 15px 20px;
	float: left;text-align: right;}

.day {font-size: 26px; line-height: 28px;font-weight: 400;}
.month {font-size: 14px; text-transform: uppercase;font-weight: 600;
	margin-bottom: 4px;}
.sect {margin-bottom: 6px;}
.commcount {white-space: nowrap; font-size: 11px; font-weight: 600; text-transform: uppercase;
line-height: 15px;}
.commcount i 
{
	width: 30px; height: 20px; line-height: 20px;
	background-image: url(../img/all.png);
	background-position: -105px -40px;
	background-repeat: no-repeat;
	display: inline-block;
}

.commcount:hover i 
{
	background-position: -105px -60px;
}

.bigthumb
{
	float: left;
	height: 150px;
	width: 150px;
	overflow: hidden;
	text-align: center;
}

.bigthumb div 
{
	width: 300px;
	height: 150px;
	margin-left: -75px;
}

.bigthumb img 
{
	height: 150px;
	width: auto;
}

.minithumb 
{
	float: left;
	height: 100px;
	width: 100px;
	text-align: center;
	overflow: hidden;
}

.minithumb div 
{
	width: 200px;
	margin-left: -50px;
	height: 100px;
	position: relative;
}


.videos .minithumb a:after {
 content: '';
position: absolute;
right: 50px;
bottom: 0px;
opacity: 0.9;
width: 40px;
height: 23px;
background:transparent url(/static/img/video2.png) center center no-repeat;
z-index:10;
display:block;
}


.minithumb img 
{
	height: 100px;
	width: auto;
}
.row h5.litebord 
{
	padding-bottom: 7px;
	border-bottom: 3px solid #e5e5e5;
}
time {display: inline;font-size: 12px; font-weight: 300; font-family: "Open Sans", sans-serif;padding-right: 4px;}

.block {margin-bottom: 20px;}

.span9 textarea {width: 90%}
.zemError {color: #DE0A19;}
.zemThanks {font-weight: bold; margin: 20px 0;}
.row h6 
{
	font-size: 12px;
	line-height: 16px;
	margin: 0;
}

.row h6 a:link, .row h6 a:visited { color: #3e3e3e; }
.row h6 a:hover, .row h6 a:focus {color: #DE0A19;}

.row .smi-title h4 
{
	font-size: 14px;
	line-height: 16px;
	margin: 0;
}

h4 
{
	margin: 0px 0 4px 0;
}

.row h5.fb {margin-top: 10px;}
#front-page .row h5 {margin-bottom: 20px;}

.toppad
{
	margin-top: 32px;
}

.padded 
{
	padding: 10px;
	margin-bottom: 20px;
}

.padded.newslist 
{
	padding: 10px 10px 7px 10px;
}

.small
{
	font-size: 11px;
	line-height: 14px;
}

.storon 
{
	margin: -20px 0 20px 0;
}



.tiny
{
	font-size: 11px;
	line-height: 14px;
}


.row .padded h5 
{
	padding: 0;
	margin: 0 !important;
	height: auto;
	line-height: 20px;
}

#page-page .row h5 {margin-bottom: 20px;}
#news-page .row h5 {margin-bottom: 10px;}

.row h5 
{
	font-size: 16px;
	text-transform: uppercase;
	padding: 10px 8px 10px 0px;
	line-height: 40px;
	height: 40px;
	margin: 0;
	vertical-align: middle;
	overflow: hidden;
}

.row h5.inn 
{
	margin: 10px 0;
}

.row h5.fr 
{
	margin: 0;
}

.row h5.fl 
{
	margin: 0 0 0 170px;
	
}

.row h5.fl.with-image 
{
	margin: 0 0 0 150px;
}

.cprev, .cnext
{
	position: absolute;
	top: 45%;
	width: 31px;
	height: 31px;
	z-index: 5;
	display: none;
}

.carousel:hover .cprev,.carousel:hover .cnext 
{
	display: block;
}

.cprev {
	left:0;
}

.cnext 
{
	right: 0;
}

.carousel-indicators li 
{
	margin-bottom: 4px;
}

.lcent {margin: 0px 0 0 170px;}
.lcent.with-image {margin: 0 0 0 150px;}

/*
.row h5.gray
{margin: 10px 0 30px 0;
padding: 0 8px 0 0;
}*/


h5 i 
{
	float: left;
	width: 40px;
	height: 40px;
	margin-right: 8px;
	line-height: 40px;
	display: inline-block;
	background: url(../img/all.png) -25px -40px no-repeat;
	vertical-align: middle;
}

i.str 
{
	width: 40px;
	height: 40px;
	margin-right: 8px;
	line-height: 40px;
	display: inline-block;
	background: url(../img/all.png) -25px -40px no-repeat;
	vertical-align: middle;	
}

h5:hover i
{
	background-position: -65px -40px;
}

h5.twolines 
{
	line-height: 20px;
}

.row h5 a:link, .row h5 a:visited {color: #3e3e3e;}
input[type=submit]
{
	background-color: #0854A2;
	color: #fff;
	border: none;
	line-height: 30px;
	height: 30px;
	margin: 10px 0 10px 0;
	padding: 0px 15px;
}
input[type=submit]:hover 
{
	background-color: #DE0A19 ;
}

#inncarousel {vertical-align: middle;}
#inncarousel {min-height: 480px;}
#inncarousel .carousel-inner {height: 480px;}
#inncarousel img { max-height: 480px;}
#inncarousel .item { height: 450px; line-height: 450px;}
#inncarousel img {
	display: inline-block;
	vertical-align: middle;
}

#inncarousel .carousel-indicators 
{
	position: relative;
	bottom: 0;
	right: 0;
	padding: 10px;
}

#inncarousel .item
{
	vertical-align: middle;
	text-align: center;
}

#fb-outer
{
	position: relative;
}

#fb-outer.longfb 
{
height: 490px;
}

#motto 
{
	height: 320px;
	color: #fff;	
	padding: 10px 0 0 0;
}

#emotto {
 color: #fff;
}
#emotto a:link, #emotto a:visited {
 color: #fff;
}
#emotto a:hover {
 text-decoration: none;
}

#motto table, #emotto table 
{
	margin-left: -10px;
	max-width: 290px;
	width: 290px;
	width: -webkit-calc(100% + 20px);
	width: calc(100% + 20px);
	border-collapse:separate;
	border-spacing:10px;
}

#motto td, #emotto td
{
	vertical-align: middle;
	text-align: center;
	background-color: #0854A2;
	height: 66.7px;
	width: 50%;
	font-weight: 400;
	text-transform: uppercase;
	cursor: pointer;
	padding: 10px;
	transition: all ease-in 0.2s;

}
#motto td.red, #emotto td.red {
background: #de0a19;
}

#emotto td:hover {
background: #de0a19;
}

.follows {margin-top: 10px;position: relative; z-index: 999;} 
.followus {width: 145px; height: 20px; background: url(../img/all2.png) top left no-repeat;}
/*.followus .fb, .followus .fb:hover {background: #ffffff;}
footer .followus .fb, footer .followus .fb:hover {background: #f5f5f5;}*/
.followus a {display: inline-block; width: 20px; height: 20px;margin-right: 5px;}
.followus a:hover {background-image: url(../img/all2.png); background-repeat: none;}
.followus .vk:hover {background-position: -50px -20px;}
.followus .tw:hover {background-position: -25px -20px;}
.followus .fb:hover {background-position: 0px -20px;}
.followus .yt:hover {background-position: -75px -20px;}
.followus .lj:hover {background-position: -100px -20px;}
.followus .em:hover {background-position: -125px -20px;}
.followus .em {margin-right: 0}
.topfollow {
width: 145px;
height: 20px;
position: relative;
line-height: 20px;
display:inline-block;
padding-right: 20px;
}
.topfollow .followus {
position: absolute;
top: 5px;
z-index: 999;
}
#topmenu .topfollow a {
padding-left: 0;}

footer .logo {padding-top: 20px; padding-bottom: 20px;}
footer .literow .container {height: 160px;}
#botmenu {padding: 20px 0; font-size: 12px;}
#botmenu a {padding-right: 10px; white-space: nowrap;}
#fcontacts {background: #e5e5e5;}
address h6 {margin: 0;}
address {height: 120px; margin: 20px 10px 20px 20px; font-size: 12px}
/*#wrap {height: auto !important;margin: 0 auto -80px;min-height: 100%;}*/
footer .literow {height: 160px;}
footer .blackline {clear: both;height: 40px;background: #3c3c3c;color: #fff;}
footer p {margin: 10px 0;}
#afterfooter {height: 40px;background: #e5e5e5;}

#motto td:hover 
{
	background-color: #de0a19;
}

#inncarousel 
{
	margin-bottom: 20px;
}

.logo a:link,.logo a:visited, .logo a:hover, .emblem a:link, .emblem a:visited, .emblem a:hover {color: #000; text-decoration: none;}
.emblem {padding: 19px 0 10px; position: relative; margin-right: -99px;height: 98px;}
.ulogo {display: block; float: left; width: 98px; height: 98px; padding-right: 15px;}
.civil {display:block; font-size: 16px; text-transform: none; line-height: 24px;font-weight: 600; }
.platform {display: block; text-indent: -1px;font-size: 22px; text-transform: uppercase;font-weight: 700}
.pol {color: #333; font-weight: 300; font-size: 14px;line-height: 20px;display: block; margin: 10px 0 3px; }


#topmenu {text-align: right; font-weight: 300; padding-top: 15px;}
#topmenu a {padding-left: 20px;}
body,input,button,select,textarea{font-family:"Open Sans",sans-serif;}
h4,h5,h6 {font-family: "Scada", sans-serif}
h3,h4,h5,h6 {font-weight: 400}
.lite {font-weight: 300;}
html, body {height: 100%;}
#wrap {background: #fff;padding-bottom: 60px;
		min-height: -webkit-calc(100% - 300px);
		min-height: calc(100% - 300px);
	  }


.span3 select 
{
	width: 100%;
}

.span3 input[type=text], .span3 textarea
{width: 95%;
width: -webkit-calc( 100% - 14px);
width: calc(100% - 14px);
}
.container legend {font-size: 16px;line-height: 20px; }
.lpadded {padding: 10px;}
#motto .lpadded {padding: 20px 10px 20px 20px;}
.timed-title {margin-left: 40px;
font-family: "Scada", sans-serif;
font-weight: 400;
}
#maincarcont {height: 320px;}
#maincarousel .carousel-inner img 
{height: 320px;max-width: 200%;width: auto;position: absolute;z-index: 4;right: 0;}
#fullwidthcarousel .carousel-inner img {
 position: relative;
 left: 0;
 right: auto;
 width: 100%;
 heigth: auto;
}
body.mos #maincarousel .carousel-inner img {right: auto; left: 0;}
#maincarousel .carousel-inner .item 
{overflow-x: hidden;height: 320px;
}
#motto h2 {font-size: 20px; color: #3e3e3e; color: #fff; font-weight: 600;margin: 20px 0 40px; line-height: 40px;}
#motto h3 { font-weight: 400; font-size: 18px;font-family: "Open Sans",sans-serif;}
.lite {background: #f5f5f5;}
header {margin-bottom: 10px;}
#mainmenu2 {line-height: 40px;vertical-align: middle;}
#mainmenu2 a {padding-right: 10px; white-space: nowrap;}
.bluebtn {background: #0854A2; font-family: "Scada",sans-serif; font-weight: 400; font-size: 20px;text-align: center;height: 40px;line-height: 40px; vertical-align: middle; text-decoration: none; transition: all ease-in 0.2s; }
.bluebtn :hover {text-decoration: none;}
.redbtn {background: #de0a19; font-family: "Scada",sans-serif; font-weight: 400; font-size: 20px;text-align: center;height: 40px;line-height: 40px; vertical-align: middle; text-decoration: none;}
.redline {background: #de0a19; z-index:2000; line-height: 40px; padding: 0; width: 100%; color: #fff;font-size: 14px; position:fixed; overflow: hidden; height: 40px;
 box-shadow: 0 3px 3px #777;
top: 0; left: 0;}
.redline .span12 {text-overflow: ellipsis;white-space: nowrap; width: 100%; overflow: hidden;}
.redline+#wrap {margin-top: 40px;}
article img {
max-height: 600px;
max-width: 100%;
width: auto;
}
:link, :visited {transition: background-color,color ease-in 0.15s;}
.excerpt p a {font-size: 12px; line-height: 16px;}
.bluebtn:hover {background: #de0a19;}
.bluebtn a:link, .bluebtn a:visited {color: #fff;}
.redbtn a:link, .redbtn a:visited, .redline a:link, .redline a:visited {color: #fff;}
.gray {background: #e5e5e5;}
.blue {background: #0854A2; color: #fff !important;} 
.blue a:link, .blue a:visited {color: #fff !important;}
#mainmenu1 {margin-top: 6px;text-transform: uppercase;position: relative; z-index: 20;}
#mainmenu1 a {padding-right: 10px;}
#mainsearch {background: #f5f5f5;margin: 20px 0;height: 26px; position: relative;}
#mainsearchinp {position: absolute; top: 0; left: 0; border: none; background: transparent; box-shadow: none; width: 182px;margin-right: 26px;}
#searchloupe {position: absolute; top: 0; right: 0;display: block; width: 25px; height: 26px;margin:0;padding:0;background: transparent url(../img/all.png) 0px -40px no-repeat;}
.logo {background: url(../img/logo.png) right center no-repeat;padding: 1px 80px 0 0; height: 84px;}
footer .logo {margin: 20px 0;}
.logo h2 {font-size: 16px; text-transform: none; line-height: 24px;font-weight: 600}
.logo h2 .plat {display: block; margin-left: -1px; font-size: 22px; text-transform: uppercase;font-weight: 700}

.excerpt strong {font-weight: 300;}

.mos header 
{
	position: relative;
}

#mainmenu1 a.current:link, #mainmenu1 a.current:visited {
	color: #DE0A19;
}

#mainmenu1 a.current:hover
{
	text-decoration: none;
}

#front-page .row h5.headart 
{
	font-size: 24px;
	color: #000;
	margin-bottom: 0px;
	font-weight: 400;
	text-transform: none;
	height: auto;
	min-height: 40px;
	overflow: auto;
	font-family:"Open Sans",sans-serif;
}

/* ADAPTIVE */

@media (min-width: 1200px) 
{ 
.logo h2 { margin: 7px 0;} 
.logo h2 .plat {font-size: 28px;}

#mainsearchinp {width: 238px ;}
h5.twolines {line-height: 40px;}
header .followus 
{
	position: absolute;
	right: 0;
	bottom: 6px;
}


}
@media (max-width: 1199px) and (min-width: 980px)
{
.vybanered {
 background-position: 20px 0;
}
#emotto td {
font-size: 12px;
text-transform: none;
height: 50px;
}
.vybash {
padding-top: 180px;
}
footer .hidden-tablet {display: none;}
#skrcarousel h2 {
	font-size: 24px;
	line-height: 28px;
}
#skrcarousel p {
	padding-top: 10px;
}
h5.twolines {line-height: 40px;}	
#motto td 
{
	font-weight: 300;
	text-transform: none;
	padding: 10px 5px;
}	
h5.twolines.nashi {line-height: 40px;}
#inncarousel {min-height: 366px;}
#inncarousel .carousel-inner {height: 366px;}
#inncarousel img { max-height: 366px;}
#inncarousel .item { height: 336px; line-height: 336px;}
#maincarousel .carousel-inner img.cultureftw {right: -80px;}
}

@media (max-width: 979px) 
{

#skrcarousel h2 {
	font-size: 20px;
	line-height: 24px;
}
#skrcarousel p {
	padding-top: 10px;
}
#mainmenu1 {line-height: 20px;}
	.aolist a {font-size: 14px; width: 180px;}
	.aolist a .ao {font-size: 10px;}
	#socgroups {display: none;}
	.regnews h4 {font-size: 12px;}
	.row h6 {font-size: 11px;}
	blockquote p {font-size: 11px;}
	.timed-title {margin-left: 10px;}
	#motto td 
	{
		font-weight: 300;
		font-size: 10px;
		text-transform: none;
		padding: 10px 5px;
	}		
	#mainmenu2 {font-size: 11px; white-space: nowrap;}
	.bluebtn {font-size: 14px;}
	.logo h2 {font-size: 12px; line-height: 18px;} .logo h2 .plat {font-size: 14px;}
	.logo {max-width: 86px;}
	#mainsearch {max-width: 166px;}
	body {font-size: 12px; line-height: 16px;}

	#motto h2 {font-size: 16px;}
	#motto h3 {font-size: 16px;font-family:"Open Sans",sans-serif;}
	address {line-height: 14px;font-size: 11px;}
	time {display: none;}
	.row h5 {font-size:14px;}
	h4 {font-size: 14px;}
	h3 {font-size: 16px; line-height: 20px;}
	#inncarousel {min-height: 266px;}
	#inncarousel .carousel-inner {height: 266px;}
	#inncarousel img { max-height: 266px;}
	#inncarousel .item { height: 236px; line-height: 236px;}
}
@media (min-width: 768px) and (max-width: 979px) 
{
	address {margin: 10px !important; height: 140px !important;}
	.span3 .minithumb {display: none;}
	.span3 .minithumb + .excerpt {margin-left: 10px;}
	#l1, #l2 {width: 166px;}
}

@media (max-width:767px)
{	
	h5.twolines 
	{
		line-height: 40px;
	}
	#topmenu {display: none;}
	.bigannounce h3 
	{
		font-size: 16px;
		line-height: 20px;
	}
	.row h5.fl {
		padding: 0 8px 0 0;
	}
	#maincarcont {height: auto; text-align: right;padding-right: 20px;}
	#maincarcont h2 {font-size: 16px; line-height: 20px;}
	#maincarcont h3 {font-size: 14px; line-height: 20px;}
	.hidden-phone + .follows {margin-top: 0;}
	#mainmenu2 {white-space: normal!important;}
	#mainsearch { height: 26px; margin: 0 0 10px 3px; }
	.logo {width: 86px;}
	
	.mos #mainmenu1 {margin-left: -10px;text-align: left;clear: right; width: auto;}
	#mainmenu1 a {padding: 0 0 0 10px;}
	header .span3, .logo.span3 {width: 166px; float:left;}
	header .span3.offset6 {float: right;}
	header .span3.offset6 form {margin-bottom:5px}
	footer .literow, footer .container {height: auto !important;}
	.container {margin: 0 10px;}
	header {margin-top: 5px;}
	#maincarcont {display: none;}
	#wrap > .gray {margin-bottom: 10px;}
	#front-page .row h5, .announce {margin-bottom: 10px;}
	address {padding: 10px 0;height: auto;}
	#botmenu {padding: 10px 0;}
	.follows {margin-top: 0;}
	#wrap {padding-bottom: 20px;}
	#mainsearchinp {width: 100%;
			width: -webkit-calc(100% - 26px);
			width: calc(100% - 26px);
			font-size: 12px; line-height: 16px;
		}
	.emblem {
	margin-right: 0;
	}
}

@media (max-width:479px)
{
		.span3 .minithumb { width: 75px;}
	.span3 .minithumb + .excerpt {margin-left: 80px;}
	.comblock {display: none;}
	.bigannounce .excerpt.cent
	{
		margin-left: 10px;
		font-size: 11px;
	}

	h5.twolines {line-height: 40px;}

	.row h2 {margin: 10px 0 0 0;}

	.cent {margin: 0 10px;}
	.comblock 
	{
		height: auto;
		padding: 0 10px 10px 10px;
		float: none;
		width: auto;
		margin-top: -50px;
	}

	.newslist .bigannounce {
		height: 150px;
		margin-bottom: 10px;
	}

	.newslist .comblock {
		margin-top: 0;
	}

	.comblock.gray 
	{
		background: #fff;
	}

	.row h5.fl, .row h5.fl.with-image {
		width: auto;
		margin: 0;
		max-height: 500px;
	}
	.day { display: inline;}
	.month {margin-bottom: 0;display: inline;}

	.commcount 
	{
		display: none;
	}
	.lcent, .lcent.with-image
	{
		margin-left: 0;
	}
}

@media (max-width:370px)
{
	#mainsearch { height: 26px; margin: 0 0 10px 3px; 
		clear: left;
		margin-top: 10px;
		float: none;
	}
	.bigannounce h3 {font-size: 12px; line-height: 14px;}
	#mainmenu2 {line-height: 20px!important;}
	#mainmenu1 {margin-left: 0; width: 100%;}
	footer p {font-size: 9px;}	
	#mainsearch {width: 100%; max-width: 100%;}
	header .span3.offset6 {width: 100%; float: none;clear: both;padding-top: 10px;}
	header>.span3:first-child {float: none;margin: 0 auto;}
	.bigthumb {display: none;}
	.btn-toolbar {overflow: hidden;height: 32px;}
	.bigannounce .bigthumb + .excerpt {margin-left: 10px;}
}





@media print
{

body {
font-family: "Times New Roman",Times,sans-serif;
}

.nav-pills {
	display: none;
}
label, input, button, select, textarea,body
{
	font-size: 9pt;
	line-height: 11pt;
}
input, textarea, input[type="text"]
{
	border-top: none;
	border-bottom: 1px solid #3f3f3f;
	border-left: none;
	border-right: none;
	padding: 0;
	overflow: visible;
	font-family: "Times New Roman",Times,sans-serif;
}

select 
{
	border: none;
	padding: 0;
	font-family: "Times New Roman",Times,sans-serif;
}

textarea 
{height: 70pt;

}

select 
{
	height: auto;
	line-height: inherit;
}

label.req:after {
	content: '';
}

label
{
	width: 100%;
	height: 100%;
	overflow: hidden;
}

label.checked 
{
	width: 80%;
}

h3 {font-size: 14pt; line-height: 16pt;
margin-bottom: 6px;
}

a[href]:after {content: '';}

.block {margin-bottom: 3pt;}

#surveys .bred {font-size: 8px; line-height: 10px;}
h5.stop 
{
	margin: -5px 0 10px 0;
	border-bottom: 1px solid #333;
	text-align: center;
	width: auto;
	letter-spacing: normal;
}

#wrap {padding-bottom: 0;

}

#survjournal, .noprint, .btn-toolbar,
#maincarcont, #vk_groups, #fb-outer, .yashare-auto-init,
#ccomments
 {display: none;}

}