﻿*{
	/* Общие установки */
	margin:0;
	padding:0;
}

body{
	font-size:14px;
	color:#8a8a8a;
background: #fffff url(http://photo.n-map.ru/img/fon1.png) repeat-x;
	font-family:Arial, Helvetica, sans-serif;
}  







#main{
	/* Основной div */
	margin:40px auto;
	position:relative;
	width:779px;
}





#mContainer {
	position:relative;
	margin:0 auto;
	width:100%;
	height:25px;
	border-top:1px solid #d9d9d9;
	border-bottom:1px solid #d9d9d9;
	background-color:#F2F5F6;
	padding:5px 0 0 0;
	z-index:0;
}

#mContainer li {
	position:relative;
	display:inline;
	margin:0 10px 0 12px;
	font:0.8em arial,verdana;
	padding:0;
	z-index:20;
}

#mContainer li a {
	text-decoration:none;
	color:#9a9a9a;
}

#slider {
	position:absolute;
	background-color:	#eeeeee;
	border:1px solid #78919B;
	width:74px;
	height:20px;
	padding:0;
	z-index:1;
}

	.cpojer-links	{ font-size:13px; }
		.cpojer-links a	{
			display: inline-block;
			padding: 4px;
			outline: 0;
			color: #3a599d;
			-webkit-transition-duration: 0.25s;
			-moz-transition-duration: 0.25s;
			-o-transition-duration: 0.25s;
			transition-duration: 0.25s;
			-webkit-transition-property: -webkit-transform;
			-moz-transition-property: -moz-transform;
			-o-transition-property: -o-transform;
			transition-property: transform;
			-webkit-transform: scale(1) rotate(0);
			-moz-transform: scale(1) rotate(0);
			-o-transform: scale(1) rotate(0);
			transform: scale(1) rotate(0);
		}
		.cpojer-links a:hover {
			background: #3a599d;
			text-decoration: none;
			color: #fff;
			-webkit-border-radius: 4px;
			-moz-border-radius: 4px;
			-o-border-radius: 4px;
			border-radius: 4px;
			-webkit-transform: scale(1.05) rotate(-1deg);
			-moz-transform: scale(1.05) rotate(-1deg);
			-o-transform: scale(1.05) rotate(-1deg);
			transform: scale(1.05) rotate(-1deg);
		}
		.cpojer-links a:nth-child(2n):hover {
		  -webkit-transform: scale(1.05) rotate(1deg);
		  -moz-transform: scale(1.05) rotate(1deg);
		  -o-transform: scale(1.05) rotate(1deg);
		  transform: scale(1.05) rotate(1deg);
		}

.spotlightWrapper ul { 
			list-style-type: none; /* remove the default style for list items (the circles) */ 
			margin:0px; /* remove default margin */
			padding:0px; /* remove default padding */
		}
		.spotlightWrapper ul li { 
			float:left; /* important: left float */
			position:relative; /* so we can use top and left positioning */
		}
		.spotlightWrapper ul li a img { 
			width:200px; /* you don't need this, i just rescaled the images they are bigger then i want them to be ' */
			position:relative; /* so we can use top and left positioning */
			border:none; /* remove the default blue border */
		}
		.spotlightWrapper ul li a img.active {
			border:4px solid white; /* choose whatever you like */
			z-index:1; /* show it on top of the other images (they have z-index 0) */
			left: -4px; /* same as border width but negative */
			top: -4px; /* same as border width but negative */
		}
		.clear { clear:both; } /* to clear the float after the last item */


#welcome h2{
	color:#8a8a8a;
	background-color:inherit;
	font:bold 14px/14px Arial, Helvetica, sans-serif;
	padding:14px 0 16px 0;
	float:left;

}
#welcome p{
	color:#8a8a8a;
	background-color:inherit;
	font:normal 14px/20px Arial, Helvetica, sans-serif;
	padding:0 0 16px 0;
	float:left;
	width:600px;
	display:block;
}
#welcome p span{
	color:#FFFD2E;
	background-color:#2B7390;
	padding:2px;
	text-decoration:none;

}

input.queryField {
background: url(http://photo.n-map.ru/img/find.png) no-repeat;
background-color: #fff;
background-position: 0 50%;
color: #000;
padding-left: 23px;}

#menud
{
    font: 11px Arial, Helvetica, sans-serif;
    background-image:url('http://photo.n-map.ru/bc.png'); 
    background-repeat:repeat-x;
    height:24px;
    line-height:24px;
    color:#9b9b9b;
    border:solid 1px #cacaca;
    width:99%;
    overflow:hidden;
    margin:0px;
    padding:0px;
}
#menud li 
{
    list-style-type:none;
    float:left;
    padding-left:10px;
}
#menud a
{
    height:24px;
    display:block;
    background-image:url('images/bc_separator.png'); 
    background-repeat:no-repeat; 
    background-position:right;
    padding-right: 15px;
    text-decoration: underline;
    color:#454545;
}
.home
{
    border:none;
    margin: 8px 0px;
}

#menud a:hover
{
	color: gray;
}