/*
blue
#007ac2

*/

/* css 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, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; }
ul, ul li { margin: 0; padding: 0; list-style: none }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
/* remember to highlight inserts somehow! */
ins { text-decoration: none; }
del { text-decoration: line-through; }
/* tables still need 'cellspacing="0"' in the markup */
table { border-collapse: collapse; border-spacing: 0; }
th { text-align: left; }
input, textarea, select { font-family: sans-serif; font-size: 100%; color: #666 }
/* css reset end */

hr {border:0;background-color: #FFFFFF;border-top: 1px dashed #D2D4D5;color: #FFFFFF;height: 1px; overflow: hidden;}

.focus {position: absolute; left: 198px;}
.focus a, .focus span {position: absolute;top: 0;left: -5000px;z-index: -10;white-space: nowrap;}
.focus a:focus, .focus a:active {z-index:2;top: 0;left: 248px;background:#FFED00;padding: 2px 5px 4px 6px;color: #A00000;font-size: 1.1em;font-weight: bold;}

img.lft {float: left; margin: 0 15px 15px 0; border-radius:5px;}
img.rgt {float: right; margin: 0 0 10px 15px; border-radius:5px;}

.hide {position: absolute; top: 0; left: 0; width: 0; height: 0; overflow: hidden;}

.clr	{
	clear: both;
	margin-top: 0;
	position: relative;
	padding: 0;
	height: 0;
	border: none;
	overflow:hidden;
	visibility: hidden;
	line-height: 0;
	}

.articleDetail {clear: left;}

/* new 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 */

/* elements */
body { line-height: 1.4; font-size: 62.5%; font-family: 'Ariale CE', Arial, sans-serif; background: #fff url(../images/body.png) no-repeat 50% 0; color: #666 }
body.home {background: #fff url(../images/home-body3.png) no-repeat 50% 0; }
h1, h2, h3, h4 { line-height: 1.2em; font-weight: normal; }
a {color: #007AC2}
a:hover {color: #000;}
a.more {color: #666; font-weight: bold; text-decoration: none;}
a.more span {display: block;}
a.more:hover {color: #007AC2}

.pager {text-align: center; padding: 15px 0;}
.pager a, .pager strong {padding: 4px 8px;}
.pager .next, .pager .prev {text-decoration: none; font-size: 1.5em; font-weight: bold;}
.pager strong {background: #328BC0; color: #FFF; -webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px; }

/*layout*/
#page { width: 960px; margin: 0 auto; }

#header { height: 177px; position: relative; background: url(../images/header-bg.png) no-repeat 165px 106px;}
.en #header{ background: url(../images/header-bg-en2.png) no-repeat 170px 110px;}
.ru #header{ background: url(../images/header-bg-ru.png) no-repeat 165px 106px;}
.ru .pane3 h2,.en .pane3 h2{margin-top:45px}
#header h1 { font-size: 30px; color: #666; position: absolute; left: 170px; top:105px;}

.settings  {margin:0 0 0 170px;}
.settings a.font, .settings a.blind {float: left; width: 38px; height: 35px; text-indent: -9999px; margin: 15px 10px 0 0;}
.settings .font {background: url(../images/settings.png) no-repeat 0;}
.settings .blind {background: url(../images/settings.png) no-repeat -38px 0; display: none;}

#header .phone {color: #007ac2; font-size: 160%; font-weight: bold; float: left; margin: 20px 25px 0 0; padding: 0 0 0 28px; background: url(../images/phone.png) no-repeat left; display:block;}

.lang {float: right; padding: 12px 0;font-size: 120%; }

.lang .foreigners {background: url(../images/lang.png) no-repeat left; padding: 0 0 0 35px; margin: 0; color: #fff; text-decoration: none; display: block;}
.lang .foreigners:hover {color: #aadaf8; }
.lang span { font-weight: bold; float: left; background: url(../images/lang-span.png) no-repeat right; padding: 10px 20px 10px 10px; margin: 0 20px 0 0;}
.lang a { float: left; margin: 6px 0 0 0;}




.search {clear: both; float: right; width: 250px; font-size: 120%; padding: 20px 0 0 0;}
.search p {float: left; padding: 0 10px 0 0;}
.search .query {background: #F7F9FA url(../images/query.png) no-repeat left; clear: both; padding: 5px 0; width: 250px;}
.search .query input {height: 34px; margin: 0; padding: 0; background: none; border: 0;}
.search .query .submit {float: right; width: 70px; background: #D2D4D5 url(../images/search-submit.png) no-repeat right; cursor: pointer; height: 34px; border: 0; padding: 0; margin: 0;}
#searchfield { width: 170px; padding: 0 5px; float: left;}

#logo, #logo span {position: absolute; width: 134px; height: 157px; display: block; left: 0; top:0; font-weight: bold; font-size: 200%;}
#logo span {position: absolute; background: url(../images/logo.png);}

#nav { font-size: 120%; width: 100%; overflow: hidden;}
#nav ul { margin-bottom: 4px; overflow: hidden; _display: inline-block; background: url(../images/nav-bg.png) repeat-x #1b90d2; }
 #nav ul {background:none}
#nav li {float: left; padding: 0 1px 0 0; background: url(../images/nav-sep.png) no-repeat right; display: inline; font-size: 1.1em;}
#nav li:last-child {background: none;}
#nav a, #nav strong {color: #fff; text-decoration: none; display: block; padding: 23px 7px 20px 7px;}
.en #nav a,.en #nav strong{padding: 23px 29px 20px 28px;}
.ru #nav a,.ru #nav strong{padding: 23px 15px 20px 15px;}
.en #nav ul li:first-child a,.en #nav ul li:first-child #nav strong,.ru #nav ul li:first-child a,.ru #nav ul li:first-child #nav strong{padding-left:7px}
#nav strong {background: url(../images/nav-active.png) repeat-x; color: #fff; font-weight: normal;}
#nav a:hover {color: #FFF; text-decoration: underline; }

#slides { width: 960px; height: 258px; clear: both; position: relative; overflow: hidden;}

#rotator .pane {width:960px; height: 258px; overflow: hidden;}

.pane4 {background: #fff url(../images/banner_crm.jpg) no-repeat;}
.pane0 {background: #fff url(../images/slide1.jpg) no-repeat;}
.pane1 {background: #fff url(../images/vp-banner.jpg) no-repeat;}
.pane2 {background: #fff url(../images/slide25.jpg) no-repeat;}
/*.pane3 {background: #fff url(../images/banner_chat.jpg) no-repeat;}*/
.pane3 {background: #fff url(../images/slide15.jpg) no-repeat;}
/*.pane7{background: #fff url(../images/banner_crm2.jpg) no-repeat}*/
.pane7{background: #fff url(../images/dobrovolnici.jpg) no-repeat}
.pane5 {background: #fff url(../images/slide-banner-1.jpg) no-repeat;}
.pane6 {background: #fff url(../images/banner_od.jpg) no-repeat;}
.pane .text {height: 205px; width: 306px; float: right; background: url(../images/slide-text.png) no-repeat; margin: 29px 0 0 0; _background: #007AC2}
.pane5 .text { float: right; background: none; margin: 210px 0 0 0; width: 143px; }
.pane h2 {margin: 30px 10px 5px 40px; color: #fff; font-size: 28px;}
.pane p {margin: 0 30px 5px 40px; font-size: 120%; color: #fff;}
.pane .more { float: left; background: url(../images/slide-more.png) no-repeat right; padding: 0 20px 0 0;}
.pane .more span { background: url(../images/slide-more-span.png) no-repeat left; padding: 11px 10px 10px 10px;}
.pane5 p { margin: 0 0px 5px 0px; font-size: 120%; color: #fff; }
.pane5 .more { float: left; background: url(../images/box-more.png) no-repeat right; padding: 0 18px 0 0;}
.pane5 .more span { background: url(../images/box-more-span.png) no-repeat left; padding: 11px 10px 10px 10px;}
.pane4 .more,.pane7 .more{margin-top:2px;float:right}
.pane4 p,.pane7 p{margin-left:20px;}
.pane4 h2,.pane7 h2{font-size:25px;margin-left:20px;margin-top:19px;}
.pane7 h2{margin-top:29px;}
.pane1 h2 {margin:40px 10px 10px 40px}
.pane2 h2 {margin-top:33px;}
.pane3 h2 { font-size: 26px; margin-top: 55px;margin-bottom:20px}

#pager {position: absolute; left: 30px; bottom: 0; z-index: 9999;}
#pager li {float: left; width: 30px; text-align: center; font-size: 120%; color: #fff; font-weight: bold; text-decoration: none; padding: 5px 0 4px 0; margin: 0 3px 0 0; background: url(../images/pager.png) no-repeat top; _background:#35AFDA; cursor: pointer}
#pager li.dojoxRotatorSelected  {background: url(../images/pager-active.png) no-repeat top; _background: #007AC2}
#pager li a { text-decoration: none; color: #fff;}

#intro { width: 100%; overflow: hidden; margin: 20px 0 0 0; padding: 0 0 30px 0;}

.box { width: 312px; height: 170px; float: left; margin: 0 12px 0 0; position: relative;}

.box h2 { font-size: 180%; color: #666; margin: 0 0 0 145px;}
.box1 { background: url(../images/intro-box1.jpg) no-repeat;}
.box2 { background: url(../images/intro-box2.jpg) no-repeat;}
.box3 { background: url(../images/intro-box3.jpg) no-repeat; margin: 0;}
.box ul { width: 178px; margin: 10px 0 0 133px; min-height: 122px; _height:122px; font-size: 120%; font-weight: bold; border-bottom: 1px solid #D7D7D7; border-right: 1px solid #D7D7D7}
.box li {padding: 6px 0 6px 30px; margin: 0 0 0 7px;background: url(../images/intro-box-li.png) no-repeat left;}
.box li a { text-decoration: none; color: #666;}
.box li a:hover { color: #007AC2;}
.box .more {position: absolute; display: block; right: 20px; bottom: -2px; font-size: 110%; padding: 0 18px 0 0; background: url(../images/box-more.png) no-repeat right; /*text-shadow: 1px 1px 1px rgba(128,128,128,0.7);*/ _background: none; _padding: 0; _border-left:1px solid #D2D4D5; _border-right:1px solid #D2D4D5}
.box .more span { background: url(../images/box-more-span.png) no-repeat left; padding: 10px 0 10px 10px; _background: url(../images/box-more-ie6.png) repeat-x; _padding: 10px;}

#home { width: 100%; overflow: hidden; font-size: 120%;}
.news, .motoltv, .motolin { width: 476px; float: left; background: url(../images/news.png) no-repeat 0 40px; position: relative;}
.news h2  { font-size: 150%; font-weight: bold; margin: 0 0 20px 0; padding: 3px 0 3px 35px; background: url(../images/news-header.png) no-repeat left;}
.news .items, .motoltv .items, .motolin .items  { background: url(../images/news-items.png) no-repeat bottom; padding: 0 0 20px 0;}
.news .item {border-bottom: 1px solid #EFEFEF; padding: 18px 0; margin: 0 auto; width: 436px; overflow: hidden;}
.news .item:last-child  {border-bottom: 0;}
.news .item img {float: left; margin: 0 25px 0 0;}
.news .item h3 {margin-left: 115px;}
.news .perex { margin: 3px 0 8px 115px;}
.news .fb-like { margin: 0 0 0 115px;}
.news h3 a { color: #5eadda; font-weight: bold;}
.news h3 a:hover {color: #007AC2;}
.news .fb-like span {_display: none;}

.contact { width: 466px; float: right; background: url(../images/contact.png) no-repeat 0 40px; position: relative;}
.contact h2, .motoltv h2, .motolin h2 { font-size: 150%; font-weight: bold; margin: 3px 0 32px 20px;}
.contact .map { width: 190px; float: right; margin: 0 15px 0 0; text-align: center; display: inline;}
.contact .map img {display: block; border: 1px solid #CACBCB; border-radius: 5px; margin: 0 0 5px 0;}
.contact .items {background: url(../images/contact-items.png) no-repeat bottom; width: 100%; overflow: hidden; padding-bottom: 14px;}
.contact .items p{background: #F2F2F2; padding: 15px; border-radius: 5px; margin: 0 220px 12px 15px;}
.contact .items p strong {color: #5eadda}

.motolin {float: right; width: 466px;background: url(../images/motolin.png) no-repeat 0 40px; }
.motolin .items  { background: url(../images/motolin-items.png) no-repeat bottom;}
.motoltv .ytvideo { float: left; margin: 0 20px 0 0;}
.motoltv .documentText, .motolin .articleDetail {padding: 10px 0; margin: 0 auto; width: 436px; overflow: hidden;}
.motolin .articleDetail { width: 426px;border-bottom: 1px solid #EFEFEF;}
.motoltv .documentText h3, .motolin .articleDetail  h3 { font-size: 100%; margin: 0 0 0.5em 0;}
.motolin .articleDetail:last-child  {border-bottom: 0;}
.motolin .lft { margin-bottom: 4px;}

#home .buttons {position: absolute; bottom: 1px; right: 0;}
#home .more {float: right; margin: 0 15px 0 0; display: inline; font-size: 95%; background: url(../images/news-more.png) no-repeat right; padding: 0 12px 0 0; text-shadow: 1px 1px 1px rgba(255,255,255,0.5);}
#home .contact .more {background: url(../images/contact-more.png) no-repeat right; }
#home .more span {background: url(../images/news-more-span.png) no-repeat left; padding: 5px 0 5px 6px; }

#footer {clear:both; background:url(../images/footer.png) no-repeat; padding: 5px 0 0 0; font-size: 120%; margin: 40px 0 0 0;position:relative}
#footer .columns {background: #328BC0 url(../images/footer-columns.png) no-repeat center; width: 100%; overflow: hidden; padding: 30px 0 10px 0;}
#footer .column { float: left; display: inline;}
#footer .col1 {width: 180px; margin: 0 0 0 30px; }
#footer .col2 {width: 210px; margin: 0 0 0 60px; }
#footer .col3 {width: 170px; margin: 0 0 0 60px; }
#footer .col4 {width: 210px; margin: 0 0 0 40px; }
#footer h2 { font-size: 125%; font-weight: bold; color: #fff; margin: 0 0 20px 0;}
#footer a {color: #fff; text-decoration: none;}
#footer a:hover, #footer strong {color: #aadaf8;}
#footer ul {margin: 5px 0 0 0;}
#footer li {margin: 0 0 18px 0; background: url(../images/footer-li.png) no-repeat 0 0.4em; padding: 0 0 0 10px;}

#footer .col4 a {float: left; margin: 0 15px 8px 0; font-size: 95%; font-weight: bold;}
 .follow,
 .fb,
 .instagram,
 .twitter ,.linkedin{float:left}
 .fb{display:block;width:22px;height:22px;background:url(../images/ico-fb.jpg) no-repeat;margin-left:8px;margin-top:-3px}
 .instagram { display: block; width: 22px; height: 22px; background: url('../images/ico-instagram.png') no-repeat; margin-top: -3px; margin-left: 12px; }
 .twitter { display: block; width: 44px; height: 36px; background: url('../images/ico-twitter.png') no-repeat; margin-top: -10px; }
.linkedin{display:block;width:22px;height:22px;background:url(../images/linkedin_ico.png) no-repeat;margin-top:-3px}
#partners { height: 130px; background: url(../images/partners.png) no-repeat; width: 100%;position:relative}
.footer-dec{position:absolute;display:none}
.footer-dec.dec-left{width:103px;height:51px;background:url(../images/footer_dec_left.png) no-repeat;top:-53px;left:20px}
.footer-dec.dec-right{width:274px;height:121px;background:url(../images/footer_dec_right.png) no-repeat;top:-124px;right:20px}
#body.ru .footer-dec.dec-right,#body.en .footer-dec.dec-right{display:none}
#partners h2 { font-size: 150%; color: #007ac2; padding: 20px 0 0 20px; font-weight: bold;}
#partners ul {margin: 0 0 0 20px; float: left; display: inline; font-size: 120%; width: 920px;}
#partners li {float: left; margin: 0 0 0 73px;}
#partners li:first-child { margin: 0; }
#partners .ico {float: right; margin: 0 8px 0 0; display: block;}

#copy {width: 100%; overflow: hidden; clear: both;}
#copy p {float: left; font-size: 110%; margin: 0 23px 0 0;padding: 25px 0; }
#copy .socset { margin: 0; }
.ru #copy p{margin: 0 15px 0 0}
#copy .rss {padding: 15px 0; }
#copy .rss a {background: url(../images/rss.png) no-repeat left; padding: 10px 0 10px 30px; float: left;}
#copy .mf {margin: 0; padding: 20px 0; float: right;}
#copy .mf span { padding: 5px 0.6em 5px 0; float: left;}
#copy .mf a {background: url(../images/mf.png) no-repeat right; padding: 5px 24px 5px 0; float: left;}

.breadcrumbs {clear: both; height: 50px; font-size: 110%; line-height: 50px;}
.en .breadcrumbs,.ru .breadcrumbs{line-height: 19px;padding-top:7px}
.breadcrumbs a {padding: 0 12px 0 0; background: url(../images/breadcrumbs.png) no-repeat right; margin: 0 9px 0 0;}
.breadcrumbs strong { font-weight: normal; color: #666}

#main {padding: 8px 0 15px 0; width: 100%; overflow: hidden;}
#sidebar {width: 228px; float: left; font-size: 120%;}
#sidebar .submenu {background: url(../images/subnav.jpg) no-repeat 0 100%; *zoom:1}
.blue #sidebar .submenu {background: url(../images/subnav-blue.png) no-repeat 0 100%;}
.green #sidebar .submenu {background: url(../images/subnav-green.png) no-repeat 0 100%;}
.orange #sidebar .submenu {background: url(../images/subnav-orange.png) no-repeat 0 100%;}
.purple #sidebar .submenu {background: url(../images/subnav-purple.png) no-repeat 0 100%;}

#sidebar .subnav h2 {color: #fff; font-weight: bold; padding: 15px 10px; background: url(../images/subnav-h2.png) no-repeat #2E97D5;}
#sidebar .subnav h2 a, #sidebar .subnav h2 a:hover {color: #fff}
.blue #sidebar .subnav h2 {background: url(../images/subnav-h2-blue.png) no-repeat top;}
.green #sidebar .subnav h2 {background: url(../images/subnav-h2-green.png) no-repeat top;}
.orange #sidebar .subnav h2 {background: url(../images/subnav-h2-orange.png) no-repeat top;}
.purple #sidebar .subnav h2 {background: url(../images/subnav-h2-purple.png) no-repeat top;}

#sidebar .subnav .level1 { padding: 10px 10px; margin-bottom: 20px;}
#sidebar .subnav a { font-weight: bold; text-decoration: none; display: block; color: #666;}
#sidebar .subnav a:hover {color: #007AC2}
#sidebar .subnav li a {background: url(../images/subnav-li.png) no-repeat 0 5px; padding: 8px 0 8px 30px;*zoom:1}
#sidebar .subnav li strong { color: #007ac2;padding: 8px 0 8px 30px; background: url(../images/subnav-active.png) no-repeat 0 5px; display: block;*zoom:1}

#sidebar .subnav li li {padding: 0 0 0 30px;}
#sidebar .subnav li li a { font-weight: normal; padding: 8px 0 8px 30px;}
#sidebar .subnav li li strong {padding: 8px 0 8px 30px;}

#sidebar .subnav .level0 li a {background: none; padding: 4px 0 4px 10px;}
#sidebar h3 {background: #007AC2; color: #FFF; padding: 12px 10px; font-weight: bold; margin-bottom: 7px;}

.fullpage #content {width: 100%; float: none;}

#content { width: 705px; float: right; font-size: 120%; line-height: 1.7em;}
#content h1 { font-size: 258%; color: #007ac2; margin: 10px 0 15px 0;}
#content p {margin: 0 0 1em 0;}


.image_picker img {border: 1px solid #CDCBCE; border-radius: 5px;}
.image_picker {width: 360px; float: left; margin: 1em 25px 1em 0;}
.image_picker .thumbNav img {border-radius: 0; border: 0;}
.thumbHoriz .thumbNav {background: url(../images/thumbnav-disabled.png) no-repeat; cursor: pointer}
.thumbHoriz .enabled {background: url(../images/thumbnav-enabled.png) no-repeat; }

.image_picker .nextHoriz {background-position: -15px 45%;}
.image_picker .prevHoriz {background-position: -72px 45%;}

.image_picker .thumbScroller {width: 330px !important;}

.thumbOuter .thumbNav img {width: 15px;}

/*.documentText {clear: both; width: 100%; overflow: hidden;}*/

.contact-box h3 { font-size: 120%; color:  #007ac2; font-weight: bold; margin: 0 0 5px 0;}
.contact-box .column-left {float: left; width: 210px; margin: 0 35px 0 0;}
.contact-box .column-right {float: left; width: 210px; }
.contact-box {border: 1px solid #D7D7D7; border-radius: 5px; padding: 10px; margin: 1em 0 25px 0; clear: both; }
.documentText .contact-box img.lft {float: left; border: 1px solid #D7D7D7; margin: 0 20px 0 0; }

span.phone { padding: 0 0 0 20px; background: url(../images/ico-phone.png) no-repeat left;}
span.mail { padding: 0 0 0 20px; background: url(../images/ico-mail.png) no-repeat left;}

.documentText {color: #666666}
.documentText h2, .articleDetail h2, .perex-thumbnails h2 { font-size: 200%; color: #007ac2; margin: 30px 0 10px 0;font-weight: bold;}
.documentText h3, .articleDetail h3 { font-size: 140%; color: #007ac2; font-weight: bold;margin: 20px 0 5px 0;}
.documentText h4 {color: #666; font-weight: bold; margin: 15px 0 0 0; font-size: 1.2em;}
.documentText img.lft {border: 1px solid #D7D7D7;margin: 0 20px 10px 0; }
.documentText img.rgt {border: 1px solid #D7D7D7;margin: 0 0 10px 20px; float: right; }
.documentText ul, #sitemap {margin: 1em 0;}
#siteMap ul {margin: 0 0 0.6em 0;}
.documentText ul {zoom:1; overflow: hidden;}
.documentText ul li, #siteMap ul li, .fileList li {margin: 0.3em 0 0 0; background: url(../images/ul-li.png) no-repeat 0 6px; padding: 0 0 0 20px;}
.documentText ul ol li {background: none; padding: 0; list-style: decimal;}
.documentText ul {margin-left: 10px;}
#siteMap ul li {margin: 2px 0;}
.documentText ul ul li, #siteMap ul li {background: url(../images/ul-ul-li.png) no-repeat 0 0.4em; }
.documentText ul ul ul li, #siteMap ul ul li {background: url(../images/ul-ul-ul-li.png) no-repeat 0 0.4em; }
.documentText ul.related li a { font-weight: bold; text-decoration: none; color: #666}
.documentText ul.related li a:hover {color: #007ac2;}
.documentText ul.related li {background: url(../images/subnav-li.png) no-repeat 0 0.25em; padding: 5px 0 5px 30px; margin: 0 0 3px 0;}

.documentText table {border: 1px solid #DEDEDE; border-right: 0; margin: 1em 0; border-radius: 6px;}
.documentText table td, .documentText table th {border-right: 1px solid #DEDEDE; padding: 10px 20px;}
.documentText thead td, .documentText th { font-weight: bold; text-align: center;color: #007ac2; padding: 15px 20px;}
.documentText tfoot td { background: #A7DCFC; color: #fff;}
.documentText tbody tr td {background: #fff}
.documentText tbody tr.even td {background: #F7F7F7;}

.documentText .arrow, .arrow {}
.documentText .arrow span, .arrow span { padding: 10px 25px 10px 8px; background: url(../images/arrow-span.png) no-repeat right; display: block; }
.documentText .arrow a, .arrow a {float: left; padding: 0 0 0 7px;background: url(../images/arrow.png) no-repeat left; font-weight: bold; text-decoration: none;color: #666; text-shadow: 1px 1px 1px rgba(255,255,255,0.8)}

#content .perex {border-bottom: 1px solid #EFEFEF; margin: 20px 0 20px 0; width: 100%; overflow: hidden;}
#content .perex .arrow a {float: right; margin-bottom: 15px;}
#content .perex h2 { font-size: 120%; margin: 0 0 15px 0;}
#content .perex h2 a { color: #007AC2;}
#content .perex h2 a:hover {color: #000;}
.documentText .arrow a:hover span, .arrow a:hover span {background: url(../images/arrow-span-hover.png) no-repeat right; }
.documentText .arrow a:hover, .arrow a:hover {background: url(../images/arrow-hover.png) no-repeat left; color: #fff; text-shadow: none}

.alphabet {width: 705px; overflow: hidden; background: url(../images/alphabet-bottom.png) no-repeat 50% 100%; margin: 1em 0;}
.documentText .alphabet ul {background: url(../images/alphabet-top.png) no-repeat 50% 0; padding: 20px 0 0 15px; margin: 0;}
.documentText .alphabet li {float: left; padding: 0 0 20px 0; margin: 0; background: none;}
.alphabet a {float: left; padding: 8px 9px; text-decoration: none; font-weight: bold; }
.alphabet a.active, .alphabet a:hover {background: url(../images/letter.png) no-repeat bottom; color: #fff}

.contactForm {clear: both; width: 705px; overflow: hidden; margin: 20px 0; background: url(../images/fade-bottom.png) 0 100%; padding: 0 0 20px 0; margin: 0 auto;}
.contactForm h2 {color:  #007ac2; font-weight: bold; font-size: 116%; padding: 20px 0 20px 20px; background: url(../images/fade-top.png) no-repeat;}
.contactForm label {display: block; padding: 0 0 2px 0;}
.contactForm .formItem {margin: 0 0 10px 0;}
.dijitTextBox { width: 300px; height: 22px; border: 1px solid #D4D4D4; border-radius: 5px;}
.tundra .dijitTextBox {background: none}
.contactForm .col-left {float: left; width: 300px; margin: 0 0 0 20px; display: inline;}
.contactForm .col-right {float: right; width: 300px; margin: 0 20px 0 0; display: inline;}
.contactForm .buttons {margin: 10px 20px 0 20px;}

.contactForm .textfield, .contactForm textarea  {width: 290px; border: 1px solid #D2D4D5; border-radius: 5px; height: 18px; padding: 3px 5px;}
.contactForm textarea { height: 190px; width: 290px !important;}
.contactForm .submit, .contactForm .reset {margin: 0 0 0 20px; padding: 0 40px 0 25px; height: 35px; font-weight: bold; background: url(../images/submit.png) no-repeat 100% 0; border: 0; cursor: pointer; color: #fff; text-align: center; line-height: 35px; float: right; text-decoration: none; border-top-left-radius: 5px;border-bottom-left-radius: 5px;}
.contactForm .submit:hover, .contactForm .reset:hover {background-position: 100% 100%}

.big .breadcrumbs{ font-size: 140%;}
.big #content, .big #sidebar, .big #nav, .big #footer, .big .lang { font-size: 150%;}
.big #nav a, .big #nav strong {padding: 22px 30px;}
.big .alphabet a {padding: 8px 8px;}
.big #copy p {font-size: 120%; margin: 0 10px 0 0;}

.ytvideo {margin: 0 auto;}

.contentSharing {width: 705px; overflow: hidden; background: url(../images/share-bottom.png) no-repeat 50% 100%; margin: 1em 0;}
.contentSharingInner  {background: url(../images/share-top.png) no-repeat 50% 0; padding: 20px 0 20px 20px; margin: 0;}
.contentSharing strong {padding: 0 1em 0 0;}

#searchForm {width: 705px; overflow: hidden; background: url(../images/fade-bottom.png) 0 100%; padding: 0 0 20px 0;}
#searchForm fieldset {padding: 20px 0 0 20px; background: url(../images/fade-top.png) no-repeat;}
#searchForm .hide {display: none;}
#searchForm p {margin: 0;}


#searchForm .query {background: url(../images/query.png) no-repeat left; padding: 5px 0; width: 310px; float: left; margin: 0 20px 0 0;}
#searchForm .query input {height: 34px; margin: 0; background: none; border: 0;width: 170px; padding: 0 5px; float: left;}
#searchForm .query .submit {float: right; width: 70px; background: #D2D4D5 url(../images/search-submit.png) no-repeat right; cursor: pointer;}
#searchForm .searchFilter {padding: 15px 0 0 0;}
#searchForm .searchFilter .inlineLabel {padding: 0 15px 0 0;}

.documentText .box { width: 320px; background: url(../images/box-top.png) no-repeat; padding: 15px 0 0 0; margin: 0; height: auto; float: none; position: static;}
.documentText .box-inner {background: url(../images/box-bottom.png) no-repeat bottom; padding: 0 15px 15px 15px;}
.documentText .box h3 {margin: 0; padding: 0;}
.documentText .box table {border: 0; margin-bottom: 0;}
.documentText .box table td {border: 0; padding: 2px 10px 2px 0; background: transparent !important;}

#recaptcha_area {margin-bottom:1em; }

.documentText .rozcestnik {margin: 0 0 10px 0; position: relative; padding: 20px 0 0 0;}
.documentText .rozcestnik h2 {height: 78px; padding: 0 0 0 70px; margin: 0; line-height: 78px; font-size: 18px; cursor: pointer; color: #666;}
.documentText .expanded h2 {color: #007AC2}
.documentText .rozcestnik ul {display: none; margin: 0; padding: 0 10px 10px 10px;background: url(../images/expanded-list.png) no-repeat 0 100%;}
.documentText .rozcestnik ul, .documentText .rozcestnik ul a  { font-weight: bold;}
.documentText .rozcestnik a{color: #666; background: url(../images/rozcestnik-li.png) no-repeat 0 0.4em; padding: 0 0 0 18px; text-decoration: none; display: block; }
.documentText .rozcestnik li {padding: 12px 0 12px 18px; background: none; margin: 0; border-radius: 5px;}
.documentText .rozcestnik li.even {background: url(../images/li-even.png) repeat-y; }
/*.documentText .rozcestnik li.even a {color: #666;}*/
.documentText .expanded ul {display: block; }
.documentText .rozcestnik a:hover, .documentText .rozcestnik li.even a:hover  {color: #007AC2}

.documentText #deti h2 { background: url(../images/orange.png) no-repeat;}
.documentText #dospeli h2 { background: url(../images/purple.png) no-repeat;}
.documentText #spolecne-slozky h2 { background: url(../images/green.png) no-repeat;}
.documentText #spolecna-pracoviste h2 { background: url(../images/blue.png) no-repeat;}

.documentText #deti.expanded h2 { background: url(../images/orange.png) no-repeat 0 100%;}
.documentText #dospeli.expanded h2 { background: url(../images/purple.png) no-repeat 0 100%;}
.documentText #spolecne-slozky.expanded h2 { background: url(../images/green.png) no-repeat 0 100%;}
.documentText #spolecna-pracoviste.expanded h2 { background: url(../images/blue.png) no-repeat 0 100%;}

.documentText .rozcestnik .imgholder { display: block; width: 300px; height: 98px; position: absolute; right: 0; top:0;}
.documentText .expanded  .imgholder { height: 220px;}

.documentText #deti .imgholder {background: url(../images/rozcestnik-orange.jpg) no-repeat 100% 0;}
.documentText #dospeli .imgholder {background: url(../images/rozcestnik-purple.jpg) no-repeat 100% 0;}
.documentText #spolecne-slozky .imgholder {background: url(../images/rozcestnik-green.jpg) no-repeat 100% 0;}
.documentText #spolecna-pracoviste .imgholder {background: url(../images/rozcestnik-blue.jpg) no-repeat 100% 0;}
.documentText .expanded .imgholder {background-position: 100% -98px !important;}

.gallery {width: 100%; overflow: hidden;}
.gallery-item {float: left; margin: 0 10px 20px 0;text-align: center;}
.gallery-item span {display: block;}
.fullpage .gallery-item {margin: 0 10px 20px 0; text-align: center;}
.gallery-item img {border: 2px solid #D7D8D8}
.gallery-item a:hover img { border-color: #007AC2}

.fileList .fileType {background: url(../images/icons-filetypes.png) no-repeat 0 0; padding-left: 23px;}
.fileList .ico-eps{background-position:-479px 0}
.fileList .ico-binary {background-position: -240px -240px ;}
.fileList .ico-doc, .fileList .ico-document, .fileList .ico-docx {background-position: -450px -30px ;}
.fileList .ico-image, .fileList .ico-jpg {background-position: -270px -210px;}
.fileList .ico-pdf {background-position: -480px 0;}
.fileList .ico-sound {background-position: -180px -300px;}
.fileList .ico-txt {background-position: -240px -240px ;}
.fileList .ico-unknown {background-position: -240px -240px ;}
.fileList .ico-video {background-position: -150px -330px ;}
.fileList .ico-xls, .fileList .ico-xlsx {background-position: -390px -90px;}
.fileList .ico-zip {background-position: -300px -180px ;}

.partners {border: 1px solid #D7D7D7; border-radius: 6px; padding: 5px 15px;}
.documentText .partners a { text-decoration: none;}
.documentText .partners img.lft {border: 0; margin: 0; float: none; border-radius: 0; }

#content.perex-thumbnails .perex {float: left; width:200px; margin: 20px 35px 0 0; border: 0;}
#content.perex-thumbnails .perex h2 { font-size: 100%; font-weight: bold; height: 2.2em;}
#content.perex-thumbnails .perex .arrow a {float: left;}

#content.perex-thumbnails .noButtonPerex {height: 300px;}
.noButtonPerex a {position: relative; display: block; margin: 0 0 0 0;}
.noButtonPerex span {
	display: block;
	width: 30px;
	height: 30px;
	background: url(../images/ico-play.png) no-repeat;
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -15px 0 0 -15px;
}
.noButtonPerex img {margin: 0; float: none;}
.noButtonPerex a:hover span {background-position: -30px 0;}
 
#contactMap {width: 425px; float: right; margin: 0 0 25px 25px;}
.leftCol {width: 48%; float: left; margin-bottom: 30px;}
.rightCol {width: 48%; float: right; margin-bottom: 30px;}
 a.blueButton{width: 200px;
height: 23px;
line-height:23px;
padding: 6px 27px 6px 0px;
font-weight:bold;
background: url('../images/lang-span.png') right no-repeat;
color: #FFF!important;
border: none;
cursor: pointer;
border-radius:5px 0 0 5px;
display:block;
text-decoration:none;
}
.blueButton.butMid{font-size:13px;text-align:center;width:185px;padding-left:10px}
.butMid.butMid-2{width:125px}
.butMid.butMid-1{width:152px}
 a.blueButton span{display:block;padding-left:34px;background:url(../images/man-vp.png) 10px 0 no-repeat}
 a.blueButton-2{background: url('../images/blue-but.png') right no-repeat;padding:6px 5px 6px 0px;width:187px}
 .dj_gecko a.blueButton-2,.dj_ie a.blueButton-2{padding-right:4px}
 a.blueButton:hover{color:#aadaf8!important}
 
 /******fb-banner****/
 .internalBanner {
    position: fixed;
    top: 265px; right: 0;
    /*width: 101px;*/
		height: 200px;
		z-index:50;
		
}
 .internalBanner a{
	   position: absolute;
		top: 0;
		right: 0;
        display: block;
        width: 48px; height: 330px;
        margin-bottom: 25px;
	 }
	 .internalBanner a {
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;  
    }
 .internalBanner .facebookBanner { background: url(../images/banner-facebook.png) 0 92px no-repeat; }
 .internalBanner .facebookBanner .fb-like-box { margin-left: 48px;border:5px solid #3b5998;background:#ffffff }
 .internalBanner .facebookBanner:hover { width: 330px; }

 /* discussion */

.fn-discussion .description { clear: both; }
.fn-discussion .rightContWrapper{float:right}
.fn-discussion .dates{float:left}
.fn-discussion .user-status{ margin-bottom:6px;float:left }
.fn-discussion .actions .blueButton{margin-left:12px;}
.fn-discussion .documentPerex { overflow: hidden; margin-bottom: 2em; }
.fn-discussion .topStripe { font-size: .8em; color: #aaa; margin: -10px 0 30px; overflow:hidden}
.fn-discussion .dates span + span { margin-left: 10px; }
.fn-discussion .actions { float:left; }
.fn-discussion .form { box-shadow: inset 0 0 15px #d7ecf7; border-radius: 5px; padding: 20px; margin: 25px 0; }
.fn-discussion .form label { font-weight: bold; }
.fn-discussion .form .required { color: #f00; }
.fn-discussion .form .formError { color: #f00; font-style: italic; }
.fn-discussion .form input, .fn-discussion .form textarea { margin: 0 0 15px; box-sizing: border-box; width: 100%; border: 1px solid #d2d4d5; border-radius: 5px; padding: 3px 5px; }
.fn-discussion .form textarea { height: 150px; }
.fn-discussion .form input[type=submit] { padding: 0 40px 0 25px; margin: 0; width: auto; height: 35px; font-weight: bold; background: url(../images/submit.png) no-repeat 100% 0; border: 0; cursor: pointer; color: #fff; text-align: center; line-height: 35px; float: right; text-decoration: none; border-top-left-radius: 5px; border-bottom-left-radius: 5px; }
.fn-discussion .form input[type=submit]:hover { background-position: 100% 100%; }
.fn-discussion .questionArea { clear: both; padding: 25px 0 10px;margin-bottom:25px;}
.fn-discussion .questionArea .question { background-color: #f5f5f5; padding: 15px 25px 1px 20px; border-radius: 5px; margin-bottom:20px;position:relative;}
.fn-discussion .questionArea .answer { padding: 20px 20px 0; margin-left: 30px; }
.fn-discussion .questionArea h2 { font-weight: bold; font-size: 1.2em; }
#content .fn-discussion .questionArea .topStripe { margin-bottom: .5em; }
.fn-discussion.perex .topStripe { margin-bottom: 10px; }
#content .fn-discussion.perex h2 { font-size: 1.5em; }
.description.state p{font-weight:bold;font-size:16px;color:#007AC2}
.question .close{position:absolute;width:15px;height:15px;text-decoration:none;text-indent:-9999px;color:transparent;background:url(../images/close.png) no-repeat;right:11px;top:11px;}

/****motol-tv*****/

.top-video .left-col{float:left;width:430px}
.top-video .right-col{float:right;width:250px}
.top-video .left-col iframe,.top-video .ytvideo{width:430px!important}
.top-video  h2{margin-top:10px}
.top-video .documentPerex{font-size:14px}
.top-video h2{font-size:21px;line-height:1.2em;}
.carouselVideo{width:705px;height:150px;}

.rel{position:relative}
 .carouselVideo .owl-theme {
box-sizing:border-box;
padding: 4px 25px;
 }

.carouselVideo .next,.carouselVideo  .prev {
position: absolute;
width: 14px;
height: 20px;
cursor: pointer;
text-indent: -9999px;
color: transparent;
padding: 0;
}
.carouselCategory h2{margin-bottom:7px;margin-top:25px}
.carouselVideo .item h3{/*word-break: break-all;*/font-size:15px;line-height:1.2em;padding:0 6px;color:#007ac2;margin:5px 0 2px 0;font-weight:normal;
}
.carouselVideo .owl-item p{margin:0!important;padding:0;height:0}
.carouselVideo .next:after, .carouselVideo .prev:after {
content: "";
display: block;
position: absolute;
top: 0;
left: 0;
}
.carouselCategory{border-top:1px solid #ccc;margin-bottom:17px}
.carousel-area{margin-top:45px}
.carouselCategory:first-child{border-top:none;}
.carouselVideo .prev:after {
width: 0;
height: 0;
border-style: solid;
border-width: 12px 14px 12px 0;
border-color: transparent #d2d2d1 transparent transparent;
}
.carouselVideo .next:after {
width: 0;
height: 0;
border-style: solid;
border-width: 12px 0 12px 14px;
border-color: transparent transparent transparent #029dea;
}
.carouselVideo .next {
top: 50%;
margin-top: -38px;
right: 0;
}
.carouselVideo .prev {
top: 50%;
margin-top: -38px;
left: 0;
}
.carouselVideo .owl-item .ytvideo{width:auto!important;height:83px;overflow:hidden;}
.carouselVideo .owl-item .ytvideo img{width:90%;margin:auto;display:block;margin-top:-14px}

/****seminar-form***/
.contactForm.seminar-form{
	margin-top:50px;
}
.seminar-form .formError{
	color:#ff0000;
}
.sent-seminar{
	padding:20px 0;
	color:#007ac2;
	font-size: 16px;
	font-weight: bold;
}