/* layout.css, Copyright (C) 2007 - 2010 YOOtheme GmbH */

 
 
body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	line-height: 150%;
	color: #323232;
}

 

.wrapper { margin: auto; padding: 100px 0 0 0;}

#header {
	position: relative;
	z-index: 10;
	padding-bottom: 10px;
	clear: both;
}

#top {
	overflow: hidden;
	clear: both;
}

#middle {
	clear: both;
	min-height: 300px;
}

#bottom {
	overflow: hidden;
	clear: both;
}

#footer {
	position: relative;
	padding: 20px 0px 25px 0px;
	clear: both;
	text-align: center;
	font-size: 15px;
}

 
 
#middle {
	width: 100%;  
	 
	overflow: hidden;  
	position: relative;  
}

#middle-expand {
	width: 200%;
}

 
#main {
	position: relative;
	left: 50%;
	width: 50%;
	float: left;
}

#main-shift {
	position: relative;
	left: -100%;
	 
	 
	overflow: hidden;
}

 
#left {
	position: relative;
	left: -50%;
	 
	float: left;
	overflow:hidden;
}

 
#right {
	 
	 
	float: left;
	overflow:hidden;
}

 

div#maintop,
div#catalogtop,
div#contenttop {
	margin: 0px 0px 0px 0px;
	overflow: hidden;
}

div#contentbottom,
div#mainbottom {
	margin: 0px 0px 0px 0px;
	overflow: hidden;
}

 
 
#mainmiddle {
	width: 100%;  
	 
	overflow: hidden;  
	position: relative;  
}

#mainmiddle-expand {
	width: 200%;
}

 
#content {
	position: relative;
	left: 50%;
	width: 50%;
	float: left;
}

#content-shift {
	position: relative;
	left: -100%;
	 
	 
	overflow: hidden;
}

 
#contentleft {
	position: relative;
	left: -50%;
	 
	float: left;
	overflow:hidden;
}

 
#contentright {
	 
	 
	float: left;
	overflow:hidden;
}

 

.floatbox { overflow:hidden; }

.float-left { float: left; overflow: hidden; }
.float-right { float: right; overflow: hidden; }

.width15 { width: 15%; }
.width18 { width: 18%; }
.width20 { width: 20%; }
.width23 { width: 23%; }
.width25 { width: 25%; }
.width33 { width: 33%; }
.width34 { width: 34%; }
.width35 { width: 33%; }
.width40 { width: 40%; }
.width45 { width: 45%; }
.width50 { width: 50%; }
.width54 { width: 54%; }
.width65 { width: 67%; }
.width75 { width: 75%; }
.width100 { width: 100%; }

 

body.yoopage { background: #F0F1F2; }
#page-body {}

 

#absolute {
	position: absolute;
	z-index: 15;
	top: 0px;
	left: 0px;
	width: 100%;
}

 
#breadcrumbs {
/*	padding-bottom: 10px;*/
	margin-top:-10px;
	background: url(../images/breadcrumbs_bg.png) 0 0 no-repeat;
	overflow: hidden;
	clear: both;
	font-size: 10px;
	line-height: 22px;
	text-shadow: 0 1px 0 rgba(255,255,255,1);
}

div.breadcrumbs-1 {
	padding: 0px 10px 0px 10px;
	background: url(../images/breadcrumbs_bg.png) 100% -60px no-repeat;
}

div.breadcrumbs-2 {
	padding: 14px 5px 14px 5px;
	height: 22px;
	overflow: hidden;
	background: url(../images/breadcrumbs_bg.png) 0 -120px repeat-x;
}

#breadcrumbs a,
#breadcrumbs span {
	display: block;
	float: left;
}

#breadcrumbs a,
#breadcrumbs span.separator { color: #646464; }

#breadcrumbs a:hover,
#breadcrumbs span.current { 
	color: #ffffff;
	text-shadow: 0 1px 0 rgba(0,0,0,0.5), 0 1px 2px rgba(0,0,0,0.5);
	text-decoration: none;
}

#breadcrumbs .box-1 { 
	margin-right: 10px;
	background: url(../images/breadcrumbs.png) 0 0 no-repeat;
}

#breadcrumbs .box-2 {
	padding: 0px 10px 0px 15px;
	background: url(../images/breadcrumbs.png) 100% -32px no-repeat;
}

#breadcrumbs .box-3 {
	height: 22px;
	padding-left: 5px;
	background: url(../images/breadcrumbs.png) 0 -64px repeat-x;
}

#breadcrumbs a:hover { background-position: 0 -96px; }
#breadcrumbs span.current { background-position: 0 -192px; display:none}
#breadcrumbs a:hover .box-2,
#breadcrumbs span.current .box-2 { background-position: 100% -128px; }
#breadcrumbs a:hover .box-3,
#breadcrumbs span.current .box-3 { background-position: 0 -160px;}

#date {
	margin: 0px 5px 0px 0px;
	float: right;
}

 

 
#toolbar {
/*	height: 25px;     */
/*	overflow: hidden;*/
/*	line-height: 25px; */
	font-size: 10px;
    margin-left: 17px;
    margin-top: 143px;
}

#headerbar {
	min-height: 55px;
	padding: 0px 0px 0px 270px;
	overflow: hidden;
}

 
#logo {
    float: left;
    width: 318px;
}

#logo>div {
    position: absolute;
    top: 5px;
}

#logo>form, #search-and-soc {
    /*margin-top: 115px;*/
		margin-left: 285px;
    margin-top: 65px;
}

.weather-header {
    font-size: 1.3em;
}

.wimage {
height: 40px;
}

#search-and-soc form, #search-and-soc .module {
    float: left;
    margin-right: 10px;
}
#header-search:before, #header-search:after{
    content:"";
    display:table;
}
 
#header-search:after{
    clear:both;
}
 
#header-search{
    zoom:1;
}    

/* Стили для контейнера формы */
#header-search {

}
 
/* Стили поля ввода текста */
 
#header-search input[type=text] {
    width: 150px;
    height: 20px;
    padding: 2px 5px;
    float: left;    
    border: 0;
    background: #eee;
    border-radius: 6px 0 0 3px;      
}
 
#header-search input[type=text]:focus {
    outline: 0;
    background: #fff;
    box-shadow: 0 0 2px rgba(0,0,0,.8) inset;
}
 
#header-search input[type=text]::-webkit-input-placeholder {
   color: #999;
   font-weight: normal;
   font-style: italic;
}
 
#header-search input[type=text]:-moz-placeholder {
    color: #999;
    font-weight: normal;
    font-style: italic;
}
 
#header-search input[type=text]:-ms-input-placeholder {
    color: #999;
    font-weight: normal;
    font-style: italic;
}    
 
/* Кнопка отправки формы */
#header-search input[type=submit] {
    overflow: visible;
    position: relative;
    float: right;
    border: 0;
    padding: 0;
    cursor: pointer;
    height: 24px;
    width: 40px;
    color: #fff;
    text-transform: uppercase;
    background: #005894;
    border-radius: 0 3px 3px 0;      
    text-shadow: 0 -1px 0 rgba(0, 0 ,0, .3);
}   
   
#header-search input[type=submit]:hover{     
    background: #e54040;
}   
   
#header-search input[type=submit]:active,
#header-search input[type=submit]:focus{   
    background: #c42f2f;
    outline: 0;   
}
 
#header-search input[type=submit]:before { /* стрелка влево */
    content: '';
    position: absolute;
    border-width: 8px 8px 8px 0;
    border-style: solid solid solid none;
    border-color: transparent #d83c3c transparent;
    top: 12px;
    left: -6px;
}
 
#header-search input[type=submit]:hover:before{
    border-right-color: #e54040;
}
 
#header-search input[type=submit]:focus:before,
#header-search input[type=submit]:active:before{
        border-right-color: #c42f2f;
}      
 
#header-search input[type=submit]::-moz-focus-inner { /* Удаляем дополнительное пространство рядом с кнопкой в Mozilla Firefox */
    border: 0;
    padding: 0;
} 

#menu {
	position: absolute;
	bottom: 15px;
	left: 7px;
	z-index: 11;
}

#search {
	position: absolute;
	bottom: 27px;
	right: 15px;
	z-index: 12;
}

#banner {
	position: absolute;
	top: 15px;
	right: -15px;
	width: 0px;
	z-index: 3;
}

 

#footer a.anchor {
	position: absolute;
	right: 3px;
	top: 2px;
	width: 19px;
	height: 19px;
	background: url(../images/footer_anchor.png) 0 0 no-repeat;
	display: block;
	text-decoration: none;
}

#footer a.anchor:hover { background-position: 0 -30px; }

 
 
/*div.header-1 { background: url(../images/header_edges.png) 0 0 repeat-y; }*/
div.header-1 {height:116px;}

div.header-2 {
	padding: 0px 5px 0px 5px;
/*  	background: url(../images/header_edges.png) 100% 0 repeat-y;/* .redblock {font-size: 80%; font-style: italic; color: red;} */
}

div.header-3 {
	padding: 5px 30px 5px 10px;
	overflow: hidden;
	background: #ffffff;
}

div.header-b1 {	background: url(../images/header_corners.png) 0 0 no-repeat; }

div.header-b2 {
	padding: 0px 7px 0px 7px;
	background: url(../images/header_corners.png) 100% -60px no-repeat;
}

div.header-b3 {
	height: 50px;
	overflow: hidden;		
	background: url(../images/header_corners.png) 0 -120px repeat-x;
}

 

div.wrapper-t1 { background: url(../images/module_box_corners.png) 0 0 no-repeat; }

div.wrapper-t2 {
	padding: 0px 7px 0px 7px;
	background: url(../images/module_box_corners.png) 100% -17px no-repeat;
}

div.wrapper-t3 {
	height: 7px;
	background: url(../images/module_box_corners.png) 0 -34px repeat-x;
	overflow: hidden;
}

div.wrapper-1 { background: url(../images/module_box_edges.png) 0 0 repeat-y; }

div.wrapper-2 { 
	padding: 0px 5px 0px 5px;
	background: url(../images/module_box_edges.png) 100% 0 repeat-y;
}

div.wrapper-3 { 
	padding: 10px;
	background: #ffffff;
	overflow: hidden;
}

div.wrapper-b1 { background: url(../images/module_box_corners.png) 0 -51px no-repeat; }

div.wrapper-b2 {
	padding: 0px 7px 0px 7px;
	background: url(../images/module_box_corners.png) 100% -68px no-repeat;
}

div.wrapper-b3 {
	height: 7px;
	background: url(../images/module_box_corners.png) 0 -85px repeat-x;
	overflow: hidden;
}

#author {display:none}
#JExtWeather div:first {display:none}
ul.slick-rss-list {}
li.slick-rss-item {margin:0 0 0.2em 1em; border-bottom:1px dotted #CCC; color:#80B232}

ul.catalog {padding-bottom:10px!important}
ul.catalog small {font-size:8pt; vertical-align:super; color:#000}
ul.catalog li.parent ul.catalog {margin-left:10px; margin-top:10px;}
ul.catalog li.parent {font-size:1.5em; font-weight:normal; margin: 3px 10px 0 10px; padding:0; float:left; width:40%}
ul.catalog li.parent li {font-size:12px; font-weight:normal; width:auto; float:left; margin-right:5px}

.alpha-index {
        width: 100%;
        position: relative;
        text-align: center;
        margin: 15px 0 15px 0px;
        }
.alpha-index a.alpha:link, .alpha-index a.alpha:visited {
        margin: 0 0;
        height:2em;
        padding: 3px 4px;
        text-decoration: none;
        font-weight: normal;
        background-color: #f4f4f4;
        border-bottom: 1px solid #ccc;
        border-top: 1px solid #ccc;
        }
.alpha-index a.alpha:hover {
        background-color: white;
        color: black;
        }

ul.alinks li {
/*
	background:url("../images/typography/list_links.png") no-repeat scroll 0 0 transparent;

	padding-left:15px;
*/
}

div.catalog {float:left; margin:0 0 10px 10px}
div.catalog div {float:left; width:46%; padding:0 2%; clear:left}
div.catalog div.alt {clear:none}
div.catalog h3 {font-weight:normal; margin:0.2em 0}
div.catalog h3 a {color:#666666}
div.catalog p {margin:0.2em 0 0.2em 1em}
div.catalog span {font-size:8pt; vertical-align:super; color:#777}

div.category {}
div.category h2 {margin:0.2em 0!important; font-size:18px!important}
div.category h2 span {vertical-align:super; font-size:8pt; color:#777}
div.category h2 a {color:#666666; font-size:18px!important}
div.category div.subcat {margin:0.2em 0 0.2em 1em}

.listing-summary p {padding:1em 0}

div.fields {border-bottom:1px dotted #BEBEBE; float:left}
div.logo {float:left; width:100px;}

div.listing-desc {}
#listing .fields {width:auto; margin-left:0; float:right;}
#listing .listing-desc {float:left}
#listings .title {display:none}
.listing-summary .fieldRow {float:left}

#menu ul.menu li.first {display:none}
#menu ul.menu li ul li.first {display:block}

div.listing-summary div.logo {position:static; float:left; margin:0.5em;}

a.actionlink {background:transparent!important}

table.pollstyle-box thead td {padding-bottom:1em}

span.yoo-login {margin-top:1em}
span.greeting {margin-bottom:1em}

.search {background:url(../images/search_icon.png) no-repeat left top; padding-left:54px; /*height:48px;*/ width:400px; margin:0 auto;}
#mod_mt_search_searchword {width:320px}

.timetable {width:100%; border-collapse:collapse; border:1px solid #CCC; padding:0; margin-top:1em}
.timetable td, .timetable th {border:1px solid #CCC; margin:0; padding:0.2em}
.timetable th {background:#DDD}
.timetable tr.even td, .timetable tbody tr:nth-child(odd) {background:#EEE}

.align-center {text-align:center}

.icon-kino {background: transparent url("../images/icon_kino.png") no-repeat scroll 0 0!important}
.icon-trans {background: transparent url("../images/icon_trans.png") no-repeat scroll 0 0!important}

/*#share42 {
  display: inline-block;
  padding: 6px 0 0 6px;
  background: #FFF;
  border: 1px solid #E9E9E9;
  border-radius: 4px;
}*/
#share42:hover {
  /*background: #F6F6F6;
  border: 1px solid #D4D4D4;
  box-shadow: 0 0 5px #DDD;*/
}
#share42 a {opacity: 0.7;}
/*#share42:hover a {opacity: 0.8}*/
#share42 a:hover {opacity: 1}

.joomla .register_form{
	padding:10px 20px;
}
.joomla .register_form h1{
	margin:0;
	margin-bottom: 20px;
}



#vkontakte {position: fixed; z-index:99; top:30px; left:5px; width:25px; height:25px;}
#facebook {position: fixed; z-index:99; top:30px; left:35px; width:25px; height:25px;}
#odnoklassniki {position: fixed; z-index:99; top:30px; left:65px; width:25px; height:25px;}
#twitter {position: fixed; z-index:99; top:30px; left:95px; width:25px; height:25px;}
#banner1 {position: fixed; z-index:99; top:70px; left:5px; width:25px; height:25px;}
#banner2 {position: fixed; z-index:99; top:180px; left:5px; width:25px; height:25px;}
#banner3 {position: fixed; z-index:99; top:290px; left:5px; width:25px; height:25px;}
#banner4 {position: fixed; z-index:99; top:400px; left:5px; width:25px; height:25px;}
#banner5 {position: fixed; z-index:99; top:510px; left:5px; width:25px; height:25px;}
#banner6 {position: fixed; z-index:99; top:620px; left:5px; width:25px; height:25px;}


.joomla .register_form .form_descr{width:100%;text-align: center;color:#646464;font-size: 90%;margin:10px 0;}
.joomla .register_form .form_table{width:100%;}
.joomla .register_form .form_table tr .keys{width:35%;text-align: right;font-size: 17px;padding:5px;vertical-align: middle;}
.joomla .register_form .form_table tr .keys span{color:#80B232;}
.joomla .register_form .form_table tr .values{width:45%;text-align: left;font-size: 17px;padding:5px;vertical-align: middle;}
.joomla .register_form .form_table tr .values input{width:277px;height: 20px;padding: 3px;outline: none;}
.joomla .register_form .form_table tr.btn_row td{padding-top:15px;}
.joomla .register_form .form_table tr.btn_row td button{width:130px !important;height:45px !important;padding:0 !important; font-size: 130%;}

.cash-icon {
	display: inline-block;
	height: 24px;
	background: url('../images/coins-icon.png') no-repeat 0 100%;
	padding: 0px 0px 0 28px;
	line-height: 26px;
}


.highslide-move {
	display: none;
}

.float_soc {background:rgba(69,69,69,0.7);border-radius:5px 5px 0 0; z-index:55; position:fixed;bottom:0;left:50%;padding:3px 3px;float:left;margin-left:-505px;}
.float_soc a {display:block;float:left;margin:0 5px;}
.float_soc .s1 {background: url(../images/s1.png) 0 0 no-repeat;width:31px;height:30px;}
.float_soc .s2 {background: url(../images/s2.png) 0 0 no-repeat;width:31px;height:30px;}
.float_soc .s3 {background: url(../images/s3.png) 0 0 no-repeat;width:31px;height:30px;}
.float_soc .s4 {background: url(../images/s4.png) 0 0 no-repeat;width:31px;height:30px;}
.float_soc .s5 {background: url(../images/s5.png) 0 0 no-repeat;width:31px;height:30px;}
.float_soc .close {background: url(../images/close-dark.png) 0 0 no-repeat;width:31px; height:31px; position:absolute;top:-19px;right:-19px;}
.float_soc a:hover { opacity:0.8;}


#Ya_sync_0 {

}
/*-------------change5_11_16-------------*/

#logo {
 top: auto !important;
}
