/* --------------------------------------------------------------
 * Filename:	basic.css
 * Description:	Regras das estruturas básicas do site.
 * Version:		1.0.0 (2011-07-23) YYYY-MM-DD
 * Website:		http://www.tvaesul.com.br/
 * Author:		Luiz R. Junior – iDesk Informática
 *
 * == STRUCTURE =================================================
 * 
 * Page width:  992px  static, horizontal centralized
 *
 * $__globals		Definicoes de estilos a elementos globais
 * $__grid_system	Definições do sistema de grid
 * $__content		Definições dos elementos do conteúdo 
 * -------------------------------------------------------------- */
 
/* $__globals
 * --------------------------------------------------------------------*/
 
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;
	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; }

body {
	background: url(images/bckgrd.png) repeat-y top center;
	color: #333;
	/*font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;*/
	font-family: Arial, Helvetica, sans-serif;
	min-width: 992px;
	font-size: 62.5%;
	text-align: center;
}



/* $__grid_system
 * --------------------------------------------------------------------*/
.container_16 {
	margin-left: auto;
	margin-right: auto;
	width: 992px;
	text-align: left;
}

/* Grid >> Global
----------------------------------------------------------------------------------------------------*/
.grid_0 { display:inline; float: left; position: relative; }
.grid_1, .grid_2, .grid_3, .grid_4, .grid_5, .grid_6, .grid_7, .grid_8,
.grid_9, .grid_10, .grid_11, .grid_12, .grid_13, .grid_14, .grid_15, .grid_16 {
	display:inline;
	float: left;
	position: relative;
	margin-left: 10px;
	margin-right: 10px;
}

.push_1, .pull_1,
.push_2, .pull_2,
.push_3, .pull_3,
.push_4, .pull_4,
.push_5, .pull_5,
.push_6, .pull_6,
.push_7, .pull_7,
.push_8, .pull_8,
.push_9, .pull_9,
.push_10, .pull_10,
.push_11, .pull_11,
.push_12, .pull_12,
.push_13, .pull_13,
.push_14, .pull_14,
.push_15, .pull_15,
.push_16, .pull_16 { position:relative; }


/* Grid >> Children (Alpha ~ First, Omega ~ Last)
----------------------------------------------------------------------------------------------------*/
.alpha { margin-left: 0; }
.omega { margin-right: 0; }

/* Grid >> 16 Columns
----------------------------------------------------------------------------------------------------*/
.container_16 .grid_0 { width:992px; }
.container_16 .grid_1 { width:42px; }
.container_16 .grid_2 { width:104px; }
.container_16 .grid_3 { width:166px; }
.container_16 .grid_4 { width:228px; }
.container_16 .grid_5 { width:290px; }
.container_16 .grid_6 { width:352px; }
.container_16 .grid_7 { width:414px; }
.container_16 .grid_8 { width:476px; }
.container_16 .grid_9 { width:538px; }
.container_16 .grid_10 { width:600px; }
.container_16 .grid_11 { width:662px; }
.container_16 .grid_12 { width:724px; }
.container_16 .grid_13 { width:786px; }
.container_16 .grid_14 { width:848px; }
.container_16 .grid_15 { width:910px; }
.container_16 .grid_16 { width:972px; }

/* Prefix Extra Space >> 16 Columns
----------------------------------------------------------------------------------------------------*/
.container_16 .prefix_1 { padding-left:62px; }
.container_16 .prefix_2 { padding-left:124px; }
.container_16 .prefix_3 { padding-left:186px; }
.container_16 .prefix_4 { padding-left:248px; }
.container_16 .prefix_5 { padding-left:310px; }
.container_16 .prefix_6 { padding-left:372px; }
.container_16 .prefix_7 { padding-left:434px; }
.container_16 .prefix_8 { padding-left:496px; }
.container_16 .prefix_9 { padding-left:558px; }
.container_16 .prefix_10 { padding-left:620px; }
.container_16 .prefix_11 { padding-left:682px; }
.container_16 .prefix_12 { padding-left:744px; }
.container_16 .prefix_13 { padding-left:806px; }
.container_16 .prefix_14 { padding-left:868px; }
.container_16 .prefix_15 { padding-left:930px; }

/* Suffix Extra Space >> 16 Columns
----------------------------------------------------------------------------------------------------*/
.container_16 .suffix_1 { padding-right:62px; }
.container_16 .suffix_2 { padding-right:124px; }
.container_16 .suffix_3 { padding-right:186px; }
.container_16 .suffix_4 { padding-right:248px; }
.container_16 .suffix_5 { padding-right:310px; }
.container_16 .suffix_6 { padding-right:372px; }
.container_16 .suffix_7 { padding-right:434px; }
.container_16 .suffix_8 { padding-right:496px; }
.container_16 .suffix_9 { padding-right:558px; }
.container_16 .suffix_10 { padding-right:620px; }
.container_16 .suffix_11 { padding-right:682px; }
.container_16 .suffix_12 { padding-right:744px; }
.container_16 .suffix_13 { padding-right:806px; }
.container_16 .suffix_14 { padding-right:868px; }
.container_16 .suffix_15 { padding-right:930px; }

/* Push Space >> 16 Columns
----------------------------------------------------------------------------------------------------*/
.container_16 .push_1 { left:62px; }
.container_16 .push_2 { left:124px; }
.container_16 .push_3 { left:186px; }
.container_16 .push_4 { left:248px; }
.container_16 .push_5 { left:310px; }
.container_16 .push_6 { left:372px; }
.container_16 .push_7 { left:434px; }
.container_16 .push_8 { left:496px; }
.container_16 .push_9 { left:558px; }
.container_16 .push_10 { left:620px; }
.container_16 .push_11 { left:682px; }
.container_16 .push_12 { left:744px; }
.container_16 .push_13 { left:806px; }
.container_16 .push_14 { left:868px; }
.container_16 .push_15 { left:930px; }

/* Pull Space >> 16 Columns
----------------------------------------------------------------------------------------------------*/
.container_16 .pull_1 { left:-62px; }
.container_16 .pull_2 { left:-124px; }
.container_16 .pull_3 { left:-186px; }
.container_16 .pull_4 { left:-248px; }
.container_16 .pull_5 { left:-310px; }
.container_16 .pull_6 { left:-372px; }
.container_16 .pull_7 { left:-434px; }
.container_16 .pull_8 { left:-496px; }
.container_16 .pull_9 { left:-558px; }
.container_16 .pull_10 { left:-620px; }
.container_16 .pull_11 { left:-682px; }
.container_16 .pull_12 { left:-744px; }
.container_16 .pull_13 { left:-806px; }
.container_16 .pull_14 { left:-868px; }
.container_16 .pull_15 { left:-930px; }

/* `Clear Floated Elements
----------------------------------------------------------------------------------------------------*/
/* http://sonspring.com/journal/clearing-floats */
.clear {
  clear: both;
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0;
}

/* http://www.yuiblog.com/blog/2010/09/27/clearfix-reloaded-overflowhidden-demystified */
.clearfix:before,
.clearfix:after {
  content: '\0020';
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0;
}

.clearfix:after { clear: both; }

/*
  The following zoom:1 rule is specifically for IE6 + IE7.
  Move to separate stylesheet if invalid CSS is a problem.
*/
.clearfix { zoom: 1; }

.vga-font {}



/* $__header
 * --------------------------------------------------------------------*/
#header {
	background: url(images/header_bckgrd.png) repeat-x #FFF;
	height: 97px;
	position: relative;
}

#header .brand {
	background: url(images/sprites.png) no-repeat;
	background-position: 0 -5px;
	float: left;
	height: 89px;
	margin: 10px 0 0 -10px;
	padding: 0;
	width: 330px;
}

#header .brand a { display: block; height: 100%; width: 100%; }


#search-top {
	background: #666;
	position: relative;
	/*right: 10px;
	top: 10px;*/
	float: right;
	margin: 8px 10px 0 0;
	width: 300px;
}

#search-top #ajaxSearch_input {
	background: url(images/sprites.png) no-repeat;
	background-position: -693px -5px;
	border: 0;
	color: #999;
	font-size: 1.4em;
	height: 32px;
	left: 0;
	padding: 0 10px;
	position: absolute;
	top: 0;
	width: 240px;
}

#search-top #ajaxSearch_submit {
	background: url(images/sprites.png) no-repeat;
	background-position: -953px -5px;
	position:absolute;
	right: 0;
	top: 0;
	border:0;
	width: 40px;
	height: 32px;
}

#search-top fieldset { border:0; }



/* $__menu
 * --------------------------------------------------------------------*/
#main-menu {
	height: 45px;
	left: 325px;
	position: absolute;
	top: 49px;
	width: 665px;
	text-align: left;
	z-index: 99;
}

#main-menu ul { margin: 0; padding: 0; }
#main-menu ul li {
	display:block;
	float: left;
	height: 45px;
	list-style: none;
	margin: 0;
}

#main-menu li a.link {
	background: url(images/sprites.png) no-repeat;
	display: block;
	height: 100%;
	overflow: hidden;
	text-indent: -9999px;
	width: 100%;
}

#main-menu li.mnu01 a.link { background-position: -335px -44px; width: 60px; }
#main-menu li.mnu02 a.link { background-position: -395px -44px; width: 107px; }
#main-menu li.mnu03 a.link { background-position: -502px -44px; width: 78px; }
#main-menu li.mnu04 a.link { background-position: -580px -44px; width: 85px; }
#main-menu li.mnu05 a.link { background-position: -665px -44px; width: 85px; }
#main-menu li.mnu06 a.link { background-position: -750px -44px; width: 74px; }
#main-menu li.mnu07 a.link { background-position: -824px -44px; width: 96px; }
#main-menu li.mnu08 a.link { background-position: -920px -44px; width: 70px; }

#main-menu li.mnu01 a.link:hover,
#main-menu li.mnu01 a.link_active { background-position: -335px -94px; }
#main-menu li.mnu02 a.link:hover,
#main-menu li.mnu02 a.link_active { background-position: -395px -94px; }
#main-menu li.mnu03 a.link:hover,
#main-menu li.mnu03 a.link_active { background-position: -502px -94px; }
#main-menu li.mnu04 a.link:hover,
#main-menu li.mnu04 a.link_active { background-position: -580px -94px; }
#main-menu li.mnu05 a.link:hover,
#main-menu li.mnu05 a.link_active { background-position: -665px -94px; }
#main-menu li.mnu06 a.link:hover,
#main-menu li.mnu06 a.link_active { background-position: -750px -94px; }
#main-menu li.mnu07 a.link:hover,
#main-menu li.mnu07 a.link_active { background-position: -824px -94px; }
#main-menu li.mnu08 a.link:hover,
#main-menu li.mnu08 a.link_active { background-position: -920px -94px; }

#main-menu .submenu {
	border: 3px solid #202F42;
	background: #fff;
	display: none;
	padding: 10px;
	position: absolute;
	top: 45px;
	z-index: 999;
}

#main-menu li.mnu02 .submenu,
#main-menu li.mnu05 .submenu,
#main-menu li.mnu06 .submenu { left: 50px; width: 560px; }

#main-menu li.mnu03 .submenu,
#main-menu li.mnu04 .submenu { background: url(images/bckgrd_submenu.png) repeat-y; padding: 0; left: 60px; width: 560px; }

/* Menu simples - 2 colunas */
.menu-simple-list-2-column li {
	height: 42px;
	line-height: 42px;
	margin: 0 5px 5px 0;
	width: 272px;
}

.menu-simple-list-2-column li:hover { background: #f8f8f8; }

.menu-simple-list-2-column li a { display: block; height: 100%; width: 100%; }
.menu-simple-list-2-column li a { font-size: 1.25em; color: #333; text-decoration: none; font-weight: normal; }
.menu-simple-list-2-column li img { float: left; margin-right: 10px; }

/* Menu noticias */
.menu-categorias {
	float: left;
	width: 185px;
}

#main-menu .menu-categorias ul { margin: 8px; }
#main-menu .menu-categorias li {
	border-bottom: 1px dotted #ccc;
	float: none;
	height: auto;
	font-size: 1.25em;
}

#main-menu .menu-categorias li a {
	color: #555;
	display: block;
	padding: 3px 5px;
}

#main-menu .menu-categorias li a:hover { text-decoration: none; }

.menu-videos,
.menu-noticias {
	background: #f8f8f8;
	border-left: 2px solid #dfdfdf;
	float: right;
	width: 370px;
}

.menu-videos p.title,
.menu-noticias p.title {
	color: #999;
	font-size: 1.25em;
	font-weight: bold;
}

#main-menu .menu-videos ul,
#main-menu .menu-noticias ul { margin: 10px; }
#main-menu .menu-videos li,
#main-menu .menu-noticias li {
	float: none;
	height: 50px;
	margin-bottom: 10px;
}

#main-menu .menu-videos li a,
#main-menu .menu-noticias li a {
	color: #333;
	display: block;
	height: 100%;
	width: 100%;
}

#main-menu .menu-videos li a:hover,
#main-menu .menu-noticias li a:hover { text-decoration: none; }
#main-menu .menu-videos li strong,
#main-menu .menu-noticias li strong{ font-size: 1.25em; }
#main-menu .menu-videos li span { font-weight: normal; }
.menu-videos li img,
.menu-noticias li img{ float: left; margin-right: 15px; }

/* Menu simples - 2 colunas */
#main-menu .menu-simple-list { margin: 10px 12px; }
#main-menu .menu-simple-list li {
	float: none;
	height: 72px;
	margin-bottom: 10px;
	border-bottom: 1px solid #ccc;
}

.menu-simple-list li:hover { background: #f8f8f8; }

.menu-simple-list li strong { font-size: 1.25em; }
.menu-simple-list li span { font-style: italic; }
.menu-simple-list li a { display: block; height: 100%; width: 100%; }
.menu-simple-list li a { font-size: 1.25em; color: #333; text-decoration: none; font-weight: normal; }
.menu-simple-list li img { float: left; margin-right: 10px; }


 

/* $__ads
 * --------------------------------------------------------------------*/
#header .ads {
	position: absolute;
	top: 8px;
	right: 320px;
}

.micro_bar {
	height: 31px;
	width: 88px;
}

#ads-h1 {}
#ads-h1 .tag { float: left; margin-left: 5px; }
#ads-h1 .banner { width: 960px; float: left; }
#ads-v1 p { color: #888; margin: 0; padding: 2px; text-align: center; letter-spacing: .8em; } 
.full_banner { text-align: center; margin: 0 0 15px 0; padding-top: 5px; }
.teaser_aesul { margin-bottom: 20px; }

#sidebar-ads {
	background: url(images/bckgrd_ads_sidebar.png) repeat-y;
	padding: 0 0 10px 10px;
	position: absolute;
	right: 5px;
	text-align: right;
	top: 0;
	z-index: 90;
}

.ads-btn { width:60px; position: relative; }
.content .ads-btn h3 {
	height: 15px;
	font-size: 1em;
	letter-spacing: .1em;
	margin: 3px 0;
	padding: 0;
	text-align: left;
}
.ads-btn .banner { display:block; /*height:60px;*/ overflow:hidden; margin: 5px 0; }
.ads-btn .banner a { display:block; height:100%; width:100%; }
#sidebar-ads_border-bottom {
	display: block;
	position: absolute;
	bottom: 0;
	left: 0;
	overflow:hidden;
	width: 70px;
} 
 
/* $__content
 * --------------------------------------------------------------------*/

#page_content { background: #FFF; }
.content { position: relative; }

/* ====== Default spacing ====== */
h1, h2, h3, h4, h5, h6, ul, ol,dl, p,blockquote { padding:10px; }
h1, h2, h3, h4, h5, h6,img { padding-bottom:0px; }
pre { margin: 10px; }

/* ====== Elements ====== */
img { display:block; }
em { font-style: italic; }
strong { font-weight:bold; }
hr { border: 5px solid #e2e2e2; border-width: 0 0 5px 0; margin: 20px 10px 10px 10px; }
code { color:#0B8C8F; }

/* ====== Headings ====== */
/* .h1-.h6 classes should be used to maintain the semantically appropriate heading levels - NOT for use on non-headings */
.content h1, .h1{ font-size: 2em;   font-weight: normal; font-style: normal; color: #333; }
.content h2, .h2{ font-size: 1.8em; font-weight: normal; font-style: normal; color: #333; }
.content h3, .h3{ font-size: 1.6em; font-weight: normal; font-style: normal; color: #333; }
.content h4, .h4{ font-size: 1.4em; font-weight: normal; font-style: normal; color: #333; }
.content h5, .h5{ font-size: 1.3em; font-weight: bold;   font-style: normal; color: #333; }
.content h6, .h6{ font-size: 1.2em; font-weight: normal; font-style: italic; color: #333; }

/* links */
a { color: #036; font-weight: bold; text-decoration: none }
a:focus, a:hover { text-decoration: underline }
a:visited { color:#005a9c; }

/* ====== Lists ======*/
/* numbered list */
.content ol li{list-style-type: decimal; margin-left:40px;}
/* standard list */
.content ul li{list-style-type:disc; margin-left:40px;}

/* ====== blockquote ====== */
.content cite{display:block; text-align:right; padding-top: 10px;}

/* ====== media ====== */
.displaypic {
	display: block;
	overflow: hidden;
	text-indent: -9999px;
}

#page-header {
	background: #ff9900;
	height: 60px;
	text-align: left;
}

#page-header .ico-header { float: left; width: 90px; margin-right: 15px; }
#page-header p { color: #FFF; font-size: 3.2em; padding: 14px 0; }
#page-header img { float: left; margin-right: 15px; }

/** POST **/
.post{ }
.post a { color: #F90; }
.post-info { padding: 0 10px; font-size: 1.1em; }
.post-author { font-size: 1.2em; }

.post h1, .h1{ font-size: 2.4em; font-weight: normal; font-style: normal; color: #333; padding-top: 8px; }
.post h2, .h2{ font-size: 1.8em; font-weight: normal; font-style: normal; color: #333; }
.post h3, .h3{ font-size: 1.6em; font-weight: normal; font-style: normal; color: #333; }
.post h4, .h4{ font-size: 1.4em; font-weight: normal; font-style: normal; color: #333; }
.post h5, .h5{ font-size: 1.3em; font-weight: bold;   font-style: normal; color: #333; }
.post h6, .h6{ font-size: 1.2em; font-weight: normal; font-style: italic; color: #333; }

.post-content { margin-top: 20px; } 
.post-content p { font-size: 1.25em; color: #555; line-height: 1.45em; }
.post-partner { margin: 15px 10px; }
.post-partner strong { font-size: 1.2em; }

.post-item {
	border-bottom: 1px dashed #CCC;
	margin: 10px;
	padding-bottom: 10px;
}

.post-photo { float: left; width: 143px; overflow:hidden; }
.post-item-info p {
	color: #444;
	margin: 0;
	padding: 0;
}
.post-item-info p a { color: #555; }
.post-item-info p strong { font-size: 1.4em; color: #F97F02; }


/* $__ditto
 * --------------------------------------------------------------------*/
.ditto_pages { font-size: 1.2em; margin: 15px 10px; }

span.ditto_currentpage,
a.ditto_page,
a.ditto_previous_link, 
a.ditto_next_link {
	background: #F4F4F4;
	border: 1px solid #E5E5E5;
	color: #999;
	display: inline-block;
	font-weight: normal;
	margin-right: 2px;
	padding: 3px 5px;
}

span.ditto_currentpage { background: #FFF; color: #333; font-weight: bold; }


/* $__search
 * --------------------------------------------------------------------*/
#ajaxSearch_form-internal { margin: 15px 10px 5px 10px; padding: 0; }

#ajaxSearch_form-internal fieldset { border: 1px solid #DDD; position: relative }
#ajaxSearch_input-internal {
	border: none;
	color: #555;
	font-size: 1.6em;
	padding: 5px 3px;
	width: 400px;
}

#ajaxSearch_submit-internal {
	border: none;
	background: #369;
	color: #FFF;
	font-size: 1.4em;
	padding: 6px 10px;
	position: absolute;
	top: 1px;
	right: 0;
}

p.ajaxSearch_resultsInfos { font-size: 1.2em; margin: 5px 10px; padding: 0; }
.ajaxSearch_highlight { background: #FFFFAA; }
.ajaxSearch_grpResultName { font-size: 1.2em; margin: 15px 10px 5px 10px; }
.ajaxSearch_paging { display: block; margin: 10px 10px 25px 10px; font-size: 1.2em; }
.ajaxSearch_result { font-size: 1.2em; margin: 15px 10px; }
.ajaxSearch_result a { font-size: 1.2em; color: #036; }
.ajaxSearch_resultExtract p { margin: 0; padding: 5px 0; }


/* $__player
 * --------------------------------------------------------------------*/
#playerTV {
	height: 420px;
	position: relative;
	margin-bottom: 15px;
}

#playerTV .player {
	top: -30px; left: 0;
	position: absolute;
	margin: 45px 0 0 25px;
	z-index: 40;
}

#playerTV .ads {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
}



/* $__footer
 * --------------------------------------------------------------------*/
#footer {}

#footer .parceiros {
	background: #f4f4f4;
	text-align: left;
}

#footer .resume-links { background: #202f42; }
#footer .footer-notes { background: #131d28; }
#footer .footer-notes div { color: #FFF; padding: 10px 5px; }