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

/*!


/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */
/* CSS Document */

* {
    margin: 0;
    padding: 0;
}
 /*<uniquifier>: Use a unique and descriptive class name
 <weight>: Use a value from 100 to 900*/

/*--------------
ESTILOS GENERALES
---------------*/
html{
	font-size: calc(15px + (16 - 15) * ((100vw - 300px) / (1600 - 300)));
	scroll-behavior: smooth;
}

body{
	font-family: 'Montserrat', sans-serif;
	color:#02323a;
	line-height: 1.2;
	}
h1, h2, h3, h4, h5 {
  font-family: 'Montserrat', sans-serif;
  line-height: 1.3;
}

h1 {
  margin-top: 0;
  font-size: 3.052rem;
  font-weight: 400;
  line-height: 1.3;
}

#titulo-areopagitica {
	font-size: calc(22px + (26 - 22) * ((100vw - 300px) / (1600 - 300)));
    font-weight: 700;
    line-height: 1.3;
	letter-spacing: 0px;
	color:#ed6720;
	text-align:center;
}

h3 {
	font-size: calc(17px + (20 - 17) * ((100vw - 300px) / (1600 - 300)));
	font-weight: 700;
    line-height: 1.3;
}

h4 {
	font-size: calc(18px + (20 - 18) * ((100vw - 300px) / (1600 - 300)));
    font-weight: 500;
    line-height: 1.3;}

h5 {
	font-size: calc(18px + (21 - 18) * ((100vw - 300px) / (1600 - 300)));
	font-weight: 700;
    line-height: 1.3;
	text-transform:uppercase;
}

small, .text_small {font-size: 0.8rem;}

a:hover,
a:focus{
	-moz-transition:ease-in-out 1s;
  -webkit-transition: ease-in-out 0.5s;
  -o-transition: ease-in-out 0.5s;
  transition: ease-in-out 0.5s;
  text-decoration:none;
}

p, li, td{
	font-size: calc(14px + (15 - 14) * ((100vw - 300px) / (1600 - 300)));
	-ms-hyphens: auto;
	-moz-hyphens: auto;
	-webkit-hyphens: auto;
	hyphens: auto;
	/*font-size: calc(15px + (16 - 15) * ((100vw - 300px) / (1600 - 300)))!important;*/
	color:#02323a;
	line-height:1.4;
}
a, p a, li a, td a{
	color:#06549F;
}
a:hover, p a:hover, li a:hover, td a:hover,
a:focus, p a:focus, li a:focus, td a:focus{
	color:#02323a;
}

.encabezado{
	padding:10px 0 0 0;
	border-bottom:2px solid #13a1a6;
	height: calc(60px + (110 - 60) * ((100vw - 300px) / (1600 - 300)));
	margin-bottom:40px;
	background: #fff;
}
.encabezado img{
	max-height:calc(85px + (90 - 85) * ((100vw - 300px) / (1600 - 300)));
	
}

#boton-areopagitica{
    color: #fff;
    background-color: #ed6720;
    border-color: #ed6720;
	font-size:100%;
	padding: 10px 40px;
	font-weight:600;
}
#boton-areopagitica:hover,
#boton-areopagitica:focus{
    
    background-color: #ea401f;
    border-color: #ed6720;
	color:#fff;
}
.bg-form{
	background-color: #e6f0f1;
	border-radius:20px;
}
.bg-form p{
	font-size: calc(14px + (15 - 14) * ((100vw - 300px) / (1600 - 300)));
}
.bg-form .form-check.form-check-inline label{
	font-weight:400;
	font-size: calc(14px + (15 - 14) * ((100vw - 300px) / (1600 - 300)));
}
.bg-form .form-group label{
	font-weight:600;
	font-size: calc(14px + (15 - 14) * ((100vw - 300px) / (1600 - 300)));
}
.bg-form .form-group option{
	font-weight:400;
	margin-top:8px;
}
.bg-form textarea{
	font-weight:400;
	font-size:90%;
}
.bg-form input::placeholder{
	font-weight:400;
	font-size: calc(14px + (15 - 14) * ((100vw - 300px) / (1600 - 300)));
}
/* Chrome, Safari, Edge, Opera */
.bg-form input[type=number]::-webkit-outer-spin-button,
.bg-form input[type=number]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
.bg-form input[type=number] {
  -moz-appearance: textfield;
}

.file-input {
  font-family: 'Montserrat', sans-serif;
  color:#02323a;
}

.file-input::file-selector-button {
  background: #ed6720;
  color: white;
  border: none;
  padding: 4px 10px;
  margin-right: 10px;
  border-radius: 6px;
  cursor: pointer;
	font-size:12px!important;
}

.file-input::file-selector-button:hover {
  background: #ea401f;
}

.btn-areopagitica{
	position:fixed; 
	bottom:25px; 
	right:25px; 
	display:block;
	width:130px;
}

#titulo, #nombre, #organizacion, #url, #descripcion, #imagen, #correo, #telefono{
	background-color: white !important;
}


/*---------------
media query
---------------*/

@media (min-width: 480px) { 

}

@media (min-width: 576px) { 
	
}

/*Medium devices (tablets, 768px and up)*/
@media (min-width: 768px) {

    }
	
/*Large devices (desktops, 992px and up)-*/
@media (min-width: 992px) {
}