html, body{
	font-family: Tahoma, sans-serif, Arial,Verdana;	
	font-size:14px;
}
header, nav, section, article, footer{
	display:block;
	position:relative;
}

h1,h2,h3,h4{
	margin:0.5em 0;
	color:#016a99;
}
h1{
	font-size:1.5rem;
}

h2{
	font-size:1.4rem;
}

h3{
	font-size:1.3rem;
	font-weight:normal;
}

h3 span{
	font-weight:bold;
	color:#016a99;
}

p{
	line-height:1.3;
	font-size: 1rem;
	color: #333;	
}


ul{
	margin:0;
	padding:0.2em;
}

header {
	margin-bottom:10px;
}
.navy{
	margin-bottom:20px;
}
.navy strong{
	
}

a{
	font-size:14px;
	color:#016a99;	
}

a:hover{
	color:#016a99;
}
.u{
	text-decoration:underline !important;
}


.clearfix:before,
.clearfix:after {
    content: "";
    display: table;
} 
.clearfix:after {
    clear: both;
}

input[type="submit"].form1, input[type="submit"]:focus.form1, input[type="submit"]:active.form1,
input[type="button"].form1, input[type="button"]:focus.form1, input[type="button"]:active.form1{
    background: #016a99 none repeat scroll 0 0;
    border: medium none;
    border-radius: 3px;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    font-size: 15px;
	line-height:35px;
    font-weight: 700;
    outline: medium none;
    outline-offset: 0;
    padding: 0 20px;
    text-transform: uppercase;
	text-align:center;
    transition: all 0.5s ease 0s;	
	
}
input[type="submit"]:hover.form1,  input[type="submit"]:focus:hover.form1, input[type="submit"]:active:hover.form1,
input[type="button"]:hover.form1,  input[type="button"]:focus:hover.form1, input[type="button"]:active:hover.form1{
    background: #fdc266 none repeat scroll 0 0;
    color: #fff;
	
}
textarea.form1, input[type="text"].form1, input[type="password"].form1,  input[type="email"].form1,  input[type="tel"].form1{
    background: #fff none repeat scroll 0 0;
    border: 2px solid #ddd;
    border-radius: 3px;
    box-shadow: none;
    box-sizing: border-box;
    color: #333;
    display: block;
    font-size: 14px;
    #height: 45px;
    line-height: 25px;
    outline: medium none;
    padding: 5px;
    transition: all 0.3s ease 0s;
    width: 100%;	
	
}
input[type="text"].form1.w25p {
	width:25%;
}


textarea:focus.form1, input[type="text"]:focus.form1,  input[type="password"]:focus.form1,  input[type="email"]:focus.form1,  input[type="tel"]:focus.form1{
  -webkit-box-shadow: 1px 1px 10px rgba(253, 194, 102, 0.8);
  -moz-box-shadow: 1px 1px 10px rgba(253, 194, 102, 0.8);
  box-shadow: 1px 1px 10px rgba(253, 194, 102, 0.8);	
  border-color:#fdc266;
  outline:0;
}

input[type="checkbox"]{
	margin-left:10px;
	margin-bottom:5px;
}
input[type="checkbox"]:first-child{
	#margin-left:0;
}


.select1{
	padding:5px;
}
.select1 option:first-child{
	color:gray;
}


/* çàãîòîâêè ìàðæèíîâ, øèðèíû, âûðàâíèâàíèß */
.margin20, .mt20{
	margin-top:20px;
}
.margin30, .mt30{
	margin-top:30px;
}
.tac{
	text-align:center;
}
.tar{
	text-align:right;
}



.main h1{
	margin-top:0;
	text-align:center;
}

.offers h1{
	margin-top:0;
	text-align:center;
}

.companies h1{
	margin-top:0;
	text-align:center;
}


.footer-1 li h3{
	margin:0;
	display:inline;
	color:inherit;
	font-size:inherit;
	font-weight:normal;	
}


.offer-list li h3{
	margin:0;
	display:inline;
	color:inherit;
	font-size:inherit;
	font-weight:normal;	
}


.sell{
	color:green;
}
.buy{
	color:red;
}





.box{
	border:1px solid #016a99;
	border-top:3px solid #016a99; 
	padding:20px;
	background:#f8f9f9;
}
.box.premium{
	background:#b2d2df;
}

.box.premium h3 span {
	color:#016a99;
}
.box.premium h2 span {
	color:#016a99;
	font-weight:bold;
}

.box.premium h2{
	font-size: 1.3rem;
	font-weight: normal;	
}

.box.main-seo{
	border:none;
}









.top-menu{
	background:#b2d2df none repeat scroll 0 0;
	#margin-bottom:10px;
}
.top-menu-wrap {
    margin: 0 auto;
    max-width:1200px;
	#min-width:640px;
    padding: 0;
	text-align: center;
}

.top-menu-logo{
	
	display:none;
	color:#016a99;
	font-family:"Trebuchet MS", Helvetica, sans-serif;
	font-size:20px;
	#font-size: 3vw;
	#font-style:italic;
	font-weight:bold;
	text-decoration:none;
	padding-top:5px;
}
.top-menu-logo span{
	color:#1d5581;
	font-size:20px;
	#font-size: 3vw;
	#font-style:italic;
}
.top-menu-logo:hover {
	color:#016a99;
}
.top-menu-logo img{
	display:block;
	max-width:100%;
	height:auto;
}


.main-menu-small{
	display:none;
	position:relative;
	text-align:center;
	background: #b2d2df none repeat scroll 0 0;
    #border-bottom: 1px solid #016a99;
    border-top: 1px solid #333;	
}


.main-menu-small ul{
	display:block;
	margin:0;
	padding:0;
	list-style-type:none;
	width:100%;

}

.main-menu-small ul li{
    display: block;
    margin: 0;
    padding: 0;
	border-bottom: 1px solid #016a99;
}

.main-menu-small ul li a {
    display: block;
    text-decoration: none;	
    color: #565d65;
    font-size: 16px;
    font-weight: bold;
    padding: 10px 0;
    transition: background 0.25s ease-out 0s;
	white-space: nowrap;
}
.main-menu-small  ul  li.active  a, .main-menu-small  ul  li  a:hover{
	background:#016a99;
	color:#fff;
}


.main-menu-small ul li a h2{
	margin:0;
    text-decoration: none;	
    color: #565d65;
    font-size: 16px;
    font-weight: bold;
	white-space: nowrap;
}

.main-menu-small  ul  li.active  a h2, .main-menu-small  ul  li  a:hover h2{
	#background:#016a99;
	color:#fff;
}













.top-menu-left{
	float:left;
	padding: 8px 0;
}
.top-menu-left ul, .top-menu-right ul{
	list-style-type:none;
	margin:0;
	padding:0;
}
.top-menu-left ul li, .top-menu-right ul li{
	display:inline;
	#color:white;
	border-left: 1px solid black;
	padding:0 10px;
	font-size:13px;
}
.top-menu-left ul li:first-child, .top-menu-right ul li:first-child{
	border: none;
}
.top-menu-left ul li a, .top-menu-right ul li a{
	display:inline;
	color:black;
	text-decoration:none;
	font-size:13px;
}
.top-menu-left ul li a:hover, .top-menu-right ul li a:hover{
	color:#016a99;
}
.top-menu-right{
	float:right;
	padding: 8px 0;
}


.header2{
	position:relative;
	max-width:1200px;
	#min-width:640px;
	margin:0 auto;
	#background:yellow;
	#height:60px;
	padding:20px 0;
}

.header2-logo{
	display:block; 
	float:left; 
	max-width:300px; 
	width:30%;
	height:35px;
	margin-top:2px;
	margin-left:15px;
}
.header2-logo img{
	max-width:100%;
	#margin-left:15px;
}

.header2-search{
	position:relative;
	#background:yellow;
	float:right;
	#right:0;
	#top:0; 
	#bottom:0;
	text-align:center;
	width:60%;
	margin-right:10px;
}
.header2-search input[type="text"], .header2-search input[type="text"]:focus, .header2-search input[type="text"]:active{
    background: #fff none repeat scroll 0 0;
    border: 2px solid #016a99;
    border-radius: 3px;
    box-sizing: border-box;
    color: #333;
    display: block;
    font-size: 15px;
    font-weight: 400;
    margin: 0;
    padding: 5px 150px 5px 5px;
	width:100%;
	line-height: 25px;
	-webkit-user-modify: read-write-plaintext-only;
	
}


.header2-search  input[type="submit"], .header2-search  input[type="submit"]:focus, .header2-search  input[type="submit"]:active{
    background: #016a99 none repeat scroll 0 0;
    border: medium none;
    border-bottom-right-radius: 3px;
    border-top-right-radius: 3px;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    font-size: 15px;
    font-weight: 700;
    line-height: 25px;
    outline: medium none;
    outline-offset: 0;
    padding: 0 28px 0 30px;
    position: absolute;
    text-transform: uppercase;
    top: 0px;
	bottom: 0px;
	right: 0px;
    transition: all 0.5s ease 0s;	
	z-index:100;
	
}
.header2-search  input[type="submit"]:hover, .header2-search  input[type="submit"]:focus:hover, .header2-search  input[type="submit"]:active:hover{
    background: #fdc266 none repeat scroll 0 0;
    color: #fff;
	
}



.menu-toggle{
	display:none;
	margin-top:5px;
	width:30px;
	height:30px;
	float:left;
	margin-left:1px;
	padding-left:10px;
	#background:red;
	#border:1px solid black;
	cursor:pointer;
}

.menu-toggle-icon {
  position: relative;
  padding-left: 10px;
}
.menu-toggle-icon:before {
    content: "";
	border-bottom: 3px solid #000;
    border-top: 10px double #000;
    position: absolute;
	height: 4px;
    left: 0;
    top: 6px;
    width: 20px;  
}







.logo-small{
	display:none;
}


nav {
	
	position:relative;
	max-width:1200px;
	margin:0 auto;
	#border-top:1px solid lightgray;
	#border-bottom:1px solid lightgray;
	
	
	/*
	background: -moz-linear-gradient(top, #eeeeee 0%, #f1f1f1 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, #eeeeee), color-stop(100%, #f1f1f1));
	background: -webkit-linear-gradient(top, #eeeeee 0%, #f1f1f1 100%);
	background: -o-linear-gradient(top, #eeeeee 0%, #f1f1f1 100%);
	background: -ms-linear-gradient(top, #eeeeee 0%, #f1f1f1 100%);
	background: linear-gradient(to bottom, #eeeeee 0%, #f1f1f1 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#f1f1f1', GradientType=0 );
	*/
	
	border-radius:10px;
}
.main-menu{
	background:#b2d2df;
	border-radius:10px 0 0 10px;
	
	display:block;
	position:relative;
	max-width:1200px;
	#min-width:640px;
	margin:0 auto;
	#background:red;
	text-align:left;
}
nav ul{
	display:table;
	#position:relative;
	margin:0;
	padding:0;
	list-style-type:none;
	#background:red;
	#float:left;
	width:100%;

}

nav ul li{
    display: inline-block;
    #float: left;
    margin: 0;
    padding: 0;
    #position: relative;
}
nav ul li:last-child{
	#border-right: 2px solid #d8d8d8;
}

nav ul li a {
    border-right: 2px solid white;
    color: #565d65;
    font-size: 16px;
    font-weight: bold;
    padding: 15px 20px;
    transition: background 0.25s ease-out 0s;
	white-space: nowrap;
}
nav ul li:first-child{
	border-radius:10px 0 0 10px;
}
nav ul li:first-child a{
	border-radius:10px 0 0 10px;
}
nav  ul  li.active  a, nav  ul  li  a:hover{
	background:#016a99;
	color:#fff;
}
nav ul li a {
    display: block;
    text-decoration: none;
}

nav ul li a h2 {
    margin:0;
	color: #565d65;
    font-size: 16px;
    font-weight: bold;
	white-space: nowrap;
}

nav  ul  li.active  a h2, nav  ul  li  a:hover h2{
	color:#fff;
}




#content{
	display:block;
	position:relative;
	max-width:1200px;
	margin:0 auto;
	text-align:left;
	overflow:hidden; /* ÷òîáû ðàñòÿãèâàëñÿ âíóòðåííèìè div ñ float */
	padding:1%;
	#min-height:550px;
}

.column-left{
	width:70%; 
	float:left;
}
.column-right{
	#margin-left:3%;
	width:27%; 
	float:right;
}

.half-left{
	width:48%;
	float:left;
	#margin-top:10px;
}
.half-right{
	width:48%;
	float:right;
	#margin-top:10px;
}
.cat-wrap{
	margin-bottom:20px;
}

a.big, .big{
	color: #016a99;
    font-size: 20px;
    font-weight: bold;
    text-decoration: none;
	line-height:25px;
	
	background: transparent url("folder.png") no-repeat scroll 1px 3px;
    line-height: 1.4;
    margin-bottom: 5px;
    padding-left: 28px;	
}
a:hover.big{
	color:#fdc266;
}

a.big h2{
	margin:0;
	display:inline;
	color:inherit;
	font-size:inherit;
	font-weight:normal;
}

a.big h3{
	margin:0;
	display:inline;
	color:inherit;
	font-size:inherit;
}




ul.medium{
	margin:0 0 0 15px;
	padding:1em;
	#list-style:none;
	color: #016a99;
}

ul.medium a{
	color: #016a99;
    font-size: 15px;
    font-weight: bold;
    text-decoration: none;
	line-height:25px;	
}
ul.medium li.active a, ul.medium a:hover{
	color:#016a99;
}

ul.medium a h2{
	margin:0;
	display:inline;
	color:inherit;
	font-size:inherit;
	font-weight:bold;	
}


a.small{
    #color: #016a99;
	color:black;
    font-size: 14px;
    text-decoration: none;
	line-height:150%;
}	
a:hover.small{
	color:#016a99;
}

.counter_color{
	color:#fdc266;
	font-size:14px;
	
}


.index_login_form{
	position:relative; 
	border:1px solid #ccc; 
	border-top:3px solid #016a99; 
	padding:10px;
}
.index_login_form.premium{
	background:#b2d2df;
}

.index_login_form h3{
	font-size:20px;
	font-weight:normal;
	
}
.index_login_form h3 span{
	font-weight:bold;
	color:#016a99;
}

.index_login_form h2{
	font-size:20px;
	font-weight:normal;
	
}
.index_login_form h2 span{
	font-weight:bold;
	color:#016a99;
}

label{
    display: inline-block;
    font-size: 14px;
    font-weight: normal;
    margin-top: 15px;
	margin-bottom: 5px;
    max-width: 100%;
	color: #333;
}
.form-wrap label{
	font-weight:bold;
}
.form-wrap h3{
	margin-bottom:0;
	margin-top:30px;
}

.index_login_form input, .form-wrap input{
	#margin-bottom:10px;
}
.index_login_form input[type="submit"], .form-wrap input[type="submit"]{
	margin-top:15px;
}

.form-wrap textarea{
	height:200px;
}

.form-wrap small{
	display:block;
	font-size:12px;
	margin-top:3px;
	color:016a99;
	font-style:italic;
}



.offer-row{
	margin:10px 0;
}








.footer-row{
	margin-top:20px;
	padding:20px 0;

    background: -moz-linear-gradient(90deg, #ffffff 0%, #b2d2df 100%); /* ff3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #b2d2df), color-stop(100%, #ffffff)); /* safari4+,chrome */
    background: -webkit-linear-gradient(90deg, #ffffff 0%, #b2d2df 100%); /* safari5.1+,chrome10+ */
    background: -o-linear-gradient(90deg, #ffffff 0%, #b2d2df 100%); /* opera 11.10+ */
    background: -ms-linear-gradient(90deg, #ffffff 0%, #b2d2df 100%); /* ie10+ */
    background: linear-gradient(0deg, #ffffff 0%, #b2d2df 100%); /* w3c */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b2d2df', endColorstr='#ffffff',GradientType=0 ); /* ie6-9 */

	
	
}

.footer-container{
	max-width:1200px;
	margin:0 auto;
	padding:1%;
	position:relative;
}

.footer-1{
	line-height:150%;
	font-size:14px;
	margin-left: 1em;
}
.footer-1 a{
	text-decoration:none;
	color:black;
	font-size:14px;
	color:#333;
}
.footer-1 a:hover{
	color:#016a99;
	
}


.footer-1 li {
    list-style-type: disc;
    font-size: 10px;
	color:#016a99;
}

.footer-1 li span{
    font-size: 1rem;
	color:#333;
	
}


.ul-2{
	line-height:150%;
	font-size:12px;
	margin-left: 1em;
}
.ul-2 li {
    list-style-type: disc;
    font-size: 12px;
	color:#333;
	margin-bottom:5px;
}

.ul-2 li span{
    font-size: 1rem;
	color:#333;
	
}

.ul-2 a{
	text-decoration:none;
	color:black;
	font-size:12px;
	color:#333;
}
.ul-2 a:hover{
	color:#016a99;
	
}




.footer-logo{
	color:#016a99;
	font-family:"Trebuchet MS", Helvetica, sans-serif;
	font-size:30px;
	font-size: 2vw;
	#font-style:italic;
	font-weight:bold;
	text-decoration:none;
}
.footer-logo span{
	color:#1d5581;
	font-size:30px;
	font-size: 2vw;
	#font-style:italic;
	
}
.footer-logo:hover {
	color:#016a99;
}

.copyright-row{
	background:#b2d2df;
	padding:15px 15px;
}
.copyright-container{
	max-width:1200px;
	margin:0 auto;
	padding:1%;
	position:relative;
	font-size:12px;
	color:#333;
}

.w25{
	width:24%;
	margin-right:1%;
	#background:red;
	float:left;
	
}
.w25 img{ max-width:100%;}

.offer-list-header{
	clear:both; 
	margin:20px 0 10px 0;
	
}



.offer-box{
	padding:15px 15px 20px 15px;
	border-top:1px solid #016a99;
	#border-bottom:1px solid #e4e4e4;
}
.offer-box:hover{
	background:#fff7df;
	border-top:1px solid #016a99;
}
.offer-box:last-child{
	border-bottom:1px solid #016a99;
}

.offer-box sup{
	color:red; 
	font-size:10px;
	font-weight:bold;
}








.pages{
	margin-top:20px;
	text-align:center;
}

.offer-box.premium{
	background:#ffe497;
}



.offer-box p{
	margin-top:10px;
}

a.offer-title{
	font-weight:bold;
	color:#016a99;
	font-size:18px;
	text-decoration:none;
}
a.offer-title:hover{
	color:#016a99;
}

a.offer-title h3{
	display:inline;
	font-weight:bold;
	color:#016a99;
	font-size:18px;
	text-decoration:none;
}
a.offer-title:hover h3{
	color:#016a99;
}

.offer-box .button1 {
	float:right;
	margin-right:-15px;
	display:none;
}
.offer-box:hover .button1 {
	display:inline-block;
}

.button1 {
    background: #016a99 none repeat scroll 0 0;
    border: medium none;
    border-bottom-right-radius: 3px;
    border-top-right-radius: 3px;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    font-size: 14px;
    font-weight: normal;
    outline: medium none;
    outline-offset: 0;
    padding: 10px 20px;
    transition: all 0.5s ease 0s;	
	text-decoration:none;
	
}
.button1:hover, button1:focus:hover, button1:active:hover{
    background: #fdc266 none repeat scroll 0 0;
    color: #fff;
	
}

.tright, .country-right{
	text-align:right;
}

.profile-wrap p{
	margin-bottom:10px;
}

.table1, .table2{
	width:100%;
	border:1px solid #016a99;
	border-collapse:collapse;
}

.table1 td{
	#background:#ffe497;
	padding:6px;
	border:1px solid #016a99;
}
.table1 td:nth-child(3){
	color:#016a99;
	font-weight:bold;
}

.table2 td{
	#background:#b2d2df;
	padding:6px;
	border:1px solid #016a99;
}





/* UL-styles */
.ul-upgrade{
	list-style:none;
}

.ul-upgrade li {
  margin:0; padding:0;
  background:url('ul_benefits_icon.png') no-repeat 0 8px;
  padding-left:35px;  
  line-height:40px; 
  font-size:16px;
  color:#016a99;
  
}











/*-----    MAX 640    -------------*/
@media (max-width: 700px) {
	
	#content{
		padding:0 15px;
	}
	
	.trade-offers ul.medium{
		padding-top:0;
		padding-bottom:0;
	}
	
	.trade-offers .max480{
		padding-bottom:0;
	}
	
	.max640{
		float:none;
		width:100%;
		
	}
	
	.padding640-10{
		padding-top:10px;
	}
	
	.hide640{
		display:none;
	}	
	
	.w25{
		width:100%;
		margin:0;
		float:none;
		margin-bottom:10px;
	}		
	
	.top-menu-left{
		display:none;
	}
	
	.top-menu-logo{
		display:inline-block;
	}
	
	.menu-toggle{
		display:block;
	}
	
	.main-menu{
		display:none;
	}
	
	
	nav, nav ul li:first-child a {
		border-radius:0;
	}
	
	nav ul li a {
		font-size: 14px;
		padding: 10px 15px;
	}	
	
	
	
	#index_add_offer{ display:none; }
	
	
	.header2-logo{
		display:none;
	}
	.header2{
		width:90%;
		text-align:center;
		margin:0 auto;
	}
	.header2-search{
		width:100%;
		margin:0 auto;
		
		
		
	}
	
	nav {
		#display:none;
	}
	
	
	.column-left, .column-right{
		float:none;
		width:100%;
		
	}
	.column-right{
		margin-top:20px;
	}
	
	
	.footer-logo,  .footer-logo span{
		font-size:30px;
	}	
	
}


/*-----    MAX 480    -------------*/
@media (max-width: 480px) {
	.max480{
		float:none;
		width:100%;
		padding-bottom:10px;
	}


	.top-menu-logo img{
		margin-top:2px;
		width:140px;
	}	
	
	
	.column-left, .column-right{
		float:none;
		width:100%;
		margin-top:10px;
	}	
	
	.half-left, .half-right{
		float:none;
		width:100%;
		
	}
	
	.hide480{
		display:none;
	}	

	nav ul li {
		display:block;
	}
	
	nav ul li a {
		font-size: 14px;
		padding: 10px 10px;
		text-align:center;
	}
	
	a.big{
		font-size: 16px;
		line-height:130%;
	}
	


	
}




/*-----    MAX 320    -------------*/

@media (max-width: 320px) {

	.max320{
		display:none;
	}
	
	.top-menu-logo, .top-menu-logo span{
		font-size:14px;
		padding-top:8px;
	}

	.top-menu-logo img{
		margin-top:3px;
		width:100px;
	}	
	
	.footer-logo,  .footer-logo span{
		font-size:25px;
	}

	.country-right{
		text-align:left;
	}


	
	
}