@charset "utf-8";

.tit1, .tit2 {
    position: relative;
    height: auto;
    padding-top: 20px;
    padding-bottom: 20px;
    width: 50%;
    background-color: #fff;
    border-bottom: 1px solid #CCC;
    border-top: 1px solid #CCC;
    font-family: 'klavika_bold';
    font-size: 32px;
    color: #00338c;
    text-align: center;
    text-transform: uppercase;
}

.tit1 {
    float: left;
}

.tit2 {
    float: right;
}

.container1, .container2, .container3, .container4 {
    position: relative;
    height: auto;
    display: table-cell;
    vertical-align: top;
}

.container1, .container4 {
    width: 25%;
}

.container2 {
    width: 30%;
}

.container3 {
    width: 20%;
}

#container_calendar{
	height: auto;
	width:100%;
	border: 0px solid #fff;
    border-radius: 5px;
}

 .calendario {  
}  
    .calendario a {  
    }  

.calendario td {
    width: 11%;
    height: 35px;
    font-family: 'klavika_regular';
    font-size: 16px;
    border: 1px solid #CCC;
    margin: 0px;
    /*	float:left;
	        display:inline-block;*/
    vertical-align: top;
    padding: 1%;
    background-color: #EFEFEF;
    font-weight: normal;
}
.calendario th{
    	width:11.5%;
	font-family: 'klavika_regular';
	font-size:16px;
	border:1px solid #CCC;
	margin:0px;
/*	float:left;
	height:40px;
	display:inline-block;*/
	vertical-align:top;
	padding:1%;
	background-color:#999;
	color: #fff;

}
    .calendario td a {
        font-family: 'klavika_regular';
        font-size: 16px;
        display:inline-block;
        float:left;
        width:100%;
        height:100%;
    }

.calendario .myCalendarTitle {  
    font-weight: bold;  
    height:40px;line-height:40px;
    background-color:#4CCAEF;
    color:#000;
    border:0px;
}




/*@media screen and (max-width: 820px) {*/

@media only screen and (max-width: 820px) {
    .tit1, .tit2 {
        width: 100%;
        float: left;
        font-size: 20px;
    }

    .container1, .container2, .container3, .container4 {
        width: 100%;
        float: left;
    }
}