@charset "utf-8";

@import url(http://fonts.googleapis.com/css?family=Dosis:200,300,400,500,600,700,800);	

* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}

*:before, *:after {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}

body {
    font-family: 'Dosis', sans-serif;
	font-style: normal;
	font-weight: 400;
	font-size: 18px;
	color: #282828;
    background: url("../imgs/bgindex.jpg") top center repeat;
}

.container { 
	width: 1000px;
	margin: 0 auto;
}

#caixaindex {
    background: url("../imgs/bgestrelaindex.png") top center no-repeat; 
    min-width: 600px;
    min-height: 577px;
    margin: 80px auto 0;
    text-align: center;
    padding: 220px 0px;
    color: #fff;
}

#caixaindex div {
  max-width: 220px;
  text-transform: uppercase;
  font-weight: 600;
  font-size: 20px;
}

#caixaindex #respostanao {
  display: none;
}

#caixaindex .botoes {
    display: table;
    margin: 15px auto 0;
}

#caixaindex .botoes a {
    background: url("../imgs/bgbotaoindex.png") repeat scroll left top rgba(0, 0, 0, 0);
    border-radius: 5px;
    color: #fff;
    display: block;
    float: left;
    margin: 0 5px;
    padding: 5px 10px;
    cursor: pointer;
}


@media (max-width: 620px) {

    .container { 
        width: 95%;
    }

    #caixaindex {
        background: none;
        margin: 10px auto;
        padding: 20px 0px;
        min-width: 10px;
        min-height: 10px;
    }

}