@import	"reset.css";

body {
	background: #fff url(../_img/bg.gif); color: #000;
	font-family: Arial, Tahoma, Helvetica, sans-serif;
	font-size: .9em;
	line-height: 1.3em;
	}

.clear {
	clear: both;
	}
.nobr {
	white-space: nowrap;
	}

h1 {
	}

em {
	font-style: italic;
	}
strong {
	font-weight: bold;
	}
	em strong, em strong {
		font-style: italic; 
		font-weight: bold;
		}
.nobr {
	white-space: nowrap;
	}
.blink {
	text-decoration: blink;
	}
a:link {
	/*color: #982a09;*/
	}
a:hover, a:active {
	/*color: #c72123;*/
	}
a:visited {
	/*color: #986c5f;*/
	}
	
p {
	margin-bottom: .7em;
	}


input {
	font-family: Arial, Tahoma, Helvetica, sans-serif;
	}

.cursor {
	width: 1px; height: 17px;
	display: inline; vertical-align: -2pt;
	}

#layout {
	position: absolute;
	padding: 65px 10% 30px 15%;
	width: 75%; 
	}
	#content {
		background: #fff;
		width: 100%;
		padding: 50px 0 250px;
		overflow: hidden;
		}
		#content .logotype {
			width: 30%;
			float: left;
			}
			#content .logotype div {
				background: url(../_img/select.gif);
				width: 130px; height: 75px;
				padding: 1px;
				margin: auto;
				}
				#content .logotype h1 {
					display: block;
					background: #fff;
					width: 130px; height: 55px;
					text-align: center;
					padding-top: 20px;
					color: #999;
					font-size: .8em;
					}
		#content .page {
			position: relative;
			float: left;
			width: 49%;
			background: url(../_img/text-br.gif);
			padding: 1px;
			margin-right: 20%;
			}
			#content .page div {
				background: #fff url(../_img/cross.gif) no-repeat center;
				}
				#content .page p {
					position: relative;
					z-index: 50;
					}
			#content .page .blocks {
				position: absolute;
				top: 0; left: 0;
				background: none !important;
				width: 100%; height: 100%;
				}
				#content .page .blocks div {
					position: absolute;
					width: 5px; height: 5px;
					background: #fff;
					border: 1px solid #000;
					overflow: hidden;
					}
					#content .page .blocks .tl { 
						top: -3px; left: -3px;
						}
					#content .page .blocks .tc { 
						top: -3px; left: 50%;
						margin-left: -3px;
						}
					#content .page .blocks .tr { 
						top: -3px; right: -3px;
						}
					#content .page .blocks .mr { 
						top: 50%; right: -3px;
						margin-top: -3px;
						}
					#content .page .blocks .br { 
						bottom: -3px; right: -3px;
						}
					#content .page .blocks .bc { 
						bottom: -3px; left: 50%;
						margin-left: -3px;
						}
					#content .page .blocks .bl { 
						bottom: -3px; left: -3px;
						}
					#content .page .blocks .ml { 
						top: 50%; left: -3px;
						margin-top: -3px;
						}
						
/*
 * Линейки
 */
#rulers {
	width: 100%; height: 100%;
	overflow: hidden;
	position: absolute;
	}
	#rulers div {
		position: absolute;
		}
		#rulers div i {
			font-size: 7pt;
			overflow: hidden;
			font-style: normal;
			display: block;
			}
		#rulers .o {
			position: fixed; z-index: 20;
			top: 0; left: 0;
			width: 15px; height: 15px;
			background: url(../_img/r-o.gif) no-repeat;
			}
		#rulers .h {
			position: fixed; z-index: 20;
			top: 0; left: 15px;
			width: 100%; height: 15px;
			background: url(../_img/r-h.gif) repeat-x;
			overflow: hidden;
			}
			#rulers .h i {
				float: left;
				width: 48px; padding-left: 2px;
				margin-top: -3pt; //margin-top: -4pt;
				}
		#rulers .v {
			top: 15px; left: 0; z-index: 10;
			width: 15px; height: 100%;
			background: url(../_img/r-v.gif) repeat-y;
			}
			#rulers .v i {
				width: 1.2ex; height: 48px;
				padding-top: 2px;
				padding-left: 1px;
				line-height: 6pt;
				}

/*
 * Панели
 */
#panels div {
	position: fixed;
	}
	/*#panels .tools {
		top: 75px; left: 5%;
		width: 38px; height: 626px;
		background: url(../_img/tools.gif) no-repeat;
		}*/
	#panels .tools-2 {
		top: 115px; left: 5%;
		width: 60px; height: 376px;
		background: url(../_img/tools-2.png) no-repeat;
		}
		
/*
 * Направляющие
 */
#guides {
	width: 100%; height: 100%;
	}
	#guides hr {
		position: absolute;
		width: 100%;
		color: #4affff; background: #4affff;
		height: 1px; border: 0px;
		margin: 0; padding: 0;
		display: block; overflow: hidden;
		}
	#guides hr.h1 {
		top: 65px;
		}
	#guides hr.h2 {
		top: 114px;
		}
	
	#guides div {
		position: absolute;
		width: 1px; height: 100%;
		background: #4affff;
		overflow: hidden;
		}
		#guides .v1 {
			left: 15%;
			}
		#guides .v2 {
			left: 37.5%;
			margin-left: -1px;
			}
		#guides .v3 {
			left: 74.4%;
			}
		#guides .v4 {
			right: 10%;
			}