@charset "utf-8";
@media screen {
html
{
background: #FFF url(../icon/bg-topo.png) repeat-x 0 33px;
font-family:Arial, Helvetica, sans-serif
}
body {background: transparent url(../icon/bg-megafoto-topo.png) no-repeat 0 34px;}

div#clic-barra {position:absolute!important; top:0!important; left:0!important;} 
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a
{color:#ff750f}

p, p a, p a:link {color:#999; font-weight: normal!important}

p span {padding: 0 6px 0 3px}
p span.data, p span.visualiza {border-right: 1px solid #CCC}

.cartola-a {color:#FFF;text-indent: 12px}
.cartola-b {color:#000;text-indent: 12px}
.fundo-a {background: transparent url(../icon/bg-cartola-a.gif) repeat 0 0}
.fundo-b {background: transparent url(../icon/bg-cartola-b.gif) repeat 0 0}

input.ok
{
background: transparent url(../icon/btn-ok.png) no-repeat center center!important;
border:none!important;
cursor:pointer!important;
font-weight:700!important;
height:18px!important;
text-transform:uppercase!important;
width: 31px!important
}

.layout-fundo
{
padding-top: 33px
}

.top {padding-bottom:30px}
.layout-miolo .esquerda
{
margin-left:-320px;
padding-top:20px;
width:100%!important
}

.layout-miolo .direita
{
float:right;
padding-right:5px;
padding-top:20px;
width:300px!important
}

.contem-megafoto
{
border: 20px solid #333
}

.contem-megafoto object,
.contem-megafoto object embed
{
width: 100%!important
}

.plespecial{padding-left:340px; width:auto!important}

.layout-miolo ul.lista-fotos li
{
border-bottom: 1px dashed #d6d6d6;
list-style:none;
padding-bottom:10px;
padding-top:5px
}
.layout-miolo ul li img
{
border: 1px solid #999;
position:absolute
}

.layout-miolo .esquerda ul.lista-fotos li
{
_height:145px;
min-height:145px
}

.layout-miolo .esquerda ul li .plespecial {padding-left: 310px!important}
.layout-miolo .direita ul li .plespecial {padding-left: 122px!important}

.nav {padding-bottom:20px!important}
.nav, .nav a, .nav h5{color:#fff!important}
.nav ul li {border-right: 1px solid #FFF; padding-bottom: 6px; padding-top: 2px}
.nav ul li a{font-weight:normal!important}

.rodape
{
background-color:#E7E9EB;
font-size:11px;
height:6.4em;
}

.rodape ul {
left:14em;
position:absolute;
top:3em;
}

.rodape ul li {
display:inline;
font-size:10px;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:0 0 0 3px;
}
.rodape ul li a{color:#046A7A;}
.rodape span {color:#B3491A;font-family:Verdana,Arial,Helvetica,sans-serif;font-weight:normal;}

.rodape img {
border:none;
left:100%;
margin-left: -120px;
position:absolute;
top:2em;
}

.adsense {padding: 30px 0}
.adsense div{margin: 0 auto; width:728px}

.categoria strong a {color:#ff750f; font-weight:700!important}
.publicado span, .visualiza span {color:#000;font-weight:normal}

.insumos ul li.envie-amigo {background: transparent url(../icon/insumo-envie-para-um-amigo.gif) no-repeat 0 2px;}
.insumos ul li.comente {background: transparent url(../icon/insumo-comente.gif) no-repeat 0 5px}

.insumos ul li,
.compartilhe dl dd
{padding:5px 30px 15px 0}

.insumos ul li a,
.compartilhe dl dd h5 a
{color:#ff750f; padding-left: 18px}

.compartilhe {border-right: 1px solid #999}
.compartilhe dt span {display: block; font-size:10px!important; margin-top: -1.2em;padding-right:20px; text-align:right}
.compartilhe dt span.fechar {display:none}
.compartilhe dt span a{color:#ff750f; font-weight: normal!important}

.compartilhe dl dd a {font-weight: normal!important}

.compartilhe dl dd.delicious h5{background:#fff url(../icon/compartilhe-delicious.gif) no-repeat 1px 3px}
.compartilhe dl dd.facebook h5{background:#fff url(../icon/compartilhe-facebook.gif) no-repeat 1px 3px}
.compartilhe dl dd.google h5{background:#fff url(../icon/compartilhe-google.gif) no-repeat 1px 3px}
.compartilhe dl dd.meneame h5{background:#fff url(../icon/compartilhe-meneame.gif) no-repeat 1px 3px}
.compartilhe dl dd.technorati h5{background:#fff url(../icon/compartilhe-technorati.gif) no-repeat 1px 3px}
.compartilhe dl dd.yahoo h5{background:#fff url(../icon/compartilhe-yahoo.gif) no-repeat 1px 3px}

.compartilhe dl dd p {color:#999}

.fechado p {display:none}

*+html div.aberto {width:685px!important; z-index:9999}
.aberto {width:100%; z-index:9999}
.aberto p {display:block}
.aberto dl 
{
border: 1px solid #999;
display:block;
float: left;
padding-top: 5px
}
.aberto dl {background-color:#FFF; position:absolute; top: -10em}
.aberto dl dt {padding-left: 2%}
.aberto dt span.oqueeisso {display:none}
.aberto dt span.fechar {display:block}

.aberto dl dd {height: 7.5em; padding: 0 2% 0 2%;width: 28%}
.aberto dl dd h5{background-position: 1px 3px!important}
* html .aberto dl dd h5{background-position: 9px 3px!important}
*+html .aberto dl dd h5{background-position: 9px 3px!important}


div.link p {color:#000}
div.link input {border: 1px solid #999; color:#999; padding: 2px 3px}

div.comentarios dl dd {border-bottom:1px dashed #D6D6D6; padding: 14px 0 6px 0}
div.comentarios dl dd span {color:#999}
div.comentarios dl dd span.hora {display:block; padding-bottom:8px}
div.comentarios dl dd span.denunciar {float:right}
div.comentarios dl dd span.denunciar a{color:#ff750f;font-weight:normal!important}
div.comentarios dl dd p {color:#999}
div.comentarios dl dd h5 {padding-bottom:0}
div.comentarios dl dd.ver-todos {border:0}
div.comentarios dl dd.ver-todos a{color:#ff750f;}

.paginacao {clear:both;font-size: 75%; margin:0 auto; width:25em;}

.paginacao .navegacao ul li
{
border:0;
display:block;
float:left;
height: 1.4em;
margin:0 0.2em!important;
min-height: 1px!important;
padding: 5px 0 5px 0;
width:1.7em
}

.paginacao .navegacao ul li a 
{
color:#ff750f;
display:block;
height:1.3em;
text-align:center;
width:100%
}
.paginacao .navegacao ul li a:hover 
{
background-color:#000;
color:#fff;
text-decoration:none
}
.paginacao .navegacao ul li a.corrente:hover {background-color:transparent; color:#ff750f}

.paginacao .navegacao ul li.anterior a,
.paginacao .navegacao ul li.seguinte a
{
text-indent: -9999px;
width: 2em
}

.paginacao .navegacao ul li.anterior {margin-right:0!important}
.paginacao .navegacao ul li.anterior,
.paginacao .navegacao ul li.seguinte,
.paginacao .navegacao ul li.anterior a,
.paginacao .navegacao ul li.seguinte a
{
background-position: 0.2em 0.4em;
background-repeat:no-repeat
}

.paginacao .navegacao ul li.anterior a,
.paginacao .navegacao ul li.seguinte a
{background-position: 0.2em 0}

.paginacao .navegacao ul li.anterior a:hover,
.paginacao .navegacao ul li.seguinte a:hover
{background-color:transparent}

.paginacao .navegacao ul li.anterior	{background-image:url(../icon/paginacao-anterior-inativo.gif)}
.paginacao .navegacao ul li.seguinte	{background-image:url(../icon/paginacao-seguinte-inativo.gif)}
.paginacao .navegacao ul li.anterior a	{background-image:url(../icon/paginacao-anterior-ativo.gif)}
.paginacao .navegacao ul li.seguinte a	{background-image:url(../icon/paginacao-seguinte-ativo.gif)}
.paginacao .navegacao ul li.anterior a:hover	{background-image:url(../icon/paginacao-anterior-ativo-hover.gif)}
.paginacao .navegacao ul li.seguinte a:hover	{background-image:url(../icon/paginacao-seguinte-ativo-hover.gif)}

.paginacao .contador
{
text-align:right
} 

.paginacao .contador {font-size: 133%}
.paginacao .form {clear:both;display:block;margin:0;}
.paginacao .contador .form span {border-right:1px solid #999; font-weight:normal; padding-right:3px}
.paginacao .contador .form span strong{color:#000}
.paginacao .contador .form span,
.paginacao .contador .form label
{
color:#999;
display: inline!important;
float:none!important;
font-size:68%;
width:auto!important
}
.paginacao .contador .form input 
{
border: 1px solid #CCC;
font-size:68%;
padding: 2px 3px 2px 2px;
text-align:center;
width: 1.6em
}


/* POPUP */
.popup 
{
background:#FFF url(../icon/bg-topo-popup.png) repeat-x 0 0;
float:left;
padding: 0 5px 30px 15px;
width: 530px
}

.popup h4 {color:#666; padding-bottom:0}

.popup form div {padding: 5px 0 15px 0}
.popup form div.destinatario {padding: 5px 0 5px 0}
.popup form p {padding: 15px 0 5px 0}
.popup form label {padding: 2px 0}
.popup form label.grid_01 {width: 40px}
.popup form label.grid_02 {width: 47px}
.popup form label.restam {text-indent:16px}
.popup form input,
.popup form select,
.popup form textarea
{
border: 1px solid #CCC;
font-size: 68.8%;
padding: 2px 0
}
.popup form textarea {height: 80px; margin-bottom:7px}
.popup form select {padding:0}
.popup form select option {padding:1px 0 0}

.popup form ul li {padding-top:5px}
.popup form ul li.botao a
{
background-color:#efefef;
border: 1px solid #e9e9e9;
color:#FF750F;
display:block;
padding: 3px 0
}
.popup form ul li.botao a:hover 
{
background-color:#e9e9e9;
text-decoration:none
}

.popup form input.botao 
{
background-color:#efefef;
border: 1px solid #e9e9e9;
color:#FF750F;
display:block;
font-weight:bold;
padding: 3px 0;
cursor:pointer
}
.popup form input.botao:hover {background-color:#e9e9e9}

.comentar form label {padding:3px 0 5px 0; clear: left}
.comentar form input,
.comentar form select {margin-bottom:8px}
.comentar form input#email {margin-bottom:2px}
.comentar form input.check {margin-right: 5px}
.comentar form select#pais, .comentar form label.pais {margin-top:5px}
}