/* Reset */
body { margin:0; padding:0; }

* { box-sizing: border-box; }
body {
    background: url(images/bg.jpg) repeat 0 0;
    font-family: Open Sans;
}
h1 {
    color: #501939;
    font-family: Open Sans Bold;
    font-size: 30px;
    text-align: center;
    text-transform: uppercase;
}
a {
    color: #af3e61;
}



.centerie {
    background: rgba(0, 0, 0, 0) url("images/top-bg.png") repeat-x scroll 0 0;
}
.centerfo.main-page {
    background: rgba(0, 0, 0, 0) url("images/middle-bg.png") repeat-x scroll 0 945px;
}
.wrapper {
    margin: 0 auto;
    width: 1200px;
}
.content {
    display: inline-block;
    width: 100%;
}
.sidebar {
    float: left;
    padding-right: 30px;
    width: 300px;
}
.content-container {
    display: inline-block;
    width: 900px;
}
.content-text {
    display: inline-block;
    width: 100%;
    margin-bottom: 30px;
}


/* Header */
.header {
    background: #501939 url("images/header-bg.jpg") repeat-x scroll center 0;
    display: inline-block;
    padding-bottom: 20px;
    padding-top: 20px;
    width: 100%;
}
.header .logo {
    float: left;
}
.header .logo > a {
    color: #fff;
    font-family: Open Sans Bold;
    font-size: 38px;
    text-decoration: none;
    text-transform: uppercase;
}
.header-phone {
    color: #d8678a;
    float: right;
    font-size: 22px;
}
.header-phone strong {
    font-family: Open Sans Bold;
}
.header-address {
    color: #d8678a;
    float: right;
    margin-right: 40px;
    margin-top: 6px;
}


/* Header Menu */
.header-menu {
    clear: right;
    float: right;
    margin-top: 7px;
}
.header-menu ul {
    list-style: outside none none;
    margin: 0;
    padding: 0;
}
.header-menu li {
    float: left;
    padding-left: 20px;
}
.header-menu a {
    color: #fff;
    font-size: 18px;
    text-decoration: none;
}


/* Top Categories */
h2.top-title {
    background: rgba(0, 0, 0, 0) url("images/title-bg.png") no-repeat scroll center 0;
    color: #fff;
    font-size: 20px;
    font-weight: normal;
    margin-top: 0;
    padding: 6px 0;
    text-align: center;
}
.top-cat-conteiner {
    display: table;
    margin-bottom: 20px;
    margin-left: -15px;
    margin-right: -15px;
}
.top-cat-item {
    float: left;
    padding-left: 15px;
    padding-right: 15px;
    width: 33.3333%;
}
.top-cat-item img {
    width: 100%;
}
.top-cat-item > a {
    display: inline-block;
}
.top-cat-item span {
    background: #501939 url("images/top-cat-title-bg.jpg") no-repeat scroll right 0;
    display: block;
    margin-top: -1px;
    padding: 12px 20px;
    position: relative;
    z-index: 1;
}
.top-cat-item span a {
    color: #fff;
    font-family: Open Sans Bold;
    text-decoration: none;
    text-transform: uppercase;
}
.top-cat-item p {
    color: #fff;
    font-size: 80%;
    margin: 3px 0 0;
}


/* Top Callback */
.top-callback {
    min-height: 350px;
    padding-bottom: 130px;
}
h2.top-callback-title {
    border-bottom: 2px solid #7b1f4a;
    color: #fff;
    font-family: Open Sans Bold;
    font-size: 30px;
    margin-top: 0;
    padding-bottom: 5px;
    text-align: center;
    text-transform: uppercase;
}
.top-callback-container {
    display: table;
    margin-bottom: 20px;
    margin-left: -15px;
    margin-right: -15px;
    text-align: center;
    width: 100%;
}
.top-callback-container > div {
    display: inline-block;
    padding-left: 15px;
    padding-right: 15px;
    text-align: left;
    vertical-align: top;
    width: 33.3333%;
}
.top-callback .bg-success {
    color: #fff;
    text-align: center;
}
.top-callback-container label {
    color: #fff;
    font-size: 14px;
}
.top-callback-container input[type="text"], .top-callback-container textarea {
    border: 0 none;
    border-radius: 6px;
    display: block;
    font-family: Open Sans;
    font-size: 14px;
    padding: 8px 10px;
    width: 93%;
}
.top-callback-top-form > span {
    display: block;
    font-size: 14px;
    margin-bottom: 2px;
}
.top-callback-top-send span {
    color: #fff;
    display: block;
    font-size: 12px;
    margin-top: 25px;
}
.top-callback-container span img {
    float: left;
    margin-right: 10px;
}
.top-callback-container .button {
    background-color: #7b1f4a;
    border-radius: 7px;
    color: #fff;
    display: block;
    font-family: Open Sans Bold;
    font-size: 23px;
    margin-top: 20px;
    padding: 5px 10px;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
}


/* Bottom Callback */
.top-callback-bottom {
    text-align: center;
}
.top-callback-bottom h4 {
    color: #501939;
    font-family: Open Sans Bold;
    font-size: 30px;
    text-transform: uppercase;
}
.top-callback-bottom > a {
    border-bottom: 1px dashed;
    font-size: 18px;
    font-style: italic;
    text-decoration: none;
}
.top-callback-bottom td {
    vertical-align: top;
}
.top-callback-bottom label {
    display: block;
    margin-top: 7px;
}
.top-callback-bottom input[type="text"], .top-callback-bottom textarea {
    border: solid 1px #ccc;
    border-radius: 6px;
    display: block;
    font-family: Open Sans;
    font-size: 14px;
    padding: 8px 10px;
    width: 93%;
}
.top-callback-bottom span {
    font-size: 12px;
}
.top-callback-bottom .button {
    background-color: #501939;
    border-radius: 6px;
    color: #fff;
    display: block;
    padding: 8px 0;
    text-decoration: none;
    text-transform: uppercase;
}


#modal_form {
	width: 500px; 
	height: 340px; /* Рaзмеры дoлжны быть фиксирoвaны */
	border-radius: 5px;
	border: 3px #000 solid;
	background: #fff;
	position: fixed; /* чтoбы oкнo былo в видимoй зoне в любoм месте */
	top: 45%; /* oтступaем сверху 45%, oстaльные 5% пoдвинет скрипт */
	left: 50%; /* пoлoвинa экрaнa слевa */
	margin-top: -170px;
	margin-left: -250px; /* тут вся мaгия центрoвки css, oтступaем влевo и вверх минус пoлoвину ширины и высoты сooтветственнo =) */
	display: none; /* в oбычнoм сoстoянии oкнa не дoлжнo быть */
	opacity: 0; /* пoлнoстью прoзрaчнo для aнимирoвaния */
	z-index: 5; /* oкнo дoлжнo быть нaибoлее бoльшем слoе */
	padding: 20px 10px;
}
/* Кнoпкa зaкрыть для тех ктo в тaнке) */
#modal_form #modal_close {
	width: 21px;
	height: 21px;
	position: absolute;
	top: 10px;
	right: 10px;
	cursor: pointer;
	display: block;
}
/* Пoдлoжкa */
#overlay {
	z-index:3; /* пoдлoжкa дoлжнa быть выше слoев элементoв сaйтa, нo ниже слoя мoдaльнoгo oкнa */
	position:fixed; /* всегдa перекрывaет весь сaйт */
	background-color:#000; /* чернaя */
	opacity:0.8; /* нo немнoгo прoзрaчнa */
	-moz-opacity:0.8; /* фикс прозрачности для старых браузеров */
	filter:alpha(opacity=80);
	width:100%; 
	height:100%; /* рaзмерoм вo весь экрaн */
	top:0; /* сверху и слевa 0, oбязaтельные свoйствa! */
	left:0;
	cursor:pointer;
	display:none; /* в oбычнoм сoстoянии её нет) */
}


/* Footer */
.footer {
    background: rgba(0, 0, 0, 0) url("images/footer.png") repeat-x scroll 0 bottom;
    height: 130px;
    margin-top: 60px;
}





/* Category List */
.cat-list {
    margin-top: 30px;
}
.cat-list > ul {
    margin: 0;
    padding: 0;
}
.cat-list li {
    list-style: outside none none;
}
.cat-list a {
    color: #501939;
    font-family: Open Sans Bold;
    text-transform: uppercase;
}
.cat-list ul ul {
    padding-left: 20px;
}
.cat-list li li {
    font-family: Open Sans;
    padding-bottom: 5px;
    padding-top: 5px;
    text-decoration: none;
    text-transform: none;
}
.cat-list li li a {
    font-family: Open Sans;
    text-decoration: none;
    text-transform: none;
}




/* Category Items */
.cat-item {
    margin-bottom: 20px;
}
.cat-item-img {
    /*height: 128px;
    overflow: hidden;*/
    text-align: center;
}
.cat-item-img img {
    max-height: 300px;
    max-width: 200px;
    border: 0;
}
.cat-item-title {
    text-align: center;
}


/* Pagination */
.pagination {
    list-style: outside none none;
    margin: 0;
    padding: 0;
}
.pagination li {
    float: left;
    font-family: Open Sans Bold;
    padding-right: 2px;
}
.pagination a {
    color: #501939;
    font-size: 20px;
    text-decoration: none;
    padding: 0 8px;
}
.pagination li.active a {
    background-color: #501939;
    border-radius: 50%;
    color: #fff;
}


/* Articles */
.article-list-item h4 {
    margin: 0;
}



/* Preims */
.top-preim-conteiner {
    display: table;
    margin-bottom: 20px;
    margin-left: -15px;
    margin-right: -15px;
    width: 100%;
}
.top-preim-item {
    background: rgba(0, 0, 0, 0) url("images/preim-bg.png") no-repeat scroll center 0;
    color: #fff;
    float: left;
    height: 313px;
    padding-left: 40px;
    padding-right: 40px;
    width: 20%;
}
.top-preim-item > div {
    height: 180px;
    padding-bottom: 50px;
    padding-top: 30px;
    text-align: center;
}
.top-preim-item > strong {
    font-family: Open Sans Bold;
    text-transform: uppercase;
}
.top-preim-item > p {
    margin-top: 5px;
    font-size: 13px;
}



/* Main Map */
.top-map {
    border-bottom: 2px solid #501939;
    border-top: 2px solid #501939;
    position: relative;
}
.top-map-contacts {
    background-color: #501939;
    bottom: 0;
    color: #fff;
    height: 100%;
    left: 53%;
    padding: 30px;
    position: absolute;
    top: 0;
    width: 450px;
}
.top-map-contacts p strong {
    display: block;
}


.dashboard {
    background-color: #fff;
    padding: 20px 30px;
}
.admin-menu {
    list-style: outside none none;
    margin: 0;
    padding: 0;
    display:inline-block;
}
.admin-menu > li {
    float: left;
    margin-right: 30px;
}
.admin-menu ul {
    padding-left: 15px;
}
.admin-menu label {
    font-weight: bold;
}



.footer-develop {
    color: #fff;
    float: right;
    margin-top: 80px;
}