body {
    margin:0;
    padding:0;
    width:100%;
    background:url(../img/gradient.png) 0 -60px repeat-x #f3f7fb;
    font-family: 'Roboto', sans-serif;
}

header {
    margin:0 auto;
    width:1200px;
    height:180px;
    background:url(../img/map.png) bottom center no-repeat;
}
header .logo {
    float:left;
    width:25%;
    height:76px;
    margin:30px 0 0 0;
}
header h1 {
    float:left;
    width:50%;
    text-align:center;
    font:52px 'Roboto Condensed', sans-serif;
    color:#00467f;
    margin:35px 0 0 0;
}
header .contacts {
    float:left;
    width:25%;
    color:#00467f;
    margin:50px 0 0 0;
}
header .contacts a {
	display:block;
	font:bold 16px Roboto;
	color:#00467f;
	margin:10px 0 0 0;
	text-decoration:none;
}
.menu-bg {
    background:url(../img/bg-menu.gif);
}
.menu {
    display:table;
    border-spacing: 4px;
    margin:0 auto;
    width:894px;
    height:89px;
    text-align:center;

}
.menu a {
    display:table-cell;
    vertical-align:middle;
    width:170px;
    height:79px;
    padding:0 10px;
    color:#fff;
    text-decoration:none;
    font:13px Roboto;
    text-transform:uppercase;
}
.menu a.active {
    background:#5593c7;
    border-radius:10px;
}
.menu a:hover {
    background:#5593c7;
    border-radius:10px;
}
.content {
    margin:30px auto;
    min-height:346px;
    width:60%;
    font:12px Roboto;
    color:#000;
}
.content h1 {
    font:28px/42px Roboto;
    text-transform:uppercase;
    text-align:center;
}
.content p {
    font:16px/24px Roboto;
    margin:20px 0 0 0;
}
.content ul li {font-size:16px;}
.content a {color:#00467f;}
.content a:hover {text-decoration:none;}
.menu-index {
    width:900px;
    height:590px;
    background:url(../img/munu-bg-index.png);
    margin:47px auto;
    border-radius:10px;
}
.menu-index a {
    float:left;
    width:400px;
    height:119px;
    padding:50px 10px 0 10px;
    margin:20px 0 0 20px;
    color:#fff;
    text-decoration:none;
    text-align:center;
    font:bold 24px Roboto;
    text-transform:uppercase;
    background:#5593c7;
    border-radius:10px;
}
.menu-index a:hover {background:url(../img/blank.png);}
ol li {font-size:16px; line-height:24px; margin-bottom:10px;}
footer {

    margin:0 auto;
    width:100%;
    min-width:1200px;
    min-height:115px;
    max-height:250px;
    background:#20579b;
    border-bottom:1px dashed #20579b;
}
footer .footer-inside {
    max-width:1200px;
    margin:0 auto;
}
footer .logo {
    float:left;
    width:25%;
    height:76px;
    margin:30px 0 0 0;
}
footer h2 {
    float:left;
    width:50%;
    text-align:center;
    font:32px/34px 'Roboto Condensed', sans-serif;
    color:#fff;
    margin:20px 0 0 0;
}
footer h2 span {font-size:22px;}
footer .contacts {
    float:left;
    width:25%;
    color:#fff;
    margin:40px 0 0 0;
}

/* скрываем чекбоксы и блоки с содержанием */
.hide, .hideIn {
    display: none; 
}
.hide + label ~ div, .hideIn + label ~ div{
    display: none;
}
/* оформляем текст label */
.hide + label, .hideIn + label {
	font:bold 16px/24px Roboto;
	text-decoration: underline;
    padding: 0;
    color: #00467f;
    cursor: pointer;
    display: inline-block; 
}
.hide:checked + label, .hideIn:checked + label {
    color: red;
    border-bottom: 0;
}
.hide:checked + label + div, .hideIn:checked + label + div {
    display: block; 
  
}
.hideIn {margin:10px;}
.l1 {font-size:18px;}
.politic {margin:-40px 0 0 0 !important;}
.link-inside {font-size:16px; margin:10px 0 0 20px; display:block;}


/*галлерея*/
#gallery {width:700px; margin:0 auto;}
#thumbs { padding-top: 10px; overflow: hidden;}
#thumbs img, #largeImage {
    border: 1px solid gray;
    padding: 4px;
    background-color: white;
    cursor: pointer;
	width:700px;
}
#thumbs img {
    float: left;
    margin-right: 6px;
	margin-bottom: 6px;
	width:84px;
	height: 60px;
}
#description {
    background: black;
    color: white;
    position: absolute;
    bottom: 0;
    padding: 10px 20px;
    width: 660px;
    margin: 5px;
}
#panel { position: relative; }
p.news {width:800px; margin:20px auto; text-align:justify;}
.promo {background:#d6e6ff; width:700px; padding:20px} 
.promo h2 {margin:0 0 10px 0; padding:0;}

 .l-news {display:block; font-size:28px; margin:20px 0 0 0;}
 .s-news {display:block; font-size:21px; margin:20px 0 0 0;}