﻿body
{
	margin-left:0; 
	margin-top:0; 
	background-color:#fafafa;
	 
}


*:focus {
    outline: none;
   }

input {
    background-color:transparent;
    border: 0px solid;
    height:30px;
    width:260px;
}
input:focus {
    outline:none;
}

.header{
    height: 40px;
    position: fixed;
    top:0; 
    width:100%; 
    overflow:hidden;
    vertical-align:middle;
    padding:  0px   0px 0px 0px;
    border-bottom: solid 2px #BABEC1;  
  
}



.footer{
    position: fixed;
    bottom: 0px;
    overflow: hidden;
    width: 100%;
    background-image: url('../images/fondos/trama_azul.png'); 
    height:30px;  
    text-align:center;     
}
h1
{
	 position:relative     ;
	 border: solid 1px yellow;
	 margin:  5px 10px 0 0;
	 padding: 2px 2px 2px 2px; 
	 display:inline ;  
	 float:right;   
}

img {
    opacity: 1.0;
    filter: alpha(opacity=100); /* For IE8 and earlier */
}

img:hover {
    opacity: 0.4;
    filter: alpha(opacity=40); /* For IE8 and earlier */
    
}

ltitulo
{
	 position:relative     ;
	 border: solid 1px yellow;
	 /* margin:   15px 10px 0 0;
	 padding: 2px 2px 2px 2px; */
	 display:block  ;  
	 float:left ;   
	 
	 color:Gray;             
}
lcaption
{
	 position:relative     ;
	 border: solid 1px yellow;
	 /* margin:   15px 10px 0 0;
	 padding: 2px 2px 2px 2px; */
	 display:inline ;  
	 float:right;   
	 
	
	}
	

.logout {
   background: url('/Images/Log-Out-icon32.png') no-repeat 0 0;
   border: 0;
   height: 48px;
   width: 48px;
   float:right;
   top:20px; 
   margin-top:30px;
   margin-right:10px; 
   cursor: pointer;  
}	

.title 
{
   height: 40px;
   width: 400px;
   float:right;
   top:50px; 
   margin-top:50px;
   margin-right:10%; 
   cursor: pointer; 
   text-align:right;
   font-family:Arial Rounded MT Bold  ;
   font-size:16px;
   font-style:normal;
   font-weight:normal ;
   color:#106EA2;            
}	




.content_left
{
	margin-top: 80px;
    position:fixed ;
	border:solid 1px #E6E6E6;
    min-width: 200px;
    width: 220px;
    min-height: 300px;
    height: 90%;
    font-size: 13px;
    font-weight: bold;
    font-family: monospace;
    overflow:hidden;
    display:block;  
	
	background-color:#E6E6E6; 
  
}

.content{
	position:relative   ; 
    overflow: hidden;
    width: 100%;
    background-color:Green;
    display:inline-block;
    float:left;
    top:85px;
    left:225px;
    height:90%;
    
         
}

.content_login{
	position: fixed    ; 
    overflow: hidden;
    height:100%;
    width: 100%;
    display:inline-block;
    top:0px;
         
}

.content_login_box{
	position:relative; 
    overflow:auto;
    min-height:550px; 
    height:90%;
    width: 480px;
    display:block ;
    top:0px;
     
	padding: 30px 30px 30px 30px;  
	
    border: none 0px black; 
    margin:  0 auto;
         
}

.menu
{
    font-family:Arial;
    font-size:12 ;
    font-style:normal;
    font-weight:lighter; 
    width:200px;
        
    
}


.divLogin
{
	width:270px; 
	text-align:left; 
	padding:  2px 5px 2px 5px; 
	height:35px; 
	border: solid 1px #8c8a8f;
	background-color:White; 

	}

.divLogin:hover
{
	cursor:pointer; 
	border:solid 1px #5678b3;
}

.inputLogin {
	font-family: Arial, Helvetica, sans-serif; 
	font-size:24px;
	font-weight:bold;   
	color: #828282; 
	/* border: 1px solid #8CC63F; */
	border:  none 0 #ececec;
	height: 30px; 
	width:220px;  
	padding: 1px 3px 1px 3px;
    
	
}


.noBorder {
	color: Black; 
	border: 0px none; 
}


/*   Button */
.btnLogin {
	-moz-box-shadow:inset 0px 1px 0px 0px #BABEC1;
	-webkit-box-shadow:inset 0px 0px 0px 0px #5678b3;
	box-shadow:inset 0px 0px 0px 0px #5678b3;
	background-color:#b0cdea;
	border-radious: 2px; 
	
	-webkit-border-top-left-radius:4px;
	 -moz-border-radius-topleft:4px;
	border-top-left-radius:4px;
	-webkit-border-top-right-radius:4px;
	-moz-border-radius-topright:4px;
	border-top-right-radius:4px;
	-webkit-border-bottom-right-radius:4px;
	-moz-border-radius-bottomright:4px;
	border-bottom-right-radius:4px;
	-webkit-border-bottom-left-radius:4px;
	-moz-border-radius-bottomleft:4px;
	border-bottom-left-radius:4px;
	
	text-indent:0;
	border:1px solid #5678b3;
	display:inline-block;
	color:#5678b3;
	font-family:Verdana;
	font-size:18px;
	font-weight:bold;
	font-style:normal;
	height:45px;
	line-height:45px;
	width:282px;
	text-decoration:none;
	text-align:center;
	
}

.btnLogin:hover {
	background-color:#5678b3;
	color:White;
	cursor:pointer; 
	text-shadow:0px 0px 0px white;
}

.btnLogin:active {
	position:relative;
	top:1px;
}

.TextValidator
{
    font-family:Arial, Verdana, Tahoma, MS Gothic, Sans-Serif;
    font-size:medium;
    font-weight:bold;
    color:Maroon;          		
	
	}
	
.checkLogin
{
    font-family: Arial;
    font-size:18px;
    font-weight:normal;
    color:black;      
}

.footerLine1
{
	font-family: Arial;
	font-size:12px;
	font-weight:normal;
	color:White;      
	}
	
.footerLine2
{
	font-family: Arial;
	font-size:14px;
	font-weight:bold;
	color:White;      
	}

.content_footer_box
{
	
	position:relative; 
    overflow:hidden ;
    width: 350px;
    display:block ;
    top:0px;
    padding: 0px  0px 0px 0px;  
    margin: 0 auto; 
	vertical-align:middle; 
 
         
}


.content_title_box{
	position:relative; 
    overflow:hidden ;
    height:70px; 
    
    width: 300px;
    display:inline-block  ;
    float:right;  
    top:0px;
    background-color:White;  
	padding: 60px  60px 5px 30px;  
	margin-right:10%; 
    border: none 0px black; 
    font-family:Arial Rounded MT Bold  ;
   font-size:16px;
   font-style:normal;
   font-weight:normal ;
   color:#106EA2;  
   text-align:right;      
         
}