/*////////////INICIA ESTILOS DE VENTANA DE LOGEO///////////*/

/*///////////7INICIA VENTANA MODAL/////////*/
.IconoLogo
{
	position: relative;
	display: flex;
	align-items: center;
	justify-content: flex-end;
}

.IconoLogo span
{
	font-family: 'Open Sans', 'Helvetica Neue', Arial, sans-serif;
	font-size:16px;
	margin-right: 5px;
	font-weight: bold;
	font-style: italic;
	color: #666666;
}

.IconoLogo img
{
	float:right;
}

.IconoCarro
{
	position:relative;
	left:45px;
}



@media (max-width:360px)
{	
	.IconoLogo
	{
		margin-top:10px;
	}
	
	
}

/*///////////TERMINA VENTANA MODAL/////////*/
.dropdown
{
    position: relative;
}

.dropdown-content 
{
	display: none;
	position: absolute;
	background-color: #f9f9f9;
	min-width: 329px;
	box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
	z-index: 1;
	border-radius: 15px;
	right: -7px;
}

.dropdown-content a {
    color: black;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
	font-family: 'Open Sans', 'Helvetica Neue', Arial, sans-serif;
	font-size:12px;
	cursor:pointer;
}
.dropdown-content a:hover
{
	background-color: #f1f1f1;
	border-radius:15px;
}

.dropdown:hover .dropdown-content 
{
    display: block;
}

.dropdown-content2 {
    display: none;
    position: absolute;
    background-color: #f9f9f9;
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
	margin-left:-83px;
	top:12px;
	z-index:4;
	border-radius:15px;
}
.dropdown-content2 a {
    color: black;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
	font-family: 'Open Sans', 'Helvetica Neue', Arial, sans-serif;
	font-size:12px;
}
.dropdown-content2 a:hover
{
	background-color: #f1f1f1;
	border-radius:15px;
}

.dropdown:hover .dropdown-content {
    display: block;
}
.dropdown:hover .dropdown-content2 {
    display: block;
}
/* CSS Document */
.TPrincipal
{
	border-collapse: collapse;
	border-radius:50px;
	border-color:#CCC;
	font-family: 'Open Sans', 'Helvetica Neue', Arial, sans-serif;
	font-size:12px;
}
.TPrincipal thead
{
	background:#698789;
}
.TPrincipal tr td
{
	border-color:#CCC;
}

.TInferior
{
	background:#D1D1D1;
	font-family: 'Open Sans', 'Helvetica Neue', Arial, sans-serif;
	font-size:14px;
}
#TablaCentro 
{
	border-radius: 5px;
	background-color: #FFF;
	padding: 5px;
	font-family: 'Open Sans', 'Helvetica Neue', Arial, sans-serif;
	font-size:14px;
}

.TextoPassword{
  width: 100%;
  padding: 12px 20px;
  margin: 4px 0;
  display: inline-block;
  border: 1px solid #ccc;
  border-radius: 4px;
  box-sizing: border-box;
}
.TextoPassword:focus{
	border: 1px solid #3498DB;
	border-radius: 4px;
	box-sizing: border-box;
}
.TextoPasswordIcono{
  width: 100%;
  padding: 9px 10px;
  margin: 4px 0;
  display: inline-block;
  border: 1px solid #ccc;
  border-radius: 4px;
  box-sizing: border-box;
}
.TextoPasswordIcono:focus{
	border: 1px solid #3498DB;
	border-radius: 4px;
	box-sizing: border-box;
}

.TextLogin
{
  width: 100%;
  padding: 12px 20px;
  margin: 4px 0;
  display: inline-block;
  border: 1px solid #ccc;
  border-radius: 4px;
  box-sizing: border-box;
  font-family: 'Open Sans', 'Helvetica Neue', Arial, sans-serif;  
}
.TextLogin:focus {
	border: 1px solid #445500;
	border-radius: 4px;
	box-sizing: border-box;
}

.BotonEnviar {
  width: 100%;
  background-color: #698789;
  color: #FFFFFF;
  padding: 14px 20px;
  margin: 8px 0;
  border: none;
  border-radius: 4px;
  cursor: pointer;
}
.BotonEnviar:hover
{
  background-color: #D1D1D1;
}
/*////////////TEMRINA ESTILOS DE VENTANA DE LOGEO///////////*/