/*
Theme Name: DMO 2009
Theme URI: http://www.dmo.com.br/
Description: DMO theme.
Version: 1.0
Author: Móbile Comunica&ccedil;&atilde;o;
Theme URI: http://www.dmo.com.br/
Tags: green, custom header, fluid width, two columns, widgets

DMO v1.0
http://www.dmo.com.br/

The CSS, XHTML and design is released under GPL:
http://www.opensource.org/licenses/gpl-license.php

*/

* {
border:0;
font-family:Verdana, Tahoma, Arial, Helvetica, sans-serif;
margin:0;
padding:0;
}

body {
font-size:.7em;
color:#333;
text-align:left;
background:#9c9fa4 url(img/bg-body.png) top left repeat-x;
margin:0 auto 50px auto;
}

#principal {
max-width:950px;
min-width:750px;
margin-left:auto;
margin-right:auto;
padding:0;
}

h1 {
color:#fff;
font-size:2em;
font-weight:400;
height:64px;
margin:0 10px 30px;
}
a
{
color:#333;
}

div.esquerda p a
{
color:#0000FF;
}

h1 a {
float:left;
width:160px;
height:64px;
/*background:url(img/dmo-marca.png) top left no-repeat;*/
}

h1 span {
color:#a6ce39;
font-size:.6em;
line-height:64px;
float:right;
margin-right:40px;
}

#menu {
height:20px;
list-style:none;
background-image:url(img/bg-menu.jpg);
margin:5px 10px;
}

#menu li {
float:left;
border-right:1px solid #4B5254;
background:url(img/menuabg.png) bottom left no-repeat;
}

#menu a {
display:block;
min-width:69px;
height:18px;
text-align:center;
text-decoration:none;
text-transform:lowercase;
color:#fff;
font-size:1.1em;
background: transparent url(img/menulibg.png) right top no-repeat;
padding:1px 10px 1px 10px;
}

#menu li.current_page_item a {
background:none;
}

#searchform {
float:right;
height:20px;
margin-right:10px;
padding:0;
background-image:url(img/bg-menu.jpg);
}

#searchform input {
border:0;
height:12px;
width:150px;
vertical-align:middle;
font-size:.8em;
padding:2px;
}

#searchform button {
width:30px;
height:20px;
background:url(img/botao_buscar.png) no-repeat center center;
border:none;
vertical-align:middle;
margin:0;
}

#content {
border:10px solid #4b5254;
position:relative;
overflow:hidden;
background:url(img/bg-content.gif) repeat-y right top #fff;
margin:12px 0;
}

body.index #content {
padding:0;
}

#content>div.ilustracao {
display:block;
width:532px;
margin-right:240px;
float:right;
margin-left:10px;
}

#content>div.ilustracao object, 
#content>div.ilustracao img{
float:right;
height:380px;
}

div.esquerda {
background:transparent url(img/bg_paginas_internas.jpg) no-repeat left bottom;
font-size:1.1em;
min-height:380px;
padding:30px 290px 250px 45px;
}

#content div.esquerda p{
margin-left:60px;
margin-bottom:10px;
}


#destaque {
width:182px;
background:#a6ce39;
float:right;
position:absolute;
top:0;
right:0;
border-left:10px solid #4b5254;
padding:24px;
min-height:380px;
/*height:100%;*/
padding-bottom:260px;
}

#destaque.menu {
width:230px;
padding:0 0 260px 0;
/*height:100%;*/
}

#destaque h3 {
color:#fff;
font-weight:400;
font-size:1.2em;
}

#destaque.blog h3 {
background:url(img/ico-blog.png) no-repeat top left;
text-transform:lowercase;
padding:10px 0 10px 40px;
}

#destaque.blog h4 {
color:#fff;
font-weight:700;
font-size:1em;
padding-bottom:3px;
margin-top:20px;
}

#destaque.blog ul {
list-style-type:none;
}

#destaque.blog li {
padding:0 0 3px;
}

#destaque.blog ul li#pordata>ul>li>ul {
margin-left:10px;
margin-bottom:2px;
}

#tagslist a
{
text-transform:lowercase;
}

/*
.resumo-blog a {
color:#333;
}
*/
.resumo-blog a:hover {
background-color:#a6ce39;
}

.resumo-blog h4 {
margin-top:20px;
}

.resumo-blog h4 a {
color:#fff;
text-decoration:none;
}

.resumo-blog h4 a:hover{
color:#fff;
}

h2 {
color:#93B700;
font-weight:400;
font-size:1.5em;
text-transform:lowercase;
padding:0 0 10px 60px;
height:30px;
}

h2 a,h3 a,h4 a,.paginacao a,.paginacao {
color:#93B700;
text-decoration:none;
}

h2 a:hover,h3 a:hover,h4 a:hover,.paginacao a:hover {
color:#93B700;
text-decoration:underline;
}

h3 {
color:#93B700;
font-weight:400;
font-size:1.5em;
text-transform:lowercase;
padding:0 0 10px 60px;
}

h3 small,h4 small {
display:block;
color:#00px;
font-size:.7em;
}

body.contato h2 {
background:url(img/ico-contato.png) top left no-repeat;
}

#texto h3,#texto h4 {
color:#a6ce39;
font-weight:400;
font-size:1.2em;
margin:20px 0 0;
}

#texto ul {
list-style:url(../img/ico-lista.png);
margin:10px 0 0 10px;
}

#texto li {
margin:5px 0;
}

#texto .blog-post {
padding-bottom:30px;
/*padding-left:235px;*/
margin-left:60px;
}

#texto .blog-post p{
margin-top:20px;
width:300px;
}

#texto .blog-post h3 {
padding-left:0;
padding-bottom:0;
margin-top:0;
}

#texto .blog-post div.post_thumb {
float:left;
/*margin-left:-235px;*/
/*margin-top:5px;*/
margin-right:10px;
clear:both;
border:1px solid #ccc;
}


#texto .blog-post div.textual {
width:300px;
float:left;
}

#texto .blog-post div.no_thumb {
float:left;
/*margin-left:-235px;*/
margin-top:5px;
width:220px;
height:60px;
background:transparent url(img/noimg.jpg) no-repeat top left;
border:1px solid #ccc;
margin-right:10px;
}

#texto .blog-post div p {
margin:0;
margin-top:7px;
}

#texto .blog-post p.postmetadata {
font-size:.8em;
color:#666;
margin:0;
text-transform:lowercase;
}

p.postmetadata>span{
/*padding-left:20px;*/
/*height:20px;*/
display:block;
float:left;
clear:none;
/*margin-right:10px;*/
color:#666;
}

p.postmetadata>span a{
color:#666;
text-transform:lowercase;
}

p.postmetadata span span{
color:#ccc;
}


p.postmetadata span.data span,
p.postmetadata span.tags span,
p.postmetadata span.autor span,
p.postmetadata span.comentarios span
{
display:none;
}

p.postmetadata span.data{
background:transparent url(img/post_data.png) no-repeat top left;
padding-left:16px;
margin-right:5px;
}

p.postmetadata span.tags{
background:transparent url(img/post_tags.png) no-repeat top left;
padding-left:16px;
margin-right:5px;
}

p.postmetadata span.tags span.sep
{
display:inline;
}
 
p.postmetadata span.autor{
background:transparent url(img/post_autor.png) no-repeat top left;
padding-left:14px;
margin-right:5px;
}

p.postmetadata span.comentarios{
background:transparent url(img/post_comentarios.png) no-repeat top left;
padding-left:16px;
margin-right:5px;
}

div.blog-post p,
div.resumo-blog p
{
margin-top:7px;
}

div.resumo-blog p.postmetadata
{
margin-top:0px;
}

/*
div.resumo-blog p.postmetadata span.tags{
background:transparent url(img/tags_index.png) no-repeat top left;
}
div.resumo-blog p.postmetadata span.autor{
background:transparent url(img/autor_index.png) no-repeat top left;
}
div.resumo-blog p.postmetadata span.comentarios{
background:transparent url(img/comentarios_index.png) no-repeat top left;
}
*/


#texto .single {
padding-bottom:50px;
padding-left:60px;
}

#texto .single h3 {
padding-left:0;
}

div.continua {
text-align:right;
font-size:.8em;
color:#93B700;
}

div.continua a {
color:#93B700;
text-decoration:none;
}

div.continua a:hover {
text-decoration:underline;
}

#comments-template {
border-top:1px solid #F0ECEC;
margin:40px 0 0;
padding:10px 0 0;
}

#comments-template div#respond {
/*border-top:1px solid #F0ECEC;*/
padding-top:20px;
}

#comments-template ol.commentlist {
list-style:none;
margin:0;
padding:0 0 15px 60px;
}

#comments-template ol.commentlist a{
color:#666;
}

#comments-template ol.commentlist p{
margin-left:14px;
padding-left:20px;
margin-top:10px;
border-left:1px solid #666;
}

#comments-template ol.commentlist div.comment-author
{
color:#666;
}

#comments-template ol.commentlist div.comment-author span.data
{
font-size:.8em;
}


#comments-template ol.commentlist div.reply{
padding-left:34px;
background: transparent url('img/post_reply.png') top left no-repeat;
font-size:.8em;
margin-bottom:10px;
}


#comments-template ol.commentlist>li.comment{
border-bottom:1px solid #f0ecec;
margin-bottom:20px;
}
/*
#comments-template ol.commentlist li.comment {
line-height:18px;
margin:10px 0 0;
padding:0 0 10px;
}
*/
ul.children{
margin-left:45px;
}





.comment-body {

}

#comments-template h2,#comments-template h3 {
text-transform:lowercase;
}

#comments-template h3 a{
background:transparent url(img/rss_feed_pos.png) center left no-repeat;
padding-left:30px;
}

.commentmetadata {
margin-left:60px;
}



#comments-template input,
#comments-template textarea {
border:1px solid #ccc;
line-height:120%;
height:18px;
padding-left:3px;
width:280px;
padding-top:3px;
}



#comments-template textarea {
font-size:1em;
height:100px;
}

#comments-template ul{
list-style:none;
}


#comments-template .button {
border:none;
cursor:pointer;
width:90px;
height:20px;
padding-bottom:3px;
text-align:center;
color:#333;
background:url(img/bg-btn-form.png) no-repeat top right #a6ce39;
margin:10px 0 0;
}



#empresa {
font-size:1.1em;
min-height:380px;
padding:30px 290px 250px 45px;
}

h2#titulo2
{
margin-top:20px;
}

#empresa ul {
color:#959595;
list-style-image:url(img/ico-lista.png);
margin-left:80px;
margin-bottom:20px;
}

#servicos h2 {
background:url(img/ico-servicos.png) no-repeat left top transparent;
}

#servicos ul {
list-style:none;
margin-left:65px;
}

#servicos ul.lista_servicos li h3 {
padding-left:40px;
padding-top:5px;
margin-bottom:5px;
}

#servicos ul.lista_servicos li {
background:transparent url(img/servico_grafico.png) left top no-repeat;
}

#servicos ul.lista_servicos li.produto {
background:transparent url(img/servico_produto.png) left top no-repeat;
}

#servicos ul.lista_servicos li.pesquisas {
background:transparent url(img/servico_pesquisa.png) left top no-repeat;
}

#servicos ul.lista_servicos li.estrategico {
background:transparent url(img/servico_estrategico.png) left top no-repeat;
}

#servicos ul.lista_servicos li.pesquisas h3 {
padding-left:45px;
}

#servicos ul.lista_servicos li.digital {
background:#fff url(img/servico_digital.png) left top no-repeat;
}

#servicos ul.lista_servicos ul.servicos li {
font-size:.9em;
background-image:none;
}

#servicos ul.lista_servicos h4 {
background:transparent url(img/servico.png) left top no-repeat;
padding-left:20px;
padding-bottom:5px;
font-size:1em;
}

#servicos ul.lista_servicos h4.servico {
background:transparent url(img/servico_botao.png) left top no-repeat;
padding-left:20px;
cursor:pointer;
}

#servicos ul.lista_servicos h4.down {
background:transparent url(img/servico_botao_down.png) left top no-repeat;
padding-left:20px;
}



#servicos ul.lista_servicos ul.servicos div.detalhe {
margin-bottom:10px;
}

#servicos ul.lista_servicos ul.servicos div.borda {
margin-left:20px;
border:1px solid #ccc;
padding:5px 5px 5px 10px;
}

#servicos ul.lista_servicos ul.servicos div.borda ul{
margin-left:15px;
margin-bottom:5px;
list-style-type:square;
}


#servicos ul.lista_servicos ul.servicos div.borda p{
font-size:.9em;
margin-left:0px;
margin-bottom:5px;
color:#666666;
}

#clientes ul {
list-style:none;
margin-left:60px;
}

#clientes ul li {
float:left;
}

#clientes ul li img {
border:1px solid #fff;
border-color:transparent;
}

#clientes ul li a:hover img {
border:1px solid #EFEFEF;
}

#clientes ul li span {
display:block;
position:absolute;
margin-top:-115px;
margin-left:120px;
text-indent:-99999px;
height:10px;
width:10px;
white-space:nowrap;
text-align:right;
background:transparent url(img/abrelink_portfolio_mais.png) center center no-repeat;
color:#fff;
padding:10px 10px 10px 20px;
}

#clientes ul li:hover span {
background:transparent url(img/abrelink_portfolio.png) center center no-repeat;
}

#divcliente {
text-align:left;
border:#00FF0px 1px px solid;
margin-left:auto;
margin-right:auto;
}

#divcliente p {
margin:0;
}

#divcliente img {
vertical-align:middle;
padding:16px;
}

#portfolio {
font-size:1.1em;
min-height:380px;
padding:30px 290px 320px 45px;
}

#portfolio p {
margin-left:60px;
font-size:.8em;
color:#A7A8AC;
margin-top:5px;
width:420px;
}

#portfolio p img{
border:1px solid #e5e5e5;
}

#portfolio h4 {
margin-left:60px;
font-size:1.2em;
font-weight:400;
}

#portfolio div.post {
padding-top:10px;
padding-bottom:25px;
margin-bottom:25px;
border-bottom:1px solid #f0ecec;
}

#portfolio div.post:last-child {

border-bottom:none;
}

#portfolio div.projeto {
padding-top:10px;
padding-bottom:25px;
}


#portfolio div.projeto p a,
div.detalhe p a.externo
{
color:#0000FF;
background:transparent url(img/abrelink.png) center right no-repeat;
padding:2px;
padding-right:24px;
overflow:visible;
}
#portfolio div.projeto div.wp-caption {
margin-left:60px;
}

#portfolio div.projeto div.wp-caption p.wp-caption-text{
text-align:right;
margin-left:0px;
margin-right:10px;
color:#666;
}

#portfolio div.projeto div.wp-caption p.wp-caption-text {
margin-left:0px;
}

#portfolio div.dados {
float:left;
margin-left:60px;
width:135px;
font-size:.8em;
}

#portfolio div.dados p {
margin-left:0;
}

#menu_portfolio {
padding:0 0 50px;
}

#menu_portfolio a {
display:block;
float:left;
background-color:#4B5254;
color:#ccc;
text-decoration:none;
width:107px;
text-align:center;
padding:4px;
}

#menu_portfolio a:hover {
background-color:#616669;
color:#fff;
}

#menu_portfolio a.selected {
background-color:#A6CE39;
color:#000;
}


#menu_portfolio_servico {
list-style:none;
}

#menu_portfolio_servico li {
padding-left:10px;
margin:2px 15px 2px 5px;
}

#menu_portfolio_servico li a {
display:block;
background-color:#4b5254;
color:#B6DF45;
text-decoration:none;
text-align:center;
overflow:hidden;
height:30px;
line-height:30px;
border:2px solid #B6DF45;
padding:4px;
}

#menu_portfolio_servico li.current_page_item a {
border:2px solid #fff;
}

a.feed{
background:transparent url(img/rss_feed.png) center left no-repeat;
color:#fff;
padding-left:30px;
height:35px;
line-height:35px;
display:block;
margin-top:25px;
margin-left:20px;
margin-right:20px;
/*text-decoration:none;*/
/*border:2px solid #B6DF45;*/
}

div.blog a.feed{
margin-left:0px;
margin-right:0px;
}

a.feed:focus,
a.feed:hover {
/*background-color:#B6DF45;*/
color:#fff;
}


#menu_portfolio_clientes {
list-style:none;
margin-top:-4px;
}

#menu_portfolio_clientes li {
padding-left:10px;
border:1px solid #A6CE39;
margin:2px 15px 2px 5px;
}

#menu_portfolio_clientes li a {
display:block;
height:50px;
border:2px solid #B6DF45;
background-color:#4b5254;
color:#B6DF45;
text-decoration:none;
text-align:center;
overflow:hidden;
}


#menu_portfolio_clientes li a span{
display:block;
line-height:50px;
}


#menu_portfolio_clientes li a img{
/*margin-top:-50px;*/
}

#menu_portfolio_clientes li.current_page_item a {
border:2px solid #fff;
}

#form p {
margin:20px 10px;
}

#form fieldset {
margin:0 10px;
}

#form label {
display:block;
margin-top:5px;
}

#form input,#form textarea {
border:1px solid #ccc;
width:100%;
line-height:120%;
height:18px;
padding-left:3px;
}

#form input.codigo {
width:20px;
}

#form input.telefone {
width:60px;
}

#form button {
border:none;
width:90px;
height:20px;
padding-bottom:3px;
text-align:center;
color:#333;
background:url(img/bg-btn-form.png) no-repeat top right #a6ce39;
margin:10px 0 0 10px;
}

#results h2 {
background:url(img/ico-busca.png) 3px 0 no-repeat;
}

#results h3 {
margin-left:60px;
padding-left:45px;
}

h3.servicos {
background:url(img/ico-servicos.png) top left no-repeat;
}

#results div.resultado-busca {
padding-bottom:10px;
}

#results div.resultado-busca p {
margin-left:105px;
margin-top:10px;
}

#results div.resultado-busca p.postmetadata,#single_blog p.postmetadata {
font-size:.8em;
color:#666;
margin:-5px 0 0 105px;
}

#single_blog blog_post {
border-bottom:1px solid #f0ecec;
}

#footer {
color:#f0ecec;
clear:both;
height:5px;
padding:0 10px;
}

#footer a{
background:transparent url(img/rss_feed_footer.png) center left no-repeat;
color:#f0ecec;
padding-left:20px;
float:right;
margin-right:0px;
}

strong.search-excerpt {
font-weight:400;
background:#ffa;
}

div.wp-pagenavi {
margin-left:60px;
margin-top:10px;
}

div.wp-pagenavi span.pages{
margin-right:10px;
}
#content .wp-pagenavi a,#content div.wp-pagenavi span.pages {
color:#93B700;
border-color:#A6CE39;
}
/*
#portfolio div.wp-pagenavi {
margin-left:60px;
}
#portfolio  div.wp-pagenavi span.pages{
margin-right:0px;
}
*/
div#antprox {
margin-top:0 0 0 60px;
font-size:.9em;
color:#666;
padding-left:60px;
text-transform:lowercase;
}

div#antprox div.titulo {
margin-bottom:10px;
}

div#antprox div#proximo {
float:right;
margin-top:-1.2em;
}

div.fim {
display:block;
clear:both;
}

div#teste {
position:absolute;
top:0;
left:0;
color:#fff;
font-size:.8em;
padding:5px;
}

#cformsform,
#cforms2form,
#cforms3form {
width:520px;
margin-left:auto;
margin-right:auto;
margin-bottom:50px;
margin-top:30px;
}

#cformsform input,
#cforms2form input,
#cforms3form input,
#cformsform textarea,
#cforms2form textarea,
#cforms3form textarea,
#commentform input,
#commentform textarea {
width:260px;
}

#usermessagea {
width:490px;
margin-left:60px;
margin-bottom:-20px;
}

#cformsform p.cf-sb,
#cforms2form p.cf-sb,
#cforms3form p.cf-sb,
#commentform p{
text-align:left;
margin-top:5px;
}

#cformsform #sendbutton,
#cforms2form #sendbutton2,
#cforms3form #sendbutton3,
#commentform #submit {
width:90px;
color:#fff;
background:#a6ce39 url(img/bg-btn-form.png) top right no-repeat;
font-size:1em;
border:1px solid #000;;
margin:0 0 0 218px;
height:25px;
line-height:25px;
border-color:#ECECEC #ADADAD #ADADAD #ECECEC !important;
}

#commentform {
width:520px;
margin-top:30px;
margin-bottom:50px;
margin-left:auto;
margin-right:auto;
}

#commentform ol{
list-style:none;
}

#commentform ol li {
line-height:1.3em;
margin-top:5px;
text-align:left;
padding:0;
}

#commentform ol li label {
display:inline-block;
text-align:right;
vertical-align:top;
width:90px;
margin:4px 5px 0 0;
font-size:1em;
}

#commentform ol li span,
#cformsform span.reqtxt,
#cforms2form span.reqtxt,
#cforms3form span.reqtxt,
#cformsform span.emailreqtxt,
#cforms2form span.emailreqtxt,
#cforms3form span.emailreqtxt
 {
font-size:.7em;
color:#666;
}

#commentform input,#commentform textarea,#commentform select {
background-color:#f9f9f9;
border:1px solid #888;
vertical-align:top;
padding:3px;
}
#commentform input:hover,#commentform textarea:hover,#commentform select:hover {
background-color:#CEDDDF;
}
#commentform input:focus,#commentform textarea:focus,#commentform select:focus {
background-color:#F3F8F8;
}

#commentform textarea
{
height:100px;
}

#portfolio div.post_thumb {
/*text-align:center;*/
margin-left:60px;
width:420px;
}

#portfolio div.post_thumb img{
border:1px solid #e5e5e5;
}

#portfolio div.post_thumb a:hover img{
border:1px solid #ccc;
}

div.editar
{
/*text-align:center;*/ 
position:absolute; 
top:0px; 
right:240px; 
background-color:#FF0000;
height:20px;
line-height:20px;
font-size:.8em;
}

div.editar a{
/*display:block;
float:left;*/
color:#fff;
padding:10px 15px 10px 15px;
}

button,#destaque.blog ul li#pordata>ul>li.ano strong:hover {
cursor:pointer;
}

h1 a span,#searchform button img {
display:none;
}

#menu li:hover,#menu li.current_page_item,#menu li.current_page_ancestor,#menu li.current_page_parent {
background:url(img/active-bg-menu.png) right top;
}

body.empresa h2#titulo1,h3.pagina {
background:url(img/ico-empresa.png) top left no-repeat;
}

body.portfolio h2,h3.portfolio {
background:url(img/ico-portfolio.png) top left no-repeat;
}

body.clientes h2,h3.cliente {
background:url(img/ico-clientes.png) top left no-repeat;
}

body.blog h2,h3.blog {
background:url(img/ico-blog-2.png) top left no-repeat;
}

h2 span,h4 span {
color:#ccc;
}











#empresa p,#clientes p {
margin-bottom:20px;
margin-left:65px;
}

#menu_portfolio_servico li.current_page_item,#menu_portfolio_clientes li.current_page_item {
background:transparent url(img/seta_menu.png) center left no-repeat;
}

#menu_portfolio_servico>li a:hover,#menu_portfolio_clientes>li a:hover {
background-color:#616669;
}

#menu_portfolio_clientes li.current_page_item a div.post_thumb img,#menu_portfolio_clientes li a:hover div.post_thumb img {
opacity:1;
}


div#principal div#content>div.esquerda>p#ll.linklove,
div#principal div#content>div.esquerda>p#ll2.linklove,
div#principal div#content>div.esquerda>p#ll3.linklove
{
position:absolute;
top:-999px;
}


ul.qtrans_language_chooser
{
font-size:.8em;
margin-bottom:30px;
margin-right:0px;
height:20px;
padding-top:5px;
color:#ccc;
list-style:none;
float:right;

}

ul.qtrans_language_chooser li
{
float:left;
margin-right:5px;
}

ul.qtrans_language_chooser li a
{
color:#ccc;
text-decoration:none;
}

ul.qtrans_language_chooser li a:hover
{
text-decoration:underline;
}

ul.qtrans_language_chooser li:last-child:before
{
content:' | ';
}

ul.qtrans_language_chooser li.active
{
display:none;
}

h3 span
{
color:#A7A8AC;
}



#empresa ul.equipe{
list-style:none;
margin-left:60px;
padding:0px;
}

#empresa ul.equipe li {
display:block;
clear:both;
margin-bottom:15px;
height:95px;
font-size:.8em;
}

#empresa ul.equipe li img
{
float:left;
margin-right:15px;
}

#empresa ul.equipe li h3{
margin-bottom:-5px;
margin-top:-12px;
}

img#wpstats{
display:none;
}


#portfolio div.projeto div.flipbook{
/*border:1px solid #ccc;*/
margin-top:30px;
overflow:hidden;
margin-left:60px;
width:420px;
}

#portfolio div.projeto div.flipbook div{
display:none;
}

#portfolio div.projeto div.flipbook object{
margin-top:-23px;
}