* {
	margin: 0;
	padding: 0;
}

/*body {
	background: #FFFFFA
}

header {
	width: 100%;
}*/

/* empieza */
body {
	 font: 62.5% "Trebuchet MS", sans-serif;
	 margin: 50px;
	}
		
	.ui-layout-pane {
	  border: 0;
	  margin: 0;
	}
		
	.ui-panelgrid tr, td {
	   border: 0 !important;	
      }
     .ui-g div {
       background-color: #ffffff;
       text-align: left;
       border: 1px solid #ffffff;
       padding: 0px;
    }
    .ui-panelgrid.showcase-text-align-center .ui-grid-responsive .ui-panelgrid-cell {
      text-align: center;
    }
 
    .customPanelGrid .ui-panelgrid-content {
        align-items: center;
    }
    .header {
      background-color: #ffffff;
      margin: 1rem;
      padding: 1rem;
	  border: 2px solid #ccc;		
	  position: relative;
	  margin-top : -40px;
	}

    .content {
	  background-color: #ffffff;
	  margin: 1rem;
	  padding: 1rem;
	  border: 2px solid #ccc;
	  position: relative;
	  margin-top: 20px;
		 
    }

    .pageContent{
      color:#4d4d4d;
      font-family:"Roboto", font-size:38px;
      margin-top:11px;
      line-height:15px;           
     }
        
    .page_title{
 	  color:#2f2f2f;
 	  font-size:16px;
 	  line-height:25px;
 	  font-weight:200;
 	  border-bottom:1px solid #e5e5e5;
 	  padding-bottom:0x;
 	  margin-bottom:10px
 	 }
 		
    .title{
     line-height:40px;
     margin-bottom:10px;
     color:#232323;
     font-size:26px;
     font-weight:200
     }     
     
    .form-group{
       margin-bottom:20px
     }    
     .shadow_footer {
		  z-index: 2;
		  bottom: 0;
		  font-size:12px;
		  position: fixed;
		  width: 100%;
		  height: 30px;
		  text-align: center;
		  vertical-align: middle;
		  color: #DD1007 ;
		  background: #FFFFFF;
		  -webkit-box-shadow: 0 -1x 0px #464646 ;
		  -moz-box-shadow: 0 -1px 0px #464646 ;
		  box-shadow: 0 -1px 0px #464646 ;
      } 

/* termina */

header nav {
	width: 90%;
	max-width: 1000px;
	margin: 20px auto;
	background: #024959;
}

.menu_bar {
	display: none;
}

header nav ul {
	overflow: hidden;
	list-style: none;
}

header nav ul li {
	float: left;
}

header nav ul li a {
	color: white;
	padding: 20px;
	display: block;
	text-decoration: none;
}

header nav ul li span {
	margin-right: 10px;
}

header nav ul li a:hover {
	background: #037E8C;
}

@media screen and (max-width:800px ) {
	header nav {
		width: 80%;
		height: 100%;
		margin: 0;
		position: fixed;
	}
	header nav ul li {
		display: block;
		float: none;
		border-bottom: 1px solid rgba(255, 255, 255, .3);
	}
	.menu_bar {
		display: block;
		width: 100%;
		background: #ccc;
	}
	.menu_bar .bt-menu {
		display: block;
		padding: 20px;
		background: #024959;
		color: #fff;
		text-decoration: none;
		font-weight: bold;
		font-size: 25px;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}
}