﻿
/*
** HTML elements
*/

html, body {
 height: 100%;
}

@font-face {
 font-family: 'Conv_DINPro-Medium';
 src: url('/sites/all/themes/moga/fonts/DINPro-Medium.eot');
 src: local('☺'), url('/sites/all/themes/moga/fonts/DINPro-Medium.woff') format('woff'), url('/sites/all/themes/moga/fonts/DINPro-Medium.ttf') format('truetype'), url('/sites/all/themes/moga/fonts/DINPro-Medium.svg') format('svg');
 font-weight: normal;
 font-style: normal;
}

@font-face {
 font-family: 'Conv_DINPro-Regular';
 src: url('/sites/all/themes/moga/fonts/DINPro-Regular.eot');
 src: local('☺'), url('/sites/all/themes/moga/fonts/DINPro-Regular.woff') format('woff'), url('/sites/all/themes/moga/fonts/DINPro-Regular.ttf') format('truetype'), url('/sites/all/themes/moga/fonts/DINPro-Regular.svg') format('svg');
 font-weight: normal;
 font-style: normal;
}

@font-face {
 font-family: 'Conv_DINPro-Bold';
 src: url('/sites/all/themes/moga/fonts/DINPro-Bold.eot');
 src: local('☺'), url('/sites/all/themes/moga/fonts/DINPro-Bold.woff') format('woff'), url('/sites/all/themes/moga/fonts/DINPro-Bold.ttf') format('truetype'), url('/sites/all/themes/moga/fonts/DINPro-Bold.svg') format('svg');
 font-weight: normal;
 font-style: normal;
}

body {
 margin: 0;
 padding: 0;
 color: #000;
 background-color: #121A27;
 font-family: 'Conv_DINPro-Regular',​Arial,​Sans-Serif;
 font-size: 12px;
}

tr.odd td, tr.even td {
 padding: 0.3em;
}

h1, h2, h3, h4, h5, h6 {
 margin-bottom: 0.5em;
 font-family: 'Conv_DINPro-Regular',​Arial,​Sans-Serif;
}

h1 {
 font-size: 1.3em;
}

h2 {
 font-size: 1.2em;
}

h3, h4, h5, h6 {
 font-size: 1.1em;
}

p {
 margin-top: 0.5em;
 margin-bottom: 0.9em;
}

a {
 text-decoration: none;

}

a:link {
 color: #6AC9F0;
}

a:visited {
 color: #6AC9F0;
}

a:hover {
 color: #39c;
 text-decoration: underline;
}

fieldset {
 border: 1px solid #ccc;
}

pre {
 background-color: #eee;
 padding: 0.75em 1.5em;
 font-size: 12px;
 border: 1px solid #ddd;
}

table {
 /* make <td> sizes relative to body size! */
 font-size: 1em;
}

.form-item label {
 font-size: 1em;
 color: #222;
}

.item-list .title {
 font-size: 1em;
 color: #222;
}

.links {
 margin-bottom: 0;
}

.comment .links {
 margin-bottom: 0;
}


/*
** Page layout blocks / IDs
*/

div#page-background {
 height: 100%;
 left: 0;
 overflow: hidden;
 position: fixed;
 top: 0;
 width: 100%;
 z-index: 1;
}

div.page-main {
 position: relative;
 z-index: 2;
 overflow: hidden;
}

div.header {
 width: 570px;
 margin: 0 auto;
}

/******************Header Nice Menu******************/

div#header-menu {
 background: url("/sites/all/themes/moga/images/header-menu.png") center top no-repeat;
 width: 190px;
 height: 202px;

}

div#header-menu div.top-menu {
 height: 100px;
 width: 190px;
 background: url("/sites/all/themes/moga/images/header-menu-right.png") left top repeat;
 opacity: 0.7;
}

div#header-menu div#block-nice_menus-1 h2 {
 display:none;
}

div#header-menu ul#nice-menu-1 {
 width: 190px;
 padding: 0 0 10px 0;
 margin: 0;
 border:none;
}

div#header-menu ul#nice-menu-1 li {
 background: none;
 padding:0;
 margin:0;
 width: 190px;
 border:none;
}

div#header-menu ul#nice-menu-1 li a {
 color: #E2ECF5;
 display: block;
 font-family: 'Conv_DINPro-Medium',​Arial,​Sans-Serif;
 font-size: 11px;
 padding: 7px 30px 7px 40px;
 text-transform: uppercase;
}

div#header-menu ul#nice-menu-1 li a:hover {
 background: url("/sites/all/themes/moga/images/li-hover.png") right center repeat-x;
 text-decoration: none;
}

div#header-menu ul#nice-menu-1 li ul {
 margin:0;
 padding:0;
 border: none;
}

div#header-menu ul#nice-menu-1 li ul li {
 background: url("/sites/all/themes/moga/images/header-menu-right.png") left top repeat;
}

div#header-menu ul#nice-menu-1 li ul li a {
 color: #E2ECF5;
 display: block;
 font-family: 'Conv_DINPro-Medium',​Arial,​Sans-Serif;
 font-size: 11px;
 padding: 7px 20px 7px 25px;
 text-transform: uppercase;
}

div#header-menu ul#nice-menu-1 li ul li a:hover {
 background: url("/sites/all/themes/moga/images/li-li-hover.png") right center repeat-x;
 text-decoration: none;
}

ul.nice-menu-right, ul.nice-menu-left, ul.nice-menu-right li, ul.nice-menu-left li {
 width: 190px;
}

ul.nice-menu-right ul, ul.nice-menu-right ul ul {
 left: 190px;
 top: 0;
 width: 190px;
}

/*****************************/

div.header-block {
 height: 125px;
}

div.logo {
 width:200px;
 float:left;
 margin-top: 30px;
}

div.logo img {
 height: 80px;
 width:340px;
}

div.contact-block {
 width:220px;
 float:right;
}

/****************Right top block****************/

div.contact div#block-block-1 {
 border-left: 2px solid #B0B7C5;
 height: 80px;
 margin-top: 30px;
 overflow: hidden;
 padding-left: 15px;}

div.contact div#block-block-1 h2.title {
 display:none;
}

div.contact div#block-block-1 h1 {
 color: #98AFC9;
 font-size: 25px;
 font-weight: 100;
 margin: 2px 0;
 padding: 0;
}

div.contact div#block-block-1 p {
 color: #FEFEFE;
 font-family: 'Conv_DINPro-Medium',​Arial,​Sans-Serif;
 font-size: 11px;
 text-transform: uppercase;
}

div.contact div#block-block-1 a {
 color: #6ac9f0;
}

/**************end Header*****************/

div#page-block {
 width: 100%;
 min-height: 626px;
 margin-top: -53px;
}

/****************Front Page**************/

div#front-menu {
 min-height: 370px;
 margin: 0 auto;
 padding-top: 53px;
 width: 570px;
}

div#front-menu h2 {
 display: none;
}

div.view-id-menu_front div.views-row {
 width: 190px;
 float:left;
}

div.view-id-menu_front div.views-row div.views-field-field-img-section-fid {
 width: 190px;
 height:88px;
}

div.view-id-menu_front div.views-row div.views-field-title {
 width: 190px;
 height:53px;
}

div.view-id-menu_front div.views-row div.views-field-title a {
 background: url("/sites/all/themes/moga/images/section-pointer.png") right top no-repeat;
 color: #FEFEFE;
 font-family: 'Conv_DINPro-Medium',​Arial,​Sans-Serif;
 font-size: 1.05em;
 display: table-cell;
 height: 53px;
 vertical-align: middle;
 text-transform: uppercase;
 width: 190px;
 padding: 0 20px 0 10px;
}

div.view-id-menu_front div.views-row div.views-field-title a:hover {
 color: #6dcff6;
 text-decoration:none;
}

div.view-id-menu_front div.views-row-1 div.views-field-title, div.view-id-menu_front div.views-row-4 div.views-field-title  {
 background: url("/sites/all/themes/moga/images/section-first.png") left top repeat;
}

div.view-id-menu_front div.views-row div.views-field-title:hover {
 background: url("/sites/all/themes/moga/images/section-hover.png") left top repeat;
}

div.view-id-menu_front div.views-row-2 div.views-field-title, div.view-id-menu_front div.views-row-5 div.views-field-title  {
 background: url("/sites/all/themes/moga/images/section-second.png") left top repeat;
}

div.view-id-menu_front div.views-row-3 div.views-field-title, div.view-id-menu_front div.views-row-6 div.views-field-title  {
 background: url("/sites/all/themes/moga/images/section-third.png") left top repeat;
}

/***************/


/******************All Pages************/

 div.page-content {
 width:570px;
 margin: 0 auto;
 min-height: 500px;
 padding-top: 53px;
}

div.main-content {
 background: url("/sites/all/themes/moga/images/content-back.png") center top repeat-x;
 width: 570px;
}

div.title {
 background: url("/sites/all/themes/moga/images/title.png") center top repeat-x;
 height: 88px;
}

h1.title {
 background-color: #0C2330;
 color: #7CBEDF;
 font-size: 1.5em;
 height: 88px;
 margin: 0;
 padding: 0 20px;
 display:table-cell;
 vertical-align:middle;

}

div.content-block {
 clear: both;
 color: #B6E1F2;  /*color: #A5D0E1;*/
 font-family: Helvetica,Arial,sans-serif;
 font-size: 13px;
 padding:10px 20px;
 min-height: 400px;
}

/*****************Squares Fon*****************/

div#squares-fon {
 height: 88px;
 margin-left: -570px;
 margin-right: -570px;
 margin-top: -88px;
 width: 1710px;
}

div#squares-fon h2 {
 display: none;
}

div#block-views-squares-block_1 {
 min-width: 1710px;
}

div.view-id-squares {
 float: left;
 width: 1710px;
 height: 88px;
}

div.view-id-squares div.views-row {
 float: left;
 width: 190px;
}

div.view-id-squares div.views-row-3 {
 margin-right: 570px;
}

/**************Footer***********/

div.footer {
 width: 747px;
 height: 50px;
 margin: 0 auto;
 padding:30px 0;
 text-transform: uppercase;
 font-size: 0.9em;
}

div.footer-left {
 width: 150px;
 float:left;
}

div.footer-logo {
 margin-top: 0.5em;
}

div.footer-logo img {
 height: 33px;
 width: 145px;
}

div.footer-right {
 color: #FEFEFE;
 float: left;
 font-family: 'Conv_DINPro-Medium',​Arial,​Sans-Serif;
 font-size:11px;
 width: 500px;
}

span.tel-color {
 color: #6AC9F0;
}

/***************Webform Contacts*************/

form#webform-client-form-15 {
 margin: 0 auto;
 width: 400px;
}

form#webform-client-form-15 div.webform-container-inline, form#webform-client-form-15 div.webform-component {
 padding:5px 0;
}

form#webform-client-form-15 div.webform-container-inline label, form#webform-client-form-15 div.form-item label {
 display: block;
 float: left;
 margin: 0.2em 1em 0.3em;
 width: 120px;
 text-align:right;
 color: #FEFEFE;
 font-weight:200;
}

form#webform-client-form-15 input {
 border:2px solid #dae2e6;
 color: #555555;
}

form#webform-client-form-15 div.form-item {
 margin: 0;
}

form#webform-client-form-15 div#edit-actions {
 text-align:center;
 padding:10px 0;
}

form#webform-client-form-15 input#edit-submit {
 color: #69a2bf;
 background-color: #1c3340;
 border:2px solid #203b4a;
}

textarea#edit-submitted-soobshchenie {
 width:219px;
 border:2px solid #dae2e6;
}
