/* geral */

.opc-box {margin-left: 0; margin-top: 0;}

.col-mod-box {

	padding-top: 5px;

	padding-right: 90px;

	padding-bottom: 0;

	padding-left: 0;

}



/* Header */

.opc-box.box-header {position:relative; left:1.5em; padding-bottom:1em;}

h1 {font-size:1em; padding:0; margin:0;}

h1 a {display:block; background: url("http://ci.i.uol.com.br/oscar/2009/barra-oscar2009.jpg") no-repeat; width:61.5em; height:8.3em; text-indent:-9999em;}



/* Navegação */

.navegacao {list-style:none; padding:0; margin:0; position:absolute; top:6em; /*left:13.2em;*/left:9.7em;}

.navegacao#vencedores {left:8em;}

.navegacao li {margin:0 0 0 1px; float:left; text-transform:uppercase; position:relative; border-left:solid 1px #000;}

.navegacao li.menu-home {border:0;} 

.navegacao li a {display:block; float:left; padding:0 0.7em; height:2.3em; color:#FFF;}

.navegacao li a:visited { color:#FFF}

.navegacao li a span {font:bold 1.1em arial; line-height:2.1em;}

.navegacao li#sel {background:#FFF;}

.navegacao li#sel a {color:#C1182D; background:#FFF;}

.navegacao .transp div {height:2.3em; background:#000; opacity:0.05; filter: alpha(opacity=5); position:absolute; left:0; top:0; z-index:-1;}

.navegacao .menu-home div {width:4.6em;}

.navegacao .menu-vencedores div {width:8.6em;}

.navegacao .menu-indicados div {width:7.4em;}

.navegacao .menu-enquetes div {width:7em;}

.navegacao .menu-noticias div {width:6.7em;}

.navegacao .menu-fotos div {width:5.2em;}

.navegacao .menu-trailers div {width:6.8em;}

.navegacao .menu-na-tv div {width:4.8em;}



.espaco {height:1em;}







/* chamadas */

.mod-medio-texto {padding-bottom:0; border-bottom:1px solid #ccc;}

.mod-medio-texto h2 {padding-top:0.8em; padding-bottom:0.5em;}

.mod-medio-texto h3 {padding-bottom:0.1em;}

.mod-medio-texto ul {padding-bottom:1em; *padding-bottom:0.7em;}

.mod-medio-texto ul li {background:transparent url(http://ci.i.uol.com.br/globodeouro/2009/seta-amarela.gif) no-repeat scroll 0 0.6em; font:normal 1.3em arial;}

.mod-medio-texto p {padding:0.3em 0 1em 0; *padding:0.1em 0 0.8em 0;}

.mod-foto-pequena {background: transparent; border-bottom:1px solid #ccc; padding-left:0;}

.mod-foto-pequena .box-chamadas {width: 21.6em;}



/* mod-apostas */

#mod-apostas {background:#EEE;}

#mod-apostas a:hover {text-decoration:underline;}

#mod-apostas #mod-apostas-borda {padding:0.3em 0 0.3em 0.9em; overflow: hidden; clear:both;}

#mod-apostas #mod-apostas-topo {overflow:hidden; clear:both; height:3em; background:url("http://ci.i.uol.com.br/oscar/2009/header-apostas.jpg") no-repeat #916711;}

#mod-apostas #mod-apostas-topo h2 {text-indent:-9000em;}

#mod-apostas ul {padding:0.7em 1em; margin:0; list-style:none; overflow:hidden; clear:both;}

#mod-apostas ul li {clear: both; padding: 0.5em 0; border-top:dotted 1px #A7A7A7; min-height:3em; _height:3em; margin-right: 0.5em;}

#mod-apostas ul li div {font:normal 1.1em arial;}

#mod-apostas ul li .foto {float: left; margin:0 1em 1em 0;}

#mod-apostas ul li .chamada {font:normal 1.1em arial;}

#mod-apostas ul li .chamada h2 {margin:0; font-weight:bold; padding:0.7em 0 0;}

#mod-apostas ul li .chamada h2 a {color:#B70817;}

#mod-apostas ul li .chamada h3 {font:normal 1.1em arial; padding-right:1.2em;}

#mod-apostas ul li.first {border:0;}

#mod-apostas ul li.first div {font:normal 1.3em arial;}

#mod-apostas ul li.first span {display:block;}

#mod-apostas img {border:0;}

#mod-apostas strong {color:#B70817; display:block; font:bold 1.1em arial;}

#mod-apostas span {color:#000; display:block;}



/* mod anteriores */

#mod-anteriores {margin-top:13px;}

#mod-anteriores #mod-anteriores-topo {height:3em; padding-left: 10px; text-indent:-9000em; background:url("http://ci.i.uol.com.br/oscar/2009/header-anteriores.jpg") no-repeat #000;}

#mod-anteriores #mod-anteriores-topo h2 {float:left; display:inline; color:#000;}

#mod-anteriores #mod-anteriores-topo select {float: right; display: inline; margin: .6em .4em 0 0; font:normal 10px arial;}

#mod-anteriores #mod-anteriores-topo a {display: none; }



/* painel rotativo */

#painel .bg-trans {width:27.2em; *width:27.1em;}

#painel h2 div {color:#f9bf06; padding-bottom:0.2em; font-size: 0.85em;}



/* mod-medio-texto */

.mod-medio-texto h2 a {color:#B70817;}

.mod-medio-texto ul li {background:url('http://ci.i.uol.com.br/oscar/2009/seta-vermelha.gif') 0 0.6em no-repeat;}



/* mod-foto-pequena */

.mod-foto-pequena h2 a {color:#B70817;}



/* mod-videos */

#mod-videos {border:0;}

#mod-videos #mod-videos-topo {overflow:hidden; clear:both; background:url("http://ci.i.uol.com.br/oscar/2009/header-trailers.jpg") no-repeat #000; height:3em; border:0;}

#mod-videos #mod-videos-topo h2 {float:left; padding:0.5em 0; margin:0; font: bold 1.8em arial; position:relative; left:0.5em; text-indent:-9000em;}

#mod-videos #mod-videos-topo a {float:right; width:6em; font:normal 1.1em arial; color:#FFF; margin:0.8em 0.5em 0 0; padding:0.4em 0 0 0.7em; background:url("http://ci.i.uol.com.br/oscar/2009/seta-amarela.gif") 0 0.7em no-repeat;}

#mod-videos #mod-videos-borda {padding:0.8em 0;}



/* mod-fotos */

#mod-fotos {border:none; background:#EEE;}

#mod-fotos #mod-fotos-borda {padding:0.3em 0 0.3em 0.9em; overflow: hidden; height: 35.4em;}

#mod-fotos #mod-fotos-topo {overflow:hidden; clear:both; background:url("http://ci.i.uol.com.br/oscar/2009/header-fotos.jpg") no-repeat #000; height:3em; border:none;}

#mod-fotos #mod-fotos-topo h2 {float: left; padding:0.5em 0; margin:0; font: bold 1.8em arial; text-transform: uppercase; position: relative; left: 0.5em; text-indent:-9000em;}

#mod-fotos #mod-fotos-topo a {float:right; width:6em; font:normal 1.1em arial; color:#FFF; margin:0.8em 0.5em 0 0; padding:0.4em 0 0 0.7em; background:url("http://ci.i.uol.com.br/oscar/2009/seta-amarela.gif") 0 0.7em no-repeat;}

#mod-fotos ul {padding:0; margin:0; list-style:none; overflow: auto; height:35em;}

#mod-fotos ul li {clear: both; padding: 0.5em 0; border-bottom:dotted 1px #A7A7A7; min-height: 6.6em;_height: 6.6em; margin-right: 0.5em;}

#mod-fotos ul li .imagem {float: left; margin-right: 1em;}

#mod-fotos ul li .chamada {font-size: 1em;}

#mod-fotos ul li .chamada h2 {margin:0; font:bold 1.1em arial; padding:0.7em 0 0;}

#mod-fotos ul li .chamada h2 a {color:#B70817;}

#mod-fotos ul li .chamada h3 {font:normal 1.1em arial; padding-right:1.2em;}

#mod-fotos img {border:0;}



/* mod-plantao */

#mod-plantao {border:none; background:#EEE;}

#mod-plantao #mod-plantao-topo {overflow:hidden; clear:both; background:url("http://ci.i.uol.com.br/oscar/2009/header-noticias.jpg") no-repeat #000; height:3.2em; border:none;}

#mod-plantao #mod-plantao-topo h2 {float: left; padding:0.5em 0; margin:0; font: bold 1.8em arial; text-transform: uppercase; position: relative; left: 0.5em; text-indent:-9000em;}

#mod-plantao #mod-plantao-topo a {float:right; width:6em; font:normal 1.1em arial; color:#FFF; margin:0.8em 0.5em 0 0; padding:0.4em 0 0 0.7em; background:url("http://ci.i.uol.com.br/oscar/2009/seta-amarela.gif") 0 0.7em no-repeat;}

#mod-plantao ul {padding:0; margin:0; list-style:none;}

#mod-plantao ul#mod-plantao-noticias {height:37.8em; *height:38.3em; overflow:auto;}

#mod-plantao ul#mod-plantao-noticias li {border-bottom:dotted 0.1em #A7A7A7; padding:0.3em 0; margin:0 0.5em 0 1em; clear:left; min-height:4em; _height:4em;}

#mod-plantao ul#mod-plantao-noticias li strong {background:#E9D06B; color:#000; float:left; padding:1.2em 0; width:4em; text-align:center; font:bold 1.1em arial;}

#mod-plantao ul#mod-plantao-noticias li h3 {width:15em; margin:0.3em 0 0.3em 4.3em; display:block; padding:0; font:normal 1.3em arial;}

#mod-plantao ul#mod-plantao-noticias li.ultnot-data {border-bottom:dotted 1px #acad8d; padding:1em 0 0.2em 0; margin:0 0.5em 0 1em; min-height:0em; _height:0em; font:bold 1.3 arial;}

#mod-plantao ul#mod-plantao-noticias li.ultnot-data strong {background:none; float:none; text-align:left; font:bold 1.3em arial; color:#B70817;}

#mod-plantao-borda {overflow:hidden; clear:both;}

#mod-plantao #mod-plantao-rodape {overflow:hidden; clear:both; width:29.8em; border-top:solid 1px #f1f0eb; margin:0.1em 0 0 0; background:#CCC;}

#mod-plantao #mod-plantao-rodape h3 {font:bold 1.1em arial; color:#000; float:left; padding:1em 0 0 1em;}

#mod-plantao #mod-plantao-rodape #mod-plantao-rss {float:right; padding:0.7em 1em 0 0;}

#mod-plantao #mod-plantao-rodape #mod-plantao-rss img {border:0; padding:0 0.5em 0 0}

#mod-plantao #mod-plantao-rodape #mod-plantao-rss span {position:relative; top:-3px;}

#mod-plantao #mod-plantao-rodape ul {float:left; width:29.8em; padding:1em;}

#mod-plantao #mod-plantao-rodape ul li {float:left; font-family:arial; padding-right:0.5em;}



/* mod-destaque */

#mod-destaque {

	position:relative;

	overflow:hidden;

	height:350px;

}

#mod-destaque .foto-destaque {

	width:450px;

	height:350px;

}

#mod-destaque .transp {

	position:absolute;

	width:412px;

	_width:25.8em;

	height:150px;

	opacity:0.8;

	filter:alpha(opacity=80);

	background:#000;

	bottom:0;

	left:40px;

	z-index:2;

	top: 224px;

}

#mod-destaque .esq {

	position:absolute;

	top:226px;

	left:42px;

	width:321px;

	z-index:0;

	padding-top: 25px;

	padding-right: 25px;

	padding-bottom: 25px;

	padding-left: 15px;

}

#mod-destaque .esq h2 {

	font-family: arial;

	font-size: 1em;

	font-weight: bold;

}

#mod-destaque .esq a {color:#FFCB00;}

#mod-destaque .esq h3 {

	line-height:1em;

	font-family: arial;

	font-size: 1em;

	font-weight: bold;

}

#mod-destaque .esq h3 a {color:#FFF;}

#mod-destaque ul, #mod-destaque li {margin:0; padding:0; list-style:none;}

#mod-destaque .dir {position:absolute; top:25.2em; right:4.2em; width:14em; z-index:10;}

#mod-destaque .dir p {

	font:normal 1.3em arial;

	padding:0.3em 0 0 1.3em;

	border-bottom:solid 1px #FFF;

	background-image: url(../../imagem/seta-amarela.gif);

	background-repeat: no-repeat;

	background-position: 0.3em 0.1em;

}

#mod-destaque .dir p a {color:#FFF;}

#mod-destaque #wrap-carrossel, #mod-destaque #listadestaques {

	width:450px;

	height:1621px;

	top:1px;

	left:0px;

	overflow:hidden;

	position:absolute;

}

#mod-destaque #listadestaques li {

	position:relative;

	width:450px;

	height:350px;

	float:left;

	background:none;

	overflow:hidden;

}

#mod-destaque #listadestaques li.carregando {background:url("http://ci.i.uol.com.br/album/wait_inv.gif") no-repeat center center;}

#mod-destaque #seta-ant {position:absolute; z-index:999; width:2.7em; height:9em; opacity:0.8; filter:alpha(opacity=80); bottom:0; left:0;}

#mod-destaque #seta-ant a {

	display:block;

	width:2.7em;

	height:9em;

	text-indent:-9999em;

	outline:none;

	background-color: #FFCB00;

	background-image: url(../../imagem/setaanterior.jpg);

	background-repeat: no-repeat;

	background-position: 0.4em center;

}

#mod-destaque #seta-prox {

	position:absolute;

	z-index:999;

	width:2.7em;

	height:9em;

	opacity:0.8;

	filter:alpha(opacity=80);

	bottom:0;

	right:0em;

}

#mod-destaque #seta-prox a {

	display:block;

	width:2.7em;

	height:9em;

	text-indent:-9999em;

	outline:none;

	background-color: #FFCB00;

	background-image: url(../../imagem/setaproximo.jpg);

	background-repeat: no-repeat;

	background-position: 1em center;

}