#contenido {
  margin-top: 30px;}
.mainBuscador { background: #eef1f7; padding-top: 20px; padding-bottom: 20px;}
.mainBuscador h2 { font-size: 28px; text-align: center; color: #fff;}

.lc_centered { width: 100%;  display: flex; align-items: center; justify-content: center;}

#horarios { background: #eef1f7; padding-top: 20px; padding-bottom: 10px;}

.horarioImg { margin-right: 15px; float: left; width: 50px; height: 50px; }


#horarios h3, #terminales h3, #estaciones h3 { font-size:28px; line-height:28px; }
#empresas h3, #trenes h3 { font-size:28px; line-height:28px; }


#trenes { margin:30px auto; }

#terminales { background: #eef1f7; padding-top: 20px; padding-bottom: 10px;}


#empresas, #trenes { margin:30px auto; }
#empresas ul, #trenes ul { padding: 0; margin: 15px auto 30px auto; text-align: center; }
#empresas li, #trenes li { list-style-type: none; display: inline-block; width: 42%; margin: 10px 3%; box-shadow: 0 .5rem 1rem rgba(0,0,0,.15); border-radius: 4px; }
#empresas li a, #trenes li a  { float: left; width: 100%; text-decoration:none; }
 

.HPlogo { height: 100px; margin: 0 auto; overflow: hidden; position: relative; }
.HPlogo img { max-width: 90%; max-height: 90px; height: auto; width: auto; margin: 0 auto; padding: 6px; top: 50%; left: 50%; position: absolute; transform: translate(-50%, -50%);}
.HPnombre { background: #eaac00; min-height: 50px;}
.HPnombre p { color: #fff; text-transform: uppercase; font-size: 16px; line-height: normal; font-weight: 600; letter-spacing: 1px; margin-bottom: 0; }



#iconos { background: #135D77; padding-top: 30px; padding-bottom: 30px; box-shadow: 0 5px 20px rgba(0,0,0,.1);}
.iconoBox { margin: 30px auto; width: 87%;}
.iconoBox a, .iconoBox a:visited { float: left; width: 100%; text-decoration: none;}

.btn-hp { color: #fff; border:1px solid #fff; padding: 5px 10px; line-height:normal; border-radius:4px; display:inline-block; margin-top:10px;  }
.iconoBox a:focus, .iconoBox a:hover { float: left; width: 100%; text-decoration: none;}
.iconoBox p { margin-top: 10px;}

.IcoTop h2 { color: #fff; text-align: center; font-weight: 300; margin-bottom: 20px; font-size: 23px;}
.IcoTop h3 { color: #fff; text-align: center; font-weight: 300; margin-top: 0px; margin-bottom: 30px; font-size: 19px; font-style: italic;}
.icoImg { float: left; width: 70px; height: 70px; margin: 0 20px 30px 0;}

.icoImg img { width: 65px; height: 65px;}
.icoTxt { text-align: left;}

.icoTxt h3 { color: #fff; text-align: left; margin: 0 auto;}
.icoTxt p { color: #fff; text-align: left; margin: 0 auto;}


@media (min-width: 576px) {
.mainBuscador { padding-top: 40px; padding-bottom: 40px; }
.mainBuscador h2 { font-size: 45px; text-align: center; color: #fff; }

#horarios h3, #empresas h3, #trenes h3, #estaciones h3, #terminales h3 { font-size:45px; line-height:45px; }

#empresas li, #trenes li { width: 16%; margin: 15px 1%; }


.HPlogo { height: 100px; margin: 0 auto; overflow: hidden; position: relative; }
.HPlogo img { max-width: 90%; max-height: 90px; height: auto; width: auto; margin: 0 auto; padding: 6px; top: 50%; left: 50%; position: absolute; transform: translate(-50%, -50%);}
.HPnombre { background: #eaac00; min-height: 50px;}
.HPnombre p { color: #fff; text-transform: uppercase; font-size: 16px; line-height: normal; font-weight: 600; letter-spacing: 1px; margin-bottom: 0; }

#iconos { padding-top: 60px; padding-bottom: 40px;}
.IcoTop h2 { color: #fff; text-align: center; font-weight: 300; margin-bottom: 20px; font-size: 28px;}
.icoImg { margin: 0 20px 10px 0;}
}