/* Standard */
.ui-widget {
    font-size: 12px;
}

p{ text-align: justify;}

big, .big{ font-size: 1.1em; }
.small, small, .sub, sub, .sub, sup { font-size: 80%; }
.xsmall{ font-size: 70%; }
.sub, sub { vertical-align: sub }
.sub, sup { vertical-align: super }
.strong{ font-weight: bold; }
.normal{ font-weight: normal; }
.em{ font-style:italic; }
.green{ color: green; }
.red{ color: red; }

.tl{text-align: left;}
.tr{text-align: right;}
.tc{text-align: center;}
.hide{display: none;}
.left{ float: left; }
.right{ float: right; }
.clear{ clear: both; }
.margin{margin-left: 10px;}
.red{ color: red; }
.green{ color: green; }


h1{ font-size: 18px; text-shadow: 1px 1px 1px #fff; }
h2{ font-size: 16px; }
h3,h4{ font-size: 14px; }
h4{ font-weight: normal; }

h1, h2, h3, h4, p{
	padding: 2px 0;
	margin: 8px 0;
	
}
h2, h3, h4{
	border-bottom:1px dotted #CCCCCC;
}
table{
	margin: 5px;
	border: 1px solid #ccc;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
table thead th, table thead td, td.form, table tbody tr.odd td.form {
	background:url("imagens/table-head.gif") repeat-x scroll center top #E2E2E2;
	border-bottom:1px solid #CCCCCC;
	border-right:1px solid #CCCCCC;
	color:#333333;
	font-weight:700;
	padding:6px 8px;
	text-shadow: 1px 1px 1px #fff;
	text-align: center;
}
table tbody td {
	border-bottom: 1px solid #CCCCCC;
	border-right:1px dotted #CCCCCC;
	font-size:93%;
	padding: 2px 4px;
	vertical-align:middle;
	white-space: normal;
}

table tbody tr.even:hover td, table tbody tr.odd:hover td {
	background: #f5f5f5;
}

table tbody tr.odd td{
	background: #f2f2f2;
}

table tbody tr.top{
	border-bottom: 1px solid #ccc;
	border-top: 1px solid #ccc;
	font-size:90%;
	font-weight:bold;
}

table tfoot td{
	border-top: 1px solid #ccc;
	padding: 2px 4px;
	white-space: nowrap;
	border-right:1px solid #CCCCCC;
}
table tfoot td.legend{
	background:url("imagens/table-head.gif") repeat-x scroll center top #E2E2E2;
	color:#333333;
}
.paginate{
	margin: 5px 0;
}
table tfoot td a, .paginate a{
	text-align: center;
	border: 1px solid #ccc;
	text-decoration: none;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	font-weight: bold;
	background: url("imagens/button_default.png") repeat-x center 0 #E9E9E9;
	padding: 1px 4px;
}

table tfoot td a:hover, table tfoot td a.paginate_sele, .paginate a.paginate_sele, .paginate a:hover{
	background: url("imagens/button_default.png") repeat-x center -48px #ccc;
	color: #000;
}

form label {
    display: block;
    font-weight: bold;
    padding: 6px 0 4px;
}
form label.inline{
	display: inline;
	 font-weight: normal;
}
input.pesquisa{
	border: 1px solid #082E66;
	font-size: 14px;
}

form input, form select, form textarea, form .wysiwyg {
    background: url(imagens/form.png) repeat-x left top #fff;
    border: 1px solid #D5D5D5;
    color: #333333;
    font-size: 13px;
    padding: 3px 6px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	text-shadow: 1px 1px 1px #fff;
	vertical-align: middle;
	border: 1px solid #082E66;
	font-family: segoe ui,Arial,sans-serif;
}
form button{
	margin: 6px 0 0 0;
}

/* Estrutura */

div#wrapper{float:left; width:100%}
div#content{margin-left: 200px; padding: 10px;  background: url(imagens/bg.png) 0px 0px no-repeat; min-height: 250px; /*position: absolute; float:right; */}
div#nav{ float:left; width:200px; height: 100%; /*position: absolute;*/ color: #888;}
div#body{ background: #fff; border: 1px solid #D5D5D5; padding: 5px; display: block;}

/* Style */
body{ 
	color: #555;
	font-family: segoe ui,Arial,sans-serif;
	/*font-family: Arial,Helvetica,sans-serif;*/
    font-size: 12px;
	line-height: 16px;
	background: url(imagens/bg_fill.png); 
}
body.body{
	background: url(imagens/nav_bg.png) 0px 0px repeat-y  #F0F0F0; 
	margin-top: -8px;
}
a {
    color: #082E66;
	/*vertical-align: text-bottom;*/
}
img{ vertical-align: text-bottom; }
#nav a{
	color: #CCCCCC;
	text-decoration: none;
}
#nav a:hover{
	color: #fff;
}
#nav p{
	margin: 30px 6px 20px;
	line-height: 20px;
}
#nav ul li a{
	text-align: right;
	padding: 5px 15px;
	font-size: 13px;
	display: block;
	color: #AAAAAA;
	
}
#nav ul li a.sele{
	font-weight:bold;
	color: #fff;
	background: url(imagens/nav_simple.png) top right no-repeat;
}
#nav a.nav{
	color: #fff;
	background: url(imagens/nav.png) top right no-repeat;
	font-weight:bold;
	padding: 15px;
}
#nav a.nav.sele{
	background: url(imagens/nav_over.png) top right no-repeat;
	color: #000;
	
}

.button:hover, button:hover{
    background: url("imagens/button_default.png") repeat-x center -24px #E9E9E9;
    border-color: #C8C7C7;
    color: #727070;
}
.button:active , button:active{
    background: url("imagens/button_default.png") repeat-x center -48px #E9E9E9;
    border-color: #C8C7C7;
    color: #4C4545;
}
.button , button {
    background: url("imagens/button_default.png") repeat-x center 0 #E9E9E9;
    /*border: 1px solid #DADADA;*/
    color: #8D8B8B;
    /*cursor: default;*/
    font-size: 12px;
    line-height: 14px;
    padding:1px 12px 3px;
	border: 1px solid #D5D5D5;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	text-shadow: 1px 1px 1px #fff;
	text-decoration: none;
}
.button img , button img{
	vertical-align: middle;
}

.pesquisa{
	background: url("imagens/icons/magnifier-zoom.png") no-repeat 2px center;
    border: 1px solid #DADADA;
    border-radius: 3px 3px 3px 3px;
    font-size: 12px;
    height: 18px;
    margin: 0 2px;
    padding: 2px 2px 2px 20px;
	vertical-align: middle;
}

.login{
	width: 550px; 
	left: 25%; 
	top: 100px;
	position: relative;
}
.login_logo{
	float:left;
	width: 200px;
	text-align:right;
	padding: 115px 0;
}
.login_box{
	margin-left: 200px; 
	background: #fff; 
	padding: 15px 50px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
.copy a{
	color: #CCCCCC;
    text-decoration: none;
}


#ajax{
	background: url("imagens/ajax-loader.gif") no-repeat 20px 10px #FFFFFF;
	position: absolute; 
	left: 40%; 
	border: 1px solid rgb(204, 204, 204); 
	padding: 20px 25px 20px 60px; 
	top: 40%;
	z-index: 10;
	color: #082E66;
	text-align: center;
	vertical-align: middle;
	font-weight: bold;
	display:none;
}

.box{ border: 1px solid #ccc; margin:3px; padding: 3px;}

.sele{ background: #eaeaea; color: #fff;}

.rotate{
	-webkit-transform: rotate(-90deg);	
	-moz-transform: rotate(-90deg);
	-ms-transform: rotate(-90deg);
	-o-transform: rotate(-90deg);
	transform: rotate(-90deg);
	filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
}

#tooltip {
	position: absolute;
	z-index: 3000;
	border: 1px solid #111;
	background-color: #fff;
	padding: 5px;
	/*opacity: 0.85;*/
}
#tooltip h3, #tooltip div { margin: 0; }
#tooltip h3{ font-size: 12px; }

input[type=text].erro, table.erro{
	border: 1px solid red;
	color: red;
}
.produto{
	float: left;
	margin: 3px 3px 3px 0;
	width: 200px;
	height: 160px;
	border: 1px solid #ccc;
	padding:2px; 
	background: url('/imagens/produto.png') repeat-x scroll center 0 #f9f9f9;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	overflow:hidden;
}

.produto .fade{
	height: 100px;
}

.produto .cart, .produto .stock, .produto .preco{
	margin-top: 10px;
	float: left;
}
.produto .preco_12{
	margin-top: 0;
}

.produto .cart{
	width: 16px;
}
.produto .cart_qt
{
	margin-right: 5px;
	text-align: center;
	width: 32px;
}
.produto .stock{
	margin-top: 14px;
	width: 20px;
}
.produto .preco{
	width: 58px;
	margin-top: 15px;
}
.plafond{
	color: blue;
}

.categorias{
	width: 350px;
	border: 1px solid #ccc;
	position: absolute;
	background: #fff;
}
.categorias a {
	width: 344px;
	float:left;
	display:block;
	height: 20px;
	padding: 3px;
	margin-right: 5px;
	text-decoration: none;
}
.categorias a:hover{
	background: #f5f5f5;
}

.categoria{
	width: 300px;
	height: 140px;
	padding: 5px;
	float:left;
	display:block;
	margin: 5px;
}
.categoria img { vertical-align: middle; border:2px solid #ccc;margin-bottom: 1px; }
.categoria_nome{
	font-size: 15px;
	text-decoration: none;
	font-weight: bold;
	display: block;
	margin: 5px 0;
}

.ui-tabs-nav{
	height: 29px;
}
.texto{
	font-size: 120%;
}
.texto ol{
	list-style: decimal;
	margin: 5px 0 5px 20px;
}
.texto ul{
	list-style: circle;
	margin: 5px 0 5px 20px;
}