* {
 margin: 0;
 padding: 0;
}
body {
 color: #000;
 background: #555555 url("/css/word-black.jpg") repeat;
 font: 12px/20px verdana, tahoma, arial, sans-serif;
 margin: 0px auto;
}
a, a:visited {
 color: #4F82C0;
 text-decoration: none;
 text-shadow: 0 1px 0 #F0F7FF;
}
a:hover {
 text-decoration: underline;
}
img a {
 border: 0px;
}
.clear:after {
 clear: both;
 content: ".";
 display: block;
 height: 0;
 visibility: hidden;
}
.clear {
 display: inline-block;
}
.clear {
 display: block;
}
input[type=text].input_efect, input[type=password].input_efect, select.select_efect, textarea.textarea_efect, div.input_efect {
 color: #000;
 font-size: 13px;
 padding: 4px 5px;
 -moz-border-radius: 4px;
 -webkit-border-radius: 4px;
 border: 1px solid #d0d0d0;
 font-family: Arial,Helvetica,sans-serif;
}
input[type=text].input_efect:focus, input[type=password].input_efect:focus, select.select_efect:focus, textarea.textarea_efect:focus, .input_efect:focus {
 background-color: #fff;
 box-shadow: 0 0 3px rgba(102,102,102,0.3);
 -moz-box-shadow: 0 0 3px rgba(102,102,102,0.3);
 -webkit-box-shadow: 0 0 3px rgba(102,102,102,0.3);
}
input[type=button].input_efect, input[type=submit].input_efect {
 background-color: #99BF32;
 border: 3px double #FFFFFF;
 color: #FFFFFF;
 cursor: pointer;
 font-size: 11px;
 font-weight: bold;
 padding: 2px 7px;
}
input[type=button].input_efect:hover, input[type=submit].input_efect:hover {
 background-color: #7A991A;
}
input[type=button].cancel, input[type=submit].cancel {
 background-color: #B90017;
}
input[type=button].cancel:hover, input[type=submit].cancel:hover {
 background-color: #990000;
}
input.input_efect[type="button"]:disabled, input.input_efect[type="submit"]:disabled, input.cancel[type="button"]:disabled, input.cancel[type="submit"]:disabled {
 background-color: #C0CAD5;
}
.tr_table, .tr_buttom {
 width: auto;
 clear: both;
 display: table;
 margin-bottom: 5px;
}
.tr_buttom {
 padding-left: 110px;
}
.td_table, .td_label, .td_input {
 float: left;
}
.td_label {
 width: 110px;
 font-size: 12px;
 padding-top: 4px;
 text-align: right;
}
.alert_erro, .alert_aviso {
 clear: both;
 height: 20px;
 margin: 10px;
 color: #666666;
 font-size: 8pt;
 line-height: 20px;
 padding: 2px 2px 2px 16px;
 background-position: 5px 6px;
 background-repeat: no-repeat;
}
.alert_erro {
 background-color: #fff0f0;
 border-top: 1px solid #FFA6A6;
 border-bottom: 1px solid #FFA6A6;
}
.alert_aviso {
 background-color: #fffff0;
 border-top: 1px solid #F8F3D6;
 border-bottom: 1px solid #F8F3D6;
}
.alert_aviso a {
 color: #0082CB;
 margin-right: 5px;
}
/* -- Estrutura--*/
#home {
 width: 840px;
 display: block;
 margin: 40px auto;
 border: 10px solid #fff !important;
 background-color: #fff !important;
 box-shadow: 2px 2px 10px #aaa;
 -webkit-box-shadow: 2px 2px 10px #aaa;
 -moz-box-shadow: 2px 2px 10px #aaa;
 position: relative;
}
#inow {
 position: relative !important;
 left: 215px !important;
 width: 75%;
}
#l1 {
 float: left;
 width: 196px;
 display: block;
 position: relative;
 top: -100px;
}
#l2 {
 float: right;
 width: 625px;
 display: block;
}
#main {
 width: 100%;
 height: 100%;
 clear: left;
 display: table;
}
/* -- Elementos --*/
#topo {
 width: 625px;
 min-height: 50px;
 text-shadow: 0 1px 1px #aaa;
 background: #fff url(bg-right.gif) top right no-repeat;
}
#topo .title {
 color: #000;
 float: left;
 text-align: left;
 font: 20px/24px Verdana, Tahoma;
}
#topo .title .link {
 font: 9px/9px Verdana, Tahoma;
 font-style: normal;
 text-shadow: none;
}
#topo .pontos {
 color: #fff;
 float: right;
 padding: 3px 5px;
 text-align: right;
 font: 12px Verdana, Tahoma;
}
/* -- Menu 1 --*/
#menu1 {
 top: 1px;
 height: 24px;
 font-size: 12px;
 position: relative;
 font-weight: bold;
}
#menu1 .of,  #menu1 .on {
 float: left;
 display: block;
 overflow: hidden;
 padding: 3px 10px;
 margin-right: 2px;
 text-decoration: none;
 border: 1px solid #dfefef;
 -moz-border-radius: 3px 3px 0px 0px;
 -webkit-border-radius: 3px 3px 0px 0px;
}
#menu1 .of {
 color: #000;
 background: #FCFCFC;
}
#menu1 .on, #menu1 a:hover {
 color: #4F82CB;
 border-bottom: none;
 background: #f0f0f0 url('/css/bg_xadrez.png') repeat;
}
/* -- Menu 3 --*/
#menu2 {
 clear: both;
 display: block;
 font-size: 12px;
 overflow: hidden;
 padding-left: 10px;
 margin-bottom: 10px;
 background: #EAF3F9;
 background: #f0f0f0 url('/css/bg_xadrez.png') repeat;
 border: 1px solid #f0f0f0;
 border-bottom: none;
}
#menu2 .separe {
 float: left;
 width: 10px;
 height: 10px;
 padding: 3px 2px;
 display: block;
 background: url("sep.gif") 0 5px no-repeat;
}
#menu2 .of,#menu2 .on {
 color: #444;
 float: left;
 margin: 0px;
 height: 14px;
 display: block;
 text-decoration: none;
 padding: 4px 2px 6px 2px;
}
#menu2 .on, #menu2 a:hover {
 color: #4F82CB;
}
.box_bio {
 font-size: 11px;
 padding: 5px 0px;
 overflow: hidden;
 border-top: 1px dashed #e0e0e0;
 border-bottom: 1px dashed #e0e0e0;
}
.box_bio h4 {
 font-weight: bold;
 margin-bottom: 6px;
}
.bio_desc {
 dispay: block;
}
.bio_local {
 text-align: right;
}
#frame {
 padding: 10px;
 background: #fff;
 margin-top: 10px;
 margin-bottom: 10px;
 border: 1px solid #d9e9e9;
 font: 16px/20px Verdana, Tahoma;
}
#erro {
 padding: 5px;
 margin-bottom: 10px;
 background-color: #FCB9B6;
 border: 2px solid #F52216;
}
/* Box - Demo - Users */
.box_demo {
 border-bottom: 1px dashed #E0E0E0;
 border-width: 1px;
 margin: 15px 0;
 padding: 0;
 text-align: left;
 text-shadow: 0 1px 1px #F0F0F0;
 width: 200px;
 position: relative;
 top: 0;
 left: 0;
}
.box_head {
 overflow: hidden;
 width: 200px;
 height: 20px;
 line-height: 8px;
 font: 11px arial;
}
.box_info {
 display: block;
 float: left;
 font: 10px arial;
}
.box_link {
 display: block;
 position: absolute;
 top: 0;
 right: 0;
 line-height: 8px;
 height: 20px;
 font: 11px arial;
}
.box_main {
 margin-left: -8px;
 overflow: hidden;
 width: 208px;
}
.box_main a {
 display: block;
 float: left;
 margin: 0 0 8px 8px;
 overflow: hidden;
}
.box_main img {
 border: 2px solid #EEEEEE;
 display: block;
 float: left;
}
.box_main img:hover {
 border: 2px solid #F9A200;
}
.box_foto {
 display: table;
 margin-right: -9px;
}
.box_foto > a {
 display: block;
 float: left;
 height: 48px;
 margin: 0 8px 8px 0;
 padding: 0;
 position: relative;
 text-align: center;
 width: 44px;
 text-decoration: none;
 box-shadow: 0 0 3px 1px #ddd;
}
.box_foto > a > img {
 -webkit-transition: all 0.4s linear;
 -moz-transition: all 0.4s linear;
 -o-transition: all 0.4s linear;
 transition: all 0.4s linear;
 display: block;
 height: 48px;
 width: 44px;
}
.box_foto > a > span {
 -webkit-transition: all 0.4s linear;
 -moz-transition: all 0.4s linear;
 -o-transition: all 0.4s linear;
 transition: all 0.4s linear;
 background-color: #FFFFFF;
 bottom: 0;
 color: #000000;
 display: none;
 height: 19px;
 top: 29px;
 left: 0;
 margin: 0;
 opacity: 0.7;
 overflow: hidden;
 position: absolute;
 text-shadow: none;
 width: 100%;
}
.box_foto > a:hover > img {
 -webkit-transition: all 0s linear;
 -moz-transition: all 0s linear;
 -o-transition: all 0s linear;
 transition: all 0s linear;
 border: 1px solid #000000;
 box-shadow: 0 0 15px 5px #000000;
 height: 96px;
 left: 0;
 margin-left: -24px;
 margin-top: -24px;
 position: absolute;
 top: 0;
 width: 88px;
 z-index: 3000;
}
.box_foto > a:hover > span {
 -webkit-transition: all 0s linear;
 -moz-transition: all 0s linear;
 -o-transition: all 0s linear;
 transition: all 0s linear;
 background-color: #000000;
 color: #FFFFFF;
 display: block;
 left: -23px;
 position: absolute;
 top: 55px;
 width: 88px;
 z-index: 3001;
}
/* -- Avisos -- */.sAviso {
 width: 100%;
 padding: 5px 10px;
 background: #eee;
 border-top: solid 2px #ddd;
 border-bottom: solid 2px #ddd;
}
.iAviso {
 width: 100%;
 padding: 5px 10px;
 background: #F8FD95;
 border-top: solid 2px #F7CA15;
 border-bottom: solid 2px #F7CA15;
}
.xAviso {
 width: 100%;
 padding: 5px 10px;
 background: #FFB9B9;
 border-top: solid 2px #FFA6A6;
 border-bottom: solid 2px #FFA6A6;
}
/* -- Barra -- */
#barra {
 left: 0px;
 top: 0px;
 color: #000;
 height: 32px;
 width: 100%;
 position: absolute;
 font: 12px/18px Arial, Verdana, Tahoma;
 background: url("bg-top-white.png") repeat-x;
}
#barra .li_nick {
 padding: 0px !important;
 margin-top: -3px !important;  
}
#barra .li_nick span {
 font-size: 6px;
 display: block;
 height: 10px;
}
#barra .li_nick b {
 text-decoration-line: overline;
 color: mediumseagreen; 
 font-size: 12px;
}
#barra .status {
 cursor: pointer;  
}
#barra .menu, #barra2 .menu {
 top: 0px;
 width: 884px;
 margin: 0 auto;
 height: 26px;
 position: relative;
}
#barra .fixed {
 top: 0px;
 margin: 0px;
 height: 32px;
 width: 884px;
 position: fixed;
 z-index: 1000;
 text-align: left;
 padding: 0px 0px;
 background: url("bg-top-white-none.png") no-repeat;
}
#barra .left {
 float: left;
 margin: 0px;
 height: 25px;
 width: max-content;
}
#barra .right {
 float: right;
 margin: 0px 10px 0px 0px;
 height: 26px;
 width: max-content;
}
#barra .left>li {
 float: left;
 height: 25px;
 cursor: pointer;
 padding-top: 4px;
 list-style-type: none;
}
#barra .right>li {
 float: left;
 height: 25px;
 cursor: pointer;
 padding-top: 3px;
 list-style-type: none;
}
#barra a {
 padding: 0px 0px 0px 5px;
}
#barra a:hover {
 text-decoration: underline;
}
#menu_pc {
 float: left;
 height: 25px;
 padding-top: 4px;
 margin-left: 10px;
}
#menu_pc li{
 display: inline; 
}
/* -- Box -- */
.box {
 width: 100%;
 clear: both;
 display: block;
 overflow: hidden;
 min-height: 55px;
 margin-bottom: 10px;
 background-color: #fff;
 border: 1px solid #d9e9e9;
 -moz-border-radius: 0px 0px 10px 10px;
 -webkit-border-radius: 0px 0px 10px 10px;
}
.box2 {
 clear: both;
 display: block;
 overflow: hidden;
 padding: 5px;
 color: #403f41;
 margin-bottom: 10px;
 background-color: #fff;
 border: 1px solid #d9e9e9;
}
.box h2 {
 margin: 0px;
 padding: 5px;
 height: 15px;
 color: #85929E;
 font-size: 12px;
 overflow: hidden;
 font-weight: 900;
 background: #f0f0f0 url(bg-m.gif) repeat-x;
}
.box h2 a {
 display: block;
 clear: none;
 border-bottom: 1px solid #d9d9e9;
 text-align: right;
 font-size: 12px;
 font-weight: bold;
}
.Llink {
 width: 118px;
 display: block;
 padding: 5px 0px 5px 22px;
 margin: 0px;
 background: url(tg.gif) no-repeat 2px 6px;
}
.Laviso {
 margin: 2px;
 display: block;
 padding-left: 22px;
 background: url(aviso.gif) no-repeat 2px;
}
.Lerro {
 margin: 2px;
 display: block;
 padding-left: 22px;
 background: url(erro.gif) no-repeat 2px;
}
.Leditar {
 margin: 2px;
 display: block;
 padding-left: 22px;
 background: url(editar2.gif) no-repeat 2px 0px;
}
.Ladd {
 margin: 2px;
 display: block;
 padding-left: 22px;
 background: url(add.gif) no-repeat 2px;
}
.Laceitar {
 margin: 2px;
 display: block;
 padding-left: 22px;
 background: url(ok.gif) no-repeat 2px;
}
.Lremover {
 margin: 2px;
 display: block;
 padding-left: 22px;
 background: url(x1.gif) no-repeat 2px;
}
.Lrecados {
 margin: 2px;
 display: block;
 padding-left: 22px;
 background: url(rec.gif) no-repeat 2px;
}
.Lamigos {
 margin: 2px;
 display: block;
 padding-left: 22px;
 background: url(am.gif) no-repeat 2px;
}
/* -- Perfil -- */.perfil {
 clear: both;
 padding: 5px;
 display: block;
 color: #403f41;
 margin-bottom: 10px;
 background: #f9f9f9;
 border: 1px solid #d9e9e9;
 border-top: none;
 -moz-border-radius: 0px 0px 10px 10px;
 -webkit-border-radius: 0px 0px 10px 10px;
}
.perfil .cor1 {
 margin-top: 1px;
 min-height: 24px;
 background-color: #fff;
}
.perfil .cor2 {
 margin-top: 1px;
 min-height: 24px;
 background-color: #fffff0;
}
.perfil .title {
 float: left;
 margin: 0px;
 width: 130px;
 color: #909090;
 padding: 3.55px 0;
 text-align: right;
}
.perfil .dados {
 padding: 3.55px 0;
 margin-left: 140px;
}
/* -- Botoes de Login -- */.btm {
 color: #fff;
 height: 18px;
 width: 116px;
 border: none;
 font-size: 12px;
 font-family: arial;
 text-align: left;
 text-shadow: none;
 line-height: 18px;
 text-align: center;
 display: inline-table;
}
.btm:hover {
 color: #fff;
 text-decoration: none;
}
.btm_log {
 color: #3B3D3F;
 background: url("btm_log.gif") no-repeat scroll 0 0 transparent;
}
.btm_log:hover {
 background: url("btm_log.gif") no-repeat scroll 0 -18px transparent;
}
.btm_sig {
 margin: -2px -5px 0px 3px;
 background: url("btm_sig.gif") no-repeat scroll 0 0 transparent;
}
.btm_sig:hover {
 background: url("btm_sig.gif") no-repeat scroll 0 -18px transparent;
}
/* -- Pagina??o --*/.pg {
 clear: both;
 padding: 5px;
 display: block;
 list-style: none;
 line-height: 240%;
 text-align: center;
}
.pg a {
 color: #4F82CB;
 margin: 2px;
 color: #4f82cb;
 padding: 2px 6px;
 background: #e9f1f8;
 text-decoration: none;
 border: 1px solid #c7e2f8;
}
.pg a:hover {
 color: #4f82cb;
 border-color: #4f82cb;
}
.pg-off {
 margin: 2px;
 color: #aaa;
 padding: 2px 6px;
 background: #f3f3f3;
 border: 1px solid #dadada;
}
/* -- Box Drop Down -- */
.select_temas {
 color: #2f2f2f;
 text-align: left;
}
.dropdown {
 float: left;
 cursor: pointer;
 position: relative;
}
.dropdown ul {
 top: 25px;
 width: 240px;
 display: none;
 z-index: 1000;
 max-height: 250px;
 background: #fff;
 overflow-y: auto;
 overflow-x: hidden;
 position: absolute;
 border: 1px solid #eee;
 border-top: none;
 box-shadow: 5px 10px 10px #999999;
 -webkit-box-shadow: 5px 10px 10px #999999;
 -moz-box-shadow: 5px 10px 10px #999999;
}
.dropdown li, .dropdown option {
 clear: both;
 margin: 1px;
 width: 219px;
 font-size: 17px;
 line-height: 26px;
 height: 26px;
 display: block;
 color: #1f1f1f;
 list-style: upper-alpha;
 padding: 0px 4px 0px 15px;
 background: url("abrir.gif") 2px 8px no-repeat;
}
.dropdown .temas_nivel_1 {
 font-weight: bolder;
}
.dropdown .temas_nivel_2 {
 background: url("select_sub.gif") -2px 3px no-repeat;
}
.dropdown .temas_nivel_3 {
 width: 209px;
 font-style: italic;
 padding-left: 25px;
 background: url("select_sub.gif") 10px 3px no-repeat;
}
.dropdown li:hover, .dropdown li.current {
 background-color: #eee;
}
.dropdown-current {
 height: 22px;
 text-shadow: 0 1px 1px #F0F7FF;
 padding: 1px 21px 2px 4px;
}
/* footer */
#footer {
 color: #000;
 clear: both;
 width: 100%;
 display: block;
 height: 30px;
 margin: 0 auto;
 overflow: hidden;
 padding-top: 13px;
 text-align: center;
 text-shadow: 0 0 2px #fff;
 line-height: 12px;
 border-top: 4px double #fff;
 background-color: #eee;
 background-image: url("bg_xadrez.png");
}
.footer2 {
 background: none !important;
}
#footer a {
 font-weight: normal;
 text-shadow: 0 0 2px #fff;
}
#footer a:hover {
 text-decoration: underline;
}
#footer ul {
 text-align: left;
}
#footer ul li {
 display: inline;
}
#footer .view {
 margin: 0 auto;
 text-align: center;
 padding-left: 10px;
}
#footer .search-q {
 border: 1px solid #E0E0E0;
 width: 70%;
}
#footer .search-s {
 border: 1px solid #E0E0E0;
 color: #909090;
}
#footer .site a {
 font-size: 16px;
 margin-right: 20px;
 color: #000;
 text-transform: uppercase;
}
#footer .sear {
 font-size: 10px;
}
#footer .link {
 float: left;
}
#footer .copy {
 float: right;
 font-size: 9px;
 padding: 2px 10px 5px 5px;
}
#j0.janela {
 width: 260px;
 position: fixed;
 left: 0px;
 bottom: 0px;
 margin: 0px !important;
}
@media only screen and (max-width:990px), @media screen and (max-width:990px) {
    
    @media only screen and (max-height:3000px), @media screen and (max-height:3000px) {
        #j0.janela {
            width: 32.1% !important;
            left: 1.4% !important;
            bottom: 4%  !important;
            transform: scale(3);
            transform-origin: 0% 0% !important;
        } 
    }
    
    @media only screen and (max-height:1200px), @media screen and (max-height:1200px) {
        #j0.janela {
            width: 48.6% !important;
            left: 1.4% !important;
            bottom: 5.5%  !important;
            transform: scale(2);
            transform-origin: 0% 0% !important;
        } 
    }
    
    .ichat_list .ichat_now {
        color: #000 !important;
    }
    #barra {
        height: 26px !important;
        width: 100% !important;
        font: 11px/16px Arial, Verdana, Tahoma !important;
        margin: 0px auto !important;
        background-color: #fff !important;
    }
    #barra .menu {
        width: 340px !important;
        margin: 0 auto !important;
    }    
    #barra .fixed {
        height: 32px !important;
        width: 330px !important;
        margin: 0px auto !important;
        background-size: 99.3% 32px !important;
    } 
    #barra #menu_pc {
        display: none !important;
    }
    #l1, #l2, #home, .ipoll_view, .box_demo, .inow, .ipoll_view_opc, #perfil_fotos, #previewArea1, #perfil_fotos_view {
        width: 310px !important;
        max-width: 310px !important;
    }     
    #site {
     width: 340px !important;
     overflow-x: hidden !important;
     margin: 0px !important;
     transform: scale(2.91);
     transform-origin: 0% 0% !important;
    }
    #l1 {
     display: flex;
     flex-direction: column; 
     top: 0px !important;
    }
    #l1 #perfil_fotos{
     order: -3 !important;
    }  
    #l1 #ipoll_view{
     order: -2 !important;
    }  
    .inow_main {
     width: 230px !important; 
     margin-top: -2px !important;
    }
    #inow{
     font-size: 6pt !important;
     line-height: 11px !important;
     left: 0px !important;
     position: relative !important;
     order: 0 !important;
    }
    .inow_icons img {
     width: 45px !important;
    }    
    .inow_link {
     height: 20px !important;
     width: 120px !important;
     font: 6px/9px Verdana, Tahoma !important;
    }
    .inow_link span:first-child  {
     display: none !important;
    }
    .inow_link span:last-child  {
     width: 120px !important;
    }
    .inow_title {
     width: 235px !important;
     font: bold 15px/30px Verdana, Tahoma !important;
    } 
    .inow_form {
     float: none !important;
     margin: 0px !important;
     position: absolute !important;
     top: 70px !important;
     right: 0px !important;
     transform: scale(0.7);
     transform-origin: 100% 0%;
    }
    #perfil_fotos {
     height: -moz-max-content;
     margin-bottom: 20px !important;
     box-shadow: none !important;
     -webkit-box-shadow: none !important;
     -moz-box-shadow: none !important; 
    } 
    #previewArea1 {
     -moz-border-radius: 200px !important;
     -webkit-border-radius: 200px !important;
     border-radius: 200px !important;  
     background-size: 310px !important;
     height: 310px !important;
    }    
    #previewArea1 div:first-child, #previewArea1 div:first-child a img {
     width: 310px !important;
     height: 310px !important;
    }
    #mudar {
     margin: -90px auto 0 auto !important;
     border-radius: 20px !important;
     border: 2px solid #fff !important;
    }
    #perfil_fotos_view {
     height: 60px !important;
     margin-top: 10px !important;
    }
    #perfil_fotos_view div, #perfil_fotos_view img {
     height: 56px !important;
    }
    .perfil_fotos_mini, .perfil_fotos_none, #perfil_fotos_view img {
     width: 54px !important;
    }
    .perfil_fotos_mini, .perfil_fotos_none, #perfil_fotos_main img, #perfil_fotos_view {
     border-radius: 30px  !important;    
    }
    .acion-box {
     width: 98% !important;
     position: absolute;
     top: -25px !important;
    }
    .acion-box .url-box {
     width: 80.1% !important;
     margin-left: 61px !important;
     margin-bottom: 10px !important;
    }
    .acion-box .url-input {
     font-size: 9px !important;
     width: 218px !important;
    }
    #menu1 {
     width: 507px !important;
     transform: scale(0.62);
     transform-origin: 0% 110% !important;
    }
    #menu2 {
     width: 470px !important;
     transform: scale(0.65);
     transform-origin: 0% 0% !important;
     margin-bottom: -20px !important;
    }
    #msg-lista {
     display: block !important;
     width: 100% !important;
    }
    .ipoll_form {
     display: block !important;
     width: 310px !important;
    }   
    .ipoll_form_foto {
     float: none !important;
     width: 60px !important;
     height: 60px !important;
     overflow: none !important;
     position: relative !important;
     left: 40% !important;
     top: 26px !important;
     z-index: 100 !important;
    }
    .ipoll_form_main {
     width: 100% !important;
    }
    .ipoll_form_acao, .ipoll_form_resp_conted, .ipoll_form_main, .ipoll_form_button {
     width: 97% !important;
    }
    .ipoll_form_perg, .msg .perg {
     width: 95.8% !important;
    }    
    .ipoll_form_resp_conted input, .ipoll_form_resp_conted span {
     width: 93% !important;
    }
    .ipoll_form_resp {
     width: 99.2% !important;
    }
    .ipoll_form_button > div {
     width: 150px !important;
     position: relative !important;
     top: -10px !important;
    }
    .ipoll_resp_all, .poll_tags {
     width: 100% !important;
    }
    .ipoll_perg, .ipoll_resp_all .ipoll_resp {
     width: 96% !important;
    }
    .ipoll_resp_all .ipoll_resp_text {
     width: 63% !important;
    }
    .ipoll_resp_all .ipoll_resp_perc {
     width: 37% !important;  
    }
    .imsg_dropdown_current {
     width: 80px !important;
    }
    .msg .auto, .msg .auto-obs, .msg .auto-alert, .msg .auto-ok {
     float: left !important;
     width: 70px !important;
     display: block !important;
     text-align: center !important;
     background-image: none !important;
     position: relative !important;
     bottom: -26px !important;
     z-index: 1000 !important;
     left: 8px !important;
    }
    .msg .auto span, .msg .auto-obs span, .msg .auto-alert span, .msg .auto-ok span {
     left: 8px !important;
    }
    .msg .body, .msg .body-obs, .msg .body-alert, .msg .body-ok {
     float: left !important;
     width: 92% !important;
     padding: 25px 0px 4px 4px !important;
     min-height: 30px !important;
     background: #EDEFF0 !important;
     position: relative !important;
     -webkit-box-shadow: 3px 3px 3px #dfdfdf !important;
     -moz-box-shadow: 3px 3px 3px #dfdfdf !important;
     border: 1px solid #EBEBEB !important;
     margin-left: 10px !important;
    }   
    .msg .resp, .msg .resp-ok, .msg .resp-obs, .msg .resp-alert {
     width: 75.6% !important;   
    }
    .msg .resp_option {
      margin: 5px 0px !important;
    }
    .msg .info, .msg .info-ok, .msg .info-obs, .msg .info-alert {
      width: 36px !important;  
    }
    .iamg_user {
     width: 313px !important;  
    }
    .iamg_user .body {
     width: 222.6px !important;   
    }
    .iamg_user .perg, .iamg_user .body {
      width: 220px !important;
    }
    .acion, .acion-am {
      top: 70px !important;
      right: -20px !important;
      width: 100px !important;
    }
    .pg {
     transform: scale(0.7,0.9) !important;
     transform-origin: 0% 0% !important;
    }
}
@media only screen and (max-width:980px), @media screen and (max-width:980px) {
    #site {
     transform: scale(2.88);
    }
}
@media only screen and (max-width:970px), @media screen and (max-width:970px) {
    #site {
     transform: scale(2.85);
    }
}
@media only screen and (max-width:960px), @media screen and (max-width:960px) {
    #site {
     transform: scale(2.82);
    }
}
@media only screen and (max-width:950px), @media screen and (max-width:950px) {
    #site {
     transform: scale(2.79);
    }
}
@media only screen and (max-width:940px), @media screen and (max-width:940px) {
    #site {
     transform: scale(2.76);
    }
}
@media only screen and (max-width:930px), @media screen and (max-width:930px) {
    #site {
     transform: scale(2.73);
    }
}
@media only screen and (max-width:920px), @media screen and (max-width:920px) {
    #site {
     transform: scale(2.70);
    }
}
@media only screen and (max-width:910px), @media screen and (max-width:910px) {
    #site {
     transform: scale(2.67);
    }
}
@media only screen and (max-width:900px), @media screen and (max-width:900px) {
    #site {
     transform: scale(2.64);
    }
}
@media only screen and (max-width:890px), @media screen and (max-width:890px) {
    #site {
     transform: scale(2.61);
    }
}
@media only screen and (max-width:880px), @media screen and (max-width:880px) {
    #site {
     transform: scale(2.58);
    }
}
@media only screen and (max-width:870px), @media screen and (max-width:870px) {
    #site {
     transform: scale(2.55);
    }
}
@media only screen and (max-width:860px), @media screen and (max-width:860px) {
    #site {
     transform: scale(2.52);
    }
}
@media only screen and (max-width:850px), @media screen and (max-width:850px) {
    #site {
     transform: scale(2.49);
    }
}
@media only screen and (max-width:840px), @media screen and (max-width:840px) {
    #site {
     transform: scale(2.46);
    }
}
@media only screen and (max-width:830px), @media screen and (max-width:830px) {
    #site {
     transform: scale(2.43);
    }
}
@media only screen and (max-width:820px), @media screen and (max-width:820px) {
    #site {
     transform: scale(2.40);
    }
}
@media only screen and (max-width:810px), @media screen and (max-width:810px) {
    #site {
     transform: scale(2.37);
    }
}
@media only screen and (max-width:800px), @media screen and (max-width:800px) {
    #site {
     transform: scale(2.34);
    }
}
@media only screen and (max-width:790px), @media screen and (max-width:790px) {
    #site {
     transform: scale(2.31);
    }
}
@media only screen and (max-width:780px), @media screen and (max-width:780px) {
    #site {
     transform: scale(2.28);
    }
}
@media only screen and (max-width:770px), @media screen and (max-width:770px) {
    #site {
     transform: scale(2.25);
    }
}
@media only screen and (max-width:760px), @media screen and (max-width:760px) {
    #site {
     transform: scale(2.22);
    }
}
@media only screen and (max-width:750px), @media screen and (max-width:750px) {
    #site {
     transform: scale(2.19);
    }
}
@media only screen and (max-width:740px), @media screen and (max-width:740px) {
    #site {
     transform: scale(2.16);
    }
}
@media only screen and (max-width:730px), @media screen and (max-width:730px) {
    #site {
     transform: scale(2.13);
    }
}
@media only screen and (max-width:720px), @media screen and (max-width:720px) {
    #site {
     transform: scale(2.10);
    }
}
@media only screen and (max-width:710px), @media screen and (max-width:710px) {
    #site {
     transform: scale(2.07);
    }
}
@media only screen and (max-width:700px), @media screen and (max-width:700px) {
    #site {
     transform: scale(2.04);
    }
}
@media only screen and (max-width:690px), @media screen and (max-width:690px) {
    #site {
     transform: scale(2.01);
    }
}
@media only screen and (max-width:680px), @media screen and (max-width:680px) {
    #site {
     transform: scale(1.98);
    }
}
@media only screen and (max-width:670px), @media screen and (max-width:670px) {
    #site {
     transform: scale(1.95);
    }
}
@media only screen and (max-width:660px), @media screen and (max-width:660px) {
    #site {
     transform: scale(1.92);
    }
}
@media only screen and (max-width:650px), @media screen and (max-width:650px) {
    #site {
     transform: scale(1.90);
    }
}
@media only screen and (max-width:640px), @media screen and (max-width:640px) {
    #site {
     transform: scale(1.87);
    }
}
@media only screen and (max-width:630px), @media screen and (max-width:630px) {
    #site {
     transform: scale(1.84);
    }
}
@media only screen and (max-width:620px), @media screen and (max-width:620px) {
    #site {
     transform: scale(1.81);
    }
}
@media only screen and (max-width:610px), @media screen and (max-width:610px) {
    #site {
     transform: scale(1.78);
    }
}
@media only screen and (max-width:600px), @media screen and (max-width:600px) {
    #site {
     transform: scale(1.75);
    }
}
@media only screen and (max-width:590px), @media screen and (max-width:590px) {
    #site {
     transform: scale(1.72);
    }
}
@media only screen and (max-width:580px), @media screen and (max-width:580px) {
    #site {
     transform: scale(1.69);
    }
}
@media only screen and (max-width:570px), @media screen and (max-width:570px) {
    #site {
     transform: scale(1.66);
    }
}
@media only screen and (max-width:560px), @media screen and (max-width:560px) {
    #site {
     transform: scale(1.63);
    }
}
@media only screen and (max-width:550px), @media screen and (max-width:550px) {
    #site {
     transform: scale(1.60);
    }
}
@media only screen and (max-width:540px), @media screen and (max-width:540px) {
    #site {
     transform: scale(1.57);
    }
}
@media only screen and (max-width:530px), @media screen and (max-width:530px) {
    #site {
     transform: scale(1.54);
    }
}
@media only screen and (max-width:520px), @media screen and (max-width:520px) {
    #site {
     transform: scale(1.51);
    }
}