@charset "utf-8";

/* ---------------------------------------------------------------------------
 *
 * Filename:		basic.css
 * Description:		Regras aplicadas aos componentes que definem o 
 * 					layout das páginas.
 * Version:			1.0.0 (2010-03-02)
 * Website:			http://www.tvaesul.com.br/
 * Author:			Luiz R. Albano Jr. <billjr07@gmail.com>
 * 					iDesk Informática <http://www.idesk.com.br>
 *
 * == STRUCTURE ==============================================================
 *
 * Page width: 980px static
 * 
 * $__ads			Definições dos elementos de publicidade
 * $__header		Definições dos elementos do cabeçalho da página
 * $__menu			Definições dos elementos do menu de navegação principal 
 * 					do site.
 * $__content		Definições dos elementos do conteúdo central da página
 * $__footer		Definicoes dos elementos do rodapé da página
 * --------------------------------------------------------------------------- */
 
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, pre, blockquote,  
br, hr, a, abbr, acronym, address, code, 
del, dfn, em, img, q, dl, dd, ol, ul, li, 
table, caption, tbody, thead, tfoot, tr, th, td,
form, fieldset, label, legend, input, select, embed {
	margin:0;
	padding:0;
	margin: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}

/* Tables still need 'cellspacing="0"' in the markup. */
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; }
table, td, th { vertical-align: middle; }

/* Remove possible quote marks (") from <q>, <blockquote>. */
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }

/* Remove annoying border on linked images. */
a img { border: none; }
a { text-decoration:none; }

body {
	background:url(images/bckgrd_tvaesul.jpg) repeat-x top center #E9F0F6;
	color:#333;
	font-family:Arial, Helvetica, Verdana, sans-serif;
	font-size:62.5%;
	text-align:center;
}

body * { text-align:left; }



/* Clearing floats without extra markup
   Based on How To Clear Floats Without Structural Markup by PiE
   [http://www.positioniseverything.net/easyclearing.html] */

.clearfix:after, .container:after {
  content: "\0020"; 
  display: block; 
  height: 1px; 
  clear: both; 
  visibility: hidden;
  overflow:hidden; 
}
.clearfix, .container {display: block;}

/* Regular clearing
   apply to column that should drop below previous ones. */

.clear { clear:both; }

/* Use this to create a horizontal ruler across a column. */
hr {
  background: #ddd; 
  color: #ddd;
  clear: both; 
  float: none; 
  width: 100%; 
  height: .1em;
  margin: 0 0 1.45em;
  border: none; 
}

hr.space {
  background: #fff;
  color: #fff;
}

.container { margin:0 auto; position:relative; width:980px; }

.displaypic {
	display:block;
	overflow:hidden;
	text-indent:-9999px;
}

.icons { background: url(images/icons.png) no-repeat; }



/* $__ads
 * --------------------------------------------------------------------*/
 
#top_ads {
	background: url(images/top_ads_label.png) no-repeat top left;
	height: 120px;
	margin-top: 2px;
	margin-bottom: 5px;
	text-align: right;
}

#v1_ads, #google_ads {
	text-align: center;
	margin: 0 0 20px 0;
}

#v1_ads div {
	font-size: .9em;
	text-align: center;
}

#sidebar-ads {
	background:#FFF;
	position:absolute;
	right:5px;
	text-align:right;
	top:0px;
	z-index: 90;
}

.ads-btn { width:60px; }
.ads-btn h3 {
	background: url(images/sidebar_ads_label.png) no-repeat top left;
	color:#FFF;
	height: 25px;
	margin-left:-12px;
	padding:2px 3px;
}

.ads-btn ul { list-style:none; }

.ads-btn ul li {
	background:#FFF;
	display:block;
	/*height:60px;*/
	overflow:hidden;
	margin:0 0 3px 0;
}

.ads-btn ul li a { display:block; height:100%; width:100%; }



/* $__header
 * --------------------------------------------------------------------*/
 
#header { height: 85px; }

#logo {
	background: url(images/logo_tvaesul.png) no-repeat;
	height: 75px;
	left: -50px;
	position: absolute;
	top: 8px;
	width: 355px;
}

#logo a { display:block; height: 100%; }

#menu_header {
	height: 21px;
	position: absolute;
	right: 280px;
	top: 35px;
	width: 340px;
}

#menu_header li {
	display: inline-block;
	float: left;
	height: 21px;
	list-style: none;
	margin: 0 10px 0 0;
	width: auto;
}

#menu_header li a {
	background: url(images/menu_header.png) no-repeat;
	display: block;
	height: 100%;
}

#menu_header li.home a { background-position: -7px -2px; width: 42px; }
#menu_header li.home a:hover { background-position: -7px -27px; }
#menu_header li.sobre a { background-position: -59px -2px; width: 48px; }
#menu_header li.sobre a:hover { background-position: -59px -27px; }
#menu_header li.anuncie a { background-position: -117px -2px; width: 62px; }
#menu_header li.anuncie a:hover { background-position: -117px -27px; }
#menu_header li.parceiros a { background-position: -190px -2px; width: 72px; }
#menu_header li.parceiros a:hover { background-position: -190px -27px; }
#menu_header li.contato a { background-position: -274px -2px; width: 60px; }
#menu_header li.contato a:hover { background-position: -274px -27px; }

#search_header {
	background: url(images/header_search.png) no-repeat;
	float: right;
	height: 28px;
	margin: 22px 10px 0 0;
	padding: 10px;
	width: 250px;
}

#search_header input {
	background: none;
	border: 0;
	color: #CCC;
}

#search_header input[type="text"] {
	font-size: 1.65em;
	font-weight: bold;
	padding: 4px;
	width: 206px;
}

#search_header input.active { color: #666; }

#search_header .onfocus { color: #333; }

#search_header input[type="submit"] {
	float:right;
	width: 32px;
	height: 28px;
}



/* $__menu
 * --------------------------------------------------------------------*/
 
#menu {
	background: url(images/bckgrd_menu.png) no-repeat;
	height: 72px;
	margin: auto;
	position: relative;
	text-align: center;
	width: 1000px;
	z-index: 100;
}

#menu .external_tools {
	float: right;
	margin: 10px 70px 3px 0;
	text-align: right;
}

#menu .external_tools li {
	border-right: 1px solid #666;
	float: left;
	height: 14px;
	list-style: none;
	margin: 1px 0 0 10px;
}

#menu .external_tools li a {
	color: #666;
	display: block;
	height: 100%;
	padding: 0 8px 0 16px;
}

#menu .external_tools li a:hover { color: #999; text-decoration: underline; }

.icoNewsletter_12 { background-position: 0 -31px; }
.icoNewsletter_16 { background-position: 0 -103px; }
.icoTwitter_12 { background-position: 0 -1px; }
.icoTwitter_16 { background-position: 0 -59px; }
.icoRss_12 { background-position: 0 -45px; }
.icoRss_16 { background-position: 0 -81px; }
.icoOrkut_12 { background-position: 0 -16px; }

#menu_nav {
	clear:both;
	height: 36px;
}

#menu_nav ul { position: relative; }

#menu_nav ul li {
	display: inline-block;
	font-size: 1.4em;
	float: left;
	list-style: none;
}

#menu_nav ul li.label {
	color: #D5E4F7;
	font-size: 1em;
	float: left;
	padding: 11px 14px 10px 14px;
}

#menu_nav ul li a {
	background: url(images/bckgrd_menu_nav.png) no-repeat top right;
	float: left;
	color: #FFF;
	padding: 10px 35px 8px 12px;
}

#menu_nav ul li.submenu a { background-position: right -80px; }
#menu_nav ul li.submenu a:hover, #menu_nav ul li.submenu_active a { background-position: right -120px; }

#menu_nav ul li.no_submenu a. { background-position: right 0px; }
#menu_nav ul li.no_submenu a:hover  { background-position: right -40px; }

#menu_nav .submenu-div {
	background: #335885;
	display: none;
	left: 0;
	padding: 10px;
	position: absolute;
	top: 36px;
	width: 960px;
	z-index: 999;
}

#menu_nav .hidden-div-left {
	color: #FFF;
	float: left;
	font-size: 1.4em;
	width: 300px;
}

#menu_nav .hidden-div-right {
	background: #213957;
	float: right;
	width: 620px;
}

#menu_nav .hidden-div-right ul {
	background: #213957;
	float: left;
	font-size: .7em;
	list-style: none;
	padding: 10px;
	overflow: hidden;
	width: 45%;
}

#menu_nav .hidden-div-right ul li { display: block; float: none; }

#menu_nav .hidden-div-right ul li a {
	background: none;
	border-bottom: 1px solid #335885;
	color: #fff;
	display: block;
	float: none;
	margin: 0;
	padding: 5px 0;
	text-decoration: none;
}

#menu_nav .hidden-div-right ul li a:hover {
	color: #aaa;
	text-decoration: none;
}



/* $__content
 * --------------------------------------------------------------------*/

.shadow {
	background: url(images/bckgrd_shadow.png) repeat-y;
	margin: auto;
	margin-bottom: 60px;
	position: relative;
	text-align: center;
	width: 1000px;
}

.grid_540 { width: 540px; }
.grid_340 { width: 340px; }
.grid_960 { margin: 10px; }
.grid_liquid { margin: 10px; float: left; }

.error { border:0; }

.content h1,
.dialog-content h1 {
	color: #003A85;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 2.4em;
	margin: 0 10px 35px 10px;
	padding: 10px 0 0 0;
}

.content p,
.dialog-content p {
	font-size: 1.2em;
	font-weight: normal;
	margin: 0 10px 15px 10px;
}

.dialog-content p.date { color: #666; font-size: .9em; margin: -35px 10px 15px 10px; }
.dialog-content p.fonte-noticia { font-size: 1em; }

#twitter_news {
	background: url(images/bckgrd_twitter_news.jpg) no-repeat;
	height: 40px;
	margin: 0 0 0 10px;
	overflow: hidden;
	width: 875px;
}

#twitter_news h4 {
	float: left;
	height: 40px;
	width: 151px;
}

#twitter_news h4 a { height: 100%; }

#twitter_news div#twitter_timeline div {
	background: #FFE49F;
	float: right;
	font-size: 1.1em;
	height: 32px;
	margin: 2px 8px 8px 10px;
	width: 715px;
}

#twitter_news #twitter_timeline div span { font-style: italic; }

#aditional_box { float:right; margin: 8px 75px 10px 10px; }

#related_info { margin: 0 0 10px 0; }
#related_info ul#related_tabs { height: 20px; list-style: none; }
#related_info ul#related_tabs li {
	background: url(images/tabs.png) no-repeat;
	margin: 0 5px 0 0;
	float: left;
	height: 100%;
}

#related_info ul#related_tabs li a { display: block; height: 100%; width: 100%; }

#related_info ul#related_tabs li.tab_destaques { background-position: -1px -1px; width: 64px; }
#related_info ul#related_tabs li.tab_noticias { background-position: -68px -1px; width: 95px; }
#related_info ul#related_tabs li.tab_agenda { background-position: -166px -1px; width: 52px; }

#related_info ul#related_tabs li.tab_destaques a:hover,
#related_info ul#related_tabs li.tab_destaques a.active { background: url(images/tabs.png) no-repeat -1px -26px; height: 21px; }
#related_info ul#related_tabs li.tab_noticias a:hover,
#related_info ul#related_tabs li.tab_noticias a.active { background: url(images/tabs.png) no-repeat -68px -26px; height: 21px; }
#related_info ul#related_tabs li.tab_agenda a:hover,
#related_info ul#related_tabs li.tab_agenda a.active { background: url(images/tabs.png) no-repeat -166px -26px; height: 21px; }

#related_info .tab_container {
	background: #E6EFFB;
	border: 1px solid #D5E4F7;
	height: 300px;
	position: relative;
	overflow: hidden;
	width: 340px;
}

.post-search {
	margin: 8px 5px;
	float: none;
	height: 90px;
}

.post-search a { color: #003F87; width: 95%; }

.post-destaque { }
.post-destaque a {
	display: block;
	color: #003F87;
	padding: 5px 5px;
	width: 320px;
}

.post-destaque a:hover { background: #CCDEF7; }

#related_destaques .post-destaque { height: 84px; margin: 8px 0; }
#related_destaques .post-destaque a { height: 78px; padding: 8px; }

#related_noticias .post-destaque small { color: #666; }
#related_noticias .post-destaque span { color: #333; }
#related_noticias .post-destaque strong { color: #002652; }

.news-pagination {
	background: #D5E4F7;
	bottom: 0;
	left: 0;
	padding: 2px 5px;
	position: absolute;
	width: 330px;
}

.news-pagination a { color: #123658; font-size: 1.1em; }
.news-pagination span.more { font-weight: bold; }

.post-search img, .post-destaque img { float: left; margin: 0 10px 0 0; }
.post-search strong, .post-destaque strong { font-size: 1.2em; font-weight: bold; }

.post-search img { border: 1px solid #CCC; padding: 3px; }

.titulo { margin: 0 10px 35px 10px; padding: 10px 0 0 0; }
.titulo strong { font-size: 1.6em; }
.titulo span { font-size: 1.4em; }

p.summary {
	font-size: 1.2em;
	margin: 10px 10px 20px 10px;
}

#more_videos { clear: both; }

#more_videos h4 {
	background: url(images/more_videos.png) no-repeat;
	height: 47px;
	margin-left: -20px;
}

#more_videos .video_box {
	display: block;
	float: left;
	height: 215px;
	margin: 0 10px 15px 0;
	overflow: hidden;
	width: 230px;
}

#more_videos .video_box a {
	color: #003F87;
	display: block;
	height: 209px;
	padding: 8px 5px;
	text-align: center; 
	width: 220px;
}

#more_videos .video_box a:hover { background: #E6EFFB; }

#more_videos .video_box img { margin: 0 0 5px 0; }

#more_videos .video_box strong {
	font-size: 1.3em;
	font-weight: bold;
}

#more_videos .video_box span { font-size: 1.1em; }



/* $__parceiros
 * --------------------------------------------------------------------*/
.dialog-content { height: 100%; overflow: auto; }



/* $__parceiros
 * --------------------------------------------------------------------*/

#parceiros {
	clear: both;
	float: none;
	width: 978px;
}

#parceiros p, #parceiros ul li a { background: url(images/parceiros.jpg) no-repeat; }
#parceiros p { height: 24px; margin: 0 0 10px 0; }

#parceiros ul li {
	float: left;
	height: 77px;
	list-style: none;
	margin: 0 25px 0 10px;
}

#parceiros ul li a { display: block; height: 100%; width: 100%; }

#parceiros ul li a.parceiro01 { background-position: -15px -39px; width: 135px; }
#parceiros ul li a.parceiro02 { background-position: -183px -39px; width: 140px; }
#parceiros ul li a.parceiro03 { background-position: -358px -39px; width: 110px; }
#parceiros ul li a.parceiro04 { background-position: -505px -39px; width: 165px; }
#parceiros ul li a.parceiro05 { background-position: -703px -39px; width: 85px; }
#parceiros ul li a.parceiro06 { background-position: -819px -39px; width: 130px; }
 


/* $__video
 * --------------------------------------------------------------------*/
 
#video_box {
	float:left;
	margin: 8px 5px 10px 10px;
}

#video_box .player {
	background: #000;
	height: 396px;
	width: 540px;
}

#video_tools {
	margin: 10px 0 0 0;
	position: relative;
}

#video_tools ul#video_tabs {
	float: left;
	list-style: none;
	width: 73px;
}

#video_tools ul#video_tabs li {
	background: url(images/tabs.png) no-repeat;
	display: block;
	height: 102px;
	position:relative;
}

#video_tools ul#video_tabs li a { display: block; height: 100%; width: 100%; }

#video_tools ul#video_tabs li.detalhes { background-position: -1px -61px; z-index: 4; }
#video_tools ul#video_tabs li.comentarios { background-position: -1px -173px; margin-top: -20px; z-index: 3; }
#video_tools ul#video_tabs li.compartilhe { background-position: -1px -285px; margin-top: -20px; z-index: 2; }
#video_tools ul#video_tabs li.indique { background-position: -1px -397px; margin-top: -20px; z-index: 1; }

#video_tools ul#video_tabs li.detalhes a:hover,
#video_tools ul#video_tabs li.detalhes a.active { background: url(images/tabs.png) no-repeat -81px -61px; z-index: 5; }
#video_tools ul#video_tabs li.comentarios a:hover,
#video_tools ul#video_tabs li.comentarios a.active { background: url(images/tabs.png) no-repeat -81px -173px; z-index: 5; }
#video_tools ul#video_tabs li.compartilhe a:hover,
#video_tools ul#video_tabs li.compartilhe a.active { background: url(images/tabs.png) no-repeat -81px -285px; z-index: 5; }
#video_tools ul#video_tabs li.indique a:hover,
#video_tools ul#video_tabs li.indique a.active { background: url(images/tabs.png) no-repeat -81px -397px; z-index: 5; }

#video_tools .tab_container {
	background: #E6EFFB;
	border: 1px solid #007EC3;
	float: right;
	height: 490px;
	overflow: hidden;
	width: 465px;
}

#video_tools .tab_content {
	color: #003A85;
	margin: 10px;
	overflow: auto;
	height: 480px;
}

#video_tools .kicker { font-size: 1.1em; }

#video_tools .tab_content h1, 
#video_tools .tab_content h2, 
#video_tools .tab_content h3 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: normal;
}

#video_tools .tab_content h1 {
	font-size: 2.2em;
	margin: 10px 0 15px 0;
}

#video_tools .tab_content h3 { font-size: 1.8em; }
#video_tools .tab_content h3 span { font-size: .65em; }

#video_tools p.summary {
	/*font-size: 1.2em;*/
	margin: 5px 0 20px 0;
}

#video_tools .post {
	border-top: 1px solid #003F87;
	margin: 10px 0 10px 0;
	padding: 10px 0;
}

#video_tools .post p { font-size: 1.2em; margin: 5px 0 10px 0; }

#video_tools .post .number {
	color: #AAA;
	height: 35px;
	float: right;
	font-size: 1.6em;
	font-weight: bold;
	padding: 8px;
	width: 40px;
}

#enviar_comentario { height: 32px; }
#enviar_comentario a { background: url(images/btn_envie_comentario.jpg) no-repeat; display: block; height: 100%; width: 100%; }


#frmComentario input { border: 0; }
#frmComentario div { margin: 0 0 10px 0; }
#frmComentario input[type="text"], #frmComentario textarea {
	font-size: 1.65em;
	font-weight: bold;
	margin: 3px 10px 5px 0;
	padding: 4px;
	width: 95%;
}

#frmComentario textarea { height: 200px; }

#frmComentario input[type="submit"], #frmComentario input[type="button"] {
	background: url(images/buttons_form.jpg) no-repeat;
	width: 120px;
	height: 32px;
}

#frmComentario input[type="button"] { background-position: -130px 0px; }



/* $__footer
 * --------------------------------------------------------------------*/
#shadow_footer {
	bottom: -60px;
	left: 0;
	position: absolute;
}

#footer {
	background: url(images/bckgrd_footer.png) repeat-x #3B3A3A;
	clear: both;
	float: none;
	height: 241px;
	margin: 80px 0 0 0;
	padding: 12px 0 0 0;
	text-align: center;
}

#footer .columnOne,
#footer .columnTwo,
#footer .columnThree {
	color: #FFF;
	float: left;
	width: 33%;
}

#footer .columnOne ul li,
#footer .columnTwo ul li {
	list-style: none;
}

#footer .logo {
	background: url(images/logo_tvaesul_footer.jpg) no-repeat;
	height: 45px;
	width: 172px;
}

#footer a { color: #FFF; text-decoration: none; }
#footer a:hover { text-decoration: underline; }

#footer .contacts {
	font-size: 1.1em;
	margin: 5px 0 0 15px;
}

#footer .contacts strong { font-size: 1.6em; font-weight: bold; }
#footer .contacts a { font-size: 1.4em; }

#footer .columnOne ul { font-size: 1.2em;  margin: 25px 0 0 15px; }
#footer .columnOne ul li { margin: 0 0 5px 0; }

#footer .columnTwo p {
	background: url(images/titles_footer.png) no-repeat;
	height: 17px;
	margin: 15px 0 25px 0;
	width: 120px;
}

#footer .columnTwo ul li {
	margin: 8px 3px;
	padding: 2px 0 2px 22px;
}

#footer .columnThree {
	background: url(images/bckgrd_logos_footer.png) no-repeat;
	height: 210px;
}

#footer .columnThree p, #footer .columnThree a { color: #333; }

#footer .columnThree p {
	height: 60px;
	margin: 5px 25px 5px 10px;
	vertical-align: middle;
}

#footer .columnThree a { display: block; height: 100%; width: 100%; }

#footer .columnThree p span {
	background: url(images/logos_footer.jpg) no-repeat;
	float: left;
	height: 60px;
	width: 95px;
}

#footer .columnThree span.footer-aesul { background-position: 0 0px; }
#footer .columnThree span.footer-1boo { background-position: 0 -60px; }
#footer .columnThree span.footer-idesk { background-position: 0 -120px; }

#footer .footer_notes {
	clear: both;
	color: #FFF;
}

#footer div.footer_notes .credits { float: left; margin: 10px 0 0 15px; width: 40%; }
#footer div.footer_notes .w3c { float: right; margin: 10px 25px 0 0; text-align: right; width: 40%; }




/* $__addThis
 * --------------------------------------------------------------------*/
 
.addthis_toolbox .two_column {
	padding: 10px 0 10px 0px;
    width: 425px;
}

.addthis_toolbox .two_column a {
    color: #003A85;
    display: block;
    margin: 4px 0;
    padding: 4px 0 4px 34px;
    position: relative;
    text-decoration: none;
    width: 80%;
}

.addthis_toolbox .two_column a:hover {
    background: #B4D3F8;
    text-decoration: none;
}

.addthis_toolbox .two_column span {
    position: absolute;
    left: 5px;
    top: 2px;
}

.addthis_toolbox .two_column .column1,
.addthis_toolbox .two_column .column2 {
    width: 200px;
    float: left;
}

.addthis_toolbox .two_column .clear {
    clear: both;
    padding: 0;
    display: block;
    height: 0;
    width: 0;
}