@import url(reset.css);
@import url(text.css);

body{
	background-color:#FFF;
	font: 12px/18px "Lucida Grande", "Trebuchet MS", Geneva, Arial, Verdana, sans-serif; background-color:#fff; color:#404040;
	height:100%;
}

span.clr {
	display: block;
	clear: both;
}

h1 {
	font-family: Times;
	font-size: 36pt;
	font-style: italic;
	line-height: 28pt;
	margin-bottom: 36px;
	font-weight: normal;
}

.content ul{
    font-size:12px;
}
.content ul li{
    margin:5px 15px 5px 0;
}
.content ul li:before{
    content:"— ";
}

table.map-columns td {
	padding: 8px;
}
ul.map-level-0 > li {
	font-size:10pt;
}
ul.map-level-0 > li:before {
	content:'';
}
ul.map-level-1 > li > a{
	text-decoration: none;
	color: #000000;
}
ul.map-level-1 li > a:hover{
	text-decoration: underline;
	color: #0000ff;
}

/* common styles */
div#panel, div#header, div#wrapper, div#footer, div#things {
	width: 100%;
	margin: 0 auto; /* öåíòðèðîâàòü êîíòåíò ïðè ïðåâûøåíèè max-width */
	min-width: 965px;
	max-width: 1280px;
}

div#footer-inside {
	font-family: Lucida Grande, Arial, Helvetica;
	width: 80%;
	margin: 0 10%;
	min-width: 612px;
	position: relative;
}
div#header-inside {
	font-family: Lucida Grande, Arial, Helvetica;
	width: 90%;
	float: right;
	min-width: 612px;
	position: relative;
}


/* header */
div#panel {
}

div#header p, div#header h1 {
	margin: 0;
	padding: 0;
}

div#header {
	height: 50px;
	margin-top: 50px;
}

div#logo {
	float: left;
}
div#logo h1 span, div#logo p {
	display: none;
}

div#logo h1, div#logo h1 a {
	height: 38px;
	width: 203px;
	display: block;
}
div#logo h1 {
	background: url(/bitrix/templates/white/images/logo.gif) no-repeat;
	float: left;
}

/* footer */
body #footer {
	padding: 15px 0;
	height: 75px;
}

#footer #contacts, #footer #order, #footer #powered {
	float: left;
	display: block;
	position: absolute;
}

#footer #contacts a, #footer #order a, #footer #powered a {
	display: block;
}
#footer #contacts a span, #footer #order a span, #footer #powered a span {
	display: none;
}

#footer #contacts {
	left: 0;
	margin-top: 24px;
}
#footer #contacts a {
	width: 211px;
	height: 49px;
	/*background: url(/images/contacts.gif) no-repeat;*/
}


#footer #order {
	left: 50%;
	margin-left: -64px;
}
#footer #order a {
	width: 129px;
	height: 28px;
	background: url(/bitrix/templates/white/images/order.gif) no-repeat;
}

#footer #powered {
	right: 0;
	margin-top: 24px;
}
#footer #powered a {
	width: 143px;
	height: 30px;
	background: url(/bitrix/templates/white/images/powered.gif) no-repeat;
}

#things {
	height: 50px;
	padding: 20px 0;
}
#things a span {
	display: none;
}
#things a {
	position: absolute;
	right: 0;
	display: block;
	width: 352px;
	height: 49px;
	background: url(/bitrix/templates/white/images/shtuchki.gif) no-repeat;
}
div.search {
	left: 10%;
	top: 40;
	position: absolute;
}

/* content */
div#container {
	width: 80%;
	margin: 0 auto;
	clear: both;
	z-index: 1;
}
#left
{
	float: left;
	width: 24%;
	min-width: 193px; 
	//margin-right: -100%; /* IE */
	margin-top: 0;
	min-height: 200px;
}
div#content {
	margin-top: 15px;
	padding-left: 80px;
	float: left;
	width: 60%;
	//width: 72%; //padding-left: 50px; //margin-left: 28%; // display: inline; /* IE */
}

#left .promo {
}
#left .menu {
}

#content h1 {
	margin-top: 6px;
}

#tooltip {
	BACKGROUND: #ffffff; 
	Z-INDEX: 10; 
	BORDER: 1px solid #666; 
	COLOR: #333; 
	FONT: menu; 
	MARGIN: 0px; 
	PADDING: 6px;
	POSITION: absolute;
	VISIBILITY: hidden;
}

/* Contacts */
div.contacts .street a {
	display: block;
	width: 330px; height: 200px;
	background-image: url(/images/street.jpg);
	background-repeat: no-repeat;
}
div.contacts .street a span {
	display: none;
}
div.contacts .phone a {
	display: block;
	width: 500px; height: 88px;
	background-image: url(/images/phone.jpg);
	background-repeat: no-repeat;
}
div.contacts .phone a span {
	display: none;
}