/* estilos generales para toda la página */
body {
	font-family: 'Underdog', cursive;
	margin: 0;
}

.bg-color-info {
	background-color: rgb(243, 108, 108);
}

.font-color-general {
	color: rgb(255, 255, 255);
	font-size: 15pt;
}

.font-color-navbar{
	color: rgb(243, 108, 108);

}

.font-color-inicio {
	color: rgb(243, 108, 108);
	font-size: 24pt;
	text-align: center;
}

.p-inicio{
	font-size: 11pt;
	text-align: center;
}

.brand-name {
	font-size: 1.8rem;
	color: rgb(0, 0, 0);
	text-align: center;
	font-weight: bold;

}

.bg-img-principal {
	background-image: url("img/inicio.png");
	background-size: cover;
	height: 600px;
	background-position: center center;
}


.bg-light-1{
  width: 600px;
  transform: translate(60%, 0%);
  background-color: white;
  margin: -30px 0 0 -25px; 
}


.p-encargado{
	font-size: 14pt;
}

.font-color-p{
	font-size: 28pt;
	font-weight: bold;
}

.img-fluid-2{
	margin-left: 180px;
	margin-top: -30px;
}

.bloque-texto-principal {
	margin-top:auto;
}

.bg-color-azul {
	background-color: rgb(243, 108, 108);
}

.hrblanco {
	width: 10%;
	background-color: white;
}

.hrazul {
	width: 20%;
	background-color: rgb(0, 0, 0);
}

.img-fluid{
height: 300px;
}

.p-3{
	font-size: 18px;
	text-align: center;
	color: rgb(0, 0, 0);
}
.p-2{
	font-size: 18px;
	text-align: center;
	color: rgb(243, 108, 108);
}
/* estilos específicos para pantallas menores a 992px (menor que lg de bootstrap) */
@media only screen and (max-width : 750px) {

	.brand-name {
		font-size: 1.8rem;
		color: rgb(67, 105, 176);
		margin-left: 1rem;
	}

	/* tenemos 1 imagen específica para móvil */
	.bg-img-principal {
		background-image: url("img/inicio.png");
		background-size: cover;
		height: 500px;
		background-position: center center;	
	}	

	.img-fluid-2{
		margin-left: 50px;
		margin-top: 0px;
	}

	.contact_form{  
		width: 100%;
		margin-top: 0;
	  }

}


.contact_form{  
	width: 460px; 
	height: auto;
	margin: 80px auto;
	border-radius: 10px;  
	padding-top: 30px;
	padding-bottom: 20px;  
	background-color: #fbfbfb; 
	padding-left: 30px; 
	
  }
  
  
  input{
	background-color: #fbfbfb; 
	width: 408px; 
	height: 40px; 
	border-radius: 5px;  
	border-style: solid; 
	border-width: 1px; 
	border-color: #ab4493; 
	margin-top: 10px;  
	padding-left: 10px;
	margin-bottom: 20px; 
  }
  
  
  textarea{
	background-color: #fbfbfb; 
	width: 405px; 
	height: 150px; 
	border-radius: 5px;  
	border-style: solid; 
	border-width: 1px; 
	border-color: #ab4493; 
	margin-top: 10px;  
	padding-left: 10px;
	margin-bottom: 20px; 
	padding-top: 15px; 
  }
  
  
  label{
	display: block; 
	float: center;  
  }
  
  
  button{
	height: 45px; 
	padding-left: 5px;
	padding-right: 5px;   
	margin-bottom: 20px; 
	margin-top: 10px;   
	text-transform: uppercase;
	background-color: #ab4493; 
	border-color: #ab4493; 
	border-style: solid; 
	border-radius: 10px;  
	width: 420px;   
	cursor: pointer;
  }
  
  
  button p{
	color: #fff; 
  }
  
  
  span{
	color: #ab4493; 
  }
  
  
  .aviso{
	font-size: 13px;  
	color: #0e0e0e;  
  }
  
  
  h1{
	font-size: 39px;  
	text-align: letf; 
	padding-bottom: 20px; 
	color: #ab4493;
  }
  
  
  h3{
	font-size: 16px; 
	padding-bottom: 30px;
	color: #0e0e0e;   
  }
  
  
  p{
	font-size: 14px; 
	color: #0e0e0e; 
  }
  
  
  ::-webkit-input-placeholder {
   color: #a8a8a8;
  }
  
  
  ::-webkit-textarea-placeholder {
   color: #a8a8a8;
  }
  
  
  .formulario input:focus{
	outline:0;
	border: 1px solid #97d848;
  }
  
  
  .formulario textarea:focus{
	outline:0;
	border: 1px solid #97d848;
  }
  @media screen and (max-width: 600px) {
	.contact_form{  
	  width: 100%;
	  margin-top: 0;
	}

	  
	input{
		background-color: #fbfbfb; 
		width: 91%;
		margin-top: 0;
		height: 40px; 
		border-radius: 5px;  
		border-style: solid; 
		border-width: 1px; 
		border-color: #ab4493; 
		padding-left: 10px;
		margin-bottom: 20px; 
	  }
	  
	  
	  textarea{
		background-color: #fbfbfb; 
		width: 91%;
		margin-top: 0;
		height: 150px; 
		border-radius: 5px;  
		border-style: solid; 
		border-width: 1px; 
		border-color: #ab4493; 
		padding-left: 10px;
		margin-bottom: 20px; 
		padding-top: 15px; 
	  }
	  
	  
	  label{
		display: block; 
		float: center;  
	  }
	  
	  
	  button{
		width: 91%;
		margin-top: 0;
		height: 45px; 
		padding-left: 5px;
		padding-right: 5px;   
		margin-bottom: 20px; 
		text-transform: uppercase;
		background-color: #ab4493; 
		border-color: #ab4493; 
		border-style: solid; 
		border-radius: 10px;  
		cursor: pointer;
	  }
  }



.leyenda{
	font-size: 12pt;
	margin-bottom: 20px;
	font-weight: bold;
}

.form-check{
	font-size: 10pt;
	margin-top: 10px;
	margin-bottom: 20px;
	font-weight: normal;
}

input[type=radio] {
    border: 0px;
    width: 100%;
    height: 1em;
}


.google-map{
    margin-top: 10px;
	margin-bottom: 10px;
}

.google-map .embed{
    filter: grayscale(1);
    -webkit-filter: grayscale(1);
    
}

.google-map .embed:before{
    padding-top: 30%;
    
}


.enviado{
	width: 100%;
}