@charset "UTF-8";
/* CSS Document */

@media all and (max-width: 2500px) {
.centrador{
width:90%;
margin: auto;
}
.logotipo{
width:10%;
}
}
@media all and (max-width: 1400px) {
.menusuperior{
width:90%;
}
}
@media all and (max-width: 1100px) {
.menusuperior{
display:none; 
float: none;
clear: both;
width: 100%;
}
.logotipo{
width:10%;
}
.categorias h2{
font-size: 40px;
}
.menusuperior li{
display: block;
}
.menusuperior a{
padding: 10px;
}
.botonmenumovil{
display:block; 
}
}
@media all and (max-width: 1070px) {
.categorias li{
width: 45%;
}
.footer img{
width: 20%;
}
.bannercorporativo{
padding: 50px 10%;
}
.textobannercorporativo {
position: relative;
width: 80%;
}
.logotipo{
width: 100%!important;
}
.logotipo img{
width: 20%;
}
.categorias2 h2{
font-size: 50px;
}
.bannerservicios li {
width: 40%;
}
.bannerservicios{
padding: 80px 5%;
}
.productosdestacados li{
width: 45%;
}
.therider li{
width: 45%;
margin-bottom: 30px;
}
.categorias2 li{
width: 90%;
}
.barrasuperior {
font-size: 10px;
}
.barrasuperior li{
padding: 5px;
}
.titulohorariosyprecios h3{
font-size: 50px;
}
.aclaraciondeprecio{
width: 100%;
}
}
@media all and (max-width: 700px) {
.categorias li{
width: 90%;
}

.fotomarca, .fotomarca2, .textomarca2 {
    float: none;
	 width: 90%;
	position: relative;
	margin: auto;
}
.fotomarca {
	height: 300px;
}
	.textomarca {
	float: none;
	width: 86%;
	position: relative;
	margin: auto;
		background-color: #FFF;
		color: #222;
}
.woocommerce-thankyou-order-details li, .woocommerce-bacs-bank-details li{
display: block;
margin: 10px auto;
}
.woocommerce-MyAccount-navigation, .woocommerce-MyAccount-content{
float: none;
width: 90%;
margin: auto;
}
.bannerhabilidades img{
width: 90%!important;
}
.textohorariosyprecios li{
display: block;
}
.edadescontenidohopeteam, .destaquecontenidohopeteam{
color: #FFF;
}
#cabezal .centrador{width: 100%;
}
.bannerintrohopeteam p{
color: #000;
}
.nuestrasmarcas li{
width: 40%;
}
.titulohorariosyprecios, .textohorariosyprecios{
float: none;
width: 80%;
margin: auto;
padding: 10px 5%;
}
.titulohorariosyprecios h3{
font-size: 40px;
line-height:40px;
}
.bannerintrohopeteam li{
width: 60%;
margin: 40px auto;
display: block;
}
.textobannercorporativo h3{
font-size: 30px;
line-height: 30px;
}
.textoblog, .barralateral{
clear: both;
float: none;
width: 90%;
margin: auto;
}
.footer img{
width: 40%;
}
.menupie{
display: none;
}
.categorias h2{
font-size: 30px;
}
.logotipo img{
width: 30%;
}
.bannerservicios li {
width: 90%;
}
.productosdestacados li{
width: 90%;
}
.therider li{
width: 90%;
}
.nuestrosvalores, .nuestravision{
width: 80%;
margin: 40px auto;
display: block;
float: none;
}
.transporteescolar-contenido li{
width: 40%;
}
}
@media all and (max-width: 570px) {
.transporteescolar-contenido {
width: 80%;
border-radius: 20px;
}
}
@media all and (max-width: 345px) {
.transporteescolar-contenido li {
width: 90%;
}
.transporteescolar-contenido li img {
width: 25%;
}
}