
      /* Sticky footer styles
      -------------------------------------------------- */

      html,
      body {
        height: 100%;
        /* The html and body elements cannot have any padding or margin. */
      }

      /* Wrapper for page content to push down footer */
      #wrap {
        min-height: 100%;
        height: auto !important;
        height: 100%;
        /* Negative indent footer by it's height */
        margin: 0 auto -60px;
      }

      /* Set the fixed height of the footer here */
      #push,
      #footer {
        height: 140px;
      }
      #footer {
        background-color: #f5f5f5;
      }

      /* Lastly, apply responsive CSS fixes as necessary */
      @media (max-width: 767px) {
        #footer {
          margin-left: -20px;
          margin-right: -20px;
          padding-left: 20px;
          padding-right: 20px;
        }
      }



      /* Custom page CSS
      -------------------------------------------------- */
      /* Not required for template or sticky footer method. */

      #wrap > .container {
        padding-top: 60px;
      }
      .container .credit {
        margin: 20px 0;
      }

      code {
        font-size: 80%;
      }

/*        
      .modal { 
      	width: 800px; 
      	margin: -250px 0 0 -380px; CAUSA PROBLEMA NO MODAL (09/05/2014)
      }
*/
    

		body.site
		{
			border-top: 3px solid #b00000;
			background-color: #f4f6f7		}
		a
		{
			color: #b00000;
		}
		
		legend
		{
			color: #b00000;
		}
		
		.navbar-inner, .nav-list > .active > a, .nav-list > .active > a:hover, .dropdown-menu li > a:hover, .dropdown-menu .active > a, .dropdown-menu .active > a:hover, .nav-pills > .active > a, .nav-pills > .active > a:hover,
		.btn-primary
		{
			background: #b00000;
		}
		.navbar-inner
		{
			-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, .25), inset 0 -1px 0 rgba(0, 0, 0, .1), inset 0 30px 10px rgba(0, 0, 0, .2);
			-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .25), inset 0 -1px 0 rgba(0, 0, 0, .1), inset 0 30px 10px rgba(0, 0, 0, .2);
			box-shadow: 0 1px 3px rgba(0, 0, 0, .25), inset 0 -1px 0 rgba(0, 0, 0, .1), inset 0 30px 10px rgba(0, 0, 0, .2);
		}
		.body .container{
			background-color:#ffffff;
			margin-top:20px;
			padding:20px;
			border-radius:4px;
			border: 1px solid rgba(0, 0, 0, 0.15);
			box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.05);
			width:80%;
		}
		
		.navigation {
			/*padding: 5px 0;*/
			border-top: 1px solid rgba(0,0,0,0.075);
			border-bottom: 1px solid rgba(0,0,0,0.075);
			margin-bottom: 10px;
		}
		
		.nav-pills {
    		margin-bottom: 0px;
		}
		
		.btn-primary:hover {
    		background: #920000;
		}
		a:hover {
    		color: #920000;
		}

		
		.login-container {
  		 	 width: 100%; /* Whatever exact width you are looking for (not bound by preset bootstrap widths) */
		}
		
		textarea {
			height:auto;
		}
		
		img {
			vertical-align: top;
		}
		
		.table tr th {
    		text-align  : left;
		}
		.table-condensed tr th {
    		text-align  : left;
    		width: 200px;
		}
		
		.table td {
			/*text-align : left;*/
			cursor: pointer;
		}
		
		.page-count {
		margin-left: 30px;
		}