/* (c) 2017 Senac Sao Paulo */

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

.c1{ margin-top:15px; margin-right:13px; }


.btHome {
    float: left;
    width: 236px;
    height: 35px;
    /* border-radius: 5px; */
    border: 1px solid #cecece;
    padding: 7px 0px 0px 10px;
    font-size: 12px;
    background: #eaeaea;
    color: gray;
    font-weight:bold;
}
.btHome:hover{ cursor:pointer;  }


.on{
    background: #ff7600;
    color: white;
}


.wrapper-eventos{ width:1000px; margin:0 auto; }



.container select {
    /* width: 100%; */
    width:235px;
    height: 35px;
    font-size: 12px;
    color: #888;
    padding: 0px;
    margin-top: -1px;
    margin-left:1px;
}


.space{ float:left; width:100%; }

.orange{ color:#ff7600; }

.yellow{ background-color:yellow; }

.r{ margin-right:20px; }


.block {
    float: left;
    /* width: 235px; */
    width:230px;
    height:180px;
    /* margin:0px 6px 0px 7px; */
    margin:0px 20px 0px 0px;

}
.block img{ height:100px;  }

#block-3, #block-7, #block-11, #block-15{ margin-right:0px; }



.pag{ border-top:1px solid orange; padding-top:7px;  }
.pagIcon{ float:left; width:27px; height:27px; color:#ff7600; border:1px solid #d4d4d4; font-size:14px; padding:3px 3px 3px 8px; margin-right:8px;  }
.pags{ float:right; width:50%; }
.actual{ background-color:orange;  }


#result{ float:left; width:100%; }



#cboArea, #cboUnidade, #cboMes{ border:1px solid #ccc; }

.bt1,.bt2,.bt3,.bt4{ float:left; width:235px; }
.bt1,.bt2,.bt3{ margin-right:20px; }









@media screen and (max-width:767px){

	h1{ font-size:28px; }

	.btHome,
    .container select{ width:98%; margin-left:3px; margin-bottom:3px; }

    .bt1,.bt2,.bt3,.bt4{ float:left; width:100%; margin-right:0px; margin-bottom:10px; }



    .wrapper-eventos{ width:98%; /* margin-top:70px !important; */ }
    .block{ 
        width:47%;
        height:auto;
        margin:8px;        
        /* margin-bottom:15px; */
    }
    .block img{ width:100%; height:150px;  }
    .r{ margin-right:2%;  }


}






@media screen and (max-width:480px){

    h1{ font-size:24px; }

	.block{
		width:100%;
        margin-left:0px;
        margin-right:0px;
	}

	.block img{ height:auto;  }

}