.bg{

    background-image: url('../imgs/bg_ossain.png');
    
}

.main{
    width:660px;
    margin:0 auto;
}
/* Modais_Folhas */
.close_modal{
    display: block;
    text-align: right;
    cursor:pointer;
    width: 19%;
    float: right;
   
}

.bg_modal{
    width:100%;
    height:100%;
    position:absolute;
    background-color: RGBA(0, 0, 0, 0.71);;
    z-index: 9999;
    top:0;
    left:0;
}
.aroeira_window{
    width:300px;
    height:162px;
    position:absolute;
    left:41%;
    top:32%;
    background:#FFF;
    z-index:9900;
    padding:10px;
    border-radius:10px;
}
.aroeira_title{
    
    font-family: "Atma",cursive;
    font-size: 1.4em;
    line-height:1.2em;
    color:#1DA43F;
    height:22px;
    position:absolute;
    top: 6%;
    margin-left: 36%;
}
 
.aroeira_conteudo{
    margin: 14% 0 10px;
    color: #000;
    font-size: 1.4em;
    line-height:1.2em;
    text-align:justify;
    font-family: "Atma",cursive;
}

.alecrim_window{
    width:300px;
    height:162px;
    position:absolute;
    left:41%;
    top:32%;
    background:#FFF;
    z-index:9900;
    padding:10px;
    border-radius:10px;
}
.alecrim_title{
    
    font-family: "Atma",cursive;
    font-size: 1.4em;
    line-height:1.2em;
    color:#1DA43F;
    height:22px;
    position:absolute;
    top: 6%;
    margin-left: 36%;
}
.alecrim_conteudo{
    margin: 14% 0 10px;
    color: #000;
    font-size: 1.4em;
    line-height:1.2em;
    text-align:justify;
    font-family: "Atma",cursive;
}
.babosa_window{
    width:300px;
    height:162px;
    position:absolute;
    left:41%;
    top:32%;
    background:#FFF;
    z-index:9900;
    padding:10px;
    border-radius:10px;
}
.babosa_title{
    font-family: "Atma",cursive;
    font-size: 1.4em;
    line-height:1.2em;
    color:#1DA43F;
    height:22px;
    position:absolute;
    top: 6%;
    margin-left: 36%;
}
 
.babosa_conteudo{
    margin: 14% 0 10px;
    color: #000;
    font-size: 1.4em;
    line-height:1.2em;
    text-align:justify;
    font-family: "Atma",cursive;


}
.boldo_window{
    width:300px;
    height:162px;
    position:absolute;
    left:41%;
    top:32%;
    background:#FFF;
    z-index:9900;
    padding:10px;
    border-radius:10px;
}
.boldo_title{
    
    font-family: "Atma",cursive;
    font-size: 1.4em;
    line-height:1.2em;
    color:#1DA43F;
    height:22px;
    position:absolute;
    top: 6%;
    margin-left: 36%;
}
.boldo_conteudo{
    margin: 14% 0 10px;
    color: #000;
    font-size: 1.4em;
    line-height:1.2em;
    text-align:justify;
    font-family: "Atma",cursive;
}
.camomila_window{
    width:300px;
    height:162px;
    position:absolute;
    left:41%;
    top:32%;
    background:#FFF;
    z-index:9900;
    padding:10px;
    border-radius:10px;
}
.camomila_title{
    
    font-family: "Atma",cursive;
    font-size: 1.4em;
    line-height:1.2em;
    color:#1DA43F;
    height:22px;
    position:absolute;
    top: 6%;
    margin-left: 36%;
}
.camomila_conteudo{
    margin: 14% 0 10px;
    color: #000;
    font-size: 1.4em;
    line-height:1.2em;
    text-align:justify;
    font-family: "Atma",cursive;
}
.ervadoce_window{
    width:300px;
    height:162px;
    position:absolute;
    left:41%;
    top:32%;
    background:#FFF;
    z-index:9900;
    padding:10px;
    border-radius:10px;
}
.ervadoce_title{
    
    font-family: "Atma",cursive;
    font-size: 1.4em;
    line-height:1.2em;
    color:#1DA43F;
    height:22px;
    position:absolute;
    top: 6%;
    margin-left: 36%;
}
.ervadoce_conteudo{
    margin: 14% 0 10px;
    color: #000;
    font-size: 1.4em;
    line-height:1.2em;
    text-align:justify;
    font-family: "Atma",cursive;
}
.goiabeira_window{
    width:300px;
    height:162px;
    position:absolute;
    left:41%;
    top:32%;
    background:#FFF;
    z-index:9900;
    padding:10px;
    border-radius:10px;
}
.goiabeira_title{
    
    font-family: "Atma",cursive;
    font-size: 1.4em;
    line-height:1.2em;
    color:#1DA43F;
    height:22px;
    position:absolute;
    top: 6%;
    margin-left: 36%;
}
 
.goiabeira_conteudo{
    margin: 14% 0 10px;
    color: #000;
    font-size: 1.4em;
    line-height:1.2em;
    text-align:justify;
    font-family: "Atma",cursive;
}
.manjericao_window{
    width:300px;
    height:162px;
    position:absolute;
    left:41%;
    top:32%;
    background:#FFF;
    z-index:9900;
    padding:10px;
    border-radius:10px;
}
.manjericao_title{
    
    font-family: "Atma",cursive;
    font-size: 1.4em;
    line-height:1.2em;
    color:#1DA43F;
    height:22px;
    position:absolute;
    top: 6%;
    margin-left: 36%;
}
.manjericao_conteudo{
    margin: 14% 0 10px;
    color: #000;
    font-size: 1.4em;
    line-height:1.2em;
    text-align:justify;
    font-family: "Atma",cursive;
}
.quebrapedra_window{
    width:300px;
    height:162px;
    position:absolute;
    left:41%;
    top:32%;
    background:#FFF;
    z-index:9900;
    padding:10px;
    border-radius:10px;
}
.quebrapedra_title{
    
    font-family: "Atma",cursive;
    font-size: 1.4em;
    line-height:1.2em;
    color:#1DA43F;
    height:22px;
    position:absolute;
    top: 6%;
    margin-left: 36%;
}
.quebrapedra_conteudo{
    margin: 14% 0 10px;
    color: #000;
    font-size: 1.4em;
    line-height:1.2em;
    text-align:justify;
    font-family: "Atma",cursive;
}
.roma_window{
    width:300px;
    height:162px;
    position:absolute;
    left:41%;
    top:32%;
    background:#FFF;
    z-index:9900;
    padding:10px;
    border-radius:10px;
}
.roma_title{
    
    font-family: "Atma",cursive;
    font-size: 1.4em;
    line-height:1.2em;
    color:#1DA43F;
    height:22px;
    position:absolute;
    top: 6%;
    margin-left: 36%;
}
.roma_conteudo{
    margin: 14% 0 10px;
    color: #000;
    font-size: 1.4em;
    line-height:1.2em;
    text-align:justify;
    font-family: "Atma",cursive;
}
img {
	margin : 10 0 0 10;
}

#score{
	margin: 0% 1% 1% 0%;
    font-size: 2.8em;
    font-family: 'Atma', cursive;
    position: absolute;
    left: 23%;
    top: 13%;
}
.button_game {
    background: -moz-linear-gradient(center top , #EDEDED 5%, #DFDFDF 100%) repeat scroll 0 0 #EDEDED;
    border: 1px solid #DCDCDC;
    border-radius: 6px 6px 6px 6px;
    box-shadow: 0 1px 0 0 #FFFFFF inset;
    color: #777777;
    display: inline-block;
    font-family: arial;
    font-size: 15px;
    font-weight: bold;
    padding: 6px 23px;
    text-decoration: none;
    text-shadow: 1px 1px 0 #FFFFFF;
    margin-left: 23%;
    margin-top: 26px;
}
.button_game:hover {
    background: -moz-linear-gradient(center top , #DFDFDF 5%, #EDEDED 100%) repeat scroll 0 0 #DFDFDF;
}
.button_game:active {
    position: relative;
    top: 1px;
}