﻿@charset "UTF-8";

/* THEME NAME: igeek
*/

/* RESET
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
* 
{
 margin: 0;
 padding: 0;
 outline: 0;
 border: 0;
 background: transparent;
 vertical-align: baseline;
 font-family: inherit;
 font-size: inherit;
}

/* HTML, BODY
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
html, body
{
 height: 100%;
 min-width: 1018px;
}
html
{
 overflow: auto;
}
body
{
 background: #F5F5F5;
 font: 14px/20px "Segoe UI", "Trebuchet MS", "Arial";
 color: #000;
}

/* ELEMENTS OF TEXT
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
a
{
 text-decoration: none;
 color: #ED1C24;
}
a:hover
{
 text-decoration: underline;
}
ul, ol
{
 list-style: none;
}
h1, h2, h3
{
 text-transform: uppercase;
 font-weight: normal;
}
h1
{
 font-size: 30px;
 line-height: 36px;
}
h2
{
 font-size: 26px;
 line-height: 30px;
}
h3
{
 font-size: 20px;
 line-height: 24px;
}

blockquote

{

background: none repeat scroll 0 0 #FAFAFA;
color: #383838;
font-family: Georgia,serif;
font-size: 18px;
font-style: italic;
line-height: 1.45;
padding: 1.25em 40px;
position: relative;
width: 670px;
}
blockquote:before {
color: #7A7A7A;
content: "\201C";
display: block;
font-size: 80px;
left: -10px;
position: absolute;
top: -10px;
}
blockquote cite {
color: #999999;
display: block;
font-size: 12px;
margin-top: 5px;
}
blockquote cite:before {
content: "\2014 \2009";
}

/* ELEMENTS OF FORM
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
input, textarea
{
 font: 14px/18px "Segoe UI", "Trebuchet MS", "Arial";
 color: #444;
}
input[type="text"], input[type="password"], textarea
{
 width: 310px;
 padding: 5px 10px;
 border: 1px solid #CDCDCD;
 background: #FFF;
}
input[type="text"], input[type="password"]
{
 height: 18px;
}
textarea
{
 height: 108px;
 resize: none;
}
input[type="submit"], input[type="button"]
{
 width: 130px;
 height: 30px;
 padding-bottom: 2px;
 background: #B90504;
 text-transform: uppercase;
 font-size: 16px;
 color: #FFF;
 cursor: pointer;
}
input[type="submit"]:hover, input[type="button"]:hover
{
 background: #ED1C24;
}

/* WRAPPERS
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
#wrapper
{
 position: relative;
 z-index: 9;
 width: 978px;
 min-height: 100%;
 height: auto !important;
 height: 100%;
 margin: 0 auto;
 padding: 0 20px;
 background: #FFF url("images/topline_bg.png") 50% 0 repeat-x;
}

/* HEADER PART
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
#header
{
 position: relative;
 height: 201px;
}
#header > *
{
 position: absolute;
}
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
.headlogo
{
 left: 0;
 top: 51px;
}
.headlogo > *
{
 display: block;
 width: 213px;
 height: 139px;
 background: url("images/logotype.png");
 text-indent: -99999px;
}
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
.headtmenu
{
 left: 0;
 top: 12px;
 overflow: hidden;
 height: 16px;
}
.headtmenu li
{
 float: left;
 margin-right: 14px;
 font-size: 12px;
 line-height: 16px;
}
.headtmenu a
{
 color: #FFF;
}
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
.headpanel
{
 right: 0;
 top: 8px;
 overflow: hidden;
 height: 25px;
}
.headpanel > *
{
 float: left;
 margin-left: 20px;
}
.headpanel div
{
 overflow: hidden;
}
.headpanel div a
{
 float: left;
 width: 25px;
 height: 25px;
 text-indent: -99999px;
 background-position: 0 0;
}
.headpanel div a:hover
{
 background-position: 0 -25px;
}
.headpanel div a.vk
{
 background-image: url("images/nsocial_vk.png");
}
.headpanel div a.tw
{
 background-image: url("images/nsocial_tw.png");
}
.headpanel div a.rs
{
 background-image: url("images/nsocial_rs.png");
}
.headpanel div a.yt
{
 background-image: url("images/nsocial_yt.png");
}
.headpanel div a.gp
{
 background-image: url("images/nsocial_gp.png");
}
.headpanel div a.fb
{
 background-image: url("images/nsocial_fb.png");
}
.headpanel div a.lj
{
 background-image: url("images/nsocial_lj.png");
}
.headpanel span
{
 text-transform: uppercase;
 font-size: 12px;
 line-height: 25px;
 color: #FFF;
 cursor: pointer;
}
.headpanel span:hover
{
 text-decoration: underline;
}
.headpanel > a
{
 line-height: 20px;
}
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
.headadvert
{
 right: 0;
 top: 41px;
 overflow: hidden;
 width: 728px;
 height: 89px;
}
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
.headfmenu
{
 right: 0;
 top: 131px;
 width: 728px;
 height: 50px;
}
.headfmenu a
{
 color: #FFF;
}
.headfmenu > *
{
 position: absolute;
 left: 0;
 top: 0;
 height: 50px;
}
.headfmenu > ul
{
 z-index: 102;
 width: 678px;
 background: #444;
}
.headfmenu > ul > li
{
 position: relative;
 float: left;
}
.headfmenu > ul > li > a
{
 display: block;
 padding: 0 10px;
 text-align: center;
 text-decoration: none;
 text-transform: uppercase;
 font-size: 16px;
 line-height: 50px;
}
.headfmenu > ul > li:hover > a, .headfmenu > ul > li.current-menu-item > a, .headfmenu > ul > li.current-menu-parent > a, .headfmenu > ul > li.current-post-ancestor > a
{
 background: #5C5C5C;
}
.headfmenu > ul > li > a span
{
 padding-right: 7px;
 background: url("images/headfmenu_arr.png") 100% 13px no-repeat;
}
.headfmenu > ul > li > ul
{
 display: none;
 position: absolute;
 padding: 6px 0;
 background: #5C5C5C;
}
.headfmenu > ul > li:hover > ul
{
 display: block;
}
.headfmenu > ul > li > ul > li
{
 padding: 6px 20px 6px 10px;
 white-space: nowrap;
 font-size: 14px;
 line-height: 18px;
}
.headfmenu form
{
 z-index: 101;
 width: 728px;
}
.headfmenu input
{
 float: left;
}
.headfmenu input[type="text"]
{
 width: 634px;
 height: 24px;
 padding: 12px 30px 12px 12px;
 border-color: #444;
 font-size: 18px;
 line-height: 24px;
}
.headfmenu input[type="submit"]
{
 width: 50px;
 height: 50px;
 background: url("images/headfmenu_but.png") 0 0;
 text-indent: -99999px;
}
.headfmenu input[type="submit"]:hover
{
 background-position: 0 -50px;
}
.headfmenu form span
{
 position: absolute;
 right: 60px;
 top: 20px;
 width: 10px;
 height: 11px;
 background: url("images/close.png") 0 0;
 text-indent: -99999px;
 cursor: pointer;
}
.headfmenu form span:hover
{
 background-position: 0 -11px;
}
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
.headcrumbs
{
 right: 0;
 bottom: 0;
 overflow: hidden;
 width: 728px;
 height: 20px;
 font-size: 11px;
 line-height: 20px;
 color: #777;
}
.headcrumbs a
{
 text-decoration: underline;
 color: #777;
}

/* CONTENT PART
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
#content
{
 overflow: hidden;
 padding-bottom: 106px;
}
.sideleft
{
 float: left;
 overflow: hidden;
 width: 728px;
}
.sideright
{
 float: right;
 overflow: hidden;
 width: 240px;
}
.profleft
{
 float: left;
 overflow: hidden;
 width: 240px;
}
.profright
{
 float: right;
 overflow: hidden;
 width: 728px;
}
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
.jastitle
{
 clear: both;
 overflow: hidden;
 height: 50px;
 padding: 0 10px;
 background: #444;
 text-transform: uppercase;
 font-size: 22px;
 font-weight: normal;
 line-height: 50px;
 color: #FFF;
}
div.jastitle
{
 margin-bottom: 1px;
}
.jastitle a
{
 color: #FFF;
}
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
.advert728x90, .advert240x400
{
 overflow: hidden;
 margin-bottom: 20px;
}
.advert728x90
{
 width: 728px;
 height: 90px;
}
.advert240x400
{
 width: 240px;
 height: 400px;
}
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
.mainnews
{
 position: relative;
 height: 542px;
 margin-bottom: 20px;
}
.mainnews > *
{
 position: absolute;
}
.mainnews .mn_title
{
 left: 0;
 top: 0;
 overflow: hidden;
 width: 230px;
 height: 60px;
 padding: 0 10px;
 background: #B90504;
 text-transform: uppercase;
 font-size: 22px;
 line-height: 60px;
 color: #FFF;
}
.mainnews .mn_banner
{
 left: 738px;
 top: 141px;
 overflow: hidden;
 width: 240px;
 height: 400px;
}
.mainnews a
{
 text-decoration: none;
 color: #FFF;
}
.mainnews img
{
 display: block;
}
.mainnews a > span
{
 position: absolute;
 left: 0;
 top: 0;
 width: 100%;
 height: 100%;
}
.mainnews span.title
{
 display: block;
 padding: 10px;
}
.mainnews span.metas
{
 position: absolute;
 left: 10px;
 bottom: 10px;
 font-size: 12px;
 line-height: 16px;
}
.mainnews span.metas span
{
 display: block;
}
.mainnews  span.count
{
 position: absolute;
 right: 10px;
 bottom: 10px;
 padding-bottom: 4px;
 background: url("images/corner.png") 100% 100% no-repeat;
 text-align: center;
 font-size: 11px;
 line-height: 22px;
}
.mainnews span.count span
{
 display: block;
 width: 30px;
 height: 22px;
 background: #030303;
}
.mainnews a.mn_item1
{
 left: 0;
 top: 61px;
}
.mainnews a.mn_item1, .mainnews a.mn_item1 img
{
 width: 250px;
 height: 340px;
}
.mainnews a.mn_item1 > span
{
 background: url("images/opacity1.png");
}
.mainnews a.mn_item1 span.title
{
 font-size: 21px;
 line-height: 25px;
}
.mainnews a.mn_item1 span.count span
{
 background: #35B945;
}
.mainnews a.mn_item2
{
 left: 251px;
 top: 0;
}
.mainnews a.mn_item2, .mainnews a.mn_item2 img
{
 width: 365px;
 height: 140px;
}
.mainnews a.mn_item2 > span
{
 background: url("images/opacity2.png");
}
.mainnews a.mn_item2 span.title
{
 font-size: 18px;
 line-height: 22px;
}
.mainnews a.mn_item2 span.count span
{
 background: #B93635;
}
.mainnews a.mn_item3
{
 left: 617px;
 top: 0;
}
.mainnews a.mn_item3, .mainnews a.mn_item3 img
{
 width: 361px;
 height: 140px;
}
.mainnews a.mn_item3 > span
{
 background: url("images/opacity3.png");
}
.mainnews a.mn_item3 span.title
{
 font-size: 18px;
 line-height: 22px;
}
.mainnews a.mn_item3 span.count span
{
 background: #7635B9;
}
.mainnews a.mn_item4
{
 left: 251px;
 top: 141px;
}
.mainnews a.mn_item4, .mainnews a.mn_item4 img
{
 width: 324px;
 height: 260px;
}
.mainnews a.mn_item4 > span
{
 background: url("images/opacity4.png");
}
.mainnews a.mn_item4 span.title
{
 font-size: 16px;
 line-height: 20px;
}
.mainnews a.mn_item4 span.count span
{
 background: #35A5B9;
}
.mainnews a.mn_item5
{
 left: 576px;
 top: 141px;
}
.mainnews a.mn_item5, .mainnews a.mn_item5 img
{
 width: 161px;
 height: 260px;
}
.mainnews a.mn_item5 > span
{
 background: url("images/opacity5.png");
}
.mainnews a.mn_item5 span.title
{
 font-size: 16px;
 line-height: 20px;
}
.mainnews a.mn_item5 span.count span
{
 background: #3573B9;
}
.mainnews a.mn_item6
{
 left: 0;
 top: 402px;
}
.mainnews a.mn_item6, .mainnews a.mn_item6 img
{
 width: 365px;
 height: 139px;
}
.mainnews a.mn_item6 > span
{
 background: url("images/opacity6.png");
}
.mainnews a.mn_item6 span.title
{
 font-size: 18px;
 line-height: 22px;
}
.mainnews a.mn_item6 span.count span
{
 background: #A835B9;
}
.mainnews a.mn_item7
{
 left: 366px;
 top: 402px;
}
.mainnews a.mn_item7, .mainnews a.mn_item7 img
{
 width: 371px;
 height: 139px;
}
.mainnews a.mn_item7 > span
{
 background: url("images/opacity7.png");
}
.mainnews a.mn_item7 span.title
{
 font-size: 18px;
 line-height: 22px;
}
.mainnews a.mn_item7 span.count span
{
 background: #B98F35;
}
.mainnews a:hover
{
 z-index: 10;
}
.mainnews a:hover > span
{
 top: 100%;
 height: auto;
 padding-bottom: 46px;
 background: #444444;
}
.mainnews a:hover span.title
{
 text-decoration: underline;
 font-size: 14px;
 line-height: 18px;
}
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
.videoboxing
{
 overflow: hidden;
 margin-bottom: 20px;
}
.videoboxing .vb_wrapper
{
 position: relative;
 overflow: hidden;
 float: left;
 width: 677px;
 height: 600px;
}
.videoboxing .vb_wrapper > *
{
 position: absolute;
 left: 0;
 overflow: hidden;
}
.videoboxing .vb_wrapper > div
{
 top: 0;
 width: 2031px;
 height: 388px;
}
.videoboxing .vb_wrapper > div > div
{
 position: relative;
 float: left;
 width: 677px;
 height: 388px;
}
.videoboxing .vb_wrapper ul
{
 top: 389px;
 width: 677px;
 height: 211px;
 background: #1F1F1F;
}
.videoboxing .vb_wrapper li
{
 position: relative;
 float: left;
 width: 205px;
 height: 191px;
 padding: 10px;
 border-left: 1px solid #FFF;
 font-size: 12px;
 line-height: 16px;
 color: #FFF;
 cursor: pointer;
}
.videoboxing .vb_wrapper li:first-child
{
 border: 0;
}
.videoboxing .vb_wrapper li div
{
 position: relative;
 width: 205px;
 height: 120px;
 margin-bottom: 5px;
}
.videoboxing .vb_wrapper li div img
{
 display: block;
 width: 205px;
 height: 120px;
}
.videoboxing .vb_wrapper li div span
{
 position: absolute;
 left: 0;
 top: 0;
 width: 100%;
 height: 100%;
 background: url("images/videoboxing_bg.png");
}
.videoboxing .vb_wrapper li p
{
 overflow: hidden;
 height: 48px;
}
.videoboxing .vb_wrapper li > span
{
 position: absolute;
 left: 10px;
 bottom: 5px;
 color: #C2C2C2;
}
.videoboxing .vb_wrapper li:hover
{
 background: #2E2E2E;
}
.videoboxing .vb_wrapper li.current
{
 background: #2E2E2E url("images/videoboxing_arr.png") 50% 0 no-repeat;
}
.videoboxing .vb_wrapper li:hover div span, .videoboxing .vb_wrapper li.current div span
{
 display: none;
}
.videoboxing .vb_banner
{
 float: right;
 overflow: hidden;
 width: 300px;
 height: 600px;
}
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
.newsboxing
{
 overflow: hidden;
 margin-bottom: 20px;
 border: 1px solid #CBCBCB;
 border-left: 0;
}
.newsboxing > div
{
 float: left;
 border-left: 1px solid #CBCBCB;
}
.newsboxing > div > div
{
 margin-top: -1px;
 padding: 15px 10px;
 border-top: 1px solid #CBCBCB;
}
.newsboxing .nb_size1
{
 width: 324px;
}
.newsboxing .nb_size1:first-child, .newsboxing .nb_size1:last-child
{
 width: 325px;
}
.newsboxing .nb_size2
{
 width: 243px;
}
.newsboxing .nb_size2:first-child
{
 width: 244px;
}
.newsboxing .nb_size3
{
 width: 241px;
}
.newsboxing .nb_size3:first-child
{
 width: 242px;
}
.newsboxing span.title
{
 display: block;
 font-size: 22px;
 line-height: 24px;
}
.newsboxing span.title a
{
 text-decoration: none;
 color: #000;
}
.newsboxing span.title a:hover
{
 color: #ED1C24;
}
.newsboxing span.metas
{
 display: block;
 overflow: hidden;
 margin-top: 15px;
 font-size: 12px;
 line-height: 16px;
 color: #777;
}
.newsboxing span.metas span
{
 float: left;
}
.newsboxing span.metas a
{
 float: right;
 color: #444;
}
.newsboxing span.image
{
 position: relative;
 display: block;
 margin-top: 15px;
}
.newsboxing span.image img
{
 display: block;
}
.newsboxing .nb_size1 span.image img
{
 width: 304px;
 height: 180px;
}
.newsboxing .nb_size2 span.image img
{
 width: 223px;
 height: 140px;
}
.newsboxing .nb_size3 span.image img
{
 width: 221px;
 height: 140px;
}
.newsboxing span.image a
{
 position: absolute;
 right: 10px;
 top: 10px;
 padding-bottom: 4px;
 background: url("images/corner.png") 100% 100% no-repeat;
 text-align: center;
 font-size: 11px;
 line-height: 22px;
 color: #FFF;
}
.newsboxing span.image a span
{
 display: block;
 width: 30px;
 height: 22px;
 background: #030303;
}
.newsboxing span.image a.color1 span
{
 background: #35B945;
}
.newsboxing span.image a.color2 span
{
 background: #B98F35;
}
.newsboxing span.image a.color3 span
{
 background: #B93635;
}
.newsboxing span.image a.color4 span
{
 background: #35B7B9;
}
.newsboxing span.image a.color5 span
{
 background: #A835B9;
}
.newsboxing span.image a.color6 span
{
 background: #3573B9;
}
.newsboxing span.image a.color7 span
{
 background: #6A35B9;
}
.newsboxing p
{
 margin-top: 15px;
}
.newsboxing p a
{
 text-decoration: underline;
}
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
.archboxing
{
 clear: both;
 position: relative;
 overflow: hidden;
 min-height: 245px;
 padding: 15px 0 15px 233px;
 background: url("images/logotype.png") 10px 72px no-repeat;
}
.archboxing > span
{
 position: absolute;
 left: 10px;
 top: 15px;
 width: 223px;
 font-size: 12px;
 line-height: 18px;
}
.archboxing form
{
 position: absolute;
 left: 10px;
 top: 228px;
}
.archboxing input[type="text"]
{
 width: 161px;
 padding: 6px 40px 6px 10px;
 font-size: 12px;
 color: #A3A3A3;
}
.archboxing input[type="submit"]
{
 position: absolute;
 right: 1px;
 top: 1px;
 width: 30px;
 height: 30px;
 background: url("images/archboxing_but.png") 0 0;
 text-indent: -99999px;
}
.archboxing input[type="submit"]:hover
{
 background-position: 0 -30px;
}
.archboxing div
{
 float: left;
 width: 130px;
 margin-left: 83px;
 line-height: 18px;
}
.archboxing div span
{
 display: block;
 margin-bottom: 12px;
 text-transform: uppercase;
 font-size: 14px;
}
.archboxing div ul
{
 margin-bottom: -6px;
}
.archboxing div li
{
 margin-bottom: 6px;
 font-size: 12px;
}
.archboxing div a
{
 color: #444;
}
.archboxing div a.rs, .archboxing div a.vk, .archboxing div a.fb, .archboxing div a.tw, .archboxing div a.yt, .archboxing div a.gp, .archboxing div a.lj
{
 display: inline-block;
 padding-left: 31px;
 background: 0 -25px no-repeat;
 line-height: 25px;
 *display: inline;
 *zoom: 1;
}
.archboxing div a.rs
{
 background-image: url("images/nsocial_rs.png");
}
.archboxing div a.vk
{
 background-image: url("images/nsocial_vk.png");
}
.archboxing div a.fb
{
 background-image: url("images/nsocial_fb.png");
}
.archboxing div a.tw
{
 background-image: url("images/nsocial_tw.png");
}
.archboxing div a.yt
{
 background-image: url("images/nsocial_yt.png");
}
.archboxing div a.gp
{
 background-image: url("images/nsocial_gp.png");
}
.archboxing div a.lj
{
 background-image: url("images/nsocial_lj.png");
}
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
.infobox
{
 overflow: hidden;
 padding: 20px 0 20px 10px;
}
.shortpost
{
 overflow: hidden;
 padding: 20px 0 20px 10px;
 border-bottom: 1px solid #CBCBCB;
}
.shortpost .title
{
 float: left;
 width: 600px;
 font-size: 22px;
 line-height: 24px;
}
.shortpost .title a
{
 text-decoration: none;
 color: #000;
}
.shortpost .title a:hover
{
 color: #ED1C24;
}
.shortpost .rating
{
 float: right;
 padding-top: 8px;
}
.shortpost .rating span
{
 display: block;
 text-align: right;
 font-size: 10px;
 line-height: 16px;
 color: #777;
}
.shortpost .metas
{
 clear: both;
 overflow: hidden;
 margin-bottom: 14px;
 padding-top: 10px;
 font-size: 12px;
 line-height: 16px;
}
.shortpost .metas span
{
 float: left;
 color: #777;
}
.shortpost .metas span a
{
 color: #444;
}
.shortpost .metas > a
{
 float: right;
}
.shortpost.color1 .metas > a
{
 color: #51B935;
}
.shortpost.color2 .metas > a
{
 color: #B93635;
}
.shortpost.color3 .metas > a
{
 color: #A835B9;
}
.shortpost.color4 .metas > a
{
 color: #3573B9;
}
.shortpost.color5 .metas > a
{
 color: #35B7B9;
}
.shortpost.color6 .metas > a
{
 color: #B9A535;
}
.shortpost .image
{
 position: relative;
 float: left;
 width: 220px;
 height: 140px;
 margin-right: 10px;
}
.shortpost .image img
{
 display: block;
 width: 220px;
 height: 140px;
}
.shortpost .image a
{
 position: absolute;
 right: 10px;
 top: 10px;
 padding-bottom: 4px;
 background: url("images/corner.png") 100% 100% no-repeat;
 text-align: center;
 font-size: 11px;
 line-height: 22px;
 color: #FFF;
}
.shortpost .image a span
{
 display: block;
 width: 30px;
 height: 22px;
 background: #030303;
}
.shortpost.color1 a span
{
 background: #51B935;
}
.shortpost.color2 a span
{
 background: #B93635;
}
.shortpost.color3 a span
{
 background: #A835B9;
}
.shortpost.color4 a span
{
 background: #3573B9;
}
.shortpost.color5 a span
{
 background: #35B7B9;
}
.shortpost.color6 a span
{
 background: #B9A535;
}
.shortpost p
{
 overflow: hidden;
}
.shortpost p a
{
 text-decoration: underline;
}
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
.navigation
{
 overflow: hidden;
 height: 24px;
 padding: 20px 0;
 text-align: center;
 font-size: 0;
 line-height: 0;
}
.navigation > *
{
 display: inline-block;
 margin: 0 2px;
 padding: 0 8px;
 background: #C5C5C5;
 font-size: 14px;
 line-height: 24px;
 color: #FFF;
 *display: inline;
 *zoom: 1;
}
.navigation a
{
 text-decoration: none;
}
.navigation a:hover
{
 background: #777;
}
.navigation span.current
{
 background: #ED1C24;
}
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
.singlepost .title
{
 position: relative;
 min-height: 72px;
 margin-bottom: 20px;
 padding: 15px 110px 15px 10px;
 background: #FAFAFA;
}
.singlepost .title h1
{
 color: #B90504;
}
.singlepost .title > div
{
 position: absolute;
 right: 10px;
 top: 20px;
}
.singlepost .title > div span
{
 display: block;
 text-align: right;
 font-size: 10px;
 line-height: 16px;
 color: #777;
}
.singlepost .title > a
{
 position: absolute;
 right: 10px;
 bottom: 20px;
 padding-bottom: 4px;
 background: url("images/corner.png") 100% 100% no-repeat;
 text-align: center;
 font-size: 11px;
 line-height: 22px;
 color: #FFF;
}
.singlepost .title > a span
{
 display: block;
 width: 30px;
 height: 22px;
 background: #030303;
}
.singlepost.color1 .title > a span
{
 background: #51B935;
}
.singlepost.color2 .title > a span
{
 background: #B93635;
}
.singlepost.color3 .title > a span
{
 background: #A835B9;
}
.singlepost.color4 .title > a span
{
 background: #3573B9;
}
.singlepost.color5 .title > a span
{
 background: #35B7B9;
}
.singlepost.color6 .title > a span
{
 background: #B9A535;
}
.singlepost .metas
{
 overflow: hidden;
 margin-bottom: 20px;
 padding: 0 10px;
 line-height: 36px;
}
.singlepost .metas img
{
 float: left;
 width: 36px;
 height: 36px;
 margin-right: 10px;
}
.singlepost .metas span
{
 color: #777;
}
.singlepost .metas span a
{
 color: #444;
}
.singlepost .metas div
{
 float: right;
}
.singlepost.color1 .metas div a
{
 color: #51B935;
}
.singlepost.color2 .metas div a
{
 color: #B93635;
}
.singlepost.color3 .metas div a
{
 color: #A835B9;
}
.singlepost.color4 .metas div a
{
 color: #3573B9;
}
.singlepost.color5 .metas div a
{
 color: #35B7B9;
}
.singlepost.color6 .metas div a
{
 color: #B9A535;
}
.singlepost .keeps
{
 overflow: hidden;
 padding: 0 10px;
}
.singlepost .keeps > *
{
 margin-bottom: 20px;
}
.singlepost .keeps .advert728x90
{
 margin-left: -10px;
 margin-bottom: -10px;
}
.singlepost .keeps ul li
{
 padding-left: 14px;
 background: url("images/li_mark.png") 0 8px no-repeat;
}
.singlepost .keeps ol
{
 list-style: inside decimal;
}
.singlepost p
{
 overflow: hidden;
}
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
.alignleft
{
 float: left;
 margin-right: 20px;
}
.alignright
{
 float: right;
 margin-left: 20px;
}
.aligncenter, .alignnone
{
 display: block;
}
.aligncenter
{
 margin: 0 auto;
}
.thickbox
{
 display: inline-block;
 margin: 0 10px;
 padding: 1px;
 border: 1px solid #444;
 *display: inline;
 *zoom: 1;
}
.thickbox:hover
{
 border-color: #ED1C24;
}
.thickbox img
{
 display: block;
}
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
.valueboxing
{
 margin-bottom: 20px;
 padding: 0 10px;
}
.valueboxing .vb_title
{
 margin-bottom: 10px;
 font-size: 30px;
 line-height: 36px;
 color: #ED1C24;
}
.valueboxing .vb_block
{
 overflow: hidden;
 padding: 10px;
 border: 1px solid #CBCBCB;
}
.valueboxing .vb_block ul
{
 float: left;
 width: 500px;
 margin: -10px 0;
}
.valueboxing .vb_block li
{
 overflow: hidden;
 height: 40px;
 border-top: 1px solid #CBCBCB;
 background: url("images/valueboxing.png") no-repeat;
 line-height: 40px;
}
.valueboxing .vb_block li:first-child
{
 border: 0;
}
.valueboxing .vb_block li.ball0
{
 background-position: 402px 0;
}
.valueboxing .vb_block li.ball1
{
 background-position: 402px -40px;
}
.valueboxing .vb_block li.ball2
{
 background-position: 402px -80px;
}
.valueboxing .vb_block li.ball3
{
 background-position: 402px -120px;
}
.valueboxing .vb_block li.ball4
{
 background-position: 402px -160px;
}
.valueboxing .vb_block li.ball5
{
 background-position: 402px -200px;
}
.valueboxing .vb_block li div
{
 float: left;
 font-size: 18px;
}
.valueboxing .vb_block li span
{
 float: right;
 font-size: 22px;
}
.valueboxing .vb_block > div
{
 float: right;
 width: 141px;
 padding: 10px 0;
 background: #ED1C24;
 text-align: center;
 color: #FFF;
}
.valueboxing .vb_block > div div
{
 font-size: 16px;
}
.valueboxing .vb_block > div span
{
 display: block;
 font-size: 60px;
 line-height: 60px;
}
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
.underpost
{
 overflow: hidden;
 margin-bottom: 20px;
 padding-top: 20px;
 border-top: 1px solid #EBEBEB;
}
.underpost .up_tags
{
 float: left;
 padding-left: 13px;
 background: url("images/underpost_icon.png") 0 50% no-repeat;
 font-size: 12px;
 line-height: 24px;
}
.underpost .up_social
{
 float: right;
 overflow: hidden;
}
.underpost .up_social a
{
 float: left;
 width: 24px;
 height: 24px;
 margin-left: 5px;
 background: url("images/share42.png");
 text-indent: -99999px;
}
.underpost .up_social a.icon1
{
 background-position: 0 0;
}
.underpost .up_social a.icon2
{
 background-position: -24px 0;
}
.underpost .up_social a.icon3
{
 background-position: -48px 0;
}
.underpost .up_social a.icon4
{
 background-position: -72px 0;
}
.underpost .up_social a.icon5
{
 background-position: -96px 0;
}
.underpost .up_social a.icon6
{
 background-position: -120px 0;
}
.underpost .up_social a.icon7
{
 background-position: -144px 0;
}
.underpost .up_social a.icon8
{
 background-position: -168px 0;
}
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
.tabsmenu
{
 margin-bottom: 1px;
 *zoom: 1;
}
.tabsmenu:after
{
 display: block;
 clear: both;
 visibility: hidden;
 height: 0;
 content: ".";
}
.tabsmenu li
{
 position: relative;
 float: left;
 width: 222px;
 height: 50px;
 border-left: 1px solid #FFF;
 background: #5C5C5C;
 padding: 0 10px;
 text-transform: uppercase;
 font-size: 18px;
 line-height: 50px;
 color: #FFF;
 cursor: pointer;
}
.tabsmenu li:first-child
{
 border: 0;
}
.tabsmenu li:hover
{
 text-decoration: underline;
}
.tabsmenu li.current
{
 background: #B90504;
 text-decoration: none;
}
.tabsmenu li span
{
 display: none;
 position: absolute;
 left: 10px;
 top: 50px;
 width: 15px;
 height: 7px;
 background: url("images/tabsmenu_arr.png");
}
.tabsmenu li.current span
{
 display: block;
}
.tabsitem
{
 display: none;
}
.tabsitem.visible
{
 display: block;
}
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
.commentlist
{
 padding: 0 10px;
}
.commentlist li
{
 overflow: hidden;
 padding-top: 20px;
 border-top: 1px dotted #CBCBCB;
}
.commentlist li:first-child
{
 border: 0;
}
.commentlist ul.children
{
 background: url("images/commentlist_arr.png") 0 21px no-repeat;
 padding-left: 25px;
 border-top: 1px dotted #CBCBCB;
}
.commentlist .title
{
 position: relative;
 overflow: hidden;
 margin-bottom: 20px;
}
.commentlist .title img
{
 float: left;
 width: 20px;
 height: 20px;
 margin-right: 12px;
}
.commentlist .title div
{
 font-size: 12px;
 line-height: 20px;
 color: #777;
}
.commentlist .title a, .commentlist .title span
{
 font-size: 13px;
 color: #444;
}
.commentlist .title sup
{
 font-size: 10px;
 vertical-align: super;
}
.commentlist .title sup.green
{
 color: #1DB105;
}
.commentlist .title sup.red
{
 color: #ED1C24;
}
.commentlist .title sup.grey
{
 color: #A2A2A2;
}
.commentlist .title > span
{
 position: absolute;
 width: 6px;
 background: url("images/plusminus.png");
 text-indent: -99999px;
 cursor: pointer;
}
.commentlist .title > span.plus
{
 right: 9px;
 top: 7px;
 height: 6px;
 background-position: 0 0;
}
.commentlist .title > span.menus
{
 right: 0;
 top: 9px;
 height: 2px;
 background-position: 0 -6px;
}
.commentlist .metas
{
 overflow: hidden;
 margin: -15px 0 20px 0;
 font-size: 12px;
 line-height: 20px;
}
.commentlist .metas > div
{
 float: left;
 overflow: hidden;
 color: #444;
}
.commentlist .metas > div > *
{
 float: left;
}
.commentlist .metas > div > span
{
 margin-right: 10px;
}
.commentlist .metas > div > div
{
 width: 70px;
 height: 12px;
 margin-top: 4px;
 background: url("images/resprating.png");
}
.commentlist .metas > div > div.rate0
{
 background-position: 0 0;
}
.commentlist .metas > div > div.rate1
{
 background-position: 0 -12px;
}
.commentlist .metas > div > div.rate2
{
 background-position: 0 -24px;
}
.commentlist .metas > div > div.rate3
{
 background-position: 0 -36px;
}
.commentlist .metas > div > div.rate4
{
 background-position: 0 -48px;
}
.commentlist .metas > div > div.rate5
{
 background-position: 0 -60px;
}
.commentlist .metas > span
{
 float: right;
 color: #777;
}
.commentlist p
{
 margin-bottom: 20px;
}
.commentlist li > b
{
 display: block;
 margin-bottom: 5px;
 color: #444;
}
.commentlist form 
{
 display: none;
}
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
.addcomment
{
 margin-bottom: 20px;
}
.addcomment a
{
 float: right;
 margin-bottom: 10px;
}
.addcomment textarea
{
 clear: both;
 display: block;
 width: 706px;
 height: 140px;
 margin-bottom: 20px;
}
.addcomment input[type="submit"]
{
 width: 250px;
}
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
.addresponse
{
 margin-bottom: 20px;
}
.addresponse .restime
{
 float: left;
 margin-bottom: 20px;
 *zoom: 1;
}
.addresponse .restime:after
{
 display: block;
 clear: both;
 visibility: hidden;
 height: 0;
 content: ".";
}
.addresponse .restime > *
{
 float: left;
}
.addresponse .restime > span
{
 margin-right: 10px;
 line-height: 24px;
}
.addresponse .resrate
{
 float: right;
 margin-bottom: 20px;
 *zoom: 1;
}
.addresponse .resrate:after
{
 display: block;
 clear: both;
 visibility: hidden;
 height: 0;
 content: ".";
}
.addresponse .resrate > *
{
 float: left;
}
.addresponse .resrate > span
{
 margin-right: 10px;
 line-height: 24px;
}
.addresponse .resrate  > div
{
 width: 70px;
 height: 12px;
 margin-top: 6px;
 background: url("images/resprating.png");
 cursor: pointer;
}
.addresponse .resrate  > div.rate0
{
 background-position: 0 0;
}
.addresponse .resrate  > div.rate1
{
 background-position: 0 -12px;
}
.addresponse .resrate  > div.rate2
{
 background-position: 0 -24px;
}
.addresponse .resrate  > div.rate3
{
 background-position: 0 -36px;
}
.addresponse .resrate  > div.rate4
{
 background-position: 0 -48px;
}
.addresponse .resrate  > div.rate5
{
 background-position: 0 -60px;
}
.addresponse label
{
 clear: both;
 display: block;
 margin-bottom: 20px;
}
.addresponse label span
{
 display: block;
 margin-bottom: 5px;
 font-weight: bold;
 color: #444;
}
.addresponse textarea
{
 display: block;
 width: 706px;
 height: 90px;
}
.addresponse input[type="submit"]
{
 width: 180px;
}
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
.undercomment
{
 padding: 20px 0;
 border-top: 1px solid #CBCBCB;
}
.undercomment span
{
 text-decoration: underline;
 color: #1582BF;
 cursor: pointer;
}
.undercomment span:hover
{
 color: #ED1C24;
}
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
.sidenews
{
 margin-bottom: 20px;
}
.sidenews > div
{
 overflow: hidden;
 height: 50px;
 padding-left: 10px;
 background: #B90504;
 text-transform: uppercase;
 font-size: 20px;
 font-weight: normal;
 line-height: 50px;
 color: #FFF;
}
.sidenews ul
{
 border: 1px solid #CBCBCB;
 border-top: 0;
}
.sidenews li
{
 overflow: hidden;
 padding: 15px 10px;
 border-top: 1px solid #CBCBCB;
 font-size: 14px;
 line-height: 17px;
}
.sidenews li:first-child
{
 border: 0;
}
.sidenews li span
{
 display: block;
 margin-bottom: 8px;
 font-size: 12px;
 line-height: 14px;
 color: #777;
}
.sidenews li img
{
 float: left;
 width: 80px;
 height: 60px;
 margin-right: 10px;
}
.sidenews li a
{
 overflow: hidden;
 color: #000;
}
.sidenews li a:hover
{
 color: #ED1C24;
}
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
.sidecomms
{
 margin-bottom: 20px;
}
.sidecomms > div
{
 overflow: hidden;
 height: 50px;
 padding-left: 10px;
 background: #444;
 text-transform: uppercase;
 font-size: 20px;
 font-weight: normal;
 line-height: 50px;
 color: #FFF;
}
.sidecomms ul
{
 border: 1px solid #CBCBCB;
 border-top: 0;
}
.sidecomms li
{
 overflow: hidden;
 padding: 15px 10px;
 border-top: 1px solid #CBCBCB;
 font-size: 14px;
 line-height: 17px;
}
.sidecomms li:first-child
{
 border: 0;
}
.sidecomms li span
{
 display: block;
 margin-bottom: 8px;
 font-size: 12px;
 line-height: 14px;
 color: #777;
}
.sidecomms li div
{
 overflow: hidden;
}
.sidecomms li div img
{
 float: left;
 width: 20px;
 height: 20px;
 margin-right: 10px;
}
.sidecomms li div a
{
 font-size: 12px;
 line-height: 20px;
 color: #444;
}
.sidecomms li p
{
 margin-top: 8px;
}
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
.sidewidget
{
 margin-bottom: 20px;
}
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
.usertitle
{
 position: relative;
 padding: 10px 0 20px 0;
}
.usertitle h1
{
 text-transform: none;
 color: #444;
}
.usertitle h1 span
{
 color: #ED1C24;
}
.usertitle > span
{
 font-size: 12px;
 color: #777;
}
.usertitle div
{
 position: absolute;
 right: 0;
 top: 20px;
 color: #444;
}
.usertitle div > span.green
{
 color: #1DB105;
}
.usertitle div > span.red
{
 color: #ED1C24;
}
.usertitle div > span.grey
{
 color: #A2A2A2;
}
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
.useravatar
{
 margin-bottom: 20px;
}
.useravatar img
{
 display: block;
 width: 240px;
 height: 240px;
 margin-bottom: 1px;
}
.useravatar a
{
 display: block;
 background: #26B904;
 text-align: center;
 font-size: 22px;
 line-height: 50px;
 color: #FFF;
}
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
.userinfo
{
 margin-bottom: 20px;
}
.userinfo span
{
 display: block;
 margin-bottom: 10px;
 font-size: 22px;
 line-height: 24px;
}
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
.usersocial
{
 overflow: hidden;
 margin-bottom: 20px;
}
.usersocial a
{
 float: left;
 width: 25px;
 height: 25px;
 margin-right: 3px;
 text-indent: -99999px;
 background-position: 0 -25px;
}
.usersocial a.vk
{
 background-image: url("images/nsocial_vk.png");
}
.usersocial a.tw
{
 background-image: url("images/nsocial_tw.png");
}
.usersocial a.yt
{
 background-image: url("images/nsocial_yt.png");
}
.usersocial a.gp
{
 background-image: url("images/nsocial_gp.png");
}
.usersocial a.fb
{
 background-image: url("images/nsocial_fb.png");
}
.usersocial a.lj
{
 background-image: url("images/nsocial_lj.png");
}
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
.userdate
{
 margin-bottom: 20px;
 font-size: 12px;
 line-height: 18px;
 color: #777;
}
.userdate span
{
 display: block;
}
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
.editform
{
 position: relative;
 overflow: hidden;
 margin-bottom: 20px;
 padding-top: 10px;
}
.editform label
{
 display: block;
 overflow: hidden;
 margin-bottom: 10px;
}
.editform label span
{
 float: left;
 line-height: 30px;
}
.editform label input, .editform label textarea
{
 width: 580px;
 float: right;
}
.editform div.panel
{
 overflow: hidden;
 margin: 0 0 10px 126px;
}
.editform div.panel > *
{
 float: left;
 margin-right: 15px;
 text-decoration: underline;
 color: #1582BF;
 cursor: pointer;
}
.editform div.panel > *:hover
{
 color: #ED1C24;
}
.editform div.hide
{
 display: none;
}
.editform div.social label span
{
 margin-top: 7px;
 padding-left: 31px;
 background: 0 -25px no-repeat;
 line-height: 25px;
}
.editform div.social label.vk span
{
 background-image: url("images/nsocial_vk.png");
}
.editform div.social label.tw span
{
 background-image: url("images/nsocial_tw.png");
}
.editform div.social label.yt span
{
 background-image: url("images/nsocial_yt.png");
}
.editform div.social label.gp span
{
 background-image: url("images/nsocial_gp.png");
}
.editform div.social label.fb span
{
 background-image: url("images/nsocial_fb.png");
}
.editform div.social label.lj span
{
 background-image: url("images/nsocial_lj.png");
}
.editform  input[type="file"]
{
 position: absolute;
 left: -99999px;
}
.editform input[type="submit"]
{
 margin-left: 126px;
}

/* FOOTER PART
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
#footer
{
 position: relative;
 z-index: 10;
 width: 978px;
 height: 106px;
 margin: -106px auto 0 auto;
}
#footer > *
{
 position: absolute;
}
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
.footcopy
{
 left: 0;
 top: 17px;
 width: 980px;
 font-size: 11px;
 line-height: 18px;
 color: #777;
}
.footcount
{
 right: 0;
 bottom: 20px;
 overflow: hidden;
}
.footcount > div
{
 float: left;
 margin-left: 10px;
}


/* WINMODAL PART
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
.winmodal
{
 display: none;
 position: fixed;
 z-index: 9999;
 left: 50%;
 top: 226px;
 width: 420px;
 margin-left: -230px;
 padding: 20px;
 background: #FFF;
}
.winmodal a
{
 text-decoration: underline;
 color: #1582BF;
}
.winmodal a:hover
{
 color: #ED1C24;
}
.winmodal .title
{
 margin-bottom: 20px;
 padding-bottom: 10px;
 border-bottom: 1px solid #E8EBED;
 text-transform: uppercase;
 font-size: 22px;
 line-height: 26px;
}
.winmodal .forms
{
 overflow: hidden;
 margin-bottom: 20px;
}
.winmodal .forms label
{
 display: block;
 overflow: hidden;
 margin-bottom: 10px;
}
.winmodal .forms label span
{
 float: left;
 line-height: 30px;
}
.winmodal .forms label input
{
 float: right;
}
.winmodal .forms label.rememberme
{
 padding-left: 90px;
}
.winmodal .forms label.rememberme input
{
 float: left;
 margin: 10px 10px 0 0;
}
.winmodal .forms div
{
 padding: 10px 0 0 88px;
}
.winmodal .forms div input
{
 float: left;
 margin-right: 20px;
}
.winmodal .forms div input[value="Войти"]
{
 width: 100px;
}
.winmodal .forms div input[value="Зарегистрироваться"]
{
 width: 220px;
}
.winmodal .forms div input[value="Восстановить пароль"]
{
 width: 220px;
}
.winmodal .forms div > span
{
 line-height: 30px;
}
.winmodal .forms div p
{
 clear: both;
 padding-top: 6px;
 font-size: 12px;
 line-height: 18px;
}
.winmodal .loginzabox
{
 overflow: hidden;
 height: 20px;
 margin-bottom: 20px;
 padding: 20px 0;
 border-top: 1px dashed #E9ECEE;
 border-bottom: 1px dashed #E9ECEE;
}
.winmodal .loginzabox > *
{
 float: left;
}
.winmodal .loginzabox span
{
 margin-right: 12px;
 line-height: 20px;
}
.winmodal .loginzabox a
{
 width: 20px;
 height: 20px;
 margin-right: 5px;
 text-indent: -99999px;
 background-position: 0 -20px;
}
.winmodal .loginzabox a.vk
{
 background-image: url("images/social_vk.png");
}
.winmodal .loginzabox a.tw
{
 background-image: url("images/social_tw.png");
}
.winmodal .loginzabox a.in
{
 background-image: url("images/social_in.png");
}
.winmodal .loginzabox a.gp
{
 background-image: url("images/social_gp.png");
}
.winmodal .loginzabox a.fb
{
 background-image: url("images/social_fb.png");
}
.winmodal span.win_regis, .winmodal span.win_enter, .winmodal span.win_lpass
{
 text-decoration: underline;
 color: #1582BF;
 cursor: pointer;
}
.winmodal span.win_regis:hover, .winmodal span.win_enter:hover, .winmodal span.win_lpass:hover
{
 color: #ED1C24;
}
.winmodal .close
{
 position: absolute;
 right: 10px;
 top: 10px;
 width: 10px;
 height: 11px;
 background: url("images/close.png") 0 0;
 text-indent: -99999px;
 cursor: pointer;
}
.winmodal .close:hover
{
 background-position: 0 -11px;
}
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
#fademodal
{
 display: none;
 position: fixed;
 z-index: 9998;
 left: 0;
 top: 0;
 width: 100%;
 height: 100%;
 background: url("images/opacity8.png");
}
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
#advertbg
{
 z-index: 0;
 position: fixed;
 left: 0;
 top: 0;
 width: 100%;
 height: 100%;
 overflow: hidden;
}
#advertbg img
{
 position: absolute;
 left: 50%;
 top: 0;
 width: 2560px;
 margin-left: -1280px;
}

/* JQUERY FORMSTYLER
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
.selectbox
{
 background: #5C5C5C;
 font: 14px/24px "Segoe UI", "Trebuchet MS", "Arial";
 color: #FFF;
 cursor: pointer;
}
.selectbox .select
{
 width: 170px;
 height: 24px;
 padding: 0 10px;
 background: url("images/input_select.png") 170px 9px no-repeat;
}
.selectbox .dropdown
{
 left: 0;
 top: 25px;
 width: 190px;
 background: #676767;
}
.selectbox .dropdown ul
{
 margin: 0;
 padding: 0;
 list-style: none;
}
.selectbox .dropdown li
{
 padding: 2px 10px;
 background: none;
}
.selectbox .dropdown li:first-child
{
 border: 0;
}
.selectbox li:hover, .selectbox li.selected
{
 background: #ED1C24;
}

#gopcha{display:none;}