@import "reset.css";
body { font-family:Arial;font-size:14px;line-height:20px;color:#4f6e75;text-align:left; background:#000 url(../images/bg.jpg) 50% top no-repeat ; margin:0; padding:0}

a       { color:#3f92a5; text-decoration:underline; outline:none}
a:hover { color:#3f92a5; text-decoration:none;}


.left{ float:left}
.right{ float:right}
.clear  {clear:both;}

.left_20{ margin-left:20px}
.left_30{ margin-left:30px}
.right_20{ margin-right:20px}

.grid_50{ width:49%;}
.grid_46{ width:45%;}
.grid_300{ width:300px;}
.grid_580{ width:580px;}
.grid_150{ width:160px;}
.white{ color:#f6f7fa}



/*   -----------------------------------------------------------------------------*/ 
.centr{ width:1001px; margin:0 auto; position:relative}
h1{ font-size:54px; font-weight:normal; font-family: 'ExistenceLight'; line-height:50px; padding-top:10px; color:#6c8a91; padding-bottom:20px;text-shadow:#99b5bc 1px 1px 2px;}
h1 span{ display:block; color:#275661; font-style:italic; font-size:24px; line-height:28px; font-family:Arial, Helvetica, sans-serif}
h2{ font-size:30px;font-family: 'ExistenceLight'; line-height:40px; font-weight:normal;letter-spacing:-0.04em; padding-top:10px; color:#fff}
h2 span{ color:#a5efff}
h3{ font-size:30px; color:#6c8a91; font-family: 'ExistenceLight'; font-weight:normal; padding-bottom:20px; text-shadow:#99b5bc 1px 1px 2px;  margin-top:20px;}

h6{ font-size:18px; font-family:Arial, Helvetica, sans-serif; line-height:22px; padding-top:23px; padding-bottom:20px; color:#fff}


/* ----  TOP   ----*/ 


.header .grid_300{ padding-top:34px; color:#b5bacb; font-size:14px; margin-bottom:-34px}
.grid_300 strong{font-family: 'ExistenceLight'; color:#fff; font-size:28px; font-weight:normal; display:block; padding-top:16px; letter-spacing:-0.04em}
.grid_300 b{ display:block; color:#fff; font-size:18px; padding-top:13px}
.header .left > span{ font-size:30px; color:#fff; font-family: 'ExistenceLight'; line-height:38px; display:block}
.header{ height:416px}

img.aero{ margin-right:10px; padding-bottom:4px}

/* ----  menu   ----*/
ul.menu{ background:#eef0f1; padding-left:25px; display:block; height:50px; }
ul.menu li{ float:left; padding:0px 2px ;position:relative; z-index:10}
ul.menu li img{ margin-top:10px}
ul.menu li > a{ display:block; font-size:20px; color:#6c8a91; text-decoration:none; background:none}
ul.menu li > a span{ display:block; padding:0px 22px; line-height:50px; padding-bottom:10px}
ul.menu li > a:hover, ul.menu li > a.hover{ background:url(../images/hover_left.png) left top no-repeat; color:#fff}
ul.menu li > a:hover span, ul.menu li > a.hover span{ background:url(../images/hover_right.png) right top no-repeat; }
ul.menu li > a.act{ background:url(../images/active_left.png) left top no-repeat}
ul.menu li > a.act span{ background:url(../images/active_right.png) right top no-repeat; color:#fff}

div.child{ position:absolute; min-width:200px; min-height:100px; }
div.child a{ width:185px; display:block; background:#e3e7e8; height:35px; text-decoration:none;font-size:20px; color:#6c8a91; line-height:35px; padding-left:15px; -moz-border-radius:5px; 	-webkit-border-radius:5px;	border-radius:5px;}
div.child a:hover{ background:#99b5bc; color:#fff}

/* ---  content   ---*/ 

.content{ background:#fafafa url(../images/bg_top_content.jpg) left top no-repeat; min-height:100px; padding-top:18px;}
div.line{ border-left:1px #eef0f1 solid;  padding-left:25px; padding-bottom:10px}
div.list p{ padding-left:20px; background:url(../images/bg_p_li.gif) left 50% no-repeat; padding-bottom:4px; padding-top:4px }

a.read{ display:block; background:url(../images/bg_read_more.png) left top no-repeat; width:118px; height:32px; text-decoration:none; text-align:center; line-height:32px; font-size:20px; color:#fff;  font-family: 'ExistenceLight'; margin-top:10px; opacity:.9; cursor:pointer}
a.read:hover{ opacity:1}

img.photo{ margin-bottom:6px; margin-top:4px}

/* ------    FOOTER      -----------*/ 
.footer{ padding-top:20px; padding-bottom:20px}
.footer li{ font-size:12px; font-family:Arial, Helvetica, sans-serif; color:#c5e7ef}
.footer li img{ margin-right:10px; margin-bottom:-10px; margin-top:14px}
.footer li a{font-size:12px; font-family:Arial, Helvetica, sans-serif; color:#c5e7ef; text-decoration:none}
.footer li a:hover{ color:#fff}

li.title{ font-size:18px; font-weight: normal; color:#fff;  padding-bottom:10px}

big{ display:block; font-size:14px; font-weight:bold; margin-bottom:9px}


/*   -----------------------------------------------------------------------------*/ 


@font-face {
    font-family: 'ExistenceLight';
    src: url('existence-light-webfont.eot');
    src: url('existence-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('existence-light-webfont.woff') format('woff'),
         url('existence-light-webfont.ttf') format('truetype'),
         url('existence-light-webfont.svg#ExistenceLight') format('svg');
    font-weight: normal;
    font-style: normal;

}

/*====================== Read More ====================*/
.ui-dialog { position: absolute; padding: .2em; width: 300px; overflow: hidden; }
.ui-dialog .ui-dialog-titlebar { padding: .4em 1em; position: relative;  }
.ui-dialog .ui-dialog-title { float: left; margin: .1em 16px .1em 0; } 
.ui-dialog .ui-dialog-titlebar-close { position: absolute; right: .3em; top: 50%; width: 19px; margin: -10px 0 0 0; padding: 1px; height: 18px; }
.ui-dialog .ui-dialog-titlebar-close span { display: block; margin: 1px; }
.ui-dialog .ui-dialog-titlebar-close:hover, .ui-dialog .ui-dialog-titlebar-close:focus { padding: 0; }
.ui-dialog .ui-dialog-content { position: relative; border: 0; padding: .5em 1em; background: none; overflow: auto; zoom: 1; font-size:12px; font-family:Arial }
.ui-dialog .ui-dialog-buttonpane { text-align: left; border-width: 1px 0 0 0; background-image: none; margin: .5em 0 0 0; padding: .3em 1em .5em .4em; }
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset { float: right; }
.ui-dialog .ui-dialog-buttonpane button { margin: .5em .4em .5em 0; cursor: pointer; }
.ui-dialog .ui-resizable-se { width: 14px; height: 14px; right: 3px; bottom: 3px; }
.ui-draggable .ui-dialog-titlebar { cursor: move; }

/*================= Contacts =========================*/

.notification_error{ height: auto;width: 96%;padding: 2px;background: #dbe1e3; text-align: left; color:#f00; margin-bottom:2px; border: 1px solid #a3b5b9;  border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px;}
.notification_ok{ border: 1px solid #a3b5b9 ; height: auto; width: 96%; padding: 8px; background: #dbe1e3; text-align: center; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; color:#1b3d45} 

.button { display:block; background:url(../images/bg_read_more.png) left top no-repeat; width:118px; height:32px; text-decoration:none; text-align:center; line-height:32px; font-size:20px; color:#fff;  font-family: 'ExistenceLight'; margin-top:10px; opacity:.9; cursor:pointer; border:0; opacity:.9}
.button:hover{ text-decoration:none; opacity:1}

/* Label */
label  { width: 100px;  margin: 0px; float: left; text-align: left; }

/* Input, Textarea */
input{ margin: 0px; padding: 0px;  float: left; border: 1px solid #a3b5b9;  color: #1b3d45; background:#dbe1e3; font: 12px Arial, Helvetica, Arial, sans-serif; height:28px; margin-bottom:3px; width:420px;border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; margin-bottom:5px; line-height:28px}

textarea{margin: 0px; padding: 0px;  float: left; background:#dbe1e3; border: 1px solid #a3b5b9;  color: #1b3d45;   font: 12px Arial, Helvetica, Arial, sans-serif; height:68px; margin-bottom:3px; width:420px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;margin-bottom:5px }