@import url(https://fonts.googleapis.com/css?family=Roboto:400,100,900);
/*@import "dark_web.css";*/
* {
	-moz-box-sizing: inherit;
	box-sizing: inherit;
	-webkit-transition-property: all;
	transition-property: all;

  -webkit-transition-duration: .01s;
          transition-duration: .01s;
	-webkit-transition-timing-function: ease;
	transition-timing-function: ease;
}

html,
body {
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	height: 100%;
	width: 103%;
	background:#fff;
	color:#3498db;/*3498db*/
	font-family: 'Roboto', sans-serif;
	font-weight: 400;
  
  transition: background-color .01s, color .01s;
}
.modo-oscuro {
    background: #3498db;
    color: #fff;
}

.buttons {
  display: table;
  height: 100%;
  width: 100%;
}

.container {
  display: table-cell;
  padding: 1em;
  text-align: center;
  vertical-align: middle;
}
a {
	color:#0355DC;/*xxx*/
	text-decoration:none;
}
button {
	height:20px;
	background-color: #3498db;/*xxx*/
	color: #FFFFFF;
	font-weight:400;
	border-radius:20px;
	border:none;
	margin:10px;
}
.modo-oscuro button {
	height:20px;
	background-color: #ffffff;
	color: #3498db;/*xxx*/
	font-weight:400;
	border-radius:20px;
	border:none;
	margin:10px;
}
input[type="submit"] {
	height:20px;
	background-color: #3498db;/*xxx*/
	color: #FFFFFF;
	font-weight:400;
	border-radius:20px;
	border:none;
	margin:10px;
}
.modo-oscuro input[type="submit"] {
	height:20px;
	background-color: #ffffff;
	color: #3498db;/*xxx*/
	font-weight:400;
	border-radius:20px;
	border:none;
	margin:10px;
}
.modo-oscuro a{
	color:#FFFFFF;
	text-decoration:none;
}
h1.heading {
  font-size: 1.0em;
  font-weight: 900;
  margin: 0 0 0.5em;
}
h1.heading2 {
  font-size: 2em;
  font-weight: bold;
  margin: 0 0 0.5em;
}
h1.heading3 {
  font-size: 1.5em;
  font-weight: bold;
}
tr.tr1{
	background:#3498db;
	border-color: #3498db;/*xxx*/
	border-width: thin;
	color:#FFFFFF;
}
.modo-oscuro .tr1{
	background:#ffffff;
	border-color: #ffffff;
	border-width: thin;
	color:#3498db;/*xxx*/
}
tr.tr2{
background:#FFFFFF; 
border-color: #3498db;
border-width: thin;
font-weight:bold; 
height:30px
color:#3498db;
}
.modo-oscuro .tr2{
	background:#3498db;
	border-color: #ffffff;
	border-width: thin;
	color:#3498db;
}
tr.headAport{
	background:#3498db;
	border-color: #3498db;
	border-width: thin;
	color:#FFFFFF;
}
.modo-oscuro tr.headAport{
	background:#FFFFFF;
	border-color: #FFFFFF;
	border-width: thin;
	color:#3498db;
}
tr.bodyAport{
	background:#FFFFFF;
	border-color: #3498db;
	border-width: thin;
	color:#3498db;
}
.modo-oscuro tr.bodyAport{
	background:#3498db;
	border-color: #FFFFFF;
	border-width: thin;
	color:#FFFFFF;
}
td.td1{
font-size:14px; 
text-align:left;
}
td.td2{
border: 1px solid;
border-color: #3498db;

}
.modo-oscuro td.td2{
border: 1px solid;
border-color: #FFFFFF;
}
@media (min-width: 450px) {
  h1.heading {
    font-size: 1.0em;
  }
    h1.heading2 {
    font-size: 2em;
  }
   h1.heading3 {
    font-size: 1.5em;
  }
}
@media (min-width: 760px) {
  h1.heading {
    font-size: 1em;
  }
      h1.heading2 {
    font-size: 2em;
  }
     h1.heading3 {
    font-size: 1.5em;
  }
}
@media (min-width: 900px) {
  h1.heading {
    font-size: 1.0em;
    margin: 0 0 0.5em;
  }
      h1.heading2 {
    font-size: 2em;
  }
     h1.heading3 {
    font-size: 1.5em;
  }
}
 
.btnfos { 
  cursor: pointer;
  display: block;
  font-size: 1.2em;
  font-weight: bold;
  line-height: 45px;
  max-width: 60px;
  margin: 0 auto 0.5em;
  position: relative;
  text-transform: uppercase;
  vertical-align: middle;
  width: 100%;
}
.btnfos2 {  
  cursor: pointer;
  display: block;
  font-size: 1em;
  font-weight: bold;
  line-height: 45px;
  max-width: 50px;
  margin: 0 auto 0.5em;
  position: relative;
  text-transform: uppercase;
  vertical-align: middle;
  width: 100%;
}
@media (min-width: 400px) {
  .btnfos {
    display: inline-block;
    margin-right: 2em;
  }
    .btnfos2 {
    display: inline-block;
    margin-right: 1.78em;
  }
  .btnfos:nth-of-type(even) {
    margin-right: 0;
  }
    .btnfos2:nth-of-type(even) {
    margin-right: 0;
  }
}
@media (min-width: 600px) {
  .btnfos:nth-of-type(even) {
    margin-right: 2.5em;
  }
  .btnfos:nth-of-type(5) {
    margin-right: 0;
  }
    .btnfos2:nth-of-type(even) {
    margin-right: 1.78em;
  }
  .btnfos2:nth-of-type(5) {
    margin-right: 0;
  }
}
.btnfos-5 {
	border: 0 solid;
	box-shadow: inset 0 0 20px rgba(255, 255, 255, 0);
	outline: 1px solid;
	outline-color: rgba(52, 152, 219, 0);
	outline-offset: 0px;
	text-shadow: none;
  -webkit-transition: all .01s cubic-bezier(0.19, 1, 0.22, 1);
          transition: all .01s cubic-bezier(0.19, 1, 0.22, 1);
	outline-color: rgba(52, 152, 219, 0.5);
	outline-offset: 0px;
}

.btnfos-5:hover {
  border: 1px solid;
  box-shadow: inset 0 0 20px rgba(52, 152, 219, 0.5), 0 0 20px rgba(52, 152, 219, 0.2);
  outline-offset: 15px;
  outline-color: rgba(255, 255, 255, 0);
  text-shadow: 1px 1px 2px #427388;
}
.modo-oscuro .btnfos-5 {
	border: 0 solid;
	box-shadow: inset 0 0 20px rgba(255, 255, 255, 0);
	outline: 1px solid;
	outline-color: rgba(255, 255, 255, 0);
	outline-offset: 0px;
	text-shadow: none;
  -webkit-transition: all .01s cubic-bezier(0.19, 1, 0.22, 1);
          transition: all .01s cubic-bezier(0.19, 1, 0.22, 1);
	outline-color: rgba(255, 255, 255, 0.5);
	outline-offset: 0px;
}
.modo-oscuro .btnfos-5:hover {
  border: 1px solid;
  box-shadow: inset 0 0 20px rgba(255, 255, 255, 0.5), 0 0 20px rgba(255, 255, 255, 0.2);
  outline-offset: 15px;
  outline-color: rgba(255, 255, 255, 0);
  text-shadow: 1px 1px 2px #427388;
}




.span5{
width:100%;
}


/*estilo de iconos de registro vehicular*/
/* HIDE RADIO */
.tipoUs > input, 
.modoUs > input[type=radio]{
  position: absolute;	
  opacity: 0;
  width: 0;
  height: 0; 
}

/* IMAGE STYLES */
.tipoUs >  input[type=radio]+ label > img,
.modoUs >  input[type=radio]+ label > img{
  cursor: pointer;
  outline: 1px solid #333333;
  pointer-events:auto;
  border-radius:30px;
  opacity: 50%;
}

/* CHECKED STYLES */
.tipoUs > input[type=radio]:checked + label>img,
.modoUs > input[type=radio]:checked + label>img{
outline: 4px solid #282DCA; 
border-radius:30px;
opacity: 100%;
}
.tipoUs > input[type=radio]:checked + label>span,
.modoUs > input[type=radio]:checked + label>span{
	font-weight:bold;
	color:#282DCA;
}

/* hover STYLES */
.tipoUs > input[type=radio]:hover + label > img,
.modoUs > input[type=radio]:hover + label > img{
outline: 2px solid #333333;
border-radius:30px;
opacity: 80%;
}
.tipoUs > input[type=radio]:hover + label>span,
.modoUs > input[type=radio]:hover + label>span{
	color:#333333;
}







@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500&display=swap');

.btn {
  margin: 0.7rem 0;
  padding: 1rem 2rem;
  border: none;
  border-radius: 10px;
  background-color: #2bb673;
  color: #fff;
  font-size: 1.3rem;
  font-weight: 500;
  cursor: pointer;
  transition: all 0.3s ease;
  border: 2px solid #2bb673;
}

.btn:hover {
  color: #2bb673;
  background-color: #f5f5f5;
}





.quote-img,
.quote-text {
  flex: 1;
}



.copy-icon img {
  width: 30px;
  cursor: pointer;
}