* { margin:0; padding:0; }

img { border:0; }



body { background:url('imagens/fundo.png'); 

font:12px Trebuchet MS; }



a {  color:#00A3D9; text-decoration:none;}

a:hover { color:#000; text-decoration:underline}

#active {

	width: 60px;

	margin:5px;

	padding:5px;

	border-radius:5px;

	background-color: #0D91D4;

	color:#FFF;	

}

a:visited {

	font-size: 14px;

	font-weight: bold;

}





#cabecalho {

	width:100%;

	background-color:rgba(255,255,255,30);

	border-bottom:1px solid #E4E4E4;

	padding:3px 0 3px 0;

	font:10px Verdana;

	color:#C0C0C0;

}

	#cabecalho div { width:940px; height:18px; margin:0 auto; }

		#cabecalho div h2 { float:right; font-weight:normal; font-size:13px; font-style:italic; color:#E8E8E8; }

		#cabecalho div p { float:left; margin-top:2px;}

			#cabecalho div p a {

	text-decoration: underline;

	color: 00A3D9;

}

				#cabecalho div p a:hover { text-decoration:none; }



#estrutura { 

	width:950px;

	margin:0 auto;

}



	.logo { float:left; margin:8px 8px 10px 0px; }



	.titulo { float:left; margin:10px 0 10px 0; padding:20px 0 20px 20px; border-left:1px solid #E6E6E6; font:18px Trebuchet MS; color:#999; }

	

	#boas-vindas { float:right; }

		#boas-vindas p { font:10px verdana; color:#666; }





#menu { float:right; }

#menu ul li { margin:10px 5px 10px 5px; float:left; list-style:none; }

	#menu ul li a { 

		display:block;

		width:98px;

		height:20px;

		padding-top:49px;

		background-position:top center;

		background-repeat:no-repeat;

		border-radius:5px;

		text-decoration:none;

		text-align:center;

		font:12px Trebuchet MS;

		color:#999;

		

		-webkit-transition: background 0.2s linear;

        -moz-transition: background 0.2s linear;

        -ms-transition: background 0.2s linear;

        -o-transition: background 0.2s linear;

        transition: background 0.2s linear;

	}

		#menu ul li a:hover { background-color:#62B900; background-position:bottom center; color:#FFF; }

		

		 #menu ul li a.menu-atual { background-color:#444; background-position:bottom center; color:#FFFFFF; }



#geral { 

	clear:both;

	width:920px;

	min-height: 400px;

	background:#FFF;

	border-radius:7px;

	margin-top:10px;

	padding:10px;

	padding-bottom:20px;

	margin-bottom:10px;

	border:1px solid #AAA;

	font-family:Verdana, Geneva, sans-serif;

	font-size:12px;

	

	-webkit-box-shadow: inset 0px 0px 8px  3px #EFEFEF;

	-moz-box-shadow: inset 0px 0px 8px 3px #EFEFEF;

	box-shadow: inset 0px 0px 8px 3px #EFEFEF;

	

}





#rodape p { float:left; margin-top:5px; font:10px Verdana; color:#CCC; }

	#rodape p a { color:#CCC; text-decoration:underline; }

		#rodape p a:hover { text-decoration:none; }



#login {

	display:block;

	position:absolute;

	width:370px;

	height:270px;

	top:50%;

	left:50%;

	margin-top:-135px;

	margin-left:-185px;

	background:#FFF;

	border-radius:10px;

	padding:0 10px 5px 10px;

	-webkit-box-shadow: 0px 0px 5px 5px #999;

	-moz-box-shadow: 0px 0px 5px 5px #999;

	box-shadow: 0px 0px 5px 5px #999; 

}

	#login img { display:block; text-align:center; margin:0 auto; }

	#login h1 { margin:-10px; margin-bottom:15px; }



h1 {

	clear: both;

	display: block;

	padding: 10px;

	margin: -12px;

	margin-bottom: 15px;

	font: 21px Trebuchet MS;

	border-radius: 8px 8px 0 0;	

	text-shadow: 2px 1px 1px #000000;

}

#geral h2 {

	margin-top: 15px;

	margin-bottom: 15px;

	font: 18px Trebuchet MS;

	text-align: left;

	border-bottom: 1px dashed #CCC;

	background-image: url(imagens/arrow.png);

	background-repeat: no-repeat;

	text-indent: 13px;

	background-position: 0px;

}



.p {

	margin:20px 0 20px 0;

	font:12px Verdana;

	color:#333;

}

	.p a { color:#333; text-decoration:underline; }

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



/* Tabela */

#tabela, #tabela_pedido{ font-family:verdana; }



/* Botões Tabela */

.botao-ver, .botao-excluir, .botao-editar, .botao-add, .botao-pdf {

	display:block;

	float:left;

	margin-left:10px;

	width:14px;

	height:13px;	

	background-position:left top;

	background-repeat:no-repeat;

	overflow:hidden;

	text-indent:-3000em;

}

	.botao-ver:hover, .botao-excluir:hover, .botao-editar:hover, .botao-add:hover, .botao-finalizar:hover, .botao-pdf:hover { background-position:left bottom; }

	

	.botao-ver { background-image:url('imagens/botao.ver.png'); }

	.botao-excluir { background-image:url('imagens/botao.excluir.png'); }

	.botao-editar { background-image:url('imagens/botao.editar.png'); }
	
	.botao-pdf { background-image:url('imagens/botao.pdf.png'); }

	.botao-add { background-image:url('imagens/botao.add.png'); }







/* Formulario */



h4 { margin:-10px 0 25px 0; font:bold 13px Trebuchet MS; color:#D4D4D4; }



#formulario tr th {

	text-align:right;

	padding-right:3px;

	width:150px;

	font:11px Verdana;

}



#formulario tr td {

	padding:3px 0 3px 0;

}





#formulario tr .texto-form, #formulario tr td label, #formulario tr td a {

	color: #000;

	font-family: verdana;

	font-size: 11px;

}

#formulario tr td a { color:#000000; text-decoration:none; } #formulario tr td a:hover { text-decoration:underline; }



#formulario tr td input, #formulario tr td textarea, #formulario tr td select, #formulario input { font-size:12px; padding:6px; border:1px solid #999999; border-left:3px solid #0D91D4; border-radius:5px; }

#formulario tr td .botao { cursor:pointer; margin-top:20px; padding:5px; border:none; background:#0D91D4; color:#FFFFFF; }



#formulario .form-divisao { padding:15px 0 15px 0; }

	#formulario .form-divisao hr { border:0; height:1px; background:#DDD; }



.campo { font:16px Trebuchet MS; }



.hr {

	height:1px;

	margin-top:12px;

	border: 1px solid;

	border-color: #C0C0C0 #FFF #FFF #FFF;

}





/* Detalhes */

.botao-adicionar {

	display:block;

	float:right;

	width:40px;

	height:14px;

	margin-bottom:13px;

	padding:9px 10px 9px 30px;

	border-radius:7px;

	background:#EBEBEB url(imagens/botao.adicionar.png) left top no-repeat;

	text-decoration:none;

	font:11px Verdana;

	color:#333;

	

	-webkit-box-shadow: inset 0px 0px 8px  3px #E0E0E0;

	-moz-box-shadow: inset 0px 0px 8px 3px #E0E0E0;

	box-shadow: inset 0px 0px 8px 3px #E0E0E0;

}

.botao-voltar { 

	display:block;

	float:right;

	width:40px;

	height:14px;

	margin-bottom:13px;

	margin-right:4px;

	padding:9px 10px 9px 30px;

	border-radius:7px;

	background:#EBEBEB url(imagens/botao.voltar.png) left top no-repeat;

	text-decoration:none;

	font:11px Verdana;

	color:#333;

	

	-webkit-box-shadow: inset 0px 0px 8px  3px #E0E0E0;

	-moz-box-shadow: inset 0px 0px 8px 3px #E0E0E0;

	box-shadow: inset 0px 0px 8px 3px #E0E0E0;

}

	.botao-adicionar:hover { 

		background:#0D91D4 url(imagens/botao.adicionar.png) left bottom no-repeat;

		-webkit-box-shadow: inset 0px 0px 0px  0px #0D91D4;

		-moz-box-shadow: inset 0px 0px 0px  0px #0D91D4;

		box-shadow: inset 0px 0px 0px  0px #0D91D4;

		color:#FFF;

	}

		.botao-voltar:hover { 

		background:#0D91D4 url(imagens/botao.voltar.png) left bottom no-repeat;

		-webkit-box-shadow: inset 0px 0px 0px  0px #0D91D4;

		-moz-box-shadow: inset 0px 0px 0px  0px #0D91D4;

		box-shadow: inset 0px 0px 0px  0px #0D91D4;

		color:#FFF;

	}



.botao-imprimir {

	display: block;

	width: 60px;

	height: 14px;

	float: right;

	margin-bottom: 13px;

	margin-right: 15px;

	border-radius: 7px;

	background: #EBEBEB url(imagens/botao.imprimir.png) left top no-repeat;

	text-decoration: none;

	font: 11px Verdana;

	color: #333;

	-webkit-box-shadow: inset 0px 0px 8px  3px #E0E0E0;

	-moz-box-shadow: inset 0px 0px 8px 3px #E0E0E0;

	box-shadow: inset 0px 0px 8px 3px #E0E0E0;

	padding:9px 10px 9px 30px;

}

.botao-imprimir:hover {

	background: #0D91D4 url(imagens/botao.imprimir.png) left bottom no-repeat;

-webkit-box-shadow: inset 0px 0px 0px  0px #0D91D4;

		-moz-box-shadow: inset 0px 0px 0px  0px #0D91D4;

		box-shadow: inset 0px 0px 0px  0px #0D91D4;

		color:#FFF;

	}	

	.botao-alterar {

	display: block;

	width: 60px;

	height: 14px;

	float: right;

	margin-bottom: 13px;

	margin-right: 15px;

	border-radius: 7px;

	background: #EBEBEB url(imagens/botao.alterar.png) left top no-repeat;

	text-decoration: none;

	font: 11px Verdana;

	color: #333;

	-webkit-box-shadow: inset 0px 0px 8px  3px #E0E0E0;

	-moz-box-shadow: inset 0px 0px 8px 3px #E0E0E0;

	box-shadow: inset 0px 0px 8px 3px #E0E0E0;

	padding:9px 10px 9px 30px;

}

.botao-alterar:hover {

	background: #0D91D4 url(imagens/botao.alterar.png) left bottom no-repeat;

-webkit-box-shadow: inset 0px 0px 0px  0px #0D91D4;

		-moz-box-shadow: inset 0px 0px 0px  0px #0D91D4;

		box-shadow: inset 0px 0px 0px  0px #0D91D4;

		color:#FFF;

	}	

.botao-pedido {

	display:block;

	float:right;

	width:80px;

	height:14px;

	margin-bottom:13px;

	padding:9px 10px 9px 30px;

	border-radius:7px;

	background:#EBEBEB url(imagens/botao.pedido.png) left top no-repeat;

	text-decoration:none;

	font:11px Verdana;

	color:#333;

	

	-webkit-box-shadow: inset 0px 0px 8px  3px #E0E0E0;

	-moz-box-shadow: inset 0px 0px 8px 3px #E0E0E0;

	box-shadow: inset 0px 0px 8px 3px #E0E0E0;

}

	.botao-pedido:hover { 

		background:#0D91D4 url(imagens/botao.pedido.png) left bottom no-repeat;

		-webkit-box-shadow: inset 0px 0px 0px  0px #0D91D4;

		-moz-box-shadow: inset 0px 0px 0px  0px #0D91D4;

		box-shadow: inset 0px 0px 0px  0px #0D91D4;

		color:#FFF;

	}

	

.botao-listar {

	display:block;

	width:40px;

	height:14px;

	float:right;

	margin-bottom:13px;

	margin-right:15px;

	padding:9px 10px 9px 30px;

	border-radius:7px;

	background:#EBEBEB url(imagens/botao.listar.png) left top no-repeat;

	text-decoration:none;

	font:11px Verdana;

	color:#333;

	

	-webkit-box-shadow: inset 0px 0px 8px  3px #E0E0E0;

	-moz-box-shadow: inset 0px 0px 8px 3px #E0E0E0;

	box-shadow: inset 0px 0px 8px 3px #E0E0E0;

}

	.botao-listar:hover { 

		background:#0D91D4 url(imagens/botao.listar.png) left bottom no-repeat;

		-webkit-box-shadow: inset 0px 0px 0px  0px #0D91D4;

		-moz-box-shadow: inset 0px 0px 0px  0px #0D91D4;

		box-shadow: inset 0px 0px 0px  0px #0D91D4;

		color:#FFF;

	}

	

.botao-finalizar {

	display:block;

	width:90px;

	height:14px;

	z-index:99999;

	

	padding:9px 10px 9px 30px;

	border-radius:7px;

	background:#EBEBEB url(imagens/botao.listar.png) left top no-repeat;

	text-decoration:none;

	font:11px Verdana;

	color:#333;

	

	-webkit-box-shadow: inset 0px 0px 8px  3px #E0E0E0;

	-moz-box-shadow: inset 0px 0px 8px 3px #E0E0E0;

	box-shadow: inset 0px 0px 8px 3px #E0E0E0;

}

	.botao-finalizar:hover { 

		background:#0D91D4 url(imagens/botao.listar.png) left bottom no-repeat;

		-webkit-box-shadow: inset 0px 0px 0px  0px #0D91D4;

		-moz-box-shadow: inset 0px 0px 0px  0px #0D91D4;

		box-shadow: inset 0px 0px 0px  0px #0D91D4;

		color:#FFF;

	}

	

.botao-atual {

	background-color: #DB305F;

	background-position: left bottom;

	-webkit-box-shadow: inset 0px 0px 0px  0px #0D91D4;

	-moz-box-shadow: inset 0px 0px 0px  0px #0D91D4;

	box-shadow: inset 0px 0px 0px  0px #0D91D4;

	color: #FFF;

}





/* Busca (produtos) */



#busca { float:left; margin-bottom:15px; }

#busca fieldset {  padding:10px; color:#CCC; background:#EEE; border-radius:7px; border:1px solid #DBDBDB; }

#busca fieldset legend { font:bold 11px verdana; color:#666; }

#busca label { font:11px verdana; color:#666; }

#busca input, #busca select, #busca textarea { font-size:12px; padding:6px; border:1px solid #999999; border-left:3px solid #0D91D4; border-radius:5px; }

#busca .botao { cursor:pointer; padding:5px; border:none; background:#0D91D4; color:#FFFFFF; }



.borda{

	border:solid 1px #CCC;	

	/*margin-bottom: 10px;	*/

	border-radius:5px;

	padding-bottom:10px;	

}

.borda h2 { 

	clear: both;

	display: block;

	padding: 10px;

	margin: 0px;

	margin-bottom: 15px;

	font: 18px Trebuchet MS;

	border-radius: 5px 5px 0 0;

	color: #000;

	-webkit-box-shadow: inset 0px 0px 12px 3px #CCC;

	-moz-box-shadow: inset 0px 0px 12px 3px #CCC;

	box-shadow: inset 0px 0px 12px 3px #E5E5E5;

	background-color: #EEE;

	border-bottom:1px solid #CCC;

}

.borda p{

	font-size:12px; 	

	}

.borda th { 	font-weight:bold; 

color:#666;

}

.borda td { 	

color:#000;

font-size:12px; 	

}

.borda ul {

	 border: 0;

     margin: 0;

     padding: 0;

     list-style-type: none;

     text-align: center;

	 margin-bottom:20px;

}

.borda ul li {

        display: block;

        float: left;

        text-align: center;

        padding: 0;

        margin: 0;

		width:32%;

}

.borda table tr th p {

	text-align: right;

	margin-right: 5px;

}

.borda2{

	border: 1px solid #CCC;

	border-radius: 5px;

	background-color: #F8F8F8;

	color: #000;

	-webkit-box-shadow: inset 0px 0px 12px 3px #CCC;

	-moz-box-shadow: inset 0px 0px 12px 3px #7EA72C;

	box-shadow: inset 0px 0px 12px 3px #E5E5E5;

	padding: 5px;

	margin-bottom: 20px;

	font: 18px Trebuchet MS;

}

.borda2 a {

	color: #00A3D9;

	text-decoration: none;

	

	}

.borda2 a:hover { color:00698C; }	



#categoria, #subcategoria {

	float:left;

	border:solid 1px #CCC;

	border-radius:5px;

	padding-bottom:10px;	

	-webkit-box-shadow: inset 0px 0px 12px 3px #F4F4F4;

	-moz-box-shadow: inset 0px 0px 12px 3px #F4F4F4;

	box-shadow: inset 0px 0px 12px 3px #F4F4F4;

	width:45%;

	margin:10px;

	

	}

#categoria h2, #subcategoria h2{

	padding: 10px;

	margin: 0px;

	margin-bottom: 15px;

	font: 18px Trebuchet MS;

	border-radius: 5px 5px 0 0;

	color: #000;

	-webkit-box-shadow: inset 0px 0px 12px 3px #CCC;

	-moz-box-shadow: inset 0px 0px 12px 3px #CCC;

	box-shadow: inset 0px 0px 12px 3px #E5E5E5;

	background-color: #EEE;

	border-bottom:1px solid #CCC;	

	}

#subcategoria ul {

	margin-left:25px;

}

#subcategoria li{

	list-style-image: url(imagens/arrow.png);

	list-style-type: none; 

	font-size:11px

	}

#subcategoria h3 {

	padding: 5px;

	margin: 0px;

	color: #000;

	font: 16px Trebuchet MS;

	-webkit-box-shadow: inset 0px 0px 12px 3px #CCC;

	-moz-box-shadow: inset 0px 0px 12px 3px #CCC;

	box-shadow: inset 0px 0px 12px 3px #E5E5E5;

	background-color: #EEE;

	border-bottom:1px solid #CCC;	

	border-top:1px solid #CCC;	

	}