/* CSS Document */
* { margin:0; padding:0;}
html, body { height:100%; }
body {font-size:100%; line-height:1.125em; background:url(images/bg.gif); min-width:998px}
html, input, textarea { font-family: Arial, Helvetica, sans-serif;
color:#646464; }
.alignMiddle{ vertical-align:middle}
.alignCenter{ text-align: center}
.container1{ width:100%}
object { vertical-align:top; outline:none}
.clear { clear:both;}
.fleft{ float:left}
.fright{ float:right}
div.container { overflow:hidden; width: 100%;}
a img{ border:0}
img{ vertical-align:top; }
a{color:#646464; text-decoration:underline; outline:none}
a:hover{text-decoration:none}
.link{color:#36cef9; background:url(images/marker.gif) center right no-repeat; padding-right:10px; font-weight:bold }
.link1{color:#36cef9; font-weight:bold }
.button{color:#fff; text-transform:uppercase; text-decoration:none; }
.button:hover{text-decoration:none; color:#282828 }
#content ul{margin:0; padding:0; list-style:none;}
#content ul li{background:url(images/marker.gif) top left no-repeat; background-position:0 10px; margin:0; padding-left:12px; }
#content ul li a{color:#36cef9; font-weight:bold; text-decoration: underline; line-height:2em}
#content ul li a:hover { text-decoration:none; }
.link-1 { display:block; float:left; background:url(images/link_bg.gif) repeat-x left top; color:#ffffff; text-decoration:none; }
.link-1 em { display:block; background:url(images/link_left.gif) no-repeat left top;}
.link-1 b { display:block; background:url(images/link_right.gif) no-repeat right top; padding:2px 23px 3px 28px; font-weight:normal; font-style:normal;}
.link-1:hover{ text-decoration:none; color:#000000}
/*header*/
#header {font-size:0.5625em; color:#FFFFFF }
#header .logo{ margin:8px 0 0 35px }
#header .indent{margin:44px 0 0 862px; position:absolute; width:82px}
#header .indent1{padding:20px 0 0 880px}
#header .indent2{padding:15px 0 0 880px}
#header ul{margin:0; padding:18px 0 0 365px; list-style:none;}
#header ul li{ margin:0; display:inline; background:url(images/bg_menu.gif) center left no-repeat; float:left; padding:0 22px 0 22px}
#header ul .first{background:none;}
#header ul .first a{padding:0}
#header ul li a{color:#fff; text-transform:uppercase; text-decoration:none; display:block; float:left}
#header ul li a:hover { color:#000; text-decoration:none;}
#header ul li .current{ text-decoration:none;}
#content .slogan{ padding:24px 45px 0 22px; text-align:right }
#content h1{ color:#8b870e; font-size:31px; text-transform:uppercase; margin-bottom:13px; line-height:1.2em; letter-spacing:-2px }
/*content*/
#content{ font-size:0.75em; width:100%; text-align:left;}
#content .bg-cont{ background:url(images/bg_cont1.jpg) top left no-repeat; width:903px; height:451px}
#content .indent-main{padding:0 38px 0 39px}
#content .indent-main1{padding:9px 10px 0 10px}
#content .indent-main-1{padding:24px 20px 0 32px}
#content .indent-main2{padding:9px 10px 0 31px}
#content .indent-col2{padding:15px 0 0 0}
#content .title{ margin-bottom:16px}
#content .img-left{ float:left; margin:0 18px 21px 0}
#content .img-left1{ float:left; margin:0 16px 10px 0}
#content .img-left2{ float:left; margin:0 16px 0 0}
#content .img-indent{ margin:0 0 16px 0}
#content p{ margin:0 0 11px 0}
#content .p{ margin:0}
#content .p1{ margin:0 0 11px 0}
#content .p2{ margin:0 0 27px 0}
#content h2{color:#444c56; text-transform:uppercase; line-height:1.2em; font-size:1.75em; margin-bottom:21px; }
#content h4{color:#8b870e; font-size:1em; margin-bottom:13px; }
#content .tail{ background:url(images/tail.gif) bottom repeat-x; padding-bottom:25px; margin-bottom:11px}
#content .tail1{ background:url(images/tail.gif) bottom repeat-x; padding-bottom:7px; margin-bottom:19px}
#content .indent{padding:0 0 0 0}
/*box*/
.box{ background: url(images/bg_block.gif) top left no-repeat; height:433px; width:100%; line-height:1.33em}
.box .indent-box{ padding:19px 25px 10px 26px; }
#content .box h2 span{color:#444c56; text-transform:uppercase; line-height:1.2em; font-size:1.14em; margin-bottom:7px; }
/*footer*/
#footer { color:#434242; text-transform:uppercase; font-size:0.625em; }
#footer .indent-footer{ padding:102px 50px 0 35px;}
#footer span {color:#31b2d6;}
#footer a {color:#434242; text-decoration:none}
#footer a:hover { text-decoration:underline}
.jamp{ width:40px; margin-left:6px}
select{font-size:.84em; color:#2d3331; height:20px; font-family:Tahoma;}
.indent-2{ position:relative; padding-left:20px; float:left}
.h{ height:26px}
.h1{ height:30px; background:url(images/bg_input.gif) top left no-repeat}
.block-contact span{ float:right; margin-right:110px}
.input{
border:none;
background:none;
width:220px; height:20px;
font-size:1em;
color:#000;
padding-left:5px;
padding-top:2px;
}
textarea{
border:1px solid #dbdbdb;
background:#FFFFFF;
width:254px; height:104px;
font-size:1em;
padding-left:5px;
margin-bottom:11px;
overflow:auto}
body {
text-align: center;
}
.wrapper {
position: relative;
display: inline-block;
}
.hero-image {
margin: auto;
display: block;
border: 4px dotted red;
}
.link {
position: absolute;
bottom: 189px;
right: 50px;
border-radius: 5px;
background-color: #1a2552;
color: #FFFFFF !important;
font-family: Aria, serif;
font-size: 1.3em;
padding: 15px 20px;
text-decoration: none;
-webkit-box-shadow: 3px 3px 5px 0px rgba(50, 50, 50, 0.75);
-moz-box-shadow: 3px 3px 5px 0px rgba(50, 50, 50, 0.75);
box-shadow: 3px 3px 5px 0px rgba(50, 50, 50, 0.75);
cursor: pointer;
}
.link:hover {
background-color: #24305f;
}
.hidden {
display: none;
}
.modal-wrapper {
position: fixed;
top: 0;
right: 0;
bottom: 0;
left : 0;
background-color: rgba(0,0,0,0.5);
}
.modal {
box-sizing: border-box;
max-width : 600px;
margin: 40px auto;
border-radius: 10px;
background-color: #EDEFF0;
padding: 20px;
}
.btn {
padding: 3px 20px;
font-size: 1em;
}
.message {
padding: 20px 0;
color : #FFFFFF;
margin-bottom: 20px;
}
.message.message-ok{
background-color: #56DD2C;
}
.message.message-error{
background-color: #ED4A2F;
}