/*-- BANNERS --*/

.screen-md{
	display: none;
}

.screen-sm{
	display: none;
}

.screen-xs{
	display: none;
}

/* -- GENERAL -- */

#bg-header{
	width: 100%;
	height: auto;
	margin-top:68px;
}

.bg_header{
	width: 100%;
	height: 100%;
	position: relative;
}

.bg_header img{
	width: 100%;
	height: auto;
	margin-top:0px;
}
 
.bg_header .overlay{
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	width: 100%;
	height: auto;
	background-color: rgba(,,,);
}

.bg_header .overlay .text-overlay{
	color: #19415d;
	position: absolute;
	font-family:sans-serif;
	font-weight:bold;
	font-size: 6em;
	width: 50%;
	top: 50%;
	left: 50%;
	border-radius: 10px;
	transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
	text-align: center;
	text-transform: uppercase;
	text-shadow: 0 1px 0 rgba(0,0,0,0.3);
	background: rgba();
}

:focus{
	outline: none;
}

body{
	background: #fff;
}

.option1{
	color: #c32127;
}

.option2{
	color: #e0b624;
}

.option3{
	color: #192954;
}

.option4{
	color: #56a1d3;
}

/* -- CONFIRMACION --*/
.confirmacion{
	background:#fff;
	border: 1px solid #19415d;
	border-radius: 15px;
	width: 350px;
	display: block;
	margin: auto;
	margin-top: 20px;
}

.confirmacion h4{
	text-align: center;
	font-size: 1.1em;
}


/* -- FORMULARIO -- */

.form-wrap{
	width: 70%;
	height: auto;
	margin: 50px auto;
	display: flex;

	background: #fff;
	border-radius: 10px;
	overflow: hidden;
	box-shadow: 0px 0px 20px rgba(0,0,0,.2)
}

/*INFORMACION DE CONTACTO*/
.contact-info::before{
	content:'';
	width: 100%;
	height: 100%;

	position: absolute;
	top: 0;
	left: 0;

	background: #19415d;
	opacity: 0.9;
}

.contact-info{
	width: 38%;
	position: relative;

	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;

	background-image: url(../imagenes/oficinas/sala-juntas.png);
	background-size: cover;
	background-position:center center;
}

.info-title,
.info-items{
	z-index: 10;
	position: relative;
	color: #fff;
}

.info-title{
	margin-bottom: 30px;
}

.info-title span{
	font-size: 110px;
	display: block;
	text-align: center;
	margin-bottom: -30px;
}

.info-title h3{
	font-size: 35px;
	text-align: center;
}

.info-items p{
	display: flex;
	align-items: center;

	font-size: 18px;
	font-weight: bold;

	margin-bottom: 10px;
}

.info-items p:nth-child(1) span{
	font-size: 25px;
	margin-right: 5px;
}

.info-items p:nth-child(2) span{
	font-size: 20px;
	margin-right: 5px;
	margin-top: -5px;
}

.info-items p:nth-child(3) span{
	font-size: 20px;
	margin-right: 5px;
	margin-top: -5px;
}


/*FORMULARIO DE CONTACTO*/

form.form-contact{
	width: 62%;
	padding: 10px 40px;
}

form.form-contact h3{
	font-size: 25px;
	font-weight: bold;
	color: #19415d;
	margin-bottom: 15px;
}

form.form-contact .user-info{
	display: flex;
	flex-direction: column;
}

form.form-contact label{
	font-weight: bold;
}

select{
	margin-top: 8px;
	margin-bottom: 20px;
	border:none;
	border-radius: 5px;
	height: 25px;
	background: #f3f3f3;
}

form.form-contact input,
form.form-contact textarea{
	width: 100%;
	padding: 8px 0px 5px;
	margin-bottom: 20px;
	border:none;
	border-bottom: 2px solid #d1d1d1;

	font-family: 'Open sans';
	color: #5a5a5a;
	font-size: 14px;
	font-weight: 400;
}

form.form-contact textarea{
	max-width: 100%;
	min-width: 100%;
	max-height: 200px;
}

form.form-contact input[type="checkbox"]{
	padding: 0;
	width: auto;
	margin-left: 5px;
	margin-bottom: 
}

form.form-contact input[type="submit"]{
	width: 180px;
	background: #19415d;
	padding: 10px;
	border:none;
	border-radius:5px;
	align-self: flex-end;
	color: #fff;
	font-size: 16px;
	font-weight: bold;
	cursor: pointer;
}

form.form-contact input[type="submit"]:hover{
	background: #1d4b6b;
}



/* -- TERMINA FORMULARIO -- */


.icon-office{
	font-size: 2.5em;
	color:  #19415d;
}

.address-list .content-list div{
	text-align: center;
	margin-top: 20px;
	margin-bottom: 20px;

}

.address-list .content-list div h3{
	color:  #19415d;
}

.address-list .content-list div p{
	font-weight: bold;
}

/*-- MAPAS --*/

.menu-maps{
	background: #19415d;
	padding:0;
	margin-bottom: 0;
	height: 455px;
}

.menu-maps ul{
	list-style: none;
}

.menu-maps ul li{
	padding: 20px 0;
	border-bottom: 1px solid #1e4e70;
	cursor: pointer;
}

.menu-maps ul li a{
	color: #fff;
	text-decoration: none;
	transition: all ease .5s;
}

.menu-maps ul li a:hover{
	color: #cbcbcb;
	transition: all ease .5s;
}

.container-maps{
	background: #f2f2f2;
}

/* --VENTANA DE ERRORES --*/

.modal_wrap{
	width: 100%;
	height: 100vh;
	background: rgba(0,0,0,0.7);
	position: fixed;
	top: 0;
	left: 0;
	z-index: 3;
	display: flex;
	justify-content: center;
	align-items: center;
}

.mensaje_modal{
	background: #fff;
	box-shadow: 0px 0px 15px rgba(0,0,0,0.5);
	width: 400px;
	padding: 30px 20px 15px;
}

.mensaje_modal h3{
	text-align: center;
	font-size: 20px;
	font-weight: bold;
}

.mensaje_modal h3::after{
	content: '';
	display: block;
	width: 100%;
	height: 1px;
	background: #c5c5c5;
	margin: 10px 0px 15px;
}

.mensaje_modal p{
	font-size: 16px;
	color: #606060;
}

.mensaje_modal p::before{

}

.mensaje_modal #btnClose{
	display:inline-block;
	padding: 3px 10px;
	margin-top: 10px;
	background: #e25151;
	color: #fff;
	border: 2px solid #b14141;
	cursor: pointer;
	float: right;
}

/*--- RESPONSIVE ---*/


@media screen and (max-width: 921px){

	/*-- BANNERS--*/

	.screen-lg{
		display: none;
	}

	.screen-md{
	display: initial;
	}
}


/*-- FORMULARIO --*/

@media screen and (max-width: 859px){

	.form-wrap{
		margin: 50px auto;
	}

}

@media screen and (max-width:800px){

	.form-wrap{
		width: 95%;
	}
}


@media screen and (max-width: 767px){
	.menu-maps{
		width: 100%;
		height: auto;
		background:  #19415d;
		display: block;
		margin: auto;
	}

	.menu-maps ul{
		list-style: none;
		text-align: center;
	}

	
	.menu-maps ul li a{
		color: #fff;
	}
}

@media screen and (max-width: 677px){
	/*-- BANNERS--*/
	.screen-lg{
		display: none;
	}

	.screen-md{
		display: none;
	}

	.screen-sm{
		display: initial;
	}
}

@media screen and (max-width: 576px){

	.form-wrap{
		display: block;
	}

	.contact-info::before{
	content:'';
	width: 100%;
	height: 100%;

	position: absolute;
	top: 0;
	left: 0;

	background: #19415d;
	opacity: 0.9;
	}

	.contact-info{
		width: 100%;
	}


	.info-title{
		margin-bottom: 5px;
	}

	.info-title span{
		font-size: 65px;
		display: block;
		text-align: center;
		margin-bottom: -20px;
		margin-top: 20px;
	}

	.info-title h3{
		font-size: 25px;
		text-align: center;
	}

	.info-items p{
		display: block;
		text-align: center;
		font-size:1em;
		font-weight: bold;

		margin-bottom: 10px;
		margin-top: -10px;
	}

	.info-items p:nth-child(1) span{
		font-size: 20px;
		margin-right: 5px;
		padding-top: 50px;
	}

	.info-items p:nth-child(2) span{
		font-size: 15px;
		margin-right: 5px;
		margin-top: -5px;
	}

	.info-items p:nth-child(3) span{
		font-size: 15px;
		margin-right: 5px;
		margin-top: -5px;
	}

	form.form-contact{
		width: 100%;
		padding: 10px 40px;
	}

	@media screen and (max-width: 500px){
		/*-- BANNERS--*/
		.screen-sm{
			display: none;
		}

		.screen-xs{
			display: initial;
		}
	}