/***********************/
/****   MAIN BODY   ****/
/***********************/
body {
	font-size: 62.5%;
	margin: 0em auto;
	padding: 0em;
	background: url(images/img_background.gif) top center repeat-y;
	font-family: Verdana, Tahoma, Arial;
}

a {
font-size:12px;
color: #646AF5;
text-decoration: none;
}

a:hover {
color: #646AF5;
text-decoration: underline;
}

h1{
    margin:0;
    font-size: 18px;
	color:#02599E;
}

h3{
    font-size: 14px;
}


#pagina {
	border:solid 0px;
	width: 78em;
	margin: 0em auto;
}

/***********************/
/****  BARRA FIXA  ****/
/***********************/
#barrafixa{
	border:solid 0px #000;
	width:100%;
	height:25px;
	margin:0 auto;
	font-family: Verdana;
	background-image: url(images/bf1.jpg);
}

#barrafixa ul {
	padding:6px 0;
	margin:0;
}

#barrafixa li {
	display: inline; 
	list-style:none;
}

#barrafixa li a {
	border-right:solid 0px #999;
	font-size:11px;
	color:#444;
	text-decoration:none;
	background-image: url(images/menu_right_border.jpg);
	background-repeat: no-repeat;
	background-position: right top;
	padding: 6px 10px;
}

#barrafixa a:hover {
	text-decoration:underline;
	color:#000;
}

/***********************/
/****   HEADER   ****/
/***********************/
#header {
	border:solid 0px;
	width: 100%;
	height:101px;
	margin: 0px auto;
}

#header-logo{
	border:solid 0px;
	float:left;
	width: 145px;
	height:100px;
	margin: 0px auto;
	background: url(images/logo_sp.jpg) no-repeat;
}

#header-logo .al{
	text-align:center; 
	margin:13px 0;
}

#header-banner{
	border:solid 0px;
	float:left;
	width: 460px;
	height:92px;
	margin: 0px;
	/*background: url(images/banner_sp.jpg) bottom no-repeat;*/
}

#header-banner p{
	margin:0;
	padding:5px 0;
}

#header-banner a{
	font-size:10px;
}

#header-banner img{
	margin: 20px 0 0 10px;
}

#header-right{
	border:solid 1px #CCC;
	float:right;
	width: 127px;
	margin: 2px 0 3px 0;
	padding:10px;
	background-color:#ECECEC;
}

#header-right form{
	border:solid 0px;
	margin:0px;
	padding:0 0 5px 0;
}

#header-right p{
	margin:0;
	padding:3px 0 0 0;
	text-align:center;
}

#header-right a{
	font-size:10px;
}

/**************************/
/***   LOGIN-SENHA    ***/
/**************************/
#header-right input.login {
	height: 14px;
	width: 121px;
    background: #FFF;
	border-top: 1px solid #000;
	border-left: 1px solid #000;
	border-bottom: 1px solid #999;
	border-right: 1px solid #999;
	margin:0 0 3px 0;
}

#header-right input.senha {
	font-size: 12px;
	height: 14px;
	width: 91px;
    background: #FFF;
	border-top: 1px solid #000;
	border-left: 1px solid #000;
	border-bottom: 1px solid #999;
	border-right: 1px solid #999;
}

#header-right .ok {
	border: solid 1px #666;
	background-color: #FFF;
	width: 26px;
	height: 18px;
	margin: 0.1em 0.0em 0em 0em;
	font-size: 10px;
}

/***********************/
/****  MENU HEADER  ****/
/***********************/
#menuheader {
	clear: both;
	margin: 0 0 0.5em 0;
	border-top: solid 0.1em #AFAFAF;
	border-bottom: solid 0.1em #AFAFAF;
	background-color: #ECECEC;	
	line-height: 2.0em;
	height: 2.0em;
	color: #000;
}

#menuheader ul {
	margin: 0;
	padding: 0;
	list-style: none;
	font-size: 11px;
}	

#menuheader li {
	float: left;
	white-space: nowrap;
}

#menuheader li a {
	display: block;
	padding: 0 1.0em 0 1.0em;
	border-right: solid 0.1em #AFAFAF;	
	background-color: #EBEBEB;	
	text-decoration: none;
	color: #323232;
}

#menuheader a:hover {
	border-right: solid 0.1em #AFAFAF;	
	background-color: #DCDCDC;			
	text-decoration: none;
	color: #323232;
}

/***********************/
/******  CORPO  ********/
/***********************/
#corpo {
	float:left;
	font-size:12px;
	border:solid 0px;
	width: 80%;
	margin: 0;
	padding:0;
}

/***** INDICADOR ******/
#indicador {
	font-size:10px;
	color:#999;
	border:solid 0px;
	width: 100%;
	margin:0 0 7px 0;
	padding:0;
}

#indicador a{
	font-size:10px;
	color:#888;
	text-decoration:none;
}

#indicador a:hover{
	text-decoration:underline;
}

.ind{
	color:#333;
}

/***********************/
/**** COLUNA - LEFT ****/
/***********************/
#coluna_left {
	border:solid 0px;
	float:left;
	width: 25%;
	margin:0;
	padding:0;
}

.titulo {
	font-size:12px;
	border-top:solid 1px #999;
	border-bottom:solid 1px #999;
	text-align:center;
	background-color:#CCC;
	margin:0;
	padding:5px 0 5px 0px;
	font-weight:bold;
}

#coluna_left ul{
	background: url(images/bg_menu.jpg) repeat-y;
	background-color: #FFF;
	padding: 0;
	margin: 0;
	list-style: none;
}

#coluna_left li{
	padding: 5px 0 5px 0;
	margin: 0;
	border-bottom:solid 1px #CECECE;
}

#coluna_left li a{
	background: url(images/b.gif) no-repeat +0px +5px; 
	font-size:11px;
	padding:0 0 0 7px ;
	color:#222;
	text-decoration: none;
}

#coluna_left li a:hover{
	background: url(images/b2.gif) no-repeat +0px +5px; 
	text-decoration: none;
	color:#646AF5;
}


/****** LISTA RAMOS DE ATIVIDADES*******/
#meio ul{
    margin:0; 
    padding:10px 0 0 36px; 
    list-style-type:square;
    color:#999;
}

#meio li{
    list-style:square;
}

#meio li a{
    
}

#meio li a:hover{
    
}

/*******************/
/****** MEIO *******/
/*******************/
#meio {
	border:solid 0px #CCC;
	float:left;
	width: 71%;
	margin:0 0 0 15px;
	padding:0;
    line-height:20px;
}

#meio label{
    color:#02599E;
}

/*******************/
/** COLUNA - RIGHT**/
/*******************/
#coluna_right {
	font-size:12px;
	border:solid 0px;
	float:right;
	width: 19%;
	margin:5px 0;
	padding:0;
}

/****** BUSCA ******/
.b {
	width:70px; 
	margin:5px 0 0 40px;
}

.sel_b{
	margin:0 0 5px 0; 
	width:146px; 
	font-size:10px
}

.sel_c{
	margin:0 0 5px 0;
	width:146px; 
	font-size:10px
}

.abc{
	font-size:10px; 
	width:143px; 
	height:14px; 
	color:#999; 
	padding:3px 0; 
}

/** PUBLICIDADE **/
#coluna_right img{
	padding-bottom:5px;	
}

.title_pub{
	background:#EEE; 
	font-size:10px; 
	padding:1px 0 1px 0; 
	margin:2px 0; 
	color:#777;
	border-top:solid 1px #CCC;
	border-bottom:solid 1px #CCC;
}

#colun_pub_img{
	border-bottom:solid 0px #CCC; 
	margin:0;
	text-align:center;
}

#links_p {
	border-bottom:dashed 1px #999;
	width:99%;
	margin:0px 0;
	padding:6px 0;
}

#links_p .pop{ 
	color:#000; 
	font-size:11px;
}

#links_p .descr{ 
	font-size:11px;
}

/*******************/
/***   Indent    ***/
/*******************/
#indent{
	border:solid 0px;
	width: 100%;
	margin: 0px auto;
}

/*******************/
/***   FOOTER    ***/
/*******************/
#footer {
	float: left;
	width: 100%;
	margin: 10px 0;
	padding: 4px 0 4px 0;
	border: solid 1px #999;	
	background-color: #DCDCDC;
	text-align: center;
	color: #000;
	font-size: 10px;
    line-height:16px;
}

#footer ul{
	margin: 0;
	padding: 0;
	list-style: none;
}

#footer li{
	border-right:solid 1px #888;
	padding:0 5px 0 5px;
	display: inline;
}

#footer a{
	font-size: 10px;
	color: #646AF5;
	text-decoration: none;
}

#footer a:hover{
	text-decoration: underline;
}



/*******************/
/***   BOX    ***/
/*******************/
#box_l {
	border:solid 0px;
	float:left;
	width:48%;
	margin:0;
	padding:0;
}

#box_l p{
	font-size:10px;
	margin:0;
	padding:0 2px 0 8px;
	line-height:19px;
}


#box_r {
	border:solid 0px;
	float:right;
	width:48%;
	margin:0;
	padding:0;
}

#box_r p{
	font-size:10px;
	margin:0;
	padding:0 0 0 8px;
	line-height:19px;
}

.boxtitle{

}

.boxtitle h2{
	font-family:Arial;
	background: url(images/boxtop.gif) no-repeat; 
	font-size:14px;
	margin:0;
	padding:14px 0 0 30px;
	height:24px;
	border:solid 0px;
}

.boxmeio{
	color:#777;
	background: url(images/boxmeio.jpg) repeat-y; 
	border:solid 0px;
	margin:0;
	padding:10px 0;
}

#boxbottom {
	background: url(images/boxbottom2.jpg) no-repeat; 
	border:solid 0px;
	margin:0;
	padding:0;
	height:8px;
}

.boxsubtitle h2{
	font-family:Arial;
	background: url(images/subtitle.jpg) no-repeat; 
	font-size:14px;
	margin:0px 0;
	padding:6px 0 0 30px;
	height:28px;
	border:solid 0px;
	color:#777;
}

#box_r_bottom{
	background: url(images/boxsubtitle2.jpg) repeat-y; 
	border:solid 0px;
	margin:0;
	padding:0;
}

.img_p{
	border:solid 1px #CCC;
	padding:1px;
	width: 50px;
	height: 50px;
	float: left;
	margin: 0.3em 0.5em 0em 0em;
}

.img_p_m{
	border:solid 0px #CCC;
	width: 60px;
	height: 60px;
	float: right;
	padding: 0 8px 0 5px;
}


/*******************/
/** BOX  MATÉRIAS **/
/*******************/
#box_materias{
	border:solid 1px #ccc; 
	margin:0 0 15px 0; 
	padding:10px;
	line-height:18px; 
}

#box_materias img{
	margin:0 10px 0 0;
	padding:0;
	float:left; 
}

#box_materias p{
	margin:0;
	padding-bottom:5px;
	line-height: 21px;
}

#box_materias ul{
	line-height: 20px;
	border:solid 0px;
	padding-left:15px;
	margin-top:0;
}

/*******************/
/** BOX  SEÇÕES **/
/*******************/
#box_secoes{
	border:solid 1px #CCC;
	margin: 0 0 15px 0;
	padding:10px;
	float:left;
}

#box_secoes img {
	border:solid 1px #999;
}

#box_secoes a{
	font-weight:bold;
}

#box_secoes_l {
	float:left;
	width:203px;
	margin:0;
	padding:0;
}

#box_secoes_r {
	float:right;
	width:203px;
	margin:0;
	padding:0;
}

/* ANÚNCIO TEXTO DO TIPO POPUP NA PÁGINA */
#anunciotxt {
    float:left;
    width:420px;
    margin-top:10px;
    border:solid 1px #e1e1e1;
    padding:10px;
    font-size:10px;
}

#anunciotxt a {
    font-size:10px;
    font-weight:bold;
}
/* * */

/* colunas das categorias dos produtos */
#colunas{
	border:solid 0px;
    float:left;
	margin:0;
	padding:0;
}

#coluna1{
    float:left;
    width:218px;
    height:auto;
    border:solid 0px;
    margin:0;
    padding:0;
}
#coluna2{
    float:right;
    width:218px;
    height:auto;
    border:solid 0px;
    margin:0;
    padding:0;
}

/* * */
#empresas_l{
	background:#F3F3F3;
	padding:0;
	margin:0;
	border:solid 0px;
}
/* * */

/* PÁGINA DA EMPRESA*/
#pg_empresa {
	background:#FFF;
	padding:10px;
	margin:0;
	border:solid 1px #CCC;
}

.nome_empresa {
	color:#02599E;
    margin-bottom:5px;
}


/* MATERIAS ESPECIAIS */
#materias_e {
	float:left;
	width:100%;
	border:solid 0px;
	margin:0;
	padding:0;
}

#materias_e p{
	margin:0;
	padding:0;
}

#materias_e img{
	border:solid 0px #999;
}

#materias_e .p_materias{
	border:solid 1px #CCC;
	margin:0 0 5px 0;
	padding:1px 0 1px 10px;
	background:#EEE;
	font-weight:bold;
}

#materias_e .m_um {
	float:left;
	width:140px;
	margin:0;
	padding:0;
}

#materias_e .m_dois {
	float:left;
	width:140px;
	margin:0 0 0 10px;
	padding:0;
}


#materias_e .m_tres {
	float:right;
	width:140px;
	margin:0;
	padding:0;
}

/* Empresa */
#descricao{
    border:solid 0px;
    width:100%;
    margin:0;
    float:left;
}

#descricao p{
    margin:10px 0;
}

#descricao img{
    border:solid 0px #999; 
    padding:4px; 
    margin:0 0 5px 5px; 
    float:right;
}

#contato{
    width:100%;
    float:left;
    margin:10px 0;
}