/* HTML5 ✰ Boilerplate */

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}

#rodape, #header {
  display: block;
}

blockquote, q { quotes: none; }
blockquote:before, blockquote:after,
q:before, q:after { content: ""; content: none; }
ins { background-color: #ff9; color: #000; text-decoration: none; }
del { text-decoration: line-through; }
abbr[title], dfn[title] { border-bottom: 1px dotted; cursor: help; }
table { border-collapse: collapse; border-spacing: 0; }
hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }
input, select { vertical-align: middle; }

body { font:13px/1.231 sans-serif; *font-size:small; background: #f0ede5;}

select, input, textarea, button { font:99% sans-serif; }
pre, code, kbd, samp { font-family: monospace, sans-serif; }

html { overflow-y: scroll; }
a:hover, a:active { outline: none; }
ul, ol { margin-left: 2em; }
ol { list-style-type: decimal; }
ul, li { margin: 0; list-style:none; list-style-image: none; }
small { font-size: 85%; }
strong, th { font-weight: bold; }
td { vertical-align: top; }
sub, sup { font-size: 75%; line-height: 0; position: relative; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }

pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; padding: 15px; }
textarea { overflow: auto; } 
.ie6 legend, .ie7 legend { margin-left: -7px; } 
input[type="radio"] { vertical-align: text-bottom; }
input[type="checkbox"] { vertical-align: bottom; }
.ie7 input[type="checkbox"] { vertical-align: baseline; }
.ie6 input { vertical-align: text-bottom; }
label, input[type="button"], input[type="submit"], input[type="image"], button { cursor: pointer; }
button, input, select, textarea { margin: 0; }
input:valid, textarea:valid   {  }
input:invalid, textarea:invalid { border-radius: 1px; -moz-box-shadow: 0px 0px 5px red; -webkit-box-shadow: 0px 0px 5px red; box-shadow: 0px 0px 5px red; }
.no-boxshadow input:invalid, .no-boxshadow textarea:invalid { background-color: #f0dddd; }

::-moz-selection{ background: #7063B5; color: #fff; text-shadow: none; }
::selection { background: #7063B5; color: #fff; text-shadow: none; }
button {  width: auto; overflow: visible; }
.ie7 img { -ms-interpolation-mode: bicubic; }

h1, h2, h3, h4, h5, h6 { font-weight: bold; }
a, a:active, a:visited { color: #000; text-decoration: none;}
a:hover { text-decoration: underline;}

/**
 * Primary styles
 *
 * Author: 
 */

#geral { background: url("http://i0.statig.com.br/css/mundooi/img/bg-geral.jpg") repeat-x #fefbf4; padding: 20px 0 0 0; }

/* header */
#header { height: 100%; margin: 0 auto; width: 988px; clear: both; }
#header #super-banner { position: relative; width: 776px; height: 98px; background: url("http://i0.statig.com.br/css/mundooi/img/super-banner.png") no-repeat; padding: 7px 0 0 7px; margin: 0 auto 20px auto; }
#header #super-banner span.publicidade { background: url("http://i0.statig.com.br/css/mundooi/img/publicidade.png") no-repeat; position: absolute; right: 0; top: 0; height: 105px; width: 25px; }
#header #topo { font-family: tahoma, "Times New Roman", arial; min-height: 50px; }
#header #topo .logo a { float: left; display: block; width: 142px; height: 89px; background: url("http://i0.statig.com.br/css/mundooi/img/logo.png") no-repeat; text-indent: -9999px; outline: none; }
#header #topo .menu { float: left; width: 729px; height: 31px; border: 4px #000; border-style: solid solid solid none; overflow: hidden; background: #FFF; }
#header #topo .menu * { float: left; }
#header #topo .menu span { line-height: 31px; }
#header #topo .menu li a { height: 31px; line-height: 31px; display: block; padding: 0 29px; font-size: 11px; letter-spacing: 2px; text-decoration: none; }
#header #topo .menu li:hover * { background: #000; color: #FFF; }
#header #topo .menu li:hover + li span,
#header #topo .menu li:hover span { visibility: hidden; }
#header #topo .links { float: right; width: 105px; height: 85px; }
#header #topo .links a { display: block; width: 105px; height: 40px; }
#header #topo .links .portal-oi { background: url("http://i0.statig.com.br/css/mundooi/img/portal-oi.jpg") no-repeat; text-indent: -9999px; margin: 0 0 4px 0; }
#header #topo .links .portal-oi:hover { background-position: 0 -39px; }
#header #topo .links .oi-mail  { background: url("http://i0.statig.com.br/css/mundooi/img/oi-mail.png") no-repeat; font: normal 11px tahoma, "Times New Roman", arial; line-height: 38px; text-indent: 15px; letter-spacing: 1px; text-decoration: none; text-indent: -9999px; }
#header #topo .links .oi-mail:hover { background-position: 0 -40px; color: #FFF; }
#header #topo .barra { float: left; background: url("http://i0.statig.com.br/css/mundooi/img/bg-barra.gif"); width: 727px; height: 39px; padding: 6px 0 0 6px; }
#header #topo .barra #torpedo { position: relative; z-index: 20; float: left; background: url("http://i0.statig.com.br/css/mundooi/img/torpedo.png") 0 -38px no-repeat; width: 324px; height: 38px; text-indent: -9999px; margin: 0 6px 0 0; cursor: pointer; }
#header #topo .barra #torpedo.selecao,
#header #topo .barra #torpedo:hover { background-position: 0 0; }
#header #topo .barra #torpedo .box { position: absolute; top: 29px; left: 0; z-index: 20; background: #FFF; width: 320px; height: 0; opacity: 0; filter: alpha(opacity = 0); -moz-opacity: 0; border: 2px #585858; border-style: none solid solid solid; overflow: hidden; }
#header #topo .barra #torpedo .box iframe { width: 320px; height: 674px; position: absolute; left: 0; top: 0; }
#header #topo .barra #torpedo .box .seta { background: url("http://i0.statig.com.br/css/mundooi/img/seta-baixo-torpedo.png") no-repeat; position: absolute; top: 0px; left: -12px; width: 344px; height: 7px; }
#header #topo .barra #twitters { position: relative; z-index: 20; float: left; background: url("http://i0.statig.com.br/css/mundooi/img/twitters.png") 0 -38px no-repeat; width: 110px; height: 38px; text-indent: 12px; cursor: pointer; margin: 0 5px 0 0; font-size: 11px; color: #5c5b5b; letter-spacing: 1px; }
#header #topo .barra #twitters { line-height: 30px; }
#header #topo .barra #twitters.selecao,
#header #topo .barra #twitters:hover { background-position: 0 0; }
#header #topo .barra #twitters .box { position: absolute; top: 29px; left: -50px; background: url("http://i0.statig.com.br/css/mundooi/img/bg-twitters.jpg") #FFF; z-index: 20; width: 180px; border: 2px #757575; border-style: none solid solid solid; padding: 18px 12px 12px 12px; height: 0; opacity: 0; filter: alpha(opacity = 0); -moz-opacity: 0; overflow: hidden; }
#header #topo .barra #twitters .box .seta { background: url("http://i0.statig.com.br/css/mundooi/img/seta-baixo-twitters.png") no-repeat; position: absolute; top: 0px; left: -2px; width: 210px; height: 7px; }
#header #topo .barra #twitters ul li { margin: 0 0 10px 0; }
#header #topo .barra #twitters ul li:last-child { margin: 0; }
#header #topo .barra #twitters ul li a { display: block; width: 179px; height: 35px; line-height: 35px; background: #FFF; letter-spacing: 3px; color: #333; border-bottom: solid 1px #c2c2c2; text-decoration: none; text-transform: uppercase; }
#header #topo .barra #twitters ul li a:hover { background: #333; color: #FFF; }
#header #topo .barra .busca input[type="text"] { float: left; width: 229px; height: 25px; color: #887171; font-size: 13px; padding-left: 10px; letter-spacing: 1px; /*background: url("http://i0.statig.com.br/css/mundooi/img/google.jpg") no-repeat right 7px #FFF;*/ }
html.ie7 #header #topo .barra .busca input[type="text"],
html.ie8 #header #topo .barra .busca input[type="text"] { padding-top: 7px; height: 21px; }
#header #topo .barra .busca input[type="submit"] { float: left; background: url("http://i0.statig.com.br/css/mundooi/img/busca.png") 0 -31px no-repeat; width: 32px; height: 31px; border: 0; }
#header #topo .barra .busca input[type="submit"]:hover { background-position: 0 0; }

/* conteiner */ 
#conteiner { margin: 0 auto; width: 988px; overflow: hidden; clear: both; height: 100%; }
#conteiner .faixa { width: 100%; height: 100%; clear: both; }
#conteudo { min-height: 50px; width: 764px; float: left; margin: 0 20px 0 0; }
#barra-lateral { min-height: 50px; width: 204px; min-height: 100px; float: left; overflow: hidden; }
#extra { min-height: 10px; width: 100%; margin: 0 auto; width: 988px; overflow: hidden; clear: both; }

/* rodape */
#rodape { font-family: tahoma, "Times New Roman", arial; background: url("http://i0.statig.com.br/css/mundooi/img/bg-rodape.jpg") repeat-x #f0ede5; min-height: 50px; padding: 51px 0 38px 0; overflow: hidden; clear: both; margin: 15px 0 0 0; position: relative; }
#rodape .mod-rodape { margin: 0 auto; width: 988px; }
#rodape .mod-rodape .coluna { float: left; height: 271px; overflow: hidden; padding: 0 20px; border: 1px #b2b2b1; border-style: none none none solid; }
html.ie7 #rodape .mod-rodape .coluna { height: 276px; }
#rodape .mod-rodape .coluna.col1 { width: 105px; padding-left: 0; border: 0; }
#rodape .mod-rodape .coluna.col2 { width: 225px; }
#rodape .mod-rodape .coluna.col3 { width: 402px; }
#rodape .mod-rodape .coluna.col4 { width: 133px; padding-right: 0; }
#rodape .mod-rodape .coluna dl { margin: 14px 0 0 0; position: relative; }
#rodape .mod-rodape .coluna dl:first-child { margin: 0; }
#rodape .mod-rodape .coluna dt { background: url("http://i0.statig.com.br/css/mundooi/img/bg-titulo.jpg") #dfdcd5; height: 26px; line-height: 25px; text-indent: 8px; letter-spacing: 1px; }
#rodape .mod-rodape .coluna dt a { color: #666; text-transform: uppercase; }
#rodape .mod-rodape .coluna.col1 dl:first-child dt { background: url("http://i0.statig.com.br/css/mundooi/img/bg-titulo-principal.jpg") #605f5c; }
#rodape .mod-rodape .coluna.col1 dl:first-child dt a { color: #FFF; }
#rodape .mod-rodape .coluna dd { padding: 7px 0 0 0; font-size: 11px; letter-spacing: 1px; position: relative; }
#rodape .mod-rodape .coluna dd a { color: #666; text-transform: uppercase; }
#rodape .mod-rodape .coluna.col3 > dl > dd { float: left; width: 95px; padding: 0 20px 0 0; border: 1px #b2b2b1; margin: 14px 0 0 0; }
#rodape .mod-rodape .coluna.col3 dd.sublista2 { width: 266px; height:231px; overflow: hidden; padding: 0 0 0 20px; border-style: none none none solid; }
html.ie7 #rodape .mod-rodape .coluna.col3 dd.sublista2 { height: 236px; }
#rodape .mod-rodape .coluna.col3 dd.sublista2 dd { float: left; width: 123px; margin: 0 10px 0 0;}
#rodape .mod-rodape .itens { border-top: solid 1px #b2b2b1; float: left; width: 100%; margin: 23px 0 0 0; padding: 12px 0 0 0; color: #666; }
#rodape .mod-rodape .itens li { float: left; font-size: 10px; letter-spacing: 1px; }
#rodape .mod-rodape .itens li a { color: #666; padding: 0 12px; }
#rodape .mod-rodape .itens li:first-child a { padding: 0 12px 0 0; }
#rodape .mod-rodape .itens .copyright { float: right; font-size: 10px; letter-spacing: 1px; }

/* classes adicionais */
.ir { display: block; text-indent: -999em; overflow: hidden; background-repeat: no-repeat; text-align: left; direction: ltr; }
.hidden { display: none; visibility: hidden; }
.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }
.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }
.invisible { visibility: hidden; }
.faixa:before, .faixa:after,
.clearfix:before, .clearfix:after { content: "\0020"; display: block; height: 0; overflow: hidden; }
.faixa:after,
.clearfix:after { clear: both; }
.faixa,
.clearfix { zoom: 1; }

/**
 * componentes
 */ 

/* mod-slideshow */
#conteudo .mod-slideshow { width: 748px; height: 320px; background: url("http://i0.statig.com.br/css/mundooi/img/bg-slideshow.jpg"); font-family: tahoma, "Times New Roman", arial; margin: 22px 0 0 0; padding: 8px; clear: both; overflow: hidden; position: relative; }
#conteudo .mod-slideshow ul { float: left; width: 179px; }
#conteudo .mod-slideshow ul li { background: #FFF; border-bottom: solid 1px #c2c2c2; height: 51px; padding: 6px; position: relative; float: left; width: 167px; position: relative; z-index: 2; }
#conteudo .mod-slideshow ul li a { text-decoration: none; }
#conteudo .mod-slideshow ul li img { float: left; border: solid 1px #878787; margin: 0 6px 0 0; height: 48px; width: 48px; }
#conteudo .mod-slideshow ul li h3 { font-size: 12px; font-weight: normal; letter-spacing: 2px; text-transform: uppercase; }
#conteudo .mod-slideshow ul li p a { color: #999; font-size: 11px; }
#conteudo .mod-slideshow ul li.selecao { background: url("http://i0.statig.com.br/css/mundooi/img/bg-selecionado.png") no-repeat #eb5548 right center; }
#conteudo .mod-slideshow ul li.selecao p a { color: #FFF; }
#conteudo .mod-slideshow ul li.selecao > span { background: url("http://i0.statig.com.br/css/mundooi/img/seta-selecionado.png?v=1") no-repeat; position: absolute; width: 24px; height: 64px; top: 0px; left: 175px; }
#conteudo .mod-slideshow ul li.selecao img { border-color: #FFF; }
#conteudo .mod-slideshow ul li.selecao a { color: #FFF; }
#conteudo .mod-slideshow a.foto { background: #000; display: block; height: 320px; }
#conteudo .mod-slideshow .chamada { font-family: tahoma; bottom: 8px; color: #FFF; position: absolute; z-index: 1; right: 8px; width: 509px; height: 65px; overflow: hidden; padding: 0 30px 0 30px; }
#conteudo .mod-slideshow .chamada h4 { font-size: 12px; padding: 9px 0 0 0; }
#conteudo .mod-slideshow .chamada span.texto { font-size: 11px; color: #999; }
#conteudo .mod-slideshow .chamada a.mais { font-size: 11px; font-weight: normal; padding: 0 0 0 5px; }
#conteudo .mod-slideshow .transparencia { bottom: 8px; position: absolute; z-index: 0; right: 8px; width: 569px; height: 65px; overflow: hidden; background: #000; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; filter: alpha(opacity=80); -moz-opacity: 0.8; opacity: 0.8; }
#conteudo .mod-slideshow .chamada a { color: #FFF; font-weight: bold; }
	
/* mod-ultimas */
#conteudo .mod-ultimas { width: 428px; height: 312px; background: url("http://i0.statig.com.br/css/mundooi/img/bg-ultimas.jpg"); float: left; font-family: tahoma, "Times New Roman", arial; position: relative; margin: 22px 20px 0 0; }
#conteudo .mod-ultimas h2 { background: url("http://i0.statig.com.br/css/mundooi/img/titulo-ultimas.png") no-repeat; width: 158px; height: 35px; text-indent: -9999px; position: absolute; top: -15px; left: 5px; }
#conteudo .mod-ultimas ul { margin: 43px 10px 15px 15px; height: 269px; }
html.ie7 #conteudo .mod-ultimas ul { height: auto; }
#conteudo .mod-ultimas li { clear: both; margin: 15px 0 0 0; height: 74px; }
#conteudo .mod-ultimas li img { height: 70px; width: 70px; margin: 0 15px 0 0; float: left; border: solid 2px #FFF; }
#conteudo .mod-ultimas li:hover img { border-color: #222; }
#conteudo .mod-ultimas li h3 { margin: 0 0 2px 0; }
#conteudo .mod-ultimas li h3 a { font-size: 13px; font-weight: normal; color: #FFF; border-bottom: solid 1px #c2c2c2; padding: 0 5px; letter-spacing: 2px; text-transform: uppercase;
	background-color: #f07211;
	background-image: -moz-linear-gradient(top, #f07211, #f97b1a); /* FF3.6 */
	background-image: -o-linear-gradient(top, #f07211, #f97b1a); /* Opera 11.10+ */
	background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #f07211),color-stop(1, #f97b1a)); /* Saf4+, Chrome */
	background-image: -webkit-linear-gradient(#f07211, #f97b1a); /* Chrome 10+, Saf5.1+ */
	background-image: linear-gradient(top, #f07211, #f97b1a);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#f07211', EndColorStr='#f97b1a'); /* IE6–IE9 */
}
#conteudo .mod-ultimas li:first-child h3 a {
  background-color: #ea2e20;
  background-image: -moz-linear-gradient(top, #ea2e20, #f33729); /* FF3.6 */
  background-image: -o-linear-gradient(top, #ea2e20, #f33729); /* Opera 11.10+ */
  background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #ea2e20),color-stop(1, #f33729)); /* Saf4+, Chrome */
  background-image: -webkit-linear-gradient(#ea2e20, #f33729); /* Chrome 10+, Saf5.1+ */
  background-image: linear-gradient(top, #ea2e20, #f33729);
            filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#ea2e20', EndColorStr='#f33729'); /* IE6–IE9 */
}
#conteudo .mod-ultimas li:last-child h3 a {
	background-color: #f4ba03;
	background-image: -moz-linear-gradient(top, #f4ba03, #fdc30d); /* FF3.6 */
	background-image: -o-linear-gradient(top, #f4ba03, #fdc30d); /* Opera 11.10+ */
	background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #f4ba03),color-stop(1, #fdc30d)); /* Saf4+, Chrome */
	background-image: -webkit-linear-gradient(#f4ba03, #fdc30d); /* Chrome 10+, Saf5.1+ */
	background-image: linear-gradient(top, #f4ba03, #fdc30d);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#f4ba03', EndColorStr='#fdc30d'); /* IE6–IE9 */
}
#conteudo .mod-ultimas li:hover h3 a { background: #222; text-decoration: none; }
#conteudo .mod-ultimas li h4 { margin: 0; }
#conteudo .mod-ultimas li h4 a { font-size: 12px; color: #222; font-weight: normal; letter-spacing: 2px; }
#conteudo .mod-ultimas li:hover h4 a { text-decoration: underline; }
#conteudo .mod-ultimas li h4 span { background: #FFF; padding: 0 5px; }
#conteudo .mod-ultimas li p span { background: #FFF; border-bottom: solid 1px #c2c2c2; padding: 0 5px; }
#conteudo .mod-ultimas li p span a { font-size: 12px; color: #999; letter-spacing: 2px; }
#conteudo .mod-ultimas li:hover p span a { text-decoration: underline; }

/* mod-em-video */
#conteudo .mod-em-video { width: 316px; height: 340px; background: url("http://i0.statig.com.br/css/mundooi/img/bg-em-video.jpg"); float: left; font-family: tahoma, "Times New Roman", arial; position: relative; margin: 22px 0 0 0; }
#conteudo .mod-em-video h2 { background: url("http://i0.statig.com.br/css/mundooi/img/titulo-em-video.png") no-repeat; width: 179px; height: 36px; text-indent: -9999px; position: absolute; top: -15px; left: 5px; }
#conteudo .mod-em-video h2 a { display: block; width: 100%; height: 100%; }
#conteudo .mod-em-video .box { padding: 7px; position: absolute; top: 33px; left: 8px; overlflow: hidden; width: 286px; height: 201px; z-index: 10; }
#conteudo .mod-em-video .box .video { background: #FFF; padding: 7px; border-bottom: solid 1px #c2c2c2; height: 213px; overflow: hidden; }
#conteudo .mod-em-video .box .video p { font-size: 10px; color: #666; letter-spacing: 1px; line-height: 14px; }
#conteudo .mod-em-video span.opacidade { border: solid 1px; border-color: #c0abaa #d0c7c5 #e1e1e1 #d0c7c5; opacity: .5; filter: alpha(opacity = 50); -moz-opacity: .5; background: #CCC; position: absolute; top: 33px; left: 9px; width: 296px; height: 297px; z-index: 0; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; }
#conteudo .mod-em-video a.mais { position: absolute; bottom: 14px; left: 15px; z-index: 10; background: url("http://i0.statig.com.br/css/mundooi/img/seta-branca.png") no-repeat 275px -2px #444; color: #FFF; border-bottom: solid 1px #c2c2c2; font-size: 9px; height: 16px; line-height: 16px; text-indent: 6px; letter-spacing: 2px; width: 286px; border: 1px #c2c2c2; border-style: none solid solid none; }
#conteudo .mod-em-video a.mais:hover { background-position: 275px -22px; background-color: #222; text-decoration: none; }
#conteudo .mod-em-video .carrossel li span { display: none; }
#conteudo .mod-em-video .carrossel { position: absolute; left: 15px; bottom: 37px; z-index: 10; }
#conteudo .mod-em-video .jcarousel-direction-rtl { direction: rtl; }
#conteudo .mod-em-video .jcarousel-container-horizontal { width: 232px; padding: 0 27px; }
#conteudo .mod-em-video .jcarousel-clip-horizontal { width: 232px; height: 30px; }
#conteudo .mod-em-video .jcarousel-item { width: 52px; height: 29px; }
#conteudo .mod-em-video .jcarousel-item img { border: solid 2px #FFF; width: 48px; height: 25px; display: block; }
#conteudo .mod-em-video .jcarousel-item a { outline: none; }
#conteudo .mod-em-video .jcarousel-item.selecao { opacity: .5; filter: alpha(opacity = 50); -moz-opacity: .5; background: #CCC; }
#conteudo .mod-em-video .jcarousel-item.selecao:hover { opacity: 1; filter: alpha(opacity = 100); -moz-opacity: 1; background: none; }
#conteudo .mod-em-video .jcarousel-item a:hover img { border-color: #222; }
#conteudo .mod-em-video .jcarousel-item-horizontal { margin-left: 0; margin-right: 8px; border-bottom: solid 1px #c2c2c2; }
#conteudo .mod-em-video .jcarousel-direction-rtl .jcarousel-item-horizontal { margin-left: 10px; margin-right: 0; }
#conteudo .mod-em-video .jcarousel-item-placeholder { background: #fff; color: #000; }
#conteudo .mod-em-video .jcarousel-next-horizontal { position: absolute; top: 0; right: 0; width: 19px; height: 29px; cursor: pointer;  background: url("http://i0.statig.com.br/css/mundooi/img/seta-direita-carrossel.gif") 0 0 no-repeat #FFF; border-bottom: solid 1px #c2c2c2; }
#conteudo .mod-em-video .jcarousel-next-horizontal:hover { background-position: 0 -61px; }
#conteudo .mod-em-video .jcarousel-next-horizontal.jcarousel-next-disabled-horizontal { background-position: 0 -30px; }
#conteudo .mod-em-video .jcarousel-direction-rtl .jcarousel-next-horizontal { left: 5px; right: auto; background-image: url("http://i0.statig.com.br/css/mundooi/img/seta-esquerda-carrossel.gif"); }
#conteudo .mod-em-video .jcarousel-next-disabled-horizontal,
#conteudo .mod-em-video .jcarousel-next-disabled-horizontal:hover,
#conteudo .mod-em-video .jcarousel-next-disabled-horizontal:active { cursor: default; }
#conteudo .mod-em-video .jcarousel-prev-horizontal { position: absolute; top: 0; left: 0; width: 19px; height: 29px; cursor: pointer; background: url("http://i0.statig.com.br/css/mundooi/img/seta-esquerda-carrossel.gif") 0 0 no-repeat #FFF; border-bottom: solid 1px #c2c2c2; }
#conteudo .mod-em-video .jcarousel-prev-horizontal:hover { background-position: 0 -61px; }
#conteudo .mod-em-video .jcarousel-direction-rtl .jcarousel-prev-horizontal { left: auto; right: 5px; }
#conteudo .mod-em-video .jcarousel-prev-disabled-horizontal,
#conteudo .mod-em-video .jcarousel-prev-disabled-horizontal:hover,
#conteudo .mod-em-video .jcarousel-prev-disabled-horizontal:active { cursor: default; }
#conteudo .mod-em-video .jcarousel-prev-horizontal.jcarousel-prev-disabled-horizontal { background-position: 0 -30px; }
#conteudo .mod-em-video.plugin-off .box .video { height: 249px; }
#conteudo .mod-em-video.plugin-off .carrossel li { display: none; }

/* mod-news-ig */
#conteudo .mod-news-ig { width: 428px; background: url("http://i0.statig.com.br/css/mundooi/img/bg-news-ig.jpg"); float: left; font-family: tahoma, "Times New Roman", arial; position: relative; margin: -5px 20px 0 0; }
#conteudo .mod-news-ig h2 { background: url("http://i0.statig.com.br/css/mundooi/img/titulo-news-ig.png") no-repeat; width: 154px; height: 28px; text-indent: -9999px; position: absolute; top: -8px; left: 5px; }
#conteudo .mod-news-ig a.portal-ig { float: right; font-size: 10px; background: url("http://i0.statig.com.br/css/mundooi/img/logo-portal-ig.png") no-repeat 0 0; height: 21px; width: 92px; line-height: 20px; text-indent: 5px; margin: 15px 19px 0 0; letter-spacing: 1px; }
#conteudo .mod-news-ig a.portal-ig:hover { text-decoration: none; background-position: 0 -21px; color: #FFF; }
#conteudo .mod-news-ig ul { margin: 50px 15px 15px 15px; min-height: 254px; }
#conteudo .mod-news-ig li { height: 42px; margin: 11px 0 0 0; overflow: hidden; }
#conteudo .mod-news-ig li a { text-decoration: none; }
#conteudo .mod-news-ig li > div.texto { background: #FFF; border-bottom: solid 1px #c2c2c2; width: 332px; float: left; height: 34px; margin: 0 12px 0 0; padding: 7px 9px 0 9px; letter-spacing: 1px; }
#conteudo .mod-news-ig li:hover > div.texto { background: #242424; }
#conteudo .mod-news-ig li > div.texto h3 { font-size: 11px; }
#conteudo .mod-news-ig li > div.texto h3 a { color: #555; text-transform: uppercase; }
#conteudo .mod-news-ig li:hover > div.texto h3 a { color: #FFF; }
#conteudo .mod-news-ig li > div.texto p { font-size: 11px; }
#conteudo .mod-news-ig li > div.texto p a { color: #999999; }
#conteudo .mod-news-ig li .mais { float: left; font-size: 17px; font-weight: bold; color:#FFF; border-bottom: solid 1px #c2c2c2; background: #242424; display: block; height: 41px; line-height: 41px; width: 35px; text-align: center; text-decoration: none; }

/* mod-oi-fm */
#conteudo .mod-oi-fm { width: 316px; height: 296px; float: left; font-family: tahoma, "Times New Roman", arial; position: relative; margin: 18px 0 0 0; }
#conteudo .mod-oi-fm h2 { background: url("http://i0.statig.com.br/css/mundooi/img/titulo-oi-fm.png") no-repeat; width: 107px; height: 28px; text-indent: -9999px; position: absolute; top: -8px; left: 5px; }
#conteudo .mod-oi-fm iframe { height: 100%; width: 100%; }

/* mod-horizontal (diversao-downloads, servicos-internet) */
#conteudo .mod-horizontal { width: 764px; height: 422px; background: url("http://i0.statig.com.br/css/mundooi/img/bg-horizontal.jpg"); float: left; font-family: tahoma, "Times New Roman", arial; position: relative; margin: 24px 0 0 0; }
.ie7 #conteudo .mod-horizontal { height: 431px; }
#conteudo .mod-horizontal h2 { background: no-repeat; text-indent: -9999px; position: absolute; top: -13px; left: 5px; }
#conteudo .mod-horizontal h2 a { display: block; width: 100%; height: 100%; }
#conteudo .mod-horizontal.diversao-downloads h2 { width: 480px; height: 33px; background-image: url("http://i0.statig.com.br/css/mundooi/img/titulo-diversao-downloads.png"); }
#conteudo .mod-horizontal.servicos-internet h2 { width: 464px; height: 34px; background-image: url("http://i0.statig.com.br/css/mundooi/img/titulo-servicos-internet.png"); }
#conteudo .mod-horizontal ul.loja { min-height: 380px; margin: 26px 0 0 0; padding: 0 10px 15px 15px; width: 468px; float: left; position: relative; }
#conteudo .mod-horizontal ul.loja li { height: 111px; overflow: hidden; clear: both; margin: 15px 0 0 0; border-bottom: solid 1px #c2c2c2; background: #FFF; letter-spacing: 2px; position: relative; }
#conteudo .mod-horizontal ul.loja li img { height: 97px; width: 226px; margin: 7px 0 6px 7px; float: left; }
#conteudo .mod-horizontal ul.loja li div.texto { float: left; width: 200px; height: 75px; background: #222; margin: 7px 7px 6px 0; overflow: hidden; padding: 10px 12px 12px 16px; position: relative; }
#conteudo .mod-horizontal ul.loja li h3 a { color: #FFF; font-size: 13px; font-weight: normal; text-transform: uppercase; }
#conteudo .mod-horizontal ul.loja li p a { color: #CCC; font-size: 10px; text-transform: uppercase; }
#conteudo .mod-horizontal ul.loja li a.mais { color: #FDCD94; font-size: 10px; text-transform: uppercase; }
#conteudo .mod-horizontal ul.loja li a.comprar { background: url("http://i0.statig.com.br/css/mundooi/img/comprar.jpg") 0 -21px no-repeat; width: 21px; height: 21px; text-indent: -9999px; position: absolute; right: 5px; bottom: 5px; }
#conteudo .mod-horizontal ul.loja li a.comprar:hover { background-position: 0 0; }
#conteudo .mod-horizontal .servicos { height: 390px; overflow: hidden; float: right; padding: 18px 15px 0 0; }
#conteudo .mod-horizontal .servicos h3 { text-indent: -9999px; background: url("http://i0.statig.com.br/css/mundooi/img/servicos-pro-seu-oi.png") no-repeat; width: 223px; }
#conteudo .mod-horizontal .servicos ul { width: 216px; background: url("http://i0.statig.com.br/css/mundooi/img/bg-servicos.png"); padding: 16px; margin: 7px 0 0 0; }
#conteudo .mod-horizontal .servicos ul li { width: 214px; height: 47px; margin: 16px 0 0 0; background: #FFF; }
#conteudo .mod-horizontal .servicos ul li:first-child { margin: 0; }
#conteudo .mod-horizontal .servicos ul li a { display: block; width: 214px; height: 47px; text-indent: -9999px; border-bottom: solid 1px #c2c2c2; }
#conteudo .mod-horizontal .servicos ul li a:hover { border: solid 2px #585858; width: 210px; height: 43px; }
#conteudo .mod-horizontal .servicos ul li.clube-oi { background-image: url("http://i0.statig.com.br/css/mundooi/img/servicos-clube-oi.jpg"); }
#conteudo .mod-horizontal .servicos ul li.torpedo-web { background-image: url("http://i0.statig.com.br/css/mundooi/img/servicos-torpedo-web.jpg"); }
#conteudo .mod-horizontal .servicos ul li.noticias-sms { background-image: url("http://i0.statig.com.br/css/mundooi/img/servicos-noticias-sms.jpg"); }
#conteudo .mod-horizontal .servicos ul li.oi-tv-movel { background-image: url("http://i0.statig.com.br/css/mundooi/img/servicos-oi-tv-movel.jpg"); }
#conteudo .mod-horizontal .servicos ul li.oi-messenger { background-image: url("http://i0.statig.com.br/css/mundooi/img/servicos-oi-messenger.jpg"); }
#conteudo .mod-horizontal .servicos ul li.torpedo-a-cobrar { background-image: url("http://i0.statig.com.br/css/mundooi/img/servicos-torpedo-a-cobrar.jpg"); }
#conteudo .mod-horizontal .servicos ul li.pegacao { background-image: url("http://i0.statig.com.br/css/mundooi/img/servicos-pegacao.jpg"); }
#conteudo .mod-horizontal .servicos ul li.oi-agenda { background-image: url("http://i0.statig.com.br/css/mundooi/img/servicos-oi-agenda.jpg"); }
#conteudo .mod-horizontal .servicos ul li.bate-papo { background-image: url("http://i0.statig.com.br/css/mundooi/img/servicos-bate-papo.jpg"); }
#conteudo .mod-horizontal .servicos ul li.jogos-sms { background-image: url("http://i0.statig.com.br/css/mundooi/img/servicos-jogos-sms.jpg"); }
#conteudo .mod-horizontal .servicos ul li.casseta-e-planeta { background-image: url("http://i0.statig.com.br/css/mundooi/img/servicos-casseta-e-planeta.jpg"); }
#conteudo .mod-horizontal .servicos ul li.alerta-de-email { background-image: url("http://i0.statig.com.br/css/mundooi/img/servicos-alerta-de-email.jpg"); }
#conteudo .mod-horizontal .servicos ul li.mobile-bank { background-image: url("http://i0.statig.com.br/css/mundooi/img/servicos-mobile-bank.jpg"); }
#conteudo .mod-horizontal .servicos ul li.quiz-premios { background-image: url("http://i0.statig.com.br/css/mundooi/img/servicos-quiz-premios.jpg"); }
#conteudo .mod-horizontal .servicos ul li.blog-oi { background-image: url("http://i0.statig.com.br/css/mundooi/img/servicos-blog-oi.jpg"); }
#conteudo .mod-horizontal .servicos a.todos { background: url("http://i0.statig.com.br/css/mundooi/img/seta-branca.png") no-repeat 232px 0 #444; color: #FFF; border-bottom: solid 1px #c2c2c2; font-size: 9px; height: 20px; line-height: 20px; display: block; margin: 14px 0 0 0; text-indent: 6px; letter-spacing: 2px; width: 248px; border: 1px #c2c2c2; border-style: none solid solid none; }
#conteudo .mod-horizontal .servicos a.todos:hover { background-position: 232px -21px; text-decoration: none; background-color: #222; }

/* mod-twitters */
#extra .mod-twitters { width: 988px; min-height: 16px; font-family: tahoma, "Times New Roman", arial; float: left; margin-top: 42px; background: url("http://i0.statig.com.br/css/mundooi/img/logo-twitter.jpg") no-repeat; }
#extra .mod-twitters ul { margin: 0; padding: 0 0 0 20px; }
#extra .mod-twitters ul li { float: left; position: relative; }
#extra .mod-twitters ul li a { font-size: 11px; color: #333; padding: 0 16px; letter-spacing: 2px; text-transform: uppercase; }
#extra .mod-twitters ul li:last-child span.divisoria { display: none; }

/* mod-servicos-internet, casas-oi */
#barra-lateral .mod-slideshow-lateral.servicos-internet { width: 190px; padding: 64px 7px 7px 7px; background: url("http://i0.statig.com.br/css/mundooi/img/bg-servicos-internet-lateral.jpg"); font-family: tahoma, "Times New Roman", arial; position: relative; margin: 33px 0 0 0; }
#barra-lateral .mod-slideshow-lateral.servicos-internet h2 { background: url("http://i0.statig.com.br/css/mundooi/img/titulo-servicos-internet-lateral.png") no-repeat; width: 186px; height: 53px; text-indent: -9999px; position: absolute; top: -13px; left: 5px; }
#barra-lateral .mod-slideshow-lateral h2 a { display: block; width: 100%; height: 100%; }
#barra-lateral .mod-slideshow-lateral.casas-oi { width: 190px; padding: 40px 7px 7px 7px; background: url("http://i0.statig.com.br/css/mundooi/img/bg-casas-oi.jpg"); font-family: tahoma, "Times New Roman", arial; position: relative; margin: 22px 0 0 0; }
#barra-lateral .mod-slideshow-lateral.casas-oi h2 { background: url("http://i0.statig.com.br/css/mundooi/img/titulo-casas-oi.png") no-repeat; width: 181px; height: 53px; text-indent: -9999px; position: absolute; top: -13px; left: 5px; }
#barra-lateral .mod-slideshow-lateral.diversao-downloads { width: 190px; padding: 64px 7px 7px 7px; background: url("http://i0.statig.com.br/css/mundooi/img/bg-diversao-downloads-lateral.jpg"); font-family: tahoma, "Times New Roman", arial; position: relative; margin: 33px 0 0 0; }
#barra-lateral .mod-slideshow-lateral.diversao-downloads h2 { background: url("http://i0.statig.com.br/css/mundooi/img/titulo-diversao-downloads-lateral.png") no-repeat; width: 189px; height: 59px; text-indent: -9999px; position: absolute; top: -13px; left: 5px; }
#barra-lateral .mod-slideshow-lateral ul { height: 264px; background: #000; margin: 0 0 7px 0; }
#barra-lateral .mod-slideshow-lateral li { display: none; }
#barra-lateral .mod-slideshow-lateral li.selecao { display: block; }
#barra-lateral .mod-slideshow-lateral a.foto { border: solid 2px #F0F0F0; width: 186px; height: 260px; display: block; }
#barra-lateral .mod-slideshow-lateral a.foto img { width: 186px; height: 260px; }
#barra-lateral .mod-slideshow-lateral .paginacao { overflow: hidden; clear: both; width: 30px; height: 5px; position: absolute; top: 313px; left: 18px; z-index: 10; }
#barra-lateral .mod-slideshow-lateral.casas-oi .paginacao { top: 290px; }
#barra-lateral .mod-slideshow-lateral .paginacao a { width: 5px; height: 5px; margin: 0 4px 0 0; background: #FFF; opacity:.5; filter:alpha(opacity=50); -moz-opacity:.5; text-indent: -9999px; float: left; outline: none; cursor: default; }
#barra-lateral .mod-slideshow-lateral .paginacao a.selecao { background: #FFF; opacity: 1; filter:alpha(opacity = 100); -moz-opacity: 1; }
#barra-lateral .mod-slideshow-lateral div.texto { position: absolute; width: 172px; height: 39px; bottom: 52px; left: 9px; z-index: 10; padding: 6px 6px 10px 8px; overflow: hidden; }
#barra-lateral .mod-slideshow-lateral.servicos-internet div.texto { height: 61px; bottom: 52px; left: 9px; z-index: 10; padding: 6px 6px 10px 8px; overflow: hidden; }
#barra-lateral .mod-slideshow-lateral div.texto a { color: #FFF; display: block; }
#barra-lateral .mod-slideshow-lateral div.texto h3 a { font-size: 12px; font-weight: normal; letter-spacing: 1px; text-transform: uppercase; }
#barra-lateral .mod-slideshow-lateral div.texto p a { font-size: 10px; letter-spacing: 1px; position: relative; top: 4px; }
#barra-lateral .mod-slideshow-lateral.servicos-internet div.texto p a { top: 0; }
#barra-lateral .mod-slideshow-lateral span.opacidade { position: absolute; width: 186px; height: 70px; background: #000; bottom: 37px; left: 9px; opacity: .5; filter: alpha(opacity = 50); -moz-opacity: .5; z-index: 0; }
#barra-lateral .mod-slideshow-lateral.servicos-internet span.opacidade { height: 92px; }
#barra-lateral .mod-slideshow-lateral a.todos { text-transform: uppercase; background: url("http://i0.statig.com.br/css/mundooi/img/seta-branca.png") no-repeat 177px 0 #444; color: #FFF; border-bottom: solid 1px #c2c2c2; font-size: 9px; height: 20px; line-height: 20px; display: block; text-indent: 6px; letter-spacing: 2px; width: 100%; border: 1px #c2c2c2; border-style: none solid solid none; text-decoration: none; }
#barra-lateral .mod-slideshow-lateral a.todos:hover { background-position: 177px -21px; background-color: #222; }
#barra-lateral .mod-slideshow-lateral.plugin-off div.texto,
#barra-lateral .mod-slideshow-lateral.plugin-off span.opacidade,
#barra-lateral .mod-slideshow-lateral.plugin-off .paginacao { display: none; }
#barra-lateral .mod-slideshow-lateral div.texto a.botao { display: block; background: url("http://i0.statig.com.br/css/mundooi/img/bt-amarelo.jpg") no-repeat; width: 111px; height: 22px; color: #666; font-size: 10px; text-transform: uppercase; line-height: 22px; text-indent: 13px; margin: 5px 0 0 0; }
#barra-lateral .mod-slideshow-lateral a.botao:hover { text-decoration: none; }

/* mod-calhau-lateral */
#barra-lateral .mod-calhau-lateral { width: 190px; padding: 7px; background: url("http://i0.statig.com.br/css/mundooi/img/bg-calhau-lateral.jpg"); font-family: tahoma, "Times New Roman", arial; position: relative; margin: 22px 0 0 0; }
#barra-lateral .mod-calhau-lateral a { height: 329px; width: 186px; display: block; border: solid 2px #F0F0F0; }

/* Banners */
#mega-banner { display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 100; }
#mega-banner .ad { z-index: 99999; position: absolute; width: 630px; top: 80px; left: 50%; padding: 10px; margin-left: -315px; font: normal 10px arial, sans-serif; background: #FFF; color: #666; }
#mega-banner .ad button { position: absolute; top: -20px; right: -20px; background: url("http://i0.statig.com.br/css/mundooi/img/fechar.png") no-repeat 0 0; height: 43px; width: 43px; border: 0; }
#mega-banner .transparencia { position: absolute; top: 0; left: 0; background: #000; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; filter: alpha(opacity=80); -moz-opacity: 0.8; opacity: 0.8; width: 100%; height: 100%; }
