body, html {
	font-family: Arial,Helvetica Neue,Helvetica,sans-serif; 
	margin: 0; padding: 0;
}

div {
	/* outline: 1px solid red; */
	box-sizing: border-box;
}

div.top {
	height: 50px;
	background-color: #314b7c;
	text-align: right;
}

div.top .t {
	display: inline-block;
	padding-left: 30px;
	background-position: left;
	background-repeat: no-repeat;
	text-transform: uppercase;
	font-size: 11pt;
	font-weight: bold;
	color: white;
	height: 50px;
	line-height: 50px;
	margin-right: 35px;	
}

div.top .t1 { background-image: url("images/bg-t1.png"); }
div.top .t2 { background-image: url("images/bg-t2.png"); }


div.menu {
	height: 135px;
}

div.promo {
	background-color: #d7d7d7;
    overflow: hidden;
    height: 283px;
}

div.promo img { width: 900px; height: 283px}


div.warp {
	max-width: 900px;
	margin: 0 auto;
}


a.logo {
	width: 320px;
	height: 135px;
	display: block;
	background-image: url("images/logo.png");
	background-position: center center;
	background-repeat: no-repeat;
	float: left;
}

div.topmenu {
	margin-left: 330px;
	line-height: 135px;	
	vertical-align: middle;
	text-align: center;
	height: 135px;
}

div.topmenu a {
	margin: 15px;
	text-transform: uppercase;
	text-decoration: none;
	font-size: 13pt;
	font-style: normal;
	1font-weight: bold;
	color: #333333;
}

div.topmenu a.active, div.topmenu a:hover {
	border-bottom: 3px solid #314b7c;
}

div.idxblock {
	margin: 20px 0;
}

div.idxblock div.warp {
	padding: 20px 35px;
	position: relative;
	min-height: 180px;	
}

div.leftpad0 {padding-left: 0 !important}
div.rightpad0 {padding-right: 0 !important}


div.idxblock div.nopad {
	padding: 0 !important
}


div.idxblock div.grey {	background-color: #d7d7d7; }

div.bgs1 {
	width: 320px;
	height: 135px;
	display: block;
	background-position: center center;
	background-repeat: no-repeat;
    position: absolute;
    margin: auto;
}

div.bgs2 {
	width: 325px;
	display: block;
	background-position: center center;
	background-repeat: no-repeat;
    position: absolute;
    background-size: cover;
    margin: auto;
}


div.bg1 { background-image: url("images/bg1.png"); }
div.bg2 { background-image: url("images/bg2.png"); }
div.bg3 { background-image: url("images/bg3.png"); }
div.bg4 { background-image: url("images/bg4.png"); }
div.bg5 { background-image: url("images/bg5.png"); }
div.bg6 { background-image: url("images/bg6.png"); }
div.bg7 { background-image: url("images/bg7.png"); }

i.bg4 {
	display: block; margin: 0 auto;
	background: url('images/bg4.png');
	height: 68px; width: 68px; 
}

i.bg7 {
	display: block; margin: 0 auto;
	background: url('images/bg7.png');
	height: 68px; width: 68px; 
}


div.idxblock .bg-left div.bgs1 { float: left; bottom: 0; top: 0; left: 35px; }
div.idxblock .bg-left div.text {
	margin-left: 325px;
}

div.idxblock .bg-right div.bgs1 { float: right;  bottom: 0; top: 0; right: 35px; }
div.idxblock .bg-right div.text {
	margin-right: 325px;
}

div.idxblock .bg-left div.bgs2 { float: left; bottom: 0; top: 0; left: 0; }
div.idxblock .bg-right div.bgs2 { float: right;  bottom: 0; top: 0; right: 0; }


div.idxblock .text {
	text-transform: uppercase;
	line-height: 1.75;
	letter-spacing: 0.2px;
	font-size: 11pt;
}

div.idxblock .lead {
	font-size: 12pt;
	font-weight: bold;
}


div.idxblock .text ul { margin: 0; list-style-image: url("images/bg-point10.jpg"); }
div.idxblock .text li { font-size: 10pt; }

div.idxblock .text + .text {
	margin-top: 15px;
}
div.img3 {
	display: block;
	width: 100%;
	text-align: justify;
	line-height: 0;
    font-size: 1px; 
}

div.img3 div {
	display: inline-block;
	margin: auto;
	width: 280px;
}

div.img3::after {
    content: '';
    display: inline-block;
	visibility: hidden;
	overflow: hidden;
    height: 0;
    width: 100%;
}


.mid123 {
	width: 280px;
	height: 215px;
}

div.mid1 { background-image: url("images/mid1.jpg"); }
div.mid2 { background-image: url("images/mid2.jpg"); }
div.mid3 { background-image: url("images/mid3.jpg"); }
div.mid4 { background-image: url("images/mid4.jpg"); }
div.mid5 { background-image: url("images/mid5.jpg"); }
div.mid6 { background-image: url("images/mid6.jpg"); }
div.mid7 { background-image: url("images/mid7.jpg"); }
div.mid8 { background-image: url("images/mid8.jpg"); }
div.mid9 { background-image: url("images/mid9.jpg"); }

div.footer {
	height: 239px;
	background-color: #314b7c;
    background-image: url("images/bg-bottom.jpg");
    background-repeat: no-repeat;
    background-position: 80%;	
}

div.footer div.warp { height: 239px; }

div.footer ul { margin: 0; padding-top: 36px; list-style: none}
div.footer li.line1 { background-image: url("images/bg-b1.jpg"); }
div.footer li.line2 { background-image: url("images/bg-b2.jpg"); }
div.footer li.line3 { background-image: url("images/bg-b3.jpg"); }
div.footer li { 
	background-position: left;
	background-repeat: no-repeat;
	text-transform: uppercase;
	padding-left: 60px;
	font-size: 14pt;
	color: white;
	height: 42px;
	line-height: 42px;
	margin: 15px 0;	
}

.center {
	text-align: center;
}

table#ordertable {
	margin: 25px auto;
}

table#ordertable td { padding: 6px; }
table#ordertable input {font-size: 13pt;}


div.ymap {
	max-width: 900px; height: 578px;
	background: url("images/map.png");
	margin: 15px 0 45px 0;
}

div.y2map {
	max-width: 900px; height: 550px;
	margin: 15px 0 45px 0;
}