html, body, h1, div, span, p, a, em, font, img, center, ol, ul, li {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-size: 100%;
vertical-align: baseline;
background: transparent;
}
img{max-width:100%;height:auto;}
body {
line-height: 1;
}
ul {
list-style: none;
}

body {
	background-color: #fff;
	font-family: Tahoma, Geneva, sans-serif;
}

#headblock
{
	width: 962px;
	margin: 0 auto;
	background-color: #FFF;
}

#headblock  a {
	color: #69F;
}
.head
{
	width: 40%;
	float: left;
}

h1{
	float: right;
	width: 60%;
	font-size: 16px;
	color: #004975;
	font-family: Verdana, Geneva, sans-serif;
	line-height: 1.2em;
	text-align: right;
	margin-top: 5px;
}
h2, h2 a {
	font-size: 26px;
	color: #1D323E;
	font-family: Verdana, Geneva, sans-serif;
	line-height: 0.8em;
	text-align: center;
	text-decoration: none;
}

#join-desk, #pics-desc{
	font-size: 24px;
	font-weight: bold;
	color: #1D323E;
	text-align: center;
	line-height: 1.2em;
	margin: 30px;
}
#pics-desc {	margin: 0 0 50px;}
#join-desk a , #pics-desc a{
	color: #F00;
	text-transform: capitalize;
	text-decoration: none;
}
#join-desk a:hover, #pics-desc a:hover, h2 a:hover {
	color: #000;
}

.wrap1, .f_wrap1 {
	background-color: #0a7CBB;
	padding: 1px;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

.wrap2, .f_wrap2 {
	background-color: #F3FCFC;
	padding: 1px;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}

#m-cont {
	width: 952px;
	margin: 2px auto;
	overflow: hidden;
}
.m-side-block {
	width: 164px;
	float: left;
}

.m-main-block {
	width: 786px;
	float: right;
}
.m-cont-foot {
	width: 99.5%;
	margin: 20px auto;
}
.side-title, .top-menu {
	width: 98.85%;
	margin: 2px auto 4px;
	padding: 8px 0;
	text-align: center;
	font-weight: bold;
	text-transform: uppercase;
	font-size: 0.9em;
	color: #FFF;
	display: block;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	background: #003b5c;
	background: -webkit-gradient(linear, left top, left bottom, from(#5fa6ce), to(#1b2e39));
	background: -moz-linear-gradient(top,  #5fa6ce,  #1b2e39);
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#5fa6ce', endColorstr='#1b2e39'); /* ie7 */
    -ms-filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#5fa6ce', endColorstr='#1b2e39'); /* ie8 */
	clear:both;
}

.side-bg {
	width: 98.85%;
	margin: 0 auto 8px;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

.main-list {
	width: 90%;
	margin: 5px auto;
}

.main-list li {
	border-bottom: 1px dotted #737373;
	font-size: 13px;
	font-weight: bold;
	text-transform: capitalize;
	text-indent: 3px;
	color: #036;
	padding: 3px 0;
}

.main-list li a {
	color: #00458a;
	text-decoration: none;
}

.main-list li a:hover {
	color: #000;
}

.top-menu {
	width: 99.4%;
}
.top-menu a {
	color: #FFF;
	text-decoration: none;
}

.top-menu a.active, .top-menu a:hover {
	color: #0CF;
}

.bottom_thumb_top, .main_thumb_block{
	width:100%;
	margin:0 auto 10px;
	text-align: center;
	overflow: hidden;
	display: inline-block;
	zoom: 1;
    *display: inline;
}

.bottom_thumb_top a, .main_thumb_block a{
	display:inline-block;
	-moz-border-radius:5px;
	-webkit-border-radius: 5px;
	border-radius:5px;
	font-size:12px;
	font-weight:bolder;
	color:#00458a;
	background-color:#CDE6ED;
	text-align:center;
	text-decoration:none;
	width:152px;
	margin:2px 0;
	padding-top:5px;
	padding-bottom:5px;
	zoom: 1;
    *display: inline;
}

.bottom_thumb_top a:hover, .main_thumb_block a:hover{
	color:#000;
	text-decoration:none;
	background-color:#9ECEE0;
}
.bottom_thumb_top a IMG{
	width:140px;
	height:180px;
	border:1px solid #0a7CBB;
}
.main_thumb_block a{
	background-color:#E8F7F9;
	width:188px;
}
.bottom_thumb_top a:hover IMG{border:1px solid white;}

.main_thumb_block a:hover{
	color:#000;
	text-decoration:none;
	background-color:#CDE6ED;
}
.main_thumb_block a IMG{
	width:180px;
	height:240px;
	border:1px solid #0a7CBB;
}
.main_thumb_block a:hover IMG{
	border:1px solid white;
}
.main_thumb_title {
	font-size: 13px;
	font-weight: bold;
	color: #036;
	text-align: center;
	padding: 5px;
	height: 30px;
}
.main_thumb_date {
	font-size: 11px;
	color: #036;
	text-align: right;
	margin-top: 7px;
	padding-right: 17px;
}
.pix-img img{
	display: block;
	height: auto;
	margin: 0 auto;
}
/*search form*/
.searchform {
	display: inline-block;
	zoom: 1; /* ie7 hack for display:inline-block */
	 *display: inline;
	border: solid 1px #0a7CBB;
	-webkit-border-radius: 2em;
	-moz-border-radius: 2em;
	border-radius: 2em;
	-webkit-box-shadow: 0 1px 0px rgba(0,0,0,.1);
	-moz-box-shadow: 0 1px 0px rgba(0,0,0,.1);
	box-shadow: 0 1px 0px rgba(0,0,0,.1);
	background: #f1f1f1;
	background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ededed));
	background: -moz-linear-gradient(top,  #fff,  #ededed);
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ededed'); /* ie7 */
    -ms-filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ededed'); /* ie8 */
	margin-top: 5px;
	padding: 3px 5px;
}
.searchform input {
        font: normal 12px/100% arial, Helvetica, sans-serif;
}
.searchform .searchfield {
	background: #fff;
	padding: 6px 6px 6px 8px;
	width: 202px;
	border: solid 1px #0a7CBB;
	outline: none;
	-webkit-border-radius: 2em;
	-moz-border-radius: 2em;
	border-radius: 2em;
	-moz-box-shadow: inset 0 1px 2px rgba(0,0,0,.2);
	-webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,.2);
	box-shadow: inset 0 1px 2px rgba(0,0,0,.2);
}
.searchform .searchbutton {
	color: #fff;
	border: solid 1px #0a7CBB;
	font-size: 11px;
	height: 27px;
	width: 27px;
	text-shadow: 0 1px 1px rgba(0,0,0,.6);
	-webkit-border-radius: 2em;
	-moz-border-radius: 2em;
	border-radius: 2em;
	background: #5f5f5f;
	background: -webkit-gradient(linear, left top, left bottom, from(#5Ea4CC), to(#1D323D));
	background: -moz-linear-gradient(top, #5Ea4CC, #1D323D);
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#5Ea4CC', endColorstr='#1D323D'); /* ie7 */
    -ms-filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#5Ea4CC', endColorstr='#1D323D'); /* ie8 */
}
/* Placeholder */
::-webkit-input-placeholder {
    opacity: 1 !important;
}

:-moz-placeholder { /* Firefox 18- */
   opacity: 1 !important;
}

::-moz-placeholder {  /* Firefox 19+ */
   opacity: 1 !important;
}

:-ms-input-placeholder {
    opacity: 1 !important;
}

/* Placeholder Focus */
/* WebKit browsers */
input:focus::-webkit-input-placeholder,
textarea:focus::-webkit-input-placeholder {
    color: transparent !important;
}

/* Mozilla Firefox 4 to 18 */
input:focus:-moz-placeholder,
textarea:focus:-moz-placeholder {
    color: transparent !important;
}

/* Mozilla Firefox 19+ */
input:focus::-moz-placeholder,
textarea:focus::-moz-placeholder {
    color: transparent !important;
}

/* Internet Explorer 10+ */
input:focus:-ms-input-placeholder,
textarea:focus:-ms-input-placeholder {
    color: transparent !important;
}
/*page navi*/
#page_navi
{
	text-align: center;
	width: auto;
	padding: 10px;
	color: #000;
}
/*curent page*/
.apc {
	border: solid 1px #003b5c;
	padding: 2px 4px 2px 4px;
	margin: 1px;
	background-color: #C1DCE6;
	font-weight: bold;
	font-size: 12px;
}

/*links on pages*/
.ap a:link, .ap a:visited, .ap a:active {
	border: solid 1px #69F;
	padding: 2px 4px 2px 4px;
	margin: 1px;
	color: #000;
	text-decoration: none;
	font-size: 12px;
	font-weight: bold;
}
/*selected links on pages*/
.ap a:hover {
	border: solid 1px #007aBC;
	padding: 2px 4px 2px 4px;
	margin: 1px;
	color: #000;
	text-decoration: none;
	background-color: #FFF;
}
.webmaster {
	font-size: 16px;
	line-height: 1.2em;
	color: #000;
	text-align: center;
	margin: 20px;
}
.webmaster strong{
	font-size: 18px;
}
.webmaster a{
	color: #00458a;
	text-decoration: none;
	font-weight: bold;
}
.webmaster a:hover{
	color: #000;
	text-decoration: underline;
}

#copyright {
	font-size: 13px;
	color: #000;
	margin: 20px auto;
	text-align: center;
	width: 95%;
}
#copyright a{
	color: #00458a;
	font-size: 14px;
	line-height: 1.2em;
	text-decoration: underline;
}
.r-tags{
	font: bold 16px Verdana, Geneva, sans-serif;
	color: #00458a;
	padding: 50px 7px 5px;
}
.r-tags a {
	color: #000;
	text-decoration: none;
	}
.r-tags a:hover {
	text-decoration: underline;
	}
.side-baHer{
	overflow: hidden;
	display: flex;
	justify-content: center;
}
.h_baHer
{
	display: inline-block;
	width: 300px;
	height: 250px;
	margin: 10px;
	zoom: 1;
    *display: inline;
}
.v_banner
{
	margin: 0 22px;
}
.hob
{
	text-align: center;
	font-size: 22px;
	font-weight: bold;
	margin: 5px;
	height: 165px;
}
.hob, .hob>nav
{
	text-align: center;
	-webkit-transform-origin:0 0 0;-moz-transform-origin:0 0 0;-ms-transform-origin:0 0 0;-o-transform-origin:0 0 0;transform-origin:0 0 0;
	-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1);

}
.clearfix
{
	clear:both;
}
/*socseti*/
.back-soc
{
	margin: 30px auto;
	width: 350px;
}
.social {font-size: 20px; line-height: 2.3;}
.social a{
    text-align: center;
	line-height: 1;
	font-size: 32px;
    width: 34px;
    height: 34px;
    float: left;
    border: 1px solid #ccc;
    box-shadow: 0 2px 4px rgba(0,0,0,0.15), inset 0 0 50px rgba(0,0,0,0.1);
    border-radius: 6px;
    margin: 0 10px 10px 0;
    padding: 6px;
}
.back a {background: #ce0000; color: #fff;}
.twitter a {background: #000; color: #fff;}
.facebook a {background: #3C5a99; color: #fff;}
.pinterest a {background: #CB2027; color: #fff;}
.reddit a {background: #FF4500; color: #fff;}
.tumblr a {background: #34526f; color: #fff;}

.back a:hover, .twitter a:hover, .facebook a:hover, .pinterest a:hover, .reddit a:hover, .tumblr a:hover {filter: opacity(0.8);}
.breadcrumbs {
    margin: 0 10px 10px;
    font-size: 14px;
    color: #333;
    font-weight: bold;
}

.breadcrumbs a {
    text-decoration: none;
    color: #00458A;
}

.breadcrumbs a:hover {
    text-decoration: underline;
}
@media (min-width: 1280px){
#headblock, #m-cont {width: 1136px;}
.m-main-block {width: 970px;}
.topfree {font: bold 16px arial, sans-serif;}
}
@media (max-width: 979px){
h1 {font-size: 13px;}
#headblock, #m-cont {width: 750px;}
.back-soc{width: 320px;}
.social {font-size: 18px;}
.social a {font-size: 24px;width: 28px;height: 28px;}
.m-main-block {width: 584px;}
.hide {display:none !important;}
.hob>nav  {-webkit-transform:scale(0.785);-moz-transform:scale(0.785);-ms-transform:scale(0.785);-o-transform:scale(0.785);transform:scale(0.785);}
.hob{height: 150px;}
}
@media (max-width: 767px){
#headblock, #m-cont {width: 580px;}
.m-main-block {width: 414px;}
.head {width: 50%;}
h1 {width: 50%;font-size: 12px;}
.side-title, .top-menu {font-size: 0.7em;}
.hob>nav{-webkit-transform:scale(0.55);-moz-transform:scale(0.55);-ms-transform:scale(0.55);-o-transform:scale(0.55);transform:scale(0.55);}
.hob{height: 130px;}
.h_baHer{margin: 2px;}
}
@media (max-width: 599px){
#headblock, #m-cont {width: 98%;}
.m-main-block  {width: 100%!important;}
.m-side-block {display:none;height:0px !important;}
.wrap1, .wrap2 {height: 100%!important;}
.show_top, h1 {display:none;}
.head {width: 100%;}
.main-list li {font-size: 12px;}
#join-desk, #pics-desc{
	font-size: 16px;
	margin: 10px;
}
#pics-desc{margin: 0px;}
.bottom_thumb_top a, .main_thumb_block a {width:31.5%;}
.bottom_thumb_top a IMG, .main_thumb_block a IMG {width:138px;height:184px;}
.side-baHer {
  text-align: center;
  display: block;
  margin: 10px;
}
#page_navi {padding: 10px;}
.apc {
	border-width: 1px;
	padding: 1px 2px 1px 2px;
	font-size: 8px;
	margin: 0px;
}
.ap a:link, .ap a:visited, .ap a:active {
	border-width: 1px;
	padding: 1px 2px 1px 2px;
	font-size: 8px;
	margin: 0px;
}
.ap a:hover {
	border-width: 1px;
	padding: 1px 2px 1px 2px;
	margin: 0px;
}
.hob>nav{-webkit-transform:scale(0.62);-moz-transform:scale(0.62);-ms-transform:scale(0.62);-o-transform:scale(0.62);transform:scale(0.62);}
.hob{height: 140px;margin: 0 auto;width: 459px;}
}
@media (max-width: 479px){
.main_thumb_title {font-size: 11px;padding: 2px;}
.bottom_thumb_top a, .main_thumb_block a {width:48%;font-size:10px;}
.bottom_thumb_top a IMG, .main_thumb_block a IMG {width:140px;height:186px;}
.hob>nav{-webkit-transform:scale(0.425);-moz-transform:scale(0.425);-ms-transform:scale(0.425);-o-transform:scale(0.425);transform:scale(0.425);}
.hob{height: 120px;margin: 0 auto;width: 310px;}
}
@media (max-width: 240px){
.bottom_thumb_top a, .main_thumb_block a {width:96%;}
.bottom_thumb_top a IMG, .main_thumb_block a IMG {width:180px;height:240px;}
}