* {
	margin: 0;
	padding: 0;
	list-style: none;
	text-decoration: none;
	-webkit-box-sizing: border-box;
	-moz-box-sizing:    border-box;
	box-sizing:         border-box;
}

.campos{display: inline-block; width: 100%; padding: 10px; margin: 0 0 15px 0; color: #555; border:none; background: #F4F4F4; border-radius: 3px; box-shadow: -1px 1px 0 #999; font-weight: 300; line-height: 1; }
.camposSuccess{background: #5cb85c; color: #fff; }
._campos{background: transparent; border-radius: none; box-shadow: none; }
.campos:required {
  background: #F4F4F4 url(../images/required.png) top left no-repeat;
  padding: 10px 10px 10px 20px;
}

.campos-checkbox {
	display: inline-block;
	padding: 5px;
	border-radius: 3px;
	border: 1px solid #ccc;
	margin-right: 5px;
}


td{
	vertical-align: top;
}

small{color: #999; display: inline-block; padding: 0 0 0 10px;}
.align-left{ text-align: left;}
.align-right{ text-align: right;}
li{list-style: none;}
.clear{clear: both;}
.transition_class{ -webkit-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; transition: all .2s ease-in-out;}


body{ background: #f9f9f9;}

#main #header,
#main #navigation,
#main #content,
#main #footer { padding:1%;  display:block; }

#main #header{text-align: right; border-bottom: 1px solid #dddddd;}
#main #header img{ float: left;}

#main #navigation{ width: 10%; float: left; padding: 0; }
#main #navigation ul li{ border-bottom: 1px solid #dddddd;}

#main #content{width: 90%; min-height: 500px; float: left; background: #FFF; border-left: 1px solid #dddddd; }
#main #footer{ clear: both; border-top: 1px solid #dddddd;}

.caixa_checkbox{ height: 202px; overflow: auto; border:1px solid #AAA; margin: 1% 0; padding:5px;  display:block; border-radius: 5px;overflow-x: hidden; }
._checkbox{  margin: 0 5px 5px 0; min-width: 300px; text-align: left; }
._checkbox input{ margin: 0 5px 0 0;}

.caixa_checkbox_m ._checkbox{min-width: 75px;}

.thumb{ display: block; border: 1px solid #ccc; text-align: center;}
.thumb img{ height: 40px;   }
.thumb:hover img{ height: 250px;}


#main #footer{ clear: both; }

#galeria-imagens{margin: 0; padding: 0; background: #000; }
#galeria-imagens li{ float: left; border:1px solid #AAA; margin: 0 1% 1% 0; padding:5px;  border-radius: 5px; }
#galeria-imagens li img{ display: block; max-width: 300px; max-height: 300px; margin: 1% 0;}
#galeria-imagens li textarea{display: block;width: 100%;}


.table-thumbs{width: 100%;}
.table-thumbs tr td{ position: relative; }
.table-thumbs tr td a{position: absolute; top: 0; right: 5px;}
.table-thumbs tr td span{position: absolute; top: 0; right: 40px;}
.table-thumbs tr td img{display: block; margin: 20px 0 0 0; max-width: 200px; height: auto; }

fieldset{background: #f9f9f9; border:1px solid #dddddd; border-radius: 5px; }

.ajax-file-upload-statusbar {border: 1px solid #5BC0DE;background: #f3f3f3;width: 300px;margin: 5px 0 0 0;border-radius: 5px;padding: 5px 5px 5px 5px;display: inline-block;*display: inline;zoom:1;}
.ajax-file-upload-bar {background-color: #5BC0DE;width: 0;height: 20px;border-radius: 3px;color:#FFFFFF;margin: 2px 0;}
.-ajax-file-upload-percent {position: absolute;display: inline-block;top: 3px;left: 48%}
.ajax-upload-dragdrop{border:1px solid #5BC0DE;width:300px;text-align:left;vertical-align:middle;padding:10px;border-radius: 5px;}

.pagination{display: block; text-align: center; width: 100%;}
.pagination li{display: inline-block; *display: inline; zoom:1;}

@media screen and (max-width: 479px) {
	#main #navigation,
	#main #content{ width: 98%; clear: both; padding:1%; margin: 1%;}
	#galeria-imagens li{width: 30%;}
}