@charset "iso-8859-1";
/* CSS Document */

body {
	-webkit-touch-callout: none;
	/*-ms-touch-select: none;
	-ms-touch-action: none;*/
}

/* ESTILOS DE LA CABECERA */
#cabecera_intro{
	padding:10px 0 15px 0;
	text-align:center;
	border-bottom:1px solid #BDBDAE;
}

.contenedor_lista{
	border-bottom:1px solid #BDBDAE;
}

.nombre_autoescuela{
	font-size: 12px;
	padding: 4px;
	margin-top: -4px;
	border-top: 1px solid #9FCDE3;
	text-align:center;
}

/*estilos para dejar fijo el header*/
.contenedor_header{
	position:relative;
	height:75px	
}
.contenedor_header_menu{
	position:relative;
	height:107px	
}
.cabecera_app{
	position:fixed;
	width:100%;
	z-index:100	
}

/* ESTILOS DEL PIE */
.pie_intro{
	text-align:center;
	padding:8px 0;
	border-top:1px solid #FFF;	
}


@media screen and (max-width:479px) {
	/* ESTILOS GENERALES*/
	.ui-content-c{
		background-image:url(imagenes/fondo_vertical.jpg);
		background-repeat:no-repeat;
		background-attachment:fixed;
		background-size:cover;
		background-position:left top;
	}	
	
	/* ESTILOS DE LA CABECERA */
	#cabecera_intro img{
		width:78%;	
	}
	
	.cabecera_app img{
		margin-left:-3px;
		width:125px;
	}
	
	.nombre_test{
		font-size: 12px;
		padding: 4px;
		margin-top: -4px;
		border-top: 1px solid #9FCDE3;
		text-align:center;
	}
	
	/* ESTILOS DEL CUERPO */
	#cuerpo_intro{
		border-top:1px solid #FFF;
		border-bottom:1px solid #BDBDAE;
		background-image:url(imagenes/imagen_intro.png);
		background-repeat:no-repeat;
		background-position:center 20px;
		background-size:110%;	
	}
	#form_provincias{
		width:70%;
		margin:250px auto 20px auto;
	}
}

@media screen and (min-width:480px) and (max-width:767px) {
	
	/* ESTILOS GENERALES*/
	.ui-content-c{
		background-image:url(imagenes/fondo.jpg);
		background-repeat:no-repeat;
		background-attachment:fixed;
		background-size:cover;
		background-position:left top;
	}
	
	
	/* ESTILOS DE LA CABECERA */
	#cabecera_intro img{
		width:300px;	
	}	
	
	.cabecera_app img{
		margin-left:-3px;
		width:125px;
	}
	
	.nombre_test{
		font-size: 12px;
		padding: 4px;
		margin-top: -4px;
		border-top: 1px solid #9FCDE3;
		text-align:center;
	}
	
	/* ESTILOS DEL CUERPO */
	#cuerpo_intro{
		border-top:1px solid #FFF;
		border-bottom:1px solid #BDBDAE;
		background-image:url(imagenes/imagen_intro.png);
		background-repeat:no-repeat;
		background-position:center 20px;
		background-size:95%;	
	}
	#form_provincias{
		width:50%;
		margin:370px auto 10px auto;
	}
}

@media only screen and (min-width:768px) and (max-width:1023px)
{
	/* ESTILOS GENERALES*/
	body{
        font-size:1.7em;
    }
	.ui-content-c{
		background-image:url(imagenes/fondo_vertical.jpg);
		background-repeat:no-repeat;
		background-attachment:fixed;
		background-size:cover;
		background-position:left top;
	}
	
	/* ESTILOS DE LA CABECERA */
	#cabecera_intro img{
		width:300px;	
	}	
	
	.cabecera_app img{
		margin-left:-3px;
		width:175px;
	}
	
	.nombre_test{
		font-size: 18px;
		padding: 4px;
		margin-top: -4px;
		border-top: 1px solid #9FCDE3;
		text-align:center;
	}
	
	.nombre_autoescuela{
		font-size: 18px;
	}
	
	.contenedor_header{
		position:relative;
		height:92px;	
	}
	.contenedor_header_menu{
		position:relative;
		height:125px;
	}
	
	/* ESTILOS DEL CUERPO */
	#cuerpo_intro{
		border-top:1px solid #FFF;
		border-bottom:1px solid #BDBDAE;
		background-image:url(imagenes/imagen_intro.png);
		background-repeat:no-repeat;
		background-position:center 20px;	
		background-size:100%;	
	}
	#form_provincias{
		width:50%;
		margin:670px auto 0px auto;
	}
	.pie_intro{
		text-align:center;
		padding:8px 0;
		border-top:1px solid #FFF;
		font-size:16px;
	}
}

@media screen and (min-width:1024px)
{
	/* ESTILOS GENERALES*/
	body{
        font-size:1.7em;
    }
	.ui-content-c{
		background-image:url(imagenes/fondo.jpg);
		background-repeat:no-repeat;
		background-attachment:fixed;
		background-size:cover;
		background-position:left top;
	}
	
	/* ESTILOS DE LA CABECERA */
	#cabecera_intro img{
		width:300px;	
	}	
	
	.cabecera_app img{
		margin-left:-3px;
		width:175px;
	}
	
	.nombre_test{
		font-size: 18px;
		padding: 4px;
		margin-top: -4px;
		border-top: 1px solid #9FCDE3;
		text-align:center;
	}
	
	.nombre_autoescuela{
		font-size:18px;
	}
	
	.contenedor_header{
		position:relative;
		height:92px;	
	}
	.contenedor_header_menu{
		position:relative;
		height:125px;	
	}
	
	/* ESTILOS DEL CUERPO */
	#cuerpo_intro{
		border-top:1px solid #FFF;
		border-bottom:1px solid #BDBDAE;
		background-image:url(imagenes/imagen_intro.png);
		background-repeat:no-repeat;
		background-position:center 20px;
		background-size:52%;	
	}
	#form_provincias{
		width:50%;
		margin:500px auto 20px auto;
	}
	
	.pie_intro{
		text-align:center;
		padding:8px 0;
		border-top:1px solid #FFF;
		font-size:16px;
	}
}