body {
    background: none repeat scroll 0 0 white;
}
.logo-box {
    background: none repeat scroll 0 0 #265E8D;
    display: block;
    text-align: center;
    padding-top : 20px;
    height : 70px;
    width: 100%;
    border-bottom: 1px solid #5186BC;
}
div#TextCliente{
	float: right;
	height: 70px;
	display: table-cell;
	vertical-align: middle;
	margin-right: 15px;
	margin-left: 25px;	
	max-width: 116px !important;
}
.texto-empresa{
	float:left;
	background-color: #FFFFFF;
  color: #265E8D;
  font-weight: normal;
  font-variant: small-caps;
  text-align: center;
  text-transform: capitalize;
  text-shadow: 0px 1px 1px #828282;
  padding : 15px;
}
div#logoProy{
	float: right;
	height: 70px;
	display: table-cell;
	vertical-align: middle;
	margin-right: 15px;
	margin-left: 25px;	
	max-width: 116px !important;
}


div#userPass{
	float: right;
	height: 70px;
	max-width: 400px;
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	
}
div#fechaAct{
	float: left;
	height: 70px;
	width: 170px;
	display: table-cell;
	vertical-align: middle;
	margin-left: 15px;
}
h1 {
    color: #FFFFFF;
    font-family: impact,tahoma;
    font-size: 1.5em;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}
h2 {
    color: #FFFFFF;    
    font-size: 1.0em;
    letter-spacing: 0.08em;
    
}
.aside-nav ul {
    background: none repeat scroll 0 0 #265E8D;
}
.aside-nav li a {
    border-bottom: 1px solid #5186BC;
    color: #FFFFFF;
}
.aside-nav li a:link, .aside-nav li a:visited {
    color: #FFFFFF;
}
.aside-nav li > ul,.aside-nav li ul ul { 
    background: none repeat scroll 0 0 #5186BC;
}
.top-nav li a:hover, .aside-nav li a:hover,.aside-nav > ul > li.active-item > a:link, .aside-nav > ul > li.active-item > a:visited {
    background: none repeat scroll 0 0 #00446B;
}
i {
    color: #E36132;
    display: inline-block;
    font-size: 1.2em;
    width: 1.8em;
}
.date {
    text-align: center;
}
.date span {
    font-size: 2.7em;
}
.date i {
    color: #D0D0D0;
    font-size: 1.5em;
    width: auto;
}

article hr {
    color: #E0E0E0;
    margin: 1.25em 0;
}
#menuLateral{
	/*transition: margin-left 0.5s;
    -o-transition: margin-left 0.5s;
    -ms-transition: margin-left 0.5s;
    -moz-transition: margin-left 0.5s;
    -webkit-transition: margin-left 0.5s;*/
    
}
.menuLateralVertical {
    white-space:nowrap;
    font-family: 'Exo', sans-serif;
    margin-top: 300px;
    font-size: 1em;
    display: block;
    color: white;
    text-decoration: none;
    
    -webkit-transform: rotate(-90deg);
    -webkit-transform-origin: 20px;
    -moz-transform: rotate(-90deg);
    -moz-transform-origin: 20px;
    -ms-transform: rotate(-90deg);
    -ms-transform-origin: 20px;
    -o-transform: rotate(-90deg);
    -o-transform-origin: 20px;
    transform: rotate(-90deg);
    transform-origin: 20px;
}
#content-wrapper:after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    line-height: 0;
    visibility: hidden;
   
}
#header {
	height : 70px; 	 
	background-color : white;	
}
	
#content-wrapper {
    background: none repeat scroll 0 0 #265E8D;
    height: 100%;
}
img#background {
    height: auto;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: -10;
}

@media screen and (max-width: 768px) {
  .aside-nav li a {
      padding: 0.625em 1.25em;
  }
  .date {
      text-align: left;
  }
}

@media screen and (max-width: 479px) {
  .login-page {
  	width: 300px;
  	padding: 8% 0 0;
	margin: auto;
	background-color: #265E8D;
  }
  .formL {
	max-width: 300px;
	padding: 30px;
	position: relative;
	z-index: 1;
	background: #FFFFFF;
	margin: 0 auto 100px;
	text-align: center;
	box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.2), 0 5px 5px 0 rgba(0, 0, 0, 0.24);
	border-radius: 10px;
  }
  
}

@media screen and (min-width: 480px) {
	.login-page {
		width: 450px;
		padding: 8% 0 0;
		margin: auto;
		background-color: #265E8D;
	  
	}
	.formL {
		position: relative;
		z-index: 1;
		background: #FFFFFF;
		max-width: 450px;
		margin: 0 auto 100px;
		padding: 45px;
		text-align: center;
		box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.2), 0 5px 5px 0 rgba(0, 0, 0, 0.24);
		border-radius: 10px;
	}
}


.formL input {
  outline: 0;
  border:0;
  background: #f2f2f2;
  width: 100%;
  margin: 0 0 15px;
  height:50px;
  padding: 15px;
  box-sizing: border-box;
  font-size: 14px;
  color: black !important;
}

.formL input:focus {  
    outline:1px solid #4488cc;
} 

.formL button {
  text-transform: uppercase;
  outline: 0;
  background: #6c6c6c;
  width: 100%;
  border: 0;
  padding: 15px;
  color: #FFFFFF;
  font-size: 14px;
  -webkit-transition: all 0.3 ease;
  transition: all 0.3 ease;
  cursor: pointer;
  margin-bottom: 10px;
}
.formL button:hover,.formL button:active,.formL button:focus {
  background: #ffb56a;
}
.formL .message {
  margin-bottom: 20px;
  color: #808080;
  font-size: 16px;
  font-variant: small-caps;
  text-transform: capitalize;
}
.formL .message a {
  color: #4CAF50;
  text-decoration: none;
}

.search_results {
border:1px solid #999999;

}
.search_results_alt {
border:1px solid #999999;
}

.search_header {
color: #000000;
font-size: 12px;
height: 20px;
background-color: #e1e1e1;
border-bottom: 1px solid #999999;
border-right: 1px solid #999999;
vertical-align: bottom;
text-align: center;
}
.search_results_row_white {
background-color:#FFFFFF;
font-size: 12px
}
.search_results_row_gray {
background-color:#F3F3F3;
font-size: 12px


}
.search_results_row_green {
background-color:#E6FFE6;
font-size: 12px
}
.search_results_row_red {
background-color:#FFDCDC;
font-size: 12px
}
.search_results_total {
border-top: 1px solid #999999;
font-size: 12px
}