/*P�GINA INICIAL*/
@import url('fonts.css');

body {
	font-family: IberiaText;
	font-size:14px;
}

.header-iberia{
	background-color: #F2F2F2;
	height:76px;
}

.logo-ibc {
    margin-top: 2%;
    height: 30px;
}

@media screen and (max-width: 600px) {
	.logo-ibc {
		 margin-top: 5%;
	}
}
@media screen and (max-width: 532px) {
	#quitarMargenMovil {
		 margin-top: -10%;
	}
}


input, label, select {
	display: block;
	font-family: IberiaText;
}

label {
	font-weight: 600;
	margin-bottom: .35em
}

label.required::after {
	content: "*"
}

label abbr {
	display: none
}

input:not([type]), input[type=color], input[type=date], input[type=datetime-local], input[type=datetime], input[type=email], input[type=month], input[type=number], input[type=password], input[type=search], input[type=tel], input[type=text], input[type=time], input[type=url], input[type=week], select[multiple=multiple], select, textarea {
	border: none;
	background-color: #f2f2f2;
	outline: 0;
	border-radius: 5px;
	-webkit-box-shadow: none;
	box-shadow: none;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	font-family: IberiaText;
	margin-bottom: 2em;
	padding: 0.4em 1.4em;
	width: 100%;
	-webkit-transition: background-color .3s ease-in-out;
	-o-transition: background-color .3s ease-in-out;
	transition: background-color .3s ease-in-out;
	-webkit-transition: all .25s ease-in-out;
	-o-transition: all .25s ease-in-out;
	transition: all .25s ease-in-out
	letter-spacing: -0.5px;
}

.inp_1{
	border:0;
	border-bottom:1px solid #979797!important;
	border-radius:0!important;
	background-color:#FFF!important; 
	width:96%!important;
	display:inline!important;
	margin-right:5%;
	text-align:center;
	color:#9d9da3!important;
	width:230px!important;
}

.inp_1_error {
	border-color: #e73b3c!important;
}

.mb-30{
	margin-bottom:30px;
}

.mb-10{
	margin-bottom:10px;
}

.mr-15{
	margin-right:15px;
}

.ml-15{
	margin-left:15px;
}

.tit_form{
	font-weight: bold;
	text-align: left;
	color: red;
}

.texto-en-rojo{color:red;}

.texto-gris{color:grey;}

.button-ibc{
	outline: 0;
	border: none;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	cursor: pointer;
	box-sizing: border-box;
	border-radius: 50px;
	padding: 5px 25px 6px;
	display: inline-block;
	background-color: #e73b3c;
	border: 2px solid #e73b3c;
	cursor: pointer;
	-webkit-transition: all .25s ease-in-out;
	-o-transition: all .25s ease-in-out;
	transition: all .25s ease-in-out;
	color: #fff;
	font-size:13px;
}

.button-ibc:active, .button-ibc:focus, .button-ibc:hover{
	background-color: #323440;
	border-color: #323440;
}

.formularioDatos {
	padding: 2% 0;
	margin: 0 13.07% 0 13.07%;
}

@media screen and (max-width: 991px) {
	.FormularioDatos {
		margin: 4% 0 0 0;
	}
}

.error{
	color: red;
	text-align:center;
	margin-top:20px;
}

.correcto{
	color: #4aad4d;
	text-align:center;
	margin-top:20px;
	font-size: larger;
}



.groupFormulario {
	padding: 0 2.92%;
	contain: content;
	display: flex;
	flex-wrap: wrap;
	flex-direction: column;
	align-items: center;
}

.rowFormulario {
	margin: 0 0 3.85% 0;
	display: flex;
}

@media screen and (max-width: 991px) {
	.rowFormulario {
		flex-direction: column;
		margin: 0;
	}
}

.columnFormulario {
	display: flex;
	flex-direction: column;
}

.fs-12{
	font-size:12px;
}
	

.cargarImagen{
	background-image: url('../img/Banner PC.png');
	background-repeat: no-repeat;
  	background-size: contain;
  	width:100%;
  	height:210px; 
  	padding:0px 
  	!important
}

@media screen and (max-width: 725px) {
	.cargarImagen{
		background-image: url('../img/Banner_mobile.png');
		background-repeat: no-repeat;
	  	background-size: contain;
	  	width:100%;
	  	height:130px; 
	  	padding:0px 
	  	!important
	}
	
	
}

.overlay {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(0, 0, 0, 0.7);
    visibility: visible;
    opacity: 1;
    z-index: 2;
}

.popupBody{
    width: 20%;
    padding: 2%;
    border-radius: 15px;
    box-shadow: 0 0 5px #CCC;
    background: #FFF;
    position: relative;
    transition: all 5s ease-in-out;
    margin: 20% auto;    
}
@media screen and (max-width: 725px) {
	.popupBody{
		    width: 80%;
		    padding: 2%;
		    border-radius: 15px;
		    box-shadow: 0 0 5px #CCC;
		    background: #FFF;
		    position: relative;
		    transition: all 5s ease-in-out;
		    margin: 20% auto;    
		}
}

#cerrar{
    position: absolute;
    top: 0px;
    right: 15px;
    transition: all 200ms;
    font-size: 40px;
    text-decoration: none;
    color: #000;
}

.popupContent{
	text-align: center;
}

.popupImagen{
	text-align: center;
}