@charset "utf-8";
body {
	margin:0;
	padding:0;
	width:100%;
	background: url(../images/main_bg.gif);
}
html {
	padding:0;
	margin:0;
}
a {
	text-decoration:none;
}
a:hover {
	text-decoration:underline;
}
/* main */
.main {
	padding:0;
	margin:0 auto;
}
/********** header **********/
.blok_header {
	margin:0;
	padding:0;
        background:url(../images/background-mjpp.png) repeat-x;
}
.header {
	width:960px;
	margin:0 auto;
	padding:0;
}
/* logo */
.logo {
	padding:0;
	margin:0;
	float:left;
}

/*.slider */

.slider { margin:0; padding:12px 0 0; background:url(../images/slider_shade.png) no-repeat center 363px;}

.coin-slider { overflow:hidden; zoom:1; position:relative;}
.coin-slider a{ text-decoration:none; outline:none; border:none;}

.cs-buttons { font-size:0px; padding:10px; float:left;}
.cs-buttons a { margin-left:5px; width:17px; height:16px; float:left; background:url(../images/slide_p.gif) no-repeat left top; color:#fff; text-indent:-1000px;}
.cs-buttons a.cs-active { background:url(../images/slide_a.png) no-repeat left top; color:#fff;}

.cs-title { width:676px; padding:16px; background:url(../images/overlay.png) repeat left top; color:#fff; font-size:28px; line-height:1em;}
.cs-title small { padding:4px 16px 0 0; display:block; float:right; font-size:12px; line-height:1.2em;}

.cs-prev, 
.cs-next { background-color:#36b8c5; color:#fff; padding:0px 10px;}



/* menu_resize */
.menu_resize_bg {
	height:41px;
}
.menu_resize {
	width:960px;
	margin:0 auto;
	padding:0;
}
/* menu */	
.menu {
	padding:1px 0 0 0;
	margin:1px 0px;
	width:600px;
	float:left;
}
.menu ul {
	text-align: left;
	padding:0;
	margin:0;
	list-style:none;
	border:0;
	float:left;
}
.menu ul li {
	float:left;
	margin:0;
	padding:0;
	border:0;
}
.menu ul li a {
	float:left;
	margin:0;
	padding:13px 0;
	color:#fff;
	font:normal 12px Arial, Helvetica, sans-serif;
	text-decoration:none;
}
.menu ul li a span {
	padding:12px 9px;
	background:none;
}
.menu ul li a:hover {
	background:#efb100;
}
.menu ul li a.active {
	background:#efb100;
}


.nav {
	width:700px;
	margin-bottom:20px;
	height:50px;
	float:left;
	font:normal 12px Arial, Helvetica, sans-serif;
}
#topmenu, #topmenu li ul {
	margin: 0px;
	padding:0px;
	list-style:none;
}
#topmenu > li {
	float:left;
	position:relative;
	padding:8px;
	margin:0px 5px 20px 5px;
	height:15px;
}
#topmenu li a {
	display:block;
	text-decoration:none;
	color:#ffffff;
	padding:8px 5px;
	font-size:12px;
}
#topmenu li ul {
	display:none;
	padding-top:5px;
	-webkit-animation-duration: 0.5s;
	-o-animation-duration: 0.5s;
	-moz-animation-duration: 0.5s;
	animation-duration: 0.5s;
}
#topmenu li:hover ul {
	display:block;
	position:absolute;
	z-index:999;

}
#topmenu li ul li {
		background:#f5f5f5;
	box-shadow:0px 5px 5px grey;
	padding:5px;
	width:150px;
	border-bottom:thin solid #456689;

}
#topmenu li ul li:last-child {
	border-bottom:6px solid #456689;
}
#topmenu li ul li a {
	padding:0px;
	color:#456689;
	font-size:12px;
}
#topmenu li ul li:hover {
	background:#456689;
	padding:5px;
	width:150px;
}
#topmenu li ul li a:hover {
	color:white;
}

/* search */
.search {
	padding:8px 0 0 0;
	margin:0;
	width:200px;
	float:right;
}
.search form {
	display:block;
	float:right;
	padding:0;
}
.search span {
	display:block;
	float:left;
	background: url(../images/search_bg.png) left top no-repeat;
	width:156px;
	padding:0;
	height:27px;
}
.search form .keywords {
	line-height:15px;
	height:15px;
	float:left;
	width:146px;
	background:url(../images/search_bg.png) left top no-repeat;
	border:0;
	padding:6px 5px;
	margin:0;
	font:normal 12px Arial, Helvetica, sans-serif;
	color:#6c6c6c;
}
.search form .button {
	float:left;
	margin:0;
	padding:0;
}
/*header_text*/
.header_text {
	margin:0 auto 10px auto;
	padding:5px 10px;
	width:940px;
	border-bottom:1px solid #d8d8d8;
}
.header_text h2 {
	font: normal 14px Arial, Helvetica, sans-serif;
	color:#6d6d6d;
	padding:5px 0;
	margin:0;
}
.header_text h2 span {
	font: normal 11px Arial, Helvetica, sans-serif;
	color:#a2a2a2;
}
.header_text img {
	float:right;
	margin:0;
	padding:5px 0 0 0;
}
/* Ca3er style */
.cu3er_resize {
	width:960px;
	margin:0 auto;
	padding:10px 0 44px 0;
	background:url(../images/swf_bg.jpg) no-repeat bottom;
}
#cu3er-container {
	width:960px;
	outline:0;
}
/********** body **********/
.body_resize {
	margin:0;
	padding:0;
}
.body {
	width:950px;
	margin:0 auto;
	padding:10px 5px;
}
.body h3 {
	font: normal 36px Arial, Helvetica, sans-serif;
	color:#131313;
	border-bottom:1px solid #d8d8d8;
	padding:20px 0;
	margin:5px 15px 25px 5px;
}
.body h2 {
	font: bold 14px Arial, Helvetica, sans-serif;
	color:#282828;
	margin:0;
	padding:15px 5px;
	text-transform:uppercase;
}
.body img {
	padding:0;
	margin:10px auto;
}
.body img.floated {
	float:left;
	padding:0;
	margin:10px 15px;
}
.body p {
	font:normal 12px Arial, Helvetica, sans-serif;
	color:#6d6d6d;
	line-height:1.8em;
	padding:5px 5px;
	margin:0;
}
.body a {
	text-decoration:none;
	color:#dd4200;
	line-height:1.8em;
	font: normal 12px Arial, Helvetica, sans-serif;
}
.full {
	padding:5px 0;
	margin:0;
}
.right {
	width:250px;
	float:right;
	padding:5px 0;
	margin:0;
}
.left {
	width:670px;
	float:left;
	padding:5px 0;
	margin:0;
}
.block {
	width:255px;
	float:left;
	margin:10px;
	padding:0;
}
.port_resize {
	width:290px;
	float:left;
	margin:10px 5px 10px 5px;
	padding:10px 5px;
	border:1px solid #dedede;
	background:#fff;
}
.port_resize img {
	margin:0;
	padding:0;
	position:relative;
	z-index:2;
}
/*FBG_blog*/
.FBG_blog {
	background:#171717;
	border-top:1px solid #fff;
	margin:0;
	padding:0;
}
.FBG_blog_resize {
	width:940px;
	margin:0 auto;
	padding:0;
}
.FBG_blog_resize h2 {
	font: normal 18px Arial, Helvetica, sans-serif;
	color:#fff;
	padding:0;
	margin:0;
}
.FBG_blog_resize p {
	font: normal 11px Arial, Helvetica, sans-serif;
	color:#7e7e7e;
	padding:0;
	margin:0;
}
.FBG_blog_resize img {
	float:right;
	margin:0;
	padding:0;
}
.FBG_blog_resize .recent {
	width:320px;
	float:left;
	padding:0;
	margin:20px 0 0 0;
	border-right:2px solid #616161;
}
.FBG_blog_resize .recent2 {
	width:430px;
	text-align:center;
	float:left;
	padding:5px 0 2px 0;
	margin:20px 0 0 0;
	border-right:1px solid #616161;
}
/*FBG*/
.FBG {
	background:#1b1b1b;
	border-top:1px solid #272727;
	margin:0;
	padding:0;
}
.FBG_resize {
	width:960px;
	margin:0 auto;
	padding:20px 0;
}
.FBG_resize p {
	font: normal 11px Arial, Helvetica, sans-serif;
	color:#717171;
	padding:5px;
	margin:0;
	line-height:1.8em;
}
.FBG_resize ul {
	list-style:none;
	margin:10px auto;
	padding:0;
}
.FBG_resize li {
	padding:0;
	margin:0;
}
.FBG_resize li a {
	font: normal 11px Arial, Helvetica, sans-serif;
	color:#666666;
	text-decoration:none;
}
.FBG_resize li a:hover {
	color:#d5d5d5;
}
.FBG_resize h2 {
	font: bold 14px Arial, Helvetica, sans-serif;
	color:#d5d5d5;
	padding:5px;
	margin:0;
}
.FBG_resize .left {
	width:120px;
	float:left;
	margin:10px 10px 10px 20px;
	padding:10px 5px;
}
/* END_bloga*/
/*************footer**********/
.footer {
	padding:0;
	margin:0;
	background:#1b1b1b;
}
.footer_resize {
	width:940px;
	margin:0 auto;
	padding:20px 10px;
	border-top:1px solid #2b2b2b;
}
.footer p {
	font:normal 11px Arial, Helvetica, sans-serif;
	color:#a2a2a2;
}
.footer a {
	font:bold 11px Arial, Helvetica, sans-serif;
	color:#a2a2a2;
	text-decoration:none;
	padding:5px;
	margin:0;
}
.footer p.right {
	text-align:right;
	width:350px;
	margin:0;
	padding:15px 0 0 0;
	float:right;
}
.footer p.leftt {
	text-align:left;
	width:550px;
	margin:0;
	padding:15px 0 0 0;
	float:left;
}
/********** contact form **********/
.form {
	margin:5px;
	padding:0;
	background:#fff;
	border:1px solid #dedede;
}
/********** contact form **********/
#contactform {
	margin:0;
	padding:5px 20px;
}
#contactform * {
	color:#7a7a7a;
}
#contactform ol {
	margin:0;
	padding:0;
	list-style:none;
}
#contactform li {
	margin:0;
	padding:0;
	background:none;
	border:none;
	display:block;
}
#contactform li.buttons {
	margin:5px 0 5px 0;
}
#contactform label {
	float:left;
	margin:0;
	width:100px;
	padding:5px 0;
	font:normal 12px Arial, Helvetica, sans-serif;
	color:#222;
	text-transform:capitalize;
}
#contactform label span {
	font:normal 10px Arial, Helvetica, sans-serif;
}
#contactform input.text {
	width:480px;
	border:1px solid #e9e9e9;
	margin:5px 0;
	padding:5px 2px;
	height:15px;
	background:#f8f8f8;
}
#contactform textarea {
	width:480px;
	border:1px solid #e9e9e9;
	margin:10px 0;
	padding:2px;
	background:#f8f8f8;
	height:150px;
}
#contactform li.buttons input {
	padding:3px 0;
	margin:0 0 0 400px;
	border:0;
	color:#FFF;
}
p.response {
	text-align:center;
	color:#2c2c2c;
	font:bold 11px Arial, Helvetica, sans-serif;
	line-height:1.8em;
	width:auto;
}
p.clr, .clr {
	clear:both;
	padding:0;
	margin:0;
}
li.bg, .bg {
	clear:both;
	border-bottom:1px solid #dedede;
	padding:10px 0 0 0;
	margin:0 0 10px 0;
	background:none;
	list-style:none;
}


#login {
	padding:5px;
	background:#fafafa;
	margin-top:56px;
border:thin solid #ccc;
}

#login span.symbols{
	
	margin-left:5px;
	float:left;
	clear:both;
padding:0px;
margin:0px;
}

#login-content {
			color:#fafafa;
			margin-top:5px;
			margin-left:5px;
}

#login-content .text-input{
	border:thin #dadee1 solid;
	height:30px;
	width:75%;
	float:left;
	background:#fdfef8;
	padding:0px 5px;
	margin-right:5px;
	margin-top:10px;
	margin-bottom:0px;


}

#login h3{
color:#1b4786;
	margin:0px 0px 10px 0px;
	font-size:24px;
	border-bottom:1px #CCC solid;
	padding:0px;
	}

	#login input.button {
				float: right;
				padding: 3px 6px;
				color: #fff;
				font-size: 12px;
				background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#a4d04a), to(#459300));
				background-color: #ff5959;
				-moz-border-radius: 4px;
                -webkit-border-radius: 4px;
				border-radius: 4px;
				border: solid 1px transparent;
				cursor: pointer;
				letter-spacing: 1px;
				font-weight:bold;
				margin-right:10px;
				margin-top:10px;
				

			}
			
			#login input.button:hover {
				background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#a4d04a), to(#a4d04a), color-stop(80%, #76b226));
				background-color:#d34e4f;
				color: #fff;
			}

/* #login_form {
    position: absolute;
    top: 20%;
    left: 30%;
    right: 30%;
    bottom: 20%;
    font-size: 18px;
} */

table.login {
    border-collapse: separate;
    border-spacing: 5px 30px;
}


#f1 {
    background-color:white;
    border-style: solid;
    border-width: 1px;
}
.f1_label {
    white-space: nowrap;
}


.text-box-fonts{
    font-family: SourceSansPro; font-size:13px; color:#555555; text-align:left;padding-left: 3px;
}
 
 
.btn {
  background: #b3026c;
  background-image: -webkit-linear-gradient(top, #b3026c, #2980b9);
  background-image: -moz-linear-gradient(top, #b3026c, #2980b9);
  background-image: -ms-linear-gradient(top, #b3026c, #2980b9);
  background-image: -o-linear-gradient(top, #b3026c, #2980b9);
  background-image: linear-gradient(to bottom, #b3026c, #2980b9);
  -webkit-border-radius: 23;
  -moz-border-radius: 23;
  border-radius: 23px;
  font-family: Arial;
  color: #ffffff;
  font-size: 20px;
  padding: 6px 13px 7px 18px;
  text-decoration: none;
}

.btn:hover {
  background: #3cb0fd;
  background-image: -webkit-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -moz-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -ms-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -o-linear-gradient(top, #3cb0fd, #3498db);
  background-image: linear-gradient(to bottom, #3cb0fd, #3498db);
  text-decoration: none;
}