/*** GERAL ***/

html, body, form, ul, fieldset, p, h1, h2, h3, h4, h5 {margin: 0; padding: 0;}

body {font:100%/110% tahoma, arial;}

body img {display:block;}

a {text-decoration:none; outline: 0;}

object, embed {outline:0;}

li {list-style:none;}

a img, fieldset {border: 0;}

p.center {text-align:center;}

p.right {text-align:right;}

p, h1, h2, h3, h4, h5 {margin-bottom:11px;}

div.clear {clear:both;}

div.space {height:20px; clear:both;}

div.space02 {height:8px;}

div.space03 {height:10px;}

div.linha02 {border-bottom:1px dotted #999; margin:20px 50px;}

/*** HEADER ***/

#header-in a.logo {position:absolute; top:5px; padding-left:50px; left:27px;}

.logo{background-image:url(../pics/logo_inicial.jpg); background-repeat:no-repeat; width:100px; height:65px; margin-left:60px; }

#nav {position:absolute; font:normal 0.76em tahoma; bottom:9px; left:236px;}

#nav ul.princ li {float:left; height:29px; padding:0px 0px 0px 00px;}

#nav ul.princ li.menu01 {width:77px; background:url(../pics/menu01.jpg) no-repeat;}

#nav ul.princ li.menu02 {width:70px; background:url(../pics/menu02.jpg) no-repeat;}

#nav ul.princ li.menu03 {width:85px; background:url(../pics/menu03.jpg) no-repeat;}

#nav ul.princ li.menu04 {width:80px; background:url(../pics/menu04.jpg) no-repeat;}

#nav ul.princ li.menu05 {width:110px; background:url(../pics/menu05.jpg) no-repeat;}

#nav ul.princ li.menu06 {width:116px; background:url(../pics/menu06.jpg) no-repeat;}

#nav ul.princ li.menu07 {width:50px; background:url(../pics/menu07.jpg) no-repeat;}

#nav ul.princ li.menu08 {width:40px; background:url(../pics/area_webmail.gif) no-repeat;}

#nav ul.princ li.menu09 {width:40px; background:url(../pics/area_administrativa.gif) no-repeat;}

#nav ul.princ li.divisoria {width:2px; margin:0 15px; background:url(../pics/divisa-nav.jpg) no-repeat;}

#nav ul.princ li a {display:block; height:29px; text-indent:-9000em; overflow:hidden;}

#nav ul.princ li.menu01 a {width:76px;}

#nav ul.princ li.menu02 a {width:51px;}

#nav ul.princ li.menu03 a {width:80px;}

#nav ul.princ li.menu04 a {width:90px;}

#nav ul.princ li.menu05 a {width:116px;}

#nav ul.princ li.menu06 a {width:103px;}

#nav ul.princ li.menu07 a {width:89px;}

#nav ul.princ li.menu08 a {width:73px;}

#nav ul.princ li a:hover {background:url(../pics/hover-nav.jpg) no-repeat left;}

#nav ul.princ li.menu08 a:hover {background:url('') no-repeat left;}

#nav ul.princ li.menu09 a:hover {background:url('') no-repeat left;}

#menudropdown01 {position:absolute; top:99px; left:227px; width:230px; padding:20px 0 5px 5px; 

background:url(../pics/bg-menu01.jpg) no-repeat;}

#menudropdown02 {position:absolute; top:98px; left:535px; width:160px; padding:20px 0 5px 5px; 

background:url(../pics/bg-menu01.jpg) no-repeat;}

#menudropdown03 {position:absolute; top:38px; right:290px; width:160px; padding:20px 0 5px 5px; 

background:url(../pics/bg-menu01.jpg) no-repeat;}

ul.drop {background:#1b1b1b repeat-y; margin:0;}

ul.drop li {border-bottom:1px dotted #474646; background: url(../pics/lista_submenu.gif) no-repeat 5px 8px; text-align:left; 

font:normal 0.5em arial;}

ul.drop li a {color:#fff; display:block; padding:5px 20px; height:15px; line-height:15px; font-size:13px;}

ul.drop li a:hover {background:#d56103 url(../pics/lista_submenu.gif) no-repeat 5px 8px;}

ul.drop li:last-child {border:none;}


/*** MAINCONTENT ***/

/* HOME */

#img_mascote{
	height:350px;
	width:210px;
	background-image:url(../mascote-princ.gif);
	background-repeat:no-repeat;
	margin-top:20px;
	margin-left:70px;
}

/* links adm */

#adm fieldset{ 
	border:#000000 1px solid;
	float:left;
	height:100px;
	width:150px;
	margin:60px 0px 0px 30px;
	font:normal 0.7em arial;
	margin-bottom:50px;
	text-align:right;
}

#img_mail{
	margin:20px 0px 0px 15px;
	background-image:url(../pics/email.png);
	background-repeat:no-repeat;
	height:25px;
	width:110px;
} 

#img_adm{
	margin:10px 0px 0px 15px;
	background-image:url(../pics/admin.png);
	background-repeat:no-repeat;
	height:25px;
	width:110px;
	padding-top:6px;
} 


/* Localização Home */

#localizacao{ width:200px; height:200px; background-image:url(../localizacao.JPG); background-repeat:no-repeat; margin-top:50px;}


/* noticias */ 

#div-noticias h1 a{font:bold 14px Trebuchet MS; margin:4px 0 10px 0; color:#333; display:block;}

#div-noticias a img {float:left; border:4px solid #0e4d75; margin:0 11px 0 0;}

#ult-noticias ul li a{font:normal 0.70em arial; color:#666; text-decoration:none; background:url(../pics/lista02.jpg) no-repeat 3px; *background:url(../pics/lista02.jpg) no-repeat 6px left; padding-left:13px;} 

#ult-noticias ul li a:hover{font:normal 0.70em arial; color:#666; text-decoration:underline;} 

#ult-noticias ul li span {color:#d45f02; font:normal 0.70em arial;}

#ult-noticias ul li.li-title {
			font:bold 14px Trebuchet MS;
			color:#333;
			padding:15px 0 5px 0;
			background: url(../pics/bg-li_title.jpg) repeat-x top;
}


#div-trabalheconosco h1 {font:bold 14px Trebuchet MS; margin:0; color:#d46002;}

#div-trabalheconosco a {display:block; width:99px; height:22px; text-indent:-9000em; overflow:hidden;

background:url(../pics/bt-trabalheconosco.jpg) no-repeat;}

#div-cadastro .bg-cadastro {width:124px; height:23px; margin-right:9px;

background:url(../pics/bg-cadastre.jpg) no-repeat; float:left;}

#div-cadastro input {border:none; background:none; font:normal 0.70em arial; color:#333;}

#div-cadastro input.cadastro {width:114px; height:13px; padding:5px;}


#div-cadastro .bg-cadastro-radio {width:124px; height:23px; margin-right:9px; float:left;}

#div-cadastro input {border:none; background:none; font:normal 0.70em arial; color:#333;}

#div-cadastro input.cadastro {width:114px; height:13px; padding:5px;}


#div-cadastro input.bt-cadastro {width:30px; height:23px; background:url(../pics/bt-cadastro.jpg) no-repeat; cursor:pointer;}


#div-enquete table {width:208px; margin:15px auto; font:normal 0.70em arial; color:#666;}

#div-enquete a {display:block; width:81px; font:bold 0.70em arial; color:#0e4d75; padding-right:8px; 

background:url(../pics/bg-seta_link.jpg) no-repeat right; margin-left:100px;}

#div-enquete a:hover {text-decoration:underline;}

#div-enquete input.bt-votar {width:43px; height:25px; cursor:pointer; border:none; margin:0 0 10px 122px;

background:url(../pics/bt-votar.jpg) no-repeat; }


#div-despo img {float:left; border:4px solid #0e4d75; margin-right:11px;}

#div-despo h1 {font:bold 14px Trebuchet MS; margin:0; color:#d46002;}

#div-despo a {display:block; width:81px; height:25px; text-indent:-9000em; overflow:hidden; float:left;}

#div-despo a.depo01 {background:url(../pics/bg-depo01.jpg) no-repeat; margin-right:13px;}

#div-despo a.depo02 {background:url(../pics/bg-depo02.jpg) no-repeat;}


#home h2 {font:normal 18px Trebuchet MS; color:#0e4d75; padding-left:19px;

background:url(../pics/marc-home_h1.gif) no-repeat left; margin:11px 0 5px 0;}


#home p {font:normal 0.70em arial; color:#666; text-align:justify;}

#home p a {text-decoration:none; color:#666;}

#home p a:hover {text-decoration:underline;}


/* internas */

#internas{ margin-left:100px;}

#internas h2 {font:normal 18px Trebuchet MS; color:#0e4d75; padding:0 0 0 19px;

background:url(../pics/marc-home_h1.gif) no-repeat left; margin:35px 0 0 0; float:left; display:inline;}


#internas h3 {font:bold 16px arial; color:#D66104; margin:15px 0 15px 0;}

#internas p {font:normal 0.76em arial; color:#0e4d75; margin:10px 0; text-align:justify;}

#internas p.margin-top {padding-top:80px; float:left;}

ul.mascote li {margin:10px;}

ul.lista li {

background:url(../pics/lista02.jpg) no-repeat 3px; *background:url(../pics/lista02.jpg) no-repeat 6px left; 

margin:0 0 7px 20px; padding-left:13px; font:normal 0.76em arial; color:#0e4d75;}

ul.topicos {margin:10px 0 20px 10px;}

ul.topicos li {background:url(../pics/lista02.jpg) no-repeat 2px; *background:url(../pics/lista02.jpg) no-repeat 6px left; padding:0 0 8px 10px; font:bold 12px tahoma; text-align:justify; font:bold 0.8em arial; }

ul.topicos li a {color:#C65D0A; text-decoration:none;}

ul.topicos li a:hover {color:#313131; text-decoration:underline;}

ul.curso li {

float:left;

width:230px;

display:inline;

margin:10px 5px 10px 5px;

background:none;}

ul.curso li a img {border:4px solid #0e4d75; margin:0 auto;}

ul.curso li a img:hover {border:4px solid #D46B18;}

span.curso-desc {font:bold 12px tahoma; color:#C65D0A; background:url(../pics/lista02.jpg) no-repeat 2px; *background:url(../pics/lista02.jpg) no-repeat 6px left; padding-left:10px; text-decoration:none;}

span.curso-desc02 {font:bold 12px tahoma; color:#C65D0A; background:url(../pics/lista02.jpg) no-repeat 2px; *background:url(../pics/lista02.jpg) no-repeat 6px left; padding-left:10px; margin-left:30px; text-decoration:none;}

a.voltar {clear:left; display:block; font:bold 0.8em arial; text-align:center; color:#0C4A6F; text-decoration:underline; margin:15px;}

a.voltar:hover {text-decoration:none;}

span.depoimento {font:bold 0.7em arial; color:#0e4d75; float:left;}

img.right {float:right; padding:4px; border:1px solid #D86001; margin:5px 15px 20px 15px;}

#icones-form {float:left; display:inline; margin:10px 0 0 30px; width:300px;}

ul.form-icone li {margin:5px 0 15px 0;}

ul.form-icone li.endereco {font:normal 0.76em arial; color:#0e4d75; height:40px; 

background:url(../pics/icone-endereco.png) no-repeat; padding-left:40px;}

ul.form-icone li.telefone {font:normal 0.76em arial; color:#0e4d75; height:40px; 

background:url(../pics/icone-telefone.png) no-repeat; padding-left:40px;}

ul.form-icone li.email {font:normal 0.76em arial; color:#0e4d75; height:40px; 

background:url(../pics/icone-email.png) no-repeat; padding-left:40px;}

a.email {color:#D66104;}

.mapa {float:left; display:inline; width:390px;}

a.link-contato {color:#D66104; text-decoration:underline; font:normal 0.76em arial;}

a.link-contato:hover {color:#D66104; text-decoration:none;}

#navegacao {

	margin:40px 0 0 0;

	font:normal 11px arial;

	color:#57839E; float:right; display:inline;  }
	

	#navegacao span {

		color:#D86001;

		text-decoration:underline; }
		

/* Formulário de contato */

#formulario {width:250px; margin:0 auto; padding-top:15px;}

#formulario p {text-align:center; margin:10px 0;} 

div#formulario fieldset {width:250px; border:none;}

.contato, .enviar, textarea {background:none; border:none; font:normal 0.70em arial; color:#333;} 

input.contato {padding:5px; width:240px;}

textarea {padding:5px; width:240px; height:73px;}

input.enviar {float:right; margin:15px 0; width:43px;height:25px; cursor:pointer; background:url(../pics/bt-enviar.jpg) no-repeat;}

#formulario label.fale {width:250px; height:23px; float:left; background:url(../pics/bg-fale.jpg) no-repeat; margin-bottom:3px;}

#formulario label.text {width:250px; height:85px; float:left; background:url(../pics/bg-textarea.jpg) no-repeat;}

div.linha {border-bottom:1px dotted #999; margin:20px 0;}

label.labmenor{

width:35px;

margin-left:10px;

}

select {padding:5px; width:240px; border:1px solid #E9E9E9;}

span.legend{

padding:20px 0 0 8px;

margin:20px 0 20px 0px;

text-align:center;

line-height:10px;

font:normal 0.8em arial; 

color:#333;

}

span.spmenor{

font:normal 0.7em arial; color:#333; margin:0 5px;

line-height:30px;

}

label.labmenor02{

width:70px;

margin-left:15px; 

}

span.spmenor02{

width:50px;

font:normal 0.7em arial; 

color:#333;

}
/*** FOOTER ***/

#footer-in #mascote {position:absolute; width:175px; height:146px; background-image:url(../mascote-princ.gif); bottom:755px; right:2px;}

#footer-in address {font:normal 0.76em arial; color:#fff;}

#footer-in address span {font:bold 15px arial; color:#653209;}

a.assinatura{
	display:block; position:absolute; text-indent:-9000em; overflow:hidden; width:51px; height:35px; bottom:1px;
	right:88px; font:bold 0.8em arial; color:#fff; background:url(../pics/assinatura.gif) no-repeat;
}


/*########### Feito por THIAGO ISMAEL ########################*/

<style>

.desc_prod{
	font:normal 0.70em arial;
}

.produto{
	width:100px;
	height:200px;
	padding: 10px 10px 5px 10px;
	float:left;
	text-align:center;
	style=overflow:scroll;
	font:normal 0.70em arial;

}

#listagem_produtos{
	overflow:scroll;
	height:310px;
	width:800px; 
}

.grupo li:hover{
	background-color:#FFCC00;
	text-align:center;
	color:F7E313;
}

.grupo li{
	text-align:center;
	color:#000000;
	text-decoration:none;
	font-size:11px;
	height:20px;
	width:300px;
	margin:auto;
}

a{
	text-decoration:none;
	color:#000000;
	cursor:pointer;
}

#grupos{
	font-size:15px;
	border:1px solid #FF9900;
	width:300px;
	background-color:#FFFFCC;
	text-align:center;
	color:#FF9900;
	margin:auto;
	padding:5px 0px 5px 0px;
}



</style>

