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

html, body {
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	text-rendering: optimizeLegibility;
	text-align: left;
	height: 100%;
	overflow: auto;
	margin: 0px;
    padding: 0px;
	font-family: 'Open Sans', sans-serif;
	font-size: 1rem;
	scroll-behavior: smooth;
}

.box1 {
	width: 100%;
	height: 300px;
	background-color: #0F2B68;
	background-image: url("../images/tl_01.png");
		background-position: right;
		background-repeat: no-repeat;
		background-size: 39% 67%;
	box-shadow: 0px 10px 25px -5px #000;
	position: relative;
	}

	.box1 p {
		font-family: 'Open Sans', sans-serif;
		font-weight: 300;
		font-size: 2em;
		color: #fff;
		width: 50%;
		padding: 60px 0 0px 57px;
	}

.box2 {
	width: 100%;
	height: 450px;
	background-color: #134384;
	background-image: url("../images/tl_02.png");
		background-position: right;
		background-repeat: no-repeat;
		background-size: 35% 45%;
	box-shadow: 0px 10px 25px -5px #000;
	margin-top: -35px;
	position: relative;
	z-index: -2;
	}

	h1 {
		font-family: 'Open Sans', sans-serif;
		font-weight: 300;
		font-size: 3em;
		color: #fff;
		padding: 30px 0px 0px 50px;
	}

	.bullets {
		width: 55%;
		height: 300px;
		font-family: 'Open Sans', sans-serif;
		font-weight: 300;
		color: #fff;
		margin: 0px 0 0px 57px;
		columns: 2;
		column-gap: 2em;
	}

	.bullets li {
		list-style-type: square;
		font-size: 1em;
		color: white;
		padding: 10px;
	}

	.bullets p {
		font-size: 0.8em;
		font-style: italic;
	}
.box3 {
	width: 100%;
	height: 950px;
	background-color: #134384;
	background-image: url("../images/ld_bg.png");
		background-position: top right;
		background-repeat: no-repeat;
		background-size: cover;
	margin-top: -35px;
	position: relative;
	z-index: -5;
	}

.box4 {
	  /*IMPORTANTE*/
  	display: flex;
  	justify-content: center;
  	align-items: center;
	position: relative;
	width: 100%;
	}
	
	.quotes {
		width: 55%;
		height: auto;
		font-family: 'Open Sans', sans-serif;
		font-weight: 300;
		color: #fff;
		position: relative;
	}

.footer {
	width: 100%;
	height: 150px;
	background-color: #02070E;
	}

.contacto {
  /*IMPORTANTE*/
  	display: flex;
  	justify-content: center;
  	align-items: center;
	text-align: center;
	padding-top: 15px;
	}

	.qs {
	width: 70%;
	height: auto;
	}
	
	.aiag {
	width: 40%;
	height: auto;
	float: left;
	padding: 0px 0px 0px 50px;
	}

	.footer p {
	font-family: 'Open Sans', sans-serif;
	font-weight: 300;
	color: #fff;
	font-size: 1em;
	}

	.footer-tel {
    float: left;
    width: 10%;
	padding: 0px 30px 0px 30px;
	}

		.footer-tel a {
		color:#666;
		text-decoration: none;
		}

		.footer-tel a:hover {
		color: #b5b5b5;
		}

	.footer-mail {
    float: left;
    width: 10%;
	padding: 0px 100px 0px 30px;
	}

		.footer-mail a {
		color:#666;
		text-decoration: none;
		}

		.footer-mail a:hover {
		color: #b5b5b5;
		}

	.footer-fb, .footer-tw, .footer-ln {
    float: left;
    width: 5%;
	}


p.copy-right {
    color: #848484;
    text-align: center;
    font-size: 14px;
    border-top: 1px solid #0F1117; /*linea footer*/
    padding-top: 1em;
	}

	p.copy-right a {
		color: #666;
		text-decoration: none;
	}

	p.copy-right a:hover {
		color: #b5b5b5;
	}


/*CONTACTO*/

.formulario {
	display: flex;
	justify-content: center;
	position: relative;
	margin-top: -530px;
	margin-bottom: 40px;
}

.pTxt {
	font-family: 'Open Sans', sans-serif;
	font-size: 1.7em;
	font-weight: 300;
	color: #fff;
	margin-top: 0px;
	padding: 0px 0px 10px 12px;
}

.container-formato {
	background-color: #0C9BE1;
	position: relative;
	width: 30%;
	padding: 1em;
	margin: auto;
	margin: 0px 0px 0px 0px;
	box-shadow: 10px 10px 20px rgba(0,0,0,0.6);
	}

#contact input[type="text"],#contact input[type="email"], #contact textarea{
	font-family: 'Open Sans', sans-serif; 
	text-transform: uppercase;
	font-weight: 300; 
	font-size: 1rem;
	display: block;
	padding: 0px 0px 0px 0px;
	margin: 10px auto;
	width: 90%;
	color: #fff;
	border: 0px;
  	border-bottom: 1px solid #fff;
	background-color:transparent;
	margin-bottom: 30px;
	}

#contact textarea{
	font-size: 1rem;
	color: #fff;
	}

#contact input:hover, #contact textarea:hover{
	border: 0px solid #fff;
	}

#contact input:focus, #contact textarea:focus{
	border: 0px solid #fff;
	}

#contact textarea{
	max-width: 90%;
	min-width: 90%;
	resize: none;
	border-bottom: 1px solid #fff;
}

#contact .send-button{
	text-align: center;
}

#contact .send-button button[type="submit"]{
	font-family: 'Open Sans', sans-serif; 
	font-weight: 300; 
	font-size: 1rem;
	color: #fff;
	background-color:transparent;
	opacity:0.7; /* Opacidad 40% */
	border-radius: 7px;
	border: 1px solid #fff;
	width: 30%;
	padding: 10px 0;
	float: center;
	text-transform: uppercase;
	transition: .5s all ease;
	cursor: pointer;
}

#contact .send-button button[type="submit"]:hover{
	background: #134384;
}

#contact .send-button button[type="submit"]:focus{
	position: relative;
	top: 2px;
}