.clsAlfabeto{
	width:100%;
	float:left;
	margin-bottom:10px;
	text-align:left;
}
.clsAlfabetoLetra{
	float:left;
	padding:8px;
	background: rgba(73,155,234,1);
	background: -moz-linear-gradient(top, rgba(73,155,234,1) 0%, rgba(8,49,92,1) 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(73,155,234,1)), color-stop(100%, rgba(8,49,92,1)));
	background: -webkit-linear-gradient(top, rgba(73,155,234,1) 0%, rgba(8,49,92,1) 100%);
	background: -o-linear-gradient(top, rgba(73,155,234,1) 0%, rgba(8,49,92,1) 100%);
	background: -ms-linear-gradient(top, rgba(73,155,234,1) 0%, rgba(8,49,92,1) 100%);
	background: linear-gradient(to bottom, rgba(73,155,234,1) 0%, rgba(8,49,92,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#499bea', endColorstr='#08315c', GradientType=0 );
	border-top:1px solid #036;
	border-left:1px solid #036;
	border-bottom:1px solid #036;
}
.clsAlfabetoLetra:hover{
	background:#06F;
}
.clsAlfabetoRightBorder{
	border-right:1px solid #036;	
}
.clsAlfabetoLetra a{
	color:#FFF;
	font-weight:normal;
	font-size:14px;
	text-shadow:none;
	text-decoration:none;
}
.clsAlfabetoLetra a:link, a:visited{
	color:#FFF;
}
.clsAlfabetoLetra a:hover{
	text-decoration:underline;
}
.clsDivsConText{
	float:left;
	background:#E6FBB9;
	border:1px solid #ABB0A6;
	padding:6px;
	margin:4px;
}
.clsDivsConText div{
	padding:8px;
	margin-top:-1px;
	border:1px solid #CCCCCC;
	background:#FFFFFF;
	
}
.divCellHistorial h1{
	margin:0 0 6px 0;
}
.divCellHistorial label{
	margin:8px;
	margin-left:3px;
}
.divCellHistorial textarea{
	width:350px;
}
.clsNotasPadecimiento h1{
	margin:0 0 6px 0;
}
.clsNotasPadecimiento label{
	margin:8px;
	margin-left:3px;
}
.clsNotasPadecimiento textarea{
	width:350px;
}

.clsExamenFisico h1{
	margin:0 0 6px 0;
}
.clsExamenFisico label{
	margin:8px;
	margin-left:3px;
}
.clsExamenFisico textarea{
	width:350px;
}
.clsDiagnostico textarea{
	width:350px;
}
.clsDiagnostico h1{
	margin:0 0 6px 0;
}
.clsDiagnostico label{
	margin:8px;
	margin-left:3px;
}


.clsTextFormularios{
	background:#FDFDFD;
	border:1px solid #CCCCCC;
	border-radius:4px;
	padding:8px;
}
.clsTextA{
	background:#FDFDFD;
	border:1px solid #CCCCCC;
	border-radius:4px;
	margin-top:0px;
	width:98%;
	height:130px;
	resize:both;
} 
.clsTextA2{
    margin-top: 6px;
}
.clsTextAHidden{
	visibility:hidden;
	display:none;
}
.clsFormAutentificar{
	position:relative; margin-left:auto; margin-right:auto; height:auto;
}
/* ------------------------------  EXPEDIENTE  -------------------------------------*/
.clsAexpediente{
  text-decoration: none; margin-right: 30px; color:black;
}
.clsNombre{
  width:300px;
}
.clsSexo{
  width:120px;
}
.clsFecNac{
  width:120px;
}
.clsDiv2{
    width: calc(100% - 200px);
}
.clsIcoMenu{
    display:none;
}
.clsMenu{
    display:block;
    left:0px;
    position:inherit;

    float:left; 
    
    width:180px; 
    height: calc(100% - 37px); 

    background: rgb(206 238 11) !important;
    /*background:linear-gradient(rgb(206 238 11) 0%, rgb(154 162 7) 100%) !important;*/
    background: linear-gradient(35deg, rgb(41, 35, 113) 1%, rgb(5, 153, 255) 69%, rgb(160, 15, 255) 100%) !important;
    
    padding: 0px; 
    border-right: 1px solid #1d57db; 
    box-sizing: border-box;
    z-index:100;
}
.clsContGeneral{
    float:left; width: calc(100% - 220px); height: calc(100% - 37px); padding: 0px;
}

.clsLiExpediente{
    height: 17px;
    padding: 10px;
    /*background: #2290ff;*/
    background: rgb(28, 76, 195);
    background: linear-gradient(rgb(28, 76, 195) 0%, rgb(28, 46, 123) 100%);
    
    border: 1px solid #7d7d7d;
    border-bottom:0;

    border-top-left-radius:4px;
    border-top-right-radius:4px;
    
    margin-top:-1px;

    display: inline;
}
.clsLiExpedienteActivo{
    background: rgb(169 188 202); 
    background: linear-gradient( rgb(85 104 118) 0%, rgb(169 188 202) 100%);
}

.clsLiExpediente a{
    /*color: #353333;*/
    color: #fff;
    text-decoration:none;
}

.clsDivTab{
    /*display: inline-block; border: 1px solid #7d7979; background:#ccc; padding: 0px; margin: 0px 5px 0px 5px; */
    width: 100%;
    margin: 0px 5px 0px 5px;
    background: #a9bcca;
    border: 1px solid #838282;
    /*border-top: 0;*/
    box-sizing: border-box;
}
.clsDivNotasPadecimiento{
    display: inline-block;  padding: 0px;     
}

@media (max-width: 320px) {
	.clsFormAutentificar{
		width:90%;
	}
	
    .clsNombre{
      width:100%;
    }
    .clsSexo{
      width:48%;
    }
    .clsFecNac{
      width:48%;
    }
    .clsDiv2{
        width: 100%;
    }
    .clsIcoMenu{
        display:inline;
    }
    .clsMenu{
        /*display:none;*/
        position:fixed;
        left:-180px;
    }
    .clsContGeneral{
        width: 100%;
    }
    .clsLiExpediente{
        display: list-item;
        border-radius:0px;
    }
    .clsDivTab{
        margin: 0px;
    }
}

@media (min-width: 350px) {
	.clsFormAutentificar{
		width:90%;
	}
    .clsNombre{
      width:100%;
    }
    .clsSexo{
      width:48%;
    }
    .clsFecNac{
      width:48%;
    }
    .clsDiv2{
        width: 100%;
    }
    .clsIcoMenu{
        display:inline;
    }
    .clsMenu{
        /*display:none;*/
        position:fixed;
        left:-180px;
    }
    .clsContGeneral{
        width: 100%;
    }
    .clsLiExpediente{
        display: list-item;
        border-radius:0px;

    }
    .clsDivTab{
        margin: 0px;
    }
}

@media (min-width: 558px) {
	.clsFormAutentificar{
		width:60%;
	}
    .clsNombre{
      width:100%;
    }
    .clsSexo{
      width:48%;
    }
    .clsFecNac{
      width:48%;
    }
    .clsDiv2{
        width: 100%;
    }
    .clsIcoMenu{
        display:inline;
    }
    .clsMenu{
        /*display:none;*/
        position:fixed;
        left:-180px;
    }
    .clsContGeneral{
        width: 100%;
    }
    .clsLiExpediente{
        display: list-item;
        border-radius:0px;
    }
    .clsDivTab{
        margin: 0px;
    }
}

@media (min-width: 768px) {
	.clsFormAutentificar{
		width:50%;
	}
    .clsNombre{
      width:100%;
    }
    .clsSexo{
      width:48%;
    }
    .clsFecNac{
      width:48%;
    }
    .clsDiv2{
        width: 100%;
    }
    .clsIcoMenu{
        display:none;
    }
    .clsMenu{
        /*display:block;*/
        position:fixed;
        left:-180px;
    }
    .clsContGeneral{
        width: 78%;
    }
    .clsLiExpediente{
        display: inline-block;
        border-top-left-radius:4px;
        border-top-right-radius:4px;
    }
    .clsDivTab{
        /*margin: 0px 5px 0px 5px;*/
        margin: 0px;
    }
}

@media (min-width: 990px) {
	.clsFormAutentificar{
		width:45%;
	}
    .clsNombre{
      width:300px;
    }
    .clsSexo{
      width:120px;
    }
    .clsFecNac{
      width:220px;
    }
    .clsDiv2{
        width: calc(100% - 200px);
    }

    .clsIcoMenu{
        display:none;
    }
    .clsMenu{
        /*display:block;*/
        left:0px;
        position:inherit;

    }
    .clsContGeneral{
        width: calc(100% - 180px);
    }
    .clsLiExpediente{
        display: inline-block;
        border-top-left-radius:4px;
        border-top-right-radius:4px;
    }
    .clsDivTab{
        /*margin: 0px 5px 0px 5px;*/
        margin: 0px;
    }
}

@media (min-width: 1300px) {
	.clsFormAutentificar{
		width:30%;
	}
    
    .clsNombre{
      width:300px;
    }
    .clsSexo{
      width:120px; 
    }
    .clsFecNac{
      width:220px;
    }
    .clsDiv2{
        width: calc(100% - 200px);
    }

    .clsIcoMenu{
        display:none;
    }
    .clsMenu{
        /*display:block;*/
        left:0px;
        position:inherit;
    }
    .clsContGeneral{
        width: calc(100% - 180px);
    }
    .clsLiExpediente{
        display: inline-block;
        border-top-left-radius:4px;
        border-top-right-radius:4px;
    }
    .clsDivTab{
        /*margin: 0px 5px 0px 5px;*/
        margin: 0px;
    }
}
