/*BOTON DE VOLVER ARRIBA*/
a.scroll-top {
  color: #ffffff;
  display: none;
  width: 30px;
  height: 30px;
  position: fixed;
  z-index: 1000;
  bottom: 50px;
  right: 30px;
  font-size: 20px;
  background: #193096;
  border-radius: 3px !important;
  text-align: center;
  border: 1px solid hsla(0, 0%, 78%, 0.3)
}
a.scroll-top i {
  position: relative;
  top: 2px;
}
/**/

/*  Tipografia - Color de Texto  */
*{
    font-family: 'Roboto', sans-serif;
}
.azul-o{
    color: #193096;
}
/*Tabla*/
.CSSTableGenerator{
	margin-bottom: 120px;padding:0px;
	
	-moz-border-radius-bottomleft:0px;
	-webkit-border-bottom-left-radius:0px;
	border-bottom-left-radius:0px;
	
    -moz-border-radius-bottomright:0px;
	-webkit-border-bottom-right-radius:0px;
	border-bottom-right-radius:0px;
	
	-moz-border-radius-topright:0px;
	-webkit-border-top-right-radius:0px;
	border-top-right-radius:0px;
	
	-moz-border-radius-topleft:0px;
	-webkit-border-top-left-radius:0px;
	border-top-left-radius:0px;
}
.CSSTableGenerator table{
	margin:0px;padding:0px;
    border:1px solid #193096;
    margin-bottom: 120px;
}
.CSSTableGenerator tr:last-child td:last-child{
	-moz-border-radius-bottomright:0px;
	-webkit-border-bottom-right-radius:0px;
	border-bottom-right-radius:0px;
}
.CSSTableGenerator table tr:first-child td:first-child{
	-moz-border-radius-topleft:0px;
	-webkit-border-top-left-radius:0px;
	border-top-left-radius:0px;
}
.CSSTableGenerator table tr:first-child td:last-child{
	-moz-border-radius-topright:0px;
	-webkit-border-top-right-radius:0px;
	border-top-right-radius:0px;
}
.CSSTableGenerator tr:last-child td:first-child{
	-moz-border-radius-bottomleft:0px;
	-webkit-border-bottom-left-radius:0px;
	border-bottom-left-radius:0px;
}
.CSSTableGenerator tr:hover td{
	background-color:#0FB6FF ;
    color: #ffffff;
    font-weight:bold;
}
.CSSTableGenerator td{
	vertical-align:middle;
	background-color:#ffffff;
	border:1px solid #193096;
	border-width:0px 1px 1px 0px;
	text-align:left;
	padding:7px;
	/*font-size:10px;*/
}
.CSSTableGenerator tr:last-child td{
	border-width:0px 1px 0px 0px;
}
.CSSTableGenerator tr td:last-child{
	border-width:0px 0px 1px 0px;
}
.CSSTableGenerator tr:last-child td:last-child{
	border-width:0px 0px 0px 0px;
}
.CSSTableGenerator tr:first-child td{

	background-color:#193096;
	border:0px solid #193096;
    color: #ffffff;
	text-align:center;
	border-width:0px 0px 1px 1px;
	font-weight:bold;
    font-size: 18PX;
}
.CSSTableGenerator tr:first-child:hover td{
	background:-o-linear-gradient(bottom, #033970 5%, #0764c1 100%);	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #033970), color-stop(1, #0764c1) );
	background:-moz-linear-gradient( center top, #033970 5%, #0764c1 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#033970", endColorstr="#0764c1");	background: -o-linear-gradient(top,#033970,0764c1);

	background-color:#033970;
}
.CSSTableGenerator tr:first-child td:first-child{
	border-width:0px 0px 1px 0px;
}
.CSSTableGenerator tr:first-child td:last-child{
	border-width:0px 0px 1px 1px;
}
/*   Cabecera   */
.cabecera{
    display: flex;
    flex-direction: row;
    padding: 1% 1%;
}
.logo-notaria{
    margin-left: auto;
    margin-right: auto;
    display: block;
    width: 33%;
    height: 6%;
}
/* Titulo */
.flex-cont{
    display: flex;
    align-items: center;
    justify-content: center;
}
.titulo{
    background-image: url(../img/image.jpg);
    background-size: cover;
    background-repeat:no-repeat;
    background-position: center center;
    width: 100%;
    height: 300px;
}
.titulo h1{
    font-weight: bold;
    color: #ffffff; 
}
/*   Formulario   */
.formulario{
    justify-content:center;
    margin: auto 20% auto 20%;
}
#serial-lb{
    font-size: 20;
}
/*  Estilos Botones   */
.bt{
    border: none;
    padding: 8px 16px;
    font-weight: bold;
    border-radius: 50px;
}
.bt-enviar {
    color: #ffffff;
    background-color: #193096;
}
.bt-enviar:hover {
    color: #193096;
    background-color: #ffffff;
    border: 2px solid #193096;
}
.bt-2{
    color: #193096;
    background-color: #ffffff;
    border: 2px solid #193096; 
}
.bt-2:hover {
    color: #ffffff;
    background-color: #193096;
}
.logo-regis {
    width: 70px;
    height: 55px;
    background-image: url(../img/logo_registraduria.png);
}

@media (max-width: 50%) {
    .cabecera h1{
        flex-direction: column;
        justify-content: center;
        padding-left: 9rem;
    }
}