@charset "utf-8";

* {
	overflow-x: hidden;
	margin: 0px;
	padding: 0px;
}

body {
	width: 100%;
	background: #fff;
}

header{
	width: 100%;
	height: 250px;
	background-image: url(../img/portada.jpg);
	background-size: cover;
	background-position: center;
}

nav{
	width: 100%;
	height: 40px;
	background-color:#e6e6e6;
	position: absolute;
	top:250px;
}

nav a img{
	width: 20px;
	height: 20px;
	margin-left: 15%;
	margin-top: 10px;
	display: inline-block;
}

nav h1{
	font-family: "Regular";
	font-size: 15px;
	display: inline-block;
}

header #logo{
	width: 200px;
	height: 200px;
	background-image: url(../img/logo.png);
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
	margin-left: 15%;
	margin-top: 50px;
}
footer{
	/* position: fixed; */
	background-color: #366d9d;
	width: 100%;
	height: auto;
	padding-top: 30px;
	bottom: 0px;
	z-index: -1;
}

footer div{
	width: auto;
	text-align: center;
	margin-top: 30px;
}
footer div a{
	color: #fff;
	text-decoration: none;
	font-size: 16px;
	text-align: center;
	margin:0 auto;
	font-style: italic;
	font-weight: 400;
}

footer #line{
	width: 70%;
	height: 1px;
	background-color: #fff;
	margin: 0 auto;
	margin-top: 10px;
	margin-bottom: 30px;
}

footer div h1{
	color: #fff;
	text-decoration: none;
	font-size: 16px;
	text-align: center;
	margin:0 auto;
	font-style: italic;
	font-weight: 400;
}

.licencia h3{
	display: inline-block;
	vertical-align: middle;
	color:#fff;
}

.licencia a{
	display: inline-block;
	vertical-align: middle;
	color:#3c9bed;
	font-size: 18px;
}


.licencia a:hover{
	display: inline-block;
	vertical-align: middle;
	color:#09f;
	font-size: 18px;
}



@font-face {
    font-family:Regular;
    src: url(../font/Louis.ttf);
}

@font-face {
    font-family:Ligth;
    src: url(../font/LouisLight.ttf);
}

@media screen and (max-width: 768px) {
	.contenido article{
	height: auto;
	display:block;
	margin: 0 auto;
	}

	#t70{
		width: 100%;
	}

	#t30{
		width: 100%;
	}

	#consulta{
	background-color: #333;
	margin-bottom:10px;
	margin-top: 0px;
	}

	#access{
	background-color: #3c9bed;
	min-height: 400px;
	margin-bottom: 30px;
	margin-top: 15px;
	}

	.triangulo-a {
		left:calc(42%);
	}

	header #logo{
		margin:0 auto;
		margin-top: 20px;
	}

	nav a img{
	margin-left:10px;
	}

	#info img{
	margin: 0 auto;
	display: block;
	width: 100%;
	height: auto;
	}

	footer{
		position: relative;
		background-color: #366d9d;
		width: 100%;
		height: auto;
		padding-top: 30px;
		bottom: 0px;
		z-index: -1;
	}



}