body
			{
				margin:0;
				padding:0;
				background-color:#f1f1f1;
			}

				.box
			{
				
				background-color:#fff;
				border:1px solid #ccc;
				border-radius:5px;
				margin: auto;
				width:1000px;
				min-height:1000px;
			}
			
			textarea
			{
				resize:none;	
			}


			.boton{
				border-radius: 25px;
				border: 8px solid black;
				background-color:white;
				padding:20px;
				font-size:15pt;
				text-align:center;
				font-family:Cursive;
				font-weight: bold;
			}



			.div

			{

				border-radius: 10px;

				background-color:#E6E6E6; 

				padding:20px;

			}



.scroll {

  max-width: 100%;

  max-height: 100%;

  /* overflow: scroll; */ /* provoca error con el scroll X en Firefox*/

  position: relative;

}



table {

  position: relative;

  border-collapse: collapse;

  width: 100%;

  top: 50; /* IMPORTANTE */

}



td, th {

  padding: 0.25em;

}



thead th {

  position: -webkit-sticky; /* for Safari */

  position: sticky;

  top: 50; /* IMPORTANTE */

  background: #222222;

  color: #FFF;



}



thead th:first-child {

  left: 0;

  z-index: 1;

}



tbody th {

  position: -webkit-sticky; /* for Safari */

  position: sticky;

  left: 0;

  border-right: 1px solid #CCC;

}



@media (max-width: 768px) {

    .navbar-header {

        float: left;

    }



    .navbar-nav {

        float: left;

        margin: 0;

    }

    .navbar-nav > li {

        float: left;

    }

    .navbar-nav > li > a {

        padding-top: 15px;

        padding-bottom: 15px;

    }



}

	.legend{

		text-align:left;

		color:#00abdf;

		font-size:14px;

		padding:30px;

		margin-left:20px;

		font-weight:bold;
		
		height:30px;
		
		position:relative;

	}