body{
padding: 0;
margin: 0;
border: 0;
box-sizing: border-box;
font-family: arial;
font-size: 15px;
background-color: #282828;
}

ul{ margin-bottom: 0px;}

a{text-decoration:none; color: #1d6ebd;}
a img { border:none; text-decoration:none;} 

#contenedor_busquedas{
box-sizing: border-box;
float: left;
max-width: 702px;
margin: 0 auto;
background-color: #ffffff;
}

#contenedor_contenidos{
max-width: 1024px;
min-width: 300px;
margin: 0 auto;
background-color: #ffffff;
}

.banner_cubo{
width: 100%;
text-align:center;
}

.resultados{
background-color: #ffffff;
width: 100%;
}

.barra_ordenar{
color: #000000;
clear: both;
width: 100%;
text-align: right;
padding: 10px;
box-sizing: border-box;
}

.aviso_control{
font-size: 1.06em;
display: none;
color: #bd262d;
}

.aviso_turno{
font-size: 1.06em;
color: #107f08;
display: none;
}


.boton_compara_resultados{
margin-top:5px;
margin-bottom:5px;
text-align: center;
width: 70px;
padding-top: 5px;
padding-bottom: 5px;
box-sizing: border-box;
color: #ffffff;
background-color: #63af55;
cursor: pointer;
font-size: 0.93em;
border-radius: 3px;
}
.cont_compara_resultados{
display: none;
}

.resultados_compara{
margin: 10px auto;
background-color: #ffffff;
width: 90%;;
}

.titulo_tabla{
font-size: 1.66em;
color: #268afa;
margin: 20px;
}

.titulos{
background-color: #ffffff;
color: #1e70b9;
font-size: 0.93em;
}

.resultados tr{
background-color: #ffffff;
color: #1e70b9;
min-width: 320px;
}

.barra_ordenar{
width: 100%;
text-align: right;
font-size: 0.83em;
}

table{
font-size: 1em;
background-color: #ffffff;
}
.resultados td{
background-color: #ffffff;
border: 2px solid #ffffff;
box-sizing: border-box;
}

.escudo{
width: 13.5%;
min-width: 50px;
background-color: transparent;
}




.escudo a{
cursor: move;
}
.escudo img{
width: 100%;
max-width: 91px;
}


.nombre_escuela{
margin-top: 5px;
}

td .ranking{
background-color: #ffffff;
width: 224px;
}
td .distancia{
background-color: #ffffff;
width: 72px;

}

.n_nombre_escuela{
text-align: left;
font-weight: bold;
width: 100%;
color: #1d6ebd;
font-size: 0.73em;
text-transform:capitalize;
}
.n_direccion{
text-align: left;
color: #6d747b;
font-size: 0.66em;
text-transform:capitalize;
}
.sostenimiento{
font-size: 0.86em;
text-align: center;
text-transform:capitalize;
}

.enlace_materia, .enlace_promedio{ width: 72px; }

.estrellas_ranking_1, .estrellas_ranking_2, .estrellas_ranking_3, .estrellas_ranking_4, .estrellas_ranking_5{
margin: 0 auto;
background-image: url("../imagenes/estrellas_sprite.gif");
background-repeat: no-repeat;
height: 30px;
width: 137px;
}

.estrellas_ranking_5 { background-position: 0% 93%; }
.estrellas_ranking_4 { background-position: 0% 74%; }
.estrellas_ranking_3 { background-position: 0% 51%; }
.estrellas_ranking_2 { background-position: 0% 27%; }
.estrellas_ranking_1 { background-position: 0% 4%;  }


.n_distancia{
margin: 0 auto;
font-weight: bold;
text-align: center;
height: 42px;
width: 27px;
border: 2px solid #000000;
border-radius: 5px;
padding: 3px;
color: #000000;
box-sizing: bordex-box;
}

.medalla_oro, .medalla_plata, .medalla_bronce, .medalla_nd{
margin: 0 auto;
position: relative;
background-image: url("../imagenes/medallas_sprite.gif");
background-repeat: no-repeat;
height: 65px;
width: 58px;
}

.medalla_oro  { background-position: 2% 0%;}
.medalla_plata{ background-position: 33% 0%;}
.medalla_bronce { background-position: 65% 0%;}
.medalla_nd{ background-position: 97% 0%;}

.promedio{
width: 100%;
text-align: center;
font-weight: bold;
position: absolute;
top: 36px;
left: 0px;
font-size: 0.86em;
color: #1d6ebd;
}


.indicador_direccion{
position: relative;
float: left;
width: 337px;
height: 250px;
background-color: #1e70b9;
background-image: url("../imagenes/bg_estrella.gif");
background-position: right;
background-repeat: no-repeat;
border-bottom-left-radius: 30px;
-moz-border-radius: 13px;
border-radius: 30px 0px 0px 30px;
behavior: url(css/PIE.htc);
box-sizing: border-box;
}

.indicador_direccion .colonias{
position: absolute;
top: 137px;
padding: 15px;
text-align: justify;
text-transform: capitalize;
color: #ffffff;
font-size: 0.73em;
height: 100px;
overflow: hidden;
box-sizing: border-box;
}

#map-canvas_ce, #map-canvas_no, #map-canvas_ne, #map-canvas_so, #map-canvas_se{
width: 360px;
height: 250px;
/*border: 2px solid #1e70b9;*/
box-sizing: border-box;
}

.no_draggable{
/*
padding: 10px;
box-sizing: border-box;
display: none;
z-index: 10;
position: absolute;
right: 0px;
width: 50px;
background-image: url("../imagenes/transparencia_75.png");
height: 250px;
*/
}

.indicador_abreviado{
font-weight: bold;
width: 188px;
text-align: center;
position: absolute;
top: 23px;
left: 0px;
font-size: 6.06em;
color: #ffffff;
}
.indicador_nabreviado{
font-weight: bold;
width: 188px;
text-align: center;
position: absolute;
top: 113px;
left: 0px;
font-size: 0.93em;
color: #ffffff;
}
.indicador_km{
font-weight: bold;
width: 152px;
text-align: center;
position: absolute;
top: 57px;
left: 149px;
font-size: 2.26em;
color: #ffffff;
}

.advertencia_turno{
clear: both;
padding: 10px;
box-sizing: border-box;
border: 1px solid #ffffff;
border-radius: 5px 5px 5px 5px;
font-size: 0.86em;
background-color: #ffeded;
color: #000000;
}
.advertencia_turno span{
color: #fb0101;
font-weight: bold;
}

.descripcion_distancias{
width: 100%;
margin-top: 110px;
margin-bottom: 20px;
}
#amount_m{
width: 200px;
text-align: center;
color: #e11d1d;
font-size: 1.66em;
font-weight: bold;
}

#minprecio, #maxprecio{
width: 100%;
padding: 10px;
border: 1px solid #fe930f;
box-sizing: border-box;
}

.barrita_label{
width: 100%;
margin: 0 auto;
}
.explicacion_barrita{
margin: 10px;
color: #1f1f1f;
}
.barra_select_barrita{
color: #569ddb;
font-size: 1.33em;
}
.title_barrita{
color: #1e70b9;
font-size: 1.66em;
margin: 10px;
}

.select_desde, .select_hasta{
box-sizing: border-box;
padding: 10px;
width: 230px;
float: left;
}

#botom_enviar_rangos{
cursor: pointer;
font-size: 1.20em;
color: #ffffff;
width: 50%;
text-align: center;
padding-top: 10px;
padding-bottom: 10px;
margin: 0 auto;
margin-top: 20px;
background-color: #569ddb;
box-sizing: border-box;
border-radius: 10px;
-webkit-touch-callout: none; /* iOS Safari */
-webkit-user-select: none; /* Safari */
-khtml-user-select: none; /* Konqueror HTML */
-moz-user-select: none; /* Firefox */
-ms-user-select: none; /* Internet Explorer/Edge */
user-select: none; /* Non-prefixed version, currently
					  supported by Chrome and Opera */

}



#botom_enviar_rangos:hover{
background-color: #1ca5f5;
}

#sin_resultados{
margin-top: 20px;
box-sizing: border-box;
padding: 5px;
}

#sin_resultados, #sin_resultados p{
font-size: 1em;
color: #555555;
}

#sin_resultados span{
color: #fe930f;
font-weight: bold;
}

.compensacion_barra{
clear: both;
height: 110px;
width: 100%;
background-color: #363636;
}

.ver_mas{
background-color: transparent;
}

.boton_mas {
	  -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome and Opera */
text-align: right;
padding-top: 7px;
padding-bottom: 7px;
padding-right: 7px;
border-radius: 3px;
color: #ffffff;
background-color: #fe930f !important;	
font-weight: bold;
cursor: pointer;
box-sizing: border-box;
font-size: 0.8em;
text-decoration: underline;
}
.boton_mas a{
color: #ffffff;
text-decoration: none;
}

#barra_estado{
padding: 10px;
box-sizing: border-box;
width: 100%;
background-color: #7590ff;
color: #ffffff;
border-radius: 3px;
/*background-color: #006fdc;*/
font-weight: bold;
margin-bottom:10px;
/*margin-top:10px;*/
}

#tu_busqueda_title{
font-size: 1.1em;
margin-bottom: 10px;
}

.descripcion_tb{
text-transform: capitalize;
font-size:0.8em;
}
.boton_cambiar{
position: absolute;
right: 0px;
bottom: 10px;
cursor: pointer;
}

#aviso_escuelas_patrocinadoras{
font-weight: bold;
width: 250px;
position: absolute;
top: 90px;
right: 5px;
color: #fe930f;
}

.explicacion_signos, .explicacion_ranking{
background-image: url("../imagenes/explicacion_busquedas.gif");
background-repeat: no-repeat;
background-position: center 0px;
margin: 0 auto;
margin-top: 10px;
margin-bottom: 10px;
width: 700px;
height: 145px;
}

.explicacion_enlace{
background-position: center -140px;
}

#paginador{
text-align: center;
width: 100%;
margin: 10px auto;
}

ul .paginador_item{
display: inline-block;
margin: 10px;
}



.div_barra_turno_select, .div_barra_turno_turno{
float: left;
}

.div_barra_turno_turno{
color: #ffffff;
margin: 3px;
margin-left: 353px;
margin-right: 15px;
font-size: 1.33em;
}

#separador_bottom{
width: 100%;
height: 109px;
background-color: #282828;
}

.adaptable_b{
	box-sizing: border-box;
	padding-top: 30px;
	padding-bottom: 30px;
margin: 5px auto;
margin-bottom: 0px;
min-height: 20px;
min-width: 10px;
/*border: 1px solid #bcbcbc;*/
}

.contenedor_adap{
margin-top: 20px;
text-align: right;
position: relative;
max-width: 700px;
max-height: 100px;
}

/*Detalles para pantallas no tan grandes*/
@media screen and (max-width: 1040px){
#lateral{display: none;}
#contenedor_busquedas{margin: 0 auto; float: none;}
/*Comparacion.php*/
.enlace_materia{display: none;}
}
.ranking{display: none;}
.h_ranking{display: none;}

/*IPAD*/
@media screen and (max-width: 768px){
.cont_compara_resultados{display: block;}
#RangoPrecio{display: none;}
.indicador_direccion{width: 100%; border-radius: 0px 0px 0px 0px; float: none;}
#map-canvas_ce, #map-canvas_no,  #map-canvas_ne,  #map-canvas_so,  #map-canvas_se{width: 100%; border: 0px; border-radius: 0px 0px 0px 0px; float: none;}
.ranking{display: none;}
.h_ranking{display: none;}
.detalles{display: none;}
.h_detalles{display: none;}
}


/*ESTO ESTABA EN LATERAL*/
#lateral{
font-family: tahoma;
width: 300px;
float: left;
margin-left: 18px;
position: relative;
background-color: #ffffff;
}

#lateral_contenido{
width: 300px;
background-color: #ffffff;
}

.contrata{
padding: 2px;
font-weight: bold;
background-color: #f6f5f5;
text-align: center;
width: 298px;
border-top: 2px dotted #676767;
border-bottom: 2px dotted #676767;
color: #676767;
font-size: 0.93em;
}

.barra_noticias{
margin: 0 auto;
 width: 298px;
padding: 10px;
font-size: 1.06em;
color: #ffffff;
text-align: left;
border-radius: 3px;
background-color: #7590ff;
font-weight: bold;
-webkit-box-shadow: #aaa 1px 1px 6px;
-moz-box-shadow: #aaa 1px 1px 6px;
box-shadow: #aaa 1px 1px 6px;
behavior: url(css/PIE.htc);
box-sizing: border-box;
}

.bloque_contenedor{
text-align: center;
margin: 0 auto;
padding-top: 15px;
padding-bottom: 7px;
width: 300px;
background-color: #ffffff;
box-sizing: border-box;
}

#tabla_pagados{
font-size: 0.86em;
border-collapse: collapse;
width: 100%;
margin: 0 auto;
margin-bottom: 10px;
}

#tabla_pagados tr, #tabla_pagados th{
max-width: 320px;
background-color: #ffffff;
}

#tabla_pagados tr td{
height: 66px;
}

.llamanos
{
width: -2px;
}

#busqueda_lateral{
background-color: #ffffff;
overflow:hidden;
width: 100%;
min-width: 240px;
padding:10px;
box-sizing: border-box;
}
/*FIN ESTABA LATERAL*/


/*iPhone*/
@media screen and (max-width: 580px){
#aviso_escuelas_patrocinadoras{display: none;}
#barra_estado{border-radius: 0;}
.sostenimiento{display:none;}
.h_sostenimiento{display:none;}
.aviso_control{display: inline;}
.aviso_turno{display: inline;}
.promedio{ top:27px;}
.medalla_plata{background-image: none; background-color: #e1e2e1; width: 30px;}
.medalla_oro{background-image: none; background-color: #fac41b; width: 30px;}
.medalla_bronce{background-image: none; background-color: #b45b16; width: 30px;}
.medalla_nd{background-image: none; background-color: #ffffff; width: 30px;}
/*Comparacion.php*/

}

* {
  scrollbar-color: #b0b0b0 #e0e0e0 !important; /* Color del pulgar y de la pista */
}