/* FUENTES */


@font-face{
	font-family:"f1";
	src:url("../rsc/fonts/f1.ttf") format("truetype");

}
@font-face{
	font-family:"f2";
	src:url("../rsc/fonts/f2.ttf") format("truetype");
	
}
@font-face{
	font-family:"f3";
	src:url("../rsc/fonts/f3.ttf") format("truetype");
	
}
@font-face{
	font-family:"f4";
	src:url("../rsc/fonts/f4.ttf") format("truetype");
	
}
@font-face{
	font-family:"f5";
	src:url("../rsc/fonts/F5.ttf") format("truetype");
	
}

/*NAV LICENCIAS*/

.navbar{
	height: 14vh;
	box-shadow: 5px 5px 5px 5px #36c5f9;
}
.nav-link{

	color:black !important;
}


.bola{
	width: 16vh;
	height: 16vh;
	position:relative;
 
}


/*IMAGEN CABECERA*/

.rounded{

	padding-top: 40px;
	

}

/*TEXTO*/

.titulo{

	color: #00b3e9;
}


}
.texto{

margin-top: 20px;
margin-left: auto;
width: 60%;
height: 40vh;
text-align: justify;

}
/* CSS */


.footer{
	height: 14vh;
	font-size: 1.2vh;
	box-shadow: 5px 5px 5px 5px #36c5f9;
}
nav{}
header{}
section{}
aside{}
footer{}



/* MEDIA QUERIES */
/* TV */
@media screen and (min-width: 2049px){}
/* PC */
@media screen and (max-width: 2048px){}
/* PORTÁTIL */
@media screen and (max-width: 1330px){}
/* TABLET */
@media screen and (max-width: 756px){


.bola{

	width: 12vh;
	height: 12vh;
	margin-bottom: 10px;
}

.navbar-toggler{


	background: #36c5f9;
}

.nav{

	width: 100%;
	height: 100%;

}

.navbar{

	width: 100%;
	height: 100%;
	margin:0;
	box-shadow: none;

	
}


.img{

	width: 756px;
	height: 450px;
} 

.rounded{

	width: 756px;
	height: 450px;
}
}
/* MÓVIL */
@media screen and (max-width: 450px){

body{
	overflow-x: hidden;
}

.bola{

	width: 10vh;
	height: 10vh;
	margin-bottom: 10px;
}

.navbar-toggler{

	background: #36c5f9;
}

.navbar{

	width: 100%;
	height: 100%;
	box-shadow: none;

}

.img{

	width: 450px;
	height:250px;
} 

.rounded{

	width: 450px;
	height: 250px;
}




.footer{

	width: 100%;
	height: 8vh;

}
}
/* SMARTWATCH */
@media screen and (max-width: 320px){

body{
	overflow-x: hidden;
}
.navbar{

	width: 100%;
	height: 14vh;
	box-shadow: none;
}


.img{

	width: 60%;
	height: auto;
}

.rounded{

	width: 60%;
	height: auto;
}

.footer{

	width: 100%;
	height: 8vh;

}