/* viploverus.ru */

@font-face {
    font-family:'robotolight';
    font-style:normal;
    font-weight:400;
    src:url(/res_files/Roboto-Light-webfont.eot);
    src:local(robotolight),url(/res_files/Roboto-Light-webfont.eot?#iefix) format("embedded-opentype"),url(/res_files/Roboto-Light-webfont.woff) format("woff"),url(/res_files/Roboto-Light-webfont.ttf) format("truetype"),url(/res_files/Roboto-Light-webfont.svg#robotolight) format("svg")
}

html {
    -ms-touch-action:pan-y;
    touch-action:pan-y
}

body {
    background:#f0f0f0;
    font-size:13px;
    font-family:Arial,Tahoma;
    margin:0;
    padding:0;
    width:100%;
    _background-image:none
}

body.touch {
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    -webkit-tap-highlight-color:rgba(0,0,0,0);
    -webkit-touch-callout:none;
    overflow:hidden!important
}

td {
    vertical-align:top;
    font-size:14px
}

h1,h2,h3 {
    font-weight:400;
    font-size:20px;
    margin:0
}

a {
    color:#444;
    font-family:arial;
    font-size:12px
}

#all {
    min-height:100%;
    width:100%
}

#header {
    position:relative
}

#left_menu {
    background-color:#494949;
    height:100%;
    position:fixed;
    top:0;
    right:0;
    width:1px;
    z-index:4
}

.left_menu_open {
    box-shadow:0 0 8px rgba(0,0,0,0.1);
    -webkit-box-shadow:0 0 8px rgba(0,0,0,0.1);
    -moz-box-shadow:0 0 8px rgba(0,0,0,0.1)
}

.left_menu_block {
    padding:6px 0
}

.left_menu_open #ileft_menu a {
    padding:7px 0 7px 55px
}

#left_menu_switcher {
    display:inline-block;
    opacity:.9;
    text-decoration:none;
    z-index:999;
    position:relative;
    border:0!important
}

#left_menu_switcher div {
    transition:all .3s ease 0;
    -moz-transition:all .3s ease 0;
    -webkit-transition:all .3s ease 0;
    -o-transition:all .3s ease 0;
    background:#fff;
    display:block!important;
    height:4px;
    margin:4px 0 0;
    width:25px
}

.mswitch #pz1 {
    -webkit-transform:rotate(45deg);
    -moz-transform:rotate(45deg);
    -ms-transform:rotate(45deg);
    -o-transform:rotate(45deg);
    transform:rotate(45deg);
    width:22px!important
}

.mswitch #pz2 {
    background-color:rgba(0,0,0,0);
    width:0;
    margin-left:20px;
    height:2px
}

.mswitch #pz3 {
    -webkit-transform:rotate(-45deg);
    -moz-transform:rotate(-45deg);
    -ms-transform:rotate(-45deg);
    -o-transform:rotate(-45deg);
    transform:rotate(-45deg);
    width:22px!important
}

#left_menu_switcher:hover {
    opacity:1
}

#left_menu_switcher .notif {
    display:none
}

#main-menu {
    float:right;
    margin:11px 15px 0 0
}

.user {
    display:inline-block;
    width:180px;
    height:256px;
    background:#fff;
    margin:0 5px 9px 0;
    text-decoration:none
}

.user img {
    width:180px;
    height:180px;
    overflow:hidden;
    float:left
}

.user em {
    float:right;
    background:orange;
    color:#fff;
    padding:2px 4px;
    font-style:normal;
    margin:-19px 0 0
}

.user .uo {
    font-size:18px;
    color:#000;
    display:inline-block;
    margin:5px 0 0 10px
}

.user .uo span {
    white-space:nowrap;
    max-width:160px;
    overflow:hidden;
    display:inline-block
}

.user .uo s {
    font-size:11px;
    color:#777;
    display:inline-block;
    text-decoration:none
}

.user .uo b {
    font-weight:400;
    color:#777;
    display:block;
    font-size:12px;
    margin:-3px 0 0
}

.user i {
    font-size:12px;
    display:block;
    font-style:normal;
    white-space:nowrap
}

.cities {
    border-left:4px solid #6a50bd
}

.cities div {
    color:#eee;
    padding:15px 0 15px 30px;
    font-size:18px
}

.cities a {
    display:block;
    padding:6px 10px 6px 30px;
    text-decoration:none;
    border-top:1px solid #444;
    background:#494949;
    color:#bbb
}

.cities a:hover {
    background:#666;
    border-top:1px solid #444;
    color:#fff
}

#logo {
    background-color:#7a66ba;
    background:-moz-linear-gradient(left,#7a66ba,#8e80bc 100%);
    background:-webkit-gradient(linear,left bottom,right top,color-stop(0,#7a66ba),color-stop(1,#8e80bc));
    background:-o-linear-gradient(left,#7a66ba,#8e80bc 100%);
    background:linear-gradient(left,#7a66ba,#8e80bc 100%);
    background:-ms-linear-gradient(left,#7a66ba,#8e80bc 100%);
    padding:10px;
    color:#fff
}
/*#logo {
    background-color:#008fff;
    background:-moz-linear-gradient(left,#ff1717,#fc5f5f 100%);
    background:-webkit-gradient(linear,left bottom,right top,color-stop(0,#ff1717),color-stop(1,#fc5f5f));
    background:-o-linear-gradient(left,#ff1717,#fc5f5f 100%);
    background:linear-gradient(left,#ff1717,#fc5f5f 100%);
    background:-ms-linear-gradient(left,#ff1717,#fc5f5f 100%);
    padding:10px;
    color:#fff
}*/

#logo #lg {
    font-size:21px;
    font-family:robotolight,tahoma;
    text-decoration:none;
    color:#fff
}

.wholook {
    background:#888
}

.wholook a {
    font-size:16px;
    text-decoration:none;
    padding:6px 10px;
    display:inline-block;
    color:#eee
}

.wholook a:hover {
    background:#444;
    color:#fff
}

.clear {
    clear:both;
    height:0;
    overflow:hidden;
    display:block
}

.mylove_teaser {
    font:12px tahoma;
    display:inline-block;
    overflow:hidden;
    height:75px;
    white-space:nowrap;
    background-color:#444;
    float:left
}

.t_online {
    height:14px;
    text-align:center;
    white-space:nowrap;
    position:relative;
    margin:-18px auto 2px;
    background:orange;
    color:#fff!important;
    padding:0 0 2px
}

#teaser_more a {
    display:block;
    padding:70px 15px 0;
    background:url(/res_files/reload_teaser.png) no-repeat 4px 18px;
    color:#999
}

.t_img:hover .t_baloon {
	color: #7a66ba;
    display:block;
    position:absolute;
    z-index:2;
    opacity:.95;
    margin:-4px 0 0 -47px;
    background:#fff;
    padding:6px 8px;
    box-shadow:0 0 9px rgba(0,0,0,0.15);
    -webkit-box-shadow:0 0 9px rgba(0,0,0,0.15);
    -moz-box-shadow:0 0 9px rgba(0,0,0,0.15)
}

.t_baloon {
    display:none
}

.mylove_teaser span {
    color:#000;
    display:block
}

.mylove_teaser a {
    text-decoration:none;
    color:#2491cf;
    overflow:hidden;
    width:75px;
    height:75px;
    display:block
}

.mylove_teaser div {
    float:left;
    border-left:1px solid #fff
}

.mylove_teaser .t_online {
    width:75px
}

.mylove_teaser img {
    border:0
}

.clear,#clear {
    clear:both;
    height:0;
    overflow:hidden;
    float:none!important;
    display:block
}

#wanthere {
    display:inline-block;
    float:left;
    background:#7a66ba;
    text-decoration:none;
    height:75px;
    width:75px
}

#wanthere span {
    color:#fff;
    font-size:18px;
    display:inline-block;
    padding:16px 0 0 16px
}

.paginate {
    width:100%
}

.paginate a,.paginate strong {
    font-weight:400;
    min-height:16px;
    float:left;
    background:#ccc;
    color:#444;
    display:inline-block;
    margin:0 1px 1px 0;
    padding:8px 12px;
    text-decoration:none
}

.paginate span {
    display:none
}

.paginate a:hover,.paginate strong {
    background:#e81d3d;
    color:#fff
}

#footer {
    padding:15px 30px;
    background:#888;
    color:#666;
    margin-top:15px;
    height:40px
}

#footer span {
    float:right
}

#user_list {
    padding:10px;
    overflow:hidden
}

#iuser_list {
    margin:0 -20px 0 0
}

.text {
    padding:10px 10px 15px;
    background-color:#fff
}
.text h1 
{
	font-size: 14pt !important;
    margin-left: 20px;
    margin-bottom: 10px;
}

.text span {
    font-family:robotolight,tahoma;
    color:#555;
    font-size:14px;
    line-height:110%;
    display:inline-block;
    margin:0 0 10px 20px
}

.text h1 {
    font-family:robotolight,tahoma;
    color:#777;
    font-size:24px;
    line-height:120%
}

#reg_form {
    background:#fff;
    border:1px solid #eee;
    border-radius:2px;
    -webkit-border-radius:2px;
    -moz-border-radius:2px;
    display:inline-block;
    overflow:hidden;
    float:left;
    text-align:center
}

#reg_form .title {
    font-family:robotolight;
    font-size:22px;
    padding:4px 10px 7px;
    color:#2491cf;
    background-color:#f0f0f0
}

#reg_form table {
    margin:10px 15px 15px
}

.reg {
    background-color:#8017ff;
    background:-moz-linear-gradient(left,#7a66ba,#7a66ba 100%);
    background:-webkit-gradient(linear,left bottom,right top,color-stop(0,#7a66ba),color-stop(1,#7a66ba));
    background:-o-linear-gradient(left,#7a66ba,#7a66ba 100%);
    background:linear-gradient(left,#7a66ba,#7a66ba 100%);
    background:-ms-linear-gradient(left,#7a66ba,#7a66ba 100%);
    color:#fff;
    font-family:robotolight;
    font-size:18px;
    padding:5px 15px 7px;
    border-radius:2px;
    -webkit-border-radius:2px;
    -moz-border-radius:2px;
    display:inline-block;
    text-decoration:none;
    border:0
}

.reg:hover {
    background-color:#8e80bc;
    background:-moz-linear-gradient(left,#8e80bc,#8e80bc 100%);
    background:-webkit-gradient(linear,left bottom,right top,color-stop(0,#8e80bc),color-stop(1,#8e80bc));
    background:-o-linear-gradient(left,#8e80bc,#8e80bc 100%);
    background:linear-gradient(left,#8e80bc,#8e80bc 100%);
    background:-ms-linear-gradient(left,#8e80bc,#8e80bc 100%)
}

#reg_form .reg {
    margin:10px auto 20px
}

#reg_form .inp {
    width:210px;
    height:20px;
    font-size:14px;
    padding:2px;
    font-family:arial,tahoma,robotolight
}

#reg_form select {
    height:24px;
    font-size:14px;
    padding:2px;
    font-family:arial,tahoma,robotolight
}

#reg_form th {
    font-weight:400;
    text-align:left;
    color:#777
}

#reg_form th,#reg_form td {
    padding:4px;
    text-align:left
}

@media screen and (min-width:320px) and (max-width:480px),screen and (max-device-width:477px) {
.user {
    width:147px;
    height:190px
}

.user img {
    width:147px;
    height:147px
}

.user .uo {
    font-size:14px
}

.user .uo span {
    max-width:130px;
    overflow:hidden;
    display:inline-block
}

.wholook a {
    font-size:12px;
    padding:6px 10px
}

.text {
    text-align:center
}

.text span {
    font-size:12px;
    margin:0
}

#reg_form {
    float:none;
    margin-bottom:10px;
    display:block
}
}

@media screen and (min-width:240px) and (max-width:319px) {
.user {
    width:180px;
    height:232px
}

.user img {
    width:180px;
    height:180px
}

.user .uo {
    font-size:15px
}

.user .uo span {
    max-width:160px;
    overflow:hidden;
    display:inline-block
}

#user_list {
    padding:18px 0 0 29px
}

#reg_form td {
    text-align:left
}

.text h1 {
    font-size:16px
}

#reg_form th,.text span {
    font-size:12px
}

#reg_form table {
    margin:0
}

#reg_form .title {
    font-size:16px
}

#reg_form .inp {
    width:130px;
    height:auto;
    font-size:12px
}

#reg_form .reg {
    margin-top:5px;
    font-size:14px;
    padding:3px 10px 5px
}
}