/*
Theme Name: Sony Ericsson Preview
Theme URI: http://www.sonyericsson.com
Description: O tema foi desenvolvido em 2011 para o site Sony Ericsson Preview que teve como propósito alterar a interface de blog para site.
Version: 1.0
Author: AgênciaClick Isobar
Author URI: http://www.agenciaclick.com.br
*/
* {
    margin: 0px;
    padding: 0px;
    list-style: none;
    outline: none;
    border: none;
}
a:active, a:focus { outline:none;border:none;}


article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section
    {
    display: block;
}

/**********
* ESPECIALIZACAO DE CLASSES
**********/
.dsp-block { display: block;}
.dsp-none { display: none;}
.vsb-hidden { visibility: hidden;}
.clr-both { clear: both;}
.clr-left { clear: left;}
.clr-right { clear: right;}
.flt-left { float: left;}
.flt-right { float: right;}
.clr-padding { padding: 0;}
.clr-margin { margin: 0 !important;}
.ovf-hidden { overflow: hidden;}
.txt-right { text-align: right;}
.txt-center { text-align: center;}
.txt-uppercase { text-transform: uppercase;}
.txt-underline { text-decoration: underline;}
.btn { display: block; text-indent: -999999px;}
.sprite { background: url(img/sprite.png);}

/**********
* DEFAULT
**********/
body {
    font-family: Helvetica, Arial, sans-serif;
    background: url(img/bg/body.gif) repeat-x #fdfdff;
    color: #252831;
    font-size: 12px;
}

a {
    text-decoration: none;
    color: #252831;
}

a:hover { color: #96078e;}

.more {
    width: 30px;
    height: 30px;
    position: absolute;
    right: 4px;
    bottom: 4px;
    background-position: -222px -47px;
}

h2.title {
    color: #6A1D7A;
    font-size: 30px;
    font-weight: normal;
    height: 80px;
    line-height: 73px;
}

h2.title img { margin-right: 14px;}
h2.title.clr-line { line-height: normal;}

h2.full {
    height: auto;
    line-height: normal;
}
h2.title .icon.feed {
    background-position: -321px -119px;
    width: 15px;
    height: 16px;
    margin-top: 22px;
}
h2.main-title .icon.feed { margin: 31px 0 0 17px;}
h3.title {
    color: #6A1D7A;
    font-size: 20px;
    font-weight: normal;
    height: 53px;
    line-height: 51px;
    margin-top: 14px;
}

h3.title img { margin-right: 14px;}

h2.title .label,
h3.title .label { color: #4a4e55;}

.title-box {
    background: url("img/bg/title.png") no-repeat scroll center bottom
        transparent;
    height: 72px !important;
    line-height: 68px !important;
    margin: 0 !important;
}
.title-box-without-shadow { background: none;}

.title-box .icon {
    margin-right: 9px;
}

time {
    display: block;
    color: #888989;
    font-size: 10px;
    font-style: italic;
}

.txt-info {
    color: #777777;
    font-style: italic;
    font-size: 11px;
}

.icon-related {
    background: url("img/icons/relacionados.png") no-repeat;
    width: 32px;
    height: 38px;
}

.icon-mail {
    background: url("img/icons/mail2.png") no-repeat;
    width: 32px;
    height: 38px;
}

.icon-empty {
    background: url("img/icons/ballom-empty.png") no-repeat scroll 0 0
        transparent;
    color: #FFFFFF;
    font-family: "Helvetica", Arial, sans-serif;
    font-size: 13px;
    height: 38px;
    line-height: 34px;
    text-align: center;
    width: 32px;
}

.btn-avise {
    width: 181px;
    height: 40px;
    background: url(img/btn-avise.png) no-repeat;
}

.btn-atualize {
    width: 229px;
    height: 50px;
    background: url(img/btn-atualize.png) no-repeat;
}
.link-modal {
    color: #464646;
    font-weight: bold;
    padding: 13px 0 13px 23px;
    margin: 20px;
}
.btn-receba { background: url(img/icons/mail3.png) no-repeat center left;}
.btn-compre {
    width: 140px;
    height: 38px;
    background: url(img/btn-compre.png) no-repeat;
}
.btn-orkut {
    width: 56px;
    height: 20px;
    background-position: -64px -178px;
}
.btn-submit {
    width: 105px;
    height: 28px;
    background-position: -230px -88px;
    cursor: pointer;
}

.input-txt {}
.input-txt .left, .input-txt .right { width: 7px;}
.input-txt .left, .input-txt .right, .input-txt .content { height: 24px;}
.input-txt .left { background-position: -49px -178px;}
.input-txt .right { background-position: -56px -178px;}
.input-txt .content { background-position: 0 -225px; color: #9e0798;}

.input-txt.default-size .content { width: 300px;}
.input-txt.small-size .content { width: 30px;}
.input-txt.middle-size .content { width: 150px;}

.txt-area {}
.txt-area .left, .txt-area .right { width: 7px;}
.txt-area .left, .txt-area .right, .txt-area .content { height: 160px;}
.txt-area .left { background: url(img/bg/txtarea-left.gif) no-repeat top left;}
.txt-area .right { background: url(img/bg/txtarea-right.gif) no-repeat top right;}
.txt-area .content { background: url(img/bg/txtarea-repeat.gif) repeat-x; color: #9e0798;}
.txt-area.default-size .content { width: 360px; height:160px; font-size: 12px;}



/**********
* MAIN STRUCTURE
* layout produzido para suportar resolucao com largura de 1024px
**********/
#main-header { height: 335px;}

header,footer {}

#wrap { margin: 9px;}

.centralized {
    width: 1000px;
    margin: 0 auto;
}

#main {
    width: 735px;
    float: left;
}

#main.full-page {
    width: 100%;
    float: none;
}

aside {
    width: 222px;
    float: right;
    margin-top: 76px;
}

.box-link, aside .box-nav { margin: 25px 0;}

.box-link .corner {
    height: 58px;
    width: 10px;
}

.box-link .left { background: url("img/bg/box-left.png") no-repeat scroll left top transparent;}
.box-link .right { background: url("img/bg/box-right.png") no-repeat scroll right top transparent;}

.box-link .content {
    background: url("img/bg/box-repeat.png") repeat-x scroll 0 0 transparent;
    color: #FFFFFF;
    font-weight: bold;
    height: 58px;
    line-height: 58px;
    margin: 0 10px;
}

/* Estilo de formularios */
form .item { margin-bottom: 15px;}
form select{ border: 1px solid #d9d9d9;}
.lbl-title {
    color: #5d106f;
    font-size: 15px;
    display: inline-block;
    margin-bottom: 2px;
}
ul.list-checks li {
    float: left;
    margin: 0 10px 10px 0;
    width: 140px;
}
label.error {
    color: #FF0000;
    display: inline-block;
    padding: 5px 12px;
}
#messageBox { background-color: #d22f2f;}
#messageBox ul {
    display: none;
    margin-bottom: 30px;
}
#messageBox li label.error { color: #FFF;}



.AmericanBold { font-family: AmericanTypewriterBoldBTBold;}
.AmericanMedium { font-family: AmericanTypewriterLTMediumRg;}
.AmericanLight { font-family: AmericanTypewriterLTLightRg;}
.AmericanRegular { font-family: AmericanTypewriterLTCnRegular;}

@font-face {
    font-family: 'AmericanTypewriterLTMediumRg';
    src: url('fonts/lte50035-webfont.eot');
    src:
            url('fonts/lte50035-webfont.eot?#iefix') format('embedded-opentype'),
            url('fonts/lte50035-webfont.woff') format('woff'),
            url('fonts/lte50035-webfont.ttf') format('truetype'),
            url('fonts/lte50035-webfont.svg#AmericanTypewriterLTMediumRg') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'AmericanTypewriterLTLightRg';
    src: url('fonts/lte51088-webfont.eot') format('embedded-opentype');
    src:
            url('fonts/lte51088-webfont.eot?#iefix') format('embedded-opentype'),
            url('fonts/lte51088-webfont.woff') format('woff'),
            url('fonts/lte51088-webfont.ttf') format('truetype'),
            url('fonts/lte51088-webfont.svg#AmericanTypewriterLTLightRg') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'AmericanTypewriterLTCnRegular';
    src: url('fonts/lte51090-webfont.eot');
    src: url('fonts/lte51090-webfont.eot?#iefix')
        format('embedded-opentype'), url('fonts/lte51090-webfont.woff')
        format('woff'), url('fonts/lte51090-webfont.ttf')
        format('truetype'),
        url('fonts/lte51090-webfont.svg#AmericanTypewriterLTCnRegular')
        format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'AmericanTypewriterBoldBTBold';
    src: url('fonts/american_typewriter_bold_bt-webfont.eot');
    src: url('fonts/american_typewriter_bold_bt-webfont.eot?#iefix')
        format('embedded-opentype'),
        url('fonts/american_typewriter_bold_bt-webfont.woff')
        format('woff'),
        url('fonts/american_typewriter_bold_bt-webfont.ttf')
        format('truetype'),
        url('fonts/american_typewriter_bold_bt-webfont.svg#AmericanTypewriterBoldBTBold')
        format('svg');
    font-weight: normal;
    font-style: normal;
}

/********************************************************************************
* ICONS
*
* Estilos dos elementos que tem algum ícone
*
********************************************************************************/
.ballom {
    display: block;
    width: 36px;
    height: 42px;
    background: url(img/icons/ballom.png) no-repeat center top;
}
.search-btn {
    width: 24px;
    height: 24px;
    background-position: -24px -178px;
    cursor: pointer;
}



/********************************************************************************
* HEADER
*
* Estrutura e estilo dos menus, compartilhamento, duvidas, etc
*
********************************************************************************/
header .sony-preview a {
    width: 242px;
    height: 260px;
    background: url(img/android.png) no-repeat center center;
    text-indent: -999999px;
    display: block;
}

.slogan {
    background: url(img/txt-slogan.png) no-repeat center right;
    color: #4A4E55;
    font-size: 18px;
    height: 35px;
    margin: 30px 27px 30px 0;
}

header .wrap-navs { width: 758px;}

#nav-external {
    background: url("img/bg/nav-external.gif") repeat-x scroll 0 -2px
        transparent;
    height: 75px;
}

/**********
* NAVEGACAO EXTERNA
**********/
#nav-external .bg {
    background: url(img/bg/menu_bg.jpg) no-repeat;
    height: 65px;
}
#nav-external ul {
    overflow: hidden;
    height: 65px;
    float: left;
}

#nav-external ul li { float: left;}

#nav-external ul li a {
    display: block;
    text-indent: -999999px;
    height: 65px;
}

#nav-external li.item-sonyericsson { width: 98px;}
#nav-external li.item-telefoneseacessorios { width: 197px;}
#nav-external li.item-playnow { width: 117px;}
#nav-external li.item-suporte { width: 98px;}
#nav-external li.item-comunidade { width: 130px;}
#nav-external li.item-lojavirtual { width: 125px;}

#nav-external ul li.item-telefoneseacessorios a:hover,
#nav-external ul li.item-telefoneseacessorios a.on { background: url("img/bg/menu_bg.jpg") no-repeat scroll -98px -67px transparent;}

#nav-external ul li.item-telefoneseacessorios li a:hover {
    background: #FFF;
    color: #96078e;
}

#nav-external ul li.item-playnow a:hover { background: url("img/bg/menu_bg.jpg") no-repeat scroll -295px -66px transparent;}
#nav-external ul li.item-suporte a:hover { background: url("img/bg/menu_bg.jpg") no-repeat scroll -412px -66px transparent;}
#nav-external ul li.item-comunidade a:hover { background: url("img/bg/menu_bg.jpg") no-repeat scroll -510px -66px transparent;}
#nav-external ul li.item-lojavirtual a:hover { background: url("img/bg/menu_bg.jpg") no-repeat scroll -640px -66px transparent;}

#nav-external ul.sub-menu {
    background: none repeat scroll 0 0 #FFFFFF;
    height: 40px;
    margin-left: -97px;
    position: absolute;
    width: 979px;
    z-index: 1000;
    border-bottom: 1px solid #CCCCCC;
    display: none;
}

#nav-external ul.sub-menu a {
    border-right: 1px solid #CCCCCC;
    color: #999999;
    height: 30px;
    line-height: 30px;
    margin: 5px 0;
    padding: 0 30px;
    text-indent: 0;
}

#nav-external ul.sub-menu a:hover { background: none;}
#nav-external .wrap-last-itens { width: 234px;}
#nav-external .wrap-last-itens .face { margin: 30px 0 0 0; width: 89px;}

/**********
* BOX DE BUSCA
**********/
.search { margin: 9px 21px 0 0;}
.search .link {
    color: #666666;
    padding: 3px 7px;
}
.search .input-txt .content { width: 93px;}


/**********
* NAVEGACAO PRINCIPAL
* html gerado pelo WP no item menus do admin
* Appearance > Menus > Principal
**********/
.menu-principal-container { float: right;}

.menu-principal-container ul {
    overflow: hidden;
    background: url(img/bg/nav-main.png) no-repeat center bottom;
    width: 740px;
}

.menu-principal-container ul li { float: right;}

.menu-principal-container ul li a {
    border-left: 1px solid #AFAEB1;
    border-right: 1px solid #F1F2F3;
    color: #615A65;
    display: block;
    font-size: 13px;
    height: 40px;
    line-height: 40px;
    padding: 0 31px;
    text-transform: uppercase;
}

.menu-principal-container ul li.clr-border-left a { border-left: none;}
.menu-principal-container ul li.clr-border-right a { border-right: none;}

.menu-principal-container ul li a:hover,
.menu-principal-container ul li.current-menu-item a,
.menu-principal-container ul li.current-post-ancestor a {
    background: url(img/bg/nav-link.png) repeat-x;
    color: #651375;
}
/**********
* NAVEGACAO DE COMPARTILHAMENTO
**********/
ul.list-shared {
    font-family: "HelveticaNeue-Light", Helvetica, Arial, sans-serif;
    margin: 7px 15px 7px 0;
}

ul.list-shared li {
    float: left;
}

ul.list-shared li a {
    display: block;
    font-weight: bold;
    height: 42px;
    line-height: 39px;
    padding: 0 20px 0 40px;
    color: #4a4e55;
}

ul.list-shared li.icon-mail { background: url(img/icons/mail.png) no-repeat center left; width: auto;}
ul.list-shared li.icon-sac { background: url(img/icons/sac.png) no-repeat center left; border-right: 1px solid #b9b9bd;}
ul.list-shared li.icon-mobile { background: url("img/icons/mobile.png") no-repeat scroll 20px center transparent; border-left: 1px solid #E3E0E0; margin: 0;}
ul.list-shared li.icon-mobile a { padding-left: 62px;}
ul.list-shared li.icon-facebook { background: url(img/icons/facebook.png) no-repeat center left;}
ul.list-shared li.icon-twitter { background: url(img/icons/twitter.png) no-repeat center left;}
ul.list-shared li.icon-orkut { background: url(img/icons/orkut.png) no-repeat center left;}

/********************************************************************************
* FOOTER
*
* Estilo do radape com os links, widgets, etc
*
********************************************************************************/
footer {
    border-top: 1px solid #cccccc;
    padding: 15px 0;
}

footer * { color: #666666;}
footer #navs { margin-bottom: 55px;}

footer #navs .widget {
    border-left: 1px solid #CCCCCC;
    display: inline;
    float: left;
    padding-left: 5px;
    width: 190px;
}

footer #navs .widgettitle {
    font-size: 13px;
    margin-bottom: 4px;
}

.sony-make-believe {
    width: 179px;
    height: 65px;
    background: url(img/sony-make-believe.gif) no-repeat;
}

footer h5 {
    font-size: 12px;
    font-weight: bold;
    padding-bottom: 5px;
}

footer a {
    display: block;
    padding: 3px 0;
}

footer a:hover { color: #96078e;}

#menu-rodape {
    margin: 15px 0 8px;
    overflow: hidden;
}

#menu-rodape li { float: left;}

#menu-rodape li a {
    border-left: 1px solid #CDCDCD;
    padding: 3px 10px;
}

#menu-rodape li.first a {
    border: none;
    padding-left: 0px;
}

/********************************************************************************
* BOX NEWS
*
* Estrutura da caixa padrao de noticias
*
* Parametros
* - double-news ( quando existem duas noticias na mesma caixa )
*
********************************************************************************/

/**********
* BOX PADRAO DE NOTICIAS
**********/
.news {
    position: relative;
    padding: 0px 0 34px;
    font-family: "Arial", sans-serif;
    background-color: #F7F7F7;
    border: 1px solid #EDEDED;
}
/*.news:hover { background-color: #e2e3e3 !important;}*/

.news a { color: #252831;}

.news .title {
    font-size: 14px;
    padding: 18px 15px 0;
    height: auto;
    margin: 0;
    line-height: normal;
    font-weight: bold;
}

.news .content {
    font-size: 12px;
    padding: 15px 15px 0;
}

.news .line {
    border-bottom: 1px solid #FFFFFF;
    border-top: 1px solid #DDDDDD;
    display: block;
    height: 0;
    margin: 0 15px 15px;
}

.news .abs-link {
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
}

.news time { padding: 0 15px;}

/********************************************************************************
* BOX DE PAGINACAO
*
* box de paginacao e usado nos destaques da home e em outros locais para paginar posts
*
********************************************************************************/
.paginator {
    height: 30px;
    position: relative;
}

.paginator .corner {
    width: 17px;
    height: 30px;
}

.paginator .left { background-position: -252px -46px;}
.paginator .right { background-position: -269px -46px;}

.paginator .content {
    background: url("img/bg/paginator-repeat.gif") repeat-x scroll 0 2px
        transparent;
    height: 30px;
    /*margin: 0 17px;*/
}

.paginator ul {
    overflow: hidden;
    background: url("img/bg/paginator-on.png") no-repeat scroll 0 0 transparent;
}

.paginator ul li {
    color: #83838A;
    cursor: pointer;
    height: 30px;
    line-height: 32px;
    text-align: center;
    width: 32px;
    float: left;
}

.paginator ul li.on { color: #FFF;}

#paginator {
    position: relative;
    height: 38px;
}

#paginator .paginator {
    position: absolute;
    left: 50%;
}
#paginator .paginator .left { background-position: -252px -43px;}
#paginator .paginator .right { background-position: -269px -43px;}

#paginator .paginator,
#paginator .paginator .corner,
#paginator .paginator ul li,
#paginator .paginator .content { height: 33px;}

#paginator .paginator .content {
    background: url("img/bg/paginator-repeat.gif") repeat-x scroll 0 5px
        transparent;
}

#paginator .paginator ul li { line-height: 40px;}
#paginator .paginator ul li a { display: block;}

/********************************************************************************
* BOX DE DESTAQUE
*
* destaque ds banners da home. No admin os banners sao inseridos pelo plugin WP_BANNERIZE
* no grupo home-destaque
*
********************************************************************************/
.box-highlight {
    width: 472px;
    height: 320px;
    overflow: hidden;
    position: relative;
}

.box-highlight ul {
    overflow: hidden;
}

.box-highlight ul li {
    float: left;
}

.box-highlight .paginator {
    position: absolute;
    left: 12px;
    bottom: 12px;
}

/********************************************************************************
* BOX DE NAVEGACAO DE DESTAQUE
*
* Lista de destaque parecido com timeline do twitter, lista de aparelhos, etc
*
********************************************************************************/
.box-nav {
    position: relative;
    width: 220px;
}

.box-nav .tabs {
    /*	background: url("img/bg/shadow-news-top.png") no-repeat scroll 0 37px transparent;
  height: 48px;
  position: absolute;
  width: 100%;
  z-index: 10000;*/
    height: 37px;
    width: 100%;
    z-index: 10000;
}

.box-nav .tabs ul li { width: 50%;}

.box-nav .tabs ul li a {
    color: #FFFFFF;
    font-size: 13px;
    height: 34px;
    text-align: center;
    line-height: 32px;
    margin-top: 2px;
}

.box-nav .tabs ul li a span { height: 34px;}

.box-nav .tabs ul li a .content {
    background-position: 0 -410px;
    background-repeat: repeat-x;
}

.box-nav .tabs ul li a .left {
    width: 6px;
    background-position: 0px -178px;
}

.box-nav .tabs ul li a .right {
    width: 6px;
    background-position: -6px -178px;
}

.box-nav .tabs ul li.small { width: 40%;}
.box-nav .tabs ul li.big { width: 60%;}
.box-nav .tabs ul li.medium-55 { width: 55%;}
.box-nav .tabs ul li.medium-45 { width: 45%;}

.box-nav .tabs ul li a.on {
    margin-top: 0px;
    height: 37px;
    color: #6a2179;
    line-height: 35px;
}

.box-nav .tabs ul li a.on span { height: 37px;}

.box-nav .tabs ul li a.on .content {
    background-position: 0 -472px;
    background-repeat: repeat-x;
}

.box-nav .tabs ul li a.on .left {
    width: 5px;
    background-position: -13px -178px;
}

.box-nav .tabs ul li a.on .right {
    width: 5px;
    background-position: -18px -178px;
}

.box-nav .tabs ul li a.border-left { margin-left: 1px;}
.box-nav .tabs ul li a.border-right { margin-right: 1px;}

.box-nav .wrap {
    border: 1px solid #cdcece;
    position: relative;
    z-index: 1000;
    height: 252px;
    background-color: #f9f9fa;
}

.box-nav .wrap .load {
    background: url(img/ajax-loader.gif) no-repeat center center #f9f9fa;
    height: 252px;
}

.box-nav .wrap .shadow-bottom {
    background: url("img/bg/shadow-news-bottom.png") no-repeat scroll center
        bottom transparent;
    bottom: 0;
    height: 15px;
    position: absolute;
    width: 100%;
    z-index: 100000;
}

.box-nav .wrap .shadow-bottom-top {
    background: url("img/bg/shadow-news-top.png") no-repeat scroll center
        top transparent;
    top: 0;
    height: 15px;
    position: absolute;
    width: 100%;
    z-index: 100000;
}

.box-nav .wrap .item {
    position: relative;
}

.box-nav .wrap .item .odd {

}

.box-nav .wrap .item .even {
    background-color: #eeeff0;
}

.box-nav .wrap .item a {
    padding: 25px 15px 30px;
    border-top: 1px solid #cacaca;
    border-bottom: 1px solid #e7e7e8;
    color: #32383e;
}

.box-nav .item a strong {
    color: #6a2179;
}

.box-nav .arrows {

}

.box-nav .arrows a {
    background-color: #AFB1B5;
    border-bottom: 1px solid #D6D6D6;
    border-top: 1px solid #BEC0C2;
    height: 28px;
    width: 110px;
}
.box-nav .arrows a:hover { background-color: #868c92;}

.box-nav .arrows a span {
    height: 13px;
    width: 24px;
    margin: 8px 0 0 42px;
}

.box-nav .arrows a.border-right {
    border-right: 1px solid #e0e0e1;
    width: 109px;
}

.box-nav .arrows a.bottom span { background-position: -321px -60px;}
.box-nav .arrows a.top span { background-position: -321px -48px;}

.box-nav.withicon { }

.box-nav.withicon .icon {
    background-position: -66px -47px;
    color: #FFFFFF;
    display: block;
    height: 38px;
    line-height: 33px;
    text-align: center;
    width: 33px;
    float: left;
}

.box-nav.withicon .txt {
    display: block;
    text-decoration: underline;
    margin-left: 40px;
}

.box-nav.list-img {}
.box-nav.list-img .wrap-itens { overflow: hidden;}
.box-nav.list-img .item { }
.box-nav.list-img .item a {
    float: left;
    padding: 0;
    height: 150px;
    width: 107px;
    background: #e1e2e4;
    border: 1px solid #FFF;
    border-right: none;
    color: #252831;
    text-transform: uppercase;
    font-size: 11px;
    text-align: center;
}
.box-nav.list-img .item a img { margin-bottom: 10px;}
.box-nav.list-img .item a.even { border-right: 1px solid #FFF; background: #e1e2e4;}
.box-nav.list-img .item a.odd { background: #e1e2e4;}

/********************************************************************************
* ESTILOS DA HOME
*
* estilos especificos da home
* tratamento para aparecer dois posts no mesmo box
*
********************************************************************************/

/**********
* HOME > BOX POSTS
*
* tratamento para aparecer dois posts no mesmo box
*
**********/
#highlight { margin-bottom: 30px;}

#list-boxes .box-nav {
    float: right;
    margin-right: 27px;
}

.box-news {
    width: 222px;
    margin: 13px;
}

.box-news.first { margin-left: 5px;}
.box-news.last { margin-right: 0;}

.box-news h2.title {
    color: #6A1D7A;
    font-size: 18px;
    height: 50px;
    line-height: 50px;
    font-weight: normal;
}

.box-news .aparelhos { background: url("img/icons/aparelhos.png") no-repeat scroll 3px 7px transparent;}
.box-news .mundo-android { background: url("img/icons/mundo-android.png") no-repeat scroll 3px 7px transparent;}
.box-news .games { background: url("img/icons/games.png") no-repeat scroll 3px 7px transparent;}
.box-news .faq { background: url("img/icons/faq.png") no-repeat scroll 3px 7px transparent;}
.box-news .news { min-height: 300px;}
.box-news .news.odd { border-bottom: none;}
.box-news .news.even { border-top: none;}

/********************************************************************************
* ESTILOS DA LISTA DE NOTICIAS
*
* estilos da listagem de noticias com box de tamanhos medios
* - archive.php
*
********************************************************************************/
#list-news .news {
    margin-right: 35px;
    margin-bottom: 35px;
    width: 345px;
    min-height: 355px;
}

#list-news .news.even { margin-right: 0;}

/********************************************************************************
* SINGLE
*
* estilo do detalhe da noticia
*
********************************************************************************/
#content article { margin-bottom: 30px;}
#content article .wrap-widgets { margin: 15px 0 30px;}
#content article .wrap-widgets li {float: left;}
#content article .wrap-widgets li.right-margin { margin-right: 15px;}

#content h2.full { font-size: 24px;}
#content p {
    color: #57585D;
    font-size: 14px;
    margin-bottom: 13px;
}
#related-posts {}
#related-posts ul {
    margin: 0 0 24px;
    position: relative;
    background-color: #e8e9ea;
}
#related-posts li {
    border-bottom: 1px dotted #252831;
    border-top: 1px solid #f7f8f9;
}
#related-posts li.last { border-bottom: none;}
#related-posts li.even a { background-color: #eeeff0;}
#related-posts li a {
    padding: 15px 40px 15px 22px;
    color: #43464f;
    position: relative;
}
#related-posts li a:hover,
#related-posts li a:hover .date { color: #5d106f }
#related-posts li .date { color: #252831;}
#related-posts .shadow {
    height: 11px;
    width: 699px;
    position: absolute;
}
#related-posts .bottom-shadow { background: url("img/bg/title.png") no-repeat scroll center bottom transparent; bottom: 0;}
#related-posts .top-shadow { background: url("img/bg/top-shadow.png") no-repeat scroll center top transparent; top: 0;}


#comments {}
#comments #commentform { position: relative;}

.comment-list li {
    padding: 20px;
    background-color: #e8eaeb;
    position: relative;
}
.comment-list li.depth-1 { margin-top: 3px;}
.comment-list li.depth-2 { margin-bottom: 3px;}
.comment-list .arrow {
    width: 20px;
    height: 10px;
    background-position: -121px -178px;
    position: absolute;
    top: -10px;
    left: 44px;
}

#comments .comment-author {
    margin-top: 15px;
    font-style: italic;
}

#comments .comment-reply-link,#comments .comment-edit-link {
    color: #5d106f;
    text-decoration: underline;
}

#comments .children {
    margin: 0 0 0 40px;
    margin-bottom: 3px;
}
#comments ul.children li { background-color: #f6f6f7;}

#comments small {
    font-size: 12px;
    font-style: italic;
    margin-bottom: 10px;
    padding: 10px 0;
}

#comments fieldset { margin: 0 0 30px;}

#comments fieldset p {
    margin-bottom: 25px;
    position: relative;
}
#comments fieldset p.agree { color: #6b6c6f;}
#comments fieldset p.msg label.error { top: 167px;}
#comments fieldset p.agree label.error { left: 17px; top: 17px;}

#comments fieldset input[type *=text],
#comments fieldset textarea {
    background-color: #FAFBFC;
    /*
    border: 1px solid #D9D9D9;
    border-radius: 5px 5px 5px 5px;
    color: #565656;
    width: 374px;
    height: 25px;
    */
    display: block;
    font-family: arial;
    padding: 0 10px;
}
#comments fieldset .input-txt .content,
#comments fieldset .txt-area.default-size .content {  width: 460px;}

#comments fieldset #submit {
    width: 105px;
    height: 28px;
    background: url(img/btn-enviar.png) no-repeat;
    text-indent: -99999px;
    cursor: pointer;
    float: left;
}

/********************************************************************************
* GALERIA DO POST
*
* estilo do HTML do plugin file-gallery para galeria de fotos no post
*
********************************************************************************/
.gallery.default {
    width: 733px;
    height: 400px;
    overflow: hidden;
    position: relative;
    background: white;
    border: 1px solid #e9eaeb;
    border-bottom: none;
}

.gallery.default .gallery-caption { display: none;}

.gallery.default .gallery-item {
    float: left;
    width: 733px;
    overflow: hidden;
}

.gallery.default .gallery-item .gallery-icon { text-align: center;}

.gallery.default .btn-action {
    display: block;
    width: 30px;
    height: 108px;
    position: absolute;
    top: 145px;
    cursor: pointer;
    border: 1px solid #d3d3d4;
}

.gallery.default .btn-action.prev {
    background: url(img/bg/arrow-left.png) no-repeat center center #b3b4b7;
    left: 0px;
}

.gallery.default .btn-action.next {
    background: url(img/bg/arrow-right.png) no-repeat center center #b3b4b7;
    right: 0px;
}
.gallery.default img { border: none !important;}
.gallery.default .gallery-item, #content .gallery.default .gallery-item {
    float: left;
    margin: 0 !important;
    padding: 0;
    text-align: center;
}
.description-carousel {
    background-color: #f0f2f3;
    border: 1px solid #e9eaeb;
    border-top: none;
    height: 54px;
    position: relative;
}
.description-carousel .shadow {
    background: url("img/bg/title.png") no-repeat scroll center bottom transparent;
    height: 11px;
    position: absolute;
    width: 733px;
    bottom: 0;
}
.description-carousel p {
    padding: 6px 15px;
    font-size: 12px !important;
}

.wrap-ball-carousel {
    height: 30px;
    position: relative;
    margin-top: 7px;
}

.wrap-ball-carousel ul {
    left: 50%;
    overflow: hidden;
    position: absolute;
}

.wrap-ball-carousel ul li {
    background-position: -156px -179px;
    float: left;
    height: 13px;
    margin: 5px;
    width: 13px;
    cursor: pointer;
}

.wrap-ball-carousel ul li.on { background-position: -142px -179px;}

/********************************************************************************
* NUVEM DE TAGS
*
* Box da nuvem de tags dos posts
*
********************************************************************************/
.widget_tag_cloud {
    background-color: #ECEEEF;
    border: 1px solid #E7E9E9;
    /*padding: 14px 20px;*/
}

.widget_tag_cloud h4 {
    border-top: 1px solid #FFFFFF;
    color: #73227D;
    font-size: 20px;
    font-weight: normal;
    padding: 15px 15px 0;
}

.widget_tag_cloud a { color: #515254;}
.widget_tag_cloud:hover { background-color: #e7e7e7;}
.widget_tag_cloud:hover a { color: #bababa;}
.widget_tag_cloud a:hover { color: #96078e;}
.widget_tag_cloud .tagcloud { padding: 14px 20px;}

/********************************************************************************
* MODAL
*
* modal da pagina
*
********************************************************************************/
#modal {
    position: absolute;
    width: 100%;
    height: 10000px;
    /*background: rgba(0, 0, 0, 0.5);*/
    background: url(img/bg/bg-modal.png);
    z-index: 1000000;
    display: none;
}

#modal .close {
    background: url(img/btn-fechar.png) no-repeat #5f1d6e;
    height: 32px;
    position: absolute;
    right: 0;
    top: 0;
    width: 91px;
    cursor: pointer;
}

#modal #wrap {
    background: url("img/bg/modal.gif") repeat-x scroll 0 0 #FEFEFE;
    height: 611px;
    left: 50%;
    margin-left: -489px;
    margin-top: -305px;
    position: fixed;
    top: 50%;
    width: 978px;
}

.modal .header {
    background: url("img/bg/modal_title.png") no-repeat scroll center bottom;
    height: 74px;
    padding: 10px 20px 0;
}

.modal .header .title {
    margin: 8px;
    padding-left: 35px;
}

.modal .header .aparelhos { background: url(img/icons/aparelhos.png) no-repeat top left;}
.modal .header .btn-avise { margin: 9px 0 0 30px;}
.modal .header .btn-atualize { margin-right: 85px;}

.modal .footer {
    background: url("img/bg/modal_footer.png") no-repeat scroll center top #F5F7F7;
    bottom: 0;
    height: 78px;
    width: 100%;
}
#modal .modal .footer { position: absolute;}
.modal .footer .share {
    /*background-color: #f2f3f3;
    border: 1px solid #cfcfcf;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
    padding: 14px 30px;
    */
    margin: 18px 0 0 20px;
    height: 44px;
    background: url(img/bg/boxshare-repeat.gif) repeat-x;
    /*display: none;  temporario ate arrumar o share com modal */
}
.modal .footer .share li { float: left; padding-top: 12px}
.modal .footer .share li.left,
.modal .footer .share li.right {
    width: 22px;
    height: 44px;
    padding: 0;
}
.modal .footer .share li.left { background: url("img/bg/boxshare-left.gif") no-repeat;}
.modal .footer .share li.right { background: url("img/bg/boxshare-right.gif") no-repeat;}
.modal .footer .btn-compre,
.modal .footer .btn-receba { margin: 20px;}

.modal .wrap-cols {
    padding: 20px;
    height: 396px;
}

.modal .col {
    overflow: hidden;
    float: left;
    margin-right: 13px;
}

.modal .col.specifields { width: 223px;}
.modal .col.specifields .info { padding: 10px}

.modal .col.images { width: 216px;}
.modal .col.videos { width: 239px;}
.modal .col.posts { width: 221px;}

.modal .col h3 {
    color: #4A4E55;
    font-size: 17px;
    font-weight: normal;
    margin-bottom: 12px;
}

.modal table {
    border-collapse: collapse;
    font-size: 10px;
    width: 100%;
}

.modal table tr { border: 1px solid #EAEBEC;}

.modal table tr td {
    padding: 5px;
    width: 50%;
}

.modal table tr.odd {}
.modal table tr.even { background-color: #f3f4f4;}
.modal table td.key { color: #7e7e7f;}

.modal table td.value {
    font-size: 12px;
    text-align: right;
}

.modal .descritivo { padding: 5px;}

.modal #viewport {
    width: 216px;
    height: 311px;
    position: relative;
    overflow: hidden;
}

.modal #viewport .wrap-itens img { float: left;}

#modal .loading {
    background: url(img/ajax-loader.gif) no-repeat center center;
    height: 611px;
}

#modal #modal-simple .page {
    height: 551px;
    overflow-x: hidden;
    overflow-y: scroll;
    padding: 30px;
}


#modal #modal-simple .header {
    background: url("img/bg/modal_title.png") no-repeat scroll center bottom transparent;
    height: 53px;
    padding: 0;
}
#modal #modal-simple .header .title {
    height: auto;
    line-height: normal;
    margin: 0;
    font-size: 26px;
    padding: 0;
}

.modal .box-nav .wrap { height: 279px;}


/********************************************************************************
* HACKS PARA IE
*
*
********************************************************************************/
#list-news .space { *margin-bottom: 35px; padding: 3px;}