* {font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;}
body {color: #454545;font-size: 14px;background: #fdfdfd;}
a {color: #454545;}

/* SPRITE */
.menu_topo,
.menu_rodape, 
.item-ativo, 
.site_menu li.eventos,
.site_menu a.item:hover,
.qdr_evento .qdr_topo,
.qdr_evento .qdr_rodape,
.qdr_evento table .separador,
input.botao_enviar,
.listao h5,
.miolo_quiz h2 span,
.miolo_quiz .quiz .pergunta .botao,
.miolo_quiz .quiz .resultado .texto_resultado .controles_quiz .mais_quiz,
.miolo_quiz .quiz .resultado .texto_resultado .controles_quiz .fazer_novamente,
.bg_calendario,
.titulo-calendario,
.bg-bottom-calendario{background: url(img/sprite_principal.png) no-repeat !important}

table.calendario tbody td.last,
.controle,
.bg-cinza-direita,
.controle .destacar,
.controle .imprimir,
.controle .comentarios,
.controle .enquete,
.controle .compartilhe,
.controle .enviar,
.controle .mural,
.compartilhe-resultado .imprimir,
.compartilhe-resultado .compartilhe,
.compartilhe-resultado .enviar,
table.ranking,
.bg-laranja-esquerda,
.miolo_quiz h5,
.miolo_quiz h5 span,
table.box_medalhas thead th.last-quadro,
table.box_medalhas tbody td.last-quadro,
.lista-calendario li span,
.site_menu .medellin-submenu a{background: url(img/sprite_icones.png) no-repeat}


/****************************************************************************/
/*** ESTRUTURA **************************************************************/ 
/****************************************************************************/

/***************************************************
	SITE AREA
***************************************************/
.site_area {
	
}


/***************************************************
	SITE GERAL
***************************************************/
.site_geral {
	width: 1000px;
	margin: 0 auto;
}



/***************************************************
	SITE CONTE�DO
***************************************************/
.site_conteudo {
	clear: both;
	min-height: 1150px;
	_height: 1150px;
	background: url(img/site_topo_bg.png) no-repeat scroll center top;
}


/********************************
	SITE CONTE�DO - CENTRO
********************************/
.conteudo_centro {
	float: right;
	width: 843px;
	padding-bottom: 20px;
}

/*** Regi�o ***/
.conteudo_centro .regiao {
	width: 470px;
	height: 46px;
	margin: 0 auto;
	padding-top: 11px;
	padding-left: 14px;
	color: #fff;
	font-weight: bold;
}
.conteudo_centro .regiao .regiao1,
.conteudo_centro .regiao .regiao2 {
	float: left;
	padding-right: 14px;
}
.conteudo_centro .regiao strong {
	float: left;
	margin-right: 5px;
	padding-top: 2px;
	font-size: 0.9em;
}
.conteudo_centro .regiao .quadro {
	float: left;
	width: 164px;
	height: 23px;
	background: url(img/site_regiao_bg.jpg);
	font-size: 0.8em;
}
.conteudo_centro .regiao .quadro .datahora {
	display: block;
	padding: 3px;
	text-align: center;
}
.conteudo_centro .regiao .quadro .tempo {
	float: left;
	padding: 4px 0 0 25px;
	background-position: left top;
	background-repeat: no-repeat;
}
.conteudo_centro .regiao .quadro .sol {
	background-image: url(img/tempo/sol.png);
}
.conteudo_centro .regiao .quadro .chuva {
	background-image: url(img/tempo/chuva.png);
}

/*** Barra Topo ***/
.conteudo_centro .barra_topo {
	clear: both;
	width: 841px;
	height: 126px;
}

.conteudo_centro .barra_topo .logo {
	float:right;display:inline;
	width: 400px;
	padding: 29px 0 0 11px;
	color: #FFF;
	font-size: 18px;
	letter-spacing: -0.2px;
	clear:both;
}

.conteudo_centro .barra_topo form.busca {
	float: right;
	width: 344px;
	height: 29px;
	margin:6px 61px 0 0;
	padding: 2px 7px 0 4px;
	clear:both;
}
.conteudo_centro .barra_topo form.busca input.text {
	float: left;
	width: 264px;
	height: 19px;
	padding: 6px 10px;
	border: 0;
	background: url(img/sprite_principal.png) no-repeat -307px 0;
	border:none;
	color: #8f8f8f;
	font-weight: bold;
}
.conteudo_centro .barra_topo form.busca input.botao {
	float: right;
	width: 59px;
	height: 28px;
	padding: 0 0 1px 3px;
	background: url(img/sprite_principal.png) no-repeat -595px 0;
}

/********************************
	SITE CONTE�DO - LATERAL
********************************/
.conteudo_lateral {
	float: left;
	width: 155px;
}

/*** Logo ***/
.conteudo_lateral h1.logo {
	width: 152px;
	height: 129px;
	background: url(img/sprite_principal.png) 0 -7px;
	margin:10px 0 0 0;
}

.conteudo_lateral h1.logo a {
	display: block;
	height: 129px;
	overflow: hidden;
	line-height: 300px;
}


/*============= MENU ==============
================================*/

.menu_centro a{display:block;padding:0 9px;font:bold 14px "Trebuchet MS", Arial, Helvetica, sans-serif;color:#FFF}
.conteudo_lateral div{padding-right:0 !important;width:147px !important}
.menu_topo{width:147px;height:85px;margin-top:15px;padding-top:10px;background-position:-154px 0 !important}
.menu_topo p{font:normal 10px "Trebuchet MS", Arial, Helvetica, sans-serif;color:#FFF;margin-left:10px}
.menu_centro{background-color:#212121 !important;padding-top:10px}
.menu_rodape{width:147px !important;height:14px !important;margin-bottom:30px;background-position:-154px -102px !important}
.banner_selo{margin-left:10px !important;}
.site_menu, .site_menu li{width:147px !important;}		

.site_menu li.medellin-submenu{width:127px !important;background-image:none !important;background-color:#373737 !important;float:left;padding:3px 10px !important}
.site_menu li.eventos{padding:3px 0 !important;background-position:-351px -125px !important}
.site_menu li.eventos a:hover{text-decoration:none}
.site_menu a.item:hover, .item-ativo{background-position:-522px -140px !important}
.pb0{padding-bottom:0px !important}
.site_menu .medellin-submenu a{background-position:0 -965px !important;font:normal 11px Tahoma, Verdana, Arial, sans-serif;padding-left:15px}
.site_menu .medellin-submenu a:hover{text-decoration:underline}
.site_menu .clear2{clear:both} 


/*** Canais ***/
.conteudo_lateral .socialmedia {
	width: 143px;
	padding-left: 4px;
	padding-top: 17px;
	font-size: 0.85em;
	line-height: 1em;
	background: url(img/site_lateral_socialmedia.gif) no-repeat top;
}
.conteudo_lateral .socialmedia li {
	padding-left: 37px;
	margin-bottom: 12px;
	background-repeat: no-repeat;
	background-position: left center;
}
.conteudo_lateral .socialmedia .twitter {
	padding-top: 9px;
	padding-bottom: 15px;
	background-image: url(img/icn_twitter.gif);
}
.conteudo_lateral .socialmedia .orkut {
	background-image: url(img/icn_orkut.gif);
}
.conteudo_lateral .socialmedia .facebook {
	background-image: url(img/icn_facebook.gif);
}
.conteudo_lateral .socialmedia .youtube {
	padding-top: 3px;
	padding-bottom: 10px;
	background-image: url(img/icn_youtube.gif);
}
.conteudo_lateral .socialmedia .rss {
	padding-top: 3px;
	padding-bottom: 10px;
	margin-bottom: 0;
	background-image: url(img/icn_rss.gif);
}

/*** Eventos ***/
.conteudo_lateral .eventos {
	padding-top: 50px;
	background: url(img/site_lateral_barra.png) no-repeat 0 top;
}
.conteudo_lateral .eventos li {
	margin-bottom: 11px;
}



/***************************************************
	SITE RODAP�
***************************************************/
.site_rodape {
	clear: both;
	height: 32px;
	padding-top: 16px;
	background-color:#85c227;
	text-align: center;
	font-size: 0.85em;
}

.site_rodape,
.site_rodape a {
	color: #FFF;
}

.site_rodape ul.menu {
}
.site_rodape ul.menu li {
	display: inline;
	padding: 0 16px;
	font-weight: bold;
	text-transform: uppercase;
}



/***************************************************
	ACCESSKEY
***************************************************/
ul.accesskey { 
	position: absolute; 
	height: 0;
	font-size: 0;
	overflow: hidden;
}




/***************************************************
	SITE SOMBRA
***************************************************/
.site_sombra {
	position: absolute;
	z-index: 10;
	top: 0;
	left: 0;
	width: 100%;
	background-color: #000;
}



/****************************************************************************/
/*** DENINI��ES GERAIS ******************************************************/ 
/****************************************************************************/

/***************************************************
	CLEAR
***************************************************/
.clear {
	display:block;
	clear:both;
	height:0;
	margin:0;
	padding:0;
}


/***************************************************
	IMAGEM com BORDA
***************************************************/
a.img_borda,
a.img_borda img {
	float: left;
	overflow: hidden;
	border-color: #738db5;
}
a.img_borda:hover {
	border-style: solid;
	border-width: 4px;
}
a.img_borda:hover img {
	margin: -4px;
}
a.img_borda .mais {	
	position: relative;
	display: none;
	float: left;
	clear: both;
	width: 33px;
	height: 33px;
	margin-top: -33px;
	margin-bottom: -33px;
	top: -1px;
	background: url(img/icn_mais.gif) no-repeat right;
}
a.img_borda:hover .mais {	
	display: block;
}

.ch_principal a.img_borda:hover .mais {	padding-left: 182px; }
.thumbs a.img_borda:hover .mais,
.ch_pequena a.img_borda:hover .mais { padding-left: 33px; }
.ch_media a.img_borda:hover .mais { padding-left: 108px; }
.ch_grande a.img_borda:hover .mais { padding-left: 154px; }


/***************************************************
	Icone de PLAY da IMAGEM
***************************************************/
a.img_borda span.play ,
a.img_borda span.play _foto{
	position: relative;
	display: block;
	clear: both;
	width: 25px;
	height: 22px;
	top: -22px;
	margin-bottom: -22px;
	margin-left: 4px;
	background: url(img/play.png) no-repeat right top;
}
* html a.img_borda span.play,
* html a.img_borda span.play_foto {
	background: none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled='true', sizingMethod='scale', src='vancouver/css/img/play.png');
}
a.img_borda:hover span.play ,
a.img_borda:hover span.play _foto{
	top: -18px;
	left:-4px;
	background-image: url(img/play_hover.png);
}
* html a.img_borda:hover span.play ,
* html a.img_borda:hover span.play _foto{
	background: none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled='true', sizingMethod='scale', src='vancouver/css/img/play_hover.png');
}


/***************************************************
	BANNER
***************************************************/
.banner span {
	display: block;
	margin-bottom: 2px;
	font-size: 12px;
}


/***************************************************
	RELACIONADOS
***************************************************/
ul.relacionados {
	display:inline;
	margin-bottom:10px;
}

html > body  ul.relacionados li{padding-left:15px;}
ul.relacionados li {
	clear: both;
	background: url(img/icn_disc.gif) no-repeat left 6px;
	*float:left;
	*width:160px;
}

.ch_principal ul.relacionados li{*width:310px}


/*ul.relacionados li a{*width:150px;}*/
/***************************************************
	BOT�O
***************************************************/
input.botao{
	cursor: pointer;
	border: 0;
	height: 31px;
	padding-bottom: 4px;
	background-color: transparent;
	color: #fff;
	font-size: 13px;
	font-weight: bold;
}

/***************************************************
	BOT�O MAIS
***************************************************/
a.mais{
}

/***************************************************
	ERRO * OK
***************************************************/
form .erro,
form .ok {
	float:left;display:inline;
	width:45px;
	height:29px;
	vertical-align: top;
	background: url(img/sprite_icones.png);
}
form .erro { background-position: 0 -716px; }
form .ok { background-position: 0 -686px; }


/* PUBLICIDADE */
.pub{float:left;}
.pub p{font:normal 9px Tahoma, Verdana, sans-serif;color:#B1B1B1}

/* AJUSTES */
.mb0{margin-bottom:0 !important}
.ml160{margin-left:160px}
.mr45{margin-right:45px}
.mb30{margin-bottom:30px;*padding_bottom:30px;float:left;}
.box-veja-mais{float:left;width:385px;margin-bottom:35px}
.box-veja-mais img{float:left;margin-right:5px}
.box-veja-mais a{font-weight:bold;font-family:Trebuchet MS, Verdana, Arial, sans-serif}
.box-veja-mais h3 a{color:#D9261B;font-size:24px}
.box-veja-mais p a{color:#454545;font-size:14px}
.bg-laranja-esquerda{}


/***************************************************
	SEPARADORES
***************************************************/

.sep_hor_big {
	width:516px;
	height:23px;
	clear:both;
	margin:5px auto;
	background: url(img/sprite_principal.png)  -1px -166px;
}

.sep_hor_small {
	width:236px;
	height:23px;
	clear:both;
	margin:5px auto;
	background: url(img/sprite_principal.png)  -564px -166px;
}

.sep_hor_big_full {
	width:562px;
	height:23px;
	float:left;display:inline;
	margin:15px 0 10px 95px;
	background: url(img/sprite_principal.png)  -1px -166px;
}

.bg-laranja-esquerda{float:left;width:10px;height:25px;background-position:0 -877px}
.leia_r7{clear:both}
.w390{width:390px}
.pub span{display:block}