/*Bloco 1*/
.bloco1 {
    display: table;
    width: 80%;
    margin: 0 auto;
    padding: 40px 0;
}

.titulo p{
    display: block;
    width: 100%;
    text-align: center;
    font-family: gothic-bold;
    font-size: 2.5em;
}

.texto p {
    display: block;
    width: 100%;
    font-family: gothic-regular;
    text-align: center;
    font-size: 1.2em;
    padding: 20px 0;
}

/*Bloco 2*/
.bloco2 {
    display: table;
    width: 100%;
    background-color: #000;
}

.box-formulario {
    display: block;
    width: 700px;
    margin: 0 auto;
    padding: 40px 0;
}

.box-formulario label {
    font-family: gothic-regular;
    color: #fff;
    font-size: 1em;
}

.box-formulario select {
    height: 37px;
}

.box-formulario input, select, textarea {
    padding: 8px 0;
    background-color: #333;
    border: none;
    color: #aaa;
    font-family: gothic-regular;
    font-size: 1em;
    margin: 5px 0;
    width: 100%;
}

.box-formulario input:hover, select:hover, textarea:hover {
    background-color: #444;
}

.l1 {
    display: inline-block;
    width: 100%;
}

.l2, .l3, .l7, .l8 {
    display: inline-block;
    width: 348px;
    float: left;
    padding: 0 1px;
}

.l4, .l5 {
    display: inline-block;
    width: 348px;
    float: left;
    padding: 0 1px;
}

.l9, .l12 {
    padding-top: 50px;
    width: 100%;
    display: inline-block;
}

.l10, .l11 {
    display: inline-block;
    float: left;
    width: 200px;
    padding-right: 10px;
}

.texto-obs1 {
    font-family: gothic-regular;
    color: #fc0;
    font-size: 1em;
}

.texto-obs2 {
    font-family: gothic-regular;
    color: #fff;
    font-size: 1em;
    padding: 50px 0;
}

#apagar, #enviar {
    background-color: #fc0;
    color: #000;
    font-family: gothic-bold;
    font-size: 1.4em;
    width: 200px;
    border-radius: 10px;
}

#apagar:hover, #enviar:hover {
    background-color: #ff0;
}

.botoes {
    display: block;
    margin: 0 auto;
    width: 404px;
    height: 60px;
}

/*Telas até 1000px*/
@media (max-width:1000px) {
    .bloco1 {
        width: 94%;
    }
    
    .texto p {
        font-size: 1em;
    }
}

/*Telas até 800px*/
@media (max-width:800px) {
    .titulo p {
        font-size: 2em;
    }
    
    .box-formulario {
        width: 94%;
    }
    
    .box-formulario label {
        width: 100%;
    }
    
    .botoes {
	display: block;
	width: 410px;
	margin:0 auto;
    }
    
}

/*Telas até 480px*/
@media (max-width:480px) {
    .botoes {
        height: auto;
        width: 100%;
    }
    
    #apagar, #enviar {
        border-radius: 0px;
        width: 100%;
        display: block;
    }
}