/* Прячем как от скринридеров, так и от браузеров */
.hidden {
	display: none;
	visibility: hidden;
}
 
/* Прячем визуально, но не от скринридеров */
.visuallyhidden {
	position: absolute !important;   
	clip: rect(1px 1px 1px 1px); 			/* IE6, IE7 */
	clip: rect(1px, 1px, 1px, 1px);
}

/* Прячем визуально и от скринридеров, оставляя при этом разметку */
.invisible {
	visibility: hidden;
}

.layout-1-3
{
float:left;
width:31.3%;
margin-right:3%;
}

.layout-1-3:first-child
{
margin-left:0;
}

.layout-1-3:last-child
{
margin-right:0;
}

.layout-2-3
{
float:left;
width:100%;
margin-right:0;
}

.layout-2-3:first-child
{
margin-left:0;
}

.layout-3-3
{
width:100%;
margin:0 auto;
}

.layout-3
{
float:left;
width:100%;
margin-right:13%
}

.layout-2-3:first-child
{
margin-left:3%
}


.layout-1-2
{
float:left;
width:48.5%;
margin:0;
padding:0;
margin-right:3%;
}

.layout-1-2:first-child
{
margin-left:0;
}

.layout-1-2:last-child
{
margin-right:0;
}




footer {
    height: 100px;
    bottom: 0;
    width: 100%;
}

.footer
{
min-width:700px;
padding:10px 0;
color:white;
margin-top:40px;
}
.footer .container
{
border-top:1px solid #666;
padding:10px 0;
}

.footer-logo
{
margin:5px;
}

.footer-logo a
{
color:#4c4c4c;
text-decoration:none
}

.footer-logo a:hover
{
color:#007cc3;
text-decoration:underline;
}


.footer .copy
{
display:block;
margin-top:20px;
font-size:.85em;
color:#999;
}


.footer-nav
{
line-height:25px;
text-align: right;
}


.footer-nav ul
{
margin: 0; 
padding: 4px;
}

.footer-nav ul li
{
display: inline;
margin-right: 5px; 
padding: 3px; 
}

.footer-nav a
{
color:#4c4c4c;
text-decoration:underline;
}

.footer-nav a:hover
{
color:#007cc3;
text-decoration:underline;
}





/** для раздела ресурсы **/

.resources .item_wrap
{
display: block;
margin-top: 5px;
margin-bottom: 40px;
}

.resources .image_block
{
display:block;
float:left;
margin-right:2%;
margin-top: 15px;
width: 10%;
}

.resources .item_cont_wrap
{
display: block;
float:left;
margin-top: 5px;
width: 88%;
}

.resources .item_title 
{
font-size:1.2em;
font-weight: bold;
margin-top: 0px;
margin-bottom: 0px;
padding: 10px;
}

.resources .item_cont
{
display: block;
margin-top: 5px;
margin-bottom: 40px;
padding: 5px 10px;
}

.resources_item .item_wrap
{
display: block;
margin-top: 5px;
margin-bottom: 40px;
border: 1px solid #666;
background:#fff;
}


.resources_item  .item_title 
{
font-size:1.2em;
font-weight: bold;
margin-top: 10px;
margin-bottom: 0px;
padding: 10px;
background:#d8d8d8;
border: 0px solid #666;
}

.resources_item .item_cont
{
display: block;
margin-top: 5px;
margin-bottom: 0;
padding: 5px 10px;
border-bottom: 0px solid #666;
}




/*** услуги ***/

.services 
{
display: block;
margin-top: 5px;
margin-bottom: 20px;
}

.services .item_title , .services .section_title
{
display: block;
margin-top: 5px;
margin-bottom: 0px;
padding: 10px;
border-bottom: 1px solid #d8d8d8;
}

.services .section_title
{
font-size:1.4em;
color:#333;
background:#e77817;
}

.services .item_wrap
{
display: block;
margin-top: 5px;
margin-bottom: 40px;
border: 1px solid #d8d8d8;
background:#fff;
}


.services .item_wrap .item_title 
{
font-size:1.2em;
font-weight: bold;
margin-top: 0px;
margin-bottom: 0px;
padding: 10px;
background:#d8d8d8;
}

.services .item_cont
{
display: block;
margin-top: 5px;
margin-bottom: 40px;
padding: 5px 10px;
border: 0px solid #666;
}

.services h3
{
font-size:1.4em;
color:#333;
padding: 5px;
border-bottom: 1px solid #e77817;
}

.services h4
{
font-size:1.2em;
font-style: italic;
color:#000000;
padding: 0px;
margin: 0;
}

.services table
{
width: 100%;
border-collapse:collapse;
}

.services table td
{
padding: 2px;
border: 1px solid #d8d8d8;
}


/** для раздела библиотеки **/

.librarys .item_wrap
{
display: block;
margin-top: 5px;
margin-bottom: 40px;
}

.librarys .image_block
{
display:block;
float:left;
margin-right:2%;
margin-top: 15px;
width: 10%;
}

.librarys .item_cont_wrap
{
display: block;
float:left;
margin-top: 5px;
width: 88%;
}

.librarys .item_title 
{
font-size:1.2em;
font-weight: bold;
margin-top: 0px;
margin-bottom: 0px;
padding: 10px;
}

.librarys .item_cont
{
display: block;
margin-top: 5px;
margin-bottom: 40px;
padding: 5px 10px;
}

.librarys_item .layout-1-3
{
display: block;
margin-top: 5px;
margin-bottom: 40px;
border: 1px solid #d8d8d8;
padding:10px 10px;
margin-top:1em;
text-align:left;
border-top: 3px solid #e77817; /*оранж*/
background:#f0f0f0;
}

.librarys_item  .item_title 
{
font-size:1.2em;
font-weight: bold;
margin-top: 10px;
margin-bottom: 0px;
padding: 0px;
}

.librarys_item .item_cont
{
display: block;
margin-top: 5px;
margin-bottom: 0;
padding: 5px 10px;
border-bottom: 0px solid #666;
}




/*** о нас ***/
.about .docs
{
display: block;
margin: 0px;
width:100%;
float:right;
margin-bottom: 40px;
border: 0px solid #d8d8d8;
border-top: 3px solid #7da72c; /*зел*/
background:#f0f0f0;
text-align:left;
}

.about  .item_title 
{
font-size:1.2em;
font-weight: bold;
margin: 10px;
padding: 10px;
}

.about .item_cont
{
display: block;
margin: 10px;
}


.about .news
{
display: block;
margin: 0px;
width:64.7%;
float:left;
margin-bottom: 40px;
border: 1px solid #d8d8d8;
text-align:left;
border-top: 3px solid #e77817; /*оранж*/
}

.about img{
float: left;
border: 0;
margin: 0px 10px 10px 0px;
width: 300px;
overflow:hidden;
}

.about .other
{
display: block;
margin: 0px;
width:100%;
float:left;
margin-bottom: 40px;
border: 0px solid #d8d8d8;
text-align:left;
border-top: 3px solid #2b9cd7; /*син*/
}
