/* IPNlisBase stylesheet modified for Watch IT  */

body {
 width:80%;
 background  : #003466;
 font-family : Verdana, Arial, Sans-Serif;
 font-size   : 10px;
 text-align  : center;
 color       : #333;
 margin      : 0px auto;
 padding     : 0px;
 /*width: 776px;*/
}

body.mceContentBody 
{
 background  : #FFFFFF;
 text-align  : left;
}

#wrapper {
 /*position: relative;*/
 /*text-align: center;*/
 margin: 0px auto;
 width: 776px;
 /*padding-bottom:-20px;*/
 background  : #fff;

}

html>body #wrapper {
}

.hidden {
 left: -1500px;
 position: absolute;
}

#header {
 /*border: 1px solid #f00;*/
 background-color : #cccccc;
 background: url('../images/logo.jpg') no-repeat;
 font-size: 60px;
 font-family: "Trebuchet MS", Helvetica, Arial, sans-serif;
 font-weight: normal;
 text-align: left;
 color: #53565f;
 width: 776px;
 height: 90px;
}


html>body #header {
}

/* Definition for horizontal top menu */
#topnav{
 /*border: 1px solid #f00;*/
 text-align :left;
 height: 35px;
 background-color : #AFD2CE;
}

html>body #topnav {
}

#topnav ul {
 font-size  : 1em;
 margin     : 0px;
 padding    : 0px;
}

#topnav li {
 /*border       : 1px solid #f00;*/
 color        : #fff;
 text-align   : left;
 list-style   : none;
 margin       : 0px;
 padding      : 0px;
 padding-top  : 10px;
 padding-left : 0px;
 float        : left;
}

#topnav li:before 
{
 content : "";
}

#topnav li a {
 color   : #fff;
 margin  : 0px 0px 0px 50px;
 padding : 0px 0px 0px 0px;
 height  : 10px;

 vertical-align  : bottom;
 /*text-decoration : none;*/
 font-family     : "Trebuchet MS", Helvetica, Arial, sans-serif;
 font-size       : 10px;
 font-weight     : bold;
}


#topnav li a:hover, #topnav li a.linkon {
}

.search
{
 float         : right;
 margin        : 5px 0px 5px 5px;
 padding-right : 5px;
}

.path {
 /*border : 1px solid #f00;*/
 color       : #073356;
 font-size   : 10px;
 font-weight : bold;
 font-family : "Trebuchet MS", Helvetica, Arial, sans-serif;
 background-color : #F0F8FB;
 margin-right     : 0px;
 margin-left      : 0px;
 text-align       : left;
 padding          : 1px 0px 0px 0px;
 height           : 10px;
 text-indent      : 150px;
}

html>body .path {
 padding          : 3px 0px 4px 0px;
}

.path a:link, .path a:visited {
 color           : #999999;
 font-weight     : bold;
 text-decoration : none;
}

.path a:hover, .path a:active {
 color           : #fccca7;
 text-decoration : none;
}

#wrapper  #leftcol { /*Menu da esquerda*/
 /*border: 1px solid #000; */
 float: left;
 width: 145px;
 /*width: 19%;*/
 height: 100%;
 padding-top: 10px;
 background-color : #fff;
}

#wrapper #content, #wrapper #contentWide, #wrapper #contentUltraWide {
 /*border: 1px solid #000; */
 background-color : #fff;
 float : left;
 width : 51%;
 /*width: 370px;*/

 margin     : 0px 0px 0px 0px;
 padding    : 0px 5px 10px 10px;
 color      : #fff;
 text-align : left;
}

html>body #wrapper #content 
{
 width: 49%;
}

#wrapper #contentWide {
 width: 80%; 
}

html>body #wrapper #contentWide {
 width: 79%; 
}

#wrapper #contentUltraWide {
 width: 80%; 
}

#wrapper #rightcol{
 /* border: 1px solid #00f; */
 float: right;
 margin: 0px;
 padding: 10px 0px 0px 0px;
 text-align: left;
 width: 230px;
 /*width: 19%;*/
 height: 100%;
 background-color : #fff;
}

#footer {
 clear 	          : both;
 height           : 60px;
 padding-top      : 0px;
 padding-bottom   : 10px;
 background-color : #AFD2CE; /* <- específico do watchitV2 */
 text-align  : center;
 font-family : "Trebuchet MS", Helvetica, Arial, sans-serif;
 font-size   : 10px;
 font-style  : normal;
 color       : #FF6600;
}


#footer a:hover {
border-style:hidden;
text-decoration:underline;
color:#fff;
}

/**/

.spacer {
 height: 12px;
 font-family: Arial, Verdana, Helvetica, sans-serif;
 font-size: 2px;
 font-style: normal;
 background-color : #fff;
 
}

.spacer_mini {
 height: 6px;
 font-family: Arial, Verdana, Helvetica, sans-serif;
 font-size: 2px;
 font-style: normal;
}

ul {
 margin: 0px;
 padding: 0px;
 list-style: none;
 list-style-type  : none;/*square;*/
 list-style-image : none;

}

li {
 padding-left :  5px;
 padding-top  :  0px;
}

div #content .blog li:before, div #contentWide .blog li:before
{
 content : "\00BB \0020";
}

div, td, p  {
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 13px;
 color: #000;
}

a:link, a:visited {
 color: #7A7A7A;
 font-weight: normal; 
 text-decoration: none; 
}

a:hover, a:active {
 color:  #010407; 
 font-weight:  normal; 
 text-decoration:  underline; 
}

.pagenav {
 font-size: 10px;
 font-weight: bold;
 color: #404040;
}

hr {
 height : 2px;
 width  : 90%;
 color  : #ff740a;
 background-color : #ff740a;
}

hr separator {
 height : 2px;
 width  : 40%;
}

a.mainlevel:link, a.mainlevel:visited {
 display : block;
 background : #000000 url('../images/bg_menu.png') ;
 background-position: 0px 0px;

 height  : 38px;
 padding : 6px 0px 4px 4px;
 color   : #003366;
 text-align      : left;
 font-size       : 10pt;
 font-weight     : bold;
 text-decoration : none;
 font-family : Arial, Helvetica, sans-serif;
}

html>body a.mainlevel:link, html>body a.mainlevel:visited /* escondido do IE */
{
 height : 28px; /* para resolver o eterno problema do padding */
}

a.mainlevel:hover {
 background-position : 0px -38px;
 background-color    : #282828
 text-decoration     : none;
 font-weight         : bold;
 color               : #ffffff;
}

a.mainlevel#active_menu {
 background-position: 0px -76px;
}

a.mainlevel#active_menu:hover {
 color: #003366;
}

table.contentpaneopen td span.small, .modifydate, .createdate
{
 font-size: 0.8em;
}

.modifydate 
{
 font-style: italic;
 text-align: right;
}


.readon {
 font-size: 11px;
 color: #586b40;
 padding-bottom: 5px;
 text-decoration: none;
 white-space: nowrap;
}

.readon:hover {
 color: #000;
 text-decoration: none;
/* background-image: url(../images/animarrow.gif);*/
/* background-repeat: repeat-x;*/
/* background-position: 100% 100%;*/
}

.contentpane {
 padding: 10px 0px 0px 0px;
 background-color: #fff;

}

.contentpaneopen {
 font-size: 10px;
}

.contentheading {
 font-family : "Trebuchet MS", Helvetica, Arial, sans-serif;
 font-weight : bold;
 font-size   : 1.5em;
 color       : #FA9300;
 /*background-color : #eee;*/
}

.category {
 font-size: 13px;
 font-weight: bold;
}

a.category:link, a.category:visited {
 color:  #9A9A9A; 
}

a.category:hover, a.category:active {
 font-weight:bold;
 color: #003466;
}

.componentheading {
 color:#FA9300;
 font-size: 0.9em;
 font-weight: bold;
}

/** Section styles
*/

.sectiontableheader {
 font-size:  12px; 
 font-weight:  bold; 
 }

.sectiontableentry1 {
 background-color:  #EEEEEE; 
 }

.sectiontableentry2 {
 background-color:  #fff; 
 }

/** Buttons, tabs and input box
*/

.button {
 font-family : "Trebuchet MS", Helvetica, Arial, sans-serif;
 font-size   :  12px;
 font-weight :  bold; 
 text-align  :  center; 

 border           : 1px solid #000;
 margin           : 5px;
 padding          : 0px 0px 0px 0px; 
 background-color : #FA9300;
}

html>body .button
{
 padding          : 2px 3px 2px 3px; 
}

.inputbox .inputbox_login{
 text-align  : left;
 font-size   : 9px; 
 font-weight : normal; 
 padding     : 1px; 
}

.jflanguageselection
{
 width: 205px;
}
.ontab {
 font-size:  10px; 
 background-color:  #FF9900; 
 border-width:  1px; 
 border-style:  solid; 
 border-color:  #000000; 
 }

.offtab {
 font-size:  10px; 
 background-color:  #FFCC66; 
 /*border-width:  1px; */
 border-style:  solid; 
 border-color:  #000000; 
 }

/*========================================== tabelas de modulos =========*/
table.moduletable, table.moduletable_menu {
 width   : 96%;
 border  : 1px solid #003466; 
 padding : 0px;
 margin-top    : 0px;
 margin-bottom : 14px;
 margin-right  : 0px;
 margin-left   : 5px;
 text-align    : left;
 color         : #000000;
 background-color: #003466;
}


table.moduletable td, table.moduletable_menu td  {
 background-color : #eee; 
 padding : 5px 5px 5px 5px;
}

table.moduletable_menu td {
 background-color : #eee;
 line-height : 13px;
 padding : 0px 0px 0px 0px;
}


table.moduletable th, table.moduletable_menu th  {
 color: #fff;
 font-family: Verdana, Arial, Sans-Serif;
 font-size: 10px;
 font-weight: bold;
 text-align: left;
 padding: 5px 0px 5px 4px;
 text-transform: uppercase;
}


#top table.moduletable /* Para módulos colocados na posição "Top" */
{
  margin: 0px;
  margin-top : 10px;
  margin-bottom : 10px;
  width: 100%;
}

table.moduletable_trans {
 width   : 96%;
 border  : 0px solid #003466; 
 padding : 0px;
 margin-top    : 0px;
 margin-bottom : 0px;
 margin-right  : 0px;
 margin-left   : 5px;
}

table.moduletable_trans td {
 padding : 0px;
}

table.moduletable_trans .moduletable {
 width : 100%;
 margin-left   : 0px;
 margin-bottom : 34px;
}

table.mod_login_menu {
 text-align    : left;
 /*background    : #cee94e;*/
 /*background    : #111111;*/
 margin : 5px 2px 2px 2px;
 margin-bottom : 10px;
}

table.mod_login_menu td {
 padding     : 0px 0px 0px 4px;
 font-size   : 1em;
 font-family : Verdana, Arial, Sans-Serif;
 font-size   : 12px;
}

table.mod_login_menu td input.inputbox {
 margin-top    : 2px;
 margin-bottom : 10px;
 width : 110px;
}

table.mod_login_menu input {
 margin-bottom : 5px;
}


#mod_login_remember
{
 margin-top    : 4px;
 margin-bottom : 2px;
 width : 14px;
}

.button_login_menu {
 margin : 5px 6px 6px 0px;
 float  : right;
}

.small {
}

/** Definições para módulo transnacional **/
table.moduletable .contentpane {
 background    : #eee;
 padding       : 0px 0px 0px 0px;
 margin        : 0px;
 margin-bottom : 0px;
 text-align    : left;
 width         : 100%;
}

table.moduletable .contentheading {
 margin     : 0px 0px 0px 0px;
 background : #666666;
 
 color      : #fff;
 font-size  : 14px;
 font-family: "Trebuchet MS", Helvetica, Arial, sans-serif;
}

table.moduletable .contentheading a {
 font-weight : bold;
 display     : block;
 padding     : 5px 0px 1px 2px;
 color       : #fff;
}

table.moduletable .contentpane td {
 padding : 0px 0px 3px 2px;
}

table.moduletable .contentpane ul {
 margin  : 0px;
 padding : 0px;
 list-style-type     : disc;
 list-style-image    : url('../images/bullet.gif');
 list-style-position : inside;
}

html>body table.moduletable .contentpane ul {
 list-style-type     : none;
 list-style-image    : none;
}

table.moduletable .contentpane li {
 padding-left   :  1px;
 padding-bottom :  5px;
 font-size      : .8em;
}

html>body table.moduletable .contentpane li:before 
{
 color       : #666;
 content     : "\00BB";
 font-weight : bold;
}
/***********************************************************/

.smalldark {
 font-size:  9px; 
 color:  #568b40; 
 font-weight:  bold; 
}

table.contact {
 border-width:  1px; 
 border-style:  solid; 
 border-color:  #568b40; 
 background-color:  #ffffff; 
}

table.contact td.icons {
}

.topo {
 background-color:  #ffffff; 
}

table.contact td.details {
 font-size:  11px; 
 font-weight:  bold; 
}

div.left_shadow {
  width: 17px;
  background: url(../images/bus_shadow_l.png) repeat-y;
}

.contentpane form table table .inputbox
{
   width: 43px;
}

/*================ definiçao das imagens das margens*/

.esq {
width  : 20px;
height : 100%;
padding-left :17px;
background : url(../images/bus_shadow_l.png)  0  repeat-y;
}

.dto {
width  : 20px;
height : 100%;
padding-right: 17px;
background : url(../images/bus_shadow_r.png) 100% repeat-y;
}

html>body .dto {
padding-right : 773px;
}