@charset "utf-8";
/* CSS Document */

html, body, div, ul, ol, li, h1, h2, h3, h4, h5, h6, dd, dt, dl, table, tr, td, th, p, span, strong, small, a, img, form  {margin: 0px; padding: 0px;}
html {height: 100%; font-size: 62.5%;}
body {font: normal 12px Arial,Helvetica,sans-serif; color: #777777; background: #fff; min-width: 1000px; position: relative; height: 100%; line-height: 1.5em; }
img {border: none;}
a {cursor: pointer; text-decoration: underline;}
a:hover {text-decoration: none;}
p {padding-bottom: 1em; }
p small {font-size: 1em;}
h1, h2, h3, h4, h5, h6 {font: bold 18px Arial,Helvetica,sans-serif; color: #777777; padding-bottom: 15px;}
h1 {font-size: 24px;}
h3 {font-size: 14px;}
h4 {font-size: 13px;}
h5 {font-size: 12px;}
h6 {font-size: 11px;}
input[type='submit'], input[type='button'] {cursor: pointer;}
ul, ol { padding-left: 30px; }
ul li {list-style: disc outside;}
.set {height: 0; overflow: hidden; clear: both;}
.fl {float: left;}
.fr {float: right;}
.rel {position: relative;}
.header, .page, #footer { width: 1000px; position: relative; margin: 0 auto; }

#wrap { height: auto !important; height: 100%; min-height: 100%; position: relative; min-width: 1000px; margin: 0 auto; background: url(../images/bg.png) 0 100% repeat-x; }
#header { height: 184px; background:  url(../images/header.png) repeat-x; }
	.logo { position: absolute; left: 8px; top: 31px; }
	.tel { position: absolute; right: 12px; top: 30px; width: 285px; height: 68px; background: url(../images/tel.png) 0 0 no-repeat; text-align: right; font-size: 22px; *font-size: 20px; line-height: 18px; padding: 6px 9px 0 0; }
		.tel small { font-size: 18px; line-height: 18px; }
		.tel span { font-size: 14px; line-height: 14px; display: block; }
		.tel a { color: #777777; text-decoration: none; }
		.tel a:hover { text-decoration: underline; }
		
	
.page { background: url(../images/page.png) 752px top no-repeat; height: 1%; }		
.cont { width: 707px; float: left; padding: 0 0 35px 23px; position: relative; }
	.h101 { font-size: 20px; color: #c93636; padding: 3px 0 15px 38px; background: url(../images/h1-bl.png) 0 0 no-repeat; line-height: 25px; font-weight: normal; }
	.h102 { padding-top: 5px; }
	
	.girl { width: 256px; height: 431px; background: url(../images/girl.png) 0 0 no-repeat; position: absolute; right: 0px; top: -158px; }
	
	.text-1 { width: 350px; height: 170px; padding: 28px 38px 20px 48px; background: url(../images/text-block.png) 0 0 no-repeat; float: left; position: relative; overflow: hidden; left: -26px; margin-bottom: 30px; }
	.text-1 img { margin: -5px 5px 0 0; }
	
	.text-2 { padding: 24px 0 25px; border: dotted 1px #8f8585; border-width: 1px 0; width: 398px; float: left; }
	.text-3 { border-top: solid 2px #1db4ec; font-size: 11px; color: #ed5656; font-weight: bold; float: right; width: 258px; padding-top: 15px; line-height: 1.5em; }
	
.nav { width: 180px; float: right; padding: 0 30px 35px 0; }
	.box-1 { overflow: hidden; margin-bottom: 45px; }
		.h201 { font: normal 14px Arial, Helvetica, sans-serif; color: #e76868; padding-bottom: 7px; line-height: 16px; }
			.h201 big { font-size: 22px; color: #1db4ec; padding-right: 10px; margin-right: 11px; border-right: solid 1px #1db4ec; }
			.h201 a { text-decoration: none !important; color: #e76868; }
			.h201 big a { color: #1db4ec; }
		.data-1 { color: #1db4ec; font-weight: bold; padding-bottom: 7px; }
		
		.next { display: block; width: 72px; height: 16px; font-size: 10px; text-indent: -9999px; overflow: hidden; background: url(../images/next.png) 0 0 no-repeat; }
		.box-1 p { padding-bottom: 5px; }
	
		
#footer { position: relative; min-height: 270px; }
	
	.ssilki { padding: 35px 0; background: url(../images/ssilki.png) 0 0 no-repeat; width: 980px; height: 83px; margin: 0 auto; }
		.ssilka-1, .ssilka-2, .ssilka-3, .ssilka-4 { float: left; height: 80px; position: relative; }
		.ssilka-1, .ssilka-2, .ssilka-3 { background: url(../images/bg-1.png) 100% 0 repeat-y; }
		.ssilka-1 { width: 200px; }
		.ssilka-1 img { position: absolute; left: 15px; bottom: 0; }
		.ssilka-2 { width: 297px; }
		.ssilka-2 img { position: absolute; left: 18px; bottom: 0; }
		.ssilka-3 { width: 251px; }
			.book-1 { padding: 21px 0 10px 65px; background: url(../images/book-1.png) 15px 15px no-repeat; font-size: 14px; line-height: 16px; }
			.book-1 a { color: #ffffff; text-decoration: none; text-shadow: #eb7474 1px 1px 0; }
		.ssilka-4 { width: 230px; }	
			.book-2 { padding: 16px 0 5px 68px; background: url(../images/book-2.png) 14px 15px no-repeat; color: #e2e2e2; line-height: 14px; }
			.book-2 a { color: #e2e2e2; text-decoration: none !important; }
		
	.copy { float: left; padding-left: 26px; color: #747474; width: 766px; }
	.razrab { float: right; width: 180px; font-size: 11px; color: #8e8e8e; text-align: right; padding-right: 28px; }
		.razrab a { color: #8e8e8e; }
		.razr { padding-left: 10px; background: url(../images/bl-3.png) 0 100% no-repeat; text-decoration: none !important; line-height: normal; display: inline-block; *display: inline; zoom:1; padding-bottom: 1px; }
			.razr span { border-bottom: solid 1px #8e8e8e; }
			.razr:hover span { border-bottom: none; }