
/*-----------------------------------------------------------------------------
Lancenet - Folha de estilos do Lance Media Center

versao:   1.0
author:   Midia 3
website:   http://www.midia3.com.br/
-----------------------------------------------------------------------------*/


/* =Gerais
-----------------------------------------------------------------------------*/

.colunas_superiores{
	background:#373531 url(../img/bg/bg_multimidia.gif) repeat-y;
	margin:0 0 0 0;
	color:#FFFFFF;
	width:990px;
	overflow:auto;
	border-top:20px solid #373531;
}

.colunas_superiores_i{
	background:#457902 url(../img/bg/bg_multimidia_i.gif) repeat-y;
	margin:0 0 0 0;
	color:#FFFFFF;
	width:990px;
	overflow:auto;
	border-top:20px solid #373531;
}

.site * {color:#FFFFFF;}

.subheader{
	height:50px;
	background:url(../img/bg/pontilhado_triplo.gif) repeat-x top;
}

.foto_destaque *{
	font-family: Arial, "Helvetica", sans-serif;
}

.foto_destaque a{
	margin:0;
}

.foto_destaque p{
	margin:5px 0 0 0;
	font-weight:normal;
	font-size:11px;
}

.texthide span{
    position: absolute;
    margin-left: -10000px;
}


/* =Modulos e Colunas
-----------------------------------------------------------------------------*/

.coluna1, .coluna2{
	width: 462px;
	float: left;
}

.coluna1{ padding:0 10px 0 15px;}
.coluna2{ padding:0 15px 0 10px; float:right;}

.subcoluna_dir { margin:0;}


/* =Listas
-----------------------------------------------------------------------------*/

.lista_midias h3{
	text-transform:uppercase;
	font: 14px "Arial Black", Arial, Helvetica, sans-serif;
	border-bottom-width: 2px !important;
	border-bottom-width: thin;
	border-bottom-style: dotted;
	border-top-width: 2px !important;
	border-top-width: thin;
	border-top-style: dotted;
	padding:3px 0;
	border-color:#D1CECC;
	margin:0 0 4px 0;
}

.lista_midias h3 span{
	display:block;
	background:#FC8902;
	height:22px;
	padding-left:5px;
}

.lista_midias ul{ margin-bottom:10px; }

.lista_midias ul li{
	background:url(../img/bullet_seta.gif) no-repeat 0 9px;
	padding:4px 0 4px 10px;
	border-bottom:1px solid #787673;
	line-height:13px;
}

.lista_midias .lista2{
	margin-top:28px;
}


/* =Header
-----------------------------------------------------------------------------*/

.header{
	height:auto;
	padding:10px 0;
	background:#FFFFFF;
}

.titulo{
	border-bottom-width: 2px !important;
	border-bottom-width: thin;
	border-bottom-style: dotted;
	border-color:#D5D5D5;
	margin:5px 0 0 0;
	height:74px;
	overflow:hidden;
}

.titulo h1{
	width:100px;
	height:36px;
	background:url(../img/logos/logo_lmc.gif) no-repeat;
	margin:15px 0 0 0;
	float:left;
}

.titulo h2{
	width:430px;
	height:36px;
	background:url(../img/titulos/tit_midia_center.gif) no-repeat;
	margin:15px 0 0 0;
	float:right;
}

.titulo h2 span, .titulo h1 span{
	display:none;
}

.fios_topo{
	height:12px;
	background:url(../multimidia/img/bg_faixa.gif);
	overflow:hidden;
}

#menuPrincipal {
	position:absolute;
	left:125px;
	top:10px;
	width:865px;
	height:25px;
	z-index:10;
	overflow: hidden;
}


/* =TV Lance
-----------------------------------------------------------------------------*/

.tv_lance h2{
	font-size:17px;
	font-weight:normal;
	line-height:20px;
	width:90%;
}

.tv_lance .subheader{
	margin:0 0 30px 0;
	border-top:1px solid #373531; /* Borda para o Firefox pegar a margem do h3 */
}

.tv_lance .subheader h3{
	background:url(../img/logos/logo_tv.jpg) no-repeat;
	margin:13px 0 0 10px;
	width:43px;
	height:30px;
}

.tv_lance .foto_destaque{ margin-top:24px; }

.tv_lance .subcoluna_dir{
	background:url(../img/bg/pontilhado_multimidia.gif) repeat-y left;
	padding-left:11px;
}

.topo_video{
	background:url(../img/video/topo_lmc.jpg);
}

#windowsMedia .detalhe_left_chamada { background-image: url(../img/video/detalhe_left_chamada_video.gif);}
#windowsMedia .detalhe_right_chamada { background-image: url(../img/video/detalhe_right_chamada_video.gif);}

.ajuda_suporte{
    clear: both;
    margin: 20px 0 0 0;
}

.ajuda_suporte h3{
    background: url(../multimidia/img/tit_ajuda.gif) no-repeat 0 0;
    width: 129px;
    height: 12px;
    margin-bottom: 15px;
}

.requisitos{
    width: 215px;
    float: left;
}

.requisitos h4{
    background: url(../multimidia/img/tit_requisitos.gif) no-repeat 0 0;
    width: 193px;
    height: 13px;
}


.requisitos p{
    font-size: 10px;
    line-height: 14px;
    margin: 6px 0 0 0;
    color: #d4d4d2;
}

.instrucoes{
    width: 215px;
    float: right;
}

.instrucoes li{
    padding: 0 0 5px 10px;
    background: url(../multimidia/img/bullet_lista.gif) 0 4px no-repeat;
}

.link_programacao{
    display: block;
    clear: both;
    padding: 10px 0;
}


.listaVideos_esq, .listaVideos_dir{
    width: 215px;
    margin-top: 15px;
}

.listaVideos_esq{
    float: left;
}

.listaVideos_dir{
    float: right;
}

.thumbs_preview{
    clear: both;
    margin: 10px 0 0 0;
}

.thumbs_preview li{
    float: left;
    width: 67px;
    height: 51px;
    margin: 0 0 12px 12px;
    position: relative;
}

.thumbs_preview li.primeiro{
    margin-left: 0;
}

.thumbs_preview li a{
    width: 67px;
    height: 51px;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
}

.thumbs_preview li a:hover{
   border: 1px solid #fc8902;
}

.layer_play{
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -7px;
    margin-top: -7px;
}


/* =Charges
-----------------------------------------------------------------------------*/

.charges{
	overflow:auto;
	height:1%;
 	border:none ;
	padding:0;
}

.charges .subheader{
	border-top:1px solid #373531; /* Borda para o Firefox pegar a margem do h3 */
	margin-top:10px;
}

.charges .subheader h3{
	background:url(../img/titulos/tit_charges.gif) no-repeat;
	margin:17px 0 0 0px;
	width:169px;
	height:18px;
}

.img_charges{
	text-align: center;
}

/* =Radio Lance
-----------------------------------------------------------------------------

.radio_lance{
	overflow:auto;
	margin-bottom:20px;
}

.radio_lance .subheader{
	padding-top:12px;
}

.radio_lance .subheader h3{
	background:url(../img/logos/logo_radio.jpg) no-repeat;
	margin:0px 0 0 10px;
	width:73px;
	height:30px;
}

.radio_lance .subcoluna_esq, .radio_lance .subcoluna_dir{
	width:145px;
}

.radio_lance .subcoluna_esq{
	background:url(../img/bg/pontilhado_multimidia.gif) repeat-y right;
	margin-left:13px;
	padding-right:13px;
}

.radio_lance .lista_midias{ margin-top:16px; }

.radio_lance .lista_midias{
	background:url(../img/bg/pontilhado_multimidia.gif) repeat-y left;
	padding-left:13px;
    border: 1px solid red;
}

#previewAudio {
	width: 296px;
	height: 73px;
	clear:both;
}

#windowsMediaAudioShell {
	width: 296px;
	height:73px;
	overflow: auto;
	display: none;
	background:url(../img/audio/audio_bottom.gif) no-repeat bottom left;
}

#menuAudios {
	width: 296px;
	overflow: auto;
}

#menuAudios ul {
	margin-left: 0px;
	padding-left: 0px;
	margin-top: 5px;
	padding-top: 0px;
}

#menuAudios ul li {
	margin-left: 0px;
	padding-left: 10px;
	text-align:left;
	background:url(../img/bullet_seta.gif) no-repeat 0 6px;
}

#menuAudios ul li a, #menuAudios ul li a:visited {
	text-decoration: none;
	font-size: 12px;
}

#menuAudios ul li a:hover {
	color: #EA2825;
	font-weight: bold;
}

#menuAudios ul li a img {
	border: 0px;
	margin-right: 5px;
	float: left;
	margin-top: 5px;
}

#menuAudios ul li a.clicked, #menuAudios ul li a.clicked:visited {
	color: #EA2825;
	font-weight: bold;
}

.chamadaAudio {
	font-family: "Palatino Linotype", Georgia, "Times New Roman", Times, serif;
	font-size: 13px;
	color: #FFFFFF;
	width: 296px;
	margin:5px 0 10px 0;
}

.topo_audio{
	background:url(../img/audio/topo_audio.jpg);
	width: 296px;
	height: 51px;
}

.topo_audio a{
	height:20px;
	width:100px;
	float:right;
	margin:10px 20px 0 0;
}*/

/* =Fotos Lance
-----------------------------------------------------------------------------*/

.fotos_lance{
	background:#373531;
	float:left;
	width:100%;
	padding:20px 15px 0 15px;
}

.fotos_lance .subheader{
	padding-top:18px;
	height:32px;
}

.fotos_lance .subheader h3{
	background:url(../img/titulos/tit_fotos_lance.gif) no-repeat;
	margin:0;
	width:151px;
	height:18px;
}

.foto_legenda img{
	margin-top:21px;
}

.foto_legenda p{
	margin-top:13px;
}

.fotos_lance .subcoluna_esq{
	margin-left:0;
	padding-right:0;
	width:137px;
	padding-right:15px;
}

.fotos_lance ul{
	margin:16px 0 0 0
}

.fotos_lance ul li {
	float:left;
	padding:15px 14px 15px 14px;
	background:url(../img/bg/pontilhado_multimidia.gif) repeat-y left;
}

.fotos_lance ul li p{ margin-top:12px; }

.fotos_lance ul li.ultima{
	padding-right:0;
}


/* =Podcast
-----------------------------------------------------------------------------*/

.podcast{
	background:url(../img/bg/pontilhado_triplo.gif) 0 -48px repeat-x;
	padding:16px 0 16px 0;
	*padding:8px 0 8px 0;
	margin:12px 0 12px 0;
	clear:both;
	position:relative;
}

.podcast h3{
	background:url(../img/multimidia/tit_podcast.gif) left top no-repeat;
	width:34px;
	height:126px;
	display:block;
	float:left;
	margin-right:12px;
}

.podcast ol{
	margin:12px 0 12px 0;
	list-style:none;
}

.podcast ol li{
	margin:3px 0 0 0;
}

.podcast ol li span{
	font-weight:bold;
	margin:0 6px 0 0;
	color:#EA2825;
	font-size:12px;
}

.nota{
	font-size:10px;
	color:#B9B5B3;
}

.nota a{
	text-decoration:underline;
}

#msnvideo{
	width: 460px; 
	height: 400px; 
	padding-bottom: 10px;
}

#msnvideo_p{
	/*z-index: -10;*/
	position: absolute;
}

.thumbs_preview li{width:87px; height:48px; margin-left: 6px; }
.thumbs_preview li a{width:87px; height:48px;}





/*Sambatech Player*/
#titulo_vid {*margin-left:-4px;}

#sambavideo {
    height: 290px;
    padding-top: 26px;
    *padding-top: 10px !important;
    width: 460px;
}

.home #hd .logo span {
    background: url("../images/logo.gif") no-repeat scroll 0 0 transparent;
    display: block;
    height: 108px;
    *position: relative !important;
    width: 115px;
}
