@charset "utf-8";
*:focus { outline: none; } 

.btncursor{
	cursor: pointer;;
}

.contact_form {
	position:relative; 
	max-width:800px; 
	margin:0 auto; 
	background-color:#d3d4e9; 
	padding:1%;
	
}

.contact_form ul { list-style-type: none; list-style-position: outside; margin: 0px; padding: 0px; } 
.contact_form li { padding: 12px; border-bottom: 1px solid rgba(255,255,255,0.1); position: relative; } 


.contact_form_log {
	position:relative; 
	max-width:800px; 
	margin:0 auto; 
	padding:0%;
	
}

.contact_form_log ul { list-style-type: none; list-style-position: outside; margin: 0px; padding: 0px; } 
.contact_form_log li { padding: 12px; border-bottom: 0px solid rgba(255,255,255,0.1); position: relative; } 

.espacio_l{
	padding:3% 0%;
	
}

.font2r{
	font-size:2rem;
}

.font1r{
	font-size:1rem;
}

.font1_5r{
	font-size:1.5rem;
}

.color_m_f{
	color:#000215;
}

.color_m_fs{
	color:#000215;
}

.color_m_n{
	color:#333333;
}

.color_trans{
	color:rgba(0,0,0,0.2);
}

.color_trans{
	color:rgba(0,0,0,0.8);
}

.resaltado_f{
	font-weight:bold;
}

.centro_f{
	text-align:center;
}

.btonper{
	background-color:#7e3f97;
	color:#FFF;
}

.contact_form_log h2 { margin: 0; display: inline; } 


.login_dat {
	position:absolute; 
	float:right; 
	top:0%; 
	right:45px; 
	color:#FFF;
	padding:0.5% 2% 0.5% 2.5%;
	z-index:1;
}

.login_dat_exit {
	position:absolute; 
	float:right; 
	text-align:center;
	top:0%; 
	right:15px; 
	color:#FFF;
	padding:0.8% 2% 0.5% 2%;
	width:30px;
	height:30px;
	z-index:1;
}

/* === Form Header === */ 
.contact_form h2 { margin: 0; display: inline; } 

.botonregcan{
	position:relative;
	border-bottom:solid 1px #bac1db; 
border-top:solid 0px; 
border-left:solid 0px; 
border-right:solid 0px;  
	color:#FFFFFF; 
	background-color:#BF2124;
	width:200px; 
	margin:0 auto;
	font-size:1.2rem;
	padding:8px; 
	text-align:center; 
	cursor:pointer;
	-webkit-transition: all 0.5s ease-in-out;
  	-moz-transition: all 0.5s ease-in-out;
  	-o-transition: all 0.5s ease-in-out;
  	transition: all 0.5s ease-in-out;
 }
 
.botonregcan:hover{
	color:#000; 
	background-color:#FFFFFF;
}

.botonreg{
	position:relative;
	border-bottom:solid 1px #bac1db; 
border-top:solid 0px; 
border-left:solid 0px; 
border-right:solid 0px;  

	color:#000215; 
	background-color:#FFFFFF;

	width:200px; 
	margin:0 auto;
	font-size:1.2rem;
	padding:8px; 
	text-align:center; 
	cursor:pointer;
	-webkit-transition: all 0.5s ease-in-out;
  	-moz-transition: all 0.5s ease-in-out;
  	-o-transition: all 0.5s ease-in-out;
  	transition: all 0.5s ease-in-out;
 }
 
.botonreg:hover{
	color:#FFFFFF; 
	background-color:#305d77;
}
				
select {
	display:block;
    width: 100%;
    height: 50px;
    border-radius: 2px; 
    background-color:rgba(255,255,255,0.2);
	border-bottom:solid 1px #bac1db; 
border-top:solid 0px; 
border-left:solid 0px; 
border-right:solid 0px;  
	
	background-image:url(../images/arrow.png);
	background-repeat:no-repeat;
	background-position:99%;
	margin-top:8px;
	line-height:1;
	
	
	-webkit-appearance:none;
	outline:none;
	color:#000215;
	
	padding:0% 1%;
	font-size:1rem;
	-webkit-transition: all 0.5s ease-in-out;
  	-moz-transition: all 0.5s ease-in-out;
  	-o-transition: all 0.5s ease-in-out;
  	transition: all 0.5s ease-in-out;
	
}


select:focus {
	background-color:#FFF;
	color:#222;
}

select:hover {
	background-color:#FFF;
	color:#222;
	border-color:#FFFFFF;
}

textarea {
	display:block;
    width: 100%;
    border-radius: 2px; 
	border-bottom:solid 1px #bac1db; 
border-top:solid 0px; 
border-left:solid 0px; 
border-right:solid 0px;  
	color:#000215; 
	padding:1% 1%;
	font-size:1rem;
	background-color:rgba(255,255,255,0.2);
	-webkit-transition: all 0.5s ease-in-out;
  	-moz-transition: all 0.5s ease-in-out;
  	-o-transition: all 0.5s ease-in-out;
  	transition: all 0.5s ease-in-out;
	
}

textarea:focus {
	background-color:#FFF;
	color:#222;
}

textarea:hover {
	background-color:#FFF;
	color:#222;
	border-color:#FFFFFF;
}


label{
	display:block;
    width: 100%;
	color:rgba(0,2,21,1); 
	padding:1%;
	/* font-size:1.2rem; */
	background-color:transparent;
}

input[type="date"]::-webkit-calendar-picker-indicator{
    /* Your CSS here */
}
input[type="date"]::-webkit-inner-spin-button {
    display: none;
}

input[type="date"] {
	
}

input[type=text], input[type=url], input[type=tel], input[type=number], input[type=color], input[type=email], input[type="password"], input[type="date"] , input[type="color"], input[type="time"] {
	display:block;
    width: 100%;
    height: 50px;
    border-radius: 2px; 
	border-bottom:solid 1px #bac1db; 
border-top:solid 0px; 
border-left:solid 0px; 
border-right:solid 0px;
	color:#000215; 
	background-color:#FFFFFF;
	padding:0% 1%;
	/* font-size:1rem; */
	background-color:rgba(255,255,255,0.2);
	-webkit-transition: all 0.5s ease-in-out;
  	-moz-transition: all 0.5s ease-in-out;
  	-o-transition: all 0.5s ease-in-out;
  	transition: all 0.5s ease-in-out;
}


input:hover {
	border-bottom:solid 1px #bac1db; 
border-top:solid 0px; 
border-left:solid 0px; 
border-right:solid 0px;  
	color:#000215; 
	 background-color:#FFFFFF;
}
	

.js .inputfile {
    width: 0.1px;
    height: 0.1px;
    opacity: 0;
    overflow: hidden;
    position: absolute;
    z-index: -1;
}

.inputfile + label {
    max-width: 100%;
    font-size: 1rem;
    /* 20px */
    font-weight: 700;
    text-overflow: ellipsis;
    white-space: nowrap;
    cursor: pointer;
    display: inline-block;
    overflow: hidden;
    padding: 0.625rem 1.25rem;
    /* 10px 20px */
}

.no-js .inputfile + label {
    display: none;
}

.inputfile:focus + label,
.inputfile.has-focus + label {
    outline: 1px dotted #000;
    outline: -webkit-focus-ring-color auto 5px;
}

.inputfile + label * {
    /* pointer-events: none; */
    /* in case of FastClick lib use */
}

.inputfile + label svg {
    width: 1em;
    height: 1em;
    vertical-align: middle;
    fill: currentColor;
    margin-top: -0.25em;
    /* 4px */
    margin-right: 0.25em;
    /* 4px */
}


.inputfile-6 + label {
    color: #FFF;
}

.inputfile-6 + label {
    border-bottom:solid 1px #bac1db; 
border-top:solid 0px; 
border-left:solid 0px; 
border-right:solid 0px;  
   background-color:rgba(255,255,255,0.2);
    padding: 0;
}

.inputfile-6:focus + label,
.inputfile-6.has-focus + label,
.inputfile-6 + label:hover {
    border-color: #FFF;
	color:#FFF;
}

.inputfile-6 + label span,
.inputfile-6 + label strong {
    padding: 0.625rem 1.25rem;
    /* 10px 20px */
}

.inputfile-6 + label span {
    width: 200px;
    min-height: 2em;
    display: inline-block;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    vertical-align: top;
}

.inputfile-6 + label strong {
    height: 100%;
    color: #222;
    background-color: #FFF;
    display: inline-block;
}

.inputfile-6:focus + label strong,
.inputfile-6.has-focus + label strong,
.inputfile-6 + label:hover strong {
    background-color: #222;
	color:#FFF;
}

@media screen and (max-width: 50em) {
	.inputfile-6 + label strong {
		display: block;
	}
}