#inicio h2 {
margin-bottom: 20px;
font-size: 30px;color: rgb(255, 255, 255);

}
#presen{
	width:100%;
}
#inicio p {color: rgb(255, 255, 255);
margin-bottom: 40%;
font-size: 12px;
}
#inicio .autobus {
position: absolute;
bottom: -45px;
left: 50%;
transform: translate(-50%, 20%);
width: 100%;
max-width: 950px;
}
#contenido {		border-left:solid 1px #000000;
		border-right:solid 1px #000000;
max-width: 1288px;
margin: 0px auto;
padding: 20% 5% 0;
width: 90%;
background: rgb(255, 255, 255);
}
#contenido section {
margin: 10px;
border-radius: 10px;
padding: 10px 10px 30px;
position: relative;
background: #141921;
color: rgb(255, 255, 255);
}
#contenido section > span {
line-height: 30px;
font-weight: bold;
margin-right: 10px;
color: rgb(0, 0, 0);
background: #cccccc;
border-radius: 50%;
display: inline-block;
width: 30px;
height: 30px;
text-align: center;
font-size: 24px;
}
section h2 {
display: inline-block;
font-size: 22px;
}
#contenido section a {
display: block;
bottom: 10px;
right: 10px;
position: absolute;
color: rgb(255, 212, 0);
text-decoration: none;

}
#contenido div{

	padding:10px;
}
h3 {
	margin-top:20px;
margin-bottom: 20px;
font-size: 30px;
}
#contenido p{
	font-weight:bold;
}
#mapa {

padding: 10px;
width: 90%;
margin:0 auto 20px;
border: 0px;

}

	
	@media screen and (min-width: 880px){
#contenido section {
width: 28%;
height: 100px;
float: left;
margin-bottom: 20px;
}
#contenido section > span {
margin-bottom: 10px;
width: 50px;
line-height: 50px;
height: 50px;
font-size: 30px;
}
#contenido section h2 span{
	display:block;
}
#inicio .autobus {
width: 90%;
}
#inicio p {
width: 40%;
margin-bottom: 30%;
}




}
@media screen and (min-width: 1200px){
	
#inicio p {
width: 60%;
margin-bottom: 30%;
}

#inicio .autobus {
width: 60%;
}

#contenido{
	padding-top:10%;
}
#contenido section {
width: 28%;
height: 136px;
float: left;
margin-bottom: 40px;
}
#contenido section::after {
	display:block;
	content:"";
	clear:both;}

#contenido section > span {
width: 80px;
line-height: 80px;
height: 80px;
font-size: 36px;
margin-left: 10px;
float: left;
}
#contenido section h2 {
font-size: 30px;
}
#contenido div {

width: 58%;
max-width: 760px;
float: left;
}
#mapa {
width: 400px;
float: right;
}
#contenido::after {
content: '';
display: block;
clear: both;
height: 1px;
}
#presen{
	clear:both;
	width:40%;
	
}
#inicio .autobus {

bottom: -65px;

}






}
@media screen and (min-width: 1280px){
	#contenido section {
width: 30%;

}
#contenido section h2 {
font-size: 36px;
}
	
	}