/* always force a scrollbar in non-IE */
html { overflow-y: scroll; }

body { font:13px/1.231 Segoe UI; *font-size:small; } 

ul { list-style: none; }
ol { list-style: decimal outside; }

li { display: list-item; }


nav ul, nav li { margin: 0; }
nav ul { list-style:none; }

dl		{ margin: 0 0 1.5em 0; }
dt		{ font-weight: normal; }
dd		{ margin-left: 1.5em; }

hr { 
    clear: both;
    display: block; 
    height: 10px; 
    border: none;
    margin: 20px 0px; 
    padding: 0px; 
    background: url("images/icon/hr.png") repeat-x left top;
}

big,  .large { font-size: 125%; }

/*
@font-face {
    font-family: 'SegoeUILite';
    src: url('../fonts/segoeuil.eot');
    src: url('../fonts/segoeuil.eot?iefix') format('eot');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'SegoeUILite';
    src: url('../fonts/segoeuil.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'SegoeUILite';
    src: url('../fonts/segoeui.svg#webfontN2j2S4an') format('svg');
    src: url('../fonts/segoeuil.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
*/

body, select, input, textarea {
	color: #333;
	font-family: "Segoe UI", "Trebuchet MS", Tahoma, Arial, sans-serif;    /* "Myriad Pro",  */
}

/*----- HEADINGS -----*/
h1, h2, h3, h4, h5, h6 {
	color: #000;  /*заменил цвет*/
    font-family: "Segoe UI";
}

h1 { font-size: 300%; }
h2 { font-size: 20px; }
h3 { font-size: 18px; }
h4 { font-size: 150%; }
h5 { font-size: 125%; }
h6 { font-size: 100%; }

h1, h2, h3, h4, h5, h6 {
	line-height: 1;
	margin-bottom: 0.5em;
	font-weight: normal;
}
/*поменял цвета у ссылок*/
a { color: #333; text-decoration: none; }
a:active { color: #333; }
a:visited {color: #333; }
a:focus { color: #333; }
a:hover { text-decoration: underline; }

/*зачем? Joomla не выдает такое*/
figure img{
	border: 1px solid #CCCCCC;
	padding: 4px;
}

figure.left { margin: .5em 1.5em 1.5em 0; }
figure.right { margin: .5em 0 1.5em 1.5em; }

/*Заглушка для вывода картинка + текст в меню*/
.fix_br {display:none}
.partners_img_span .fix_br {display:inline;}
small,.small { font-size: 75%; }

sup, sub	{ font-size: 75%; line-height: 0; position: relative; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }

/*ie*/
textarea { overflow: auto; } /* thnx ivannikolic! www.sitepoint.com/blogs/2010/08/20/ie-remove-textarea-scrollbars/ */

.ie6 legend, .ie7 legend { margin-left: -7px; } /* thnx ivannikolic! */

/* These selection declarations have to be separate.
   No text-shadow: twitter.com/miketaylr/status/12228805301
   Also: hot pink. */
::-moz-selection{ /*background:#FF5E99;*/ background: #0033CC; color:#fff; text-shadow: none; }    /* эксперементировать с цветом и картинкой на фон, может в стиле effisol */
::selection { /*background:#FF5E99;*/ background: #0033CC; color:#fff; text-shadow: none; }

/*  j.mp/webkit-tap-highlight-color */
a:link { -webkit-tap-highlight-color: #FF5E99; }

/* 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; }


blockquote, q { quotes:none; }
blockquote p, q p{ margin: 0; }

blockquote, q { background: #F5F5F5; font-style: italic; margin: 3em 0; padding: 1.5em; }
blockquote:before,q:before	{ content: '«'; }
blockquote:after,q:after	{ content: '»'; }

b,strong,dfn{ font-weight: bold; }
i,em,dfn	{ font-style: italic; }

address		{ font-style: italic; margin: 0 0 1.5em; }
/*ins, mark	{ text-decoration: underline; font-style: italic; font-weight: bold; } */
ins { background-color:#ff9; color:#000; text-decoration:none; } /*?*/
mark { background-color:#ff9; color:#000; font-style:italic; font-weight:bold; }  /*?*/
del, s		{ text-decoration: line-through; }
abbr[title], dfn[title], acronym[title] { border-bottom:1px dotted #666666; cursor:help; } /*?*/

/*----- FORMS -----*/
/* make buttons play nice in IE:
   www.viget.com/inspire/styling-the-button-element-in-internet-explorer/ */
button {  width: auto; overflow: visible; }

/* align checkboxes, radios, text inputs with their label
   by: Thierry Koblentz tjkdesign.com/ez-css/css/base.css  */
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; }

/* hand cursor on clickable input elements */
label, input[type="button"], input[type="submit"], input[type="image"], button { cursor: pointer; }

/* 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; color: #f0dddd }

select, input, textarea, button { font:99% Segoe UI; }

label		{ font-weight: normal; }
fieldset	{ padding: 0.4em; margin: 0 0 0.5em 0; border: 1px solid #CCCCCC; }
legend		{ font-weight: bold; font-size: 125%; }
textarea	{ padding: 5px; overflow: auto; }

input.text, input.inputbox, input.title	{ padding:5px; width: 155px; color: #000; }
input.title	{ font-size: 1.5em; }

input[type=text], input[type=password], input.text, input.inputbox, input.title, textarea, select {
	vertical-align: middle;

	background-color: #FFFFFF;
	border: 1px solid #BBBBBB;
}
input[type=text]:focus, input[type=password]:focus, input.text:focus, input.inputbox:focus,
input.title:focus, textarea:focus, select:focus {
	border-color: #666666;
}

input[type=text], input[type=password], input[type=email], input.text, input.inputbox,
input.title, textarea, select {
	margin: 0.5em 0;
     color: #000;
}

input.button{ padding: 4px 30px 4px 30px; }

/******************************************* Сообщения ******************************************************************/

#system-message-container { text-align: left;   }
dl#system-message { padding: 10px; border: 1px solid #F00; background-color: #fff; }
dl#system-message dd { margin: 0; padding: 0px;  }
dl#system-message dd ul { margin: 0;  }
#system-message dt.error, 
#system-message dt.notice,
#system-message dt.message {
    color: #000;
    font-weight: bold;
}
.message_container { padding: 0px 5px 5px 5px;    }
#system-message ul li {
    background: none !important;
    padding: 0px !important;
}
#system-message ul li:before {
    display: none;
}

/*************************************************************************************************************/
/* for image replacement */
.ir { display: block; text-indent: -999em; overflow: hidden; background-repeat: no-repeat; text-align: left; direction: ltr; }

/* Hide visually and from screenreaders, but maintain layout */
.invisible { visibility: hidden; }

/* >> The Magnificent CLEARFIX: Updated to prevent margin-collapsing on child elements << j.mp/bestclearfix */
.clearfix:before, .clearfix:after {
  content: "\0020"; display: block; height: 0; visibility: hidden;
}

.clearfix:after { clear: both; }
/* Fix clearfix: blueprintcss.lighthouseapp.com/projects/15318/tickets/5-extra-margin-padding-bottom-of-page */
.clearfix { zoom: 1; }