@charset "utf-8";

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, 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 {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
img {border: 0; padding: 0; font-size: 100%; background: transparent;}
dfn,var {font-style: normal;}

/* Disable a deprecated */
font,basefont {color: inherit; font: inherit; font-size: 100%;}
center {text-align: inherit;}
s,strike,u {text-decoration: inherit;}

p {margin: 1em 0;}
p:first-child {margin-top: 0 !important;}
p+ul, p+ol {margin-top: -0.5em;}

/*************** Representation ***************/

       /* ++ Standard elements ++ */
a.inner   {text-decoration: none; border-bottom: 1px dashed #0545af;}
a.external {color: #f0f0f0; padding-right: 10px; background: url("../img/ico_external.png") right 0px no-repeat;}

input,select,textarea,button {margin: 0; font-size: 92%;}
fieldset {padding: 0.5em; border: solid 1px #ccc;}
legend   {color: #ccc;}
  input[type="text"],input[type="password"],input[type="email"],input[type="url"],textarea.textarea {padding: 2px; border: 2px solid #8fb8ce; background: #fff;}
          input.text,input.password,input.email,input.url { padding: 2px; border: 2px solid #8fb8ce; background: #fff;}
  input[type="hidden"] {display: none !important;}
          input.hidden {display: none !important;}
  input[type="image"],input[type="checkbox"],input[type="radio"] {width: auto !important;}
          input.image,input.checkbox,input.radio {width: auto !important;}
textarea {padding: 0.5em; border: 1px solid #ccc; background: #fff;}
input,label,select {vertical-align: middle;}
select {background: #fff;}
textarea:focus, input[type='text']:focus, input[type='password']:focus,input[type="email"]:focus, select:focus {outline: 2px solid #377dc1;}
applet,object,iframe {overflow: hidden;}

hr    {clear: both; border: none; color: #ccc; background-color: #ccc; height: 1px; width: 100%; margin: 20px 0; padding: 0;}
* html hr {margin: 13px 0}
* + html hr {margin: 13px 0}

table {margin: 1em 0; border-collapse: collapse; table-layout: auto; border-spacing: 0; empty-cells: show; border: 1px solid #ccc;}
    table th {padding: 0.5em; text-align: center; vertical-align: middle; font-weight: bold;}
    table td {padding: 0.5em; vertical-align: top;}
    table caption {caption-side: top; text-align: center;}

       /* -- List's -- */
ul {margin: 1em 0; padding: 0; list-style-type: none;}
   ul li {margin: 0.2em 0; padding: 0 0 0 25px; background: url("../img/bull_li.png") 0px 5px no-repeat;}
   li ul,dd ul {margin: 0;}
        ul[type=disc], li[type=disc] { list-style-type: disc; }
        ul[type=circle], li[type=circle] { list-style-type: circle; }
        ul[type=square], li[type=square] { list-style-type: square; }
ol {margin: 1em 0; padding: 0; list-style-position: inside;}
   ol li {margin: 0.2em 0; padding: 0;}
   li ol,dd ol {margin: 0 0 0 1.5em;}
dl {margin: 1em 0; padding: 0;}
   dl dt {margin: 0.5em 0 0 0; padding: 0;}
   dl dd {margin: 0 0 0.5em 1.5em; padding: 0;}

       /* -- Images -- */
img {display: block; border: none; vertical-align: middle; font: normal 0.75em Tahoma; color: #aaa;}
#footer img,#bottom img,p img {display: inline;}
img[border="1"],img[border="2"] {border: 1px solid #000;}

       /* -- Text -- */
blockquote {margin: 1em 0 1em 1.5em; padding: 0.5em 1em; quotes: none; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; color: #666;}
blockquote:before, blockquote:after {content: ''; content: none;}
blockquote q {text-indent:0;}
html:lang(en) q, html body q[lang="en"] {quotes: "\201e" "\201c" "\2018" "\2019";}
html:lang(en-us) q, html body q[lang="en-us"] {quotes: "\201c" "\201d" "\2018" "\2019";}
html:lang(ru) q,html:lang(ua) q, html body q[lang="ru"], html body q[lang="ua"] {quotes: "\00ab" "\00bb" "\201e" "\201c";}
cite  {font-style: italic;}

small {font-size: 85%;}
big   {font-size: 125%;}
sup   {vertical-align: text-top; font-size: 65%;}
sub   {vertical-align: text-bottom; font-size: 65%;}
ins   {text-decoration: underline;}
del   {text-decoration: line-through;}
pre   {white-space: pre; overflow: auto; padding: 10px; background: #F6F6F6; border: 1px solid #E5E5E5; }

abbr {text-transform: uppercase; text-decoration: none;}
acronym {font-variant: small-caps; text-transform: none; text-decoration: none;}
abbr[title],acronym[title],dfn[title] {cursor: help; border-bottom: 1px dotted #f0f0f0;}

.mobile,#mobile-nav {display: none;}
.wai {position: absolute; visibility: hidden;}
.fl {float: left; margin: 0 5px 5px 0;}
.fr {float: right; margin: 0 0px 5px 5px;}

/*======= -- OUR BLOCK's & STYLES ! -- =======*/

/*************** Fonts ***************/
html {font-size: 75%}
@media all and (min-resolution: 120dpi) {
    html {font-size: 60%}
    html, x:-moz-any-link {font-size: 75%}
}
    #for-opera927 {/* dont' remove! */}

body,input,textarea {color: #666464; font: normal 1em/1.4 Arial, Helvetica, sans-serif;}
code,pre {color: #c33; font: normal 1em/1.4 "Consolas","Lucida Console", Monaco, "Courier New", Courier, monospace;}

h1,h2,h3,h4,h5,h6 {margin: 1em 0 0.5em;}
h1:first-child,h2:first-child,h3:first-child,h4:first-child,h5:first-child,h6:first-child {margin-top: 0 !important;}
h1 {color:#F46C00; font: normal 2.5em Arial;}
h2 {font: bold 2.125em Arial; color: #f46c00;}
h3 {font: normal 1.6875em Arial; color: #0075be;}
h4 {font: normal 1.75em Arial; color: #a02a10;}
h5 {font: normal 1.6875em Arial; color: #969695;}
h6 {font: bold 1.333em Tahoma; color: #000;}

a         {color: #36c; text-decoration: underline;}
a:visited {color: #99c;}
a:hover, a:active, a:focus {text-decoration: none;}

/*************** Positioning ***************/
html {  padding: 0; margin: 0; background:#55aedd }
body { padding: 0; margin: 0; }
#main { position:relative;   margin-top: 120px; background: #55aedd url(../img/bg_body.png) repeat-y center 0; zoom:1}

#wrapper { position: relative;  width: 950px; margin:  0 auto;z-index: 100; }

       /* -- Mainframes -- */
#header     { position:absolute; top:0; left:0; width:100%; height: 160px; margin-top:-120px; background:#55aedd url(../img/bg_header.png) no-repeat center 0;}
#header  div.header-content { position: absolute; left:50%; margin-left:-450px; height:120px; width:900px; }
#content    { background:#fff;  padding: 23px 40px 0 40px; font-size:1.333em}
  #content-text {}
#sidebar    {}
#footer     { }
#footer  div.footer-content {  }
#bottom     { z-index: 0}

/*  -- Header --  */
/*  logo */
#logo {display:block; position: absolute; top: -120px; left: 0; width: 238px; height: 107px; margin: 0; font: bold 30px "Trebuchet MS", Helvetica, sans-serif; color: #000; text-align: center; text-transform: uppercase; z-index: 150; overflow: hidden;}
#logo a,#logo span {display: block; position: absolute; top: 0px; left: 0; width: 238px; height: 107px; background: url("../img/logo.png") no-repeat; text-indent: -900em; outline: none}
#logo dfn  {display: block;}
/* /logo */

/* menu  */
ul#nav { position:absolute; bottom: 8px; right: 10px; margin: 0; padding: 0; font-family: Arial, Helvetica, sans-serif; font-size: 18px;}
ul#nav li { float: left; padding-left:0; margin-left: 25px; background:  none}
ul#nav li a { color:#ee2128; text-decoration: none;}
ul#nav li a:hover { border-bottom: 1px dashed #0075be;  color:#0075be}
ul#nav li.active a { border-bottom: 1px dashed #0075be;  color:#0075be}

ul#topnav { position:absolute; top:14px; right: 7px;}
ul#topnav li { float: left; margin-left: 15px; padding-left:0; background: none} 
ul#topnav li a { padding: 13px 0 7px 35px; color:#f46c00; text-decoration: none; font: normal 18px Verdana, Arial, Helvetica, sans-serif;  background:url(../img/top-nav.png) no-repeat 0 7px; position:relative}
ul#topnav li.log a  { background-position: 0 -32px;}

/* /menu */

/* /-- Header -- */

/* -- Footer --  */
#footer { padding:110px 0 50px 0; margin-top:-90px; text-align: center; font-size: 1em; color: #08557b; text-shadow: #6b6b6b 0 0; background: #55aedd url(../img/bg_bottom.png) no-repeat center 0px; position: relative; z-index: 10  }
#footer a {color: #08557b;}
#footer hr  {display: none;}

/* contacts  */
address.vcard {font-style: normal; display: inline}
#footer address.vcard a.fn {cursor: default; text-decoration: none; color: #fff; text-decoration: underline}
#footer address.vcard a.fn:hover { text-decoration: none}
address.vcard .adr {display: block;}
address.vcard .country-name,.geo {position: absolute; visibility: hidden;}
address.vcard a.hcard-download {}
/* /contacts */
ul.banner { overflow: hidden; width:950px; margin: 0 auto; text-align: center; margin:0  auto 20px auto; position:relative}
ul.banner li { float: left; padding: 0; margin-left: 180px; background: none; }
ul.banner li a { position: relative; display: block; font-size: 15px; font-weight: bold; text-decoration: none; color:#fff; height: 88px;}
ul.banner li a:hover  { text-decoration: underline;}

ul.banner li a  span { position:absolute; top:0; left:0; display: block; height: 100%; width: 100%; background:url(../img/banner-bottom.png) no-repeat}


ul.banner li.bbb a { width: 152px;}
ul.banner li.comodo a { width: 214px;}
ul.banner li.csep a { width: 217px;}


ul.banner li.bbb a span { background-position: 0 0 }
ul.banner li.comodo a span { background-position: -159px 0 }
ul.banner li.csep a span { background-position: -369px 0 }

#footer ul.bottommenu { clear: both}
#footer ul.bottommenu li { display: inline; padding-left:18px; margin-right: 17px; background: none; background:url(../img/separator_bottommenu.png) no-repeat 0 2px}
#footer ul.bottommenu li:first-child,
#footer ul.bottommenu li.first-child { background: none;}
#footer ul.bottommenu li a { color:#08557b;}
#footer ul.bottommenu li a:hover,
#footer ul.bottommenu li.active a{ color:#fff} 



/* /-- Footer -- */

/* -- Bottom --  */
#bottom { position: absolute; bottom:0; left:0; display: block; width: 100%; height: 310px; font-size: 0.846em; color: #6b6b6b; text-align: center;}
#bottom a {color: #9c9c9c;}
/* /-- Bottom -- */


/* ^^^^^^^^^^^ Sidebar style's ^^^^^^^^^^^ */
#sidebar { padding-top: 33px; }
h4 span { color: #979892}
h4  var { color:#f46c00; font-weight: bold}
h5 span { color:#676767 }

#sidebar div.testimonial { float: left; width: 340px; margin-left: 0; margin-bottom: 25px; margin-right:80px; font-size: 1.125em; }
#sidebar div.testimonial h4 { font-size: 1.5em}
#sidebar div.testimonial blockquote { padding:0 0 0 92px; margin:0; border: none; background:url(../img/bg-testimonial.png) no-repeat 0 0; }
#sidebar div.testimonial blockquote q {  padding:0; margin:0; font-style: italic} 
#sidebar div.testimonial blockquote cite { display: block; text-align: right; font-style: normal; color:#728f03}

#sidebar div.result-cover { overflow: hidden; margin-bottom: 25px;}
#sidebar div.result-cover ul.searchengine { overflow: hidden}
#sidebar div.result-cover ul.searchengine li { float: left; height: 53px; padding-left: 0; background: none;  margin-left: 20px;}
#sidebar div.result-cover ul.searchengine li:first-child, 
#sidebar div.result-cover ul.searchengine li.first-child{ margin-left:0;}
#sidebar div.result-cover ul.searchengine li a { position:relative; display: inline-block; height: 53px; text-decoration: none; font-weight: bold}
#sidebar div.result-cover ul.searchengine li a span { position: absolute; top:0; left:0; display: block; height:100%; width: 100%; background:url(../img/searching.png) no-repeat}

#sidebar div.result-cover ul.searchengine li.yahoo { margin-left:34px}
#sidebar div.result-cover ul.searchengine li.bing  { margin-left: 30px}

#sidebar div.result-cover ul.searchengine li.google a { color:#124ccb;  width: 124px;}
#sidebar div.result-cover ul.searchengine li.yahoo a { color:#592c71; width: 148px;}
#sidebar div.result-cover ul.searchengine li.bing a { color:#0075be; width: 114px;}

#sidebar div.result-cover ul.searchengine li.google a span { background-position: 0 0}
#sidebar div.result-cover ul.searchengine li.yahoo a span { background-position: -158px 0;}
#sidebar div.result-cover ul.searchengine li.bing a span { background-position: -337px 0}

#sidebar div.block { clear:both; padding: 18px 40px 3px; margin: 25px -40px 0 -40px; background:#efefef; overflow:hidden}
#sidebar div.block div.subblock { float: left; width: 344px; position:relative; }
#sidebar div.block div.subblock p { padding: 11px 0 10px 107px; background:url(../img/subb.png) no-repeat 0 0; font-size:1.125em; color:#383838}
a.click,
var.click { color:#f46c00; text-decoration: underline}

#sidebar div.block div.questions p { background-position: 0 -200px; padding-left:132px; padding-top: 21px; padding-bottom: 55px; font-size: 1.375em}
#sidebar div.block div.block-nth-child { margin-left: 75px;}

a.position { position:absolute; top:0; left:0; display: block; background:url(../img/blank.gif)} 

#sidebar div.block div.questions a.position { padding: 105px 24px 20px 132px; text-decoration: none; color:#383838; width: 185px;}
#sidebar div.block div.questions a.position:hover { text-decoration:underline}
#content {_zoom:1}
#sidebar div.block div.seo a.position { padding: 87px 24px 30px 213px;  color:#f46c00; text-decoration: underline; width: 85px;}
#sidebar div.block div.seo a.position:hover { text-decoration:none}


/* ^^^^^^^^^^^ Content style's ^^^^^^^^^^^ */
#content table,#content object,#content embed {clear: both;}

#content  { border-bottom: 30px solid #000}
#content h2 { text-align: center; margin-bottom:0.3em}
#content-text div.testimonials { overflow: hidden; padding-bottom: 15px; margin-bottom: 22px; border-bottom: 1px solid #dddce0; }

#content-text div.testimonials blockquote { float: left; padding:0; margin:0 0 0 84px; border: none; text-indent:0;}
#content-text div.testimonials blockquote:first-child,
#content-text div.testimonials blockquote.first-child  { margin-left:0;}

#content-text block { overflow: hidden }
#content-text div.testimonials blockquote  q { font-style: italic; color:#8e8e8e; white-space: nowrap}
#content-text div.testimonials blockquote cite { display: block; text-align: right; font-size:0.875em; font-style: normal; color:#666464}

#content-text div.grafic { float: left; font-size:0.875em; margin-right: 39px; }
#content-text div.grafic dl { overflow: hidden; margin-top: 0; width: 435px; background:url(../img/bg_grafic.png) no-repeat right 0}
#content-text div.grafic dl dt { float: left; width: 215px; margin: 4px 0 5px 0; padding-right: 5px; text-align: right;}
#content-text div.grafic dl dd { margin-left:0; text-indent: -999em}

#content-text div.text-block { position:relative; padding-top: 0; float: right; width: 372px; padding-top: 23px; height: 139px; padding-bottom: 70px;}
#menu div#quote.block div.text-block { height: 159px; padding-top: 3px; }
#content-text div.text-block h3 {}

#content-text div.text-block p a { color:#ee2129; text-decoration: none}
#content-text div.text-block p a:hover { text-decoration: underline}

a.long { position:absolute; bottom:0; left:0;  color:#fff; height:55px;  padding: 0 50px 0 0; display:-moz-inline-block; display: inline-block;  background: #f46d01 url(../img/a-long.png) no-repeat right -92px; text-decoration: none; }
a.long span{   display:-moz-inline-block; display: inline-block; height:55px; line-height:55px; padding-left: 24px; background:url(../img/a-long.png) no-repeat; cursor:pointer; }

a.long:hover { background: #f46d01 url(../img/a-long.png) no-repeat right -242px;  }
a.long:hover span { background: url(../img/a-long.png) no-repeat 0 -150px;  }
a.long:visited { color:#fff}


ul.ui-tabs-nav { margin: 0 -40px 0 -41px; overflow: hidden; position:relative; }
ul.ui-tabs-nav li { float: left; overflow: hidden; width: 189px; height: 67px; padding-left:0;  background:none; margin-left:1px; }
ul.ui-tabs-nav li:first-child { }

ul.ui-tabs-nav li a { display: block; display: table-cell; vertical-align: middle; width: 189px; height:67px; padding: 0 10px;  text-align: center; background: #8ba821 url(../img/bg_tab-a.png) repeat-x 0 0; text-decoration: none; color:#fff; text-transform: uppercase; font-size:0.875em; font-weight: bold}
ul.ui-tabs-nav li a.freeq {cursor: pointer;}
ul.ui-tabs-nav li a:visited { color:#fff}
ul.ui-tabs-nav li a:hover { background: #000 url(../img/bg_tab-a-hover.png) repeat-x}

#menu div.block { height: 246px; padding-bottom: 7px; margin-bottom: 10px; overflow: hidden}
.ui-tabs-hide {  display: none;  }
.ui-tabs-nav:after { display: block;  clear: both; content: " ";}
.ui-tabs-nav .ui-tabs-selected a {    position: relative;     z-index: 2;    margin-top: 0;    background: #000 url(../img/bg_tab-a-hover.png) repeat-x;	 }
.ui-tabs-nav a:hover, .ui-tabs-nav a:focus, .ui-tabs-nav a:active,
.ui-tabs-nav .ui-tabs-unselect a:hover, .ui-tabs-nav .ui-tabs-unselect a:focus, .ui-tabs-nav .ui-tabs-unselect a:active { cursor: pointer;}
.ui-tabs-disabled {    opacity: .4;    filter: alpha(opacity=40);}
.ui-tabs-nav .ui-tabs-disabled a:link, .ui-tabs-nav .ui-tabs-disabled a:visited {   color: #000;}
.ui-tabs-panel { }

/* Additional IE specific bug fixes... */
* html .ui-tabs-nav {  display: inline-block;}
*:first-child+html .ui-tabs-nav  {  display: inline-block;}

#content-text div.block div.grafic h3  { color:#698b03}
#content-text div.block form  { overflow: hidden; width: 320px;}
#content-text div.block form h3 { color:#698b03}
#content-text div.block form dl { font-size: 0.875em;}
#content-text div.block form dl dt { float: left; width: 113px; margin-top:0}

#content-text div.block form dl dd { margin-left:113px; margin-bottom: 5px; padding:0; }
#content-text div.block form dl dd input {   width: 190px; border: 2px solid #8fb8ce; padding:4px; font-size:11px; background: none;}
#content-text div.block form input#send { float: right; font-size: 12px; color:#fff; background: url(../img/submit.png) no-repeat; border: none; height:36px; width:94px; padding-bottom: 4px;}

#menu p { margin: 0.5em 0}

#content-text div.block form dl dd input:focus,
#content-text div.block form dl dd input:hover {border-color:#377dc1; outline: none}


/*=== inner ===*/
body.inner #content { overflow: hidden; padding: 30px 20px 50px 20px; font-size:1.166em; background:#fff url(../img/bg-content-inner.png) no-repeat 0 bottom;  }
body.inner #content #content-text { float: right; width: 660px; padding-left: 40px;}
body.inner #content #sidebar {  float: left;  padding:26px 0 0 0;  width: 210px; }


body.inner #content h1 { font: normal 2.5em Arial; color: #f46c00;}
body.inner #content h2 { font: normal 1.8em/1.3 Arial; color: #0075be; text-align: left; padding-left: 33px; margin-bottom:14px; background:url(../img/bull-h.png) no-repeat 0 7px}
body.inner #content h2 a { color: #0075be; text-decoration: none;}
body.inner #content h2 a:hover { text-decoration: underline;}

body.inner #content p { line-height:1.5}
body.inner #content a.long { position:static }

#content #content-text div.quote { position:relative; font-size:1.285em; margin-bottom: 22px; }
#content #content-text div.quote a.long { position:absolute; top:-64px; right:0px; left:auto; }
#content #content-text div.quote blockquote { position:relative; min-height:80px; border-top: none; margin:0; font-style: italic; padding: 8px 20px 16px 97px; background:url(../img/bg-testimonial.png) no-repeat 0 8px;}

#content #content-text div.information-osm,
#content #content-text div.success-storie { overflow: hidden; float: left; width: 365px; }
#content #content-text div.information-osm div.block { padding-bottom: 13px; background:url(../img/separator-block.png) repeat-x 0 bottom; margin-bottom: 23px}

#content #content-text div.information-osm div.block  ul li { line-height:2; background-position: 0 8px}

#content #content-text div.facts { position: relative;  right:-20px;  float: right;  width: 241px; padding:20px; margin-top: 9px; background:#8eb213; color:#fff; margin-left:10px; border-bottom: 6px solid #78a109 }
#content #content-text div.facts h3 { color:#fff; font: bold 24px Arial, Helvetica, sans-serif; background:#b9d550; padding: 0 20px; }
#content #content-text div.information-osm div.block h4 { font-size: 19px;}


#content #content-text div.facts h3:before,
#content #content-text div.facts h3 span.block-before { display: block; padding:0; margin:0 -20px; height:5px; content:''; background:url(../img/before-after-h.png) no-repeat}
#content #content-text div.facts h3:after,
#content #content-text div.facts h3 span.block-after  { display: block; padding:0; margin:0 -20px; height:5px; content:''; background:url(../img/before-after-h.png) no-repeat 0 -25px;}

#content #content-text div.facts ul {}
#content #content-text div.facts ul li { padding-left: 20px; padding-top: 10px; margin-top: 5px; background:url(../img/bull-li-facts.png) no-repeat 0 14px; border-top: 1px dashed #e8ff93}
#content #content-text div.facts ul li:first-child,
#content #content-text div.facts ul li.first-child { padding-top:0; margin-top:0; border: none; background-position: 0 2px}
#content #content-text div.facts ul li a { color:#fff; font-size:1.214em; line-height:17px; text-decoration: none}
#content #content-text div.facts ul li a:hover,
#content #content-text div.facts ul li.active a { color:#f6ff00; text-decoration: underline}

#content #content-text div.facts ul#list-more li:first-child,
#content #content-text div.facts ul#list-more li.first-child { padding-top: 10px; margin-top: 5px; border-top: 1px dashed #e8ff93; background-position: 0 14px}

#content #content-text div.facts ul li ul { margin-top: 10px; font-size:0.7em; text-transform: lowercase}
#content #content-text div.facts ul li ul  li {  background: url(../img/bull-more-li.png) no-repeat 0 15px}

#sidebar ul.navigation {}
#sidebar ul.navigation li { padding-left:0; margin-bottom: 3px; background:none}
#sidebar ul.navigation li a { display: block; width: 190px; padding-left: 20px; padding-bottom: 15px; color:#383838; text-decoration: none; }
#sidebar ul.navigation li a:before,
#sidebar ul.navigation li a span.block-before { display: block; height:7px; padding:0; margin:0 0 0 -20px; content:''; background: none;}

#sidebar ul.navigation li a:hover:before,
#sidebar ul.navigation li a:hover span.block-before { background: url(../img/before-navigation.png) no-repeat}
#sidebar ul.navigation li a:hover {background:#fff url(../img/bg-navigation-a.png) no-repeat 0 bottom;}

#sidebar ul.navigation li.active a:before,
#sidebar ul.navigation li.active  a span.block-before { background: url(../img/before-navigation.png) no-repeat}
#sidebar ul.navigation li.active  a {background:#fff url(../img/bg-navigation-a.png) no-repeat 0 bottom;}


div.left {  overflow: hidden}
div.testimotials {}
div.testimotials blockquote { position:relative; width: 329px; border: none; margin:0 0 20px 0; padding: 12px 20px 12px 20px; background: #e9f1f6 url(../img/bg-blockquote.png) no-repeat right 0;}
div.testimotials blockquote:before,
div.testimotials blockquote span.block-before { display: block; height:7px; width:8px; padding:0; margin:-12px -20px 0 -20px; content:''; background:url(../img/before-after-blockquote.png) no-repeat}
div.testimotials blockquote:after,
div.testimotials blockquote span.block-after { display: block; height:7px; width:369px; padding:0; margin:0 -20px -12px -20px; content:''; background:url(../img/before-after-blockquote.png) no-repeat 0 -12px}

div.testimotials blockquote q { position:relative; font-style:italic; padding:15px 38px 15px 38px; display: block;}
div.testimotials blockquote q:before,
#content div.testimotials blockquote q span.block-before {  position:absolute; top:0; left:0; display: block; height:24px; width:31px;  padding:0; margin:0; content:''; background: url(../img/before-after-q.png) no-repeat 0 0}
div.testimotials blockquote q:after,
#content div.testimotials blockquote q span.block-after {  position:absolute; bottom:0; left:auto; right:0; display: block; height:24px; width:31px;  padding:0; margin:0; content:''; background: url(../img/before-after-q.png) no-repeat right bottom}
div.testimotials blockquote cite { display: block; margin-top: 15px; margin-bottom: 10px; text-align: right; color:#61b4df; font: bold 1em Arial, Helvetica, sans-serif; }


div.testimotials blockquote.nth-child { background:#f5efea url(../img/bg-blockquote-nth-child.png) no-repeat right 0}
div.testimotials blockquote.nth-child:before,
div.testimotials blockquote.nth-child span.block-before { background-position:0 -24px }
div.testimotials blockquote.nth-child:after,
div.testimotials blockquote.nth-child span.block-after { background-position: 0 -40px}

div.testimotials blockquote.nth-child cite { color:#c0804a}


ul.pager { text-align:center; font: bold 21px Arial, Helvetica, sans-serif}
ul.pager li { display: inline; margin:0 15px; background: none; color:#728f03; padding:0;}
ul.pager li a { position:relative; color:#aaa; line-height:35px;}

ul.pager li.next-page a,
ul.pager li.prev-page a { display: inline-block;  height:35px; width:35px; text-align:center}

ul.pager li a span { position:absolute; top:0; left:0; display: block; height:35px; width:35px; background: url(../img/nav-pager.png) no-repeat}
ul.pager li.next-page a span { background-position: right 0}

#content-text { position:relative;}
.tabs-hide {display: none; }
.tabs-nav { margin: 0;padding: 0 0 0 4px; position:absolute; left: 250px; top: -69px; z-index:50}
.tabs-nav li { float: left; margin-left: 2px; padding:0; background:none}

.tabs-nav li a { display: -moz-inline-block; display: inline-block; padding-right:10px; text-decoration: none; background:url(../img/tabs-login.png) no-repeat right -70px; font-weight: bold; color:#f46c00}
.tabs-nav li a span { display: -moz-inline-block;  display: inline-block; height:43px; min-width:78px; line-height: 43px; padding-left:10px; background:url(../img/tabs-login.png) no-repeat; text-align:center; cursor: pointer; text-transform:lowercase; text-align:center}

.tabs-nav li.tabs-selected a { background-position: right -213px}
.tabs-nav li.tabs-selected a span { background-position: 0 -139px}

body.login  #content #content-text h2 { text-align: left; font-weight: normal; margin-bottom: 20px; margin-top:0; text-align:left }

form.login { width:360px; overflow: hidden; float: left; clear: left; margin-bottom: 25px; }
form.login dl { overflow: hidden; padding:2px; margin:0;}
form.login dl dt { float: left; width: 116px; margin-top:5px; font-size:0.875em;}
form.login dl dd { margin-left: 116px; margin-bottom:30px;}
form.login dl dd.pass { margin-bottom:5px;}
form.login dl dd label { font-size:12px;}
form.login dl dd input, form.login dl dd textarea { width:225px; height:25px; box-shadow:-1px 0px 9px #b8d1e9; -webkit-box-shadow:-1px 0px 9px #b8d1e9; -moz-box-shadow: -1px 0px 9px #b8d1e9; -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(color=#b8d1e9,direction=135)";}
form.login dl dd input:focus, form.login dl dd textarea:focus { outline: none; box-shadow:-1px 0px 9px #377dc1; -webkit-box-shadow:-1px 0px 9px #377dc1; -moz-box-shadow: -1px 0px 9px #377dc1; -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(color=#377dc1,direction=135)";}

form.login dl dd textarea.textarea { height:120px; }

input.send { float: right; font-size: 12px; color:#fff; background: url(../img/submit.png) no-repeat; border: none; height:36px; width:94px; padding-bottom: 4px;}

ul.info {  overflow: hidden; font-size: 14px; margin:0; float: right;}
ul.info li { background:url(../img/bull-li-form.png) no-repeat 0 5px; padding-left: 20px; margin-bottom:30px}
ul.info li a { color:#f46c00}
#content #content-text div.promise {  right: -40px; margin-top:0; position:relative; top:0; margin-bottom: 70px;}

body.login #main { margin-top:0; background:#55aedd url(../img/bg-html-login.png) repeat-y  center 0;}
body.login  {}
body.login #logo { left:84px; top:0;}
body.login #content-text {zoom:1}
body.login #content-text:after { display: block; height:1px; width:100%; padding:0; margin:0; clear:both; content:''; padding-bottom: 22px;}
body.login  #wrapper { width: 737px; padding: 118px 50px 0 50px; background:url(../img/bg-wrapper.png) no-repeat center 0; z-index:200 }
body.login  #content {  z-index:10; position:relative}
body.login  #footer { z-index:100; width:100%; background:#55aedd url(../img/bg-bottom-login.png) no-repeat center -33px; position:relative }
body.login  #footer ul.banner  { width:737px;}
body.login  #bottom { height: 354px;}

body.login #footer ul.bottommenu li{ margin-right:10px; padding-left: 10px}
body.login ul.banner li.bbb  { margin-left: 10px}
body.login ul.banner li.comodo  { margin-left: 80px}

div#fill_form ul,div#fill_form2 ul {color: #f00}
div#fill_form ul li.forget,div#fill_form2 ul li.forget {color: #666464}

#content-text div.vcard  { position:relative; right: -40px; margin: -50px 0 25px 300px; font-weight: bold; overflow: hidden;  float: right; width: 270px;}
#content-text div.vcard a { color:#F46C00}
#content-text div.vcard a:visited { color:#F46C00; text-decoration: none}
#content-text div.vcard a.url {text-decoration: none;}
#content-text div.vcard dt {color:#0075BE}
#content-text div.vcard dd { margin-left:0; margin-bottom: 10px} 


body.login a.long  { bottom:150px}

div.faq { text-align:justify}
#content div.not-quote  div.facts { top:50px!important;}

#content #content-text div.block { position:relative;}
#content #content-text div.information-inner { width: auto;}
body.inner #content div.information-osm  h3, body.inner #content div.faq  h2 { font: normal 19px Arial, Helvetica, sans-serif; color: #A02A10}
body.inner #content div.faq  h2 { padding:0; background: none}
#content #content-text div.block{ overflow: hidden}
#content #content-text a.read-more { display: block; text-align: right; font-size:0.857em; padding-right: 20px; background:url(../img/read-more.png) no-repeat right 0; color:#D40D0C}
#content #content-text a.back { display: block;  font-size:0.857em; padding-left: 20px; background:url(../img/read-more.png) no-repeat 0 -25px; color:#D40D0C; margin-bottom: 10px;}
.hidden { display: none}
.visible { display: block}

#content #content-text div.facts ul li a.more, #content #content-text div.facts ul li a.less  { background: url(../img/more-less.gif) no-repeat 0 -10px;  display: block; padding-left: 25px; font-size: 12px!important; color:#F6FF00 }
.less { background:url(../img/more-less.gif) no-repeat 0 5px;  }


body.inner #content div.information-osm h3 { margin-top:1.5em}


ul.logos {}
ul.logos li { float: left; width:45px; padding-left:0; background: none; height:45px; margin-right: 10px;}
ul.logos li a { display: block; height:45px; width: 45px; text-indent:-999em; background:url(../img/logos.png) no-repeat 0 0}
ul.logos li.twitter a { background-position: 0 0 }
ul.logos li.facebook a { background-position: -45px 0; }
ul.logos li.youtube a { background-position: -90px 0}
ul.logos li.linedin a { background-position: -135px 0}
ul.logos li.flikr a { background-position: -180px 0}
ul.logos li.delicious a { background-position: -225px 0}


/* error, sitemap*/
#content #content-text div.error {width:auto; height: 230px; padding-right:250px; padding-top: 25px; margin-right:20px; float: none; border-top: 1px solid #dddddf; background:url(../img/error.png) no-repeat right 0} 
body.inner #content div.error h2 { padding-left: 0 ; background: none; }

#content #content-text div.sitemap { margin-right:20px} 
#content #content-text div.sitemap h2 { position:relative; color:#F46C00; font-family:Arial; font-size:2.5em;  font-weight:normal; padding-left:0; background: none; padding-bottom: 20px; border-bottom: 1px solid #dddddf; } 

#content #content-text div.sitemap ul.sitemap {  position:relative; left:-80px; }

#content #content-text div.sitemap ul.sitemap li { float: left; margin-left: 80px; padding-left:0; background: none; font-size:25px; color:#0075BE }

#content #content-text div.sitemap ul.sitemap li ul li {  float: none; margin:0; padding-left: 30px; padding-bottom: 10px; background: url(../img/bull-h.png) no-repeat 0 8px}
#content #content-text div.sitemap ul.sitemap li ul li a {color:#0075BE; text-decoration: none; position:relative;}
#content #content-text div.sitemap ul.sitemap li ul li a:hover  { text-decoration: underline; color:#029cfc}

#content #content-text div.sitemap ul.sitemap li ul li ul li { float: none; margin:0; padding-left:22px; padding-bottom:0; background:url(../img/bull_li.png) no-repeat 0 10px; line-height:1}
#content #content-text div.sitemap ul.sitemap li ul li ul li a { color:#a02a10; font-size: 15px}
#content #content-text div.sitemap ul.sitemap li ul li ul li a:hover { color:#ff2e00}

/*==creative ads ==*/


.hint {z-index: 100; position: absolute; top: 0px; left: 0px; visibility: hidden; width: 209px; margin-left: -104px; padding:11px 11px 18px 11px; background:  url(../img/banner-creative-popup.png) no-repeat; z-index: 500; font-family: Arial, Helvetica, sans-serif; font-size: 18px; color:#0d2a4d; text-align: justify; z-index: 500}


ul.banner-creativ { margin-top: 40px; width: 360px; overflow: hidden;  background:#edefe0 url(../img/bg-banner-creative.png) repeat-x; border: 1px solid #e0e4cb; text-align:center}
ul.banner-creativ li { float: left; padding-left:0; background: none; margin:0 7px; padding: 10px 0}
ul.banner-creativ li a { display: block;}



body.inner #content-text  div.grafic { float: none}
body.inner #content-text  div.grafic dl { margin: 10px auto; font-size: 1.142em}
#content-text ol.impotance { margin: 20px 0  20px; padding-top: 0; padding-left:20px; list-style-position:outside; border-top:1px solid #dddce0}
#content-text ol.impotance li { margin:1.8em 0}

#content-text ol.impotance h2 { text-align:center; font: normal 1.75em Arial; color: #a02a10; background: none; font-size:1.357em;  }
p.title { text-align:center; font-size:1.357em;}

a.read-more-big { position:relative; display: block; height:84px; width:475px; padding:10px; margin: 10px auto; text-align: center; font-size:21px; color:#fff; background:#b4cb47; text-decoration: none;}
a.read-more-big:hover { text-decoration: underline;}
a.read-more-big  span { position: absolute; top:0; left:0; display: block; height:104px; width:495px; background:url(../img/read-more-big.gif) no-repeat }


  /* -------------------------------------------/
 /                  Seo report                 /
/  ------------------------------------------*/
strong.review_seo { display: block; margin-top: 24px; padding-top: 16px; border-top: 1px solid #dddce0; font-weight: normal;  }

table.seo-report-table { margin: 7px 0 0; border: none }
table.seo-report-table thead tr {  }
table.seo-report-table thead tr th { padding: 8px 0 6px; border-top: 1px solid #ed2028; border-bottom: 1px solid #ed2028; text-align: left; font: normal 16px Arial; color: #a02a10 }
table.seo-report-table thead tr th.sr-date { width: 150px;  }
table.seo-report-table thead tr th.sr-report { width: 150px;  }
table.seo-report-table thead tr th.sr-notes { width: 210px;  }

table.seo-report-table tbody tr {  }
table.seo-report-table tbody tr td { padding: 8px 0 6px; border-bottom: 1px solid #b5b5b5; text-align: left; }
table.seo-report-table tbody tr td var.dare { font-size: 14px; }
table.seo-report-table tbody tr td a.pdf { padding-left: 25px; background:url(../img/ico_pdf_sr.png) left 0 no-repeat; color: #f46c00 !important;  }
table.seo-report-table tbody tr td a.switcher { padding-left: 20px; background: url(../img/bg_note_string.png) left -36px no-repeat; font-size: 16px; color: #f46c00 !important;  }
table.seo-report-table tbody tr td div.collapse a.switcher { background-position: left 3px; }
table.seo-report-table tbody tr td div.reports-text { font-size: 11px }
table.seo-report-table tbody tr td div.reports-text p { margin: 4px 0 !important; }
table.seo-report-table tbody tr td div.collapse div.reports-text {display: none;}




