@charset "utf-8";

* { margin: 0; padding: 0; }

html, body { width: 100%; height: 100%; }

body {
	font-size: 13px; line-height: 16px; color: #282727; font-family: Arial, Helvetica, sans-serif; background: #dae6e8; }

input, textarea, select { font-size: 13px; line-height: 16px; color: #333; font-family: Arial, Helvetica, sans-serif; }

ul { list-style: none; }

table { border-collapse: collapse; }

:focus { outline: none; }

h1, h2, h3 {
	font-size: 18px; line-height: 29px; padding-bottom: 13px; font-weight: normal;
	font-family: Georgia, "Times New Roman", Times, serif; }
h1 { padding-left: 40px; background: url(../images/iconH1.png) 0 1px no-repeat; }

p { padding-bottom: 20px; }
p.first { font-size: 14px; }
a.details { display: inline-block; padding-left: 11px; background: url(../images/linkArrow.png) 0 5px no-repeat; }

a { color: #21a7d9; }
a:hover { text-decoration: none; }
a img { border: 0; }

#wrapper {
	width: 934px; padding: 0 33px; margin: 0 auto;
	min-height: 100%; height: auto !important; height: 100%; }
#wrapper .reserveSpace { height: 155px; /* равняется высоте подвала */ }







/*--------------------------- ШАПКА ---------------------------*/

#header { position: relative; height: 327px; }

#header .logo {
	position: absolute; left: 0; top: 36px; overflow: hidden; display: block; width: 225px; height: 204px;
	text-indent: -1000px; background: url(../images/logo.png) -1px 0 no-repeat; }

/* навигация */
#header .nav { position: absolute; right: 0; top: 32px; width: 699px; height: 286px; }

#header .nav .links { position: absolute; left: 0; top: 4px; width: 238px; padding: 0; }
#header .nav .links li {
	position: relative; height: 60px; margin-bottom: 12px;
	background: url(../images/headerNavTabs.png) 0 0 no-repeat; }
#header .nav .links li span {
	display: none; position: absolute; z-index: 0; left: 0; top: 0; width: 238px; height: 60px;
	background: url(../images/headerNavTabs.png) 0 -60px no-repeat; }
#header .nav .links li.selected span { display: block; }
#header .nav .links li a {
	position: relative; z-index: 1; display: block; height: 40px; padding: 10px 0; padding-left: 52px; line-height: 40px; 
	font-size: 16px; font-family: Georgia, "Times New Roman", Times, serif; color: white; text-decoration: none; }
#header .nav .links li a.twoLines { line-height: 20px; }

#header .nav .photo {
	position: absolute; right: 0; top: 0; width: 461px; height: 286px; padding: 0;
	background: url(../images/headerPhoto.png) no-repeat; }
#header .nav .photo li { display: none; position: absolute; left: 12px; top: 14px; width: 436px; height: 259px; }
#header .nav .photo li img { width: 436px; height: 259px; }
#header .nav .photo li span {
	position: absolute; right: 25px; top: 22px; display: block; font-size: 36px; line-height: 40px; color: white;
	font-weight: bold; text-align: right; }

/* контакты */
#header .contacts {
	position: absolute; left: 0; top: 252px; width: 461px; height: 61px; color: #666; background: #eff5f5;
	-webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; }
#header .contacts .phone {
	position: absolute; left: 0; top: 2px; width: 170px; padding-left: 60px; line-height: 61px; font-size: 21px;
	background: url(../images/iconPhone.png) 17px 14px no-repeat; }
#header .contacts .phone span {
	position: relative; top: -1px; display: inline-block; line-height: normal; font-size: 12px; }
#header .address {
	position: absolute; right: 0; top: 8px; width: 213px; padding-left: 22px; height: 46px;
	border-left: 1px solid #bbbfbf; font-size: 12px; line-height: 16px; white-space: nowrap; }







/*--------------------------- ОСНОВНОЕ СОДЕРЖИМОЕ ---------------------------*/

#container { overflow: hidden; }

/* консультант */
h3.consultingHead {
	margin-left: 18px; padding-left: 40px; background: url(../images/iconConsulting.png) 0 0 no-repeat; }
.consulting { overflow: hidden; padding-bottom: 12px; }
.consulting .borderLeft { overflow: hidden; padding-left: 18px; padding-bottom: 10px; }
.consulting .borderLeft img { float: left; width: 73px; height: 110px; margin-right: 10px; }
.consulting .borderLeft div{ padding: 0px 17px 10px 0; }
.consulting .borderLeft div span{ font-size: 21px; clear: none; padding: 0; margin: 0; color: #666;}
.consulting .borderLeft div span span{ font-size: 12px; line-height: 25px; float: none; }
.consulting .borderLeft div em { display: block; padding-top: 20px; overflow: hidden; font-size: 16px; line-height: 18px; font-style: normal; }
.consulting .borderLeft p { clear: both; padding: 10px 10px 0 0; margin: 0; }
.consulting p { margin-left: 18px; padding: 0 0 8px 0; }

/* карусель */
.slider {
	clear: both; position: relative; width: 690px; margin: 0 auto; border-top: 1px solid #aeb8ba; padding-top: 20px; }
.slider a.arrowLeft,
.slider a.arrowRight { position: absolute; top: 46px; display: block; width: 28px; height: 28px; }
.slider a.arrowLeft { left: -80px; background: url(../images/sliderArrows.png) left no-repeat; }
.slider a.arrowRight { right: -80px; background: url(../images/sliderArrows.png) right no-repeat; }

.slider .frame { overflow: hidden; position: relative; width: 690px; }
.slider .frame ul { position: relative; width: 100000px; padding: 0; }
.slider .frame ul li { float: left; width: 200px; height: 140px; padding: 0 30px 0 0; }
.slider .frame ul li a.img_contents { float: left; width: 108px; height: 76px; margin-bottom: 9px; border: 2px solid #999; overflow: hidden; }
.slider .frame ul li a img{ width: 108px;}
.slider .frame ul li div { overflow: hidden; height: 68px; padding: 6px 0; padding-left: 13px; line-height: 17px; }
.slider .frame ul li div strong { display: block; }
.slider .frame ul li a { display: inline-block; clear: both; font-size: 16px; line-height: 20px; }






/*--------------------------- ЛЕВАЯ КОЛОНКА ---------------------------*/

.sideCol { float: left; width: 225px; padding-bottom: 1px; }

.sideCol .menu {
	padding: 25px 0 10px; border: 1px solid #930a14; margin-bottom: 20px;
	background: #930a14 url(../images/sideColMenu.png) bottom repeat-x;
	-webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; }
.sideCol .menu li { font-size: 16px; line-height: 18px; padding: 0 35px 17px; }
.sideCol .menu li a { color: white; font-family: Georgia, "Times New Roman", Times, serif; text-decoration: none; }
.sideCol .menu li a:hover,
.sideCol .menu li a.selected { color: #cd8f93; }








/*--------------------- ДОПОЛНИТЕЛЬНАЯ КОЛОНКА -------------------*/

.secondaryContent { float: right; width: 225px; padding-top: 20px; }
/* левый бордер для блока "консультант" */
.secondaryContent .consulting .borderLeft { border-left: 1px solid #aeb8ba; padding-left: 17px; }










/*--------------------------- ГЛАВНАЯ КОЛОНКА ---------------------------*/

.mainContent { overflow: hidden; padding-top: 20px; }
/* отступы для центральной колонки */
.sideCol { margin-right: 25px; }
.secondaryContent { margin-left:  25px; }

/* где я нахожусь */
.str_nav { padding-bottom: 30px; margin-top: -5px; }
.str_nav span { margin: 0 3px; }


/* КАРТОЧКА */

.officeObject { overflow: hidden; width: 684px; }
.officeObject ul { overflow: hidden; width: 714px; padding: 0; }
.officeObject ul li { float: left; width: 207px; margin-right: 31px; padding-bottom: 31px; }
.officeObject ul li a.img_big_fancy,
.officeObject ul li a.img_contents { float: left; width: 200px; height: 150px; border: 2px solid #999; overflow: hidden; }
.officeObject ul li a.img_big_fancy{ background-color: #fff; }
.officeObject ul li a.img_contents{ background: #e7efef url(../images/logo.gif) center center no-repeat;}

.officeObject ul li a img { height: 150px; }

.officeObject ul li dl { overflow: hidden; width: 100%; padding-bottom: 20px; font-size: 12px; }
.officeObject ul li dl dt { float: left; clear: left; width: 100px; }
.officeObject ul li dl dd { overflow: hidden; }
.officeObject ul li dl .border{ border-top: 1px solid #aeb8ba; }

.officeObject ul li dl.dl1 dt { height: 26px; line-height: 26px; }
.officeObject ul li dl.dl1 dd { height: 26px; line-height: 20px; font-weight: bold;}

.officeObject ul li dl.dl2 { line-height: 24px; }
.officeObject p{ margin: 0 0 10px; padding: 0;}

.officeObject .consulting { float: left; width: 207px; margin-right: 31px; }
.officeObject .consulting .borderLeft { padding-left: 0; }

/* КАТАЛОГ */

.catalog .catNav { padding: 0; }
.catalog .catNav li { float: left; height: 25px; padding: 0; background: url(../images/catNav.png) top repeat-x; }
.catalog .catNav li.selected { background: url(../images/catNavSelected.png) top repeat-x; }

.catalog .catNav li.between { float: left; width: 13px; background: url(../images/catNavBetween.png) no-repeat; }

.catalog .catNav li.selLeft { background: url(../images/catNavBetweenSelLeft.png) no-repeat; }
.catalog .catNav li.selRight { background: url(../images/catNavBetweenSelRight.png) no-repeat; }

.catalog .catNav li.first {
	-webkit-border-top-left-radius: 3px; -moz-border-radius-topleft: 3px; border-top-left-radius: 3px; }
.catalog .catNav li.last { background: url(../images/catNavBetweenLast.png) no-repeat; }
.catalog .catNav li.lastSel { background: url(../images/catNavBetweenLastSel.png) no-repeat; }

.catalog .catNav li a {
	display: block; padding: 0 9px; font-size: 14px; line-height: 25px; color: white; text-decoration: none; }
.catalog .catNav li.first a { padding-left: 13px; }

.catalog .catBody { clear: both; overflow: hidden; width: 684px;  }
.catalog .catBody  .info{ position: relative; padding-top: 20px; }
.catalog .catBody ul { position: relative; top: -1px; padding: 0; }
.catalog .catBody ul li { 
	float: left; width: 200px; height: 140px; padding: 17px 0 0 0; margin-right: 28px; border-top: 1px solid #aeb8ba; }
.catalog .catBody ul li a.img_contents { float: left; width: 108px; height: 76px; margin-bottom: 9px; 
				border: 2px solid #999; background: #e7efef url(../images/logo.gif) center center no-repeat; overflow: hidden;}
.catalog .catBody ul li img { width: 108px; }
.catalog .catBody ul li div { overflow: hidden; height: 68px; padding: 6px 0; padding-left: 13px; line-height: 17px;   }
.catalog .catBody ul li div strong { display: block; }
.catalog .catBody ul li a { display: block; clear: both; font-size: 16px; line-height: 20px; }

/* карта Yandex 
----------------------------------------*/

.mapContact{ width: 461px; height: 300px; background: url(../images/headerPhoto.png) no-repeat; padding: 14px 12px; } 


/* Форма
----------------------------------------*/

/* тянущаяся кнопка */

a.bigButton { color: white; font-family: Georgia, "Times New Roman", Times, serif;
	position: relative; float: left; height: 29px; line-height: 29px; font-size: 15px; padding: 0 10px 0 23px; 
	text-decoration: none; background: url(../images/bigButton.png) 0 0 no-repeat; }
a.bigButton span {
	position: absolute; right: -5px; top: 0; display: block; width: 5px; height: 29px;
	background: url(../images/bigButton.png) 100% 100% no-repeat; }

dl.contactForm { overflow: hidden; width: 467px; color: #333;}
dl.contactForm dt { float: left; width: 118px; padding-right: 12px; line-height: 22px; text-align: right; font-size: 12px; }
dl.contactForm dd { margin: 0 0 18px 130px; font-size: 12px; }
dl.contactForm dd.required { background: url(../images/inputRequired.gif) 234px 7px no-repeat; }
dl.contactForm dd.fieldsAreRequired { line-height: 22px; padding-left: 13px;
					background: url(../images/inputRequired.gif) 0 8px no-repeat; }				
dl.contactForm dd input {
	width: 220px; padding: 1px 2px 0; height: 19px; line-height: 17px; border: 1px solid #b2b2b2;
	font-family: Verdana, Geneva, sans-serif; font-size: 13px; color: #333;
}
dl.contactForm dd select {
	width: 226px; height: 19px; line-height: 17px; border: 1px solid #b2b2b2;
	font-family: Verdana, Geneva, sans-serif; font-size: 13px; color: #333;
}
dl.contactForm dd textarea {
	width: 220px; height: 70px; padding: 0 2px; font-size: 13px; line-height: 15px; border: 1px solid #b2b2b2;
	font-family: Verdana, Geneva, sans-serif; color: #333;
}

.message_info {text-align: center;}




/*--------------------------- ПОДВАЛ ---------------------------*/

#footer {
	position: relative; width: 934px; padding: 0 33px; margin: 0 auto; height: 155px; margin: -155px auto 0;
	color: #666; font-size: 12px; line-height: 16px; }
#footer .border {
	position: absolute; z-index: 0; left: 50%; top: 0; margin-left: -345px; width: 690px; height: 20px;
	border-top: 1px solid #aeb8ba; }

#footer .copyright,
#footer .developers,
#footer .links { position: absolute; top: 60px; }

#footer .copyright { left: 38px; }
#footer .developers { right: 38px; }
#footer .developers a { color: #666; text-decoration: none; }

#footer .links { left: 550px; padding: 0; }
#footer .links li { font-size: 12px; line-height: 16px; }

#footer .contacts { position: absolute; left: 320px; top: 34px; }
#footer .contacts h6 {
	font-size: 16px; line-height: 26px; color: #282727; font-weight: normal;
	font-family: Georgia, "Times New Roman", Times, serif; }
#footer .contacts strong {
	position: relative; display: block; padding-top: 10px; font-size: 21px; line-height: 25px; font-weight: normal; }
#footer .contacts strong span {
	position: absolute; left: -30px; top: 19px; display: inline-block; font-size: 11px; line-height: 13px; }

/*

#############################################
#																																	#
#			Верстка:				Арсен Казыдуб														#
#			Валидация:		XHTML 1.1 strict	/ CSS 3										#
#			E-mail:					webars@email.ua														#
#																																	#
#############################################

*/