/* DOCUMENTO DE ESTILOS */
/* UTILIZAR ASSOCIADO A V3_HOME.HTML */

*{margin:0; padding:0; text-decoration:none; border:none;}

body{
	background-image: url(../../images/bg_minisite_red.jpg);
	background-repeat: repeat-x;
	font-family:Arial, Helvetica, sans-serif; font-size:10px;
	}
	
#geral{margin:auto; width:780px;}

#textos { font-family:Tahoma; font-size:11px; color:#171411; }

#textos a{color:#CC3300; font-weight:bold;}

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

/****************************

NOME DA ESCOLA

*****************************/

#nomedaescola{width:615px; height:60px; margin-top:27px; margin-bottom:10px; position:relative; z-index:0}

#nomedaescola H1{
	font-size:25px;
	text-transform: uppercase;
	color: #fff;
	font-style: italic;
	padding-top: 3px;
}

#nomedaescola H2{
	font-size:18px;
	text-transform: uppercase;
	color: #CC3300;
	font-style: italic;
	padding-top:3px;
}

#nomedaescola H3{
	font-size:18px;
	text-transform: uppercase;
	color: #000000;
	font-style: italic;
	padding-top:4px;
}

/****************************

CONTEUDO

*****************************/

#conteudo{position:relative; width:765px; float:left;}

#conteudo input { border:1px solid #E2E2E2; font-family:Tahoma; font-size:11px; color:#171411; }

#conteudo select { border:1px solid #E2E2E2; font-family:Tahoma; font-size:11px; color:#171411; }

#conteudo textarea { border:1px solid #E2E2E2; font-family:Tahoma; font-size:11px; color:#171411; }


.margem-titulo { margin-left:10px; margin-top:10px; }

.largura-conteudo { width:406px; }

.path-mg { padding-bottom:10px; padding-top:10px; }

.bt-voltar { float:right; padding-right:15px; }

.tit { padding-top:7px; font-family:Arial; font-size:14px; color:#000; font-weight:bold; float:left; }

.seta { padding-right:6px; padding-top:4px;  float:left; }

.subtitulo { float:left; color:#c33100; font-size:13px; font-family:Arial;}

.box-borda-img { width:186px; background:url(../../images/modulos/box-borda_img_lados.gif) top repeat-y; }

.box-borda-img-baixo { width:186px; height:6px; background:url(../../images/modulos/box-borda_img_baixo.gif) top no-repeat; }

.pos-img-esq { float:left; padding-left:10px; padding-right:10px; }

.pos-img-dir { float:left; }

.box-cursos { width:380px; background:#f4f4f4; border:1px solid #999; }

.box-cursos .text { padding-left:10px; padding-top:10px; padding-right:10px; padding-bottom:7px; font-family:Tahoma; font-size:11px; color:#171411; }

.box-cursos .text b { font-family:Tahoma; font-size:11px; color:#c33100; }

.box-cursos .text a { color:#171411; }

.box-cursos .text a:hover { text-decoration:underline; }

.sel-area { width:200px; margin-top:5px; }

.list-cursos li { font-family:Tahoma; font-size:10px; color:#171411; }

.list-cursos li a { color:#171411; }

.list-cursos li a:hover { text-decoration:underline; }

#area1 { display:none; }

#area2 { display:none; }

.doc-relacionados a { color:#000; }

.doc-relacionados a:hover { text-decoration:underline; }



/****************************

MIGALHA DE PÃO

*****************************/

#migalha .cima{
	background-image: url(../../images/modulos/exemplo3.gif);
	background-repeat: no-repeat;
	background-position: left;
	height: 15px;
}

#migalha .meio{
	background-image: url(../../images/modulos/exemplo2.gif);
	background-position: left;
	background-repeat:repeat-y;
}

#migalha .fundo{
	background-image: url(../../images/modulos/exemplo.gif);
	background-repeat: no-repeat;
	background-position: left;
	height: 15px;
}

#migalha .bg1{
	/*background-image: url(../../images/bg_areaconceitual_senai-escola-sp.jpg);*/
	/*height: 165px;*/
	font-family:Tahoma;
	font-size:9px;
	color:#7F7F7F;
	background-position: center center;
	background-repeat:no-repeat;
	
}


#migalha .img-migalha { float:left; padding-right:6px; padding-left:15px; }

#migalha .txt-migalha { padding-top:2px; padding-left:10px; padding-right:10px;}

#migalha .bg img{
	padding-left:10px;
}

#migalha .txt-migalha a { text-decoration:underline; color:#7f7f7f; }

/****************************

NAVEGACAO

*****************************/

#navegacao{position:relative; width:200px; float:left;}

#navegacao a{vertical-align:middle; color:#000000}

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

#navegacao .topo{
	background-image: url(../../images/modulos/modulo-navegacaov1_topo.gif);
	background-repeat: no-repeat;
	background-position: center bottom;
	height:40px;
}

#navegacao .dentro {
	background-image: url(../../images/modulos/modulo-navegacaov1_centro.gif);
	background-repeat: repeat-y;
	background-position: center bottom;
}

#navegacao .baixo{
	background-image: url(../../images/modulos/modulo-navegacaov1_baixo.gif);
	background-repeat: no-repeat;
	background-position: center top;
	height:30px;
}

#navegacao .menudeapoio TR{
	background-image: url(../../images/bg_botoes_navegacao.jpg);
	background-repeat: no-repeat;
	height:34px;
	margin-left:5px;
	margin-right:5px;
}

#navegacao H3{font-size:14px;}


#navegacao .modulo .topo{
	background-image: url(../../images/modulos/modulo-navegacaov4_topo.gif);
	background-repeat: no-repeat;
	background-position: center bottom;
	height:15px;
}

#navegacao .modulo .dentro {
	background-image: url(../../images/modulos/modulo-navegacaov4_dentro.gif);
	background-repeat: repeat-y;
	background-position: center bottom;
}

#navegacao .modulo .baixo{
	background-image: url(../../images/modulos/modulo-navegacaov4_baixo.gif);
	background-repeat: no-repeat;
	background-position: center top;
	height:15px;
}




/****************************

AREA-CONCEITUAL

*****************************/

#area-conceitual{float:left; width:415px; margin-top:0px; }

#area-conceitual .topo{
	background-image: url(../../images/modulos/exemplo3.gif);
	background-repeat: no-repeat;
	background-position: center bottom;
	height: 15px;
}

#area-conceitual .dentro{
	background-image: url(../../images/modulos/exemplo2.gif);
	background-position: center;
	background-repeat:repeat-y;
}

#area-conceitual .baixo{
	background-image: url(../../images/modulos/exemplo.gif);
	background-repeat: no-repeat;
	background-position: center;
	height: 15px;
}

#area-conceitual .bg{
	background-image: url(../../images/bg_areaconceitual_senai-escola-sp-int.jpg);
	background-position: center center;
	background-repeat:no-repeat;
	height: 77px;
}

#area-conceitual .bg H2{
	font-size:14px;
	color:#FFFFFF;
	text-align:left;
	padding-top:54px;
	padding-left:10px;
}


/****************************

SIDEBAR

*****************************/

#sidebar{float:right; width:150px; top:-80px; position:relative; z-index:1; _position:absolute; _left:622px; }

#sidebar h3{font-size:14px;}

#sidebar .modulos-sidebar .topo{
	background-image: url(../../images/modulos/modulos-sidebar-topo.gif);
	background-repeat: no-repeat;
	height:12px;
	margin:0;
	background-position: bottom;
}

#sidebar .modulos-sidebar .dentro{background-image: url(../../images/modulos/modulos-sidebar-dentro.gif); background-repeat: repeat-y; margin:0;}

#sidebar .titulos{
	padding-right:18px;	padding-top:6px; margin-left:10px;	background-image: url(../../images/bg_tit_modulos_encontre_red.gif);
	background-repeat: no-repeat; vertical-align:middle; height:20px; text-align:right;}

#sidebar .titulos li{font-family:Tahoma, Arial, Helvetica, sans-serif; font-size:9px;
	color:#FFF;	list-style-type:none; display:inline; padding-left:5px;}

#sidebar .modulos-sidebar .dentro p {padding-left:15px; padding-right:15px;}

#sidebar .modulos-sidebar .baixo{background-image: url(../../images/modulos/modulos-sidebar-baixo.gif);
	background-repeat: no-repeat; height:12px; margin:0;}
	
#sidebar .patrocinadores{margin-top:15px;}

#sidebar SELECT{width:80%; height:20px; font-size:10px; border:solid 1px #666666;}

.fale-conosco { font-family:Tahoma; font-size:9px; color:#171411; }

.pos-fale-conosco { padding-left:5px; }

.menu-dir { margin-left:17px; margin-top:19px; font-family:Tahoma; font-size:10px; color:#171411; }

.pos-path-menu-dir { padding-top:11px; padding-bottom:10px; margin-left:-11px; }


/****************************

DESTAQUES

*****************************/


#destaques{float:left; width:545px; height:50px; position:relative; z-index:0;}

/*#destaques .esquerda{ float:left; width:260px; padding-left:15px; margin-right:10px; margin-bottom:10px;}*/

/*#destaques .direita{float:left; width:280px;}*/

#destaques H3{font-size:14px;}



#destaques .dentro H2{font-size:14px; color:#FFFFFF; background-image: url(../../images/bg_titulo_modulo_v3.gif);
	background-repeat: no-repeat; height:25px;	padding-left:10px;	padding-top:5px;
	background-repeat: no-repeat;
	background-position: center;}

#destaques .dentro li{
	list-style-position: outside;
	list-style-image: url(../../images/seta_navegacao_red.gif);
	margin-left:40px;
	padding-right:10px;
	padding-top:10px;
} 

#destaques .dentro H4{font-size:11px;}

#destaques .titulos-destaques h4{font-size:14px;}


#lista li{
	list-style-position: outside;
	list-style-image: url(../../images/seta_navegacao_red.gif);
	margin-left:20px;
	padding-right:10px;
	padding-top:10px;
} 

#lista H4{font-size:11px;}

/****************************

RODAPE

*****************************/

#rodape{
	clear:both;
	height:40px;
	background-image:url(../../images/bg_footer_minisite_red.jpg);
	background-repeat: repeat-x; padding-top:12px;
	text-align:center;
	color:#FFFFFF;
}

#rodape a{color:#FFFFFF}

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

#rodape li{display:inline;}


/*************************** 
CLASSES GERAIS
****************************/
.menudeapoio{height:34px;}

#area-topo TD{height:20px;}

#area-topo li{display:inline;}

.pergunta-enquete{color:#cc3300; padding:10px;}


/*************************** 
BOTÕES
****************************/
.btn .esquerda{width:10px; height:21px; background-image:url(../../images/botao_ladoesquerdo.gif); background-repeat:no-repeat; float:left;  	background-position: center;}

.btn .dentro{
	height:20px;
	width:auto;
	padding-top:3px;
	float:left;
	background-image: url(../../images/botao_lmeio.gif);
	background-repeat: repeat-x;
}

.btn .direita{width:10px; height:21px; background-image:url(../../images/botao_ladodireito.gif); background-repeat:no-repeat; float:left; background-position: center;}

.btn a{color:#666;}

.btn a:hover{color:#000;}

#textos ul li 
{
	list-style-position: outside; 
	list-style-image: url(../../images/seta_navegacao_red.gif); 
	margin-left:15px; 
	padding-right:20px; 
}