/*barra de menu*/
body{
	background: #000000;
	 margin:0;
	 padding:0;
	 
 }
 
 .btn{
 cursor:pointer;
	 position: relative;
	 padding:20px 6px;
	 background-color: none;
	 border-top-right-radius:10px;
	 border-bottom-left-radius:10px;
	 transition:all 1s;
	 &:after,&:before{
		 content:" ";
		 width:10px;
		 height:5px;
		 position:absolute;
		 border :0px solid #343e6b;
		 transition:all 1s;
		 }
	 &:after{
		 top: -1px;
		 left:-1px;
		 border-top:5px solid #0003bd;
		 border-left:5px solid #0003bd;
	 }
	 &:before{
		 bottom:-1px;
		 right:-1px;
		 border-bottom:5px solid #0003bd;
		 border-right:5px solid #0003bd;
	 }
	 &:hover{
		 border-top-right-radius:0px;
	 border-bottom-left-radius:0px;
	 background-color: rgb(233, 41, 41);
	 background:rgb(221, 0, 0);
	 color:rgb(241, 234, 234);
		 &:before,&:after{
			 
			 width:100%;
			 height:100%;
			  border-color:rgb(26, 13, 82);
		 }
	 }
 }
 h5 b{text-decoration:underline;}

 .data-container{
	 padding-left: 1px;
	 margin-left:1px;
	 width: 25vh;
	 display:flex;
	 justify-content: center;
	 align-items: center;
 }
 .xul{
	 list-style-type: none;
	 margin: 10px;
	padding: 20px;
 }
 .xli{float:left;}
 .xli a{
	 color: rgb(255, 255, 255);
	 text-decoration: none;
 }
 
 .brand img{
	 width: 30px;
	 height: 30px;
	 margin-left: 20px;
 }
 .brandi img{float:left;
	 width: 120px;
	 height: 120px;
	 margin-left: 1px;
 
 }
 
 .icons{
	 margin: 0;
	 padding: 0;
	 display: flex;
	 position: fixed;
	 margin-left: 30px;
	 top: 6%;
	 left: 90%;
	 transform: translate(-50%, -50%);
 }
 .icons li{
	 list-style: none;
	 margin: 30px 5px;
 }
 .icons li a{
	 position: relative;
	 display: block;
	 width: 30px;
	 height: 50px;
	 text-align: center;
	 line-height: 53px;
	 background: none;
	 border-radius: 50%;
	 font-size: 20px;
	 color: #ffffff;
	 transition: .5s;
 }
 .icons li a::before{
	 content: '';
	 position: absolute;
	 top: 0;
	 left: 0;
	 width: 100%;
	 height: 100%;
	 border-radius: 100%;
	 background:none;
	 transition: .5s;
	 transform: scale(.9);
	 z-index: -1;
 }
 .icons li a:hover::before{
	 transform: scale(1.1);
	 box-shadow: 30px 30px 60px #f80000;
 }
 .icons li a:hover{
	 color: none;
	 box-shadow: 5px 5px 5px #f80000;
	 text-shadow: 5px 5px 5px #f80000;
 }


.dov{
    width: 1070px;
    height: 200px;
    overflow: hidden;
    margin: 40px;
}

.contenedor{
	width: 100%;
	display: flex;
	justify-content: right;
	align-items: right;
	height: 25vh;
}
.contenedor figure{float: inline-end;
	position: relative;
	height: 150px;
	width: 250px;
	overflow: hidden;
	border-radius: 0px;
	box-shadow: 0px 5px 5px rgba(0,0,0,0.50);
	cursor: pointer;
}
.contenedor figure img{
	width: 100%;
	height: 100%;
	transition: all 500ms ease-out;
}
.contenedor figure .capa{
	position: absolute;
	top: 0;
	width: 100%;
	height: 100%;
	background: rgba(255, 12, 12, 0.6);
	transition: all 500ms ease-out;
	opacity: 0;
	visibility: hidden;
	text-align: center;
}

.contenedor figure:hover > .capa{
	opacity: 1;
	visibility: visible;
}
.contenedor figure:hover > .capa h3{
	margin-top: 50px;
	margin-bottom: 15px;
}

.contenedor figure .capa h3{
	color: #fff;
	font-weight: 400;
	margin-bottom: 120px;
	transition: 30px;
}

table {
    border:5px solid rgba(86, 86, 88, 0);  
    width: 50px; 
 }
  table td {
    border:3px solid rgba(86, 86, 88, 0);
    padding:10px;

  }
  table td:hover {
    color:#FFF;  }

*{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}
body{
	background: linear-gradient(
				50deg,
				rgba(95, 95, 97, 0.164) 50%,
				rgba(86, 86, 88, 0.11)
				),
				url(fon2.jpg);
	background-size: cover;
	height: 10vh;
}
	
		  .form-content{
			background: linear-gradient(
				50deg,
				rgba(95, 95, 97, 0.705) 50%,
				rgba(86, 86, 88, 0.397)
				);
			padding: 50px;
			width: 900px;
			border-radius: 50px;
		}

		.txt{float: right;
			top: 1000%;
		
		}
		.neon{
			font-size: 5em;
			font-weight: 500;
			color: #b12020;
			letter-spacing: 0.1px;
			cursor: pointer;
			text-transform: uppercase;
			transition: 1s;
		}
		.neon:hover{
			color: #f5f5f5;
			text-shadow: 0 0 5px #151796,
			0 0 25px #ffffff,
			0 0 50px #d40e0e,
			0 0 100px #0e0e0e;
		}