/*Classes without one-letter prefixes are global*/
/*
_ = свойства данного элемента (формируется как одно слово #block_wide)
- = дочерние элементы
*/

/*Global classes*/

.wrapper {
	position: relative;
	margin: 0 auto;
	width: 1000px;
}
.clearfix:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
}

/*Columns*/
.col{
    display: inline-block;
    vertical-align: top;
}
.col_last {
    margin-right: -10px !important;
}

/*Buttons*/
.btn{
    position: relative;
    display: inline-block;
    text-align: center;
	vertical-align: top;
    font-size: 13px;
	line-height: 13px;
    color: #fff;
	font-weight: normal;
    padding: 21px 30px 21px;
	border: 0 none;
	border-radius: 4px;
	/*font-family: Arial, Tahoma, "sans serif";*/
	text-decoration: none !important;
	cursor: pointer;
    background: #00b3ed url(../images/btn.png) repeat-x top center;
    box-shadow: 0 2px 3px rgba(0, 0, 0, 0.5);
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.5);
}
.btn:hover{
	opacity: 0.95;
}
.btn:active{
    top: 1px;
    box-shadow: inset 0 1px 11px rgba(0, 0, 0, 0.4);
	border-top: 1px solid #00b3ed;
	background-position: 0 -56px;
}


/*Icons*/
.ico{
	display: inline-block;
	vertical-align: middle;
	width: 16px;
	height: 16px;
	border: 0 none;
	text-decoration: none;
	background-image: url(../images/ico.png);
	background-repeat: no-repeat;
	background-position: 0 0;
	background-color: transparent;
}

/*Service classes*/
.hidden{
	display: none !important;
}
.plink{
	text-decoration: none;
	border-bottom: 1px dotted !important;
}
.right{
	float: right;
}
.fleft {
	float: left;
}
.small{
	font-size: 11px;
}



@media (max-width:480px) {
	.wrapper {
		/*position: relative;*/
		/*margin: 0 auto;*/
		width: 100%;
	}

}