/* Reset
--------------------------------------------------------------------------------------- */
html, body, div, span,
h1, h2, h3, h4, h5, h6, p,
a, em, img, small, strike, strong, sub, sup,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; }
:focus { outline: 0; }
body { line-height: 1; color: black; background: white; }
table { border-collapse: collapse; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; }

/* Typography
--------------------------------------------------------------------------------------- */

/* Links */
a { text-decoration: underline; }
a:link { color: #0857a6; }
a:visited {color: #800080;}
a:hover, a:active {color: #ed2c21;}

.link1 a{color:#0da17a;text-decoration:none;}
.link1 a:hover{color:black;}

a.more { padding-right: 7px; background: url('/dosyalar/more_arrow.gif') 100% 5px no-repeat;}
a.more:link, a.more:visited { color: #0857a6; }
a.more:hover, a.more:active {color: #ed2c21;}
a.go-link { background: transparent url('/dosyalar/arrow_grey_right.gif') 0 50% no-repeat; padding-left: 16px; }
a.custom_action { font-size: 11px; font-weight: bold; float: right; display: inline; border: 1px solid #c7c7c7; background: #f1f1f1 url('/dosyalar/arrow_grey_right.gif') 5px 50% no-repeat; padding: 5px 10px 5px 23px; margin: 0 0 10px 10px; text-decoration: none; }
a.custom_action:hover { background-color: #f8f8f8; }
a.shopCart, a.shopCart:link, a.shopCart:visited, a.shopCart:hover, a.shopCart:active { padding: 3px 0 0 20px; text-transform: uppercase; font-family: Tahoma, Arial, Verdana, Helvetica; font-size: 10px; font-weight: bold; text-decoration: none; color: #ed2c21; background: transparent url('/dosyalar/online_store_icon.gif') 3px 2px no-repeat; }
.caseStudy a, #promoLink a {color: #ed2c21;}

/* Heading */
h1 { margin: 0; padding: 25px 20px 12px 20px; font-size: 18px; font-weight: normal; border-bottom: 1px solid #ddd; }
.pageContainer h1 { margin: 0; padding: 0 0 12px 0; font-size: 18px; font-weight: normal; border: 0; }
h2 {}
h3 { padding: 4px 0; margin: 0 0 10px 0; font-size: 12px; color: #ed2c21; border-bottom: 1px solid #ccc; }
h3 a,
h3 a:link,
h3 a:visited,
h3 a:active,
h3 a:hover { color: #ed2c21; text-decoration: none; }
h4 { padding: 4px 6px; margin: 0 0 10px 0; font-size: 12px; background-color: #f0f0f0; border-bottom: 1px solid #ccc; }
h4 img { vertical-align: middle; margin-right: 6px; }
.faq h5 { font-size: 13px; padding: 10px 0; }

/* Elements */
ul, ol { padding: 0 0 15px 20px; }
ul ul, ul ul ul { padding-bottom: 0; }
.pageContainer ul ul, .pageContainer ul ul ul { padding-bottom: 0; }
p { padding-bottom: 12px; }
sup { line-height: 0; vertical-align: baseline; position: relative; bottom: 3px; }

/* General
--------------------------------------------------------------------------------------- */
body { background: #fff; color: #3a3e45; font: normal 12px Arial, Verdana, Helvetica, sans-serif; line-height: 1.4; text-align: center; }
#wrapper { background: #fff; margin: 0 auto; padding: 0 0 20px 0; overflow: hidden; text-align: left; width: 980px; }
#container { background: #fff url('/dosyalar/bg-layout-middle.gif') 0 0 repeat-y; }
#content-wrapper { display: inline; float: left; margin-left: 225px; min-height: 500px; width: 754px; }
#sidebar-wrapper { background: #e5e5e5; display: inline; float: left; margin-left: -979px; min-height: 500px; width: 221px; }

.clearfix:after { clear: both; content: "."; display: block; height: 0; visibility: hidden; }
.clearfix{ display: inline-block; }
/* Hides from IE-mac \*/
* html .clearfix{ height: 1%; }
.clearfix{ display: block; }
/* End hide from IE-mac */
.js-stat { position: absolute; width: 0; height: 0; top: 0; left: 0; visibility: hidden; overflow: hidden; }
.hidden { display: none; }
.clear { clear: both; font-size: 1px; line-height: 0; height: 0; overflow: hidden; }

/* Header
--------------------------------------------------------------------------------------- */
#header { height: 69px; padding: 0; }
#header h1 { float: left; display: inline; border: 0; width: 155px; height: 43px; overflow: hidden; margin: 15px 0 0 20px; padding: 0; text-indent: -9999px; }
#header h1 a { display: block; width: 138px; height: 41px; background: #fff url('/dosyalar/sitenano-logo.gif') no-repeat; }
#header ul { display: inline; float: right; margin: 23px 12px 0 0; padding: 0; }
#header ul li { display: inline; float: left; font: bold 10px Verdana, Arial, Helvetica, sans-serif; }
#header ul li a { color: #3a3e45; display: block; padding: 7px 0; text-decoration: none; }
#header ul li a:hover { color: #ed2c21; }
#header ul li a span { display: block; padding: 0 8px; line-height: 9px; border-right: 1px solid #000; }
#header ul li#picMenuAbout a span { border-right-style: none; }

/* Main Menu
--------------------------------------------------------------------------------------- */
#mainNav { height: 22px; width: 980px; margin-bottom: 2px; text-align: left; background: #0da17a; color: #fff; font: bold 10px Verdana, Arial, Helvetica, sans-serif; overflow: hidden; }
#mainNav ul { list-style: none; padding: 0; margin: 0; text-align: center; }
#mainNav li { float: left; margin-left: -1px; display: inline; white-space: nowrap; }
#mainNav li span { display: block; padding: 0 8px; }
#mainNav a { float: left; display: block; line-height: 21px; background: transparent url('/dosyalar/bg-mainmenu_splitter-1x22.gif') right top no-repeat; text-decoration: none; }
#mainNav #pic8 a { background-image: none; }
#mainNav a:link, #mainNav a:visited, #mainNav a:active { color: #fff; }
#mainNav a:hover, #mainNav a.current:link, #mainNav a.current:visited, #mainNav a.current:hover, #mainNav a.current:active, #mainNav .topMenuHighlighted a:link, #mainNav .topMenuHighlighted a:visited, #mainNav .topMenuHighlighted a:hover, #mainNav .topMenuHighlighted a:active, #mainNav .topMenuHighlighted a.current, #mainNav .topMenuHighlighted a.current:hover, #mainNav #pic7 a:hover, #mainNav #pic7 a.current, #mainNav #pic7.topMenuHighlighted a, #mainNav #pic7.topMenuHighlighted a:hover, #mainNav #pic7.topMenuHighlighted a.current { background: #fbfbfb url('/dosyalar/bg_mainnav_selected.gif') top repeat-x; color: #ed2c21; text-decoration: none; line-height: 22px; }
#mainNav span#txt0 { border-style: none; padding-left: 20px; }

/* top menu dropdown items */
.topMenu { position:absolute; z-index:2; left: 0; top: 0; visibility: hidden; background: url('/dosyalar/bg_topmenu_bl.gif') 0% 100% no-repeat; color: #3a3e45; font: normal 10px Verdana, Arial, Helvetica, sans-serif; text-align: left; filter:alpha(opacity=95); -moz-opacity:.95; opacity:.95; }
.topMenu a { display: block; border-top: solid 1px #ddd; padding: 3px 5px; margin-left: -17px; }
.topMenu a:link,
.topMenu a:visited,
.topMenu a:active { color: #3a3e45; text-decoration: none; }
.topMenu a:hover { color: #ed2c21; text-decoration: none; background-color: #fff; padding: 3px; border-right: 2px solid #ed2c21; border-left: 2px solid #ed2c21; }
/* IE7 fixes to make items wider */
*+html .topMenu img { margin-top: 1px; vertical-align: top; }
.topMenuContainer { margin-left: 17px; padding-top: 8px; background: url('/dosyalar/bg_topmenu_br.gif') 100% 100% no-repeat;}
.topMenuContainer a {white-space:nowrap;filter:"alpha(opacity=95)";}
.topMenuSeparator { padding: 3px 5px; margin-left: -17px; border-top: solid 1px #ddd; }
.topMenu img { vertical-align: middle; }
/* #dmMenuLang .topMenuContainer,  */#dmMenuContact .topMenuContainer, #dmMenuAbout .topMenuContainer, #dmMenuBlogs .topMenuContainer, #dmMenuCommunity .topMenuContainer { padding-top: 0; }
#dm3 a, .dm-cat { display: block; border-top: solid 1px #ddd; padding: 3px 8px 3px 15px; margin-left: -17px; }
#dm3 a.dm-cat, .dm-cat { padding: 3px 8px; }
#dm3 a:hover { padding: 3px 6px 3px 13px; }
#dm3 a.dm-cat:hover { padding: 3px 6px; }

/* Lang Menu
--------------------------------------------------------------------------------------- */

* html body div#LangDropDown {behavior:URL("/dosyalar/csshover2.htc"); }
div#LangsList {width:235px;background:#fff;text-align:left;position:absolute;left:0;top:-8px;z-index:10000;filter:alpha(opacity=95); -moz-opacity:.95; opacity:.95;}
div#LangsList ul {width:235px;margin:0;padding:7px 0;list-style:none;}
div#LangsList li a, div#LangDropDown a {display:block;height:27px;font:normal 11px/27px Verdana;padding-left:45px;background:transparent URL('/dosyalar/lang_flags_sprite.png') no-repeat;}
div#LangDropDown a {filter:"alpha(opacity=95)";}
div#LangDropDown a, div#LangDropDown a:link, div#LangDropDown a:visited, div#LangDropDown a:active, div#LangDropDown a:hover {color:#85888c;text-decoration:none;}
div#LangsList li a:hover {background-color:#e9e9e9;}
div#LangsList li a span {color:#3a3e45;}
div#LangDropDown li#Flag-cn a {background-position:18px 8px;}
div#LangDropDown li#Flag-eu a {background-position:18px -19px;}
div#LangDropDown li#Flag-fr a {background-position:18px -44px;}
div#LangDropDown li#Flag-de a {background-position:18px -70px;}
div#LangDropDown li#Flag-it a {background-position:18px -96px;}
div#LangDropDown li#Flag-jp a {background-position:18px -122px;}
div#LangDropDown li#Flag-ru a {background-position:18px -149px;}
div#LangDropDown li#Flag-es a {background-position:18px -174px;}
div#LangDropDown li#Flag-uk a {background-position:18px -200px;}
div#LangDropDown li#Flag-us a {background-position:18px -226px;}
div#LangDropDown li#Flag-hk a {background-position:18px -251px;}

div#LangDropDown {width:235px;height:30px;border-left:1px solid #d3d3d3;position:absolute;margin-left:180px;top:20px;z-index:1000;overflow:hidden;}
div#LangDropDown div#LangsList ul {margin-left:6px;filter:"alpha(opacity=95);"}

div#LangDropDown:hover {overflow:visible;}
div#LangDropDown:hover div#LangsList {left:5px;top:-8px;border:1px solid #d3d3d3;}
div#LangDropDown:hover div#LangsList ul {left:5px;top:-8px;margin-left:0;}
/* Hidden lang */
div#LangDropDown:hover div#LangsList ul li.CurentLang {display:none;}
/* Visible curent lang */
div#LangDropDown .Flag-cn {top:-7px;}
div#LangDropDown .Flag-hk {top:-33px;}
div#LangDropDown .Flag-eu {top:-60px;}
div#LangDropDown .Flag-fr {top:-87px;}
div#LangDropDown .Flag-de {top:-114px;}
div#LangDropDown .Flag-it {top:-140px;}
div#LangDropDown .Flag-jp {top:-168px;}
div#LangDropDown .Flag-ru {top:-195px;}
div#LangDropDown .Flag-es {top:-222px;}
div#LangDropDown .Flag-uk {top:-249px;}
div#LangDropDown .Flag-us, div#LangDropDown .Flag-en {top:-276px;}


/* search */
#search { float: right; display: inline; margin: 2px 3px 0 0; border-top: 1px solid #cfcfcf; }
#search form { float: left; background: #fff; padding-left: 2px; }
#search .fieldSearch { float: left; background: #fff; width: 160px; height: 13px; font: normal 10px Arial, Helvetica, sans-serif; color: #000; line-height: 13px; border: 0px solid; }
#search .buttonSearch { float: left; width: 16px; height: 16px; border-style: none; }

/* Sidebar
--------------------------------------------------------------------------------------- */
#sidebar-wrapper .navigation { border-bottom: 1px solid #fcfcfc; font: normal 11px Verdana, Arial, Helvetica, sans-serif; margin-bottom: 12px; }
#sidebar-wrapper .navigation ul { list-style: none; padding: 0; }
#sidebar-wrapper .navigation ul li { background: transparent url('/dosyalar/bg_leftmenu_separator.gif') 20px 100% no-repeat; border-top: 1px solid #e5e5e5; padding-bottom: 3px; }
#sidebar-wrapper .hide-separator { border-bottom: 1px solid #cfcfcf; height: 12px; font-size: 1px; line-height: 1px; background: #e5e5e5; margin-top: -2px; }
#sidebar-wrapper .navigation ul li a { color: #3e3e3e; display: block; padding: 0 20px; text-decoration: none; width: 181px; }
#sidebar-wrapper .navigation ul li a:hover { background: #fff; }
#sidebar-wrapper .navigation ul li a span { display: block; padding: 2px 0; }
#sidebar-wrapper .navigation ul li.top { background: none; padding-bottom: 10px; }
#sidebar-wrapper .navigation ul li.top a { background: #aaabb3; border-bottom: 1px solid #fcfcfc; color: #fff; font-size: 11px; font-weight: bold; padding: 0; width: 221px; }
#sidebar-wrapper .navigation ul li.top a:hover { background: #999aa2; }
#sidebar-wrapper .navigation ul li.top a span { border-bottom: 1px solid #d0d0d0; padding: 15px 20px 15px 20px; }

#sidebar-wrapper .navigation .selectedSec { font-weight: bold; }
#sidebar-wrapper .navigation b { color: #ed2c21; font-weight: bold; }
#sidebar-wrapper .navigation ul li span.selected { display: block; font-weight: bold; padding: 2px 20px; }

#sidebar-wrapper .navigation ul li.level1 a,
#sidebar-wrapper .navigation ul li.level1 span.selected { padding-left: 30px; width: 171px; }
#sidebar-wrapper .navigation ul li.level2 a,
#sidebar-wrapper .navigation ul li.level2 span.selected { padding-left: 40px; width: 161px; }
#sidebar-wrapper .navigation ul li.level3 a,
#sidebar-wrapper .navigation ul li.level3 span.selected { padding-left: 50px; width: 151px; }

#sidebar-wrapper .navigation h2 { padding: 5px 0 0 20px; font-size: 12px; }

/* Footer
--------------------------------------------------------------------------------------- */
#footer-wrapper { background: #fff url('/dosyalar/bg-layout-bottom.gif') 0 0 no-repeat; padding-top: 10px; }
#footer { background: #fff; color: #c3c3c3; font: normal 10px Tahoma, Verdana, Arial, Helvetica, sans-serif; line-height: 11px; margin-top: 7px; padding: 5px 0 6px; }
#footer div { padding-left: 10px; }
#footer ul { display: inline; float: right; list-style: none; }
#footer ul li { display: inline; float: left; border-right: 1px solid #c3c3c3; margin-right: -1px; padding: 0 10px; }
#footer a { color: #c3c3c3; text-decoration: none; }
#footer a:hover { color: #636363; text-decoration: underline; }