body {
	/*background-image: url("../img/fdo.jpg");*/
}

a {
  color: #4A001F;
}

a:hover {
  color: #3291e6;
  text-decoration: none;
}

inks a:first-child {
  border-left: 0;
}
/*--------------------------------------------------------------
# Header
--------------------------------------------------------------*/
#header {
  /*background: #212529;*/
  background: #337ab7;
  padding: 10px;
  top: 0px;
  position: fixed;
  width: 100%;
  height: 110px;
  /*box-shadow: 0px 2px 15px 5px rgba(125, 126, 128, 0.5);*/
  box-shadow: 0px 0px 8px 8px rgba(125, 126, 128, 0.5);
}

#header .logo {
  margin: 0;
  padding: 0;
  margin-left: 100px;
}

.posvh {
	margin-top: 140px;
	margin-bottom: 80px;
	width:100%;
}
/* text index */
.form-control-ini{
			border: solid 1px #607d8b;
			width: 245px;
			height: 28px;
			border-radius: 5px;
			text-align: center;
			font-family: "Open Sans", sans-serif;
			font-size: 12px;
			
        }
        .form-control-ini:focus{
          border: 2px solid #607d8b;
          outline: none;
		  border-radius: 5px;
		  font-family: "Open Sans", sans-serif;
			font-size: 12px;
        }
/* text reg*/
.form-control-rz{
			border: solid 1px #607d8b;
			width: 500px;
			height: 25px;
			border-radius: 3px;
			text-align: left;
			font-family: "Raleway", sans-serif;
			font-size: 12px;
			cursor:pointer;			
        }
        .form-control-rz:focus{
          border: 2px solid #607d8b;
          outline: none;
		  border-radius: 5px;
		  font-family: "Arail", sans-serif;
		  font-size: 12px;
		  height: 25px;
        }
.form-control-reg{
			border: solid 1px #607d8b;
			width: 300px;
			height: 25px;
			border-radius: 3px;
			text-align: left;
			font-family: "Raleway", sans-serif;
			font-size: 12px;
			cursor:pointer;
			
        }
        .form-control-reg:focus{
          border: 2px solid #607d8b;
          outline: none;
		  border-radius: 5px;
		  font-family: "Arail", sans-serif;
		  font-size: 12px;
		  height: 25px;
        }
.form-control-met{
			border: 1px solid #607d8b;
			width: 100px;
			height: 20px;
			border-radius: 0px;
			text-align: right;
			font-family: "Open Sans", sans-serif;
			font-size: 12px;			
        }
        .form-control-met:focus{
          border: 2px solid #07ee54;
          outline: none;
		  border-radius: 0px;
		  font-family: "Open Sans", sans-serif;
		  font-size: 12px;
        }
.form-control-cp{
			border-top: 0px;
			border-left: 0px;
			border-right: 0px;
			border-bottom: solid 1px #607d8b;
			width: 350px;
			height: 25px;			
			text-align: left;
			font-family: "Open Sans", sans-serif;
			font-size: 12px;			
			outline: none;
        }
.form-control-tm{
			border: solid 1px #607d8b;
			width: 120px;
			height: 25px;			
			border: 0;
			text-align: left;
			font-family: "Open Sans", sans-serif;
			font-size: 12px;
			
        }
.form-control-um{
			border: solid 1px #607d8b;
			width: 170px;
			height: 25px;			
			border: 0;
			text-align: left;
			font-family: "Open Sans", sans-serif;
			font-size: 12px;
			
        }
.form-control-tot{
			border: solid 1px #607d8b;
			width: 150px;
			height: 25px;
			border-radius: 0px;
			text-align: right;
			font-family: "Open Sans", sans-serif;
			font-size: 13px;			
        }
		.form-control-tot:focus{
          border: 2px solid #07ee54;
          outline: none;
		  border-radius: 0px;
		  font-family: "Open Sans", sans-serif;
		  font-size: 12px;
        }
.form-control-rad{	
			border-top: 0px;
			border-left: 0px;
			border-right: 0px;
			border-bottom: 0px;
			border-bottom: 0px;
			height: 25px;			
			outline: none;
			text-align: right;						
        }
.form-control-cant{	
			border-top: 0px;
			border-left: 0px;
			border-right: 0px;
			border-bottom: solid 1px #607d8b;		
			height: 20px;
			width: 80px;
			outline: none;
			text-align: right;						
        }
.form-control-sel{
			border: solid 1px #607d8b;
			width: 100px;
			height: 25px;
			border-radius: 3px;
			text-align: left;
			font-family: "Raleway", sans-serif;
			font-size: 12px;
			cursor:pointer;			
        }
.form-control-sel:focus{
          border: 3px solid #57656d;
          outline: none;
		  border-radius: 3px;
		  font-family: "Open Sans", sans-serif;
		  font-size: 12px;
        }
.form-control-des{			
			width: 500px;
			height: 50px;
			border: solid 1px #607d8b;			
			font-family: "Open Sans", sans-serif;
			font-size: 12px;
			text-align: left;
			border-collapse: collapse; 
			border-radius: 5px;;
        }
.form-control-des:focus{
          border: 3px solid #57656d;
          outline: none;
		  border-radius: 3px;
		  font-family: "Open Sans", sans-serif;
		  font-size: 12px;
        }
.form-control-seltp{
			border: solid 1px #607d8b;
			width: 120px;
			height: 25px;
			border-radius: 3px;
			text-align: left;
			font-family: "Raleway", sans-serif;
			font-size: 12px;
			cursor:pointer;			
        }
.form-control-seltp:focus{
          border: 3px solid #57656d;
		  width: 120px;
          outline: none;
		  border-radius: 3px;
		  font-family: "Open Sans", sans-serif;
		  font-size: 12px;
        }
		.logo img {
  max-width: 100%;
  height: auto;
}
/*--------------------------------------------------------------
# Hero Section
--------------------------------------------------------------*/
#hero h1 {
  margin: 0;
  font-size: 20px;
  font-weight: 700;
  line-height: 56px; 
  color: #053663;
  text-align: center;
  letter-spacing: 2px;
}

#hero h2 {
  margin: 0;
  font-size: 12px;
  font-weight: 500;
  font-family: "Verdana", sans-serif;
  color: #2c4964;
  letter-spacing: 1px;
  text-align: left;
}
#hero h3 {
  margin: 0;
  font-size: 12px;
  font-weight: 500;
  font-family: "Raleway", sans-serif;
  color: #2c4964;
  text-align: right; 
}
#hero h4 {
 margin: 0;
  font-size: 14px;
  font-weight: 600;
  font-family: "Open Sans", sans-serif;
  color: #f21544;
  letter-spacing: 1px;
}
#hero h5 {
  letter-spacing: 1px;
  margin: 0;
  font-size: 14px;
  font-family: "Open Sans", sans-serif;
  color: #343a40;
  margin-left: 25px;
font-weight: 600;  
}
#hero h6 {
  letter-spacing: 1px;
  margin: 0;
  font-size: 14px;
  font-family: "Open Sans", sans-serif;
  color: #4A001F;
}
#hero .btn-get-started { 
  font-family: "Open Sans", sans-serif;
  font-weight: 600;
  font-size: 14px;
  letter-spacing: 2px;
  display: inline-block;
  padding: 5px 35px;
  margin-top: 20px; 
  border-radius: 5px;
  transition: 0.5s;
  color: #FFF;
  background: #343a40;
  width: 250px;
  height: 32px;
  border: 0px;
}

#hero .btn-get-started:hover {
  background: #FFF;
  color: #4A001F;
  cursor:pointer;
  border: 2px solid #607d8b;
}
.container {
	position: center;
	width: 100%;
	height: 300px;
  }
  
.btn-peq {
  font-family: "Open Sans", sans-serif;  
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 2px;
  border-radius: 5px;
  transition: 0.5s;
  color: #343a40;
  background: #FFF;
  width: 100px;
  height: 32px;
  border: 1px solid #607d8b;
  text-align: center;
  cursor: pointer;
}

.btn-peq:hover {
  background: #343a40;
  border-radius: 5px;
  cursor: pointer;
  letter-spacing: 2px;
  cursor:pointer;
  color: #FFF;
  font-weight:700;
} 
.btn-peq:focus {
  background: #343a40;
  border-radius: 5px;
  cursor: pointer;
  letter-spacing: 2px;
}   
.btn-fin {
  font-family: "Open Sans", sans-serif;  
  font-size: 12px;
  letter-spacing: 2px;
  border-radius: 5px;
  transition: 0.5s;
  color: #fff;
  background: #4A001F;
  width: 200px;
  height: 32px;
  border: 0px;
  text-align: center;
  cursor: pointer;
}

.btn-fin:hover {
  background: #343a40;
  border-radius: 5px;
  cursor: pointer;
  letter-spacing: 2px;
} 
.btn-fin:focus {
  background: #343a40;
  border-radius: 5px;
  cursor: pointer;
  letter-spacing: 2px;
} 
.btn-cpassw {
    border: none;
    background-color: transparent;
    outline: none;
	cursor: pointer;
	color: #4A001F;
}
.btn-cpassw:focus {
    border: none;
}
.btn-mod {
  font-family: "Open Sans", sans-serif;  
  font-size: 12px;
  letter-spacing: 1px;
  border-radius: 5px;
  transition: 0.5s;
  color: #fff;
  background: #a5200c;
  width: 20px;
  height: 20px;
  border: 0px;
  text-align: center;
  cursor: pointer;
}

#hero .btns-menu {
  font-family: "Raleway", sans-serif;
  font-weight: 700;
  font-size: 14px;  
  color: #4A001F;
  background: #FFFFFF;
  width: 70px;
  height: 25px;
  border: 1px;
  cursor:pointer;
}
@media screen and (max-width: 1024px) {
            .div {
                background: rgba(0, 0, 0, .54118);
                border-radius: 10px;
                padding: 20px 0;
                margin: 0 auto;
                display: inline-block;
                font-size: 25px;
                max-width: 85%;
                font-family: Arial, Helvetica, sans-serif
            }

            .wrapper {
                text-align: center;
                color: #fff;
                top: 3%;
                width: 100%;
                left: 0;
                position: absolute
            }
        }
/*--------------------------------------------------------------
# Footer
--------------------------------------------------------------*/
#footer {
  color: #444444;
  background: #f1f7fd;
  bottom: 0;
  width: 100%;
  position: fixed;
}

#footer .footer-top {
  padding: 20px 0 12px 0;
  background: #fff;
  border-top: 3px solid #57656d !important;
  height: 15px;
}
#footer .footer-text {
  margin-left: 100px;
  margin-top: -12px;
  letter-spacing: 1px;
  font-size: 12px;
}
#cerrar{ 
display: inline-block;
cursor: pointer;
border: none;
background-color: transparent;
width:10px;
}
/*
#abrir{cursor:pointer}
::backdrop {
  opacity: 0.10; 
}
*/
#modini{ 
border: none;
border-radius: 3px;
margin-top: 150px;
width: 350px;
overflow-x: hidden;
}
#tb{ 
border: none;
margin-top: -10px;
margin-right: -10px;
}