@font-face {
  font-family: 'Khmer';
  src: url("fonts/Khmer_Sangam_MN.ttf");
}
@font-face {
  font-family: 'Righteous';
  src: url("fonts/Righteous-Regular.ttf");
}
@font-face {
  font-family: 'Oxygen';
  src: url("fonts/oxygen.light.ttf");
}



body{
	background-color: #ffffff;
	font-family: 'Oxygen';
	color: #1c4f64;
}

h1{
	font-family: 'Righteous';
	color: #6ee3c1;
	text-align:center;
}
h2{
	font-family: 'Righteous';
	color: #1c4f64;
	text-align:center;
}

p, a{
	font-size: 1.3em;
}

#logo{
	width:15%;
	margin: 15px;
}

#margen-sup{
	background-color: #03aac2;
	width: 100%;
	height: 35px;
}

.item-menu{
	display:block; 
	margin: 5%;
	font-size: 1.5em;
	float:right;
	text-decoration:none;
	text-align:center;
	font-family: 'Righteous';
	color: #1c4f64;
}

.item-menu:hover{
	color: #30d7de;
}

#menu-sup{
	float: right;
    width: 75%;
    position: absolute;
    right: 0;
    bottom: 0;
}

@media (max-width: 920px) {
	#logo{
		width:80%;
		margin: 5px 10%;
	}
	
	#menu-sup{
		float: none;
		width: 100%;
		position: relative;
	}
	.item-menu{
		width: 100%;
		margin: 5px 0px;
		float: none;
	}
	.item-menu br{
		display:none;
	}
	#contenedor-menu{
		 margin-bottom: 25px;
	}
}

.barra_multicolor{
	width:100%;
	height: 25px;
	background-image: url('linea.jpg');
	background-size: 100% 100%;
}

.img-portada{
	width:100%;
}

#footer{
	text-align:center;
	background-color: #03aac2;
	padding: 25px;
	margin-top: 50px;
}

#footer a{
	text-decoration:none;
	color:white;
	font-weight: bold;
	font-family: 'Oxygen';
}

.app-portada a span{
	margin-top: 1em;
    display: inline-block;
    margin-left: 10%;
    margin-right: 10%;
}
.app-portada a{
	text-decoration:none;
	color: #1c4f64;
}

.app-portada a img{
	width: 80%; 
	margin:auto;
}

.app-portada{
	width: 33%;
	float:left;
	text-align:center;
}

@media (max-width: 920px) {
    .app-portada{
		width: 100%;
		float:left;
		text-align:center;
	  }
}

.fotorama{
	width:40%;
	margin-left: 5%;
	float: left;
}
.app_descripcion{
	width: 40%;
	margin-right: 5%;
	margin-bottom: 25px;
	float: right;	
}
@media (max-width: 920px) {
	.fotorama, .app_descripcion{
		width:80%;
		margin: auto;		
		margin-bottom: 25px;
		float: none;
	}
}

.captura_video{
	width: 100%;
    min-height: 500px;
    margin: auto;
}