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

body {
margin:0;
}

.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;font-weight:1200;letter-spacing:-3px;text-transform:uppercase;}

a img{ border: none; }

form{margin-top:12px;padding:12px;}
div#div-jcrop{width:550px; margin:12px;padding:12px;}

#tit-jcrop {font-size:16px; color:#31625E; font-weight:bold;}
#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: 200px; 
	height: 200px; 
	background-color:#ccc;
	border:12px solid #ccc;
	float:right;
	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
{
	border:none;
	background-color:#4ca5fe;
	color:#fff;
	font-weight:900;
	padding:4px;
	cursor:pointer;
}