* {
margin:0;
padding:0;
}

aside, footer, address, section, nav, header {
display:block;
}

img, iframe, video, embed, table {
max-width:100%!important;
}

/* --- Tipo --- */

h1 {
background:#f57416;
display:inline-block;
color:#fff;
padding:0.4em 20px;
margin-bottom:1em;
font-size:1.125em;
font-weight:400;
text-transform:uppercase;
}

h2 {
color:#000;
font-size:1.125em;
line-height:1.4em;
margin:0.5em 0;
}

h3 {
color:#444;
font-size:1.125em;
line-height:1.4em;
margin:0.5em 0;
}

p {
color:#333;
line-height:1.5em;
padding:0 0 0.5em 0;
}

a {
color:#587d99;
text-decoration:none;
}

ul, ol {
padding:0;
}

ul li {
list-style:none;
padding:0 0 0.5em 0;
}

.main ol, .main ul {
padding:0 10px 0 20px;
}

.main ul li {
list-style:disc;
}

.pagination ul li {
list-style:none;
}

hr { 
  width:100%; 
  margin:1em auto; 
  border:none; 
  background:#eef2f6; 
  height:1px;}

/*  Layout   */

#page {
width:100%;
font:100% Arial;
line-height:1.4em;
}

#header {
width:100%;
background:#f57416;
overflow:hidden;
border-bottom:12px solid #fff;
}

.layout {
width:960px;
margin:0 auto;
}

.top {
width:100%;
margin:0.5em 0;
overflow:hidden;
}

.top ul li {
float:left;
padding:0 10px 0 0;
list-style:none;
}

.top ul li:after {
content:"|";
padding:0 0 0 10px;
color:#fff;
}

.top ul li:last-child:after {
display:none;
}

.top ul li a {
color:#fff;
text-decoration:none;
font-size:80%;
text-transform:uppercase
}

.top ul li a:hover {
text-decoration:underline;
}

.head {
width:100%;
overflow:hidden;
}

.main_wrap {
width:100%;
overflow: hidden;
}

.slogan {
width:50%;
float:left;
padding:0.3em 0 0 0;
}

.slogan span {
font-size:1 em;
font-weight:400;
line-height:1.4em;
text-transform: uppercase;
color:#fff;
}


.address {
float:right; 
color:#fff;
padding:0.3em 0 0 0;
}

.wrap {
overflow: hidden;
}

.kontakt-box {
float:left;
padding: 0.3em 0 0 0;
text-align:left;
overflow:hidden;
}

.search-box {

float:right;
padding:0em 0 0 0;
text-align:right;
overflow:hidden;
}

.search-box input {
display:block;
float:right;
}

.search-box input#mod-search-searchword {
padding:3px 5px 3px 10px;
border-radius:3px 0 0 3px;
border:none;
font-size:80%;
}

.search-box input[type="image"] {
background:#777;
width:17px;
padding:3px 4px 2px 3px;
border-radius:0 3px 3px 0;
}

.logo {
width:100%;
height:0 em;
}

.logo a {
display: block;
width:64px;
margin:0 auto;
}

.logo a img {
position:absolute;
top:70px;
}

#content {
background:#eef2f6;
padding:0.5em 0 1em 0;
}

#menu {
width:100%;
clear:both;
overflow:hidden;
margin:0 0 0 0;
  
}

#menu ul li {
float:left;
list-style:none;
padding:0.5em 0;
}

#menu ul li a {
color:#677279;
text-decoration:none;
padding:0.4em 10px;
font:0.875rem Arial;
text-transform:uppercase;
}

#menu ul li span {
font-weight:bold;
color:#555;
}

#menu ul li a:hover {
background:#fff;
}

#menu ul > li.current a {

}

/*  Выпадающее меню */

#menu > ul > li.parent > ul {
display:none;
}

#menu > ul > li.parent:hover {
background:#fff;
}

#menu > ul > li.parent:hover > ul {
display:block;
position:absolute;
overflow:hidden;
z-index:9999;
background:#fff;
box-shadow:2px 2px 8px #bbb;
padding:0.5em 10px;
}

#menu > ul > li.parent:hover > ul li {
float:none;
}

#menu > ul > li.parent:hover > ul li a {
font-size:70%;
}

.slider {
overflow:hidden;
border:15px solid #fff;
margin-bottom:1em;
background:#fff;
}


.slider2 {
overflow:hidden;
border:15px solid #fff;
margin-bottom:1em;
background:#fff;
}

.slider3 {
overflow:hidden;
border:15px solid #fff;
margin-bottom:1em;
background:#fff;
}

.slider4 {
overflow:hidden;
border:15px solid #fff;
margin-bottom:1em;
background:#fff;
}

.slider5 {
overflow:hidden;
margin-bottom:1em;
}

.slider6 {
overflow:hidden;
border:15px solid #fff;
margin-bottom:1em;
background:#fff;
}

.slider7 {
overflow:hidden;
border:15px solid #fff;
margin-bottom:1em;
background:#fff;
}

.slider8 {
overflow:hidden;
border:15px solid #fff;
margin-bottom:1em;
background:#fff;
}

.slider9 {
overflow:hidden;
border:15px solid #fff;
margin-bottom:1em;
background:#fff;
}

.slider10 {
overflow:hidden;
border:15px solid #fff;
margin-bottom:1em;
background:#fff;
}

.slider11 {
overflow:hidden;
border:15px solid #fff;
margin-bottom:1em;
background:#fff;
}

.slider12 {
overflow:hidden;
border:15px solid #fff;
margin-bottom:1em;
background:#fff;
}

.slider13 {
overflow:hidden;
border:15px solid #fff;
margin-bottom:1em;
background:#fff;
}

.slider14 {
overflow:hidden;
border:15px solid #fff;
margin-bottom:1em;
background:#fff;
}

.info {
overflow:hidden;  
padding:0; 
margin:1em auto;
}

.box3 {
width:31.3%;
float:left;
margin:0 1%;
}

.box3 .moduletable {
background:#fff;
}

#text {
padding:0.8em 1.28%;
background:#fff;
overflow:hidden;
}

.main {
width:62%;
float:left;
overflow:hidden;
}

#breadcrumbs {
overflow:hidden;
padding:0 0 0.5em 0;
margin-bottom:1em;
}

#breadcrumbs ul li {
float:left;
list-style:none;
color:grey
}

#breadcrumbs ul li, #breadcrumbs ul li a {
font-size:0.85rem;
}

#breadcrumbs .divider {
padding:0 3px 0 0;
}

.sidebar {
width:32%;
float:right;
}

.moduletable {
border:1px dotted #fff;
margin:0 0 1em 0;
}

.moduletable h3 {
color:#fff;
background:#587d99;
font-size: 1em;
line-height:1.4em;
font-weight:400;
text-transform:uppercase; 
padding:0.5em 6%;
margin:0 0 1em 0;
}

.moduletable ul {
padding:0 1% 1em 6%
}

.moduletable ul li {
list-style:none;
padding:0 0 0.5em 0;
}

aside li.current > a {
font-weight:bold;
}

.moduletable .custom {
padding:
}

.clr {
clear:both;
}

.footer {
width:100%;
overflow:hidden;
margin:1em 0;
border-top:1px dashed grey;
padding:0.8em 1.28%;
}

.footer .moduletable {
border:none;
font-size:0.8em;
}

.footer .moduletable h3 {
color:grey;
background: none;
padding:0.5em 0;
font-weight:bold;
}

.footer .moduletable ul {
padding: 0 0 1em 0;
}

/*  Bootstrap styles  */

.span2 {
width:14%;
margin:0 2% 1em 0;
float:left;
} 

.span3 {
width:23%;
margin:0 2% 1em 0;
float:left;
}

.span4 {
width:31%;
margin:0 2% 1em 0;
float:left;
}

.span5 {
width:39.6%;
margin:0 2% 1em 0;
float:left;
}

.span6 {
width:48%;
margin:0 2% 1em 0;
float:left;
}

/*  Contents  */

dt, dd {
display:inline-block
}

.pagination {
overflow:hidden;
margin:0.5em 0;
}

.pagination ul li {
float:left;
padding:0 5px;
}

#toTop {
width:100px;
border:1px solid #666;
background:rgba(0,0,0,0.5);
text-align:center;
padding:5px;
position:fixed;
bottom:10px; /* отступ кнопки от нижнего края страницы*/
right:20px;
cursor:pointer;
display:none;
color:#fff;
font-family:verdana;
font-size:13px;
}

.item, .items-leading {
padding:0 0 1em 0;
margin:0 0 1em 0;
overflow:hidden;
}

.item:hover {
background:#EEF2F6
}


/*     Tooltip     */


.tooltip {
	max-width: 400px;
}
.tooltip-inner {
	max-width: none;
	text-align: left;
	text-shadow: none;
}
th .tooltip-inner {
	font-weight: normal;
}
.tooltip.hasimage {
	opacity: 1;
}

.tooltip {
	position: absolute;
	z-index: 1030;
	display: block;
	visibility: visible;
	font-size: 11px;
	line-height: 1.4;
	opacity: 0;
	filter: alpha(opacity=0);
}
.tooltip.in {
	opacity: 0.8;
	filter: alpha(opacity=80);
}
.tooltip.top {
	margin-top: -3px;
	padding: 5px 0;
}
.tooltip.right {
	margin-left: 3px;
	padding: 0 5px;
}
.tooltip.bottom {
	margin-top: 3px;
	padding: 5px 0;
}
.tooltip.left {
	margin-left: -3px;
	padding: 0 5px;
}
.tooltip-inner {
	max-width: 200px;
	padding: 8px;
	color: #fff;
	text-align: center;
	text-decoration: none;
	background-color: rgba(0,0,0,0.5);
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}
.tooltip-arrow {
	position: absolute;
	width: 0;
	height: 0;
	border-color: transparent;
	border-style: solid;
}
.tooltip.top .tooltip-arrow {
	bottom: 0;
	left: 50%;
	margin-left: -5px;
	border-width: 5px 5px 0;
	border-top-color: #000;
}
.tooltip.right .tooltip-arrow {
	top: 50%;
	left: 0;
	margin-top: -5px;
	border-width: 5px 5px 5px 0;
	border-right-color: #000;
}
.tooltip.left .tooltip-arrow {
	top: 50%;
	right: 0;
	margin-top: -5px;
	border-width: 5px 0 5px 5px;
	border-left-color: #000;
}
.tooltip.bottom .tooltip-arrow {
	top: 0;
	left: 50%;
	margin-left: -5px;
	border-width: 0 5px 5px;
	border-bottom-color: #000;
}


/*  Components  */

#smfaq {
overflow:hidden;
}

#smfaq label, #smfaq input {
display:inline-block;
float:none;
}


/*   Adaptive -----------  */

/*   960px  */

@media screen and (max-width: 960px), only screen and (max-device-width:960px) {
    
.layout {
width:890px;
}

}



/*   854px  */

@media screen and (max-width: 854px), only screen and (max-device-width:854px) {
    
.layout {
width:790px;
}

#menu ul li a {
font-size: 0.8em;
}

}



/*   800px  */

@media screen and (max-width: 800px), only screen and (max-device-width:800px) {
    
.layout {
width:740px;
}

#menu ul li a {
font-size: 0.75em;
}

}


/*   768px  */

@media screen and (max-width: 768px), only screen and (max-device-width:768px) {
    
.layout {
width:700px;
}

#menu ul li a {
font-size: 0.75em;
}

}



/*   640px  */

@media screen and (max-width: 640px), only screen and (max-device-width:640px) {
    
.layout {
width:590px;
}

#menu.topmenu {
background: url(../images/menuicon.png) no-repeat center left 10px #fff;
height:2.5em;
transition:0.5s;
}

#menu.topmenu li {
display:none;
}

#menu.mobilemenu ul li {
float:none;
transition:0.5s;
}

#menu > ul > li.parent:hover > ul li a {
font-size: 0.875em;
}

#menu.mobilemenu ul li a {
font-size: 0.875em;
}

#menu.mobilemenu > ul > li.parent > ul {
display:block;
background:#fff;
padding:0.5em 10px;
}

#menu.mobilemenu > ul > li.parent:hover, #menu > ul > li:hover {
background:#fff;
}

#menu.mobilemenu > ul > li.parent:hover > ul {
display:block;
position:static;
overflow:hidden;
z-index:0;
background:#fff;
box-shadow:none;
padding:0.5em 10px;
transition:0.5s;
}

.box3 {
width:100%;
float:none;
margin:0;
}

.main, .sidebar {
width:100%;
float:none;
margin-bottom:1em;
}

.span2, .span3, .span4, .span5, .span6 {
width:100%;
float:none;
margin:0 0 1em 0;
}

.slogan span {
font-size:1.3em;
}

.logo a img {
top: 103px;
}



/*   600px  */

@media screen and (max-width: 600px), only screen and (max-device-width:600px) {
    
.layout {
width:540px;
}

}


/*   480px  */

@media screen and (max-width: 480px), only screen and (max-device-width:480px) {
    
.layout {
width:410px;
}

.slogan{
width:100%;
text-align: center;
float:none;
}
  
.address {
width:100%;
text-align: center;
float:none;
}
  
.search-box {
width:45%;
margin:0 auto;
float:none;
}

.logo a img {
top:190px;
}

.logo {
height: 2.5em;
}
}


/*   375px  */

@media screen and (max-width: 375px), only screen and (max-device-width:375px) {
    
.layout {
width:340px;
}

.top ul li {
padding: 0 5px 0 0;
}

.top ul li a {
font-size:.75em;
}

.top ul li::after {
content:"";
}

.search-box {
width:95%;
}

#toTop {
display:none!important;
}

.logo a img {
top:240px;
}
}



/*   360px  */

@media screen and (max-width: 360px), only screen and (max-device-width:360px) {
    
.layout {
width:300px;
}

.search-box {
width:95%;
}

.logo a img {
top:240px;
}

}


/*   320px  */

@media screen and (max-width: 320px), only screen and (max-device-width:320px) {
    
.layout {
width:280px;
}

.top ul li {
float:none;
}

.search-box {
width:95%;
}

.logo a img {
top:263px;
}

}