/* Eric Meyer's CSS Reset */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
	
	}	
.telo {
		    background: url(../image/fon22.png) repeat;
}


ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
strong {
	font-weight: bold;	
}
p {padding: 5px;}
/* End of Eric Meyer's CSS Reset */




/* Макет */
#wrapper {
    width: 100%;    
	min-width: 320px;
    margin: 0 auto;
    padding-top: 3px;

    } 

    #main {
        width: 60%;
        margin-right: 5%;
        float: left;
		background: transparent url(../image/fon22.png) repeat left top;
        }        

    aside {
        width: 35%;
        float: right;
        }

/* Logo  H1 */
header h1 {
    height: 98px;
    width: 216px;
    float: left;
    display: block;
    background: url(images/sllogo.png) 0 0 no-repeat;
    text-indent: -9999px;
    }

/* Навигация */
header nav {
    float: right;
    margin-top: 40px; 
    }

    header nav li {
        display: inline;
        margin-left: 15px;
        }
header nav ul li a {
    text-decoration:none;
        color:#333;}

#skipTo {
    display: none;
    }
    #skipTo li {
        background: #ccc;
        }

/* Главная картинка*/            
#banner {
    float: left;
    margin-bottom: 15px;
    width: 100%;
    }

    #banner img {
        width: 100%;
        height: auto;
        }

		
.main-01 {
	margin: 0 auto;
	max-width: 1200px;
}		
.logo-zakaz{
	float: left;

	
}
.logo {
	float: left;
	text-align: center;
	width: 280px;
	margin: 0 auto;
	padding-left: 15px;
	
}		
.logo-1 {
	float: left;
	height: 92px;
}
.logo-2 {
	padding-top: 12px;
	height: 80px;
	font-size: 18px;
    line-height: 22px;
    color: #1E1E1E;
    font-family: Georgia, Palatino, Palatino Linotype, Times, Times New Roman, serif;	
}
.logo-1-2{
	width: 280px;
	margin: 0 auto;
}
.logo-3 {
    color: #5E3C1B;
    font-size: 22px;
    text-align: center;
    line-height: 26px;
    font-family: Georgia, Palatino, Palatino Linotype, Times, Times New Roman, serif;
    font-weight: bold;
}
.header-zakaz {
	float: left;
	width: 280px;
	height: 118px;
	padding-left: 10px;

}
.header-zakaz-1 {
	padding-left: 3px;
	float: left;
	padding-top: 30px;
}
.header-zakaz-2 {
	padding-left: 70px;
	font-size: 17px;
    line-height: 20px;
    color: #1E1E1E;
    font-family: Georgia, Palatino, Palatino Linotype, Times, Times New Roman, serif;
	padding-top: 38px;
}
.header-zakaz-2 a{
	font-size: 18px;
    line-height: 22px;
    letter-spacing: 0px;
    text-align: center;
    color: #F15A24;
    font-family: Georgia, Palatino, Palatino Linotype, Times, Times New Roman, serif;
    font-weight: bold;
}
.header-zakaz-2 a:hover{
	font-size: 18px;
    color: #EA002D;
    font-family: Georgia, Palatino, Palatino Linotype, Times, Times New Roman, serif;
    font-weight: bold;
}
		
.header-top {
    max-width: 1200px;
	margin: 0 auto;
}
.header-top-tel-left{
	color: #1E1E1E;
    font-size: 24px;
    line-height: 32px;
    letter-spacing: 1px;
    font-weight: bold;
	font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
	padding-top: 5px;
	float: left;

	}

.header-top-tel-right{
	color: #1E1E1E;
    font-size: 24px;
    line-height: 32px;
    letter-spacing: 1px;
    font-weight: bold;
	font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
	padding-top: 5px;
	float: right;
	}
.header-top-tel {
	float: right;
	padding-right: 15px;

}

.header-top-tel-mail {	text-align: center;

}
.header-top-tel-mail-hr {
	font-size: 18px;
    line-height: 22px;
    letter-spacing: 0px;
    text-align: center;
    color: #603813;
    font-family: Times, Times New Roman, Georgia, serif;
    font-weight: bold;
	}

.header-top-tel-mail-m {
	font-size: 18px;
    line-height: 22px;
    letter-spacing: 0px;
    text-align: center;
    color: #0000FF;
    font-family: Times, Times New Roman, Georgia, serif;
    font-weight: bold;
    font-style: italic;
	}

.menu{

	width: 100%;
	background-color: #EE4D1D;
	
}	

#mainmenu {
background: #E65328;
position: relative;
overflow:hidden;
height:60px; 
margin: 0;

}
#mainmenu ul {
list-style:none;
margin:0;
padding:0;
position: relative;
left:50%;
float:left;
font-size: 16px;
text-align: left;
line-height: 19px;
color: #FFFFFF;
font-family: Helvetica, Helvetica Neue, Arial, sans-serif;
height:60px;
}
#mainmenu ul li {
position:relative;
left:-50%;
float:left;
margin:0 10px;
height:60px;
}
#mainmenu ul li a {
color: #fff;
display:block;
text-decoration:none;
padding:0 15px;
line-height: 20px;
height:60px;
padding-top: 10px;
}

#mainmenu ul li a:hover {
background-color:#C24925; 
}

#mainmenu img {
padding-right: 10px;
}	

.blok-01 {
	max-width: 1200px;

	margin: 0 auto;
	text-align: center;
	}
.blok-01-img1 {
	float: left;
	width: 30%;
}
.blok-02-img2 {
	float: left;
	width: 42%;
	margin-left: -30px;
}
.proc {
	float: right;
	width: 30%; 
	margin-right: 5px;
}
.proc-01 {
	font-size: 54px;
    letter-spacing: 1px;
    text-align: center;
    color: #EE4D1D;
    font-family: Times, Times New Roman, Georgia, serif;
    font-weight: bold;
}

.proc-01-ok {
	font-size: 54px;
    letter-spacing: 1px;
    text-align: center;
    color: #EE4D1D;
    font-family: Times, Times New Roman, Georgia, serif;
    font-weight: bold;
	margin-top: -23px;
	margin-bottom: 28px;
}


.proc-02 {
	line-height: 10px;
    color: #EE4D1D;
    font-size: 118px;
    text-align: center;
    line-height: 142px;
    font-family: Times, Times New Roman, Georgia, serif;
    font-weight: bold;
	margin-top: -20px;
}
.proc-03 {
	font-size: 38px;
	margin-top: -30px;
    letter-spacing: 1px;
    text-align: center;
    color: #1E1E1E;
    font-family: Times, Times New Roman, Georgia, serif;
    font-weight: bold;
}
.proc-04 {
	font-size: 38px;

    letter-spacing: 1px;
    text-align: center;
    color: #1E1E1E;
    font-family: Times, Times New Roman, Georgia, serif;
    font-weight: bold;
}
.proc-05 {

}

.blok-02 {
	outline: 1px solid #E7E7E7;
	text-align: center;
	max-width: 1200px;
	margin: 0 auto;
	margin-top: 20px;
	background-color: #F3F3F3;
	position: relative;
	padding-bottom: 7px;

}

.blok-02-h1 {
	text-align: center;
	color: #5693CB;
    font-size: 36px;
    text-align: center;
    line-height: 43px;
    font-weight: bold;	
	margin-bottom: 10px;}
	
	
	

.blok-02-al	{
	border: 2px solid #7F7F7F;
}
.blok-02-al-01 {
	height: 50px;
	background-color: #D8D8D8;
	font-size: 18px;
    text-align: center;
    line-height: 22px;
    font-weight: bold;
	font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
	padding-top: 5px;
	border-bottom: 2px solid #7F7F7F;
}
.blok-02-al-02 {
	height: 310px;
	width: 306px;
	background: url(../image/al-01.jpg) no-repeat;
}
.blok-02-al-02-cena {
	background-color: #86C586;
	font-size: 22px;
    line-height: 26px;
    color: #FFFFFF;	
	height: 40px;
	width: 180px;
	line-height: 40px;
	float: right;
	margin-top: 270px;
}



.blok-02-al-03 {
	height: 198px;
	background: url(../image/u4015-14.png) no-repeat;	
	font-size: 16px;
	text-align: left;	

}
.blok-02-al-022	{
	height: 310px;
	width: 310px;
	background: url(../image/otk-01.jpg) no-repeat;
}
.blok-02-al-023	{
	height: 310px;
	width: 310px;
	background: url(../image/ppvh-01.jpg) no-repeat;
}

.blok-02-al-032 {
	height: 198px;
	background: url(../image/u4015-14.png) no-repeat;	
	font-size: 16px;
	text-align: left;


	}
.blok-02-al-032 p {
	text-indent: 20px;
	padding: 3px 7px;	
}
.blok-02-al-033 p {
	text-indent: 20px;
	padding: 3px 7px;	
}
.blok-02-al-03 p {
	text-indent: 20px;
	padding: 3px 7px;	
}
.blok-02-al-033 {
	height: 198px;
	background: url(../image/u4015-14.png) no-repeat;	
	font-size: 16px;
	text-align: left;	

}
.blok-02-al-v {
	text-align: center;
	width: 310px;
	float: left;
	margin-left: 50px;
}
.zakazat {
	height: 34px;	
	width: 220px;
	margin: 0 auto;
	margin-top: 9px;
	font-size: 24px;
	color: #ffffff;
	background-color: #E52B2D;
	border: 2px solid #F09629;
	border-radius: 13px;
	line-height: 36px;
	font-family: Georgia, Palatino, Palatino Linotype, Times, Times New Roman, serif;
}
.blok-02-otk	{
	border: 2px solid #7F7F7F;
	text-align: center;
	width: 310px;	
}
.blok-02-otk-v {
	float: left;
	position: absolute; 
	left: 50%;
	margin-left: -155px;
	width: 310px;
}
.blok-02-pvh	{
	border: 2px solid #7F7F7F;
	text-align: center;
	width: 310px;
	}

.blok-02-pvh-v {
		float: right;
	margin-right: 50px;
		width: 310px;
}


.padarok {

	text-align: center;
	max-width: 1198px;
	margin: 0 auto;
	margin-top: 20px;
	position: relative;
	padding-bottom: 7px;

}
.padarok-h1 {

	color: #F15A24;
    font-size: 40px;
    text-align: center;
    line-height: 48px;
    font-family: Georgia, Palatino, Palatino Linotype, Times, Times New Roman, serif;
    font-weight: bold;
		margin: 10px;
}
.padarok-telo {

	border: 1px solid #E6E6E6;
	border-radius: 15px;	
	background-color: #F3F3F3;	
}
.padarok-telo-left {

	height: 176px;
	width: 486px;
	float: left;
	font-size: 22px;
    line-height: 43px;
    color: #232323;
	text-align: center;
    font-family: Georgia, Palatino, Palatino Linotype, Times, Times New Roman, serif;	
	
	
}

.padarok-telo-right-01 {font-size: 30px;
	padding-top: 15px;
	float: left;
	font-family:Times, Times New Roman, serif;

}
.padarok-telo-right-02 {
	font-size: 18px;
    line-height: 22px;
    color: #232323;
    font-family: Georgia, Palatino, Palatino Linotype, Times, Times New Roman, serif;
    font-weight: normal;
    font-style: italic;
	padding-top: 15px;
}

.padarok-telo-niz {

	height: 60px;
	background-color: #FAFF18;
	margin-top: 176px;
}
.padarok-telo-niz-niz {

	height: 40px;
	background-color: #F3F3F3;
	border-radius:0 15px;
}
.padarok-telo-img {
	float: left;
	position: absolute; 
	left: 50%;
	margin-left: -135px;
	width: 310px;

}

.padarok-telo-right {

	height: 176px;
	width: 400px;
	float: right;
	margin-right: 23px;
	
}

.padarok-telo-niz-niz-left {
	float: left;
	width: 486px;
	color: #2E3192;
    font-size: 22px;
    text-align: center;
    line-height: 52px;
    font-family: Georgia, Palatino, Palatino Linotype, Times, Times New Roman, serif;
	font-weight: bold;
}

.padarok-telo-niz-niz-right {
	float: right;
	width: 486px;
	color: #2E3192;
    font-size: 24px;
    text-align: center;
    line-height: 52px;
    font-family: Georgia, Palatino, Palatino Linotype, Times, Times New Roman, serif;
	font-weight: bold;
}




.contactform input, select, textarea {
    background-color: #fff;
    border-color: #e0e0e0;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.06);
    box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.06);
    border-width: 1px;
    border-style: solid;
    color: #474e57;
    font-size: 16px;
    font-weight: 400;
    padding: 10px;
	margin: 12px;
    width: 350px;
}
.contactform input[type=submit] {
	background-color: red;
	color: #FFFFFF;
	width: 200px;
	border-radius: 10px;
	border: 2px solid #F09629;
    font-family: Georgia, Palatino, Palatino Linotype, Times, Times New Roman, serif;
	    font-size: 20px;
}

.s-nami {
	max-width: 1200px;
	margin: 0 auto;
	margin-top: 20px;
	display:inline-block;
}	
	
.s-nami-h3 {
	color: #1E1E1E;
    font-size: 36px;
    text-align: center;
    line-height: 40px;
    font-weight: bold;
	font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
}
.s-nami-001, .s-nami-002, .s-nami-003, .s-nami-004 {
	padding-top: 15px;
	width: 230px;
	text-align: center;
	float: left;
	margin-right: 40px;
	margin-top: 10px;
}
.s-nami-004 {

margin-right: 0px;
}
.s-nami-02 {
	color: #1E1E1E;
    font-size: 20px;
    text-align: center;
    line-height: 24px;
    font-weight: bold;
}
.s-nami-03 {
	padding-top: 10px;
	color: #7F7F7F;
    font-size: 18px;
    text-align: center;
    font-weight: bold;
}	


.rassr {
	width: 100%;
	display: inline-block;
}
.rassr-h1 {
	color: #3A2990;
    font-size: 40px;
    text-align: center;
    line-height: 48px;
    font-weight: bold;
	margin: 7px 0;
    font-family: Georgia, Palatino, Palatino Linotype, Times, Times New Roman, serif;
}
.rassr-baba{
	background: url(../image/1248.jpg) no-repeat;
	min-height: 330px;

	max-width: 1198px;
	border: 1px solid #B1B1B1;
	padding-right: 7px;
	padding-left: 7px;
}
.rassr-baba-01 {
	width: 345px;
	font-size: 30px;
    text-align: left;
    line-height: 34px;
    color: #1E1E1E;
	float: right;
	text-align: left;
	padding-top: 5px;
}	
.rassr-baba-02 {
    color: #F76518;
    font-size: 26px;
    text-align: right;
    line-height: 31px;
    font-weight: bold;
	width: 345px;
	float: right;
	padding-top: 5px;	
}
.rassr-baba-03 {
	font-size: 26px;
    line-height: 32px;
    color: #39639A;
    font-weight: bold;
	float: right;
    text-align: left;
	width: 345px;
	padding-top: 5px;
}
.usiliy {
	max-width: 1198px;	
}
.rassr-op{
	text-align: left;
	padding: 5px;
	background-color: #ECF9D5;
	font-size: 16px;
    line-height: 19px;
    text-indent: 20px;
	font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
    text-align: left;
	margin-top: 5px;
	border: 1px solid #A7F032;
	margin-bottom: 1px;

}
.rassr-op-h3 {
	font-size: 23px;
    text-align: center;
    line-height: 28px;
    padding-top: 2px;
    font-weight: bold;
}



.rama-al-ceny {
	background-color: #EDFCFC;
	border: 1px solid #4DFEFE;
	margin: 20px 0;
	max-width: 1198px;
	margin: 0 auto;

}
.rama-al-ceny-telo {
	max-width: 1200px;
	margin: 0 auto;
	text-align: center;
	margin-top: 20px;
}
.rama-al-ceny-telo-h1{
	color: #5693CB;
    font-size: 30px;
    text-align: center;
    line-height: 36px;
    font-weight: bold;
	padding: 10px;
}

.ramy-ceny-blok {
	width: 470px;
	color: #1E1E1E;
    font-size: 24px;
    text-align: center;
    line-height: 29px;
    font-weight: bold;
	font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
	margin-top: 20px;
}
.rama-al-ceny-3s-img{
	margin-top: 10px;
}
.rama-al-ceny-3s-s{
	font-size: 20px;
    line-height: 22px;
	font-family: Georgia, Palatino, Palatino Linotype, Times, Times New Roman, serif;
}

.rama-al-ceny-3s {
	margin-left: 50px;
	float: left;
}

.rama-al-ceny-4s {
	margin-right: 50px;
	float: right;
}

.rama-al-ceny-g4s {
	margin-left: 50px;
	float: left;
}
.rama-al-ceny-p4s {
	margin-right: 50px;
	float: right;
}

.rama-al-ceny-3s-img-n {
	margin: -2px;
}

.rama-pvh-ceny {
	background-color: #FBDDA4;
	border: 1px solid #F7B365;
	margin: 20px 0;
	max-width: 1198px;
	margin: 0 auto;
}

.rama-otk-ceny {
	background-color: #FDFECC;
	border: 1px solid #C5C694;
	margin: 20px 0;
	max-width: 1198px;
	margin: 0 auto;
}


.dehevle-h1 {
    color: #232323;
    font-size: 42px;
    text-align: center;
    line-height: 50px;
    font-family: Georgia, Palatino, Palatino Linotype, Times, Times New Roman, serif;
    font-weight: bold;	
}


.dop-op-o {
	max-width: 1200px;
	margin: 30px auto;
}

.pochemu {
	background-color: #F9F5F1;	
	width: 100%;
	padding-bottom: 20px;
}
.pochemu-01 {
	max-width: 1200px;
	margin: 0 auto;
}

.dop-op-telo {
	width: 350px;
float: left;
}

.dop-op-telo-01 {
	width: 350px;
float: right;
}

.dop-op-telo-02 {
	width: 350px;
	margin: 0 auto;
}

.dop-op-telo-03 {
	width: 350px;
float: left;
margin-top: 20px;
margin-left: 170px;
}

.dop-op-telo-04 {
	width: 350px;
float: right;
margin-top: 20px;
margin-right: 170px;
}







.dop-op-telo-img {
	float: left;
	width: 138px;
}
.dop-op-telo-text{
	float: right;
	width: 212px;
	color: #1E1E1E;
    font-size: 20px;
    text-align: left;
    line-height: 24px;
}
.dop-op-h3 {
	color: #5693CB;
    font-size: 34px;
    text-align: center;
    line-height: 41px;
    font-weight: bold;
	margin-bottom: 20px;
	font-family: Georgia, Palatino, Palatino Linotype, Times, Times New Roman, serif;
}





.footer-maps {
	background: url(../image/maps.jpg) repeat-y;

	width: 100%;
}
.footer-maps-telo {
	max-width: 1200px;
	margin: 0 auto;
	height: 311px;
}
.footer-maps-telo-01 {
	float: left;
	height: 267px;
	width: 451px;
	margin-top: 20px;
	margin-left: 50px;
}
.footer-maps-telo-02 {
	height: 311px;
	margin-left: 50px;
	float: left;
}
.footer-maps-telo-03 {
	height: 273px;
	float: right;
	margin-top: 20px;
	margin-right: 50px;
	background: url(../image/foot-niz-r.jpg) no-repeat;
	width: 277px;
}


.contactform-01 input, select, textarea {
    background-color: #fff;
    border-color: #e0e0e0;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.06);
    box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.06);
    border-width: 1px;
    border-style: solid;
    color: #474e57;
    font-size: 16px;
    font-weight: 400;
    padding: 10px;
	margin: 7px;
    width: 230px;
	margin-left: 12px;
}
.contactform-01 input[type=submit] {
	background-color: red;
	color: #FFFFFF;
	width: 253px;
	border-radius: 10px;
	border: 2px solid #F09629;
    font-family: Georgia, Palatino, Palatino Linotype, Times, Times New Roman, serif;
	font-size: 20px;
}

.contactform-02 {
	padding-top: 100px;
}
.footer {
	text-align: center;
	background-color: #FFFFFF;
}

.footer img{
	padding: 5px 20px;
}

.okna-cena {
	max-width: 1200px;
	margin: 0 auto;
	margin-top: 30px;

}


.okna-cena-h{
	color: #5693CB;
    font-size: 34px;
    text-align: center;

    font-weight: bold;
	
}
.okna-cena-telo-h3 {
    color: #1E1E1E;
    font-size: 20px;
    text-align: center;
    line-height: 24px;
    font-weight: bold;
}


.okna-cena-telo-01 {
	width: 360px;
	text-align: center;
	float: left;
	margin-top: 40px;
}

.okna-cena-telo-02 {
	width: 360px;
	float: right;
	text-align: center;
	margin-top: 40px;
}

.okna-cena-telo-03 {
	width: 360px;
	margin: 0 auto;
	text-align: center;
	margin-top: 40px;
}


.okna-cena-telo-04 {
	width: 360px;
	text-align: center;
	float: left;
	margin-top: 40px;
}

.okna-cena-telo-05 {
	width: 360px;
	float: right;
	text-align: center;
	margin-top: 40px;
}

.okna-cena-telo-06 {
	width: 360px;
	margin: 0 auto;
	text-align: center;
	margin-top: 40px;
}

.okna-cena-telo-07 {
	width: 360px;
	text-align: center;
	float: left;
	margin-top: 40px;
	margin-left: 160px;
}

.okna-cena-telo-08 {
	width: 360px;
	float: right;
	text-align: center;
	margin-top: 40px;
	margin-right: 160px;
}


.profili {
	max-width: 1200px;
	margin: 25px auto;
	text-align: center;
	
}
.profili-h1 {
	color: #5693CB;
    font-size: 34px;
    text-align: center;
    line-height: 41px;
    font-weight: bold;
    font-family: Georgia, Palatino, Palatino Linotype, Times, Times New Roman, serif;	
}

.profili img{

	margin-left: 14px;
	margin-right: 14px;
	margin-top: 20px;
}



.forma-ok {
	width: 100%;
	background-color: #F8F6F1;

	
}

.forma-ok-h1 {
	color: #5693CB;
    font-size: 34px;
    text-align: center;
    line-height: 41px;
    font-weight: bold;	
    font-family: Georgia, Palatino, Palatino Linotype, Times, Times New Roman, serif;
}

.forma-ok01 {
	max-width: 1200px;
	margin: 25px auto;
	text-align: center;
	
}
.forma-ok01 img{

}

.lami {
	max-width: 100%;
	text-align: center;
	
}	
.lami h2 {
	font-family: Georgia, Palatino, Palatino Linotype, Times, Times New Roman, serif;
    color: #5693CB;
    font-size: 34px;
    text-align: center;
    line-height: 41px;
    font-weight: bold;
}	
.lami img {
	margin: 7px 7px;
}		
	
.galerea {
	max-width: 1200px;
	text-align: center;
	margin: 25px auto;
	}

.galerea h2 {
    color: #5693CB;
    font-size: 42px;
    text-align: center;
    line-height: 50px;
    font-weight: bold;
	}	
	
.galerea h3 {
    color: #000000;
    font-size: 28px;
    text-align: center;
    line-height: 35px;
    font-weight: bold;
}	
	
.galerea img {
	width: 300px;
    height: 300px;
	border: 3px solid #E68226;
	margin: 20px;
	border-radius: 180px;
}	

.kak-rabotaem {
	max-width: 1200px;
	text-align: center;
	margin: 25px auto;
	margin-bottom: 0;
}	
	
.kak-rabotaem h2 {
    color: #5693CB;
    font-size: 32px;
    text-align: center;
    line-height: 50px;
    font-weight: bold;
	}	
	
.kak-rabotaem img {
	margin: 20px 30px;

}		
	
.footer-menu {
	width: 100%;
	padding-top: 15px;
	padding-bottom: 15px;
	border-top: 3px solid #ff9900;
	background-color: #232526;
    color: #ffffff;
	font-family: "Helvetica", sans-serif;

}

.footer-menu-t {
	max-width: 1200px;
	margin:0 auto;
}
.footer-menu h4 {
    font-family: 'TTNorms', Helvetica, sans-serif;
    font-size: 12pt;
    line-height: normal;
	padding-bottom: 8px;
	}

.footer-menu-01 {
	float: left;
	width: 230px;
	text-decoration: none;
    font-size: 10pt;
	line-height: 17px;
	margin-left: 5%;
	margin-top: 5px;
}

.footer-menu-01 a{
    color: #ffffff;
	text-decoration: none;
    font-size: 10pt;
	line-height: 17px;
}

.footer-menu-01 a:hover{
    font-size: 11pt;
}

.otdelka {
	width: 100%;
	background-color: #E8E8E8;
	margin-top: 20px;
	padding-bottom: 15px;
	padding-top: 15px;
}

.otdelka-01 {
	max-width: 1200px;
	margin: 0 auto;
}

.otdelka-h1 h1{
	color: #5693CB;
    font-size: 42px;
    text-align: center;
    line-height: 54px;
    font-weight: bold;
	padding-top: 20px;
}

.otdelka-r {
	float: right;
	font-family: Georgia, Palatino, Palatino Linotype, Times, Times New Roman, serif;
    font-size: 16px;
    line-height: normal;
    color: #222;
	font-weight: 500;
	margin-right: 15px;
	width: 563px;
	height: 738px;
}

.otdelka-l {
	float: left;
	margin-left: 15px;
	width: 563px; 
	height: 738px;
}

.otdelka-r-s {
	border-bottom: 1px solid #CBCBCB;
	height: 65px;
	line-height: 60px;

}
.divh3 {
    color: #000000;
    font-size: 24px;
    text-align: center;
    line-height: 35px;
    font-weight: bold;
	margin: 0 auto;	
	margin-bottom: 20px;

}

.texst {
	max-width: 1200px;
	margin: 6px auto;
	font-family: Georgia, Palatino, Palatino Linotype, Times, Times New Roman, serif;
    font-size: 22px;
	text-indent: 1.5em;
    line-height: normal;
}
.texst-amg {
	float: right;
	text-align: center;
	margin-right: 2%; 
}




.texst p{
	margin: 10px 0;
}

.texst ul li{
	text-indent: 0;
	margin-left: 8%;
	padding-top: 8px;
	list-style: disc;
}

.ot-texst {
	padding: 5px;
	max-width: 1200px;
	margin: 6px auto;
	font-family: Georgia, Palatino, Palatino Linotype, Times, Times New Roman, serif;
    font-size: 22px;
    line-height: normal;
}

.ot-texst img{
	float: left;
}

.ot-texst ul{
	list-style-image: url(../image/galo.png);
	margin-left: 610px;
	font-size: 24px;
	color: #5693CB;
	line-height: 35px;
}

.ot-texst li{
		color: #4C337E;
	    line-height: 35px;
}


.texst-1 {
	max-width: 1200px;
	margin: 6px auto;
	font-family: Georgia, Palatino, Palatino Linotype, Times, Times New Roman, serif;
    font-size: 26px;
	text-indent: 1.5em;
    line-height: normal;	
    text-align: center;	
}
.texst-1-h1 {
    color: #5693CB;
    font-size: 54px;
    text-align: center;
    line-height: 65px;
    font-weight: bold;	
	
}


.texst h1{
    color: #5693CB;
    font-size: 40px;
    text-align: center;
    line-height: 65px;
    font-weight: bold;	
}

.texst h2{
	color: #D36C0C;
    font-family: Georgia;
    font-weight: bold;
    font-size: 30px;
    text-align: center;
	margin: 15px 0;
}

.texst h4{
font-family: Georgia, Palatino, Palatino Linotype, Times, Times New Roman, serif;
    font-size: 26px;
    text-indent: 1.5em;
    line-height: normal;
	text-align: center;
	
}
.zakazat a{
	text-decoration: none;
    font-size: 24px;
    color: #ffffff;
    line-height: 36px;
    font-family: Georgia, Palatino, Palatino Linotype, Times, Times New Roman, serif;
}

.zakazat a:hover{
	text-decoration: none;
    font-size: 25px;
    color: #EAEADE;
    line-height: 35px;
    font-family: Georgia, Palatino, Palatino Linotype, Times, Times New Roman, serif;
}


.thumbnail {
padding: 5px;
}


.thumbnail:hover  {
  opacity: .6;
  transition: .1s;
}























	
			
		/* Медиа-запросы 1200px*/
@media screen and (max-width: 1200px) {
	.header-top-tel-right{
    font-size: 20px;
}
	.header-top-tel-left{
    font-size: 20px;
}
	.padarok-telo-left {
    width: 400px;
    font-size: 18px;
    line-height: 42px;
}
.padarok-telo-niz-niz-left {
    width: 400px;
    font-size: 20px;
    line-height: 52px;
}
.padarok-telo-right {
    height: 176px;
    width: 300px;
    float: right;
    margin-right: 23px;
}
.padarok-telo-right-01 {
    font-size: 24px;
    padding-top: 19px;
}
.contactform input, select, textarea {
    width: 250px;
}

.footer-maps-telo-01 {
	margin-left: 15px;
}
.footer-maps-telo-02 {
	margin-left: 15px;
}
.footer-maps-telo-03 {
	margin-right: 15px;
}

.proc-01-ok {
	font-size: 40px;
}




.okna-cena-telo-01 {
	width: 360px;
	text-align: center;
	float: left;
	margin-top: 40px;
	margin-left: 130px;
}

.okna-cena-telo-02 {
	width: 360px;
	float: right;
	text-align: center;
	margin-top: 40px;
	margin-right: 130px;
}

.okna-cena-telo-03 {
	width: 360px;
	float: left;
	text-align: center;
	margin-top: 40px;
	margin-left: 130px;
}


.okna-cena-telo-04 {
	width: 360px;
	text-align: center;
	float: right;
	margin-top: 40px;
	margin-right: 130px;
	}

.okna-cena-telo-05 {
	width: 360px;
	float: left;
	text-align: center;
	margin-top: 40px;
	margin-left: 130px;
}

.okna-cena-telo-06 {
	width: 360px;
	float: right;
	text-align: center;
	margin-top: 40px;
	margin-right: 130px;
	}

.okna-cena-telo-07 {
	width: 360px;
	text-align: center;
	float: left;
	margin-top: 40px;
	margin-left: 130px;
}

.okna-cena-telo-08 {
	width: 360px;
	float: right;
	text-align: center;
	margin-top: 40px;
	margin-right: 130px;
}

.otdelka-r {
	float: none;
	margin: 0 auto;
}

.otdelka-l {
	float: none;
	margin: 0 auto;

}


.ot-texst img{
	float: left;
	width: 450px;
}

.ot-texst ul{
	list-style-image: url(../image/galo.png);
	margin-left: 510px;
	font-size: 20px;
	color: #5693CB;
	line-height: 15px;
}

.ot-texst li{
		color: #4C337E;
	    line-height: 14px;
}









}	
		/* Медиа-запросы 1070px*/
@media screen and (max-width: 1070px) {
	.header-top-tel-right{
    font-size: 18px;
}
	.header-top-tel-left{
    font-size: 18px;
}
	.proc-01 {
	font-size: 45px;
}
	.proc-02 {
	font-size: 90px;
}
	.proc-03 {
	font-size: 30px;
}
	.proc-04 {
	font-size: 30px;
}
	.proc-05 img{ 
	width: 250px;
}
.blok-02-otk-v {
	padding-top: 650px;
}
.blok-02 {
	min-height: 1300px;
}
.s-nami {
	display:block;
}		
.s-nami-001	{
	margin-left: 130px;
}
.s-nami-002	{
	float: right;
	margin-right: 130px;
}
.s-nami-003	{
	float: left;
	margin-left: 130px;
}
.s-nami-004	{
	float: right;
	margin-right: 130px;
}
.ramy-ceny-blok{
	margin: 0px auto;	
}
.rama-al-ceny-3s {
	margin: 0px;
	float: none;
}
.rama-al-ceny-4s {
	margin-right: 0px;
	float: none;
}
.rama-al-ceny-g4s {
	margin-left: 0px;
	float: none;
}
.rama-al-ceny-p4s {
	margin-right: 0px;
	float: none;
}

.dop-op-telo {
	width: 350px;
	float: left;
	height: 240px;
	margin: 0;
	margin-left: 110px;
}
.dop-op-telo-01 {

	width: 350px;
	float: right;
	height: 240px;
	margin: 0;
	margin-right: 110px;
}
.dop-op-telo-02 {
	width: 350px;
	float: left;
	height: 240px;
	margin: 0;
	margin-left: 110px;
}
.dop-op-telo-03 {
	width: 350px;
	float: right;
	height: 240px;
	margin: 0;
	margin-right: 110px;
}
.dop-op-telo-04 {
	width: 350px;
	margin: 0 auto;
	height: 240px;
	float: none;
}


.footer-maps {
	background: none;
	background-color: #F3F3F3;

}
.footer-maps-telo {
	margin: 0 auto;
	height: 930px;	
}
.footer-maps-telo-01 {
	float: none;
	margin: 0 auto;
	margin-top: 0px;
	padding-top: 20px;
}
.footer-maps-telo-02 {
	margin: 20px auto;
	float: none;
	width: 277px;
}
.footer-maps-telo-03 {
	float: none;
	margin-top: 20px;
	margin: 0 auto;
}




}	

		/* Медиа-запросы 1020px*/
@media screen and (max-width: 1020px) {
.header-top-tel {
	float: none;
	margin: 0 auto;
	padding: 0px;
	width: 450px;
}
.logo-zakaz{
	float: none;
	margin: 0 auto;
	padding: 0px;
	width: 580px;
	text-align: center;
	padding: 0;
	
}
.header-zakaz {
	padding-left: 0px;

}

	.proc-01 {
		font-size: 48px;
	}
	.proc-02 {
		font-size: 60px;
	}
	.proc-03 {
		font-size: 25px;
	}
	.proc-04 {
		font-size: 25px;
	}
	.proc-05 img{ 
		width: 220px;
	}
	
.padarok-telo-left {
    height: 176px;
    width: 320px;
    float: none;
    font-size: 22px;
    line-height: 43px;
    color: #232323;
    text-align: center;
    font-family: Georgia, Palatino, Palatino Linotype, Times, Times New Roman, serif;
	margin: 0 auto;
}	
.padarok-telo-right {
    height: 176px;
    width: 300px;
    float: none;
    margin: 0 auto;
	
}	
.padarok-telo-img {
    position: relative;
	float: none;
	left: 0;
	margin: 0 auto;
	padding-top: 100px;

}
.padarok-telo-niz {
    margin-top: 76px;
	text-align: center;
	margin-top: 106px;
}
.padarok-telo-niz-niz-left {
    width: 100%;
    font-size: 16px;
    line-height: 52px;
	margin: 0 auto;
}	
	
.dop-op-telo {

	width: 350px;
	float: none;
	margin: 20px auto;
}

.dop-op-telo-01 {

	width: 350px;
	float: none;
	margin: 20px auto;

}

.dop-op-telo-02 {

	width: 350px;
	float: none;
	margin: 20px auto;
}

.dop-op-telo-03 {

	width: 350px;
	float: none;
	margin: 20px auto;

}

.dop-op-telo-04 {

	width: 350px;
	margin: 20px auto;
	float: none;
}	
.proc-01-ok {
	font-size: 40px;
    letter-spacing: 0px;
    text-align: center;
    color: #EE4D1D;
    font-family: Times, Times New Roman, Georgia, serif;
    font-weight: bold;
	margin-top: -43px;
	margin-bottom: 28px;
}
	



.okna-cena-telo-01 {
	width: 360px;
	text-align: center;
	float: left;
	margin-top: 40px;
	margin-left: 20px;
}

.okna-cena-telo-02 {
	width: 360px;
	float: right;
	text-align: center;
	margin-top: 40px;
	margin-right: 20px;
}

.okna-cena-telo-03 {
	width: 360px;
	float: left;
	text-align: center;
	margin-top: 40px;
	margin-left: 20px;
}


.okna-cena-telo-04 {
	width: 360px;
	text-align: center;
	float: right;
	margin-top: 40px;
	margin-right: 20px;
	}

.okna-cena-telo-05 {
	width: 360px;
	float: left;
	text-align: center;
	margin-top: 40px;
	margin-left: 20px;
}

.okna-cena-telo-06 {
	width: 360px;
	float: right;
	text-align: center;
	margin-top: 40px;
	margin-right: 20px;
	}

.okna-cena-telo-07 {
	width: 360px;
	text-align: center;
	float: left;
	margin-top: 40px;
	margin-left: 20px;
}

.okna-cena-telo-08 {
	width: 360px;
	float: right;
	text-align: center;
	margin-top: 40px;
	margin-right: 20px;
}












	
	
	
	
}

		/* Медиа-запросы 780px*/
@media screen and (max-width: 780px) {

    #skipTo {
        display: block;
        }

    header nav, aside {
        float: left;
        clear: left;
        margin: 0 0 10px; 
        width: 100%;
        }    
        header nav li {
            margin: 0;
            background: #ccc;
            display: block;
            margin-bottom: 3px;
            }
            header nav a {
                display: block;
                padding: 10px;
                text-align: center;
                }
	.logo {
		float: none;
	}			
	.header-zakaz {
		float: none;
	}				
.header-top-tel-left{
	float: none;
	}
.header-top-tel-right{

	float: none;
	}
.header-top-tel {
	float: none;
	margin: 0 auto;
	padding: 0px;
	width: 320px;
	text-align: center;
	padding: 0;
}
	.header-top-tel-right {
    font-size: 24px;
	padding: 0;
	}
	.header-top-tel-left {
    font-size: 24px;
	padding: 0;
	}
.header-zakaz {
	height: 50px;
}
.logo-zakaz{
	float: none;
	width: 320px;
	
}

.header-zakaz-2 {
	padding-top: 12px;
}
.header-zakaz-1 {
	padding-top: 5px;
}
.header-zakaz {
	padding-left: 0px;

}
.menu {
	background-color: #FFFFFF;
}

.proc {
	float: none;
	width: 100%;
}
.blok-01-img1 {
	float: none;
}
.blok-02-img2 {
	float: none;
}

	.proc-01 {
		font-size: 53px;
	}
	.proc-02 {
		margin-top: -35px;
		font-size: 60px;
	}
	.proc-03 {
		font-size: 20px;
	}
	.proc-04 {
		font-size: 20px;
	}
	.proc-05 img{ 
		width: 220px;
	}
.blok-02-al-v {
		float: none;
		margin: 0 auto;
	}
	
.blok-02-otk-v {
		float: none;
		margin: 10px auto;	
		position: relative;
		left: 0;
			}	

.blok-02-pvh-v {
		float: none;
		margin: 0 auto;		
		
	}	
.blok-02-otk-v {
	padding-top: 0px;
}	
.logo-2 {
	    font-size: 16px;
    line-height: 20px;
}	

.s-nami {

	display:block;
}		
.s-nami-001	{
	float: none;
	margin-left: 0;
	margin-right: 0;	
	margin: 10px auto;	

}
.s-nami-002	{
	float: none;
	margin-left: 0;
	margin-right: 0;	
	margin: 10px auto;

}
.s-nami-003	{
	float: none;
	margin-left: 0;
	margin-right: 0;	
	margin: 10px auto;
}

.s-nami-004	{
	float: none;
	margin-left: 0;
	margin-right: 0;	
	margin: 10px auto;
}




.okna-cena-telo-01 {
	width: 360px;
	text-align: center;
	float: none;
	margin: 0 auto;
	margin-top: 40px;
}

.okna-cena-telo-02 {
	width: 360px;
	float: none;
	text-align: center;
	margin: 0 auto;
	margin-top: 40px;	
}

.okna-cena-telo-03 {
	width: 360px;
	float: none;
	text-align: center;
	margin: 0 auto;
	margin-top: 40px;	
}


.okna-cena-telo-04 {
	width: 360px;
	text-align: center;
	float: none;
	margin: 0 auto;
	margin-top: 40px;
	}

.okna-cena-telo-05 {
	width: 360px;
	float: none;
	text-align: center;
	margin: 0 auto;
	margin-top: 40px;
	}

.okna-cena-telo-06 {
	width: 360px;
	float: none;
	text-align: center;
	margin: 0 auto;
	margin-top: 40px;
}

.okna-cena-telo-07 {
	width: 360px;
	text-align: center;
	float: none;
	margin: 0 auto;
	margin-top: 40px;
	}

.okna-cena-telo-08 {
	width: 360px;
	float: none;
	text-align: center;
	margin: 0 auto;
	margin-top: 40px;
	}

.otdelka-r {
	float: none;
	margin: 0 auto;
	font-family: Georgia, Palatino, Palatino Linotype, Times, Times New Roman, serif;
    font-size: 20px;
    line-height: normal;
    color: #222;
	font-weight: 500;
	width: 360px;
	height: 880px;
	margin-top: 15px;
	padding: 0 10px;
}

.otdelka-l {
	float: none;
	margin: 0 auto;
	width: 360px;
	height: 480px;
	padding: 0 5px;
}
.otdelka-l img{
	width: 350px; 

}

.otdelka-r-s {
	border-bottom: 1px solid #CBCBCB;
	height: 80px;
	line-height: 30px;
	width: 350px;	

}

.texst {
	max-width: 1200px;
	margin: 6px auto;
	font-family: Georgia, Palatino, Palatino Linotype, Times, Times New Roman, serif;
    font-size: 22px;
	text-indent: 1.5em;
    line-height: normal;
}


.ot-texst {
	padding: 5px;
	width: 350px;
	margin: 6px auto;
	font-family: Georgia, Palatino, Palatino Linotype, Times, Times New Roman, serif;
    font-size: 22px;
    line-height: normal;
}

.ot-texst img{
	float: none;
	width: 350px;
}

.ot-texst ul{
	list-style-image: url(../image/galo.png);
	font-size: 24px;
	color: #5693CB;
	line-height: 35px;
	margin-left: 25px;
}

.ot-texst li{
		color: #4C337E;
	    line-height: 35px;
}

.ot-texst-img {
	margin: 0 auto;
	width: 350px;
}

.ot-texst-ul {
	width: 350px;
	margin: 0 auto;
}

.otdelka-h1 h1{
	font-size: 36px;
}

















		/* Медиа-запросы 500px*/
@media screen and (max-width: 500px) {
	
.okna-cena img {
	max-width: 310px;	
}	

.okna-cena {
	text-align: center;
}

.okna-cena-telo-01 {
	width: 320px;
}

.okna-cena-telo-02 {
	width: 320px;
}

.okna-cena-telo-03 {
	width: 320px;
}

.okna-cena-telo-04 {
	width: 320px;
}

.okna-cena-telo-05 {
	width: 320px;
}

.okna-cena-telo-06 {
	width: 320px;
}

.okna-cena-telo-07 {
	width: 320px;
}

.okna-cena-telo-08 {
	width: 320px;
}
.ramy-ceny-blok{
	width: 310px;	
	
}

.ramy-ceny-blok img {	width: 310px;	}


.dop-op-telo {
    width: 320px;
    float: none;
    margin: 20px auto;
}

.dop-op-telo-01 {
    width: 320px;
    float: none;
    margin: 20px auto;
}

.dop-op-telo-02 {
    width: 320px;
    float: none;
    margin: 20px auto;
}

.dop-op-telo-03 {
    width: 320px;
    float: none;
    margin: 20px auto;
}

.dop-op-telo-04 {
    width: 320px;
    float: none;
    margin: 20px auto;
}

.footer-maps-telo-01 img {
    text-align: center;
    width: 320px;
}

.footer-maps-telo-01 {

	height: 217px;
	width: 320px;

}








.rama-al-ceny-3s {
	margin: 0px;
	float: none;
}

.rama-al-ceny-4s {
	margin-right: 0px;
	float: none;
	margin-top: 30px;
}

.rama-al-ceny-g4s {
	margin-left: 0px;
	float: none;
margin-top: 30px;
}
.rama-al-ceny-p4s {
	margin-right: 0px;
	float: none;
margin-top: 30px;
}





.footer-maps-telo-01 img{
text-align: center;

	width: 320px;

}

.footer-maps-telo {
	margin: 0 auto;
	height: 880px;	
}
.texst-amg {
	float: none;
	margin: 0 auto;
	width: 320px;
	text-align: center;
	text-indent: 0;
}

.lami img{
	max-width: 320px;
	margin: 0px;
}

.galerea img{
	margin: 0;
}

.blok-02-h1 {
    font-size: 32px;	
}

.padarok {
	width: 320px;
}	
	
.padarok-telo-left {
	width: 318px;	
}
.otdelka-l {
	width: 320px;
	padding: 0;
}
.otdelka-l img {
		max-width: 320px;
}

.otdelka-r {
		width: 320px;
}

.otdelka-r {
	font-size: 18px;
	padding: 0;
}

.otdelka-r-s {
	width: 320px;
}
.texst h1{
	font-size: 36px;
}












/*-------------------------------------*/



#mainmenu {
background: #FFFFFF;
position: relative;
overflow:hidden;
margin: 0 auto;
height: 350px;
max-width: 420px;

}




#mainmenu ul {

position: relative;
float:none;

}
#mainmenu ul li {

text-align: center;
float:none;
margin:0 10px;

border: 5px solid #FFFFFF;
background: #E65328;
}

#mainmenu ul li a:hover {
background-color:#C24925; 
}

#mainmenu img {
padding-right: 10px;
}	



/*-------------------------------------*/
	
}

<meta name="viewport" content="width=device-width, minimum-scale=1.0, maximum-scale=1.0" />