/*HTML TAGS*/

html { margin: 0; padding: 0; }
body
{
    height: 100%;
	margin:0;
	padding:0;
    scrollbar-arrow-color:#FFFFFF;
    scrollbar-3dlight-color:#FFFFFF;
    scrollbar-highlight-color:#FFFFFF;
    scrollbar-face-color:#5C96C4;
    scrollbar-shadow-color:#FFFFFF;
    scrollbar-darkshadow-color:#FFFFFF;
    scrollbar-track-color:#FFFFFF;
}
.fundo {
    background-color: #D9E0F3;
    background-image: url('images/fundobrowser.png');    
}

a
{
	color:#000000;
	text-decoration:none;
}
/*CLASSES*/
.font {font-family:Trebuchet,verdana,arial,helvetica,sans;}
.font.pico {font-size:8px;}
.font.nano {font-size:7pt;}
.font.small {font-size:8pt;}
.font.normal {font-size:9pt;}
.font.large {font-size:12pt;}
.font.big {font-size:15pt;}
.font.huge {font-size:19pt;}
.font.bold {font-weight:bold;}
.font.italic {font-style:italic;}
.font.justify {text-align:justify;}



.center {margin-left:auto; margin-right:auto;}
.center_v {margin-top:auto; margin-bottom:auto;}
.right {margin-left:auto; margin-right:0;}
.left {margin-left:0; margin-right:auto;}
.textright {text-align:right;}
.textleft {text-align:left;}
.textcenter {text-align:center;}
.textjustify {text-align:justify;}
.fright {float:right;}
.fleft {float:left;}
.vtop {vertical-align:top}
.vmiddle {vertical-align:middle}
.vbottom {vertical-align:bottom}
.nowrap {white-space:nowrap}
.none {text-decoration:none;}
.link{
	text-decoration:none;
	cursor: pointer;
}
.inline {display:inline;}

.mainitems{
	margin-top:80px;
	left:268px;
	border-right:1px solid #fcea54;
	background-color: #008ed2;
}

.selected_link{
	background-color: #005f8c;
}
.mainitems:hover{
	background-color: #005f8c;
}

.mainitems a{
	display:block;
	padding-top:5px;
	padding-bottom:6px;
	padding-left:4px;
	padding-right:4px;
	text-decoration: none;
	font-family:tahoma;
	font-size:8pt;
	color:#ffffff;
}

.subuls{
	display: none;
	position: absolute;
	left:0;
	top:24px;
	background-color: #008ed2;
}

.subuls li{
	width:100%;
}
.subuls li:hover{
	
}
.subuls li a{
	color:#ffffff;
}
.subuls li a:hover{
	
	color:#005f8c;
}
/*CONTENTS*/


#cssdropdown li:hover ul, li.over ul{ 
	display: block;
}
#cssdropdown, #cssdropdown ul {
	padding: 0;
	margin: 0;
	list-style: none;
}

#cssdropdown li {
	float: left;
	position: relative;
}
#space{
	clear:both;
	height:5px;
	width:732px;
}
#text_area{
	clear:both;
	overflow:auto;
	margin-left:267px;
	width:732px;
	height:450px;
}
#title_text{
	padding-top:10px;
	color:#008ed2;
}

#content_text{
	padding-left:10px;
	padding-right:10px;
	padding-bottom:10px;
}

#siteDiv {
    width: 823px;
    height: 635px;
    background-color: #FFFFFF;
    background-image: url('images/fundo1.jpg');
    border: solid 1px #BDBEC6;
}

#tableDiv {
    width: 823px;
    height: 635px;
    margin: 0;
    padding: 0;
    border-collapse: collapse;
}

#menuTable {
    width: 100%;
    margin: 0;
    padding: 0;
    border-collapse: collapse;
    vertical-align: top;
}

#ifcontent
{
    
}

.menuTrLinha{
    background-image: url('images/cor_traco_bot.png');
    height: 2px;
}

.menuTr{
    background-image: url('images/cor_bot_inact.png');
    height: 20px;
    color: #3F77AC;
    font-weight: bold;
    font-family: verdana;
    font-size: 10px;
}

.menuTrSelected {
    background-image: url('images/cor_bot_activ.png');
    height: 20px;
    color: #FFFFFF;
    font-weight: bold;
    font-family: verdana;
    font-size: 10px;    
}

.menuPadding { padding-left: 15px;}

.menuFirstTd { width: 3px; }

.submenuTr{
    background-image: url('images/cor_bot_submenu.png');
    height: 18px;
    color: #FFFFFF;
    font-weight: bold;
    font-family: verdana;
    font-size: 9px;
}

.submenuPadding { padding-left: 10px;}
.submenuLine { height: 1px; background-image: url('images/separador_sub.png'); padding: 0; margin: 0;}

.titles {
    color: #0061AD;
    font-family:verdana,arial,helvetica,trebuchet,sans;
    font-weight: bold;
    font-size: 14px;
}
.contentOver{
    overflow: auto;
    overflow-x: hidden;
    height: 330px;
}

.col3 { width: 60px;}
.col3_foto { width: 115px;}

.col5 { width: 535px;}
.col5_foto { width: 480px;}

.ifcontent { width: 530px; height: 375px; }
.ifcontent_foto { width: 475px; height: 375px; }
/* Responsive fallback for legacy layout */
@media (max-width: 900px) {
  #siteDiv,
  #tableDiv,
  #menuTable,
  #text_area {
    width: 100% !important;
  }

  #siteDiv,
  #tableDiv {
    height: auto !important;
    min-height: 0;
    box-sizing: border-box;
  }

  #text_area {
    margin-left: 0;
    height: auto;
    max-height: none;
  }

  .mainitems {
    margin-top: 0;
    left: 0;
    border-right: none;
  }
}