#cuerpoWeb {
  margin-top: 120px !important;
  width: 90% !important;
  position: relative;
}

.diaCont,.diaVacio{
	width: 12%;
	float: left;
	padding: 3px;
	height: 150px;
	border: 1px solid rgb(226, 226, 226);
	margin: 2px;
}
.diaVacio{
	background-color: rgb(240, 240, 240);
}
.diaCont ul{
	list-style: none;
	margin: 0;
	padding: 0;
}
.diaCont a{
	color: rgb(0, 129, 255);
}
.diaCont li{
	width: 100%;
	float: left;
	margin-top: 1px;
	font-size: .8em;
	padding: 2px 0 2px 0;
	border-bottom: 1px solid rgb(208, 208, 208);
	background-color: rgba(253, 183, 43, 0.21);
}
.diaCont li span:nth-child(1){
	padding-right: 10px;
}
.diaCont li span:nth-child(2){
	
}
.semana{
	width: 100%;
	float: left;
}
.titul{
	float: left;
	width: 100%;
	background-color: rgb(0, 129, 255);
	text-align: center;
	color: rgb(255, 255, 255);
	padding: 2px 0 2px 0;
	font-size: 1.2em;
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.5);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,0.5);
	box-shadow: 0 1px 2px rgba(0,0,0,0.5);
}
h1{
	float: left;
	width: 100%;
	text-align: center;
}
#barra label{
	font-size: .8em;
	margin: 0 0px 0 18px;
	font-weight: bold;
}
#barra button{
	cursor: pointer;
}
#barra{
	float: left;
	width: 100%;
	height: 30px;
}
@media (max-width:1100px) {
	.semana {
		width: 100% !important;
	}
	#cuerpoWeb {
		width: 100% !important;
	}
	.diaCont, .diaVacio {
		width: 13% !important;
	}
}
@media (max-width:1000px) {
	.diaCont, .diaVacio {
		width: 23% !important;
	}
}
@media (max-width:700px) {
	.diaCont, .diaVacio {
		width: 30% !important;
	}
}
@media (max-width:500px) {
	.diaCont, .diaVacio {
		width: 47% !important;
	}
}
@media (max-width:400px) {
	.diaCont, .diaVacio {
		width: 90% !important;
	}
	#barra label {
		font-size: 1.2em !important;
		margin: 0 0px 0 30% !important;
	}
	#barra {
		height: 60px !important;
	}
	#barra button {
		font-size: 20px;
		padding: 0 10px 0 10px;
	}
}