@charset "utf-8";
/* CSS Document */
*{
	margin:0 auto;
	padding:0;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#666;
	border:none;
	text-decoration:none;
}
html{
	background-image:url('../_img/cabecalho.jpg');
	background-repeat:repeat-x;
}
body{
	width:100%;
	/*width:790px;*/
}

/*** borda do container verda claro ***/
#BV1{
	height:4px;
	background:#99cc33  url(../_img/fm.jpg);
}
#BV1 #lbb, #BV1 #rbb, #BV1 #lbt, #BV1 #rbt{
	background-image:url(../_img/bm.jpg);
	width:4px;
	height:4px;
}
#BV1 #lbb{
	background-position:0 4px;
	float:left;
}
#BV1 #rbb{
	background-position:4px 4px;
	float:right;
}
#BV1 #lbt{
	background-position:0 0;
	float:left;
}
#BV1 #rbt{
	background-position:4px 0;
	float:right;
}

#barra{
	background:#557744  url(../_img/fb.jpg);
	height:24px;
	margin:10px 0;

}
#barra #BC{
	line-height:24px;
	color:#fff;
}
#barra #BE, #barra #BD{
	background-image:url('../_img/bb.jpg');
	width:4px;
	height:24px;
}
#barra #BE{
	float:left;
	background-position:left;
}
#barra #BD{
	float:right;
	background-position:right;
}

#BContainer{
	height:4px;
	background:#ECF4CB url(../_img/fc.jpg);
}
#BContainer #bcbl, #BContainer #bcbr, #BContainer #bctl, #BContainer #bctr{
	background-image:url(../_img/bc.jpg);
	width:4px;
	height:4px;
}
#BContainer #bcbl{
	background-position:0 4px;
	float:left;
}

#BContainer #bcbr{
	background-position:4px 4px;
	float:right;
}
#BContainer #bctl{
	background-position:0 0;
	float:left;
}
#BContainer #bctr{
	background-position:4px 0;
	float:right;
}


/****************************************************************
	CABECALHO
****************************************************************/
/*** GUIA ***/
#guia{
	display:table;
	width:100%;
	margin-top:105px;
}
#guia ul{
	list-style:none;
	margin-right:100px;
	height:20px;
}
#guia ul li{
	width:100px;
	float:right;
	line-height:20px;
}
#guia ul li a{
	display:block;
	font-weight:bold;
	color:#FFF;
	font-size:10px;
	text-align:center;
}

/*** LOGOS ***/
#logoacic, #logocanela{
	width:99px;
	height:96px;
	overflow:hidden;
	text-indent:-9000px;
	background-repeat:no-repeat;
}
#logoacic{
	background-image:url(../_img/logoacic.jpg);
	float:left;
	margin-left:20px;
}
#logocanela{
	background-image:url(../_img/logocanela.jpg);
	float:right;
	margin-right:20px;
}

/*** 	NOME EM EXTENSO E DATA ***/
#acic{
display:table;
text-align:center;
height:96px;
margin:0 auto;
}
#acic #nomeExtenso{
	background-image:url(../_img/acic.jpg);
	width:530px;
	height:30px;
	margin-top:20px;
}
#acic #dataExtenso{
	font-family:Arial, Helvetica, sans-serif;
	color:#ededed;
}


/****************************************************************
	MENU PRINCIPAL
****************************************************************/
#menu{
	margin-top:16px;
	width:100%;
	display:table;
}
#menu ul{
	list-style:none;
}
#menu ul li{
/*	width:130px;*/
	float:left;
	line-height:20px;
}
#menu ul li a{
	font-family:Arial, Helvetica, sans-serif;
}
#menu ul li a:hover{
	color:#557744;
}

ul#primary-nav ul {
	margin: 0;
	padding: 0;
	width:130px;
	border-bottom: 1px solid #ccc;
	background: #fff; /* IE6 Bug */
	font-size: 100%;
	}

ul#primary-nav li {
	position: relative;
	list-style: none;
	width:16.5%;
	}
ul#primary-nav li li{
	width:170px;
	display:block;	
}
ul#primary-nav li li a {
	width:150px;
	background:#FFF;
	border-bottom:1px dashed #ccc;

}
ul#primary-nav li a {
	display: block;
	text-decoration: none;
	color: #777;
	width:115px;
	padding: 5px;
	border-bottom: 0;
	text-align:left;
	}

/* Fix IE. Hide from IE Mac \*/
* html ul#primary-nav li { float: left; height: 1%; }
* html ul#primary-nav li a { height: 1%; }
/* End */

ul#primary-nav ul {
	position: absolute;
	display: none;
	/*left: 149px;  Set 1px less than menu width */
	top: 29px;
	}

ul#primary-nav li ul li a { padding: 2px 5px; } /* Sub Menu Styles */

ul#primary-nav li:hover ul ul,
ul#primary-nav li:hover ul ul ul,
ul#primary-nav li.over ul ul,
ul#primary-nav li.over ul ul ul { display: none; left:160px; top:0; } /* Hide sub-menus initially */

ul#primary-nav li:hover ul,
ul#primary-nav li li:hover ul,
ul#primary-nav li li li:hover ul,
ul#primary-nav li.over ul,
ul#primary-nav li li.over ul,
ul#primary-nav li li li.over ul { display: block; } /* The magic */


ul#primary-nav li.menuparent:hover,
ul#primary-nav li.over { background-color: #99cc00; }

ul#primary-nav li a:hover { color: #574; }
ul#primary-nav li a { color:#FFF; font-size:1.2em; width:16.5%;}	

ul#primary-nav li li a { color:#999;font-size:1.0em; }	
ul#primary-nav li li a:hover { color: #99cc00; }

/****************************************************************
	BANNER PRINCIPAL
****************************************************************/
#bannerP{
	margin:15px auto;
	width:760px;
}
#bannerP img{
	background-color:#f5f5f5;
}


/****************************************************************
	ESQUERDA
****************************************************************/
#esquerda{
	width:150px;
	float:left;
	margin-left:5px;
}

/***  galeria ***/
#esquerda #galeria{
	width:150px;
	margin-bottom:10px;
}
#esquerda #galeria a{
	display:block;
}
#esquerda #galeria p{
font-size:10px;
}
#esquerda #galeria #imgG{
	text-align:center;
	height:105px;
	margin-bottom:10px;
}
#esquerda #galeria #imgG img{
	border:2px solid #DEDEDE;
	padding:2px;
	cursor:pointer;
}

/***  CURSOS ***/
#curso{ width:100%; }
#curso ul{
	list-style:none;
}

#curso ul li{
	border-bottom:1px dashed #574;
	padding:3px 0;
}
#curso ul li a{
	width:100%;
	padding-left:5px;
	font-size:10px;
	display:block;
	font-weight:bold;
	color:#000;
}
#curso ul li a:hover{
	background-position:bottom left;
	color:#574;
}
/****************************************************************
	DIREITA
****************************************************************/
#direita{
	width:150px;
	float:right;
	margin-right:5px;
}
#direita a{
	display:block;
	margin:2px 0;
}

/****************************************************************
	PRINCIPAL
****************************************************************/
#principal{
width:57%;
}

/****************************************************************
	BOTTOM
****************************************************************/
#bottom{
	clear:both;
	width:100%;
	padding-top:80px;
	height:40px;
	background-image:url('../_img/bottom.jpg');
	background-repeat:repeat-x;
	background-position:bottom;
	text-align:center;
}
#bottom a, #bottom b{
	text-align:center; 
	margin-bottom:20px;
	font-size:10px;
	color:#fff;
}
#bottom p{
	width:480px;
	background-color:#557744;
	padding-right:120px;
	padding-left:120px;
}
#divsocio{
padding:5px;
background-color:#EEEECC;
border:1px dashed #9c0;
margin-bottom:10px;

}
#subCategoria{
	color:#c90;
	font-weight:bold;
}
#socio{
	color:#090;
	font-size:12px;
}
#resumo{
	margin-left:8px;
}
/*************************************************************
	CONTATO
*************************************************************/
#principal span{
	font-size:11px;
	color:#888;
}
#principal span b{
	color:#060;
}
#linha{
padding:5px;
}
#linha input, #linha textarea{
border:1px dashed #CCC;
background-color:#ededed;
padding:1px;
margin:2px;
color:#666;
width:300px;
}
form{
width:330px;
}
label{
	color:#999;
}
#btnformu{
	background-color:#CCC;
	border:1px solid #999;
	color:#666;
	font-weight:bold;
	cursor:pointer;
	width:75px;
}
#btnformu:hover{
	background-color:#060;
	border:1px solid #fff;
	color:#fff;
}