@CHARSET "ISO-8859-1";
.select{
	width:400px !important;
}
.title{
	padding: 10px;
}
label{
    display:block;
    font-weight:bold;
}
.descricao{
	margin-top: -110px;
}
.nome{
	min-width: 420px;
}
.local{
	margin-top: -40px;
	max-width: 290px;
}
.help{
    /* Using display:none; would hide the text from screen-readers, hiding off-screen is more accessible. */
    position:absolute;
    left:-99999px;
}
.text-input:active + .help,
.text-input:focus + .help{
    position:static;
    background: none repeat scroll 0 0 #DDDDDD;
    border: 1px solid #CCCCCC;
    border-radius: 3px;
    box-shadow: 1px 2px 0 0 #CCCCCC;
    float: right;
    font-size: 85%;
    padding: 3px;
    border-left: solid #d9534f;
}


p{
	padding: 5px;
}
label{
	width: 200px;
	float:left;
}
textarea, .input-text-area{
	width: 400px !important;
}
#arquivo{
	display: none;
}
#suspeito{
	display: block;
}
#div-btn{
	width: 100%;
	float: right;
}
.captcha{
	width: 100px !important;
	display: inline !important;
	text-transform: uppercase;
}
.img-captcha{
		
}
/* */
#mission-web{
    margin-bottom: 30px;
}

#flippers{
    margin-bottom: 15px;
}
.flipper-link:hover{
	text-decoration: none;
}
/* entire container, keeps perspective */
.flip-container {
    perspective: 1000;
}
/* flip the pane when hovered */
.flip-container:hover .flipper,
.flip-container:active .flipper,
.flip-container:focus .flipper,
.flip-container.hover .flipper
.flipper-link:active .flipper,
.flipper-link:focus .flipper{
    transform: rotateY(180deg);
}

.flip-container:active .flipper,
.flip-container:focus .flipper{
    border: 1px inset;
}

.flip-container, .front, .back {
    width: 100%;
    min-height: 300px;
    border-radius:6px; 
}

.flip-container.flipper-smaller, .flipper-smaller .front, .flipper-smaller .back {
    width: 100%;
    min-height: 300px;
}

/* flip speed goes here */
.flipper {
    transition: 0.6s;
    transform-style: preserve-3d;

    position: relative;
}

/* hide back of pane during swap */
.front, .back {
    backface-visibility: hidden;

    position: absolute;
    top: 0;
    left: 0;
}

/* front pane, placed above back */
.front {
    z-index: 2;
    /* for firefox 31 */
    transform: rotateY(0deg);
}

/* back, initially hidden pane */
.back {
    transform: rotateY(180deg);
}

/* Commons */
.flipper h4{
    color: #fff;
    text-align: center;
    position: absolute;
    width: 100%;
    top: 50%;
    margin-top: -20px;
    line-height: 20px;
    padding: 0 15px;
}
.text-center{
	text-align: center;
}
.container-flippers{
	width: 100%;
	float: left;
	padding: 5px;
}
.flipper p{
    color: #fff;
    padding: 15px;
    font-size: 0.9em;
    position: absolute;
    top: 45%;
    margin-top: -50px;
    text-align: center;
}
.flipper-4 .back p{
	top: 20%;
}

/* flipper #1 */
.flipper-1 .front{
    background: #C83A22;
    padding: 0 10px;
}

.flipper-1 .back{
    background: #650000;
}

/* flipper #2 */
.flipper-2 .front{
    background: #9900FF;
}

.flipper-2 .back{
    background: #4c0089;
}

/* flipper #3 */
.flipper-3 .front{
    background: #00A09F;
}

.flipper-3 .back{
    background:  #16A085;
}

/* flipper #4 */
.flipper-4 .front{
    background: #BF9000;
}

.flipper-4 .back{
    background: #4d3a00;
}

/* flipper #5 */
.flipper-5 .front{
    background: #38761D;
}

.flipper-5 .back{
    background: #1d3b13;
}

/* flipper #6 */
.flipper-6 .front{
    background: #085394;
}

.flipper-6 .back{
    background: #082f5a;
}

/* flipper #7 */
.flipper-7 .front{
    background: #CF2A27;
}

.flipper-7 .back{
    background: #952624;
}
.flipper-7 .back p{
	top: 30%;
}