body{
	background-color:#f7eae3;
    font-family: 'PT Serif', serif;
    font-size: 15px;
	color:#000;
    min-width: 320px;
}
input[type="text"]:focus {outline: none;}

label {cursor: pointer; }

/*input:checked::parent{font-weight: bold;}*/
input:checked + span{font-weight: bold;}
.main_header {
    position: relative;
    padding: 33px 0 17px;
    border-bottom: 2px solid #ecd6c9;
}
.log_h {height: 165px;}
.logo {
    display: block;
    background: #f7eae3 url(../images/logo.png) center top  no-repeat;
    width: 290px;
    height: 165px;
    position: absolute;
    left: 50%;
    top: 0;
    margin-left: -145px;
    z-index: 1;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}
.logo:hover {opacity: 0.9;}

.phone_block {
    float: left;
    width: 146px;
    line-height: 1;
    padding: 3px 0 0;
}
.phone {padding-bottom: 3px;}
.phone a {
    color: #2f2423;
    text-decoration: none;
}

.lk_link {
    display: block;
    width: 167px;
    height: 27px;
    background: #ecd6c9;
    -webkit-border-radius: 27px;
    -moz-border-radius: 27px;
    -ms-border-radius: 27px;
    -o-border-radius: 27px;
    border-radius: 27px;
    color: #000000;
    text-decoration: none;
    padding-left: 33px;
    position: relative;
    line-height: 25px;
    float: right;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}
.lk_link:hover {background: #f0c3a7;}
.lk_link:before {
    content: '';
    display: block;
    background: url(../images/sprite.png) no-repeat;
    width: 18px;
    height: 18px;
    position: absolute;
    left: 11px;
    top: 4px;
    background-position: 0 -83px;
}

.clear:after, .container:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
.float_l{ float:left;}
.float_r{ float:right;}
* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.container {
    max-width: 700px;
    width: 100%;
    padding: 0 15px;
    margin: 0 auto;
    position: relative;
}

.main_content_wrap {padding: 1px 0 50px;}
.main_content_wrap .title {padding-bottom: 22px;}

.krug {display: inline-block; width: 25px; height: 25px; background-color: #C0C0C0; border-radius: 13px; text-align: center; padding-top: 4px; margin: 3px;}

.razmer li
{
	display: inline-block; 
	border: 1px solid #ecd6c9;
	margin: 3px;
	padding: 5px 15px;
	cursor: pointer;
}

.razmer a {
    color: #2f2423;
    text-decoration: none;
}

.razmer li:hover
{
	border: 1px solid #7a4841;

}


.red {background-color: red!important;}
.green {background-color: green!important;}


.select_razm 
{
	border: 2px solid #7a4841!important;

}

#vopros_telo {font-size: 17px;}
.vimg {margin: 10px auto; max-height: 200px; max-width: 200px;}
.vimg{
transition: 0.4s;
}
.vimg:hover {

 -webkit-transform: scale(2.5);
 -moz-transform: scale(2.5);
 -o-transform: scale(2.5);
 transform: scale(2.5);

z-index: 10000000;
}


.beige_button {
    display: inline-block;
    padding: 0 15px;
    height: 43px;
    background: #f7eae3;
    text-align: center;
    border: none;
    cursor: pointer;
    -webkit-border-radius: 43px;
    -moz-border-radius: 43px;
    -ms-border-radius: 43px;
    -o-border-radius: 43px;
    border-radius: 43px;
    font-size: 18px;
    color: #000;
    text-decoration: none;
    line-height: 41px;
    -webkit-box-shadow: 1px 1px 0px 2px #553e31;
    box-shadow: 1px 1px 0px 2px #553e31;
    position: relative;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}
.beige_button:hover {background: #d8bbac;}
.blue_butt {
    display: inline-block;
	margin: 7px auto;
    height: 43px;
    padding: 0 25px;
    background: #325fa2;
    border: none;
    cursor: pointer;
    text-align: center;
    font-family: 'PT Serif', serif;
    font-size: 18px;
    color: #f7eae3;
    text-decoration: none;
    line-height: 41px;
    -webkit-border-radius: 43px;
    -moz-border-radius: 43px;
    -ms-border-radius: 43px;
    -o-border-radius: 43px;
    border-radius: 43px;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    position: relative;
    -webkit-box-shadow: 1px 1px 0px 2px #153361;
    box-shadow: 1px 1px 0px 2px #153361;
}
.blue_butt:hover {
    background: #174589;
    text-decoration: none;
}


input[type="text"], input[type="password"] {
    display: inline-block;
    
    height: 38px;
    font-family: 'PT Serif', serif;
    color: #7a4841;
    font-size: 14px;
    background: #ecd6c9;
    border: none;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    -ms-border-radius: 15px;
    -o-border-radius: 15px;
    border-radius: 15px;
    padding: 0 18px;
}
*::-webkit-input-placeholder {
	color: #7a4841;
	opacity: 1;
}
*:-moz-placeholder {
	color: #7a4841;
	opacity: 1;
}
*::-moz-placeholder {
	color: #7a4841;
	opacity: 1;
}
*:-ms-input-placeholder {
	color: #7a4841;
	opacity: 1;
}


.site_nav {
    float: left;
    max-width: 410px;
    width: 100%;
}
.site_menu {
    padding-bottom: 1px;
    white-space: nowrap;
}
.site_menu li {
    display: inline-block;
    padding-right: 24px;
    position: relative;
}
.site_menu li:last-child {padding: 0;}
.site_menu li:before {
    content: '';
    display: block;
    background: url(../images/sprite.png) no-repeat;
    width: 12px;
    height: 13px;
    position: absolute;
    right: 4px;
    top: 2px;
}
.site_menu li:last-child:before {display: none;}
.site_menu a {
    text-transform: uppercase;
    color: #2f2423;
    text-decoration: none;
    line-height: 1;
    letter-spacing: 0.1em;
}
.site_menu a:hover {text-decoration: underline;}


/*main_footer*/
.main_footer {
    min-height: 280px;
    background: url(../images/f_bg.png) repeat;
    position: relative;
    padding: 31px 0 50px;
    font-size: 13px;
}
.main_footer:before {
    content: '';
    display: block;
    background: url(../images/f_before.png) repeat;
    width: 100%;
    height: 7px;
    position: absolute;
    left: 0;
    top: -7px;
}
.logo_block {
    width: 290px;
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -145px;
}
.footer_logo {
    display: block;
    background: url(../images/footer_logo.png) no-repeat;
    width: 145px;
    height: 94px;
    margin: 0 auto 30px;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}
.footer_logo:hover {opacity: 0.9;}
.copyright {
    color: #7a4841;
    line-height: 1.385;
    text-align: center;
}
.copyright div {padding-bottom: 20px;}
.f_nav {
    float: left;
    padding: 13px 49px 0 0;
}
.f_nav li {padding-bottom: 19px;}
.f_nav a {
    color: #2f2423;
    text-transform: uppercase;
    text-decoration: none;
    letter-spacing: +0.12em;
}
.f_nav a:hover {text-decoration: underline;}
.f_block {
    width: 200px;
    float: right;
    padding: 13px 0 0 5px; 
	
}
.f_title {
    font-size: 13px;
    text-transform: uppercase;
    color: #000;
    letter-spacing: +0.12em;
    padding-bottom: 8px;
}
.f_contacts {
    padding: 0 0 0 12px;
    margin-bottom: 33px;
}
.f_contacts li {padding-bottom: 8px;}
.f_contacts div {
    display: inline-block;
    position: relative;
    padding-left: 18px;
}
.f_contacts div:before {
    content: '';
    display: block;
    background: url(../images/sprite.png) no-repeat;
    width: 14px;
    position: absolute;
    left: 0;
}
.f_contacts div.phone_ico:before {
    background-position: 0 -30px;
    height: 17px;
    top: 3px;
    left: 2px;
}
.f_contacts div.mail_ico:before {
    background-position: 0 -220px;
    height: 10px;
    top: 6px;
}
.f_contacts a {
    font-size: 13px;
    color: #8b6058;
    text-decoration: none;
    line-height: 1;
}
.f_contacts a:hover {text-decoration: underline;}
.designer {
    display: inline-block;
    padding: 51px 0 0;
    color: #8b6058;
    text-decoration: none;
    position: relative;
}
.designer:before {
    content: '';
    display: block;
    background: url(../images/sprite.png) no-repeat;
    background-position: 0 -230px;
    width: 46px;
    height: 48px;
    position: absolute;
    left: 0;
    top: 0;
}
.designer:hover {text-decoration: underline;}
/*end main_footer*/

.back {
    position: fixed;
    width: 100%;
    height: 100%;
    z-index: 799;
    display: none;
    left: 0;
    top: 0;
}
#for_lk
{
right: 0;
white-space:nowrap; 
display: none; 
position: absolute; 
padding: 10px; 
margin-top: 20px; 
border: 1px #f0c3a7 solid;
background: #ecd6c9;
border-radius: 3px;
z-index: 850;

}







/*@media*/


@media only screen and (max-width : 760px) {
	.logo {
		width: 117px;
		height: 82px;
		background-size: contain;
		margin-left: -59px;
		left: 50%;
	}
	.log_h {height: 82px;}
    .logo_block {
        position: relative;
        left: 0;
        margin: 0 auto 10px;
    }
	.main_header {
    padding: 3px 0 17px;
	}
	
	h1 {font-size: 17px; margin-bottom: 3px; margin-top: 3px;}
	h2 {font-size: 15px; margin-top: 3px;}
	
}



@media only screen and (max-width : 480px) {
	.logo {
		position: relative;
	}
	.log_h {height: auto; margin-top: 7px;}
	.razmer li {width: 80%; margin: 3px auto;}
	body {font-size: 11px;}
	#vopros_telo {font-size: 12px;}
	
	figure.ink-image {
    margin: 7px auto;
	width: 90%;
	float: none;
	}
	
}


fieldset
{
	border: 1px solid #7a4841;
	margin: 15px auto;

}