@CHARSET "UTF-8";
/*======================= RESET ====================*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
        margin: 0;
        padding: 0;
        border: 0;
        outline: 0;
        font-size: 100%;
        font: inherit;
        vertical-align: baseline;
        background: transparent;
}
audio, article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, video {display:block;}
command, datalist, keygen, mark, meter, progress, rp, rt, ruby, time, wbr {display: inline;}
body {line-height: 1;}
/*ol, ul {list-style: none;}*/
/*blockquote, q {quotes: none;}*/
q:before, q:after {content:"";}

	/* remember to define focus styles! */
:focus {outline: 0;}

ins {background-color:#ff9; color:#000; text-decoration:none;}
mark {background-color:#ff9; color:#000; font-style:italic; font-weight:bold;}
del {text-decoration: line-through;}
abbr[title], dfn[title] {border-bottom:1px dotted; cursor:help;}

table {border-collapse: collapse;border-spacing: 0;}

hr {display:block; height:1px; border:0; border-top:1px solid #ccc; margin:1em 0; padding:0; }

input, select {vertical-align:middle;}

/* FIX's =========================================*/

.clearfix:before, .clearfix:after {
  content: ".";    
  display: block;    
  height: 0;    
  visibility: hidden;	
}
.clearfix:after {clear: both;}
.clearfix {zoom: 1;} /* IE < 8 */

/* old clearfix 
.clearfix:after {visibility: hidden;display: block;font-size: 0;content: " ";clear: both;height: 0;}
* html .clearfix             { zoom: 1; }  IE6 
*:first-child+html .clearfix { zoom: 1; }  IE7*/ 

	/* Fixing-the-background-bleed in rounded corners*/ 
.box_round_bleed_fix,
.triangle-down,
.button_med, .button_small, .button_big, 
.button_med span, .button_small span, .button_big span {
/*-webkit-background-origin:;
	 -moz-background-origin:;
		  background-origin:;*/
-webkit-background-clip: padding-box;
   -moz-background-clip: padding-box;
		background-clip: padding-box;
}

	/* normalize monospace sizing */
pre, code, kbd, samp { font-family: monospace, sans-serif; }

	 /* always force a scrollbar in non-IE */ 
html { overflow-y: scroll; }

* { -webkit-font-smoothing: antialiased; /*or subpixel-antialiased; */ }

li {zoom: 1;}

/* LINKS =================================*/

a:hover, a:active { outline: none; }
a { color: #1a8ad3; cursor: pointer; text-decoration: none; }
a, a:active, a:visited, a:hover { }
a:hover { color: #0d5a8d; }

a[href^='http:'] { target-new: tab !important; }
a[href^='mailto:'] {
	display: inline-block;
	line-height: 18px;
	padding-left: 20px;
	background: url(/images/mail_to.gif) center left no-repeat;
}
a[href$='.pdf'] {
	display: inline-block;
	line-height: 18px;
	padding-right: 20px;
	background: url(/images/pdf.png) center right no-repeat;
}
a[href$='.swf'], a[href$='.fla'] {
	display: inline-block;
	line-height: 18px;
	padding-left: 20px;
	background: url(/images/flash_icon.gif) center left no-repeat;
}
a[class ~='classHere'] {
	
}

article a {text-decoration: underline;}

/* Min Styling ============================*/

ul, ol { margin-left: 4em;margin-bottom: 12px; line-height: 1.3;}
ol { list-style-type: decimal; }

nav ul, nav li, 
header ul, header ul li, 
.infobox ul,  .infobox li,
.footer_nav, .footer_nav li,
#left_nav, #left_nav li,
ul.tariffs, ul.tariffs li,
ul.tabs, ul.tabs li
{ margin: 0; list-style:none; list-style-image: none;} 

q {
	background-color: #f6ffcb;
	display: block;
	overflow: hidden;
	padding: 12px 12px 16px;
	font-size: 11px;
}
q h5 {
	padding-bottom: 6px;
}
small { font-size: 85%; }
strong, th { font-weight: bold; }

td, { vertical-align: top; }

sub, sup { font-size: 75%; line-height: 0; position: relative; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }

pre { 
  padding: 15px; 
  white-space: pre; /* CSS2 */
  white-space: pre-wrap; /* CSS 2.1 */
  white-space: pre-line; /* CSS 3 (and 2.1 as well, actually) */
  word-wrap: break-word; /* IE */
  padding: 15px;
}

textarea {
	overflow: auto;
   -moz-resize: vertical;  
-webkit-resize: vertical;  
   		resize: vertical;  
} 

.ie6 legend, .ie7 legend { margin-left: -7px; } 

input[type="radio"] { vertical-align: text-bottom; }
input[type="checkbox"] { vertical-align: bottom; }
.ie7 input[type="checkbox"] { vertical-align: baseline; }
.ie6 input { vertical-align: text-bottom; }

/* Equal height inputs and buttons: http://christophzillgens.com/en/articles/equal-height-input-and-button-elements-in-firefox-and-safari */
input[type="submit"]::-moz-focus-inner {border:0;}
input[type="submit"]:focus {background:#333;} /* focus restore */

/* hand cursor on clickable input elements */
label, input[type=button], input[type=submit], input[type="image"], button { cursor: pointer; }
 
/* webkit browsers add a 2px margin outside the chrome of form elements */  
button, input, select, textarea { 
	margin: 0;
	font:99% sans-serif; /* hack retained to preserve specificity */
}
/* colors for form validity */
input:valid, textarea:valid   {  }
input:invalid, textarea:invalid { 
	  border-radius: 1px;
	-moz-box-shadow: 0px 0px 5px red; 
 -webkit-box-shadow: 0px 0px 5px red; 
		 box-shadow: 0px 0px 5px red;
}
.no-boxshadow input:invalid, 
.no-boxshadow textarea:invalid { background-color: #f0dddd; }

/* These selection declarations have to be separate.
   No text-shadow: twitter.com/miketaylr/status/12228805301 
   Also: hot pink. */
/*
::-moz-selection{ background: #FF5E99; color:#fff; text-shadow: none; }
::selection { background:#FF5E99; color:#fff; text-shadow: none; } 
*/

/* make buttons play nice in IE:    
   www.viget.com/inspire/styling-the-button-element-in-internet-explorer/ */
button {  width: auto; overflow: visible; }
 
/* bicubic resizing for non-native sized IMG: 
   code.flickr.com/blog/2008/11/12/on-ui-quality-the-little-things-client-side-image-resizing/ */
.ie7 img { -ms-interpolation-mode: bicubic; }

/* Non-semantic helper classes ================*/

/* for image replacement */
.ir { display: block; text-indent: -999em; overflow: hidden; background-repeat: no-repeat; text-align: left; direction: ltr; }

/* Hide for both screenreaders and browsers */
.hidden { display: none; visibility: hidden; } 

/* Hide only visually, but have it available for screenreaders */
.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }
/* Extends the .visuallyhidden class to allow the element to be focusable when navigated to via the keyboard: drupal.org/node/897638 */
.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }

/* Hide visually and from screenreaders, but maintain layout */
.invisible { visibility: hidden; }

/* CONSTRUCTOR */
.clear {clear: both;}
.left {float: left;}
.right {float: right;}
.vert {float: none;}

/*figure.left, img.left {margin-right: 16px;}
figure.right, img.right {margin-left: 16px;}*/

.inline {display: inline;}

audio, video, form {margin-bottom: 12px;}

.rel {position: relative;}
.abs {position: absolute;}
.oh {overflow: hidden;}
.fj {text-align: justify;}

/* BASIC STYLING ============================*/

body, select, input, textarea { 
  color: #636363;
}
html {height: 100%;}

body {
	font: 12px/1.231 Helvetica Neue, Helvetica, Verdana, sans-serif;
	background-color: white;
}

/* TYPO */
h1, h2, h3, h4, h5, h6 {
	color: #636363;
	padding-bottom: 14px;
	font-weight: bold;
}
h1 {font-size: 26px;}
h2 {font-size: 18px;}
h3 {font-size: 14px;}
h4 {font-size: 13px;}
h5 {font-size: 12px;}
h6 {font-size: 11px;}
p {margin-bottom: 12px; font-weight: normal; font-style: normal;line-height: 1.3;}
p.textshadow {
	text-shadow: 1px 1px 3px #888;
}
p a {
	text-decoration: underline;
}
p a:visited {
	color: #92278f;
}

footer h3, .left_col h3 {
	border-bottom: 1px solid #b1b1b1;
	font-size: 20px;
	text-transform: uppercase;
	padding-bottom: 6px;
	margin-bottom: 18px;
	
}

select {
	padding: 2px;
}
select option {
	/*padding: 4px 8px;*/
}
/*   LAYOUT ======================================== */

	/* Regular Height */
#wrap {
	margin: 0 auto;
	width: 1000px;
	position:relative;
}
	@media (max-width: 1024px){#wrap { width: 800px; min-width: 800px;}}
	@media (max-width: 768px){#wrap { width: 640px; min-width: 640px; padding-left: 10px; padding-right: 10px;}}
	@media (max-width: 640px){#wrap { width: 100%; min-width: 100%; box-sizing: border-box;}}

header {
	/*height: 170px;*/
	margin-bottom: 12px;
}
header:before, header:after {content:"";display:table;}
header:after, header:after {clear:both;}

#main {

}

footer{
	margin-top: 30px;
	clear: both;
}
footer span {
	
}


	/* section articles imgs etc */ 
section {
	overflow: hidden;
	margin-bottom: 20px;
}

article {
	display:block;
	/*overflow:hidden;*/
}

figure {
	width: 220px;
}
figcaption {
	font-size: 11px;
	color: gray;
}
figure img {
	background-color: #f2f2f2;
}

/* TABLES */
caption {

}
tfoot {
	/*background-color: #f1f1f1;*/
}
td, th {
	border: 1px solid #b7b7b7;
 /*-o-text-overflow:ellipsis;
	text-overflow:ellipsis;
	overflow:hidden;
	white-space:nowrap;*/
}

table {
	table-layout:fixed;
	/*width:100%;*/
	border-color: #b7b7b7;
	border-width: thin thick;
	/*overflow:hidden;*/
	/*word-wrap:break-word;*/
}
/* TABLE */

colgroup.first_tr {
	background-color: #e5e5e5;
}
#wrap th, #wrap td {
	padding: 6px 16px;
	text-align: left;
	
}

#wrap th {
	background-color: #f6d989;
	font-weight: bold;
}

#wrap td {
	/*background-color: white;*/
}

/* BOX manipulations */

/* round corners */
.box_round {
     -moz-border-radius: 7px; /* FF1+ */
  -webkit-border-radius: 7px; /* Saf3-4 */
          border-radius: 7px; /* Opera 10.5, IE 9, Saf5, Chrome */
}
.box_round_small {
     -moz-border-radius: 3px; /* FF1+ */
  -webkit-border-radius: 3px; /* Saf3-4 */
          border-radius: 3px; /* Opera 10.5, IE 9, Saf5, Chrome */
}
.box_round_big {
     -moz-border-radius: 12px; /* FF1+ */
  -webkit-border-radius: 12px; /* Saf3-4 */
          border-radius: 12px; /* Opera 10.5, IE 9, Saf5, Chrome */
}
.box_round_top_right {
	-moz-border-radius-topright: 7px; /* FF1+ */
-webkit-border-top-right-radius: 7px; /* Saf3-4 */
		border-top-right-radius: 7px; /* Opera10.5, IE9, Saf5, Chr */
}
.box_round_top_left {
	-moz-border-radius-topleft: 7px; /* FF1+ */
-webkit-border-top-left-radius: 7px; /* Saf3-4 */
		border-top-left-radius: 7px; /* Opera10.5, IE9, Saf5, Chr */
}
.box_round_bottom_right {
	-moz-border-radius-bottomright: 7px; /* FF1+ */
-webkit-border-bottom-right-radius: 7px; /* Saf3-4 */
		border-bottom-right-radius: 7px; 
}
.box_round_bottom_left {
	-moz-border-radius-bottomleft: 7px; /* FF1+ */
-webkit-border-bottom-left-radius: 7px; /* Saf3-4 */
		border-bottom-left-radius: 7px;
}

/* box shadows */
.box_shadow {
	-moz-box-shadow: 0px 1px 4px #888; /* FF3.5+ */
 -webkit-box-shadow: 0px 1px 4px #888; /* Saf3.0+, Chrome */
		 box-shadow: 0px 1px 4px #888; /* Opera 10.5, IE 9 */
}

/* box gradients */
.box_gradient_dark {
  background-color: #88A2B9;
  background-image: -moz-linear-gradient(top,#88A2B9,#567087); /* FF3.6 */
  background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #88A2B9),color-stop(1, #567087)); /* Saf4+, Chrome */
            filter:  progid:DXImageTransform.Microsoft.gradient(startColorStr='#88A2B9', EndColorStr='#567087'); /* IE6,IE7 */
        -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#88A2B9', EndColorStr='#567087')"; /* IE8 */
}
.box_gradient_light {
  background-color: #f4f4f4;
  background-image: -moz-linear-gradient(top,#f4f4f4,#e7e7e7); /* FF3.6 */
  background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #f4f4f4),color-stop(1, #e7e7e7)); /* Saf4+, Chrome */
            filter:  progid:DXImageTransform.Microsoft.gradient(startColorStr='#f4f4f4', EndColorStr='#e7e7e7'); /* IE6,IE7 */
        -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#f4f4f4', EndColorStr='#e7e7e7')"; /* IE8 */
}
.box_gradient_blue {
  background-color: #4992F8;
  background-image: -moz-linear-gradient(top,#4992F8,#1247AD); /* FF3.6 */
  background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #4992F8),color-stop(1, #1247AD)); /* Saf4+, Chrome */
            filter:  progid:DXImageTransform.Microsoft.gradient(startColorStr='#4992F8', EndColorStr='#1247AD'); /* IE6,IE7 */
        -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#4992F8', EndColorStr='#1247AD')"; /* IE8 */
}

/* rgba */
.box_rgba {
  background-color: #B4B490;
  background-color: rgba(180, 180, 144, 0.3);  /* FF3+, Saf3+, Opera 10.10+, Chrome, IE9 */ /*было 0.6, так что испр под ие*/
            filter:  progid:DXImageTransform.Microsoft.gradient(startColorStr='#99B4B490',EndColorStr='#99B4B490'); /* IE6,IE7 */
        -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#99B4B490',EndColorStr='#99B4B490')"; /* IE8 */ 
}

/* transition and animation */
.box_rotate {
     -moz-transform: rotate(7.5deg);  /* FF3.5+ */
       -o-transform: rotate(7.5deg);  /* Opera 10.5 */
  -webkit-transform: rotate(7.5deg);  /* Saf3.1+, Chrome */
          transform: rotate(7.5deg);
}

.box_transition {
     -moz-transition: all 0.3s ease-out;  /* FF3.7+ */
       -o-transition: all 0.3s ease-out;  /* Opera 10.5 */
  -webkit-transition: all 0.3s ease-out;  /* Saf3.2+, Chrome */
          transition: all 0.3s ease-out;  
}


/* PRIMARY STYLES =========================*/


/* head, logo*/ 
hgroup {
	width: 260px;
	float: left;
}
	@media (max-width: 1024px){hgroup { width: 220px;}}
	@media (max-width: 480px){hgroup { float: none;}}
hgroup a {
	background: transparent url(/images/logo_giraffe_pri.png) no-repeat left top;
	margin-top: 40px;
	height: 114px;
	display: block;
	/*width: 230px;*/
}
	@media (max-width: 768px){hgroup a { margin-top: 10px; margin-bottom: 10px; }}
#business-page hgroup a {
	background: transparent url(/images/logo_giraffe_bus.png) no-repeat -4px -2px;}
	@media (max-width: 1024px){#business-page hgroup a { margin-top: 10px; margin-bottom: 10px; background-size:90%}}
hgroup h1 {
	text-indent:-9999em;
	margin-bottom: 0;
	font-size: 24px;
	line-height: 1.1;
}
hgroup span {font-size: 12px;
	font-weight: normal;
	font-style: normal;
	display: block;
	padding: 56px 0 0 44px;
	text-transform: uppercase;
	color: #808080;
}
	@media (max-width: 1024px){#business-page hgroup span { padding: 40px 0 0 36px;}}

#head_content {
	padding-top: 24px;
}
	@media (max-width: 1024px){#head_content { /*clear: both;*/}}

/* NAV ============== */

#lang, #personal { height: 20px; padding: 0 0 20px; }
	@media (max-width: 768px){#lang, #personal { height: auto; }}

/* Lang */
ul#lang {  }
	@media (max-width: 1024px){ul#lang { float: none; padding: 0 0 10px; text-align: right;}}
	@media (max-width: 768px){ul#lang { float: right; margin-right: 10px;}}
ul#lang li { background-color: white; display: inline-block; }
	@media (max-width: 768px){ul#lang li { display: block; margin-right: 5px; margin-bottom: 5px; text-align: left;}}
ul#lang li a { display: block; padding: 2px 9px 3px 7px; font-size: 12px; }
ul#lang li.selected a, ul#lang li:hover a{
	color: white;
	background: transparent url(/images/lang_selected.png) no-repeat right;
}


/* TOP NAV */ 

nav#top {
	float: right;
	width: 800px;
	height: 98px;
	background: url(/images/nav_top_pri.png) no-repeat;
	margin-right: -98px;
	padding-right: 38px;
	border-radius: 7px 0 0 7px;
}
	@media (max-width: 1024px){nav#top  { width: 600px; margin-right: -58px; background-position: -200px -5px; height: 88px;}}
	@media (max-width: 768px){nav#top  { margin-right: 0; float: left;}}
	@media (max-width: 640px){nav#top  { width: auto; height: auto; background-position: 0; border-radius: 0;}}
	@media (max-width: 480px){
    nav#top  {
      clear: both;
      padding-right: 0;
    }
  }

	
nav#top > ul { }
	@media (max-width: 640px){nav#top > ul { display: table; table-layout: fixed; vertical-align: middle; border-collapse: collapse; border-spacing: 0; max-width: 100%;}}
		@media (max-width: 640px){nav#top > ul:before, nav#top > ul:after { display: none !important; }}
nav#top > ul > li {
	height: 98px;
	float: left;
	border-left: 1px solid #9b16e2;
	border-right: 1px solid #530c87;
	position: relative;
	display: block;
}
	@media (max-width: 1024px){nav#top > ul > li { height: 88px; }}
	@media (max-width: 640px){nav#top > ul > li { height: auto; display: table-cell; float: none; vertical-align: middle;}}
nav#top > ul > li:hover, nav#top > ul > li.selected {
	height: 97px;
	background: rgb(235,186,17);
background: -moz-linear-gradient(top, rgba(235,186,17,1) 0%, rgba(237,179,20,1) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(235,186,17,1)), color-stop(100%,rgba(237,179,20,1)));
background: -webkit-linear-gradient(top, rgba(235,186,17,1) 0%,rgba(237,179,20,1) 100%);
background: -o-linear-gradient(top, rgba(235,186,17,1) 0%,rgba(237,179,20,1) 100%);
background: -ms-linear-gradient(top, rgba(235,186,17,1) 0%,rgba(237,179,20,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ebba11', endColorstr='#edb314',GradientType=0 );
background: linear-gradient(top, rgba(235,186,17,1) 0%,rgba(237,179,20,1) 100%);
	border-bottom: 1px solid #d59c11;
	border-right: 1px solid #ECB713 !important;
	border-left: 1px solid #ECB713 !important;
	border-top: 1px solid #ebba11;
	margin-top: -1px;
}
	@media (max-width: 1024px){nav#top > ul > li:hover, nav#top > ul > li.selected { height: 87px; }}
	@media (max-width: 640px){nav#top > ul > li:hover, nav#top > ul > li.selected { height: auto; display: table-cell; border: none; margin: 0; border-width: 0 !important;}}
nav#top > ul > li:hover {
	 -moz-box-shadow: 0px 1px 4px #888; /* FF3.5+ */
  -webkit-box-shadow: 0px 1px 4px #888; /* Saf3.0+, Chrome */
          box-shadow: 0px 1px 4px #888;
}
nav#top > ul > li:first-child {
	-moz-border-radius-topleft: 7px;
-webkit-border-top-left-radius: 7px;
		border-top-left-radius: 7px;
	-moz-border-radius-bottomleft: 7px;
-webkit-border-bottom-left-radius: 7px;
		border-bottom-left-radius: 7px;
	border-left: 1px solid transparent;
}
  @media (max-width: 640px) {
    nav#top > ul > li:first-child {
      -moz-border-radius-topleft: 0;
      -webkit-border-top-left-radius: 0;
      border-top-left-radius: 0;
      -moz-border-radius-bottomleft: 0;
      -webkit-border-bottom-left-radius: 0;
      border-bottom-left-radius: 0;
      border-left: 1px solid rgba(0, 0, 0, 0);
    }
  }

nav#top > ul > li:hover:first-child {
	-moz-border-radius-bottomleft: 0px;
-webkit-border-bottom-left-radius: 0px;
		border-bottom-left-radius: 0px;
}

nav#top li.selected a, nav li:hover a {color: white;}

nav#top > ul > li > a {
	color: white;
	display: table;
	height: 97px;
	font-size: 16px;
	font-weight: bold;
	text-transform: uppercase;
	width: 260px;
	position: relative;
}
	@media (max-width: 1024px){nav#top > ul > li > a { font-size: 14px; width: 198px; height: 87px;}}
	@media (max-width: 640px){nav#top > ul > li > a { width: auto; height: 50px; }}
.ie7 nav#top > ul > li > a {
	display: block;
}
nav#top li a span {
	display: table-cell;
	vertical-align: middle;
	text-align: left;
	font-weight: bold;
	padding-left: 90px;
	padding-right: 15px;
}
	@media (max-width: 1024px){nav#top li a span { padding-left: 75px;}}
	@media (max-width: 640px){nav#top li a span { font-size: 13px; padding: 10px 20px; background-image: none;}}
	@media (max-width: 480px){nav#top li a span { padding: 10px;}}
.ie7 nav#top li a span, .ie6 nav#top li a span {
	display: block;
	padding-top: 30px;
	padding-bottom: 30px;
}
.ie7 nav#top li a.nav_about span, .ie6 nav#top li a.nav_about span {
	padding-top: 40px;
	padding-bottom: 40px;
}
.nav_about span {background: url(/images/nav_top_icon_about.png) no-repeat 16px center;}
	@media (max-width: 1024px){.nav_about span { background-position: 11px center;}}
.nav_pri span {background: url(/images/nav_top_icon_pri.png) no-repeat 26px center;}
	@media (max-width: 1024px){.nav_pri span { background-position: 21px center;}}
.nav_bus span {background: url(/images/nav_top_icon_bus.png) no-repeat 22px center;}
	@media (max-width: 1024px){.nav_bus span { background-position: 17px center;}}

#business-page nav#top {
	background-image: url(/images/nav_top_bus.png);
  background-repeat: no-repeat;
}

nav#top > ul > li:last-child, #business-page nav#top > ul > li:last-child {
	border-right-style: hidden;
}
#business-page nav#top li.selected:last-child {
	/*border-right-style: hidden;
	border-left-style: hidden;*/
}
#business-page nav#top > ul > li {
	border-left: 1px solid #24b8fb;
	border-right: 1px solid #158cb8;
}

#business-page nav#top > ul > li:first-child {
	border-left: 1px solid transparent;;
}

/* Submenus styling */

nav#top ul li .subm {display: none;}
nav#top ul li:hover .subm {
	display: block;
	position: absolute;
	z-index: 20;}
  @media (max-width: 480px) {
    nav#top ul li:last-child:hover .subm {
      right: 0;
    }
  }

nav#top ul ul {
	margin-top: 1px;
	border-top: 1px solid #f0c134;
	 -moz-box-shadow: 0px 1px 4px #888; /* FF3.5+ */
  -webkit-box-shadow: 0px 1px 4px #888; /* Saf3.0+, Chrome */
          box-shadow: 0px 1px 4px #888;
	padding: 16px 0 8px;
	/*display: none;*/

	background: rgb(237,179,20);
background: -moz-linear-gradient(top, rgba(237,179,20,1) 0%, rgba(241,159,29,1) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(237,179,20,1)), color-stop(100%,rgba(241,159,29,1)));
background: -webkit-linear-gradient(top, rgba(237,179,20,1) 0%,rgba(241,159,29,1) 100%);
background: -o-linear-gradient(top, rgba(237,179,20,1) 0%,rgba(241,159,29,1) 100%);
background: -ms-linear-gradient(top, rgba(237,179,20,1) 0%,rgba(241,159,29,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#edb314', endColorstr='#f19f1d',GradientType=0 );
background: linear-gradient(top, rgba(237,179,20,1) 0%,rgba(241,159,29,1) 100%);
	border-left: 1px solid #ECB713;
}
nav#top ul ul li {
	width: auto;
	display: block; 
}
	@media (max-width: 1024px){nav#top ul ul li { /*width: 198px;*/ }}
nav#top ul ul li a {
	display: block;
	padding: 5px 32px;
	font-weight: bold;
}
	@media (max-width: 1024px){nav#top ul ul li a { padding: 4px 22px; }}
nav#top ul ul li a:hover {
	color: #EDA816;
	background-color: #FDF6E8;
}
.top_nav_center .subm  {width: 244px;}
	@media (max-width: 1024px){.top_nav_center .subm  { width: 198px; }}
	
.triangle-down {
	display: block;
	width: 0;
	height: 0;
	border-left: 122px solid transparent;
	border-right: 122px solid transparent;
	border-top: 45px solid #F19F1D;
}
	@media (max-width: 1024px){.triangle-down { border-right-width: 99px; border-left-width: 99px; border-top-width: 35px;}}


/* Other NAV */
header nav {
	
}
#main nav {
	
}
#left_block nav {
	
}
#center_block nav {
	
}
#right_block nav {
	
}

/* Personal Stuff */
ul#personal {
	
}
ul#personal li {
	display: block;
	margin-right: 30px;
	text-transform: uppercase;
	opacity: 0.8;
	float: left;
}
	@media (max-width: 1024px){ul#personal li { margin-right: 20px;}}
	@media (max-width: 768px){ul#personal li { float: none; overflow: hidden; padding-bottom: 4px;}}
ul#personal li:hover, ul#personal li.selected {
	opacity: 1;
}
ul#personal li a {
	color: #606060;
	padding-top: 4px;
	padding-bottom: 3px;
	display: block;
}
	@media (max-width: 1024px){ul#personal li a { font-size: 11px;}}
#personal .pay a {
	background: url(/images/personal_pay.png) no-repeat left 0;
	padding-left: 34px;
}
#personal .cab a {
	background: url(/images/personal_cab.png) no-repeat left 1px;
	padding-left: 30px;
}
#personal .fq a {
	background: url(/images/personal_fq.png) no-repeat left 0;
	padding-left: 31px;
}


/* ======= SECTIONS ======= */

#browsable { }
	@media (max-width: 768px){#browsable { display: none;}}

/* Infobox */
section.infobox {
	width: 1019px;
	background: orange url(/images/infobox_backgr.png) no-repeat;
	margin-bottom: 36px;
}
	@media (max-width: 1024px){section.infobox { width: 800px; background-size:100%;}}
	@media (max-width: 768px){section.infobox { background: none; width: auto;}}
section.infobox li {float: left;}
	@media (max-width: 768px){section.infobox li { float: none; }}
section.infobox a {
	display: table;
	color: #636363;
	font-size: 15px;
	font-weight: bold;
	height: 101px;
	position: relative;
}
	@media (max-width: 1024px){section.infobox a { font-size: 13px; height: 79px;}}
	
.ie7 section.infobox a, .ie6 section.infobox a {
	display: block;
}
section.infobox li:hover a {color: white; }
	
	
section.infobox span {
	display: table-cell;
	vertical-align: middle;
	padding-left: 110px;
}
		@media (max-width: 1024px){section.infobox span { padding-left: 90px;}}
.ie7 section.infobox span, .ie6 section.infobox span {
	display: block;
	padding-top: 30px;
}
section.infobox li.con span {padding-left: 90px;}
	@media (max-width: 1024px){section.infobox li.con span { padding-left: 70px;}}
	@media (max-width: 768px){section.infobox li.con span { padding-left: 65px; padding-right: 30px;}}
section.infobox li.con a {width: 261px;z-index: 10;}
	@media (max-width: 1024px){section.infobox li.con a { width: 207px;}}
	@media (max-width: 768px){section.infobox li.con a, section.infobox li.con:hover a { background: url(/images/infobox_con.png) no-repeat; background-size:100%; background-position: -6px 0 !important;}}
section.infobox li.con:hover a {background: url(/images/infobox_con.png) no-repeat; background-size:100%;}

section.infobox li.int a{width: 272px;margin-left: -25px;z-index: 9;}
	@media (max-width: 1024px){section.infobox li.int a { width: 217px;}}
	@media (max-width: 768px){section.infobox li.int a { background: url(/images/infobox_int.png) no-repeat; background-size:100%;}}
section.infobox li.int:hover a {background: url(/images/infobox_int.png) no-repeat; background-size:100%;}

section.infobox li.man a {width: 278px;margin-left: -27px;z-index: 8;}
	@media (max-width: 1024px){section.infobox li.man a { width: 224px;}}
	@media (max-width: 768px){section.infobox li.man a { background: url(/images/infobox_man.png) no-repeat; background-size:100%;}}
section.infobox li.man:hover a {background: url(/images/infobox_man.png) no-repeat; background-size:100%;}

section.infobox li.who a {width: 272px;margin-left: -27px;z-index: 7;}
	@media (max-width: 1024px){section.infobox li.who a { width: 218px;}}
	@media (max-width: 768px){section.infobox li.who a { background: url(/images/infobox_who.png) no-repeat; background-size:100%;}}
section.infobox li.who:hover a {background: url(/images/infobox_who.png) no-repeat; background-size:100%;}
	
	@media (max-width: 768px){section.infobox li a, section.infobox li:hover a { width: 220px !important; color: white;}}

/* Footer elements */

.footer_left {width: 356px;float: left;padding-right: 30px;}
	@media (max-width: 768px){.footer_left { width: auto; float: none;;}}

.footer_right {overflow: hidden;}


.copyrights {
	background: url(/images/logo_copyright.jpg) no-repeat;
	padding: 84px 0 36px;
}

footer .col { width: 230px; float: left; padding-right: 30px; }

.contacts span { font-size: 20px;font-weight: bold;}


section.social a:hover img {opacity: 0.8;}

/* Footer NAV */

.footer_nav {
	display: block;
	border-top: 6px solid #636363;
}
.footer_nav li {
	float: left;
}
.footer_nav li a {
	display: block;
	width: 120px;
	padding-top: 20px;
	color: #636363;
	font-size: 14px;
	font-weight: bold;
	text-transform: uppercase;
}
.footer_nav li:hover, .footer_nav li.selected {
	border-top: 6px solid #eda816;
	margin-top: -6px;
	z-index: 11;
	position: relative;
}
.footer_nav li:hover a, .footer_nav li.selected a {
	color: #eda816;
}

.brainberry {
	background: url(/images/logo_brainberry.png) no-repeat;
	width: 133px;
	height: 25px;
	display: block;
	float: right;
	margin-top: 16px;
}
.brainberry:hover {
	opacity: 0.8;
}

/* MAIN ============== */

#main {
	clear: both;
}

.left_col {
	width: 230px;
	padding-right: 30px;
	overflow: hidden;
	float: left;
}
	@media (max-width: 1024px){.left_col { width: 190px;}}
	@media (max-width: 768px){.left_col { width: auto; float: none;}}
.left_col #news a {
	display: block;
	margin-bottom: 10px;
	text-decoration: underline;
}

span.date {
	display: block;
	font-style: italic;
}

.main {

}

/* Subscribe */
.subscribe {
	display: block;
	background: url(/images/subscribe.png) no-repeat left top;
	width: 228px;
	height: 47px;
	font-size: 24px;
	font-weight: bold;
	text-align: center;
	color: white;
	text-transform: uppercase;
	padding-top: 16px;
	margin-bottom: 24px;
}
	@media (max-width: 1024px){.subscribe { background-size: 100%; width: 190px; height: 38px; padding-top: 14px; font-size: 18px;}}
.subscribe:hover {
	color: white;
	background: url(/images/subscribe.png) no-repeat left -63px; background-size: 100%;
}
		@media (max-width: 1024px){.subscribe:hover { background-position: left -52px;}}
.subscribe:active {
	background: url(/images/subscribe.png) no-repeat left -126px; background-size: 100%;
}

/* Breadcrumbs */
.breadcrumbs { 
	clear: both;
}
.breadcrumbs a {
	white-space: nowrap;
	font-size: 11px;
	text-decoration: underline;
}
.breadcrumbs span {
	color: #636363;
	cursor: default;
	text-decoration: none;
}

/* Left_NAV */

#left_nav {
	border-top: 1px solid #d1d1d1;
}

#left_nav li {
	display: block;
}
#left_nav li a {
	display: block;
}

#left_nav > li {
	border-bottom: 1px solid #d1d1d1;
}
#left_nav > li > a {
	font-weight: bold;
	color: #636363;
	padding: 8px 8px;
}
#left_nav > li > a:hover, #left_nav > li.selected > a {
	color: white;
	background-color: #8b2ac4;
}
#business-page #left_nav > li > a:hover, #business-page #left_nav > li.selected > a {
	color: white;
	background-color: #00A4E3;
}

#left_nav ul {
	padding-top: 6px;
	/*padding-bottom: 6px;*/
	margin-left: 2em;
	line-height: 1;
}
#left_nav ul li {
	
}
#left_nav ul li a {
	display: block;
	padding: 5px 0;
	text-decoration: underline;
}

/* Right Col */
.right_col {
	float: right;
	overflow: hidden;
	width: 230px;
	padding-left: 30px;
}
	@media (max-width: 1024px){.right_col { width: 190px;}}
	@media (max-width: 768px){.right_col { display: none;}}

.center_col { overflow: hidden; }
	@media (max-width: 768px){.welcome_index .center_col { display: none;}}

.center_col article li a {
	text-decoration: underline;
}
/* Basic Pages ============================= */

.order, .cover {
	padding: 20px 0 20px 20px;
	background-color: #f2f2f2;
	color: #808080;
	margin-bottom: 24px;
	 -moz-border-radius: 7px; /* FF1+ */
  -webkit-border-radius: 7px; /* Saf3-4 */
          border-radius: 7px; /* Opera 10.5, IE 9, Saf5, Chrome */
}

/* Order */

.col_one_third { width: 30%; float: left; }
.col_two_third { width: 70%; float: left; }
.col_one_third_wide { width: 50%; float: left; }
	@media (max-width: 768px){.col_one_third, .col_two_third, .col_one_third_wide { float: none; width: 100%;}}

.item {
	/*background-color: white;*/
    border-radius: 7px;
	/*border: 2px solid #ececec;*/
	margin-right: 24px;
	margin-bottom: 20px;
	padding: 0;
}
	@media (max-width: 768px){.item { margin-right: 0;}}
.item_inner {
	background-color: white;
	padding: 10px;
	 -moz-border-radius: 5px; /* FF1+ */
  -webkit-border-radius: 5px; /* Saf3-4 */
          border-radius: 5px;
	border-top: 1px solid #d6d6d6;
	border-left: 1px solid #e9e9e9;
	border-right: 1px solid #e9e9e9;
	border-bottom: 1px solid #e9e9e9;
	font-style: italic;
	font-size: 14px;
	margin: 0;
}
.col_one_third .item_inner span {
	display: block;
	font-weight: bold;
	padding-top: 16px;
	font-style: normal;
	font-size: 12px;
}
.col_one_third .item_inner .price {
	text-align: right;
	color: #ff9100;
	float: right;
	font-size: 18px;
	font-weight: bold;
	margin-top: -4px;
}
.col_one_third .item_inner a {
	font-weight: normal;
	font-size: 12px;
	border-bottom: 1px dashed gray;
}
.col_one_third .item_inner span select {float: right;}
.col_one_third .item_inner select.block {
	width: 100%;
	padding: 6px;
	font-size: 13px;
	background-color: silver;
	background-image: none;
}
.col_one_third .item_inner select.block option {
	padding: 2px;
	border-bottom-style: none;
}

.field_inner {
	padding: 6px 12px;
	 -moz-border-radius: 5px; /* FF1+ */
  -webkit-border-radius: 5px; /* Saf3-4 */
          border-radius: 5px;
	border-top: 1px solid #d6d6d6;
	border-left: 1px solid #e9e9e9;
	border-right: 1px solid #e9e9e9;
	border-bottom: 1px solid #e9e9e9;
	font-style: italic;
	font-size: 16px;
	color: #c8c8c8
}
.field_inner:focus {
	color: #808080;
}
.order .field_inner {
	width: 199px;
}
textarea.field_inner {
	height: 120px;
}
.dropdown {
		background: rgb(249,249,249);
background: -moz-linear-gradient(top, rgba(249,249,249,1) 0%, rgba(234,234,234,1) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(249,249,249,1)), color-stop(100%,rgba(234,234,234,1)));
background: -webkit-linear-gradient(top, rgba(249,249,249,1) 0%,rgba(234,234,234,1) 100%);
background: -o-linear-gradient(top, rgba(249,249,249,1) 0%,rgba(234,234,234,1) 100%);
background: -ms-linear-gradient(top, rgba(249,249,249,1) 0%,rgba(234,234,234,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9f9f9', endColorstr='#eaeaea',GradientType=0 );
background: linear-gradient(top, rgba(249,249,249,1) 0%,rgba(234,234,234,1) 100%);
-moz-border-radius: 7px; /* FF1+ */
  -webkit-border-radius: 7px; /* Saf3-4 */
          border-radius: 7px;
	border: 1px solid #e2e2e2;
	margin-right: 24px;
	margin-bottom: 20px;
}
.dropdown:hover {
background: rgb(234,234,234);
background: -moz-linear-gradient(top, rgba(234,234,234,1) 0%, rgba(249,249,249,1) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(234,234,234,1)), color-stop(100%,rgba(249,249,249,1)));
background: -webkit-linear-gradient(top, rgba(234,234,234,1) 0%,rgba(249,249,249,1) 100%);
background: -o-linear-gradient(top, rgba(234,234,234,1) 0%,rgba(249,249,249,1) 100%);
background: -ms-linear-gradient(top, rgba(234,234,234,1) 0%,rgba(249,249,249,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eaeaea', endColorstr='#f9f9f9',GradientType=0 );
background: linear-gradient(top, rgba(234,234,234,1) 0%,rgba(249,249,249,1) 100%);
}
.dropdown > a {
	font-size: 16px;
    font-style: italic;
    padding: 10px;
    display: block;
    color: #808080;
	background: url(/images/arrow_down.png) no-repeat right center;
	text-decoration: none;
}
.dropdown ul {
	display: none;
	position: absolute;
	margin-top: -40px;
	margin-left: 0;
	border: 1px solid #e2e2e2;
	 -moz-box-shadow: 0px 1px 32px #bbb;
  -webkit-box-shadow: 0px 1px 32px #bbb;
          box-shadow: 0px 1px 32px #bbb;
	-moz-border-radius: 7px; /* FF1+ */
  -webkit-border-radius: 7px; /* Saf3-4 */
          border-radius: 7px;
	background: #fff;
}
.dropdown:hover ul  {display: block;}

.dropdown ul li {
	display: block;
}
.dropdown ul li a {
	display: block;
	padding: 6px 12px;
	color: #808080;
	font-size: 16px;
	width: 200px;
	text-decoration: none ;
	font-style: italic;
}
.dropdown ul li:first-child, .dropdown ul li:first-child a {
	-moz-border-radius-topright: 5px; /* FF1+ */
-webkit-border-top-right-radius: 5px; /* Saf3-4 */
		border-top-right-radius: 5px; /* Opera10.5, IE9, Saf5, Chr */
		-moz-border-radius-topleft: 5px; /* FF1+ */
-webkit-border-top-left-radius: 5px; /* Saf3-4 */
		border-top-left-radius: 5px; /* Opera10.5, IE9, Saf5, Chr */
}
.dropdown ul li:last-child, .dropdown ul li:last-child a {
	-moz-border-radius-bottomright: 5px; /* FF1+ */
-webkit-border-bottom-right-radius: 5px; /* Saf3-4 */
		border-bottom-right-radius: 7px; 
	-moz-border-radius-bottomleft: 5px; /* FF1+ */
-webkit-border-bottom-left-radius: 5px; /* Saf3-4 */
		border-bottom-left-radius: 5px;
}
.dropdown ul li a:hover {
	color: white;
	background-color: #b86ae4;
}

.connection_type {
	font-size: 15px;
	font-weight: bold;
	font-style: italic;
}
.connection_type span {
	display: inline-block;
	font-size: 12px;
	font-style: italic;
	font-weight: normal;
	margin-top: 6px;
	padding-left: 6px;
}
.agree { font-size: 12px; padding-right: 20px;}
/*.agree a { text-decoration: underline; line-height: 1.2; }*/
.agree input {
    display: block;
    float: left;
    margin-bottom: 24px;
    margin-right: 20px;
    margin-top: 2px;
}

a.butt_agree {
	display: block;
	background: url(/images/butt_med.png) no-repeat left top;
	width: 182px;
	font-size: 18px;
	font-weight: bold;
	text-align: center;
	color: white;
	text-transform: uppercase;
	padding-top: 14px;
	margin-top: 24px;
	padding-bottom: 14px;
	text-decoration: none;
}
.butt_agree:hover {
	color: white;
	/*background: url(/images/subscribe.png) no-repeat left -63px;*/
}
.butt_agree:active {
	/*background: url(/images/subscribe.png) no-repeat left -126px;*/
}

/* Coverage */

.cover .dropdown,
.cover .street,
.cover .apt {
	display: block;
	float: left;
}

.cover .dropdown {
	width: 180px;
}
.cover .street input {
	width: 210px;
}
.cover .apt input {
	width: 60px;
}

.butt_search {
	display: inline-block;
	background: url(/images/butt_small.png) no-repeat left top;
	width: 83px;
	font-size: 14px;
	font-weight: bold;
	text-align: center;
	color: white;
	text-transform: uppercase;
	padding-top: 10px;
	text-decoration: none;
	padding-bottom: 10px;
}
.butt_search:hover {
	color: #e2e2e2;
}
/* TABS */

ul.tabs {
	display: block;
}
.cover ul.tabs {
	float: right;
}
ul.tabs li {
	float: left;
	display: block;
	border-bottom: 1px solid #9c9c9c;
}
ul.tabs li a {
	padding: 6px 12px 5px;
	display: block;
	color: #585858;
	background: rgb(249,249,249);
background: -moz-linear-gradient(top, rgba(249,249,249,1) 0%, rgba(224,224,224,1) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(249,249,249,1)), color-stop(100%,rgba(224,224,224,1)));
background: -webkit-linear-gradient(top, rgba(249,249,249,1) 0%,rgba(224,224,224,1) 100%);
background: -o-linear-gradient(top, rgba(249,249,249,1) 0%,rgba(224,224,224,1) 100%);
background: -ms-linear-gradient(top, rgba(249,249,249,1) 0%,rgba(224,224,224,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9f9f9', endColorstr='#e0e0e0',GradientType=0 );
background: linear-gradient(top, rgba(249,249,249,1) 0%,rgba(224,224,224,1) 100%);
	border-left: 1px solid #fafafa;
	border-right: 1px solid #d1d1d1;
	font-size: 14px;
	text-decoration: none;
}
ul.tabs li.active a, ul.tabs li a:hover {
	color: white;
	background: rgb(113,113,113);
background: -moz-linear-gradient(top, rgba(113,113,113,1) 0%, rgba(154,154,154,1) 19%, rgba(154,154,154,1) 84%, rgba(145,145,145,1) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(113,113,113,1)), color-stop(19%,rgba(154,154,154,1)), color-stop(84%,rgba(154,154,154,1)), color-stop(100%,rgba(145,145,145,1)));
background: -webkit-linear-gradient(top, rgba(113,113,113,1) 0%,rgba(154,154,154,1) 19%,rgba(154,154,154,1) 84%,rgba(145,145,145,1) 100%);
background: -o-linear-gradient(top, rgba(113,113,113,1) 0%,rgba(154,154,154,1) 19%,rgba(154,154,154,1) 84%,rgba(145,145,145,1) 100%);
background: -ms-linear-gradient(top, rgba(113,113,113,1) 0%,rgba(154,154,154,1) 19%,rgba(154,154,154,1) 84%,rgba(145,145,145,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#717171', endColorstr='#919191',GradientType=0 );
background: linear-gradient(top, rgba(113,113,113,1) 0%,rgba(154,154,154,1) 19%,rgba(154,154,154,1) 84%,rgba(145,145,145,1) 100%);
}

ul.tabs li.first, ul.tabs li.first a {
	-moz-border-radius-topleft: 7px; /* FF1+ */
-webkit-border-top-left-radius: 7px; /* Saf3-4 */
		border-top-left-radius: 7px; /* Opera10.5, IE9, Saf5, Chr */
	-moz-border-radius-bottomleft: 7px; /* FF1+ */
-webkit-border-bottom-left-radius: 7px; /* Saf3-4 */
		border-bottom-left-radius: 7px;
	border-left-style: none;
}
ul.tabs li.last, ul.tabs li.last a {
	-moz-border-radius-topright: 7px; /* FF1+ */
-webkit-border-top-right-radius: 7px; /* Saf3-4 */
		border-top-right-radius: 7px; /* Opera10.5, IE9, Saf5, Chr */
	-moz-border-radius-bottomright: 7px; /* FF1+ */
-webkit-border-bottom-right-radius: 7px; /* Saf3-4 */
		border-bottom-right-radius: 7px;
	border-right-style: none;
}



/* MAP */
#map {
	border: 3px solid #b2b2b2;
	 -moz-border-radius: 2px; /* FF1+ */
  -webkit-border-radius: 2px; /* Saf3-4 */
          border-radius: 2px;
	/*background: url(/images/temp/map.jpg) no-repeat;*/
	height: 546px;
	width: 734px;
}
.map_hist {
	float: left;
	width: 300px;
	padding-right: 30px;
	overflow: hidden;
}
.map_hist div {
	padding-left: 60px;
	margin-bottom: 8px;
	min-height: 34px;
	padding-top: 2px;
}
.canopy {background: url(/images/map_legend_12.png) no-repeat left top;}
.wimax_ext {
	background: url(/images/map_legend_04.png) no-repeat left top;
}
.wimax_int {
	background: url(/images/map_legend_06.png) no-repeat left top;
}
.wimax_usb {
	background: url(/images/map_legend_07.png) no-repeat left top;
}

.point_yellow {
	background: url(/images/map_legend_10.png) no-repeat left top;
}
.point_green {
	background: url(/images/map_legend_09.png) no-repeat left top;
}

.legend_point {
	background: url(/images/map_legend_point.png) no-repeat left top;
}
.legend_blank_text {
	background: url(/images/map_legend_blank_text.png) no-repeat left top;
}
.legend_en_text {
	background: url(/images/map_legend_en_text.png) no-repeat left top;
}
.legend_ua_text {
	background: url(/images/map_legend_ua_text.png) no-repeat left top;
}
.legend_ru_text {
	background: url(/images/map_legend_ru_text.png) no-repeat left top;
}
.legend_en {
	background: url(/images/map_legend_en.png) no-repeat left top;
}
.legend_ua {
	background: url(/images/map_legend_ua.png) no-repeat left top;
}
.legend_ru {
	background: url(/images/map_legend_ru.png) no-repeat left top;
}

/* Tariffs */

.tariffs li {
	background: url(/images/tariffs.png) no-repeat left;
	width: 100%;
	height: 118px;
	font-size: 13px;
	padding-top: 0px;
	/*padding-left: 20px;*/
	display: table;
}
.tariffs li > span {
	display: table-cell;
	vertical-align: middle;
	padding-left: 20px;
}
	@media (max-width: 640px){.tariffs li > span  { padding-left: 10px;}}
.tariffs li a {
	display: block;
	font-size: 18px;
	text-decoration: underline;
	padding-bottom: 4px;
}
	@media (max-width: 640px){.tariffs li a  { font-size: 16px;}}
.tariffs .price {
	color: #ff9100;
	font-size: 36px;
	padding: 14px 20px 0 40px;
	font-weight: bold;
	text-align: center;
	white-space: nowrap;
	width: 100px;
}
	@media (max-width: 640px){.tariffs .price  { padding-left: 10px;}}
.tariffs .price div {
	color: #808080;
	font-size: 14px;
	display: inline-block;
	line-height: 1.1;
	padding: 6px 0 0 4px;
	font-weight: normal;
	font-style: normal;
	text-align: left;
}


/* DEVICES */

.device {
	border-bottom: 1px solid #dad8cf;
	clear: both;
	padding-top: 20px;
	padding-bottom: 20px;
	display: table;
	width: 100%;
}

.device figure {
	display: table-cell;
	width: 120px;
	padding-right: 16px;
}
.device h2 {
	color: #808080;
	font-size: 18px;
}
.device h2 a {
	text-decoration: underline;
}
.descr {
	display: table-cell;
}
.descr_price {
	display: table-cell;
	color: #eea716;
	font-weight: bold;
	line-height: 1;
    text-align: center;
    vertical-align: middle;
	background: url(/images/descr_arrow.jpg) no-repeat left center;
	padding-left: 80px;
	padding-right: 30px;
	width: 80px;
}
.descr_price > span {
	font-size: 36px;
}
.descr_price > span > span {
	font-size: 24px;
	display: block;
}
.butt_order {
	display: inline-block;
	background: url(/images/butt_order.png) no-repeat;
	width: 146px;
	font-size: 14px;
	font-weight: bold;
	text-align: center;
	color: white;
	text-transform: uppercase;
	text-decoration: none;
	margin-right: 30px;
	padding: 12px 0;
}
.butt_order:hover {
	color: #e2e2e2;
}
.find_store {
	font-size: 18px;
	text-decoration: underline;
}


.device_single {
	margin-top: 20px;
	margin-bottom: 20px;
}



/*NEWS LIST*/

.year, .year_selected {
	display: block;
	float: right;
	font-size: 16px;
	margin-left: 8px;
	padding: 6px 10px;
	margin-bottom: 10px;
}
.year_selected {
	color: #636363;
	background-color: #d9d9d9;
	-moz-border-radius: 4px; /* FF1+ */
 -webkit-border-radius: 4px; /* Saf3-4 */
		 border-radius: 4px;
	font-weight: bold;
}
.year {
	border-bottom: 1px dashed #198ae2;
	margin-left: 16px;
	margin-bottom: 10px;
	margin-right: 10px;
	padding: 6px 0 6px 2px;
}

.news_list .date {
	font-weight: normal;
	font-style: normal;
}
.news_list {
	border-top: 1px solid #e0e0e0;
	clear: both;
	padding-top: 18px;
	padding-bottom: 8px;
}
.news_list a {
	font-weight: normal;
	font-style: normal;
	text-decoration: underline;
}
.news_list p {
	font-size: 14px;
}
/* FORMS */

.feedback {
	font-weight: bold;
	font-size: 16px;
	margin-bottom: 16px;
	margin-top: 6px;
}
.feedback_form label {
	display: block;
	font-size: 14px;
	margin-bottom: 4px;
}
.feedback_form input {
	display: block;
	font-size: 14px;
	margin-bottom: 10px;
	width: 226px;
	border: 1px solid #bfbfbf;
	padding-top: 4px;
	padding-bottom: 4px;
}
.feedback_form textarea {
	height: 80px;
	width: 224px;
	border: 1px solid #bfbfbf;
	margin-bottom: 10px;
}

.captcha {
	margin-top: 8px;
}
.captcha p {
	font-size: 14px;
}

.captcha input {
	display: inline-block;
	width: 80px;
	height: 30px;
}
.captcha input, .captcha img {
	/*text-align: right;*/
}

.butt_captcha {
		display: inline-block;
	background: url(/images/butt_small.png) no-repeat left top;
	width: 83px;
	font-size: 14px;
	font-weight: bold;
	text-align: center;
	color: white;
	text-transform: uppercase;
	padding-top: 10px;
	text-decoration: none;
	padding-bottom: 10px;
}
.butt_captcha:hover {
	color: #e2e2e2;
}

/* FAQ */
.faq {
	margin-bottom: 10px;
}
.faq a {
	border-bottom: 1px dashed #458ad6;
}
.faq a.selected {
	border-bottom: 0;
}
.faq .block {
	margin-top: 8px;
}
.answer {
	padding: 20px 20px 5px;
	background-color: #e8f1fa;
	-moz-border-radius: 4px; /* FF1+ */
 -webkit-border-radius: 4px; /* Saf3-4 */
		 border-radius: 4px;
}
.triangle {
	width: 0;
	height: 0;
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	border-bottom: 10px solid #e8f1fa;
	margin-left: 60px;
}


/* Consultant */

.consultant {
	background: url(/images/consultant.png) no-repeat;
	width: 743px;
	height: 473px;
}
.question {
	height: 433px;
	width: 414px;
	float: left;
	padding: 20px 25px;
}
.choise {
	height: 433px;
	width: 224px;
	float: left;
	padding: 20px 25px;
}

.question .first div, .question .second div {
	/*width: 50%;*/
}
.question span, .choise span {
	display: block;
	font-size: 14px;
	padding-bottom: 20px;
	padding-top: 8px;
	
}
.question .first {
	padding-left: 40px;
	background: url(/images/first.png) no-repeat left 10px;
}
.question .second {
	padding-left: 40px;
	background: url(/images/second.png) no-repeat left 10px;
}
.question a {
	display: inline-block;
	margin-bottom: 16px;
	width: 40%;
	vertical-align: top;
	background: url(/images/checkbox.png) no-repeat left top;
	padding-left: 30px;
	padding-top: 3px;
	padding-bottom: 1px;
}
.question a:hover {
	background: url(/images/checkbox_hover_2.png) no-repeat left
}
.question a:active, .question a.selected {
	background: url(/images/checkbox_hover.png) no-repeat left
}
.choise .first {
	width: 224px;
	height: 35px;
	vertical-align: top;
}

.choise .second {
	width: 224px;
	height: 200px;
}
.butt_choise {
	background: url(/images/butt_choise_01.png) no-repeat;
	width: 230px;
	height: 28px;
	color: white;
	text-align: center;
	vertical-align: middle;
	display: block;
	text-transform: uppercase;
	font-size: 14px;
	padding-top: 10px;
	text-decoration: none;
}
.butt_choise:hover {
	color: white;
	background: url(/images/butt_choise_02.png) no-repeat;
}
.butt_choise:active {
background: url(/images/butt_choise_03.png) no-repeat;
}

/* Consultant Page 2 */

.consultant2 {
	background: url(/images/consultant2.png) no-repeat;
	width: 743px;
	height: 473px;
}
.choise {
	height: 433px;
	width: 224px;
	float: left;
	padding: 20px 25px;
}
.solution {
	height: 433px;
	width: 414px;
	float: left;
	padding: 20px 25px;
}
.solution div {
	border-bottom: 1px solid #b5cfdf;
	margin-top: 10px;
	margin-bottom: 20px;
}
.solution h2 {
	padding-bottom: 8px;
}
.solution p {
	font-size: 14px;
}

.consultant2 .butt_choise {
	background: url(/images/butt_choise_back.png) no-repeat;
	width: 230px;
	height: 28px;
	color: white;
	text-align: center;
	vertical-align: middle;
	display: block;
	text-transform: uppercase;
	font-size: 14px;
	padding-top: 10px;
	text-decoration: none;
}
.consultant2 .butt_choise:hover {
	color: white;
	background: url(/images/butt_choise_back_hover.png) no-repeat;
}



/* Subscribe Form */ 

.subscribe_form form {margin-top: 12px; }
.subscribe_form p { font-weight: bold; font-size: 14px; }
.subscribe_form span { font-style: italic; font-size: 12px; }
.subscribe_form input, .subscribe_form label { display: block; font-size: 13px }
.subscribe_form input {
	width: 200px;
	border: 1px solid #c1c1c1;
	margin-bottom: 10px;
	padding: 5px;
}
.subscribe_form label { padding-bottom: 4px; width: 200px; }
.subscribe_form .half {width: 50%;}
.subscribe_form textarea {
	padding: 5px;
	border: 1px solid #c1c1c1;
	width: 440px;
	margin-bottom: 10px;
}
.subscribe_form .half textarea { width: 200px; height: 70px; }


 /* 404 */
.page404 {
	padding-top: 90px;
	overflow: hidden;
	padding-right: 300px;
	background: url(/images/giraffe_404.jpg) no-repeat right 80px;
}
.page404 h1 {font-size: 36px;}


.page404 ul { padding-top: 20px;padding-bottom: 20px; }
.page404 li { padding-bottom: 6px;font-size: 13px;list-style: none; }

/* BUTTONS */

.button_med, .button_small, .button_big {
	display: inline-block;
	text-transform: uppercase;
	text-decoration: none;
background: rgb(206,206,206);
background: -moz-linear-gradient(top, rgba(206,206,206,1) 0%, rgba(226,226,226,1) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(206,206,206,1)), color-stop(100%,rgba(226,226,226,1)));
background: -webkit-linear-gradient(top, rgba(206,206,206,1) 0%,rgba(226,226,226,1) 100%);
background: -o-linear-gradient(top, rgba(206,206,206,1) 0%,rgba(226,226,226,1) 100%);
background: -ms-linear-gradient(top, rgba(206,206,206,1) 0%,rgba(226,226,226,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cecece', endColorstr='#e2e2e2',GradientType=0 );
background: linear-gradient(top, rgba(206,206,206,1) 0%,rgba(226,226,226,1) 100%);
}
.button_med:hover, .button_small:hover, .button_big:hover {
background: rgb(206,206,206);
background: -moz-linear-gradient(top, rgba(206,206,206,1) 0%, rgba(236,236,236,1) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(206,206,206,1)), color-stop(100%,rgba(236,236,236,1)));
background: -webkit-linear-gradient(top, rgba(206,206,206,1) 0%,rgba(236,236,236,1) 100%);
background: -o-linear-gradient(top, rgba(206,206,206,1) 0%,rgba(236,236,236,1) 100%);
background: -ms-linear-gradient(top, rgba(206,206,206,1) 0%,rgba(236,236,236,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cecece', endColorstr='#ececec',GradientType=0 );
background: linear-gradient(top, rgba(206,206,206,1) 0%,rgba(236,236,236,1) 100%);
}
.button_med:active, .button_small:active, .button_big:active {
	background: rgb(206,206,206);
background: -moz-linear-gradient(top, rgba(206,206,206,1) 0%, rgba(230,230,230,1) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(206,206,206,1)), color-stop(100%,rgba(230,230,230,1)));
background: -webkit-linear-gradient(top, rgba(206,206,206,1) 0%,rgba(230,230,230,1) 100%);
background: -o-linear-gradient(top, rgba(206,206,206,1) 0%,rgba(230,230,230,1) 100%);
background: -ms-linear-gradient(top, rgba(206,206,206,1) 0%,rgba(230,230,230,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cecece', endColorstr='#e6e6e6',GradientType=0 );
background: linear-gradient(top, rgba(206,206,206,1) 0%,rgba(230,230,230,1) 100%);
}

.button_med span, .button_small span, .button_big span {
	display: block;
	color: white;
	border-top: 1px solid #f1d488;
	border-bottom: 1px solid #d88a2f;
	border-left: 1px solid #f1d488;
	border-right: 1px solid #d88a2f;
	font-weight: bold;
	font-style: normal;
	text-decoration: none;
background: rgb(231,181,50);
background: -moz-linear-gradient(top, rgba(231,181,50,1) 0%, rgba(240,154,52,1) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(231,181,50,1)), color-stop(100%,rgba(240,154,52,1)));
background: -webkit-linear-gradient(top, rgba(231,181,50,1) 0%,rgba(240,154,52,1) 100%);
background: -o-linear-gradient(top, rgba(231,181,50,1) 0%,rgba(240,154,52,1) 100%);
background: -ms-linear-gradient(top, rgba(231,181,50,1) 0%,rgba(240,154,52,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e7b532', endColorstr='#f09a34',GradientType=0 );
background: linear-gradient(top, rgba(231,181,50,1) 0%,rgba(240,154,52,1) 100%);
}
.button_med:hover span, .button_small:hover span, .button_big:hover span {
	color: white;
	border-top: 1px solid #ffe870;
	border-bottom: 1px solid #e5ac20;
	border-left: 1px solid #ffe870;
	border-right: 1px solid #e5ac20;
background: rgb(231,181,50);
background: -moz-linear-gradient(top, rgba(231,181,50,1) 0%, rgba(255,187,34,1) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(231,181,50,1)), color-stop(100%,rgba(255,187,34,1)));
background: -webkit-linear-gradient(top, rgba(231,181,50,1) 0%,rgba(255,187,34,1) 100%);
background: -o-linear-gradient(top, rgba(231,181,50,1) 0%,rgba(255,187,34,1) 100%);
background: -ms-linear-gradient(top, rgba(231,181,50,1) 0%,rgba(255,187,34,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e7b532', endColorstr='#ffbb22',GradientType=0 );
background: linear-gradient(top, rgba(231,181,50,1) 0%,rgba(255,187,34,1) 100%);
}
.button_med:active span, .button_small:active span, .button_big:active span {
	color: white;
	border-top: 1px solid #c59800;
	border-bottom: 1px solid #dc8200;
	border-left: 1px solid #c59800;
	border-right: 1px solid #dc8200;
background: rgb(197,152,0);
background: -moz-linear-gradient(top, rgba(197,152,0,1) 0%, rgba(225,171,0,1) 11%, rgba(220,130,0,1) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(197,152,0,1)), color-stop(11%,rgba(225,171,0,1)), color-stop(100%,rgba(220,130,0,1)));
background: -webkit-linear-gradient(top, rgba(197,152,0,1) 0%,rgba(225,171,0,1) 11%,rgba(220,130,0,1) 100%);
background: -o-linear-gradient(top, rgba(197,152,0,1) 0%,rgba(225,171,0,1) 11%,rgba(220,130,0,1) 100%);
background: -ms-linear-gradient(top, rgba(197,152,0,1) 0%,rgba(225,171,0,1) 11%,rgba(220,130,0,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c59800', endColorstr='#dc8200',GradientType=0 );
background: linear-gradient(top, rgba(197,152,0,1) 0%,rgba(225,171,0,1) 11%,rgba(220,130,0,1) 100%);
}

.button_med {
	padding: 3px;
     -moz-border-radius: 12px; /* FF1+ */
  -webkit-border-radius: 12px; /* Saf3-4 */
          border-radius: 12px;
	margin-right: 30px;
}
.button_med span {
	padding: 8px 24px;
	font-size: 14px;
     -moz-border-radius: 9px; /* FF1+ */
  -webkit-border-radius: 9px; /* Saf3-4 */
          border-radius: 9px; /* Opera 10.5, IE 9, Saf5, Chrome */
}

.button_small {
	padding: 2px;
     -moz-border-radius: 9px; /* FF1+ */
  -webkit-border-radius: 9px; /* Saf3-4 */
          border-radius: 9px;
	margin-right: 20px;
}
.button_small span {
	padding: 6px 14px;
	font-size: 13px;
     -moz-border-radius: 7px; /* FF1+ */
  -webkit-border-radius: 7px; /* Saf3-4 */
          border-radius: 7px; /* Opera 10.5, IE 9, Saf5, Chrome */
}

.button_big {
	padding: 4px;
     -moz-border-radius: 16px; /* FF1+ */
  -webkit-border-radius: 16px; /* Saf3-4 */
          border-radius: 16px;
	margin-right: 40px;
}
.button_big span {
	padding: 12px 24px;
	font-size: 18px;
     -moz-border-radius: 12px; /* FF1+ */
  -webkit-border-radius: 12px; /* Saf3-4 */
          border-radius: 12px; /* Opera 10.5, IE 9, Saf5, Chrome */
}
