@import url("customise.css");

/* Standard Elements
----------------------------------------------------------------------------*/
html {min-height: 100%;}

p,code,ul {padding-bottom: 1.2em;}

/* MY FONTS
----------------------------------------------------------------------------*/

/* WRAPPER
----------------------------------------------------------------------------*/

/* CONTAINER
----------------------------------------------------------------------------*/
.container { margin: 0 auto; width: 1349px; }
.container2 { margin: 0 auto; width: 1125px; }

/* HEADER
----------------------------------------------------------------------------*/
header {
	background: url(../images/header_bg.png) repeat-x left bottom;
}
header a.logo {
	display: block;
	width: 245px;
	margin: 0 auto;
	padding: 5px 0 10px;
}

header nav {
	background: url(../images/header_nav_bg.png) repeat-x left top;
	height: 40px;
	padding: 1px 0;
}
header nav > ul{
	overflow: hidden;
	margin: 0;
	padding: 0;
}
header nav > ul li {
	float:left;
}
header nav > ul li a {
	color: #FFF;
	display: block;
	font: 800 10pt/42px arial,sans-serif;
	text-decoration: none;
	text-transform: uppercase;
	padding: 0 75px;
	height: 40px;
}
header nav > ul li a.active, header nav > ul li a:hover {
	background-color: #FF0000;
}
header nav > ul li a.mail {
	background: url(../images/btn_contact.png) no-repeat center center;
	width: 29px;
	padding: 0 5px;
}
header nav > ul li a.mail:hover {}
header .banner { display: block; }

/* SLIDER
----------------------------------------------------------------------------*/
div.slider {
    height: 399px;
    width: 1349px;
	position: relative;
}
div.slider img {
    left: 0;
    position: absolute;
    top: 0;
    z-index: 8;
}
div.slider img.active { z-index: 10; }
div.slider img.last-active { z-index: 9; }

/* NAVIGATION
----------------------------------------------------------------------------*/
section.navigation {
	background: url(../images/navigation_bg.png) repeat-x left top;
	height: 56px;
}
section.navigation nav {}
section.navigation nav > ul{
	overflow: hidden;
	margin: 0;
	padding: 0;
}
section.navigation nav > ul li {
	float:left;
}
section.navigation nav > ul li a {
	color: #FFF;
	display: block;
	font: 800 10pt/55px arial,sans-serif;
	text-decoration: none;
	text-transform: uppercase;
	padding: 0 58px;
	height: 55px;
}
section.navigation nav > ul li a.active, section.navigation nav > ul li a:hover {
	background-color: #FF0000;
}
section.navigation nav > ul li:last-child {float: right;}
section.navigation nav > ul li:last-child a {padding: 0 58px;}

/* MAIN & COLUMNS
----------------------------------------------------------------------------*/
main { padding-bottom: 20px; }
aside{
	width: 250px;
	padding-top: 20px;
}
aside.left{}
aside.right{}
content {
	color: #333;
	float: left;
	font: normal 10pt arial,sans-serif;
	width: 819px;
	margin: 0 15px;
	text-align: justify;
}
content h1{
	font: normal 24pt arial,sans-serif;
	text-align: center;
}
content h2{
	font: normal 22pt arial,sans-serif;
	text-align: center;
}
content h3{
	margin: 0;
	padding: 0;
	text-align: center;
}
content ul{}
content li{
	list-style: disc inside none;
}
content img,
content img.justifyleft {
	float:left;
	margin: 0 10px 10px 0;
	max-width: 150px;
}
content img.justifyright {
	float:right;
	margin: 0 0 10px 10px;
}
content ymaps { margin:0 auto; }
content table.border, content table.border td, content table.border th {
	border: 1px solid #222123;
	border-collapse: collapse;
	padding: 10px;
}

/* MODULE
----------------------------------------------------------------------------*/
.module {}
.module h3{
	background-color: #ff0000;
	color: #FFF;
	font: 800 10pt arial,sans-serif;
	padding: 15px;
	margin: 0;
	text-transform: uppercase;
}
.module .module_body {
	background-color: #03445f;
	color: #FFF;
	font: normal 10pt arial,sans-serif;
	padding: 10px;
}
.module .module_body ul{
	margin: -10px;
	padding: 0;
	overflow: hidden;
}
.module .module_body ul li{}
.module .module_body ul li a{
	color: #FFF;
	display: block;
	font: 800 10pt arial,sans-serif;
	padding: 15px;
	text-decoration: none;
	text-transform: uppercase;
}
.module .module_body ul li.active a,
.module .module_body ul li a:hover {
	background: #ff0000 url(../images/module_ul_li_a_bg.png) no-repeat 10px center;
	padding-left: 35px;
}
.module .module_body p{
	margin: 0;
	padding: 0;
}
.module .module_body a{
	color: #FFF;
}
.module .module_body strong{
	color: #ff0000;
	display: block;
	text-align: center;
	font-weight: 800;
}
.module .module_body img{
	display: block;
	margin: 0 auto;
}

/* custom */
aside.left .module:first-child h3{
	padding: 0;
	font-size: 0;
}

/* NEWS
----------------------------------------------------------------------------*/
section.news {
	background: url(../images/header_bg.png) repeat-x left bottom;
	padding-bottom: 20px;
}
section.news h3 {
	color: #03445f;
	font: normal 28pt arial,sans-serif;
	text-align: center;
	text-transform: uppercase;
}
section.news .item{
	background-color: #FF0000;
	color: #FFF;
	margin: 0 12px;
	width: 320px;
	padding: 15px;
	float: left;
}
section.news .item img{
	display: block;
	margin: 0 auto;
	max-width: 320px;
}
section.news .item .title{
	font: normal 12pt arial,sans-serif;
	text-align: center;
	margin: 10px 0;
	padding: 0;
	text-transform: uppercase;
}
section.news .item .des{
	font: normal 10pt arial,sans-serif;
	margin: 30px 0;
	padding: 0 15px;
}
section.news .item a{
	background: url(../images/module_ul_li_a_bg.png) no-repeat left center;
	color: #FFF;
	font: bold 10pt arial,sans-serif;
	text-decoration: none;
	text-transform: uppercase;
	padding-left: 20px;
}
section.news .item a:hover{}
section.news .button {
	background-color: #FF0000;
	color: #FFF;
	display: block;
	margin: 20px auto 0;
	padding: 20px 0;
	font: 800 10pt arial,sans-serif;
	text-transform: uppercase;
	text-decoration: none;
	text-align: center;
	width: 250px;
}

/* FOOTER
----------------------------------------------------------------------------*/
footer {
	background: url(../images/footer_bg.png) repeat-x left top;
	color: #FFF;
	height: 64px;
}
footer a{color: #FFF;}
footer p{
	margin: 0;
	padding: 0;
}
footer .counter {
	float: left;
	margin: 17px 20px 0 0;
}
footer .copyrights {
	font: normal 8pt arial,sans-serif;
	margin-top: 25px;
	float: left;
}

/* TO TOP
----------------------------------------------------------------------------*/
a#to_top {}


/* INDEX_BLOCK */
div.index_block {}
div.index_block .item {
	border: 1px solid #7f7f7f;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	position: relative;
	margin: 30px 0;
	min-height: 35px;
}
div.index_block .item p{
	margin: 0;
	padding: 0;
}
div.index_block .item.left,
div.index_block .item.right{
	float: none;
}
div.index_block .item.left {
	padding: 10px 30px 10px 90px;
	margin: 30px;
}
div.index_block .item.right {
	padding: 10px 90px 10px 30px;
	margin: 30px;
}
div.index_block .item.left .icon{
	position: absolute;
	left: -30px;
	top: -25px;
}
div.index_block .item.left .num{
	position: absolute;
	right: -15px;
    top: 10px;
	margin-right: 0;
}
div.index_block .item.right .icon{
	position: absolute;
	right: -30px;
	top: -25px;
	margin-right: 0;
}
div.index_block .item.right .num{
	position: absolute;
	left: -15px;
    top: 10px;
}

/* NEWS-LIST */
div.news-list {}
div.news-list .item{
	border: 1px solid #CCC;
	margin-bottom: 20px;
}
div.news-list .item h2{
	background-color: #03445f;
	color: #FFF;
	font: 800 10pt arial,sans-serif;
	padding: 10px;
	margin: 0;
}
div.news-list .item h2 a{
	color: #FFF;
	text-decoration: none;
}
div.news-list .item p{ padding: 10px; margin: 0;}
div.news-list .item p.date{
	padding: 5px;
	font: 800 6pt arial,sans-serif;
	text-align: right;
}
div.news-list .item img{
	float: left;
	margin: 0 10px 10px 0;
}
div.news-list .item .readmore{
	padding: 5px;
	font: normal 8pt arial,sans-serif;
	text-align: right;
}

/* PAGINATION */
.pagination {text-align: center;}
.pagination a {text-decoration:underline;}
.pagination a:hover {text-decoration:none;}
.pagination .ditto_currentpage {
	color:#fff;
	background-color:#03445f;
	border:1px solid #CCC;
	padding: 1px 3px;
	margin:2px;
	font-weight:bold;
}
.pagination .ditto_previous_link, .pagination .ditto_next_link{margin:0 10px;}
.pagination .ditto_page{ padding: 2px 5px;}

/* ARTICLE-LIST */
div.article-list {}
div.article-list .item{
	border: 1px solid #CCC;
	margin-bottom: 20px;
}
div.article-list .item h2{
	background-color: #03445f;
	color: #FFF;
	font: 800 10pt arial,sans-serif;
	padding: 10px;
	margin: 0;
}
div.article-list .item h2 a{
	color: #FFF;
	text-decoration: none;
}
div.article-list .item p{ padding: 10px; margin: 0;}
div.article-list .item img{
	float: left;
	margin: 0 10px 10px 0;
}
div.article-list .item .readmore{
	padding: 5px;
	font: normal 8pt arial,sans-serif;
	text-align: right;
}

/* FEEDBACK */
.feedback #respond{display: block; width:100%;}
.feedback #respond fieldset { border: none; }
.feedback #respond p{
	margin:5px 0;
	padding: 0;
}
.feedback #respond input,
.feedback #respond select,
.feedback #respond textarea{
	width:300px;
	padding:2px;
	border:1px solid #03445f;
	margin:5px 5px 0 0;
}
.feedback #respond select{ width:307px; }
.feedback #respond textarea{ overflow:auto; }
.feedback #respond #submit{
	width: 148px;	
	margin: 0;
	padding: 5px;
	color: #FFF;
	background-color: #03445f;
	border: 1px solid #e8ecee;
	cursor: pointer;
}
.feedback #respond .vericodeform { width:142px; } 
.errors {
	background:#03445f;
	border: 1px solid #e8ecee;
	padding:5px;
	color: #FFF;
}
.errors strong {color: red;}
.errors span {
	display: inline-block;
	font-weight: bold;
	margin: 0 2px;
}

/* BREADCRUMBS */
.breadcrumbs{
	padding:20px 0 5px 0;
	margin-bottom: 5px;
	border-bottom: 1px solid #ccc;
	font-size:8pt;
}
.breadcrumbs a{font-size:8pt;}
.breadcrumbs a:hover{}

/* LOGIN FORM */
.login_form {display: block; width:100%;}
.login_form fieldset { border: none; }
.login_form p{
	margin:5px 0;
	padding: 0;
}
.login_form input,
.login_form select,
.login_form textarea{
	width:300px;
	padding:2px;
	border:1px solid #03445f;
	margin:5px 5px 0 0;
}
.login_form input[type='checkbox']{ width: 20px; }
.login_form select{ width:307px; }
.login_form textarea{ overflow:auto; }
.login_form input[type="submit"]{
	width: 148px;	
	margin: 0;
	padding: 5px;
	color: #FFF;
	background-color: #03445f;
	border: 1px solid #e8ecee;
	cursor: pointer;
}

/* GALLERY */
div.sg_gellery{}
div.sg_gellery:after{
	content: '';
	display: block;
	clear: both;
}
div.sg_gellery img{
	max-width: 190px;
	max-height: 125px;
}

header .container{
	position: relative;
}

div.top_phone{
    position: absolute;
    top: 40px;
    right: 75px;
    font-size: 35px;
    width: 290px;
    font-weight: bold;
    text-align: center;
}

div.top_phone span{
    font-size: 25px;
    display: block;
}