/**********************************************************/
/* Copyright 2004/2008 Art MX Propaganda e Web LTDA     
/* Todo o conteúdo deste site é de uso exclusivo da Art MX
/* É proibida a reprodução não autorizada ou utilização 
/* a qualquer título, sob as penas da lei.
/**********************************************************/

/***********************************************/
/* Tags variáveis                              */
/***********************************************/ 
.cor { FONT-SIZE: 11px; COLOR: #a70400; FONT-FAMILY: Tahoma, Arial, Verdana, Helvetica, sans-serif; TEXT-DECORATION: none; }
.corbold { FONT-SIZE: 11px; COLOR: #a70400; FONT-FAMILY: Tahoma, Arial, Verdana, Helvetica, sans-serif; TEXT-DECORATION: none; FONT-WEIGHT: bold; }
A.vermelho:link {
	COLOR: #a70400; TEXT-DECORATION: none
}
A.vermelho:visited {
	COLOR: #a70400; TEXT-DECORATION: none
}
A.vermelho:active {
	COLOR: #a70400; TEXT-DECORATION: none
}
A.vermelho:hover {
	COLOR: #a70400; TEXT-DECORATION: underline
}

/***********************************************/
/* HTML tag styles                             */
/***********************************************/ 
body{
    background-color: #eceff0;
    FONT-SIZE: 10px; COLOR: #5f6b7c; 
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
	TEXT-DECORATION: none
    margin-left: 0px;
    margin-top: 10px;
    margin-right: 0px;
    margin-bottom: 10px;
}
.nobg{
    background-color: #ffffff;
    FONT-SIZE: 10px; COLOR: #5f6b7c; 
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
	TEXT-DECORATION: none
    margin-left: 0px;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
}

html{scrollbar-track-color: #eceff0; 
	scrollbar-face-color: #848d9a; 
	scrollbar-highlight-color: #eceff0; 
	scrollbar-3dlight-color: #b6bcc7; 
	scrollbar-shadow-color: #eceff0; 
	scrollbar-darkshadow-color: #b6bcc7; 
	scrollbar-arrow-color: #eceff0; 
	scrollbar-base-color: #eceff0;
}
h1 {
	FONT-SIZE: 18px; COLOR: #5f6b7c; FONT-FAMILY: Tahoma, Arial, Verdana, Helvetica, sans-serif;
	TEXT-DECORATION: none;
}

TD {
	FONT-SIZE: 11px; COLOR: #5f6b7c; FONT-FAMILY: Tahoma, Arial, Verdana, Helvetica, sans-serif;
	TEXT-DECORATION: none;
	vertical-align: top;
}

.middle {
	FONT-SIZE: 11px; COLOR: #5f6b7c; FONT-FAMILY: Tahoma, Arial, Verdana, Helvetica, sans-serif;
	TEXT-DECORATION: none;
	vertical-align: middle;
}
.bottom {
	FONT-SIZE: 11px; COLOR: #5f6b7c; FONT-FAMILY: Tahoma, Arial, Verdana, Helvetica, sans-serif;
	TEXT-DECORATION: none;
	vertical-align: bottom;
}
TH {
	FONT-SIZE: 11px; COLOR: #5f6b7c; FONT-FAMILY: Tahoma, Arial, Verdana, Helvetica, sans-serif
	TEXT-DECORATION: none;
}
DIV {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px
}
SPAN {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px
}
A:link {
	COLOR: #5f6b7c; TEXT-DECORATION: none;
}
A:visited {
	COLOR: #5f6b7c; TEXT-DECORATION: none;
}
A:active {
	COLOR: #5f6b7c5f6b7c; TEXT-DECORATION: underline
}
A:hover {
	COLOR: #5f6b7c5f6b7c; TEXT-DECORATION: underline
}
A.cinza:link {
	COLOR: #5f6b7c; TEXT-DECORATION: none
}
A.cinza:visited {
	COLOR: #5f6b7c; TEXT-DECORATION: none
}
A.cinza:active {
	COLOR: #5f6b7c; TEXT-DECORATION: none
}
A.cinza:hover {
	COLOR: #5f6b7c; TEXT-DECORATION: underline
}
LI {
	MARGIN-TOP: 0px; PADDING-LEFT: 0px; FONT-SIZE: 11px; MARGIN-BOTTOM: 5px; MARGIN-LEFT: 0px; TEXT-INDENT: 0px; LINE-HEIGHT: 15px; FONT-FAMILY: Tahoma, Verdana, Arial
}
LABEL {
	FONT-SIZE: 11px; COLOR: #5f6b7c; FONT-FAMILY: Tahoma, Arial, Verdana, Helvetica, sans-serif
}
.texto {
	MARGIN-TOP: 0px; MARGIN-BOTTOM: 10px; TEXT-INDENT: 20px; LINE-HEIGHT: 15px
}
.erros {
	MARGIN-BOTTOM: 15px
}
.erro {
	COLOR: #5f6b7c
}
.chamada {
	font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #5f6b7c5f6b7c; text-transform: uppercase;
	vertical-align: middle;
	FONT-WEIGHT: bold;
}
.titulobranco {
    font-family: Arial, Helvetica, sans-serif; font-size: 16px; color: #ffffff;
}
.titulo_vermelho {
    font-family: Arial, Helvetica, sans-serif; font-size: 16px; color: #a70400; font-weight	: bold;
}
.branco {
FONT-SIZE: 11px; COLOR: #ffffff; FONT-FAMILY: Arial, Verdana, Helvetica, sans-serif; TEXT-DECORATION: none;
}

/***********************************************/
/* Formulários                                 */
/***********************************************/
/*FORM {
	MARGIN: 0px
}
INPUT {
	BORDER-TOP-WIDTH: 1px; PADDING-LEFT: 2px; BORDER-LEFT-WIDTH: 1px; FONT-SIZE: 11px; BORDER-BOTTOM-WIDTH: 1px; COLOR: #5f6b7c; FONT-FAMILY: Tahoma, Arial, Verdana, Helvetica, sans-serif; BACKGROUND-COLOR: #ffffff; BORDER-RIGHT-WIDTH: 1px
}
SELECT {
	BORDER-TOP-WIDTH: 1px; PADDING-LEFT: 2px; BORDER-LEFT-WIDTH: 1px; FONT-SIZE: 11px; BORDER-BOTTOM-WIDTH: 1px; COLOR: #5f6b7c; FONT-FAMILY: Tahoma, Arial, Verdana, Helvetica, sans-serif; BACKGROUND-COLOR: #f9f9f9; BORDER-RIGHT-WIDTH: 1px
}
TEXTAREA {
	BORDER-TOP-WIDTH: 1px; PADDING-LEFT: 2px; BORDER-LEFT-WIDTH: 1px; FONT-SIZE: 11px; BORDER-BOTTOM-WIDTH: 1px; COLOR: #5f6b7c; FONT-FAMILY: Tahoma, Arial, Verdana, Helvetica, sans-serif; BACKGROUND-COLOR: #ffffff; BORDER-RIGHT-WIDTH: 1px
}
*/
.botao {
	BORDER-TOP-WIDTH: 0px; BACKGROUND-POSITION: center center; FONT-WEIGHT: bold; BORDER-LEFT-WIDTH: 0px; FONT-SIZE: 11px; BACKGROUND-IMAGE: url(../imagens/btn.gif); BORDER-BOTTOM-WIDTH: 0px; WIDTH: 120px; CURSOR: hand; COLOR: #5f6b7c; BACKGROUND-REPEAT: no-repeat; FONT-FAMILY: Tahoma; HEIGHT: 18px; BACKGROUND-COLOR: #ffffff; BORDER-RIGHT-WIDTH: 0px
}
.radio {
	BORDER-TOP-WIDTH: 0px; BORDER-LEFT-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; BORDER-RIGHT-WIDTH: 0px
}
.form_trans {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666666;
	background-color: #ffffff;
	border: 0px solid #669999;
	
}
.formpainel {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666666;
	background-color: #ffffff;
	border: 0px solid #669999;
	width:150px;
}
.formborda {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666666;
	background-color: #ffffff;
	border: 1px solid #afb3b8;
	width:300px;
}
.formmail {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666666;
	background-color: #ffffff;
	border: 1px solid #afb3b8;
	width:150px;
}
.formborda220 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666666;
	background-color: #ffffff;
	border: 1px solid #afb3b8;
	width:220px;
	}
.formborda420 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666666;
	background-color: #ffffff;
	border: 1px solid #afb3b8;
	width:420px;
}

/***********************************************/
/* PNGs                                        */
/***********************************************/
img {
   behavior: url("../Scripts/pngbehavior.htc");
   border:none;
}
.nobehavior {
   behavior: url("");
   border: 0px;
}
/***********************************************/
/* Opacidade nos Botões e Imagens              */
/***********************************************/
.opacity img{
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0);
-moz-opacity: 0.0;
}

.opacity:hover img{
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50);
-moz-opacity: 0.5;
}

.opacity img{
border: 0px solid #ccc;
behavior: url("");
}

.opacity2 img{
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50);
-moz-opacity: 0.5;
}

.opacity2:hover img{
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
-moz-opacity: 10;
}

.opacity2 img{
border: 0px solid #ccc;
behavior: url("");
}

.toggleborder:hover img{
border: 0px solid navy;
}

.toggleborder:hover{
color: red; /* Dummy definition to overcome IE bug */
}

.opacityinversa img{
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
-moz-opacity: 10;
}

.opacityinversa:hover img{
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=60);
-moz-opacity: 0.6;
}

.opacityinversa img{
border: 0px solid #ccc;
behavior: url("");
}

/***********************************************/
/* Layout Divs e TDs                           */
/***********************************************/
/* Notícia Destaque */
#box_media_box{
	float 		: left;
	width 		: 225px;
	height 		: 200px;
	margin		: 0px 0px 5px 0px;
}
#box_media_box_img{
	float 		: left;
	width 		: 285px;
	height 		: 160px;
	padding		: 0px 0px 0px 0px;
}
#box_media_box_texto{
	float 		: left;
	height 		: 37px;
	padding		: 3px 0px 0px 6px;
}
/* Esquerdo - Menu */
.box_menu{ 
	height		: auto;
	padding-left: 14px;
	color: #ffffff;
}
/* Boxs Backgrounds Cinzas - Central */
.divboxtop
{
    margin: 0 auto;
    border: 0px solid #ffffff;
    padding-left: 10px;
	padding-right: 6px;
	padding-bottom: 6px;
    text-align: left;
    background-color: #f2f2f2;
}
.data {
	margin: 0 auto;
    border: 0px solid #ffffff;
    padding-left: 8px;
	padding-right: 3px;
	padding-bottom: 0px;
    text-align: left;
	font-family: Tahoma, Helvetica, sans-serif; font-size: 10px; color: #ffffff;
}
.divbox
{
    margin: 0 auto;
    border: 0px solid #ffffff;
    padding-left: 10px;
	padding-right: 6px;
	padding-top: 10px;
	padding-bottom: 6px;
    text-align: left;
    background-color: #f2f2f2;
}
.divboxesquerda
{
    margin: 0 auto;
    border: 0px solid #ffffff;
    padding-left: 5px;
	padding-right: 3px;
	padding-top: 2px;
	padding-bottom: 3px;
    text-align: left;
    background-color: #f2f2f2;
}
.divboxchamada
{
    margin: 0 auto;
    border: 0px solid #ffffff;
    padding-left: 5px;
	padding-right: 3px;
	padding-top: 5px;
	padding-bottom: 0px;
    text-align: left;
    background-color: #f2f2f2;
}
.banner_canais
{
    margin: 0 auto;
    border: 0px solid #ffffff;
    padding-left: 0px;
	padding-right: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
    text-align: left;
    background-color: #f2f2f2;
	height		: 84px;
  
}


/***********************************************/
/* Botões                                      */
/***********************************************/

a.quadrado-azulado{
background: transparent url('../botoes/square-gray1-left.gif') no-repeat top left;
display: block;
float: left;
font: normal 12px Arial; /* Change 12px as desired */
line-height: 15px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 23px) */
height: 23px; /* Height of button background height */
padding-left: 9px; /* Width of left menu image */
text-decoration: none;
}

a:link.quadradoazulado, a:visited.quadrado-azulado, a:active.quadrado-azulado{
color: #494949; /*button text color*/
}

a.quadrado-azulado span{
background: transparent url('../botoes/square-gray1-right.gif') no-repeat top right;
display: block;
padding: 4px 9px 4px 0; /*Set 9px below to match value of 'padding-left' value above*/
}

a.quadrado-azulado:hover{ /* Hover state CSS */
background-position: bottom left;
}

a.quadrado-azulado:hover span{ /* Hover state CSS */
background-position: bottom right;
color: black;
}

.buttonwrapper{ /* Container you can use to surround a CSS button to clear float */
overflow: hidden; /*See: http://www.quirksmode.org/css/clearing.html */
width: 100%;
}