@import url("reset.css");

body {color:#000; font:.75em Verdana,Tahoma,'MS Sans Serif',sans-serif; background: #FFF url(img/body-bg.gif) no-repeat top center;}
td,th {color:#000; font:1em Verdana,Tahoma,'MS Sans Serif',sans-serif}
input,textarea,option,select {color:#000; font:1em Verdana,Tahoma,'MS Sans Serif',sans-serif}
img {border: none;}

/* // ---- typography ---- // */

a {color:#00a3ae; text-decoration: underline;}
a:hover {color:#ababab; text-decoration:underline}

.i-title {position:relative; overflow:hidden; color:#036; font:22px/22px 'Arial Narrow',Arial}
.i-title i {position:absolute; left:0; top:0; width:100%; height:100%}

/* -- ---- typography ---- -- */

#minWidth {position:relative; min-width:970px;}

.overline {background: url(img/line-2.gif) repeat-x top; height: 1px; width: 100%; z-index: 99 !important; position: absolute; top: 65px;}

/* // ---- top block ---- // */
.top {color:#fff; background:url(img/top-bg-1.gif) repeat-x 0 0; height:65px;}
.top .logo {float:left; top: 17px; left: 27px; position: relative;}
.slogan {float:left; color:#0b767d; font-size:1.1em; font-weight:bold; padding:25px 0 0 35px; white-space: nowrap;}
.slogan .b-nv {position:absolute; left:268px; top:26px; z-index:1; color:#fff !important}
.slogan .t-nv {position: absolute; left: 268px; top: 25px; z-index:2}
.langmenublock {position:absolute; right:10px; top:26px;}
.langmenublock .langmenu {margin-right:4px}
.langmenublock .langmenu img {margin-right:4px}

/* ----- start search block ----- */
.search-block {float:right; white-space:nowrap; padding:22px 30px 0 13px;}
.search-table {height: 21px; background:url(img/search-bg-top.gif) no-repeat; width:200px;}
.search-block INPUT{color: #000; border:none;}
.search-table .sinp {margin: 0 0 0 7px;}
/* ----- end search block ----- */


/* -- ---- top block ---- -- */

/* // ---- navigation ---- // */
.navigation {height: 28px; font-size:1.4em; font-weight: normal; padding-left: 25px; width: 980px; margin: 0 auto;}
.navigation li { float:left; padding: 0px 0px 0 0; height: 28px; background:url(img/nav-brd.gif) no-repeat 0px 0px;  background:url(img/nav-bg.gif) repeat-x 0 100%; }
.navigation li.first {float:left; padding: 1px 0px 0 0; background: url(img/first.png) no-repeat; width: 26px; height: 28px;}
.navigation li.last {float:left; padding: 1px 0px 0 0; background:url(img/last.png) no-repeat 0px 0px; width: 26px; height: 28px;}
.navigation a {position:relative; height: 27px; display:block; color:#322d2e; text-decoration: none; padding: 0px 20px 0px 20px; background:url(img/nav-bg-hover.gif) repeat-x 0 -300px}
.navigation a .b-nv {position: absolute; left:20px; top:4px; z-index:1; color:#fff !important;}
.navigation a .t-nv {position: relative; top: 3px; z-index:2}
.navigation a:hover {color:#FFF; text-decoration:none; background-position:0 100%; background-color:#e8eff6}
/* -- ---- navigation ---- -- */

.middle {padding:17px 0 0 0; width: 970px; position: relative; margin: 0 auto;}
.middle .leftside {float: left; width: 629px;}
.middle .leftsidemain {float: left; width: 70%;}
.middle .leftsidewide {float: left; width: 830px;}
.middle .rightside {float: right; width: 275px;}
.promo {width: 635px; background:url(img/bg-topor.jpg) bottom right no-repeat; margin: 0 0 0 30px;}
.table-promo {height: 162px; width: 80%; z-index: 999 !Important;}
.bleft {background: url(img/bubble-left.png) top right no-repeat; margin-right: 0px; height: 162px; width: 6px;}
.bright {background: url(img/bubble-right.png) top right no-repeat; height: 162px; width: 33px;}
.bcenter {background: url(img/bubble-center.png) repeat-x; height: 162px; vertical-align: top;}
.bcenter .h1pic {position: relative; top: -3px;}
.bcenter H1 {font: bold 1.5em/150% Verdana, Geneva, sans-serif; color: #FFF; padding: 15px 20px 0 20px;}
.bcenter P {font: normal 1em/150% Verdana, Geneva, sans-serif; color: #FFF; padding: 10px 20px 0 20px;}
.bcenter .logo-topor {background: url(img/logo-topor.png) top left no-repeat; position: relative; top: -3px; width: 66px; height: 29px;}


.bubble P {font: normal 1.2em/130% Verdana, Geneva, sans-serif; color: #FFF; padding: 10px 0 0 20px;}
.bubble .logo-topor {background: url(img/logo-topor.png) no-repeat top left; width: 66px; height: 29px;}
.but-1 {margin: 20px 0 0 0px;}
.but-2 {margin: 10px 0 0 0px;}

.breadcrumbs
{
	background: transparent url(img/bg-breadcrumbs.gif) repeat-x;
	/*background-color: #E8E6E6;*/
	width: 100%;
	height: 30px;
	padding: 0 0 0 20px;
}
.breadcrumbs LI {float: left; font: normal .8em Verdana; background:transparent url(img/bg-li.gif) no-repeat scroll 100% 6px; margin-right:7px; margin-top: 8px; padding-right:11px;
}
.breadcrumbs LI.current {background: none; margin-right:0; padding-right:0;}


.content {background-color: #FFFFFF; width: 100%; padding: 0 0 0 20px; overflow: hidden;}
/*.content {background-color: #FFFFFF; width: 619px; padding: 0 0 0 20px;}*/
.content .submenu
{
	margin: 10px 15px -32767px -25px;
	float: left;
	width: 155px;
	font: normal .9em/200% Verdana, Geneva, sans-serif;
	background-color: #EFFBFC /*#f0efef*/;
	padding-bottom: 32767px;
	padding-left: 25px;
	padding-right: 10px;
	padding-top: 5px;
}
.content .info
{
	margin: 0px 5px 0 0;
	width: 610px;
	color: #373133;
	padding-bottom: 32767px !important;
	margin-bottom: -32767px !important;	
}

/* // ---- with subnav ---- // */
.leftside .with-subnav .info {margin-left:180px !important; width:420px !important}
.leftsidewide .with-subnav .info {margin-left:180px !important; width:620px !important}
/*.with-subnav .info {margin-left:180px !important; width:420px !important}*/
/* -- ---- with subnav ---- -- */
.content .info h1 {font-size: 1.5em; font-weight:normal; color: #373133; padding: 15px 0 15px 0;}
.content .info h2 {font-size: 1.3em; color: #373133; padding: 10px 0 5px 0;}
.content .info h3 {font: bold 1.1em/150% Verdana, Geneva, sans-serif; color: #373133; padding: 10px 0 0 0;}
.content .info img.floatleft {float: left; margin: 0 15px 0 0;}
.content .info img.floatright {float: right; margin: 0 0 0 15px;}
.content .info .clear {clear:both;}
.content .info p {overflow:hidden;}
.content .info img
{
	margin: 0 15px 0 0;
	border: 1px solid #383838;
}
.content .info a img
{
	margin: 0 15px 0 0;
	border: 2px dotted #00a3ae;
}
.content .info a:hover img
{	
	border: 2px solid #00a3ae;
}
.content .info OL {font: normal .9em/150% Verdana, Geneva, sans-serif; /*color: #373133;*/ margin-left: 5em;}
.content .info UL {font: normal .9em/150% Verdana, Geneva, sans-serif; /*color: #373133;*/ margin-left: 3.2em; margin-bottom:1.5em;}
.content .info UL LI {background:transparent url(img/li-item.gif) no-repeat scroll 0 10px; padding: 0 0 0px 20px;}
.content .info p {font: normal .9em/150% Verdana, Geneva, sans-serif; /*color: #373133;*/ margin: 0.8em 0 0.8em 0;}
.content .info P SPAN.header4 {font: bold italic 1em/150% Verdana, Geneva, sans-serif; color: #373133;}
.content .info TABLE
{
	/*color: #373133;*/
	border-style: solid;
	border-width: 2px;
	font: normal .9em Verdana, Geneva, sans-serif;
	margin: 20px 0 20px 0;
}
.content .info TABLE TD {padding: 10px 20px 0 20px;}
/*.content .info TABLE .theader {font: bold 1em Verdana, Geneva, sans-serif; padding: 0 20px 0 20px; background-color: #E3E3E3; border-bottom: solid 1px #D2D2D2; color: #373133; height: 25px;}*/





/* ----- why ----- */
.topwhy { background: url(img/whytop.gif) no-repeat top left; width: 417px; float: left; padding: 5px 0 0 0; margin: 30px 0 0 0;}
.bottomwhy {background:url(img/whybottom.gif) no-repeat bottom left; width: 417px; padding: 0 0 5px 0;}
.why {border-left: solid 1px #c1e2e3; border-right: solid 1px #c1e2e3;}
.why .why-h1-current {font: normal 1.5em Verdana, Geneva, sans-serif; padding: 5px 0 10px 0; margin: 0 0 0 25px;}
.why .why-h1-whatdoesitmean {font: normal 1.5em Verdana, Geneva, sans-serif; padding: 5px 0 10px 0; margin: 0 0 0 0; height: 45px !important; background: url(img/bg-link-open.gif) left top repeat-x; clear: left;}
.why .WhyHeaderNotSelected {background: url(img/bg-link.gif) left top repeat-x; height: 37px; padding: 0 0 0 15px;}
.why .WhyHeaderNotSelectedAfterSelected {background: url(img/bg-link.gif) left top repeat-x; height: 37px; padding: 0 0 0 15px; clear: left;}
.why .WhyHeaderSelected {background: url(img/bg-link-open.gif) left top repeat-x; height: 28px; padding: 0 0 0 15px;}
.why .whybullet {position: relative; top: 8px; font-size: 1.1em;}

.why .whya {font: normal 1.2em Verdana, Geneva, sans-serif; color: #00a3ae; position: relative; top: 8px; text-decoration: none; border-bottom: dashed 1px #36a4ab;cursor: pointer;}
	.why .whya:hover {font: normal 1.2em Verdana, Geneva, sans-serif; color: #00a3ae; position: relative; top: 8px; text-decoration: none; border-bottom: dashed 1px #36a4ab;}
.why .whya-1 {color: #00a3ae; position: relative; top: 18px; text-decoration: none; border-bottom: dashed 1px #36a4ab; margin: 0 0 0 25px;cursor: pointer;}
	.why .whya-1:hover {color: #00a3ae; position: relative; top: 18px; text-decoration: none; border-bottom: dashed 1px #36a4ab;}
	.why .whya:hover, .why .whya-1:hover {cursor: pointer;}
	
.why .whyopenheader {position:relative; top: 8px; font: bold 1.2em Verdana, Geneva, sans-serif;}
.why .whyfloatimg {float: left; margin: 0 0 5px 17px;}
.why .whydescription {padding: 5px 0 0 210px; line-height: 175%;}
.why .whydescription H3 {padding: 0 20px 0 0;}
.why .whydescription P {padding: 0 20px 0 0;}

.WhyContentSelected ul {margin: 0 15px 0 25px}
.WhyContentSelected li
{
	margin: 5px 5px 5px 15px;
	list-style-type: disc;
}

.leftside-bottom .why {padding: 0 0 0 0;}
.leftside-bottom .why .border {margin: 0 0 0 30px; width: 417px;}
.leftside-bottom .why .why-h1 {font: normal 1.5em Verdana, Geneva, sans-serif; padding: 5px 0 10px 0;}

.leftside-bottom .why .border A {border-bottom: 1px dashed #b9dee0; position: relative; top: 10px; text-decoration: none;}
.leftside-bottom .why .border A:hover {border-bottom: 1px dashed #b9dee0; text-decoration: none;}

.leftside-bottom .why .border .corner-1 {background:url(img/corner-1.png) no-repeat; width: 7px; height: 7px;}
.leftside-bottom .why .border .corner-2 {background:url(img/corner-2.png) no-repeat; width: 7px; height: 7px;}
.leftside-bottom .why .border .corner-3 {background:url(img/corner-3.png) no-repeat; width: 7px; height: 7px;}
.leftside-bottom .why .border .corner-4 {background:url(img/corner-4.png) no-repeat; width: 7px; height: 7px;}

.leftside-bottom .why .border .tb {background: url(img/dot.gif) top left repeat-x; width: 400px;}
.leftside-bottom .why .border .lb {background: url(img/dot.gif) top left repeat-y;}
.leftside-bottom .why .border .rb {background: url(img/dot.gif) top right repeat-y;}
.leftside-bottom .why .border .bb {background: url(img/dot.gif) bottom left repeat-x;}
.leftside-bottom .why .border .link {background: url(img/bg-link.gif) left top repeat-x; height: 36px;}
.leftside-bottom .why .border .openlink {background: url(img/bg-link.gif) left top repeat-x; height: 36px;}
.leftside-bottom .why .border .line {background: url(img/dot.gif) repeat-x; height: 1px;}
.leftside-bottom .why .border .line-2 {background: url(img/white-dot.gif) repeat-x; height: 1px;}
middle .leftside .leftside-bottom .why .border .biglink {height: 60px;}
.leftside-bottom .why .border .biglink A {height: 60px; font: normal 1.5em Verdana, Geneva, sans-serif;}
/* ----- why ----- */


.leftside-bottom .links {padding: 0 0 0 55px; clear: both; float: left; margin: 0 25px 0 0;}
.leftside-bottom .links .learnmore {padding: 40px 0 0 0;}
.leftside-bottom .links .links-icons-1 {position: relative; left: -7px; top: 4px;}
.leftside-bottom .links .links-icons-2 {position: relative; left: -7px; top: 2px;}
.leftside-bottom .links .learnmore LI {padding: 10px 0 0 0;}
.leftside-bottom .links .support {margin: 30px 0 0 0;}
.leftside-bottom .links .support LI {padding: 10px 0 0 0;}
.leftside-bottom .links H1 {color: #322d2e; font: normal 1.5em Verdana, Geneva, sans-serif; margin-left: -17px;}

 .middle .col-1 {float:left; width:25%; margin-right:-15%}
.middle .col1 {padding-right:1px}
 .middle .col-2 {position:relative; left:25%; float:left; width:50%; margin-right:-100%}
.middle .col2 {padding:0 14px 0 26px}
 .middle .col-3 {float:right; width: 275px;}
.middle .col3 {padding:0 0 0 1px; height: 721px; width: 277px; background: url(img/bg-right.gif) no-repeat right top;}
.middle .col3 .banner {padding: 15px 0 0 16px;}
.middle .col3 .news {padding: 32px 15px 0 30px; float: left;}
.middle .col3 .news .n-list {width: 205px; padding: 0;}
.middle .col3 .news .n-list .date { font-size: .9em;}
.middle .col3 .news .n-list LI {font: .9em/160% Verdana, Geneva, sans-serif; padding: 7px 0 0 15px;}
.middle .col3 .news .n-list .important {background: url(img/bg-important.gif) no-repeat top left; width: 229px; height: 84px; margin: 10px 0 0 0;}
.middle .col3 .news .n-list .important .imp {font: bold 0.95em Verdana, Geneva, sans-serif; padding-top: 5px;}
.middle .col3 .news .n-list .important P {font: normal 1.1em/150% Verdana, Geneva, sans-serif; width: 205px; padding-top: 5px;}
.middle .col3 .news H2 {font: 1.5em Verdana, Geneva, sans-serif; color: #322d2e; padding: 0 0 0 15px;}

.middle .col3 .opinion {padding: 23px 0px 0 30px; width: 230px; float: left;}
.middle .col3 .opinion IMG {border: solid 1px #777;}
.middle .col3 .opinion .opinion-photo {float:left;}
.middle .col3 .opinion .signature {font: normal .8em/160% Verdana, Geneva, sans-serif; margin: 0 0 0 60px; height: 64px;}
.middle .col3 .opinion .signature A {color: #373133;}

.middle .col3 .opinion .quotation {padding-top: 10px;}
.middle .col3 .opinion .quotation .text .qarrow {background: url(img/arrow-ahead.png) no-repeat center; position:relative; left: 5px; top: 1px; width:9px; height: 5px;}
.middle .col3 .opinion .quotation .quote-1 {float: left; background:url(img/q1.gif) no-repeat left 5px; width:35px; height: 150px;}
.middle .col3 .opinion .quotation .text {width: 175px; font: normal .9em/160% Verdana, Geneva, sans-serif; float:left}
.middle .col3 .opinion .quotation .quote-2 {float: right; background:url(img/q2.gif) no-repeat left top; width:21px; height: 19px;}

.middle .col3 .opinion .quotation .text SPAN.ahead-arrow {background: url(img/arrow-ahead.png) no-repeat; width:9px; height:5px;}


.bcrn {position:relative; z-index:3; height:4px; background:url(img/bcrn.gif) repeat-x 0 0; font-size:1px}
.bcrn i, .tcrn i {display:block}
.bcrn i {position:relative; top:-3px; margin-bottom:-3px; width:7px; height:7px; background:url(img/bcrn-r.gif)}
.bcrn .r-crn {float:right}
.bcrn .l-crn, .tcrn .l-crn {left:-4px; background-position:100% 100%}
.tcrn {position:relative; z-index:3; height:1px; background-color:#d6dde3; font-size:1px; line-height:0; margin-right:4px}
.tcrn i {position:relative; margin-bottom:-4px; width:4px; height:4px; background:url(img/tcrn-r.gif)}
.tcrn .r-crn {float:right; right:-4px}

.lcrn {margin-left:4px}


.r-bn {position:relative; margin:0 -2px; padding-top:39px; text-align:center}
.r-bn li {padding-bottom:13px}

/* // ---- bottom ---- // */
.bottom {height:53px; color:#646061; margin: 20px 0 0 0; font-size:.9em; background:#CCC url(img/bottom-bg.png) repeat-x;}
.bottom .b-block {width: 980px; margin: 0 auto;}
.bottom .copyright {float:right; padding:20px 0 0 60px; position:relative;}
.bottom .copyright .b-nv {position:absolute; left:60px; top:21px; z-index:1; color:#EBEBEB !important}
.bottom .copyright .t-nv {position:relative; z-index:2}
.bottom .c-phones {float:left; position:relative; line-height:1.385em; padding:20px 0 0 46px;}
.bottom .c-phones .b-nv {position:absolute; left: 46px; top:21px; z-index:1; color: #EBEBEB !important}
.bottom .c-phones .t-nv {position:relative; z-index:2}
.bottom a {color:#e82c31; text-decoration:underline;}
.bottom a:hover {color:#e82c31;  text-decoration:underline;}
.bottom .develop {float:right; position:relative; padding:20px 0px 0 30px;}
.bottom .develop .b-nv {position:absolute; left:0px; top:21px; z-index:1; color:#EBEBEB !important}
.bottom .develop .b-nv A {color:#EBEBEB !important}
.bottom .develop .t-nv {position:relative; z-index:2; right: 30px;}
/* -- ---- bottom ---- -- */


/* --- News --- */
.newslistitem {font-size: .9em/160%; padding: 7px 0 15px 0;}
.newslistdate {font-size: .9em; color:#646061}
.newslistheader {}
.newslisttext {}

.newsitemimage {float:left}
.newsitemdate {color:#646061}

/* Common */
hr
{
	border-style: solid;
	border-width: 1px 0px 0px 0px;	
	border-color: #c8c8c8;	
}

blockquote
{
	margin: 10px 0px 10px 0px;
	padding: 5px;
	background-color: #E3E3E3;
	border: solid 1px #D2D2D2;
	font-style: italic;
}
cite
{
	font-style: italic;
	display: block;
	text-align: right;
}

.content th {font: bold 1em; padding: 0 20px 0 20px; background-color: #E3E3E3; border-bottom: solid 1px #D2D2D2; color: #373133; height: 25px;}

/* Forms */
.requredfield {color: Red}
.senderror {color: Red !important}

.content .form table
{
	/*color: #373133;*/
	border-style: none;
	border-width: 0;		
}

.content .distr table
{
	/*color: #373133;*/
	border-style: none;
	border-width: 0;	
	margin:5px;	
	width:100px;
}

.content .distr table td
{
	 padding:0 0 10px 0;		
}

.content .distr img
{
	  border:0;		
}

#search {width: 100%; border: 0;}
#search tr {height: 20px;}
#search input {width: 100%; height: 20px;}
#search input.default {color: #A3AAB1;}
#search input.active {color: Black;}
#search td:first-child {padding: 0px;}
#search td:last-child {padding: 0px 0px 0px 5px; width: 20px;}
#search img {width: 20px; height: 20px; border: 0; cursor: pointer;}
.search-link {font-weight: bold;}
.full-link {color: #147CC4; padding: 0px 0px 15px 0px; font-size: 100%;}
.search-description {font-size: 100%;}

#custom-footer{ width: 100%; margin: 0 auto; text-align: center; font-size: 0.75em; color:#646061; background-color: #ececec;}

.loginform {border: 0; width: 320px; border-color: #000000; vertical-align: middle;}
.loginform td {padding: 10px 10px !important;}
.formbutton {margin-top: 10px;}

.login-status {float: right; padding-right: 20px; padding-top: 5px;}
.login-status span {color: #322D2E;}

.rss {float:right; padding-left: 20px;}
.rss-img {float:right; right: 9px; top: -2px; position: relative;}
.rss-img img {height: 24px; width: 37px; text-decoration: none;}
/*.rss i {background: url("/themes/default/img/mat-rss.png") repeat scroll 0 0 transparent; height: 24px; width: 37px; right: -9px; top: -2px; }*/