* {margin:0; padding:0; list-style:none; text-style:none; text-decoration:none;}
body {padding:0; text-align:center;}
/* ------------------------------- tipografia ------------------------------*/
body, p, ul, ol, dl {font: 12px/1.6em Arial, Helvetica, sans-serif;	color: #BBB;}
p {margin-bottom: 6px; text-align:left;}
p strong {
	font-weight: bold;
	color: #0CF;
}
h1, h2, h3, h4, h6 {line-height: 1.8em; font-family: Arial, Helvetica, sans-serif; margin-bottom:8px; padding-left: 6px;text-align:left;}
h1 {font-size: 18px; color:#FFF;}
h2 {font-size: 18px; color: E8E8E8;}
h3 {font-size: 18px; color:#006;
	padding-left: 20px;
	background: #CCC url(arrows/coluna.png) no-repeat 3% 52%;
}
h4 {font-size: 1.5em; border-bottom: 1px solid #CCC; margin-left: 14px;}
h5 {
	font-size: 1.1em;
	color:#09C;
	line-height: 1.8em;
}
h6 {font-size: 0.9em;}
.texto, #rodape p {padding:8px;}
.texto_borda { /* para usar quando a box tiver bordas */
	padding:6px; 
	border: 1px solid #999; 
	border-top: none;
}
/* ------------------------------- estrutura ------------------------------*/
#corpo{
	position: relative;	
	width: 810px; 
	height: 100%; 
	margin: 0 auto; 
	padding: 0;
	text-align:left;
}
#corpointerno {
	width: 789px;
	height: 100%;
	margin: 0 0 0 19px ;
	padding-top: 45px;
}
#topo{
	width: 770px;
	height: 315px;
	margin-right: 19px;
}
#logo {
	height: 104px;
	width: 255px;
	float:left;
}
#logo img {	margin: -44px 0 0 0;}

#conteudogeral {
	width: 770px;
	height:auto;
	margin:0;
}
.conteudo, .conteudo_left, .conteudo_tres, .conteudo_full {padding-bottom: 8px;}
.conteudo {	margin-left: 210px;}
.conteudo_left {margin-right: 210px; margin-left: 10px;}
.conteudo_tres { margin: 0 205px;}
.conteudo_full { margin: 0;}
.coluna_left, .coluna_right {width: 192px; padding-bottom: 8px; display:inline;}
.coluna_left {float: left; margin-left: 10px;}
.coluna_right {	float: right; margin-right: 15px;}
#rodape { line-height: 1.6em; padding: 8px; margin:6px 10px; text-align:right;}
/* ------------------------------ elementos  ------------------------------- */
#flash {
	margin-top: 0;
	margin-right: 10px; 
	width: 499px;
	height: 293px;
	float: right;
	overflow: hidden;
}
.box  {width: 97.5%; margin: 10px; *margin: 5px; margin-top:0;}
.conteudo_left .box {margin: 0 0 8px;}
.box_b {width: 47%; margin: 8px 10px; _margin: 8px 5px; float:left; display:inline;} 
.box_c {width: 31.7%; margin: 8px 3px; _margin: 8px 1px; float:left; display:inline;} 
.box_d {width: 45%; margin: 8px 5px; _margin: 4px 3px; float:left; display:inline;} 
.box_e {width: 180px; margin: 8px 4px; _margin: 4px 2px; float:left; display:inline;} 
.box_coluna {margin: 16px 0 6px;}
#alinhar {margin-left: 12px;}
/* ------------------------------ imagens  ------------------------------- */
.imagem {border: 1px solid #FFF; float:left; margin: 4px;}
.icone {float:left; margin: 4px; border:none;}
.botao {float:right; margin: 3px 14px 6px 0; padding: 2px 6px; font-size:0.9em;}
/* ------------------------------ elementos do backend  ------------------------------- */
#topobackend {width: 770px; height: 120px; margin-right: 19px;}
#titulopainel {float:left; width: 426px; height: 96px; background:url(../imagens/painel_administrativo.jpg) no-repeat; margin-top:-1px;}
/*--------------------------- galeria de imagens ----------------------------*/
dl.galeria 	{
	width: 150px;
	border: 1px solid #AAA;
	background-color:#003;
	text-align: center;
	padding: 6px;
	float: left;
	margin: 0 8px 20px;
	display:inline;
}
dl.galeria dt {
	font-weight: bold;
}
dl.galeria dt img {
	border: 1px solid #AAA;
	width: 136px;
	height: 110px;
	padding: 6px;
	background-color:#FFF;
}
dl.galeria dd {
	margin: 0; 
	padding: 0; 
	color: #FFF;
}

/*--------------------------------- galeria para coluna ----------------------------------*/
dl.galeriacoluna {
	width: 170px;
	text-align: center;
	padding: 4px 8px;
	margin: 8px auto;
	background-color: #0278A7;
}
dl.galeriacoluna dt {
	font: bold 15px/20px Arial, Helvetica, sans-serif;
	color: #FFF;
}
dl.galeriacoluna dt img {
	width: 150px;
	height: 110px;
	border: 2px solid #FFF;
	margin: 10px auto;
}
dl.galeriacoluna dd {
	margin:0; 
	padding:0;
}

/*-------------------------------- menu vertical bloco ----------------------------------*/
 ul#menu{ 
	margin-left: 10px; 
	width: 215px;
	float: left;
}
#index {width:215px; height:30px; overflow:hidden; display:block; background:url(../imagens/menu.png) no-repeat 0 0;}
a#index:hover { display:block; background:url(../imagens/menu.png) no-repeat 100% 0;}

#servicos {width:215px; height:30px; overflow:hidden; display:block; background:url(../imagens/menu.png) no-repeat 0 21%;}
a#servicos:hover { display:block; background:url(../imagens/menu.png) no-repeat 100% 21% ;}

#quem_somos {width:215px; height:30px; overflow:hidden; display:block; background:url(../imagens/menu.png) no-repeat 0 42%;}
a#quem_somos:hover { display:block; background:url(../imagens/menu.png) no-repeat 100% 42%;}

#tutoriais {width:215px; height:30px; overflow:hidden; display:block; background:url(../imagens/menu.png) no-repeat 0 63%;}
a#tutoriais:hover { display:block; background:url(../imagens/menu.png) no-repeat 100% 63%;}

#contato {width:215px; height:30px; overflow:hidden; display:block; background:url(../imagens/menu.png) no-repeat 0 82.5%;}
a#contato:hover { display:block; background:url(../imagens/menu.png) no-repeat 100% 82.5%;}

#orcamento {width:215px; height:30px; overflow:hidden; display:block; background:url(../imagens/menu.png) no-repeat 0 102%;}
a#orcamento:hover { display:block; background:url(../imagens/menu.png) no-repeat 100% 102%;}

/*--------------------------------- menu rodape ----------------------------------*/
ul#menu_inf {text-align:right;font-family:Verdana, Arial, Helvetica, sans-serif;}
ul#menu_inf li{ display:inline; font-size: 0.8em; margin: 3px 8px;}

/*--------------------------------- formatações ----------------------------------*/
.clr {clear:both;}
.clr_l {clear:left;}
.clr_r {clear:right;}

.fl {float:left;}
.fr {float:right;}

.tal_c {text-align:center}
.tal_j {text-align:justify}
.tal_l {text-align:left}
.tal_r {text-align:right}

.centro {margin: 0 auto}

/* -----------------------------   list-styles  ------------------------------- */
.circle li {list-style:inside circle;}
.disc li {list-style:inside disc;}
.square li {list-style:inside square;}
.decimal li {list-style:inside decimal;}
.seta_c li {list-style:inside url(arrows/03.gif);*list-style:outside; *margin-left: 14px; _list-style:outside; _margin-left: 14px;margin-bottom: 6px;}
.seta_d li {list-style:inside url(arrows/04.gif);*list-style:outside; *margin-left: 14px; _list-style:outside; _margin-left: 14px;margin-bottom: 6px;}

/* -----------------------------   thumbs  ------------------------------- */
.thumba {
	height: 110px;
	width: 110px;
	float: left;
	padding-right: 10px;
}
.conta {
	height: 32px;
	width: 236px;
	margin: 0 auto 5px;
}
.paginacao {
	margin: auto;
	text-align: center;
	padding: 3px 5px;
	display:block;
}
.paginacao ul li {display:inline; font-weight:bold; font-size: 13px;}
.paginacao ul li a {font-weight:normal; font-size: 11px; color: #000;}

body#none {background:none;}
#rokbox {margin: auto; background:url(../imagens/bkg_rokbox.png)no-repeat; width: 420px; height:260px; padding: 20px;}
#rokbox h1 {margin: 20px; padding: 0; text-align:center;}
/* ------------------------------ ajustes ------------------------------------*/
#aj_box_c {margin-left: 12px;}
/* ------------------------------ formulários ------------------------------------*/
fieldset {
	width: 360px;
	margin: 0 auto;
	border:none;
}
legend {
	font: bold 16px Verdana, Arial, Helvetica, Sans-serif;
	padding-left: 10px;
	margin-bottom: 10px;
}
label {
	display:block;
	width: 150px;
	float:left;
	text-align:right;
	margin-bottom: 10px;
	border:none;
}
input, textarea, select {
	width: 180px;
	float:left;
	text-align:left;
	margin-left: 1.8em;
	margin-bottom: 10px;
	background-color:#CCC;
}
span input {
	display:block;
	width: 70px;
	margin: auto;
	padding:auto;
	float:none;
	clear:left;
}