body {
  font-family:'Open Sans Condensed', sans-serif !important;
}

/* Diseño móvil: 480 px e inferior. */
@media only screen and (max-width: 481px) {

	/********************************************* Header *********************************************/
	.header_logo {
		width:auto;
		max-height:35px;
		height:auto;
		margin-top: -5px;
	}

	/********************************************* Presentación de intro a la página *********************************************/
	#imgPresentacionIntro {
		position:fixed;
		width:100%;
		height:100%;
		background:#d1d1d1;
		background-size: 100% 100%; 
		z-index:2147483647;
	}
	#imgPresentacionIntroImg {
		position: absolute;
		top: 50%; /* Buscamos el centro horizontal (relativo) del navegador */
		left: 50%; /* Buscamos el centro vertical (relativo) del navegador */
		width: 80px; /* Definimos el ancho del objeto a centrar */
		height: 114px; /* Definimos el alto del objeto a centrar */
		margin-top: -57px; /* Restamos la mitad de la altura del objeto con un margin-top */
		margin-left: -40px; /* Restamos la mitad de la anchura del objeto con un margin-left */
	}
	#imgPresentacionIntroImg #logoIntro{
		width: 80px;
		height: 114px;
	}
	#imgPresentacionIntroImg #carga{
		position:relative;
		left:-10px;
		width: 20px;
		height: 20px;
	}

	/********************************************* Header *********************************************/
	.form-header-content a.form-header-url {
		text-decoration: none;
		outline: none;
	}
	.form-header-content a.form-header-url .form-header-img {
		position: relative;
		display: inline-block;
		width:auto;
		max-height:25px;
		height:auto;
		padding: 0 20px 0 20px;
		-webkit-transition: all 0.5s;
	  	-moz-transition: all 0.5s;
	  	-ms-transition: all 0.5s;
	  	-o-transition: all 0.5s;
	  	transition: all 0.5s;
		cursor:pointer;
		text-decoration: none;
		outline: none;
	}
	.form-header-content a.form-header-url .form-header-img:hover {
		opacity: 0.4;
	}

}

/* Diseño tableta: de 481 px a 768 px. Hereda estilos de: Diseño móvil. */
@media only screen and (min-width: 481px) {

	/********************************************* Header *********************************************/
	.header_logo {
		width:auto;
		max-height:35px;
		height:auto;
		margin-top: -5px;
	}

	/********************************************* Presentación de intro a la página *********************************************/
	#imgPresentacionIntro {
		position:fixed;
		width:100%;
		height:100%;
		background:#d1d1d1;
		background-size: 100% 100%; 
		z-index:2147483647;
	}
	#imgPresentacionIntroImg {
		position: absolute;
		top: 50%; /* Buscamos el centro horizontal (relativo) del navegador */
		left: 50%; /* Buscamos el centro vertical (relativo) del navegador */
		width: 80px; /* Definimos el ancho del objeto a centrar */
		height: 114px; /* Definimos el alto del objeto a centrar */
		margin-top: -57px; /* Restamos la mitad de la altura del objeto con un margin-top */
		margin-left: -40px; /* Restamos la mitad de la anchura del objeto con un margin-left */
	}
	#imgPresentacionIntroImg #logoIntro{
		width: 80px;
		height: 114px;
	}
	#imgPresentacionIntroImg #carga{
		width: 40px;
		height: 40px;
	}

	/********************************************* Header *********************************************/
	.form-header-content a.form-header-url {
		text-decoration: none;
		outline: none;
	}
	.form-header-content a.form-header-url .form-header-img {
		position: relative;
		display: inline-block;
		width:auto;
		max-height:30px;
		height:auto;
		padding: 0 20px 0 20px;
		-webkit-transition: all 0.5s;
	  	-moz-transition: all 0.5s;
	  	-ms-transition: all 0.5s;
	  	-o-transition: all 0.5s;
	  	transition: all 0.5s;
		cursor:pointer;
		text-decoration: none;
		outline: none;
	}
	.form-header-content a.form-header-url .form-header-img:hover {
		opacity: 0.4;
	}

}

/* Diseño escritorio: de 769 px hasta un máximo de 1232 px.  Hereda estilos de: Diseño móvil y Diseño tableta. */
@media only screen and (min-width: 769px) {

	/********************************************* Header *********************************************/
	.header_logo {
		width:auto;
		max-height:35px;
		height:auto;
		margin-top: -5px;
	}

	/********************************************* Presentación de intro a la página *********************************************/
	#imgPresentacionIntro {
		position:fixed;
		width:100%;
		height:100%;
		background:#d1d1d1;
		background-size: 100% 100%; 
		z-index:2147483647;
	}
	#imgPresentacionIntroImg {
		position: absolute;
		top: 50%; /* Buscamos el centro horizontal (relativo) del navegador */
		left: 50%; /* Buscamos el centro vertical (relativo) del navegador */
		width: 120px; /* Definimos el ancho del objeto a centrar */
		height: 171px; /* Definimos el alto del objeto a centrar */
		margin-top: -85.5px; /* Restamos la mitad de la altura del objeto con un margin-top */
		margin-left: -60px; /* Restamos la mitad de la anchura del objeto con un margin-left */
	}
	#imgPresentacionIntroImg #logoIntro{
		width: 120px;
		height: 171px;
	}
	#imgPresentacionIntroImg #carga{
		width: 50px;
		height: 50px;
	}

	/********************************************* Header *********************************************/
	.form-header-content a.form-header-url {
		text-decoration: none;
		outline: none;
	}
	.form-header-content a.form-header-url .form-header-img {
		position: relative;
		display: inline-block;
		width:auto;
		max-height:35px;
		height:auto;
		padding: 0 22px 0 22px;
		-webkit-transition: all 0.5s;
	  	-moz-transition: all 0.5s;
	  	-ms-transition: all 0.5s;
	  	-o-transition: all 0.5s;
	  	transition: all 0.5s;
		cursor:pointer;
		text-decoration: none;
		outline: none;
	}
	.form-header-content a.form-header-url .form-header-img:hover {
		opacity: 0.4;
	}

}