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

@media only screen and (min-width: 768px) {
	body {
		font-size: 1.5rem;
	}
	#contenedor {
		width: 90%;
		margin: auto;
		-webkit-transition: all 0.3s;
		-moz-transition: all 0.3s;
		transition: all 0.3s;
	}
	#home_tutorial div {
		width: 55%;
		-webkit-transition: all 0.3s;
		-moz-transition: all 0.3s;
		transition: all 0.3s;
	}
	#home_grid_dos {
		grid-template-columns: 50% 50%;
		-webkit-transition: all 0.3s;
		-moz-transition: all 0.3s;
		transition: all 0.3s;
	}
	#home_grid_dos div {
		width: 98%;
		-webkit-transition: all 0.3s;
		-moz-transition: all 0.3s;
		transition: all 0.3s;
	}
	#home_grid_tres {
		grid-template-columns: 33.3% 33.3% 33.3%;
		-webkit-transition: all 0.3s;
		-moz-transition: all 0.3s;
		transition: all 0.3s;
	}
	#home_grid_tres div {
		width: 96%;
		-webkit-transition: all 0.3s;
		-moz-transition: all 0.3s;
		transition: all 0.3s;
	}
	.home_principal {
		margin-top: 10px !important;
		padding-bottom: 50% !important;
	}
	.home_principal div {
		width: 45% !important;
	}
	.home_secundario {
		padding-bottom: 45%;
	}
	.home_secundario div {
		width: 55% !important;
	}
	.home_tercero {
		padding-bottom: 75%;
	}
	.home_tercero div {
		width: 70% !important;
	}
	.home_derecha_01 {
		margin-left: 2% !important;
	}
	.home_derecha_02 {
		margin-left: 3% !important;
	}
	.home_derecha_03 {
		margin-left: 4% !important;
	}
	/* mapa del sitio */
	#mapa_sitio {
		font-size: 1.2rem;
		text-transform: uppercase;
	}
	#mapa_sitio h3 {
		text-transform: uppercase;
		font-weight: 700;
		font-size: 1.2rem;
	}
	#mapa_sitio_grid {
		line-height: 2rem;
		grid-template-columns: 33.3% 33.3% 33.3%;
		-webkit-transition: all 0.3s;
		-moz-transition: all 0.3s;
		transition: all 0.3s;
	}
	.mapa_sitio_centro {
		border-left: .1rem;
		border-left-style: solid;
		border-left-color: #E2E2E2;
		border-right: .1rem;
		border-right-style: solid;
		border-right-color: #E2E2E2;
		padding-left: 30px !important;
		margin-left: -20px !important;
		margin-right: 20px !important;
	}
	
	/* Tutorial */
	#tutorial_portada {
		padding-bottom: 40% !important;
	}
	#tutorial_portada div {
		position: absolute;
		margin-left: 50%;
		padding: 3% 5% 2% 5%;
		bottom: 0px;
		width: 50% !important;
		height: 100%;
		overflow: hidden;
		color: #F4F4F4;
		z-index: 2;
		-webkit-transition: all 0.3s;
		-moz-transition: all 0.3s;
		transition: all 0.3s;
	}
	#tutorial_portada h3 {
		font-size: 3rem;
	}
	#descripcion_grid {
		width: 100%;
		grid-template-columns: 65% 35%;
		-webkit-transition: all 0.3s;
		-moz-transition: all 0.3s;
		transition: all 0.3s;
	}
	#rating_grid {
		width: 96%;
		-webkit-transition: all 0.3s;
		-moz-transition: all 0.3s;
		transition: all 0.3s;
	}
	#descargar_archivos {
		padding-top: 0px !important;
		padding-left: 30px;
		border-top: 0px;
		border-top-style: solid;
		border-top-color: #424242;
		border-left: 1px;
		border-left-style: solid;
		border-left-color: #424242;
	}
	
	/* Error */
	#error {
		margin-top: 20px !important;
		margin-bottom: 20px;
		width: 55%;
		font-size: 4rem;
		font-weight: 700;
	}
	
	/* Registro */
	#registro_grid {
		grid-template-columns: 50% 50%;
		-webkit-transition: all 0.3s;
		-moz-transition: all 0.3s;
		transition: all 0.3s;
	}
	#registro_grid div {
		width: 97%;
	}
	#formulario {
		margin-left: 3%;
	}
	#linea_registro {
		width: 100% !important;
		margin-left: 3%;
	}
	#login_facebook {
		width: 100% !important;
		margin-left: 3%;
		
	}
	
	/* Registro */
	#perfil_grid {
		grid-template-columns: 35% 65%;
		-webkit-transition: all 0.3s;
		-moz-transition: all 0.3s;
		transition: all 0.3s;
	}
	#perfil_grid div {
		width: 97%;
	}
	
}

@media only screen and (min-width: 1024px) {
	body {
		font-size: 1.7rem;
	}
	#contenedor {
		width: 90%;
		max-width: 960px;
		margin: auto;
		-webkit-transition: all 0.3s;
		-moz-transition: all 0.3s;
		transition: all 0.3s;
	}
	#home_tutorial div {
		width: 45%;
		-webkit-transition: all 0.3s;
		-moz-transition: all 0.3s;
		transition: all 0.3s;
	}
	#home_grid_dos {
		grid-template-columns: 50% 50%;
		-webkit-transition: all 0.3s;
		-moz-transition: all 0.3s;
		transition: all 0.3s;
	}
	#home_grid_dos div {
		width: 98%;
		-webkit-transition: all 0.3s;
		-moz-transition: all 0.3s;
		transition: all 0.3s;
	}
	.home_principal {
		margin-top: 10px !important;
		padding-bottom: 50% !important;
	}
	.home_secundario {
		padding-bottom: 45%;
	}
	.home_derecha {
		margin-left: 2% !important;
	}
	.home_principal div {
		width: 55% !important;
	}
	.home_secundario div {
		width: 55% !important;
	}
	.home_tercero div {
		width: 75% !important;
	}
	
	/* Tutorial */
	#tutorial_portada {
		padding-bottom: 30% !important;
	}
	#tutorial_portada div {
		position: absolute;
		margin-left: 60%;
		width: 40% !important;
		-webkit-transition: all 0.3s;
		-moz-transition: all 0.3s;
		transition: all 0.3s;
	}
	
	
	#home_tutorial img {
		width: 15%;
		border-radius: 5px;
		-webkit-transition: all 0.3s;
		-moz-transition: all 0.3s;
		transition: all 0.3s;
	}
}
@media only screen and (min-width: 1366px) {
}