@charset "utf-8";
/* CSS Document */

/*html { background:url(img/bg.jpg) no-repeat fixed center top;}*/
body {margin:0; color:#777777;}
#page-bg {
    height: 100%;
    left: 0;
    overflow: hidden;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: -1;
}
#page-bg img {
    position: absolute;
    top: 0px;
    min-width: 100%;
	max-height:100%;
}

a {color:#666; text-decoration:none; text-shadow: 1px 1px 0px rgba(255, 255, 255, .9), 1px 1px 3px rgba(0, 0, 0, .5);}
a:hover {text-decoration:underline; color:/*#005da7*/ red;}
.container {width:960px; margin:0 auto 20px; background:rgba(255, 255, 255, .5);/* background:#fafbfb;*/ border:#999 1px solid; padding:20px;
    		box-shadow: 0px 1px 5px 0px #4a4a4a;
       -moz-box-shadow: 0px 1px 5px 0px #4a4a4a;
	-webkit-box-shadow: 0px 1px 5px 0px #4a4a4a;
}
.round { border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; }
.rounded { border-radius:8px; -moz-border-radius:8px; -webkit-border-radius:8px; }
.text { background:#fff; margin-bottom:20px; padding:10px 15px; border:1px solid #777;
/*    		box-shadow: inset 0px 1px 5px 0px #4a4a4a;
       -moz-box-shadow: inset 0px 1px 5px 0px #4a4a4a;
	-webkit-box-shadow: inset 0px 1px 5px 0px #4a4a4a;
*/}
header {margin:0px 0 20px; height:54px}
.wrapper {width:960px; margin:0 auto; }
.top-content {position:relative; height:240px;}
.logo {position:absolute; left:0; top:0;}
.logo img {width:240px;}

nav {position:fixed; top:0; background:url(../images/sub_back.png) repeat-x #fff; width:100%; z-index:1000; font-weight:bold;
	box-shadow: 0px 3px 7px rgba(0, 0, 0, 0.7); height:54px; text-transform:uppercase;
	} 
nav ul {list-style:none; margin:0; padding:0;}
nav ul li {float: left; padding:0 5px; line-height:50px;}
/*nav ul li.active a { color: red; text-decoration:underline;}
*/
/**************************/
nav ul li a {
	padding:8px 25px; margin-top:5px; 
	color:#fff; font-size:12px; line-height:24px; font-weight:bold;
	text-shadow:0px 0px 2px #333;
	-webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; behavior:url(js/PIE.htc); border:none;

    -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.22), inset 0 2px 0 rgba(255,255,255,0.2);
       -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.22), inset 0 2px 0 rgba(255,255,255,0.2);
	        box-shadow: 0 1px 3px rgba(0,0,0,0.22), inset 0 2px 0 rgba(255,255,255,0.2);
    background:#4f4f4f;
}
nav ul li a:hover, nav ul li.active a  {
	text-decoration:none; color:#fff;
    -webkit-transition-duration: 0.4s;
    -moz-transition-duration: 0.4s; 
    -o-transition-duration: 0.4s; 
    -ms-transition-duration: 0.4s;
    transition-duration: 0.4s;
	background: -moz-linear-gradient(100% 100% 90deg, #0092CB, #52a8ec) repeat scroll center center #0092CB; /* firefox */
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#52a8ec), to(#0092CB)); /* chrome, safari */
	background-color: #0092CB;
	background-image: -o-linear-gradient(top,rgb(82, 168, 236),rgb(0,146,203)); /* opera */
}
/*==========================================*/
/* Share Elements*/
/* Social */
.social {float:right; margin-top:5px;}
.social img { border:none}
.social a { margin:0 5px;}
.fb {background:url(../images/social/fb-g.png) no-repeat;}
.fb:hover {background:url(../images/social/fb.png) no-repeat;}
.gp  {background:url(../images/social/gplus-g.png) no-repeat;}
.gp:hover  {background:url(../images/social/gplus.png) no-repeat;}
.tw  {background:url(../images/social/twitter-g.png) no-repeat;}
.tw:hover  {background:url(../images/social/twitter.png) no-repeat;}

/*************************/
aside { overflow: hidden; width: 260px; height:100%;}
.leftside {float:left;}

.menu {float:left; display:block; background-color:rgba(255, 255, 255, .8); width:240px; margin-bottom:10px; position:static; top:20px; text-transform:uppercase;
	-webkit-box-shadow: 0px 1px 5px 0px #4a4a4a;
       -moz-box-shadow: 0px 1px 5px 0px #4a4a4a;
    		box-shadow: 0px 1px 5px 0px #4a4a4a;
}
.menu .mTitle { text-align:center; text-shadow: 1px 1px 0px rgba(255, 255, 255, .9), 2px 2px 2px rgba(0, 0, 0, .5); margin: 10px 0; font-size:16px; font-weight:bold;}
.menu ul {list-style: none; padding:0; margin-bottom:0; font-size:11px;}
.menu li { padding:0 10px; width:220px;
    background: url("../images/sub_back.png") repeat-x center top #fff;
    line-height: 35px; font-weight:bold;
}
.menu li a { display:block;} 
.menu li.active a {color:#0000FF;} 
.menu li:last-child { margin-bottom:5px}
.page-content {
    float: left; /*margin-top:10px;*/
    overflow: hidden;
    padding: 15px 20px 10px 20px;
    width: 660px;
	background-color:rgba(255, 255, 255, .4);
	-webkit-box-shadow: 0px 1px 5px 0px #4a4a4a;
       -moz-box-shadow: 0px 1px 5px 0px #4a4a4a;
    		box-shadow: 0px 1px 5px 0px #4a4a4a;
	}
.lead {}
.lead h3 {color:#ff0000; font-weight:bold; font-family:Arial, Helvetica, sans-serif; text-align:center;}
.date { color:#36f; font-weight:bold; text-align:center;}
.lead a.highslide {text-align:left; float:left; margin:5px 10px 5px 0px;}
#page img { max-width:100%}

.yellow { background:#FFFFCC; text-align: center; width: 90%; color:#1f267b; font-weight:bold; line-height:30px; margin:10px 0 0 0; border:1px solid #777777; text-shadow: 1px 1px 0px rgba(255, 255, 255, .9), 2px 2px 2px rgba(0, 0, 0, .5); padding:1% 5%;}
.yellow a, .yellow a:hover {color:#1f267b;} 

#winMem { background:#FFFFCC; /*height: 45px;*/ text-align: center; width: 94%; color:#ff0000; font-weight:bold; line-height:20px; margin:10px 0 0 0; border:1px solid #777777; text-shadow: 1px 1px 0px rgba(255, 255, 255, .9), 2px 2px 2px rgba(0, 0, 0, .5); padding:10px 3%;}

.page-img {float: left; margin: 0 15px 5px 0;}
.list { margin-right:-20px; margin-bottom:10px; margin-top:10px;}
.box, .box-front { margin-right:20px; margin-bottom:20px; padding:15px; border:1px solid #777/*#bebebe*/; float:left; height:240px; position: relative; background:#fff}
.box { width:288px;}
.box-front { width:288px;}
.box-title { font-size:14px; font-weight:bold; height: 20px; text-align: center;
color:#666; text-decoration:none; text-shadow: 1px 1px 0px rgba(255, 255, 255, .9), 1px 1px 3px rgba(0, 0, 0, .5);}
.box img , .box-front img { float: left; margin: 5px 10px 5px 0; width: 45%; border:1px solid;}

a.read-more {
	padding:3px 15px; margin-top:5px; position:absolute; right:10px; bottom:10px; 
	color:#fff; font-size:12px; line-height:18px; font-weight:bold;
	text-shadow:0px 0px 2px #333;
	-webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; behavior:url(js/PIE.htc); border:none;

    -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.22), inset 0 2px 0 rgba(255,255,255,0.2);
       -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.22), inset 0 2px 0 rgba(255,255,255,0.2);
	        box-shadow: 0 1px 3px rgba(0,0,0,0.22), inset 0 2px 0 rgba(255,255,255,0.2);
	background: -moz-linear-gradient(100% 100% 90deg, #0092CB, #52a8ec) repeat scroll center center #0092CB; /* firefox */
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#52a8ec), to(#0092CB)); /* chrome, safari */
	background-color: #0092CB;
	background-image: -o-linear-gradient(top,rgb(82, 168, 236),rgb(0,146,203)); /* opera */
}
a.read-more:hover {
	text-decoration:none;
    -webkit-transition-duration: 0.4s;
    -moz-transition-duration: 0.4s; 
    -o-transition-duration: 0.4s; 
    -ms-transition-duration: 0.4s;
    transition-duration: 0.4s;
    background:#4f4f4f;
}

.half { margin-right:3%; width:47%; float:left;}
.half:last-child {margin-right:0;}
img.map { width:420px;}

/*************** contacts-form ***************/		
#contacts-form {margin:0 0 20px;}
#contacts-form fieldset {margin:0; width:270px; padding:15px; margin-right:20px; float:left;}
#contacts-form fieldset:last-child {margin-right:0;}
#contacts-form input {height:20px; float:right; width:50%; margin-bottom:10px;}
#contacts-form label {height:24px; float:left; width:48%; margin-bottom:10px; line-height:24px;}
#contacts-form textarea { width: 100%; height:98px}
#contacts-form input[type="submit"] { width:100%; height:30px; margin-bottom:0; margin-top:10px}
#contacts-form .half:last-child {margin-right:0;}

textarea:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="time"]:focus,
input[type="week"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="color"]:focus,
.uneditable-input:focus,

 select:focus, option:focus, select::-moz-focus-inner, option::-moz-focus-inner /*82, 168, 236 - blue/ 163,203,10 - green */  {
  outline: 0;
  outline: thin dotted \9;
  /* IE6-9 */

  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,1), 0 0 8px rgba(250, 3, 3,.6);
  -moz-box-shadow: inset 0 1px 1px rgba(0,0,0,1), 0 0 8px rgba(250, 3, 3,.6);
  box-shadow: inset 0 1px 1px rgba(0,0,0,1), 0 0 8px rgba(250, 3, 3,.6);
}

iframe {width:318px; height: 290px; border:1px solid #777777; margin:0;}

/*************** FOOTER ***************/
footer {background:url(../images/sub_back.png) repeat-x #fff; width:100%; z-index:1000; display:block; height:35px; line-height:35px; font-size:.75em;
	box-shadow: 0px 3px 7px rgba(0, 0, 0, 0.7);}
.copy {float:left;}
.author {float:right}


article, aside, details, figcaption, figure, footer, header, hgroup, nav, section {
    display: block;
}
.container:before, .container:after {
    content: "";
    display: table;
    line-height: 0;
}
.container:after {
    clear: both;
}
.clearfix:before, .clearfix:after {
    content: "";
    display: table;
    line-height: 0;
}
.clearfix:after {
    clear: both;
}