* { margin: 0; padding: 0;}

body {
color: #8f715d;
background: #372821;
background-image:  url(../img/bg.gif);
font-family: arial, helvetica, sans-serif;
font-size: 10px;
SCROLLBAR-FACE-COLOR: #453123;
SCROLLBAR-HIGHLIGHT-COLOR: #8f715d;
SCROLLBAR-SHADOW-COLOR: #453123;
SCROLLBAR-3DLIGHT-COLOR: #453123;
SCROLLBAR-ARROW-COLOR:  #8f715d;
SCROLLBAR-TRACK-COLOR: #453123;
SCROLLBAR-DARKSHADOW-COLOR: #594233;
}
td {
border: 0;
font-family: arial, helvetica, sans-serif;
font-size: 11px;
}

a:link {text-decoration: none; color:  #ffc20d; font-size: 11px;} 
a:visited {text-decoration: none; color:  #ffc20d; font-size: 11px;} 
a:active {text-decoration: none; color:  #ffc20d; font-size: 11px;} 
a:hover {text-decoration: none; color: #b4b8c6; font-size: 11px;}

/* ////////////////////////////////////DIV GERAL////////////////////////// */
#geral {
	margin:0 auto;
}
/* ////////////////////////////////////DIVS TOPO////////////////////////// */
#topo {
    height: 124px;
	background-image:url(../img/bg_topo.gif);
	background-color:#372821;
	margin:0;
	clear: both;
}
#logo{ /* LOGO*/
	width: 179px;
    height: 94px;
    padding-left: 17px;
    /*background-color: #666666;*/
    float: left;
}

/* ////////////////////////////////////DIVS CONTEUDO////////////////////////// */
#content {
    width: 778px;
	_width: 778px;
	float: left;	
}
#colesqu {
	width: 196px;
	_width: 196px;	
}
#colmeio {
	width: 582px;
	_width: 582px;	
}
#coldir {
	width: 174px;
	_width: 174px;
	margin-left:9px;
	float: left;	
}

/* ////////////////////////////////////DIV RODAPE////////////////////////// */
#rodape {
    width:582px;
    height: 23px;
	margin-top: 20px;
	padding-top: 5px;
	padding-bottom: 3px;
    background-image:url(../img/bg_rodape.gif);
	clear: both;	
}


/* ////////////////////////////////////TEXTOS////////////////////////// */
.txtdest {color: #f99723;font-size: 11px;}

.txtsistema {color: #FFFFFF; font-size: 11px; line-height: 1.4em;}

.txtsistema10 {color: #FFFFFF; font-size: 10px;}

.txtcodigo { color: #91c52e; font-size: 11px; font-weight: normal;}

.txtmarc { color: #594233; font-size: 11px;}

.txtdest10 {color: #f99723; font-size: 10px;}

.txtazul10 {color: #c0c4cd; font-size: 10px;}

.txt10 {font-size: 10px; text-decoration: none; color: #8f715d;}
.txt10 a:link {font-size: 10px; text-decoration: none; color: #ffc20d;}
.txt10 a:visited {font-size: 10px; color: #ffc20d; text-decoration: none;}
.txt10 a:active {font-size: 10px; color: #ffc20d; text-decoration: none;}
.txt10 a:hover {font-size: 10px; color: #b4b8c6; text-decoration: none;}

.txtnavinfo {font-size: 10px; text-decoration: none; color: #453123;}
.txtnavinfo a:link {font-size: 10px; text-decoration: none; color: #453123;}
.txtnavinfo a:visited {font-size: 10px; color: #453123; text-decoration: none;}
.txtnavinfo a:active {font-size: 10px; color: #453123; text-decoration: none;}
.txtnavinfo a:hover {font-size: 10px; color: #453123; text-decoration: underline;}



/* ////////////////////////////////////BGS////////////////////////// */
.bglinha {background-color: #372821;}
.bgdest {background-color: #574134;}
.bgnavinfo {background-color: #ffc20d;}
.bgtextura {background-image: url(../img/bg_nav_info.gif); margin: 0px; padding: 0px;}
.bgback {background-color: #372821;}


/* ////////////////////////////////////FORMS////////////////////////// */
.form {width: 100%; font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #000000; height: 15px; background-color: #ffffff; border: 1px solid #ffffff;}
.formcheck {margin: 1 1px 1 0; vertical-align: middle; text-align: right; height: 16px;}
.formcheck2 {margin: 0 1; vertical-align: middle; text-align: right; height: 16px; padding: 0px;}
.formlogin {width: 75px; font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #000000; height: 15px; background-color: #ffffff; border: 1px solid #ffffff;}
.formsimples {font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #000000; height: 15px; background-color: #ffffff; border: 1px solid #ffffff; width: 40px;}
.form2 {font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #000000; height: 15px; background-color: #ffffff; border: 1px solid #ffffff;}
.form3 {
	width: 100%;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	background-color: #ffffff;
	border: 1px solid #ffffff;
	SCROLLBAR-FACE-COLOR: #ffffff;
    SCROLLBAR-HIGHLIGHT-COLOR: #ffffff;
    SCROLLBAR-SHADOW-COLOR: #ffffff;
    SCROLLBAR-3DLIGHT-COLOR: #ffffff;
    SCROLLBAR-ARROW-COLOR:  #ffffff;
    SCROLLBAR-TRACK-COLOR: #ffffff;
    SCROLLBAR-DARKSHADOW-COLOR: #ffffff;
}

/* ////////////////////////////////////BOX////////////////////////// */
.boxbuscaex {padding: 2px 0 10px 10px;}

.boxfotogrd {margin: 0px; padding: 25px 29px 5px 26px; background-image: url(../img/bg_fotoinfo.gif);}

.boxfotoinfo {margin: 0px; padding: 0px 29px 28px 26px; background-image: url(../img/bg_fotoinfo.gif);}

.boxthumb {
	margin: 0px;
	padding: 7px 9px 7px 5px;
	background-image: url(../img/bg_thumb.gif);
	height: 190px;
	z-index: 20;
}

.boxthuminfo {margin: 0px; padding: 0px 9px 0px 5px; background-image: url(../img/bg_thumb.gif);}

.boxnavinfo {background-image: url(../img/bg_nav_info.gif); padding-top: 28px; padding-right: 0px; padding-bottom: 28px; padding-left: 0px;}

.boxthumb2 {margin: 0px; padding: 4px; background-color: #574134; width: 104px;}

.boxbuscatag {padding: 2px 0 2px 10px;}

.boxfotomesa {margin: 0px; padding: 8px; background-image: url(../img/bg_fotoinfo.gif);}

.boxthumbmesa {margin: 0px; padding: 4px; background-color: #574134; width: 100px;}


/* ////////////////////////////////////LAYOUT////////////////////////// */
.pont7 {background-image: url(../img/pont7.gif); height: 7px;}

.pont7-2 {background-image: url(../img/pont7_2.gif); height: 7px;}

.brdfotoinfo {background-color: #574134;}

.bgmenu {background-image: url(../img/bg_menu.gif);}

.100 {height: 100%;}


/* ////////////////////////////////////TOOLTIP////////////////////////// */
a.info{
    position:relative; /*this is the key*/
    z-index:24;
	font-size: 10px;
    color:#34261f;
    text-decoration:none}

a.info:hover{z-index:50;}

a.info span{display: none}

a.info:hover span{ /*the span will display just on :hover state*/
    font-size: 10px;
    display:block;
    position:absolute;
    top: 15px; left: 15px; width:70px;
    border:1px solid #c0c4cd;
    background-color:#c0c4cd;
	color:#34261f;
    text-align: center;
	z-index:50;
	padding: 2px;
	}
	
a.info2{
    position:relative; /*this is the key*/
    z-index:24;
	font-size: 10px;
    color:#34261f;
    text-decoration:none}

a.info2:hover{z-index:50;}

a.info2 span{display: none}

a.info2:hover span{ /*the span will display just on :hover state*/
    font-size: 10px;
    display:block;
    position:absolute;
    top: 5px; left: 85px; width:70px;
    border:1px solid #c0c4cd;
    background-color:#c0c4cd;
	color:#34261f;
    text-align: center;
	z-index:50;
	padding: 2px;
	}


a.interroga{
    position:relative; /*this is the key*/
    z-index:24;
	font-size: 10px;
    color:#34261f;
    text-decoration:none}

a.interroga:hover{z-index:50; background-color:#c0c4cd}

a.interroga span{display: none}

a.interroga:hover span{ /*the span will display just on :hover state*/
    font-size: 10px;
    display:block;
    position:absolute;
    top:15px; left:-110px; width:170px;
    border:1px solid #c0c4cd;
    background-color:#c0c4cd;
	color:#34261f;
    text-align: left;
	padding: 3px;
	z-index:50;
	}