/************************************************************************/
/* Desenvolvido por Flex Soluções - Soluções em Web e Software          */
/* www.flexsolucoes.com.br										        */
/* contato@flexsolucoes.com.br											*/
/* (48)3632-3178												        */
/************************************************************************/


/* -------- Principal ---------- */
html, body, div, p, h1, h2, h3, h4 {
	margin: 0;
	padding: 0;
	}
	
body {
	background:#fff url("../gif/background.gif") top center;
	margin:0 auto; 
	font-family: "Trebuchet MS", Verdana, Arial, Tahoma, sans-serif; 
	font-size: 11px;
	color: #7B7676;
}

td,th {
	margin:0 auto; 
	font-family: "Trebuchet MS", Verdana, Arial, Tahoma, sans-serif; 
	font-size: 11px;
	color: #7B7676;
}


/* -------- Fontes ---------- */
.tit { font-size: 14px; font-family: Tahoma; text-decoration: none; font-weight: bold; color:#477EAE; }

.titulo {
background-color: #ECECEC;
font-weight: bold;
margin: 1em 0;
text-transform: uppercase;
letter-spacing: 1.5pt;
color: #686868;
font-size: 110%;
padding-left: 3px;
border-bottom: 1px solid #dadada;
}

.texto_termo {color: #FF0000}

.data_not { font-size: 11px; font-family: Verdana; text-decoration: none; font-weight: bold; color:#7B7676; }

h1 span{ display:none; }


/* -------- Links ---------- */
a {	font-size: 11px; font-family: Tahoma; color: #000000; text-decoration: none; }
a:visited {	font-size: 11px; font-family: Tahoma; color: #000000; text-decoration: none; }
a:hover { font-size: 11px; font-family: Tahoma; color: #315393; text-decoration: underline; }
a:active { font-size: 11px; font-family: Tahoma; color: #000000; text-decoration: none; }

a.noticia { font-size: 11px; font-family: Tahoma; color: #000000; text-decoration: none; }
a.noticia:visited { font-size: 11px; font-family: Tahoma; color: #000000; text-decoration: none; }
a.noticia:hover { font-size: 11px; font-family: Tahoma; color: #315393; text-decoration: underline; background-color:#DDF3FF; padding:5px; }
a.noticia:active { font-size: 11px; font-family: Tahoma; color: #000000; text-decoration: none; }


/* -------- Formulário ---------- */
input, select, textarea { border-style: solid; font-face: verdana; font-size: 12; color: #000000; background-color: #F2F2F2; border-color: #D5D5D5; border-width: 1px; }
option { font-family: verdana; font-size: 10; color: #000000;}
.button{ cursor:pointer;  margin-top:0px;  border:outset 1px #ccc; background:#999; font-size:.9em; color:#666; font-weight:bold; padding:5px;  background:url("../gif/button-bg.gif") repeat-x left top; padding:1px;  }


/* -------- estilo das nóticias ---------- */
.commentbox{
background-color: #ececec;
width: 710px;
padding: 10px;
}

.commentfooter{
background: url("../gif/arrow_not.gif") 20px 0 no-repeat; /*20px 0 equals horizontal and vertical position of arrow. Adjust as desired (ie: 20px -5px).*/
padding-left: 58px;
padding-top: 1px;
margin-bottom: 2em;
font-size: 90%;
color: #4A4A4A;
}

/* -------- menu ---------- */

#thicktabs{
margin: 0;
padding: 0;
float: left;
font: bold 13px Tahoma;
}

#thicktabs li{
display: inline;
}

#thicktabs li a{
float: left;
color: black;
padding: 8px 11px; /*padding of tabs*/
text-decoration: none;
background: transparent url(../gif/bg_menu.gif) top right no-repeat;
border-top: 1px solid #d3bdbe; /*top border style*/
border-bottom: 3px solid #B8C0C5; /*thick bottom border below tabs*/
}

#thicktabs li a#leftmostitem{ /*Extra CSS for left most menu item*/
border-left: 1px solid #d3bdbe; /*left border style*/
}

#thicktabs li a#rightmostitem{ /*Extra CSS for right most menu item*/
border-right: 1px solid #d3bdbe; /*right border style*/
background-position: top left; /*Position background image to the left instead of default right, to hide indented underline for this link*/
}

#thicktabs li a:visited{
color: black;
}

#thicktabs li a:hover{
color: black;
background-image: url(../gif/bg_menu_hover.gif); /*background image swap on hover*/
}

p.iepara{ /*Conditional CSS- For IE (inc IE7), create 1em spacing between menu and paragraph that follows*/
padding-top: 1em;
}

/* --------  balão tooltip ---------- */

.tooltip{
width: 200px; color:#000;
font:lighter 11px/1.3 Arial,sans-serif;
text-decoration:none;text-align:center}

.tooltip span.top{padding: 30px 8px 0;
    background: url(../gif/balao.gif) no-repeat top}

.tooltip b.bottom{padding:3px 8px 15px;color: #548912;
    background: url(../gif/balao.gif) no-repeat bottom}
	


/* --------  validacao dos formularios ---------- */

input.disabled {
	border: 1px solid #F2F2F2;
	background-color: #F2F2F2;
}

input.required, textarea.required {
	border: 1px solid #00A8E6;
}
input.validation-failed, textarea.validation-failed {
	border: 1px solid #FF3300;
	color : #FF3300;
}
input.validation-passed, textarea.validation-passed {
	border: 1px solid #00CC00;
	color : #000;
}

.validation-advice {
	margin: 5px 0;
	padding: 5px;
	background-color: #FF3300;
	color : #FFF;
	font-weight: bold;
}

.custom-advice {
	margin: 5px 0;
	padding: 5px;
	background-color: #C8AA00;
	color : #FFF;
	font-weight: bold;
}

fieldset {
	padding: 1em;
	margin-bottom: 0.5em;
}

label {
	font-weight: bold;
}
.form-row {
	clear: both;
	padding: 0.5em;
}

.field-label {

}

.field-widget {

}