﻿body {text-align:center ;
    font-family:Verdana;
}

.divTop {
	width:95%;
	height:90px;
	border: thin groove #0033cc; 
	padding:10px;
}
.divLogin1 {
	height: 560px;
	width: 1000px;
	border: thin groove #0033cc;
	padding: 50px 5px 5px 5px;
}
.divLogin
{
	background-image: url(../Img/logo_fondo_blanco.jpg);
	height:400px;
	width:1000px;
	vertical-align:middle;
	background-repeat: no-repeat;
	
}

.divCustomer
{
	background-image: url(../Img/logo_fondo_blanco2.jpg);
	height:500px;
	width:1000px;
	vertical-align:middle;
	background-repeat: no-repeat;
	border: thin groove #0033cc; 
}
.divInfo {
	min-height:300px;
	width: 95%;
	vertical-align: middle;
	border: thin groove #0033cc;
	padding:15px 15px 15px 15px;
}
.letters_title
{ font:Verdana, Geneva, sans-serif;
  font-size:18px;
  font-weight: bold;
  color:#0033cc;
  text-transform:capitalize;
}

.letters_subtitle
{ font:Verdana, Geneva, sans-serif;
  font-size:16px;
  font-weight: bold;
  color:#0033cc;
 /* text-transform:capitalize;*/
}

.letters_normal
{ font:Verdana, Geneva, sans-serif;
  font-size:14px;
  
  font-style:normal;
  color:#0033cc;
  /*text-transform:capitalize;*/
}

.letters_normal_1 {
	font-size: 12px;
	font-style: normal;
	color: #0033cc;
	/*text-transform:capitalize;*/
}

.letters_link {
    font: Verdana, Geneva, sans-serif;
    font-size: 14px;
    font-style: normal;
    color: #0033cc;
   /* text-transform: capitalize;*/
    cursor: pointer;
}

    

    .box {
        font: Verdana, Geneva, sans-serif;
        font-size: 14px;
        background: #E9E9E9;
    }

.box_mail
{ font:Verdana, Geneva, sans-serif;
  font-size:14px;
  text-transform:lowercase;
  background:#E9E9E9;
}

.button
	{font:Verdana, Geneva, sans-serif;
	 background:#0033cc;
	 font-size:16px;
	 color:#FFF;
	 text-transform:uppercase;
	}
	.button:hover{ background:#5c7fe8}

.validation
{
	font:Verdana, Geneva, sans-serif;
	color:#F00;
	font-size:14px;
	cursor: help;
}

.logo
{
	width:200px;
	height:65px;
	margin:5px;
	float: left;
}

.dropdown {  font-family: Verdana; font-size: 14px; background-color: #E9E9E9; text-transform: capitalize;}

.headerGrid {
	font-size: 14px;
	color: #5c5de8;
	/*font-weight: bold;*/
	border-bottom: thick double;
	border-bottom-color: #5c7fe8;
} 
.itemGrid{font-size: 12px; border:2px solid white; }
.footerGrid {
	background-color:white;
	color: #5c5de8;
}
.alternatingGrid{ background:#E0E0E0; border: thin groove white;}
.gridedit {
	font-size: 14px;
	text-transform: capitalize;
	color: #5c5de8;
}


/*----------    paginacion    --------------*/
.pagination-solin {
	/*display: inline-block;*/
	padding-left: 0;
	margin: 20px 0;
	border-radius: 4px;
}

	.pagination-solin table > tbody > tr > td {
		display: inline;
		border: none;
	}

		.pagination-solin table > tbody > tr > td > a,
		.pagination-solin table > tbody > tr > td > span {
			position: relative;
			float: left;
			padding: 3px 10px;
			line-height: 1.42857143;
			text-decoration: none;
			color: #000000;
			background-color: #ffffff;
			border: 1px solid #dddddd;
			margin-left: -1px;
		}

		.pagination-solin table > tbody > tr > td > :hover {
			cursor: pointer;
			background-color: #5c5de8;
			color: #FFF;
		}





	.table_borde {
		border: groove #666;
		border-style: double;
	}

.table_borde_rigth
{
	
	border-right: double;
	border-right-color:#666
	
}
.imgmedian{
	border-bottom-style: none;
	border-right-style: none;
	border-top-style: none;
	border-left-style: none;
	width:23px;
	height:20px;
	cursor: pointer;
}

/*Estilo de tabla de datos*/
.TlbDatos
{
	
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	width: 1000px;
	height:auto;
	overflow:auto;
	padding: 10px 2px 10px 10px;
	background-color: #F8F8F8;
}
.RowDatos { width:100%; height:30px;}
.RowDatosTitulo {width: 99%;height: 40px;padding-top: 10px}
.RowDatosBorde{width:100%;}

.CellDatos {float:left ; text-align :right;}
.CellDatosConte{float:left ; text-align:left ;}
.CellDatosBorde{float:left ; text-align:left ; border: 1;
	border-color: #ffcc00;
	border-style: double;
	border-width: 3px;}
.CellDatosDet{
	float:left;
	text-align :right;
	background-color: #3C0;
	border-color: #CCC;
	border-style: double;
	border-width:  medium;
	font-weight: bold;
}

/*Estilos de menu de botones*/
.TblBotones {width:1188px; padding:10px;}
.RowBotones {width:100%; height:30px; background-color: #F2F2F2; }
.CellBotones {float:left;vertical-align:middle;  color:#0033cc; text-align:center ; align-content :center ;}
    .CellBotones:hover { border: medium none #CCCCCC;  background-color: #FFFF99; }
/* Fin de Estilos de menu de botones*/

.boton {
	border: 1px solid #2e518b; /*anchura, estilo y color borde*/
	padding: 10px; /*espacio alrededor texto*/
	background-color: #2e518b; /*color botón*/
	color: #ffffff; /*color texto*/
	text-decoration: none; /*decoración texto*/
	text-transform: uppercase; /*capitalización texto*/
	font-family: 'Helvetica', sans-serif; /*tipografía texto*/
	border-radius: 50px; /*bordes redondos*/
}

	.boton:hover {
		background-color: #5c7fe8;
		color:white;
	}

	.boton:visited {
		color: white;
	}
