html,* {
margin:0;
padding:0;
}

body {
color:#000;
font:11px Verdana, Geneva, sans-serif;
background-color:#fff;
margin:0;
padding:20px;
}

.clear {
clear:both;
}

.centro {
text-align:center!important;
}

.direita {
text-align:right!important;
}

.esquerda {
text-align:left!important;
}

.fl_right {
float:right;
}

.clearfix:after { content: "."; clear: both; display: block; height: 0; visibility: hidden; }
.clearfix { display: inline-block; }
/* Hide from IE Mac \*/
.clearfix { display: block; }
/* End hide from IE Mac */

h1{color:#FF3366}

a img{ border: none; }


div#div-jcrop{background-color:#fff;margin:12px;padding:12px; border:1px solid #CCC;}

#tit-jcrop a{font-size:12px;color:#216041;}

.custom .jcrop-vline, .custom .jcrop-hline {
	background: #FF3366!important;
}

div#topbar{
	margin:0 0 12px 0;
	background-color:#ccc;
	padding:12px;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	width:90%;
}

div#topbar ul{ list-style:none; }
div#topbar ul li{ float:left; margin:0 12px 0 0;} 

div#div-preview
{
	overflow: hidden; 
	width: 100px; 
	height: 100px; 
	margin-left: 5px;
	background-color:#ccc;
	border:1px solid #ccc;
	z-index: 120;
	
	
}

div#debug{
	margin:12px;
	background-color:#666;
	padding:12px;
	color:#fff;
}
div#debug p{
	margin:4px;
}
div#debug strong{
	display:block;
	width:100px;
	float:left;
	text-align:right;
	margin-right:2px;
}
div#debug input{
	background-color:#fff;
	border:1px solid #ccc;
	padding:4px;
}

input[type="submit"], #btn-crop, #btnvolta
{
	
	padding:10px; margin-left:10px; margin-top:10px;
	background-image:url(../_img/bg_bt_cinza.jpg); background-repeat:repeat-x; background-position:bottom; background-color:#f5f5f5; border:1px solid #d9d9d9;
	text-align:center;
	
	font-size:12px; color:#6e6e6e; text-decoration:none;
	cursor:pointer;
}