﻿

/*imagen corporativa*/
#imagencorporativa
{
	  background-image:url('../images/logobanco.png');
	  background-repeat: no-repeat;
	/*  height:140px;
	  width:100%;*/
	  background-position:center; 
	  margin-bottom:0px;
	  
	 
}
/*imagen central del menu principal*/
#imagenmenu
{
	content:url('../images/documentos_virtuales.jpg');
	text-align:center;
	border:none;
	width: 45%; 
	height: 3%;
}
#usuario_desconectado
{
	  background-image:url('../images/usuario_desconectado.png');
	  background-repeat: no-repeat;
	  height:140px;
	  width:100%;
	  background-position:center; 
	  margin-bottom:0px;
	  margin-top:0px;
	   
	  
	 
}

/*Estilo de los DIV corpotrativos*/

#enc, #enc2,#TituloGrilla1, #TituloGrilla_CLIENTE_1
{
	/*color de de fondo la barra de titulo*/
	 background-color: #3BA3D4 ;
	 font:bold 45px Verdana,Geneva,sans-serif;
	 text-shadow:0 4px 15px red;
}
#cuerpo,#DetalleGrilla1
{
	/*color de fondo de el cuerpo*/
	 background-color: #D5F1FB;
	 
	
}
#err
{
	/*color de fondo de el cuerpo del error del login*/
	 background-color:White;
}
/*estilo del parafo de usuario activo*/
.usuario
{
	font:bold 12px Verdana,Geneva,sans-serif;
	text-shadow:0 2px 10px #3BA3D4;
	width:100%; 
	text-align:center;
	margin-bottom:0px;
	margin-top:0px;
}



/*Estilos del menu principal*/

ul#css3menu1,ul#css3menu1 ul
{
	/*fondo del menu*/
	background-color:#3BA3D4 ;
	/*fondo del borde*/
	border-color:#3BA3D4;
	height:35px;
	
	/*ambos colores deben ser iguales*/
}
ul#css3menu1 ul
{
	/*color del texto cuando se mueve mouse */
	background-color:#3BA3D4; 
}
ul#css3menu1 li.topmenu:hover>a,ul#css3menu1 li.topmenu > a.pressed
{
	/*combinación de colores que dan el efecto gradiant*/
	
		background-image:-moz-linear-gradient(-10deg,rgba(52,188,234,0.77),rgba(180,230,247,0.7));
		background-image:-o-linear-gradient(-10deg,rgba(52,188,234,0.77),rgba(180,230,247,0.7));
		background-image:linear-gradient(180deg,rgba(52,188,234,0.77),rgba(180,230,247,0.7));
		background-image:-webkit-linear-gradient(-10deg,rgba(52,188,234,0.77),rgba(180,230,247,0.7));
		border-color:#3BA3D4;
		color:#D5F1FB;
	 vertical-align:middle;
	/**/	
	/*color del fondo del botón del menu*/
	background-color:#3BA3D4;
	/**/
}

/*estilos de los TextBox*/

.inputs {
    background: #3BA3D4;
    font-size: 0.8rem;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    border: none;
    padding: 5px 0px;
    width: 270px;
    margin-top: 0px;
    margin-bottom: 0px;
    box-shadow: inset 0 0px 3px rgba( 0, 0, 0, 0.1 );
    clear: both;
    
    
  
    
    
}

/*color del borde del TextBox cuando se recibe el foco*/
.inputs:focus {
    background: #fff;
    box-shadow: 0 0 0 3px #3BA3D4, inset 0 2px 3px rgba( 0, 0, 0, 0.2 ), 0px 5px 5px rgba( 0, 0, 0, 0.15 ); 
    outline: none;
    
    
}

/*estilos de los botones
.btn {
  background: #3498db;
  background-image: -webkit-linear-gradient(top, #3498db, #2980b9);
  background-image: -moz-linear-gradient(top, #3498db, #2980b9);
  background-image: -ms-linear-gradient(top, #3498db, #2980b9);
  background-image: -o-linear-gradient(top, #3498db, #2980b9);
  background-image: linear-gradient(to bottom, #3498db, #2980b9);
  -webkit-border-radius: 28;
  -moz-border-radius: 28;
  border-radius: 28px;
  font-family: Arial;
  color: #ffffff;
  font-size: 20px;
  padding: 10px 20px 10px 20px;
  text-decoration: none;
   outline:0px;
}

.btn:hover {
  background: #3cb0fd;
  background-image: -webkit-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -moz-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -ms-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -o-linear-gradient(top, #3cb0fd, #3498db);
  background-image: linear-gradient(to bottom, #3cb0fd, #3498db);
  text-decoration: none;
  outline:0px;
}
*/



/* estilos de la grilla*/

.grilla
{
	/*sombra*/
	box-shadow: 8px 8px 5px 11B6CC;
	border:1px solid #007f00;
}

.grilla tr:nth-child(odd)
{ 
	/*color fondo del tbody*/
	background-color:#B6DCEF;
		
}
.grilla tr:nth-child(even)
{ 
	/*color fondo fila mensaje*/
	background-color:#A9CCEB;
		
}
/*estilos de las celdas de la grilla*/
.grilla td
{
	/*color del borde*/
	/*border:1px solid ;*/
	/*color del font*/
	color:black;
	vertical-align:middle;
	border-width:0px 0px 0px 0px;
	text-align:left;
	padding:5px;
	font-size:14px;
	font-family:Arial;
	font-weight:normal;
	text-align:center;
	
}
/*estilos de la primera fila thead*/
.grilla tr:first-child th
{
	
	background-color: #86CFEB;
	border:0px 0px #A9CCEB;
	color:black;
	font-size:12px;
	font-family:Arial;
	font-weight:bold;
  text-transform:uppercase;
}
/* color de fondo de la ventana modal de envio de mail*/
#ventana
{
 background: -webkit-gradient(linear, right bottom, right top, color-stop(1, rgb(120,168,242)), color-stop(0.57,rgb(120,168,242)));
	

}
/*estilo de la tabla en el fortmulario de usuario no conectado*/
#tabla_usuario_no_conectado
{
	width:100%;
}
.celda_usuario_no_conectado
{
	text-align:center;
}





