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

* {margin: 0px; padding: 0px;}

body {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 12px;
	background: #ffffff;
	width: 100%;
	background: url(../img/bg_1.jpg) no-repeat #000000 fixed;
	/*background: url(../img/bg_3.jpg) repeat #000000;*/
	overflow-right: hidden;
}

/*
 *   Элементы HTML
 */

iframe {margin-top: 20px; width: 723px; height: 500px;}
input, select, textarea {padding: 1px;}
input, select, textarea, form {margin-bottom: 10px !important;}
label {margin-bottom: 5px; display: block;}
li {list-style-type: none;}
a {color: #003366; text-decoration: none;}
a:hover {text-decoration: underline;}
p {line-height: 20px; margin-bottom: 15px;}
textarea {width: 450px; display: block;}
h1, h2, h3 {
	font-family: "Lucida Grande", "Trebuchet MS", Verdana, sans-serif; 
	font-weight: 100; 
	margin-bottom: 5px; 
	color: #1E3846;
}
h1 {font-size: 24px; margin-bottom: 10px;}
h2 {font-size: 20px;}
h3 {font-size: 18px;}

table {}
td {padding: 4px; vertical-align: top; line-height: 20px;}
tr.head td {background-color: #F6F6F6; font-weight: bold;}
a img {border: 0px;}



/*
 *   Блоки
 */

#wrap {width: 980px; margin: 0 auto; position: relative;}

#head {height: 150px;}
	#head a {text-decoration: none;}
	#head a:hover {text-decoration: none;}
	#head #logo {position: absolute; z-index: 10; top: 23px; left: 20px;}
	#head #text {position: absolute; top: 20px; left: 150px; color: #f7f7f7; font-size: 62px;}
	#head #podtext {position: absolute; top: 90px; left: 161px; color: #f7f7f7; font-size: 32px;}
	
#page {padding: 20px; text-align: justify; position: relative; background: #f9f9f9; float: left; width: 725px; margin-right: 10px; z-index: 10;}
	#page h1 {text-align: left; padding: 22px 0;}
	#page ul {margin-bottom: 15px;} 
	#page li {list-style: circle; padding-left: 5px; margin-left: 25px; line-height: 20px;}

#sidebar {width: 200px; margin: 275px 0 0 0; float: left; position: relative;}

#intresting ul li {list-style-image: url(../img/check.png); margin: 0 0 0 30px; padding: 0px 0px 5px 0px; background: #FFFFFF; line-height: 15px; vertical-align: bottom;}

#menu {position: absolute; top: 30px; left: 775px; text-align: left; z-index: 10;}
	#menu li {margin: 0 0 0 0; list-style-type: none; padding: 0; line-height: 15px;}
	#menu li a {display: block; padding: 10px !important; color: #FFFFFF;}
	#menu li a:hover {background: #3f3f3f;}
	#menu li a.current {color: #CCCCCC;}
	#menu li a.current:hover {text-decoration: none; cursor: default; background: #000;}
	
	#test {
		background: url(../img/icons/contacts_2.png) top left no-repeat; 
		height: 300px; width: 196px; 
		font-weight: 100;
		padding: 10px 0 0 26px;
		position: absolute; top: 10px; left: -36px;
		z-index: 5;
	}
	#test ul {background-color: #F9FAFA; height: 105px; width: 150px; padding: 15px 10px 10px 10px;}
	#test ul li {}
	#test ul li a {display: block; padding: 10px !important;}
	#test ul li a:hover {background: #d1d1d1;}
	#test ul li a.current {color: #000000;}
	#test ul li a.current:hover {text-decoration: none; cursor: default; background: #fff;}
	
#contacts {color: #FFF;}
	#contacts img {float: left; margin: 4px 10px 0 0;}
	#contacts div {margin-bottom: 5px; font-size: 24px; }
	#contacts div a {border-bottom: 1px dashed #FFFFFF; color: #FFFFFF;}
	#contacts div a:hover {border-bottom: none; text-decoration: none;}
	
	
#offices {position: absolute; top: 50px; right: 100px;}
#offices a, #offices span {padding-left: 20px;}
	
.xico {float: left; margin-right: 25px;}
.xico img {margin-bottom: -8px; margin-right: 5px;}	

#swich img {margin-bottom: 20px;}
	
#copy {padding: 20px 0 20px 20px; color: #FFFFFF;}	
	#copy a {color: #d9d9d9; text-decoration: underline;}
	#copy a:hover {text-decoration: none;}	
	
/*
#menu {position: absolute; top: 20px; left: 765px; text-align: left; z-index: 10;}
	#menu li {margin: 0 0 10px 0; list-style-type: none; padding: 0; line-height: 15px;}
	#menu li a {display: block; padding: 10px !important; background: #333333; color: #FFFFFF;}
	#menu li a:hover {background: #3f3f3f;}
	#menu li a.current {background: #f9f9f9; color: #000000;}
	#menu li a.current:hover {text-decoration: none; cursor: default; background: #f9f9f9;}
*/	
	
/*
#corners {background: #f9f9f9; overflow: hidden; position: relative;}
#content {width: 100% !important;}
*/

#palaroid {position: absolute; top: 0px; right: 50px; z-index: 10;}
#palaroid_2 {width: 300px; height: 269px; background: url(../img/palaroid_2.png) no-repeat; position: absolute; top: 140px; left: 680px; z-index: 1;}

#left, #right {float: left; width: 50px; text-align: center; font-size: 50px; margin-top: 30%;
font-family: Georgia, "Times New Roman", Times, serif;}

#fb_1_1 {position: absolute; top: 250px; right: -100px;} 
#fb_2_1 {position: absolute; top: 500px; right: -100px;} 
#fb_3_1 {position: absolute; top: 400px; left: -100px;} 
#fb_4_1 {position: absolute; top: 550px; left: -100px;} 
/*
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
#fb_1_1 {position: absolute; top: 100px; left: 0px;} 
#fb_2_1 {position: absolute; top: 300px; left: 0px;} 
#fb_3_1 {position: absolute; top: 200px; right: 0px;} 
#fb_4_1 {position: absolute; top: 400px; right: 0px;} 
*/



/*
 *   Комбинированные классы для конструкций вида <div class="red justify w25">тект</div>.
 */

.p10 {padding: 10px;}

.floatRight {float: right;}
.floatLeft {float: left;}

.top {vertical-align: top;}
.left {text-align: left;}
.right {text-align: right;}
.justify {text-align: justify;}

.clear {clear: both; overflow: hidden;}
.block {display: block;}

.m5left {margin-left: 5px;}
.m5right {margin-right: 5px;}
.m5top {margin-top: 5px;}
.m5bottom {margin-bottom: 5px;}

.w100 {width: 100% !important;}
.w99 {width: 99% !important;}
.w98 {width: 98% !important;}
.w90 {width: 90% !important;}
.w75 {width: 75% !important;}
.w50 {width: 50% !important;}
.w45 {width: 45% !important;}
.w40 {width: 40% !important;}
.w35 {width: 35% !important;}
.w33 {width: 33% !important;}
.w30 {width: 30% !important;}
.w25 {width: 25% !important;}
.w15 {width: 15% !important;}

.hover {cursor: pointer;}
.link {cursor: pointer; border-bottom: 1px dashed #666666; color: #666666; display: inline;}
.link:hover {border-bottom: none;}
.selected {padding: 5px; background: #F1F3F6; border: 0px; cursor: default;}
.nolink {text-decoration: none; cursor: default;}
.hide {display: none;}
.small {font-size: 85%;}

.green {color: #009933;}
.red {color: #EA1B00;}
.blue {color: #3867B8;}
.orange {color: #F7931C;}

.grey {color: #666;}
.grey a {color: #999;}
.grey a:hover {color: #EEE;}

.ico {margin-bottom: -4px;}
.inp {float: left; margin: 1px 5px 0 0;}
.line {height: 1px; border-top: 1px solid #d9d9d9; margin-bottom: 10px; margin-top: 10px;}
.hr {border-bottom: 1px dashed #CCCCCC; margin-bottom: 10px;}

.alert {color: #EA1B00; text-transform: uppercase;}
.info {color: #000000; padding: 10px 10px 12px 85px; margin: 0 0 10px 0; background: #EEEEEE; width: 600px; text-align: left; position: relative; min-height: 63px; _min-height: 70px; line-height: 18px;}
.info img {position: absolute; top: 10px; left: 10px;}

.construct {border: 1px solid #EA1B00; padding: 15px; background: #f7f7f7; text-align: center; margin: 20px 0;}
.construct h1 {color: #EA1B00 !important; font-size: 36px;}
.construct p {color: #EA1B00 !important; font-size: 12px; margin-bottom: 5px;}

.border {border: 1px solid #000000;}

img.x {float: right; cursor: pointer;}

/*label {background: #CCFF33; display: inline;}*/