/* 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:776px;}


/****************************

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;
}

/****************************

CONTEUDO

*****************************/

#conteudo{position:relative; width:765px; float:left;}


/****************************

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-home

*****************************/

#area-conceitual-home{float:left; width:415px; margin-top:0px;}

#area-conceitual-home .topo{
	background-image: url(../../images/modulos/modulo-grande-topo.gif);
	background-repeat: no-repeat;
	background-position: center bottom;
	height: 15px;
}

#area-conceitual-home .dentro{
	background-image: url(../../images/modulos/modulo-grande-dentro.gif);
	background-position: center;
	background-repeat:repeat-y;
}

#area-conceitual-home .baixo{
	background-image: url(../../images/modulos/modulo-grande-baixo.gif);
	background-repeat: no-repeat;
	background-position: center;
	height: 15px;
}

#area-conceitual-home .bg{
	background-image: url(../../images/bg_areaconceitual_senai-escola-sp.jpg);
	background-position: center;
	background-repeat:no-repeat;
	height: 165px;
}

#area-conceitual-home .bg H2{
	font-size:16px;
	color:#FFFFFF;
	text-align:left;
	padding-top:136px;
	padding-left:30px;
}


/****************************

SIDEBAR

*****************************/

/*#sidebar{float:left; width:150px; top:-80px; position:relative; z-index:1;}*/

#sidebar2{float:right; width:150px; top:-80px; position:relative; z-index:1; right:12px;}

#sidebar2 h3{font-size:14px;}

#sidebar2 .modulos-sidebar .topo{
	background-image: url(../../images/modulos/modulos-sidebar-topo.gif);
	background-repeat: no-repeat;
	height:12px;
	margin:0;
	background-position: bottom;
}

#sidebar2 .modulos-sidebar .dentro{background-image: url(../../images/modulos/modulos-sidebar-dentro.gif); background-repeat: repeat-y; margin:0;}

#sidebar2 .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;}

#sidebar2 .titulos li{font-family:Tahoma, Arial, Helvetica, sans-serif; font-size:9px;
	color:#FFF;	list-style-type:none; display:inline; padding-left:5px;}

#sidebar2 .modulos-sidebar .dentro p {padding-left:15px; padding-right:15px;}

#sidebar2 .modulos-sidebar .baixo{background-image: url(../../images/modulos/modulos-sidebar-baixo.gif);
	background-repeat: no-repeat; height:12px; margin:0;}
	
#sidebar2 .patrocinadores{margin-top:15px;}

#sidebar2 SELECT{width:80%; height:20px; font-size:10px; border:solid 1px #666666;}


/****************************

DESTAQUES

*****************************/

#destaques{float:left; width:565px; 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 .topo{
	background-image: url(../../images/modulos/modulo-noticias-v2_topo.gif);
	background-repeat: no-repeat;
	background-position: center bottom;
	height:15px;
}

#destaques .dentro {
	background-image: url(../../images/modulos/modulo-noticias-v2_dentro.gif);
	background-repeat: repeat-y;
	background-position: center bottom;
}

#destaques .baixo{
	background-image: url(../../images/modulos/modulo-noticias-v2_baixo.gif);
	background-repeat: no-repeat;
	background-position: center top;
	height:15px;
}

#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;}


/****************************

FALE CONOSCO

*****************************/


#faleconosco .topo{
	background-image: url(../../images/modulos/modulo-grande-v3_topo.gif);
	background-repeat: no-repeat;
	background-position: center bottom;
	height:15px;
	clear:both;
}


#faleconosco .dentro {
	background-image: url(../../images/modulos/modulo-grande-v3_dentro.gif);
	background-repeat: repeat-y;
	background-position: center bottom;
	height:90px;
}

#faleconosco .baixo{
	background-image: url(../../images/modulos/modulo-grande-v3_baixo.gif);
	background-repeat: no-repeat;
	background-position: center top;
	height:15px;
}

#faleconosco .dentro .esquerda{float:left; margin-left:10px; margin-top:10px; padding-left:10px; width:140px; height:60px;}


#faleconosco .dentro H3{font-size:16px; padding-left:10px;}

#faleconosco .dentro .esquerda H4{font-size:12px;}


/****************************

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;}
