@import url('Nexa.css');
@import url('comunes.css');

.texto_sencillo{
	padding-top: 30px; 
	font-weight: 100; 
	padding-bottom: 20px;
}

.texto_espacio{
	padding-left:10px;
	cursor: pointer;
}

.dos_columnas{
	display: grid; 
	grid-template-columns: 50% 50%; 
	grid-gap: 2rem;
}

.una_columna{
	padding-top: 20px; 
	font-weight: 100;
}

.obligatorio{
	color: var(--rojo);
	font-weight: 600;
	margin-left: 5px;
}

.doscol-int{
	grid-template-columns: 47% 47%;
	padding: 0px;
	grid-gap: 0rem 2rem;
}

.Tpartidas{
		width: 100%;
    font-weight: 100;
}

.Tpartidas td{
		padding-bottom: 15px;
		line-height: 1.3;
}

.button_black{
	border:0px; 
	border-radius: var(--border-radius); 
	position: initial; 
	height: 40px; 
	background-color: var(--negro); 
	color: var(--blanco); 
	text-transform: uppercase; 
	font-size: 1rem; 
	letter-spacing: .15rem;
	width: 280px;
	top: -2px;
	cursor: pointer;
}

.button_red{
	border:0px; 
	border-radius: var(--border-radius); 
	position: initial; 
	height: 40px; 
	background-color: var(--rojo); 
	color: var(--blanco); 
	text-transform: uppercase; 
	font-size: 1rem; 
	letter-spacing: .15rem;
	width: 280px;
	top: -2px;
	cursor: pointer;
}

#miCupon{
    border: 1px solid var(--grisa);
    padding: 15px;
    opacity:0;
}

.div_button_c{
	margin-top: 30px;
	text-align: center;
}

#Tservicio tbody tr td:first-child{
	width:50px
}

#Tservicio tbody tr td{
	padding-bottom: 30px;
	font-weight: 100;
	font-size: 22px;
}

#Tservicio tbody tr td img{
	width: 140px;
}

@media screen and (max-width: 600px) {
  .topnav.responsive {position: relative;}
  .topnav.responsive .icon {
    position: absolute;
    right: 0;
    top: 0;
  }

  .topnav.responsive .dropdown {float: none;}
  .topnav.responsive .dropdown-content {position: relative;}
}

#navbarw {
    background-color: var(--blanco);
    position: fixed;
    top: 0;
    display: block;
    transition: top 0.3s;
    z-index: 10;
   // padding-left: 100px;
    //padding-right: 100px;
    margin: var(--screenNav);
    width: 100%;
}



@media screen and (max-width:768px) {

	.dos_columnas{
		grid-template-columns: 100%; 
		grid-gap: 0rem;
	}

	.doscol-int{
		width: 100%;
	}

}

@media screen and (max-width:589px) {

	.button_black{
		width: 100%;
	}

	.button_red{
		width: 100%;
	}
}