.container{ padding-top:15px;}
#cabecera{ margin-bottom:10px;}
#panel{	padding-top:30px !important;}

.title-text{
	font-size:1.5em; 
	font-style:bold;
	text-align:center;
	width:100%;
	
}

.rowtitle,.rowlogo{ text-align: center; width:100%; background-color:#000;  }

@media only screen and (min-width: 992px)
{
.logo{ background-color:#000; width: 300px; height: 120px; margin-top: 20px; }
.panel-default{width:100%; margin:0 auto;  }
}

@media only screen and (max-width: 575.98px)
{
.logo{ width: 200px; height: auto; }
.panel-default{width:100%; margin:0 auto;  }
.rowtitle,.rowlogo{ margin-top: 10px;  }
#banner{display:none;}
}
@media only screen and (max-width: 767.98px)
{
.panel-default{width:100%; margin:0 auto;  }
.rowtitle,.rowlogo{ margin-top: 10px;  }
}

@media only screen and (max-width: 991.98px)
{
.panel-default{width:100%; margin:0 auto;  }
.rowtitle,.rowlogo{ margin-top: 10px;  }

}

@media only screen and (max-width : 568px) {
.logo{ width: 200px; height: auto; }
.rowlogo{ margin-top: 70px;  }
.panel-default{width:100%; margin:0 auto;  
.banner{display:none;}
}

#logo{ width:25%; float:left; margin-left:5px; margin-top:5px;}


#logoforms img{ width:25%; height:auto; }


code {
  font-size: 80%;
}


#ContenedorTabla{

height: auto;

}

.panel-body .btn:not(.btn-block) { width:120px;margin-bottom:10px; }