﻿/* CSS Document */
html,
body {
   margin:0;
   padding:0;
   height:100%;
}

body{background:#767676; text-align:left;margin:0px;padding:0px;font-size:100%;}
.top-tail{ background:url(http://geolife.ru/bitrix/templates/geolife/images/top-tail.jpg) top repeat-x #ffffff;}
.bot-tail{ background:url(http://geolife.ru/bitrix/templates/geolife/images/bot-tail.gif) bottom repeat-x;}
#container { width:954px; margin:0 auto; text-align:left; background:url('http://geolife.ru/bitrix/templates/geolife/images/bg_internal.jpg') no-repeat;  padding-left:50px;
              min-height:100%;
              /*height:100%;*/
   position:relative;
   /*padding-bottom:50px;*/
} 
/*#maininternal { width:1000px; margin:0 auto;background:url('http://geolife.ru/bitrix/templates/geolife/images/bg_internal.jpg') no-repeat; padding-left:50px; padding-right:50px;}*/
#footer { height:75px;
          position:absolute;
   bottom:0;
   width:881px; 
   background:url('http://geolife.ru/bitrix/templates/geolife/images/footer.jpg') no-repeat; 
   /*text-indent:300px;*/ 
   font-size:12px;
   color:#343434;
   padding-left:20px;
/*padding-top:20px;*/
}

#footer a
{
	font-size:12px;
	color:#343434;
	text-decoration:none;
}

h1, h2, h3, h4, h5 {margin:0px;padding:0px;line-height:1em;} 

h2
{
	margin:0.5em 0;
}

.column-1, .column-2, .column-3, .col-1, .col-2, .col-3, .col-4 {float:left;}
.container {width:100%; overflow:hidden;} 
.container2 {width:100%;}
.col-1{ width:195px;}
.col-2{ width:195px;}
.col-3{ width:195px;}
.col-4{ width:195px;}

.column-1{ width:430px;}
.column-2{ width:430px;}

img {vertical-align:top;}
a img { border:0;}
.small-menu, #footer .menu ul, .list { list-style:none;margin:0px;padding:0px}

.left { float:left;}
.right {float:right;}
.clear  { clear:both;}

html{ font-family:Arial, Helvetica, sans-serif; font-size:0.75em; line-height:1.167em;/*color:#6b7686;*/}
input, select { vertical-align:middle; font-weight:normal;}

a {color:#ff6900;}
a:hover{text-decoration:none;}
p.cont {margin-bottom:0px;}
h5{ font-weight:bold; color:#1f2e43; text-transform:uppercase; padding-bottom:19px;font-size:1em;}
strong{ color:#29374b; display:block;}
cite{ display:block; font-style:normal;}

/* ============================= main layout ====================== */
.imgindent {margin:-6px 11px 0 0; float:left; position:relative;}
.phone{ float:right; padding-right:50px;}
.extra{ margin-top:-4px;}
.space1{ margin-left:41px;}
.margin1{ margin-top:17px !important;}
.margin2{ margin-top:46px;}
.padding1{ padding-top:17px;}
.padding2{ padding-top:7px;margin:0px;}
.padding3{ padding-top:23px;}
.padding4{ padding-top:30px;}
.padding5{ padding-bottom:50px !important;}

/* ============================= header ====================== */
#header {height:96px; width:900px;}
#header .top{ width:100%; overflow:hidden; padding:52px 0 10px 0;}
#header .small-menu{ position:absolute; color:#6c727a; top:28px; right:1px;}
#header .small-menu li{ float:left; font-size:0.833em; padding-left:3px;}
#header .small-menu a{ color:#6c727a; text-decoration:none; display:inline-block; padding:1px 3px 1px 3px; margin-right:3px;}
#header .small-menu a:hover{ background:#ff6600; color:#2a333f;}

/*div.menu{ margin-right:50px;padding-right:50px;} */

#header div.slogan{ padding:130px 0 0 537px;} 

/* ============================= content ====================== */
#content{ padding-bottom:100px; line-height:1.4em; font-size:120%; width:900px; /*background:#ffffff;*/ /*margin:0 19px;*/ /*padding:10px 18px 40px 21px;*/}

.link{ display:inline-block; background:url(http://geolife.ru/bitrix/templates/geolife/images/link-left-bg.gif) left top no-repeat #ff6900; color:#ffffff; text-decoration:none;text-transform:uppercase; cursor:pointer; font-size:11px; line-height:1.167em;}
.link span{ display:inline-block; background:url(http://geolife.ru/bitrix/templates/geolife/images/link-right-bg.gif) right top no-repeat; padding:8px 3px 7px 3px;}
.link:hover{ background:url(http://geolife.ru/bitrix/templates/geolife/images/link-left-bg-act.gif) left top no-repeat #b94d01;}
.link:hover span{ background:url(http://geolife.ru/bitrix/templates/geolife/images/link-right-bg-act.gif) right top no-repeat;}
.link1{ color:#29374b; font-weight:bold; margin-bottom:14px; display:inline-block;}

.line1{ background:url(http://geolife.ru/bitrix/templates/geolife/images/line.gif) repeat-y 215px 0;}
.line2{ background:url(http://geolife.ru/bitrix/templates/geolife/images/line.gif) repeat-y 450px 0;}
.line3{ background:url(http://geolife.ru/bitrix/templates/geolife/images/line.gif) repeat-y 686px 0;}

.row-2{ padding-top:50px;}
.title{ padding-bottom:20px;}  

.list{ margin:-5px 0;}
.list li{ background:url(http://geolife.ru/bitrix/templates/geolife/images/list-unline.gif) bottom repeat-x; line-height:2.083em; color:#29374b; font-weight:bold;}
.list .last{ background:none;}
.list a{ color:#6b7686; text-decoration:none; background:url(http://geolife.ru/bitrix/templates/geolife/images/list-marker.gif) no-repeat 0 5px; padding-left:13px;}
.list a span{ color:#29374b;}
.list a:hover{ color:#ff6900;}
.list a:hover span{ color:#ff6900;}

/* ============================= footer ====================== */
/*#footer .menu{ width:100%; overflow:hidden;padding:28px 0 0 27px;}
#footer .menu ul{}
#footer .menu li{ float:left; font-size:1.083em; padding-left:12px; color:#b1b8c1;}
#footer .menu a{ color:#29374b; display:inline-block; margin-right:12px;}
#footer .text{ font-size:0.833em; color:#6b7686; text-transform:uppercase; padding:18px 0 0 39px; line-height:1em;}
#footer .text a{ color:#29374b;}*/

form {margin:0px;padding:0px;}
/* ============================= forms ============================= */
#SearchForm{ /*float:right;*/ padding:6px 0 0 0;margin:0px;}
#SearchForm input{ border:solid 1px silver; background:silver; font-family:Arial, Helvetica, sans-serif; font-size:0.833em; color:black; padding:3px 0 1px 3px; width:190px; text-transform:uppercase; margin-right:4px; vertical-align:middle;}
#SearchForm a{ display:inline-block; /*background:url(http://geolife.ru/bitrix/templates/geolife/images/form-link-left-bg.gif) left top no-repeat #ff6600;*/ color:#404040; text-decoration:none; font-size:0.917em; font-weight:bold; text-transform:uppercase;  vertical-align:middle; cursor:pointer;}
/*#SearchForm a span{ display:inline-block; background:url(http://geolife.ru/bitrix/templates/geolife/images/form-link-right-bg.gif) right top no-repeat; padding:7px 9px 6px 11px;}*/
#SearchForm a:hover{ color:#FF7314;}

#ContactForm .col-1{ width:211px !important;}
#ContactForm .col-2{ width:199px !important;}
#ContactForm label{ display:block; height:42px;}
#ContactForm input{ border:solid 1px #a09b96; background:none; font-family:Arial, Helvetica, sans-serif; font-size:1em; color:#000000; padding:2px 0 2px 3px; width:175px;}
#ContactForm textarea{ border:solid 1px #a09b96; background:none; font-family:Arial, Helvetica, sans-serif; font-size:1em; color:#000000; padding:2px 0 2px 3px; width:194px; height:100px; overflow:auto;}
#ContactForm .link{ float:right; margin:25px 20px 0 0;}

.logo_link {text-decoration:none; display:block;height:42px;padding-left:43px;}
.con {color:#fff;font-weight:bold;text-transform:uppercase;font-size:2em;display:block;line-height:1em;}
.con span {color:#ff6600;}
.the {color:#727880;text-transform:uppercase;font-size:0.75em;}
#header .bx-component-panel, #content .line3 .bx-component-panel, .column-2 .bx-component-panel {top:0px;}
#SearchForm .hidden {border:0px;width:px;height:0px;background:none;padding:0px;line-height:0px;}

.search-form{width:285px;float:right;}
.slogan_text {color:#fff;font-size:2.5em;text-transform:uppercase;line-height:1em;}

h1, h2, h3 {color:#29374b;text-transform:uppercase;font-weight:normal;}
h1
{
	font-size:1.7em;
}
h2
{
	font-size:1.5em;
}
h3
{
	font-size:1.3em;
}

ul.breadcrumb-navigation {margin:0px;padding:0px 0px 15px 0px;}	

.home {width:300px;float:right;text-align:right;}

/* ======================== registration ============================*/
div.regfailed
{
	margin:0 auto;
	padding:1em;
	width:90%;
	border:solid 1px Red;
	color:Red;
	font-weight:bold;
}

div.regsuccess
{
	margin:0 auto;
	padding:1em;
	width:90%;
	border:solid 1px Green;
	color:Green;
	font-weight:bold;
}

/* ========================= blocks ========================= */
div.blocks
{
	width:18%;
	float:left;
	text-align:center;
	margin:20px 7px 30px 7px;
	padding:0;
	font-size:12px;
line-height:1.167em;
}

div.blocks a
{
	color:#404040;
	text-decoration:none;
font-size:14px;
font-weight:bold;
}

div.blocks a.link
{
	color:white;
	text-decoration:none;
font-size:11px;
font-weight:bold;
text-transform:uppercase;
cursor:pointer;
margin:10px 0 0 0;
/*width:160px;*/
text-shadow: black 1px 1px 2px;
}

div.blocks a.link span
{
width:110px;
}

/* ==================== software download ======================== */
div#download select option
{
	width:140px;
}

div#download div.label 
{
	min-height:26px;
	margin-left:300px;
	/*text-indent:16px;*/
}

div#download div.label select
{
/*	display:block;
	position:relative;
	left:0;
	float:left;*/
	width:140px;
}

div#download div.label input
{
	width:134px;
}

/*================================= mini menu ================================= */

div#header div#menusearch
{
	width:265px;
	height:40px;
	position:absolute;
	left:685px;
	top:20px;
	background: url('http://geolife.ru/bitrix/templates/geolife/images/headermenubg.gif') no-repeat;
	font-size:10px;
	padding-top:4px;
	text-align:center;
	color:#fff;
}

div#header div#menusearch a
{
	text-decoration:none;
	color:#fff;
}

/*================================= search box ================================= */
div#header div#search
{
	width:265px;
	/*position:absolute;
	left:685px;
	top:45px;*/
}

/*================================= login box ================================= */
div#header div#login
{
	width:367px;
	height:55px;
	position:absolute;
	left:315px;
	top:0px;
	background:url('http://geolife.ru/bitrix/templates/geolife/images/loginbg.jpg') no-repeat;
}

div#header div#login input
{
	height:16px;
	border:0px;
	width:150px;
	font-size:12px;
}
div#header div#login input.hidden
{
background:transparent none repeat scroll 0 0;
border:0 none;
height:0;
line-height:0;
padding:0;
}

div#header div#login a.submit
{
	width:33px;
	height:19px;
	position:absolute;
	left:288px;
	top:28px;
	/*border:solid 1px red;*/
}

div#header div#login p.registration
{
	position:absolute;
	left:12px;
	top:20px;
}

div#header div#login p.registration a
{
	color:#404040;
}

/* ================================ first page =============================*/
div.arrow
{
	left:-16px;
	background:url('http://geolife.ru/bitrix/templates/geolife/images/arrow.gif') no-repeat;
	background-position: 0px 6px;
	text-indent:16px;
	position:relative;
	font-size:11px;
	line-height:20px;
}

div.arrow a
{
	text-decoration:none;
	color:#404040;
}

div#firstpageannounce
{
	background-color:#eeeeee;
	padding:20px 10px;
	overflow:auto;
	font-size:11px;
	
}
div#firstpageannounce div
{
	width:31%;
	float:left;
	margin-right:20px;
}
div#firstpageannounce a
{
	display:block;
	color:#f96c16;
	text-decoration:none;
	font-weight:bold;
}