/*
Title:			HTML and CSS code for test PSD layout
Author:			werty1001 (ICQ: 567399802 or E-mail: werty1001@mail.ru or Website: YooBe.ru ) 
Technology:		Based only on CSS3 and HTML5 no Framework

/* Load fonts
----------------------------------------------- */
@import url(../css/fonts.css);


/* Reset our style
----------------------------------------------- */

html,body,div,span,object,iframe,frame,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,a,b,i,dl,dt,dd,ol,ul,li,fieldset,input,textarea,button,select,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video {
	
   background: transparent;margin:0;padding:0;outline:none;border: 0;

  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
   box-sizing: border-box;
}

ol, ul {list-style-position: inside;}
blockquote, q {quotes:none;}

/* HTML5 tags need it */
article, aside, figure, figure img, hgroup, footer, header, nav, section {display: block;}


/* General styles
----------------------------------------------- */

body {
          font: 82.5% 'Roboto Regular';
          line-height: 1.3;
          padding:0;
          margin:0;        
          color: #2e2e2e;
          background: #fff;
          height:100%;
          width:100%;
          min-width:460px;
          min-height:100%;         
}

img,embed,object,video,iframe,frame,input,select,textarea,table {max-width: 100%;}
.clr {clear: both;height: 1px;min-height: 1px;}

a {color: #009cd7;text-decoration: none;}
a:hover, a:focus {color: #ff7e00;text-decoration: underline;}
a:visited {color: #777;}

h1,h2 {font: bold 18px 'Roboto BoldCondensed';margin: 0 0 15px 12px;text-transform: uppercase;text-align: left;}
h3,h4,h5,h6 {font: bold 15px 'Roboto BoldCondensed';text-align: left;margin: 0 0 12px 0;}
h2 span {color: #ffa300;}


/* Load images
----------------------------------------------- */

.logo,header > form input[type=reset],footer .made,.bottom > div .go-top span,footer > p:after,.slider .prev,.slider .next,.main .sidebar .menu > ul > li.sub > a:after {background: url("../css/img/sprite.png") 0 0 no-repeat;}


/* Pages structure and width
----------------------------------------------- */

body > section,footer,.bottom > div {max-width:1000px;margin:0 auto;padding: 0 15px;}
.main {overflow:hidden;padding: 20px 0;}
.main .content {width: 50%;float:right;padding: 0 0 0 15px;}
.main .sidebar {width: 50%;float:right;}


/* Forms
----------------------------------------------- */

input, select {vertical-align:middle;}
button {cursor:pointer;}


/* Header
----------------------------------------------- */

header {position: relative;height: 240px;}
header .logo {width: 160px;height: 97px;display:block;text-indent: -5555em;position: absolute;top: 30px;left:0;z-index:6;background-position: 0 0;}

/* Search */
header > form input::-webkit-input-placeholder {color: #a7a7a7;font: italic 14px 'Roboto Italic';line-height: 24px;}
header > form input:-moz-placeholder {color: #a7a7a7;font: italic 14px 'Roboto Italic';line-height: 24px;}
header > form input::-moz-placeholder {color: #a7a7a7;font: italic 14px 'Roboto Italic';line-height: 24px;}
header > form input:-ms-input-placeholder {color: #a7a7a7;font: italic 14px 'Roboto Italic';line-height: 24px;}
.placeholder {color: #a7a7a7;font: italic 14px 'Roboto Italic';line-height: 24px;}
header > form {position: absolute;left:0;right:0;bottom:15px;height: 40px;padding: 0 140px 0 0;}
header > form input[type=reset] {visibility:hidden;opacity: 0;position: absolute;top: 12px;left: 12px;cursor: pointer;width: 16px;height: 16px;text-indent: -9999em;z-index: 3;background-position: -207px -158px;}
header > form input[type=text] {color:#333;font: italic 14px 'Roboto Italic';width:100%;height: 40px;line-height: 24px;padding: 8px 8px 8px 12px;border: solid 1px #c6c6c6;box-shadow: inset 0 1px 5px rgba(0,0,1,.15);border-radius: 7px;}
header > form input[type=text]:focus {padding-left:35px;border: solid 1px #bbb;box-shadow: inset 0 1px 5px rgba(0,0,1,.35);}
header > form input[type=text]:focus ~ input[type=reset] {visibility:visible;opacity:.2;}
header > form input[type=text]:focus ~ input[type=reset]:hover {opacity: .5;}
header > form button {position: absolute;right:0;top:0;overflow:hidden;width:122px;height: 36px;font: 13px 'Roboto Medium';line-height: 36px;border-radius: 7px;box-shadow: 0 3px 0 0 #000, rgba(0, 0, 0, .35) 0 6px 2px 0;}
header > form button:active {top:2px;box-shadow: inset 0 -1px 0 0 #000, rgba(0, 0, 0, .35) 0 4px 2px 0;}
header > form button:hover {opacity:.9;}
header > form button:after {content:'';position: absolute;left:50%;top:-25px;width:60px;height: 25px;margin: 0 0 0 -30px;box-shadow: #8c8c8c 0 15px 40px 0;z-index:15;opacity:.6;}
header > form button span {position: relative;text-transform: uppercase;color: #fefefe;z-index:25;}

/* Navigation */
header nav {position: absolute;left:0;right:0;top:135px;height: 40px;border-radius: 7px;border: solid 1px #e9e9e9;padding: 3px;}
header nav ul {list-style:none;}
header nav ul li {float:left;margin: 0 1px;}
header nav ul li a {position: relative;display:block;padding: 0 7px;overflow:hidden;font: 13px 'Roboto Medium';height: 30px;line-height: 30px;text-decoration: none;color: #000;border-radius: 5px;}
header nav ul li.active a,header nav ul li:hover a {color: #997b00;box-shadow: 0 2px 0 0 #e9b200, rgba(0, 0, 0, .15) 0 5px 1px 0;}
header nav ul li:hover a {color: #333;text-decoration: none;}
header nav ul li.active:hover a {cursor:default;color: #997b00;}
header nav ul li a:active {top:2px;box-shadow: 0 0 0 0 #e9b200, rgba(0, 0, 0, .15) 0 3px 1px 0;}
header nav ul li.active a:after,header nav ul li:hover a:after {content:'';position: absolute;left:50%;top:-25px;width:60px;height: 25px;margin: 0 0 0 -30px;box-shadow: #ffec00 0 15px 40px 0;z-index:15;opacity:.6;}

/* Adress */
header .adress {position: absolute;right:0;left:auto;top:52px;width:auto;font-size: 13px;line-height: 12px;}
header .adress a {font: bold 33px 'Roboto BoldCondensed';text-decoration: none;color: #2e2e2e;line-height: 12px;display:block;}
header .adress a span {font: normal 24px 'Roboto Condensed';color: #ffa300;}
header .adress a:hover,header .adress a:hover span {color: #009cd7;}


/* Slider
----------------------------------------------- */

.slider {position: relative;padding: 25px 0 5px 0;}
.slider .rslides {position: relative;overflow: hidden;width: 100%;z-index:4;list-style:none;}
.slider .rslides li {-webkit-backface-visibility: hidden;position: absolute;display: none;width: 100%;left: 0;top: 0;}
.slider .rslides li:first-child {position: relative;display: block;float: left;}
.slider .rslides img {display: block;height: auto;float: left;width: 100%;}
.slider .rslides li .caption {position: absolute;left:66px;top:10px;width: auto;background: rgba(0,0,0,.5);display: inline-block;font: 20px 'Roboto Medium';padding: 2px 7px;z-index:7;text-transform: uppercase;color: #fff;}
.slider .prev,.slider .next {position: absolute;top: 50%;width: 34px;height: 53px;display: block;text-indent: -9999px;margin-top: -14px;z-index:5;opacity:.8;}
.slider .prev:hover,.slider .next:hover {opacity:1;}
.slider .prev {left:10px;background-position: -168px -158px;}
.slider .next {right:10px;background-position: -127px -158px;}
.slider .rslides_tabs {list-style:none;position: absolute;left:0;right:0;top: 2px;overflow: hidden;text-align:center;z-index:77;}
.slider .rslides_tabs li {display: inline-block;margin: 0 9px 0 0;}
.slider .rslides_tabs li a {display: block;width: 11px;height: 11px;text-indent: -9999px;background:#ffcd00;border-radius:50%;}
.slider .rslides_tabs .rslides_here a {background:#2e2e2e;}
.slider .rslides_tabs li a:hover {background:#009cd7;}
.slider .rslides_tabs .rslides_here a:hover {background:#2e2e2e;cursor:default;}


/* Diferente
----------------------------------------------- */

.main .content .about {font: 13px 'Roboto Medium';color: #8f8d8d;border-top: dashed 1px #ccc;padding: 22px 0 0 0;text-align: left;margin: 10px 0 0 0;}
.main .content .about b {font: bold 18px 'Roboto BoldCondensed';color: #2e2e2e;text-transform: uppercase;display:block;margin: 0 0 15px 0;text-align: left;}
.main .content .about b span {color: #ffa300;}

/* Category list */
.list {overflow: hidden;padding:10px 0 0 0;}
.list a {float:none;width:100%;margin: 0 0 10% 0;position: relative;display:block;border: solid 1px #d5d5d5;text-align: center;border-radius: 5px;padding:4px;text-decoration: none;}
.list a > b {font: 14px 'Roboto Medium';position: absolute;left:6px;right:6px;top:-10px;text-align: left;z-index:14;line-height: 16px;color: #2e2e2e;}
.list a > b span {background: #fff;outline: #fff solid 0px}
.list a > span {font: bold 11px 'Roboto BoldCondensed';color: #5f4a00;text-transform: uppercase;position: relative;display:block;height: 38px;line-height: 40px;overflow:hidden;box-shadow: 0 2px 0 0 #e9b200, rgba(0, 0, 0, .25) 0 3px 1px 0;border-radius: 5px;}
.list a > span:before {content:'';position: absolute;left:50%;top:-25px;width:60px;height: 25px;margin: 0 0 0 -30px;box-shadow: #fff 0 15px 40px 0;z-index:15;opacity:.6;}
.list a > span:after {content: '\00BB';margin: 0 0 0 3px;}
.list a:hover {border-color: #009cd7;opacity:.9;}
.list a:hover > span {box-shadow: 0 2px 0 0 #006795, rgba(0, 0, 0, .25) 0 3px 1px 0;color: #fff;}
.list a > span:active {top:2px;box-shadow: 0 0 0 0 #006795, rgba(0, 0, 0, .25) 0 1px 1px 0;}

/* Catalog */
.catalog {border-radius: 5px;border: solid 1px #d5d5d5;margin: 0 0 15px 0;}
.catalog .title {font-size: 13px;display: block;text-transform: uppercase;padding:10px;}
.catalog table {color: #6d6d6d;width:100%;border-spacing:0;text-align:center;}
.catalog table td {padding:10px 5px;border: solid #d5d5d5;border-width: 1px 0 0 1px;}
.catalog table thead tr td:first-child,.catalog table tbody tr:first-child td:first-child {border-width: 1px 0 0 0;}

/* Navigation */
.navigation {margin: 30px 0 0 0;text-align:center;}
.navigation a,.navigation span {display: inline-block;width:30px;height:30px;line-height:28px;border-radius: 5px;border: solid 1px #000;background: #fff;color:#2b3644;margin: 0 0 0 7px;text-decoration: none;}
.navigation span {background: #0092d0;border-color:#0092d0;color:#fff;}
.navigation a:hover {background: #000;color:#fff;}

/* Article */
article {font-size: 13px;}
article p {margin: 0 0 20px 0;text-align: justify;}
article .num {counter-reset: item;list-style:none;}
article .num li {position: relative;padding: 0 0 0 20px;}
article .num li:before {content: '\2022';color: #009cd7;font-size: 18px;position: absolute;left:12px;top:-2px;}
article .num li:after {content: " " counters(item, ".") ";"; counter-increment: item;}
article table {width:100%;border-spacing:0;margin: 20px 0 0 0;}
article table td {padding:5%;border: solid #bdbdbd;border-width: 1px 0 0 1px;}
article table tr td:first-child {border-width: 1px 0 0 0;}
article table thead tr td {border-width: 0 0 0 1px ;}
article table thead tr td:first-child {border-width: 0;}
article table tbody {counter-reset: item2;}
article table tbody tr td:first-child:before {content: " " counters(item2, ".") "."; counter-increment: item2;}

/* Menu */
.main .sidebar .menu {position: relative;padding:20px 25px;margin: 10px 0 20px 0;border: solid 1px #d5d5d5;border-radius: 5px;}
.main .sidebar .menu > b {position: absolute;left:10px;top:-12px;background: #fff;padding: 0 4px;font: bold 18px 'Roboto BoldCondensed';color: #2e2e2e;text-transform: uppercase;display:block;margin: 0 0 15px 0;text-align: left;}
.main .sidebar .menu > b span {color: #ffa300;}
.main .sidebar .menu > ul {list-style:none;}
.main .sidebar .menu > ul > li {margin: 14px 0 0 0;}
.main .sidebar .menu > ul > li:first-child {margin: 0;}
.main .sidebar .menu > ul > li > a {position: relative;font: bold 13px 'Roboto BoldCondensed';text-transform: uppercase;text-decoration: none;color: #5b5a5a;border-bottom: solid 1px #eee;padding: 0 0 1px 0;}
.main .sidebar .menu > ul > li > a:hover {color: #009cd7;border-bottom-color: #00acdd;}
.main .sidebar .menu > ul > li > ul {list-style:none;display:none;}
.main .sidebar .menu > ul > li.active > ul {display:block;}
.main .sidebar .menu > ul > li > ul > li {margin: 14px 0 0 0;position: relative;padding: 0 0 0 20px;}
.main .sidebar .menu > ul > li > ul > li:after {content:'';position: absolute;left:8px;top:6px;width:4px;height:4px;background-color: #ff7f00;border-radius:2px;}
.main .sidebar .menu > ul > li > ul > li a {font: bold 13px 'Roboto BoldCondensed';text-transform: uppercase;text-decoration: none;color: #ff7e00;}
.main .sidebar .menu > ul > li > ul > li:hover:after {background-color: #009cd7;}
.main .sidebar .menu > ul > li > ul > li:hover a {color: #009cd7;}
.main .sidebar .menu > ul > li.sub > a {border-bottom: dashed 1px #000;}
.main .sidebar .menu > ul > li.sub:hover > a {color: #009cd7;border-bottom-color: #00acdd;}
.main .sidebar .menu > ul > li.sub > a:after {content:'';position: absolute;bottom: -2px;right: -20px;display: block;width: 16px;height: 16px;background-position: -214px -188px;}
.main .sidebar .menu > ul > li.sub.active > a:after {background-position: -214px -200px;}

/* Banner */
.main .sidebar .adw {margin: 0 0 20px 0;display:block;}
.main .sidebar .adw img {width:100%;}
.main .sidebar .adw:hover {opacity:.9;}

/* Download */
.main .sidebar .download {font: 14px 'Roboto Condensed';color: #898989;margin: 0 0 20px 0;border-radius: 5px;background-color: #373737;padding: 7px 5px;text-align: center;}
.main .sidebar .download > b {font: bold 18px 'Roboto BoldCondensed';text-transform: uppercase;color: #009cd7;display:block;}
.main .sidebar .download > a {position: relative;margin: 10px 0 0 0;height: 38px;line-height: 42px;display:block;border-radius: 5px;box-shadow: 0 2px 0 0 #006795;text-decoration: none;overflow:hidden;}
.main .sidebar .download > a:after {content:'';position: absolute;left:50%;top:-25px;width:100px;height: 25px;margin: 0 0 0 -50px;box-shadow: #fff 0 15px 40px 0;z-index:15;opacity:.3;}
.main .sidebar .download > a span {position: relative;font: bold 14px 'Roboto Regular';color: #004060;text-transform: uppercase;z-index:25;}
.main .sidebar .download > a:hover {box-shadow: 0 2px 0 0 #daa700;}
.main .sidebar .download > a:hover span {color: #5f4b00;}
.main .sidebar .download > a:active {top:2px;box-shadow: 0 0 0 0 #daa700;}


/* Bottom
----------------------------------------------- */

.bottom {width:100%;height:52px;border: solid #c8c8c8;border-width: 1px 0;margin: 20px 0;}
.bottom > div {position: relative;}
.bottom > div ul {float:right;list-style:none;overflow:hidden;height:50px;padding: 0 0 0 60px;}
.bottom > div ul li {float:left;position: relative;padding: 0 0 0 20px;}
.bottom > div ul li:after {content:'';position: absolute;left:9px;top:22px;width:3px;height:3px;background-color: #7f7f7f;border-radius:50%;}
.bottom > div ul li:first-child:after {display:none;}
.bottom > div ul li a {font: normal 11px 'Roboto Condensed';line-height:50px;text-decoration: none;text-transform: uppercase;color: #9a9a9a;}
.bottom > div ul li a:hover {color: #009cd7;}
.bottom > div .go-top {position: absolute;top:0;width: 70px;height: 85px;left:14px;margin: -20px 0 0 0;background-color: #fff;text-align:center;}
.bottom > div .go-top span {display: inline-block;width: 58px;height: 85px;background-position: -165px 0;cursor:pointer;}
.bottom > div .go-top span:hover {opacity:.8;}


/* Footer
----------------------------------------------- */

footer > p {position: relative;padding: 15px 160px 75px 0;text-align:right;color: #000002;font: 12px 'Roboto Medium';}
footer > p:after {content:'';position: absolute;right:20px;top:-7px;width: 121px;height: 63px;background-position: 0 -158px;}
footer > p .made {display: block;text-indent: -5555em;position: absolute;left:0;bottom:10px;width: 221px;height: 49px;background-position: 0 -103px;}


/* CSS 3 effects
----------------------------------------------- */

header > form input[type=reset] {

                    -webkit-transition: opacity .6s ease, visibility .6s;
                    -moz-transition: opacity .6s ease, visibility .6s;
                    -o-transition: opacity .6s ease, visibility .6s;
                     transition: opacity .6s ease, visibility .6s;
}

header > form input[type=text] {

                    -webkit-transition: padding .2s ease;
                    -moz-transition: padding .2s ease;
                    -o-transition: padding .2s ease;
                     transition: padding .2s ease;
}


/* Responsive
----------------------------------------------- */

@media only screen and (min-width: 600px){
header nav ul li a {padding: 0 10px;}
.slider .rslides li .caption {top:30px;font-size: 25px;}
.main .content .about {text-align: justify;}
}

@media only screen and (min-width: 768px){
footer > p {padding: 15px 160px 25px 0;}
footer > p .made {bottom:16px;}
.main .content {width: 60%;}
.main .sidebar {width: 40%;}
.list a {float:left;width:49%;margin: 0 0 5% 0;}
}

@media only screen and (min-width : 768px) and (max-width : 940px) {
.list a:nth-child(2n-1) {margin-right: 1%;}
.list a:nth-child(2n) {margin-left: 1%;}
article table td {padding:20px;}
}

@media only screen and (min-width: 950px){
header {height: 190px;}
header nav {top:50px;left:180px;right:auto;}
header .adress {top:45px;}
.slider .rslides li .caption {top:50px;font-size: 30px;}
.main .content {width: 69%;}
.main .sidebar {width: 31%;}
.list a {width:32%;margin: 0 0 4% 0;}
.list a:nth-child(3n-1) {margin-right: 2%;margin-left: 2%;}
}

@media only screen and (min-width: 1000px){
header nav {left:215px;}
.bottom > div .go-top {left:50%;margin: -20px 0 0 -35px;}
}


/* CSS Gradients
----------------------------------------------- */

header > form button {background: rgb(80,80,80);background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzUwNTA1MCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM0MzQzNDMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);background: -moz-linear-gradient(top,  rgba(80,80,80,1) 0%, rgba(67,67,67,1) 100%);background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(80,80,80,1)), color-stop(100%,rgba(67,67,67,1)));background: -webkit-linear-gradient(top,  rgba(80,80,80,1) 0%,rgba(67,67,67,1) 100%);background: -o-linear-gradient(top,  rgba(80,80,80,1) 0%,rgba(67,67,67,1) 100%);background: -ms-linear-gradient(top,  rgba(80,80,80,1) 0%,rgba(67,67,67,1) 100%);background: linear-gradient(to bottom,  rgba(80,80,80,1) 0%,rgba(67,67,67,1) 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#505050', endColorstr='#434343',GradientType=0 );}header nav ul li.active a,header nav ul li:hover a,.list a > span {background: rgb(255,223,0);background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZGYwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmNhMDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);background: -moz-linear-gradient(top,  rgba(255,223,0,1) 0%, rgba(255,202,0,1) 100%);background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,223,0,1)), color-stop(100%,rgba(255,202,0,1)));background: -webkit-linear-gradient(top,  rgba(255,223,0,1) 0%,rgba(255,202,0,1) 100%);background: -o-linear-gradient(top,  rgba(255,223,0,1) 0%,rgba(255,202,0,1) 100%);background: -ms-linear-gradient(top,  rgba(255,223,0,1) 0%,rgba(255,202,0,1) 100%);background: linear-gradient(to bottom,  rgba(255,223,0,1) 0%,rgba(255,202,0,1) 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffdf00', endColorstr='#ffca00',GradientType=0 );}.main .sidebar .download > a,.list a:hover > span {background: rgb(0,169,221);background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwYTlkZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDhkY2UiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);background: -moz-linear-gradient(top,  rgba(0,169,221,1) 0%, rgba(0,141,206,1) 100%);background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,169,221,1)), color-stop(100%,rgba(0,141,206,1)));background: -webkit-linear-gradient(top,  rgba(0,169,221,1) 0%,rgba(0,141,206,1) 100%);background: -o-linear-gradient(top,  rgba(0,169,221,1) 0%,rgba(0,141,206,1) 100%);background: -ms-linear-gradient(top,  rgba(0,169,221,1) 0%,rgba(0,141,206,1) 100%);background: linear-gradient(to bottom,  rgba(0,169,221,1) 0%,rgba(0,141,206,1) 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00a9dd', endColorstr='#008dce',GradientType=0 );}.main .sidebar .download > a:hover {background: rgb(255,222,0);background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZGUwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmNiMDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);background: -moz-linear-gradient(top,  rgba(255,222,0,1) 0%, rgba(255,203,0,1) 100%);background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,222,0,1)), color-stop(100%,rgba(255,203,0,1)));background: -webkit-linear-gradient(top,  rgba(255,222,0,1) 0%,rgba(255,203,0,1) 100%);background: -o-linear-gradient(top,  rgba(255,222,0,1) 0%,rgba(255,203,0,1) 100%);background: -ms-linear-gradient(top,  rgba(255,222,0,1) 0%,rgba(255,203,0,1) 100%);background: linear-gradient(to bottom,  rgba(255,222,0,1) 0%,rgba(255,203,0,1) 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffde00', endColorstr='#ffcb00',GradientType=0 );}