body{

	background-color: white;

}

.banner{

	width: 100%;

	height: 190px;

	display: block;

	padding: 0.1%;

	background-color: #0071bc;

}

.parte1{

	width: 49%;

	height: 100%;

	display: inline-block;

	/*background-color: grey;*/

}

.parte2{

	width: 50.5%;

	height: 100%;

	display: inline-block;

	/*background-color: orange;*/

}

.cartelAyunta{

	width: 90%;

	text-align: center;

	display: block;

	padding-left: 2%;

}

.cartelBienvenida{

	width: 90%;

	text-align: center;

	display: block;

	padding-left: 2%;

}

.parte2_1{

	width: 10%;

	height: 10%;

	display: inline-block;

	/*background-color: green;*/

	margin-top: 5%;

	margin-left: 2%;

}

/*-------------------------------------------------------------*/

.parte3{

	width: 70%;

	height: 50px;

	display: block;

	/*background-color: yellow;*/

	margin-top: 20%;

	margin-left: 15%;

}

.parte4{

	width: 90%;

	height: 100%;

	display: block;

	/*background-color: black;*/

	margin-top: 5%;

	margin-left: 4.95%;

}

.parte5{

	width: 70%;

	height: 50px;

	display: block;

	/*background-color: purple;*/

	margin-top: 7%;

	margin-left: 15%;

}

.flecha{

	width: 100%;

	text-align: center;

}

.titulo{

	width: 100%;

	margin-top: -5.4%;

}

.cartelPasa{

	width: 94%;

	margin-left: 3%;

	margin-top: 2.9%;

	margin-bottom: 2.71%;

}

.calendario{

	width: 100%;

	margin-top: 3%;

}

/*----------------------------------------------------*/

#slider{

	margin: 0 auto;

	margin-top: 11%;

	width: 70%;

	max-width: 100%;

	height: auto;

	text-align: center;

	/*background-color: black;*/

}

#slider input[type=radio]{

	display: none;

}

#slider label{

	cursor: pointer;

	text-decoration: none;

}

#slides {

	padding: 10px;

	border: 3px solid #000;

	background: #000;

	position: relative;

	z-index: 1;

}

#overflow{

	width: 100%;

	overflow: hidden;

}

#slide1:checked ~ #slides .inner{

	margin-left: 0;

}

#slide2:checked ~ #slides .inner{

	margin-left: -100%;

}

#slide3:checked ~ #slides .inner{

	margin-left: -200%;

}

#slide4:checked ~ #slides .inner{

	margin-left: -300%;

}

#slides .inner{

	transition: margin-left 800ms cubic-bezier(0.770, 0.000, 0.175, 1.000);

	width: 400%;

	line-height: 0;

	height: 300px;
}

#slides .slide{

	width: 25%;

	height: auto;

	float: left;

	display: flex;

	justify-content: center;

	align-items: center;

	color: #fff;

}

#slides .slide_1{

	/*background: black;*/

}

#slides .slide_2{

	/*background: green;*/

}

#slides .slide_3{

	/*background: blue;*/

}

#slides .slide_4{

	/*background: grey;*/

}

#controls {

	margin: -180px 0 0 0;

	width: 100%;

	height: 50px;

	z-index: 3;

	position: relative;

}

#controls label{

	transition: opacity 0.2s ease-out;

	display: none;

	width: 50px;

	height: 50px;

	opacity: .4;

}
#controls label:hover{

	opacity: 1;

}

#slide1:checked ~ #controls label:nth-child(2),
#slide2:checked ~ #controls label:nth-child(3),
#slide3:checked ~ #controls label:nth-child(4),
#slide4:checked ~ #controls label:nth-child(1){
	background: url(img/flechaD.png) no-repeat;

	background-size: 50px;

	float: right;

	margin: -47% -50px 0 0;

	display: block;

}

#slide1:checked ~ #controls label:nth-last-child(1),
#slide2:checked ~ #controls label:nth-last-child(4),
#slide3:checked ~ #controls label:nth-last-child(3),
#slide4:checked ~ #controls label:nth-last-child(2){
	background: url(img/flechaI.png) no-repeat;

	background-size: 50px;

	float: left;

	margin: -47% 0 0 -50px;

	display: block;

}

#bullets{

	margin: 150px 0 0;

	text-align: center;

}

#bullets label{

	display: inline-block;

	width: 10px;
	
	height: 10px;

	border-radius: 100%;

	background: #ccc;

	margin: 0 10px;

}

#slide1:checked ~ #bullets label:nth-child(1),
#slide2:checked ~ #bullets label:nth-child(2),
#slide3:checked ~ #bullets label:nth-child(3),
#slide4:checked ~ #bullets label:nth-child(4){

	background: #444;

}

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

	#slide1:checked ~ #controls label:nth-child(2),
	#slide2:checked ~ #controls label:nth-child(3),
	#slide3:checked ~ #controls label:nth-child(4),
	#slide4:checked ~ #controls label:nth-child(1),
	#slide1:checked ~ #controls label:nth-last-child(2),
	#slide2:checked ~ #controls label:nth-last-child(3),
	#slide3:checked ~ #controls label:nth-last-child(4),
	#slide4:checked ~ #controls label:nth-last-child(1),

}

.slide-content{

	height: 100%;

	width: 100%;

}

.fot1{

	width: 100%;

}

.fot2{

	width: 100%;

}

.fot3{

	width: 100%;

}

.fot4{

	width: 100%;

}


/*----------------------------------------------------*/