.modalComponent{
   position:fixed;
   top:0px;
   left:0px;
   z-index:5;
   float:left;
   width:100%;
   height:100%;
   background:rgba(0,0,0,0.2);
   display:block;
   opacity:10;
}

.modalContmodalComponent{
   position:absolute;
   
   top:50%;
   left:50%;
   
   z-index:6;
   margin:-2% 0px 0px -150px;
   float:left;
   color:#fff;
   line-height:22px;
   padding:15px;
   border-radius:5px;
   background:#ffffff;
   border:1px solid #00a0df;
   box-shadow:0px 2px 1px #3a45cb;
   
   width:500px;
   margin-left: -250px;
   
   height:300px;
   margin-top: -150px; 
   
   
   overflow-y:hidden;
   overflow-x:hidden;   
}

.modalbuspro{
   position:fixed;
   top:0px;
   left:0px;
   z-index:5;
   float:left;
   width:100%;
   height:100%;
   background:rgba(0,0,0,0.2);
   display:block;
   opacity:10;
}

.modalContbuspro{
   position:absolute;
   top:50%;
   left:50%;
   z-index:6;
   margin:-2% 0px 0px -150px;
   float:left;
   color:#fff;
   line-height:22px;
   padding:15px;
   border-radius:5px;
   background:#ffffff;
   border:1px solid #00a0df;
   box-shadow:0px 2px 1px #3a45cb;
   width:402px;
   margin-left: -201px;
   height:400px;
   margin-top: -240px; 
   overflow-y: auto;
   overflow-x:hidden;   
}

.modalFoto{
   position:fixed;
   top:0px;
   left:0px;
   z-index:5;
   float:left;
   width:100%;
   height:100%;
   background:rgba(0,0,0,0.2);
   display:block;
   opacity:10;
}

.modalContFoto{
   position:absolute;
   top:50%;
   left:50%;
   z-index:6;
   margin:-2% 0px 0px -150px;
   float:left;
   color:#fff;
   line-height:22px;
   padding:15px;
   border-radius:5px;
   background:#ffffff;
   border:1px solid #00a0df;
   box-shadow:0px 2px 1px #3a45cb;
   width:402px;
   margin-left: -201px;
   height:300px;
   margin-top: -150px; 
   overflow-y:hidden;
   overflow-x:hidden;   
}

.modalinterconsultas{
   position:fixed;
   top:0px;
   left:0px;
   z-index:5;
   float:left;
   width:100%;
   height:100%;
   background:rgba(0,0,0,0.2);
   display:block;
   opacity:10;
}

.modalContinterconsultas{
   position:absolute; 
   top:50%;
   left:50%;
   z-index:6;
   margin:-2% 0px 0px -150px;
   float:left;
   color:#fff;
   line-height:22px;
   padding:15px;
   border-radius:5px;
   background:#ffffff;
   border:1px solid #00a0df;
   box-shadow:0px 2px 1px #3a45cb;
   
   width:402px;
   margin-left: -201px;
   
   height:300px;
   margin-top: -150px; 
   
   
   overflow-y:hidden;
   overflow-x:hidden;   
}



.modalPerfil{
   position:fixed;
   top:0px;
   left:0px;
   z-index:5;
   float:left;
   width:100%;
   height:100%;
   background:rgba(0,0,0,0.2);
   display:block;
   opacity:10;
}

.modalContPerfil{
   position:absolute;
   
   top:50%;
   left:50%;
   
   z-index:6;
   margin:-2% 0px 0px -150px;
   float:left;
   color:#fff;
   line-height:22px;
   padding:15px;
   border-radius:5px;
   background:#ffffff;
   border:1px solid #00a0df;
   box-shadow:0px 2px 1px #3a45cb;
   
   width:500px;
   margin-left: -250px;
   
   height:270px;
   margin-top: -135px; 
   
   
   overflow-y:hidden;
   overflow-x:hidden;   
}

.modalSede{
   position:fixed;
   top:0px;
   left:0px;
   z-index:5;
   float:left;
   width:100%;
   height:100%;
   background:rgba(0,0,0,0.2);
   display:block;
   opacity:10;
}

.modalContSede{
   position:absolute;
   
   top:50%;
   left:50%;
   
   z-index:6;
   margin:-2% 0px 0px -150px;
   float:left;
   color:#fff;
   line-height:22px;
   padding:15px;
   border-radius:5px;
   background:#ffffff;
   border:1px solid #00a0df;
   box-shadow:0px 2px 1px #3a45cb;
   
   width:500px;
   margin-left: -250px;
   
   height:270px;
   margin-top: -135px; 
   
   
   overflow-y:hidden;
   overflow-x:hidden;   
}


.modalContacto{
   position:fixed;
   top:0px;
   left:0px;
   z-index:5;
   float:left;
   width:100%;
   height:100%;
   background:rgba(0,0,0,0.2);
   display:block;
   opacity:10;
}

.modalContContacto{
   position:absolute;
   
   top:50%;
   left:50%;
   
   z-index:6;
   margin:-2% 0px 0px -150px;
   float:left;
   color:#fff;
   line-height:22px;
   padding:15px;
   border-radius:5px;
   background:#ffffff;
   border:1px solid #00a0df;
   box-shadow:0px 2px 1px #3a45cb;
   
   width:500px;
   margin-left: -250px;
   
   height:270px;
   margin-top: -135px; 
   
   
   overflow-y:hidden;
   overflow-x:hidden;   
}


.modalFecVigencia{
   position:fixed;
   top:0px;
   left:0px;
   z-index:5;
   float:left;
   width:100%;
   height:100%;
   background:rgba(0,0,0,0.2);
   display:block;
   opacity:10;
}

.modalContVigencia{
   position:absolute;
   
   top:50%;
   left:50%;
   
   z-index:6;
   margin:-2% 0px 0px -150px;
   float:left;
   color:#fff;
   line-height:22px;
   padding:15px;
   border-radius:5px;
   background:#ffffff;
   border:1px solid #00a0df;
   box-shadow:0px 2px 1px #3a45cb;
   
   width:340px;
   margin-left: -170px;
   
   height:150px;
   margin-top: -75px; 
   
   
   overflow-y:hidden;
   overflow-x:hidden;   
}

.modalMedicamentos{
   position:fixed;
   top:0px;
   left:0px;
   z-index:999999;
   float:left;
   width:100%;
   height:100%;
   background:rgba(0,0,0,0.2);
   display:block;
   opacity:10;
}

.modalConMedicamentos{
   position:absolute;
   top:10px;
   left:10px;
   z-index:6;
   margin:-2% 0px 0px -150px;
   float:left;
   color:#000000;
   line-height:22px;
   padding:15px;
   border-radius:5px;
   background:#ffffff;
   border:1px solid #00a0df;
   box-shadow:0px 2px 1px #3a45cb;
   width:97%;
   margin-left: 0px;
   height:96%;
   margin-top: 0px; 
   overflow-y:hidden;
   overflow-x:hidden;   
}




.modalImage{
   position:fixed;
   top:0px;
   left:0px;
   z-index:5;
   float:left;
   width:100%;
   height:100%;
   background:rgba(0,0,0,0.2);
   display:block;
   opacity:10;
}

.modalContImage{
   position:absolute;
   
   top:50%;
   left:50%;
   
   z-index:6;
   margin:-2% 0px 0px -150px;
   float:left;
   color:#fff;
   line-height:22px;
   padding:15px;
   border-radius:5px;
   background:#ffffff;
   border:1px solid #00a0df;
   box-shadow:0px 2px 1px #3a45cb;
   
   width:200;
   margin-left: -100px;
   
   height:200px;
   margin-top: -100px; 
   
   
   overflow-y:hidden;
   overflow-x:hidden;   
}


.modalFecNac{
   position:fixed;
   top:0px;
   left:0px;
   z-index:5;
   float:left;
   width:100%;
   height:100%;
   background:rgba(0,0,0,0.2);
   display:block;
   opacity:10;
}

.modalContFecNac{
   position:absolute;
   
   top:50%;
   left:50%;
   
   z-index:6;
   margin:-2% 0px 0px -150px;
   float:left;
   color:#fff;
   line-height:22px;
   padding:15px;
   border-radius:5px;
   background:#ffffff;
   border:1px solid #00a0df;
   box-shadow:0px 2px 1px #3a45cb;
   
   width:340px;
   margin-left: -170px;
   
   height:150px;
   margin-top: -75px; 
   
   
   overflow-y:hidden;
   overflow-x:hidden;   
}


.modalUbigeo{
   position:fixed;
   top:0px;
   left:0px;
   z-index:5;
   float:left;
   width:100%;
   height:100%;
   background:rgba(0,0,0,0.2);
   display:block;
   opacity:10;
}

.modalContUbigeo{
   position:absolute;
   
   top:50%;
   left:50%;
   
   z-index:6;
   margin:-2% 0px 0px -150px;
   float:left;
   color:#fff;
   line-height:22px;
   padding:15px;
   border-radius:5px;
   background:#ffffff;
   border:1px solid #00a0df;
   box-shadow:0px 2px 1px #3a45cb;
   
   width:340px;
   margin-left: -170px;
   
   height:150px;
   margin-top: -75px; 
   
   
   overflow-y:hidden;
   overflow-x:hidden;   
}



.button { /* clase general */
  border: 1px solid #dedede;
  border-radius: 3px;
  color: #555;
  display: inline-block;
  font: bold 10px/10px HelveticaNeue, Arial;
  padding: 8px 10px;
  
  text-decoration: none;
}

.button.white{
  background: #b7b7ff;
  border-color: #dedede #d8d8d8 #d3d3d3;
  box-shadow: 0 1px 1px #eaeaea, inset 0 1px 0 #fbfbfb;
  color: #555;
  text-shadow: 0 1px 0 #fff;
  background: -moz-linear-gradient(top,  #b7b7ff, #b7b7ff);
  background: -webkit-linear-gradient(top,  #b7b7ff, #b7b7ff);
  background: o-linear-gradient(top,  #b7b7ff, #b7b7ff);
  background: ms-linear-gradient(top,  #b7b7ff, #b7b7ff);
  background: linear-gradient(top,  #b7b7ff, #b7b7ff);
  filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#b7b7ff', endColorstr='#b7b7ff');
}

.button.white:hover{
    background: #f4f4f4;
    border-color: #c7c7c7 #c3c3c3 #bebebe;
    box-shadow: 0 1px 1px #ebebeb, inset 0 1px 0 #f3f3f3;
    text-shadow: 0 1px 0 #fdfdfd;
    background: -moz-linear-gradient(top,  #efefef, #f8f8f8);
    background: -webkit-linear-gradient(top,  #efefef, #f8f8f8);
    background: -o-linear-gradient(top,  #efefef, #f8f8f8);
    background: -ms-linear-gradient(top,  #efefef, #f8f8f8);
    background: linear-gradient(top,  #efefef, #f8f8f8);
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#efefef', endColorstr='#f8f8f8');
}


.modalInf{
   position:fixed;
   top:0px;
   left:0px;
   z-index:5;
   float:left;
   width:100%;
   height:100%;
   background:rgba(0,0,0,0.2);
   display:block;
   opacity:10;
  
}

.modalContInf{
   position:absolute;
   
   top:45%;
   left:50%;
   
   z-index:6;
   margin:-2% 0px 0px -150px;
   float:left;
   color:#fff;
   line-height:22px;
   padding:15px;
   border-radius:5px;
   background:#ffffff;
   border:1px solid #3a45cb;
   box-shadow:0px 2px 1px #3a45cb;
   
   width:900px;
   margin-left: -450px;
   
   height:450px;
   margin-top: -225px; 
   
   
   overflow-y:scroll;
   overflow-x:hidden;   
}



.centrar
{
	position: absolute;
	/*nos posicionamos en el centro del navegador*/
	top:50%;
	left:50%;
	/*determinamos una anchura*/
	width:700px;
	/*indicamos que el margen izquierdo, es la mitad de la anchura*/
	margin-left:-350px;
	/*determinamos una altura*/
	height:400px;
	/*indicamos que el margen superior, es la mitad de la altura*/
	margin-top:-200px;
	border:0px solid #808080;
	padding:5px;
	overflow-y:scroll;
	overflow-x:hidden;
}


.centrarsubmenu
{
	position: absolute;
	/*nos posicionamos en el centro del navegador*/
	top:50%;
	left:50%;
	/*determinamos una anchura*/
	width:800px;
	/*indicamos que el margen izquierdo, es la mitad de la anchura*/
	margin-left:-400px;
	/*determinamos una altura*/
	height:570px;
	/*indicamos que el margen superior, es la mitad de la altura*/
	margin-top:-285px;
	border:0px solid #808080;
	padding:5px;
	overflow-y:hidden;
	overflow-x:hidden;
}



.modalCel{
   position:fixed;
   top:0px;
   left:0px;
   z-index:5;
   float:left;
   width:100%;
   height:100%;
   background:rgba(0,0,0,0.2);
   display:block;
   opacity:10;
	/*height:auto;*/
}
.modalContentCel{
   position:absolute;
   top:50%;
   left:50%;
   z-index:6;
   margin:-2% 0px 0px -150px;
   float:left;
   color:#fff;
   line-height:22px;
   padding:15px;
   border-radius:5px;
   background:#ffffff;
   border:1px solid #fff;
   box-shadow:0px 2px 1px #999;
   width:480px;
   height:500px;
   margin-top: -250px; /* Restamos la mitad de la altura del objeto con un margin-top */
   margin-left: -240px; /* Restamos la mitad de la anchura del objeto con un margin-left */   
   overflow-y:hidden;
   overflow-x:hidden;   
   /*height:auto;*/
}


.modalQ{
   position:fixed;
   top:0px;
   left:0px;
   z-index:5;
   float:left;
   width:100%;
   height:100%;
   background:rgba(0,0,0,0.2);
   display:block;
   opacity:10;
  
}

.modalQGraf{
   position:fixed;
   top:0px;
   left:0px;
   z-index:5;
   float:left;
   width:100%;
   height:100%;
   background:rgba(0,0,0,0.2);
   display:block;
   opacity:10;
  
}

.modalCC{
   position:fixed;
   top:0px;
   left:0px;
   z-index:5;
   float:left;
   width:100%;
   height:100%;
   background:rgba(0,0,0,0.2);
   display:block;
   opacity:10;
  
}

.modalEspera{
   position:fixed;
   top:0px;
   left:0px;
   z-index:5;
   float:left;
   width:100%;
   height:100%;
   background:rgba(0,0,0,0.2);
   display:block;
   opacity:10;
}

.modalContEspera{
   position:absolute;
   
   top:50%;
   left:50%;
   
   z-index:6;
   margin:-2% 0px 0px -150px;
   float:left;
   color:#fff;
   line-height:22px;
   padding:15px;
   border-radius:5px;
   background:#ffffff;
   border:1px solid #3a45cb;
   box-shadow:0px 2px 1px #3a45cb;
   
   width:80px;
   margin-left: -40px;
   height:80px;
   margin-top: -40px; 
   
   
   overflow-y:hidden;
   overflow-x:hidden;   
}

.modalAlert{
   position:fixed;
   top:0px;
   left:0px;
   z-index:5;
   float:left;
   width:100%;
   height:100%;
   background:rgba(0,0,0,0.2);
   display:block;
   opacity:10;
}

.modalEncuesta{
   position:fixed;
   top:0px;
   left:0px;
   z-index:5;
   float:left;
   width:100%;
   height:100%;
   background:rgba(0,0,0,0.2);
   display:block;
   opacity:10;
}

.modalContAlert{
   position:absolute;
   
   top:50%;
   left:50%;
   
   z-index:6;
   margin:-2% 0px 0px -150px;
   float:left;
   color:#fff;
   line-height:22px;
   padding:15px;
   border-radius:5px;
   background:#ffffff;
   border:1px solid #00a0df;
   box-shadow:0px 2px 1px #3a45cb;
   
   width:300px;
   margin-left: -150px;
   
   height:100px;
   margin-top: -50px; 
   
   
   overflow-y:hidden;
   overflow-x:hidden;   
}


.modalContEncuesta{
   position:absolute;
   
   top:50%;
   left:50%;
   
   z-index:6;
   margin:-2% 0px 0px -150px;
   float:left;
   color:#fff;
   line-height:22px;
   padding:15px;
   border-radius:5px;
   background:#ffffff;
   border:1px solid #00a0df;
   box-shadow:0px 2px 1px #3a45cb;
   
   width:400px;
   margin-left: -200px;
   
   height:320px;
   margin-top: -160px; 
   
   
   overflow-y:hidden;
   overflow-x:hidden;   
}

.modalContentQ{
   position:absolute;
   
   top:50%;
   left:50%;
   
   z-index:6;
   margin:-2% 0px 0px -150px;
   float:left;
   color:#fff;
   line-height:22px;
   padding:15px;
   border-radius:5px;
   background:#0080c0;
   border:1px solid #fff;
   box-shadow:0px 2px 1px #999;
   
   width:500px;
   height:320px;
   margin-top: -160px; 
   margin-left: -250px;
   
   overflow-y:scroll;
   overflow-x:hidden;   
}

.modalContQGraf{
   position:absolute;
   
   top:50%;
   left:50%;
   
   z-index:6;
   margin:-2% 0px 0px -150px;
   float:left;
   color:#fff;
   line-height:22px;
   padding:15px;
   border-radius:5px;
   background:#ffffff;
   border:1px solid #00a0df;
   box-shadow:0px 2px 1px #3a45cb;
   
   width:500px;
   height:320px;
   margin-top: -160px; 
   margin-left: -250px;
   
   overflow-y:hidden;
   overflow-x:hidden;   
}

.modalCCCont{
   position:absolute;
   
   top:50%;
   left:50%;
   
   z-index:6;
   margin:-2% 0px 0px -150px;
   float:left;
   color:#fff;
   line-height:22px;
   padding:15px;
   border-radius:5px;
   background:#ffffff;
   border:1px solid #3a45cb;
   box-shadow:0px 2px 1px #3a45cb;
   
   width:300px;
   margin-left: -150px;
   
   height:150px;
   margin-top: -75px; 
   
   
   overflow-y:hidden;
   overflow-x:hidden;   
}




.centrar2
{
	/*position: absolute;*/
	position:fixed;
	/*nos posicionamos en el centro del navegador*/
	top:50%;
	left:50%;
	z-index:5;
	float:left;
	
	
	width:700px;
	height:400px;
	
	background: rgba(0,0,0,0.5);
	display:block;
	opacity:10;
	margin-left:-350px;
	/*determinamos una altura*/
	
	/*indicamos que el margen superior, es la mitad de la altura*/
	
	margin-top:-200px;
	border:1px solid #808080;
	padding:5px;
	
	
}

.Estilo_DatTit {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #333333;
	font-weight: bold;
}

.Estilo_Tit {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #ffffff;
	font-weight: bold;
}
.Estilo_DatApto {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #0000ff;
	font-weight: bold;
}
.Estilo_DatAptoR {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #ff8040;
	font-weight: bold;
}
.Estilo_DatNoApto {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #ff0000;
	font-weight: bold;
}
.Estilo_DatObs {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #8000ff;
	font-weight: bold;
	
}

.StyleCabBold{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #ffffff;
	background: #008000;
	font-weight: bold;
}

.StyleCuestionario {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
}

.StyleNormal {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
}

.StyleNormalBold {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
	font-weight: bold;
}

.StyleNormalCI11 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #0080ff;
}


.StyleNormalBkg {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
	background-color: #bbddff;
}


.StyleNormalRed {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #ff0000;
}

.StyleTituloFarmacia {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #000000;
	font-weight: bold;
}

.StyleNormalCi {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #ffffff;
}

.StyleDisable {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
	background-color:#ffffb3;
}

.StyleDisableGray {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
	background-color:#dfdfdf;
}

.StyleTituloBold{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
	font-weight: bold;
}

.StyleTituloBoldflw{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #ffffff;
	font-weight: bold;
	
}

.StyleTitNegrita{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	font-weight: bold;
}

.StyleTitBoldCi{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #ffffff;
	font-weight: bold;
}

.StyleTitBoldRed{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #ff0000;
	font-weight: bold;
}

.StyleTitBoldBlue{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #0080ff;
	font-weight: bold;
}

.StyleTitBoldGray{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #808080;
	font-weight: bold;
}

.StyTitBoldBlueCen{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #0000ff;
	font-weight: bold;
	text-align: center;
}

.StyTitBoldBlueIzq{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #0000ff;
	font-weight: bold;
	text-align: left;
}

.StyTitBoldBlackCen{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
	font-weight: bold;
	text-align: center;
}

.StyTitBoldBlackIzq{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
	font-weight: bold;
	text-align: left;
}

.StyTitBoldRedCen{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #ff0000;
	font-weight: bold;
	text-align: center;
}

.StyTitBoldRedIzq{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #ff0000;
	font-weight: bold;
	text-align: left;
}

.StyParNorBlackJus{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;	
	text-align: justify;
}


.StyleCodigo {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 30px;
	color: #000000;
	font-weight: bold;
}
.Estilo3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
}

.MensajeBB12 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #ff0000;
	font-weight: bold;
}

a { text-decoration: none;
	color: #0000ff;
}
a:link {
	text-decoration: none;
	color: #0000ff;
	
}
a:hover {
	text-decoration: none;
	color: #ff0000;
	
}
a:active {
	text-decoration: none;
	color: #ffffff;
}
.btn{
   position:relative;
   padding:0px 16px;
   font-family:Arial, Helvetica, sans-serif;
   font-size:11px;
   font-weight:normal;
   /*color:#000000;*/
   text-shadow:none;
   /*border-radius:16px;
   background:#337ab7;*/
   box-shadow:inset 2px 2px 1px #808080;
}
.btn:hover{
   background:#FF9C00;
   box-shadow:inset 2px 2px 1px #995f02;
}

.btn2{
   position:relative;
   padding:8px 16px;
   font-family:Arial, Helvetica, sans-serif;
   font-size:11px;
   font-weight:normal;
   color:#ffffff;
   text-shadow:none;
   border-radius:16px;
   background:#00a0df;
   box-shadow:inset 2px 2px 1px #ffffff;
}
.btn2:hover{
   background:#ffffff;
   box-shadow:inset 2px 2px 1px #ffffff;
   color: #009cdd;
}

.btn2a{
   color:#ffffff;
   background:#00a0df;
}
.btn2a:hover{
   background:#ffffff;
   color: #009cdd;
}

.btndis{
   position:relative;
   padding:8px 16px;
   font-family:Arial, Helvetica, sans-serif;
   font-size:11px;
   font-weight:normal;
   color:#4a4a4a;
   text-shadow:none;
   border-radius:16px;
   background:#c0c0c0;
   box-shadow:inset 2px 2px 1px #808080;
}


/* Un bloque que ocupe toda la pantalla y contendrá nuestra modal... */
#modalContent{
   position:absolute;
   top:50%;
   left:50%;
   z-index:6;
   margin:-2% 0px 0px -150px;
   float:left;
   color:#fff;
   line-height:22px;
   padding:15px;
   border-radius:5px;
   background:#ffffff;
   border:1px solid #fff;
   box-shadow:0px 2px 1px #999;
   width:500px;
   height:320px;
   margin-top: -160px; /* Restamos la mitad de la altura del objeto con un margin-top */
   margin-left: -250px; /* Restamos la mitad de la anchura del objeto con un margin-left */   
   
   
}

#modalContentAnte{
   position:absolute;
   top:50%;
   left:50%;
   z-index:6;
   margin:-2% 0px 0px -100px;
   float:left;
   color:#fff;
   line-height:22px;
   padding:15px;
   border-radius:5px;
   background:#ffffff;
   border:1px solid #fff;
   box-shadow:0px 2px 1px #999;
   width:500px;
   height:320px;
   margin-top: -160px; /* Restamos la mitad de la altura del objeto con un margin-top */
   margin-left: -250px; /* Restamos la mitad de la anchura del objeto con un margin-left */   
   
   
}


#modalContentfarmaco{
   position:absolute;
   top:50%;
   left:50%;
   z-index:6;
   margin:-2% 0px 0px -150px;
   float:left;
   color:#fff;
   line-height:22px;
   padding:15px;
   border-radius:5px;
   background:#ffffff;
   border:1px solid #fff;
   box-shadow:0px 2px 1px #999;
   width:750px;
   height:400px;
   margin-top: -200px; /* Restamos la mitad de la altura del objeto con un margin-top */
   margin-left: -375px; /* Restamos la mitad de la anchura del objeto con un margin-left */   
   
   
}

#modalContentlabo{
   position:absolute;
   top:50%;
   left:50%;
   z-index:6;
   margin:-2% 0px 0px -150px;
   float:left;
   color:#fff;
   line-height:22px;
   padding:15px;
   border-radius:5px;
   background:#ffffff;
   border:1px solid #fff;
   box-shadow:0px 2px 1px #999;
   width:500px;
   height:320px;
   margin-top: -160px; /* Restamos la mitad de la altura del objeto con un margin-top */
   margin-left: -250px; /* Restamos la mitad de la anchura del objeto con un margin-left */      
   
   
}


#modalContentDis{
   position:absolute;
   top:50%;
   left:50%;
   z-index:6;
   margin:-2% 0px 0px -150px;
   float:left;
   color:#fff;
   line-height:22px;
   padding:15px;
   border-radius:5px;
   background:#ffffff;
   border:1px solid #fff;
   box-shadow:0px 2px 1px #999;
   width:500px;
   height:320px;
   margin-top: -160px; /* Restamos la mitad de la altura del objeto con un margin-top */
   margin-left: -250px; /* Restamos la mitad de la anchura del objeto con un margin-left */   
}

/* ... los estilos de la ventana central ... */
#modal{
   position:fixed;
   top:0px;
   left:0px;
   z-index:5;
   float:left;
   width:100%;
   height:100%;
   background:rgba(0,0,0,0.2);
   display:none;
   opacity:0;
}

#modalAnte{
   position:fixed;
   top:0px;
   left:0px;
   z-index:5;
   float:left;
   width:100%;
   height:100%;
   background:rgba(0,0,0,0.2);
   display:none;
   opacity:0;
}


#modalfarmacos{
   position:fixed;
   top:0px;
   left:0px;
   z-index:5;
   float:left;
   width:100%;
   height:100%;
   background:rgba(0,0,0,0.2);
   display:none;
   opacity:0;
}

#modallabo{
   position:fixed;
   top:0px;
   left:0px;
   z-index:5;
   float:left;
   width:100%;
   height:100%;
   background:rgba(0,0,0,0.2);
   display:none;
   opacity:0;
}

#modalDis{
   position:fixed;
   top:0px;
   left:0px;
   z-index:5;
   float:left;
   width:100%;
   height:100%;
   background:rgba(0,0,0,0.2);
   display:none;
   opacity:0;
}


/* ... y un ‹a› transparente que ocupa todo el espacio para poder cerrar la modal desde cualquier punto */
#modal > a{
   position:fixed;
   top:0px;
   left:0px;
   z-index:1;
   float:left;
   width:100%;
   height:100%;
}
/*El elemento clave, le decimos que cualquier elemento susceptible de absorber esta propiedad, se muestre, o lo que es lo mismo, cuando pulsemos el botón, se ejecutará :target y nos mostrará la modal*/
:target{
   display:block!important;
   opacity:1!important;
}
/* Un botón de cerrar para no despistar al usuario */
#modalContent > a{
   position:absolute;
   top:-4px;
   right:-4px;
   color:#00A6B6;
   border-radius:2px;
   background:#fff;
   padding:4px;
}


img.enlace{
border: 1px #ffffff solid; 
}
a:hover img.enlace {
border: 1px #000000 solid;
box-shadow: 0px 0px 15px #0000ff; 
border-radius: 15% / 15%;

}


.text {

  color:#ff0000; 
  font-size:12px;
  font-weight: bold;
  font-family: Arial, Helvetica, sans-serif;
  
}
.parpadea {
  
  animation-name: parpadeo;
  animation-duration: 3s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;

  -webkit-animation-name:parpadeo;
  -webkit-animation-duration: 5s;
  -webkit-animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
  
  
  
}

@-moz-keyframes parpadeo{  
  0% { opacity: 1.0; }
  50% { opacity: 0.0; }
  100% { opacity: 1.0; }
}

@-webkit-keyframes parpadeo {  
  0% { opacity: 1.0; }
  50% { opacity: 0.0; }
   100% { opacity: 1.0; }
}

@keyframes parpadeo {  
  0% { opacity: 1.0; }
   50% { opacity: 0.0; }
  100% { opacity: 1.0; }
}


.modalEventos{
   position:fixed;
   top:0px;
   left:0px;
   z-index:5;
   float:left;
   width:100%;
   height:100%;
   background:rgba(0,0,0,0.2);
   display:block;
   opacity:10;
  
}

.modalContEventos{
   position:absolute;
   
   top:50%;
   left:50%;
   
   z-index:6;
   margin:-2% 0px 0px -150px;
   float:left;
   color:#fff;
   line-height:22px;
   padding:15px;
   border-radius:5px;
   background:#ffffff;
   border:1px solid #3a45cb;
   box-shadow:0px 2px 1px #3a45cb;
   
   width:600px;
   height:300px;
   margin-top: -150px; 
   margin-left: -300px;
   
   overflow-y:hidden;
   overflow-x:hidden;   
}

.modalAgendaTC{
   position:fixed;
   top:0px;
   left:0px;
   z-index:5;
   float:left;
   width:100%;
   height:100%;
   background:rgba(0,0,0,0.2);
   display:block;
   opacity:10;
  
}

.modalContAgendaTC{
   position:absolute;
   
   top:50%;
   left:50%;
   
   z-index:6;
   margin:-2% 0px 0px -150px;
   float:left;
   color:#fff;
   line-height:22px;
   padding:15px;
   border-radius:5px;
   background:#ffffff;
   border:1px solid #00a0df;
   box-shadow:0px 2px 1px #3a45cb;
   width:800px;
   height:500px;
   margin-top: -250px; 
   margin-left: -400px;
   overflow-y:auto;
   overflow-x:auto;   
}

.modalAgendaFecha{
   position:fixed;
   top:0px;
   left:0px;
   z-index:5;
   float:left;
   width:100%;
   height:100%;
   background:rgba(0,0,0,0.2);
   display:block;
   opacity:10;
  
}

.modalContAgendaFecha{
   position:absolute;
   
   top:50%;
   left:50%;
   
   z-index:6;
   margin:-2% 0px 0px -150px;
   float:left;
   color:#fff;
   line-height:22px;
   padding:15px;
   border-radius:5px;
   background:#ffffff;
   border:1px solid #00a0df;
   box-shadow:0px 2px 1px #3a45cb;
   width:300px;
   height:150px;
   margin-top: -75px; 
   margin-left: -150px;
   overflow-y:auto;
   overflow-x:auto;   
}




.modalDirEntFar{
   position:fixed;
   top:0px;
   left:0px;
   z-index:5;
   float:left;
   width:100%;
   height:100%;
   background:rgba(0,0,0,0.2);
   display:block;
   opacity:10;
  
}

.modalContDirEntFar{
   position:absolute;
   
   top:50%;
   left:50%;
   
   z-index:6;
   margin:-2% 0px 0px -150px;
   float:left;
   color:#fff;
   line-height:22px;
   padding:15px;
   border-radius:5px;
   background:#ffffff;
   border:1px solid #00a0df;
   box-shadow:0px 2px 1px #3a45cb;

/*valores originales   */
   width:400px;
   height:280px;
   margin-top: -140px; 
   margin-left: -200px;


/*
   width:1050px;
   height:780px;
   margin-top: -400px; 
   margin-left: -550px;
   overflow-y:hidden;
   overflow-x:hidden;   

*/

   
   overflow-y:auto;
   overflow-x:auto;   
}

.BtnCI{
background-color: #009cdd;
    border: 2px solid #009cdd;
    border-radius: 40px;
    color: #fff;
    cursor: pointer;
    display: block;
    float: left;
    font-family: "nimbussannovdmedconregular";
    font-size: 14px;
    height: auto;
    letter-spacing: 1px;
    margin: 3px auto;
    padding: 2px 0 3px;
    text-align: center;
    transition: background-color 0.3s ease 0s, color 0.3s ease 0s, width 0.3s ease 0s, border-width 0.3s ease 0s, border-color 0.3s ease 0s;
    width: 60px;
}

.BtnCIHov{
	background: #fff none repeat scroll 0 0;
    border: 2px solid #fff;
    color: #009cdd;

}


.scroll-iframe {
  -webkit-overflow-scrolling: touch;
  overflow-y: scroll;
  width: 100%;
  height: 200px;
}

.myinput{
    /*border: 1px solid #999; No usar esta línea y dejar box-shadow hace efecto de profundidad*/
    border-radius:5px; /*probar con 10px se hacen ovalados los inputs*/
    box-shadow: 2px 2px 3px 1px rgba(0,0,0,.2);
    font:12px Arial, Helvetica, sans-serif;
    height: 20px;
    line-height: 20px;
    padding:0 2px;
    /*width: 300px;*/
	background-color:#ffffff;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;

}

.myinputdis{
    /*border: 1px solid #999; No usar esta línea y dejar box-shadow hace efecto de profundidad*/
    border-radius:5px; /*probar con 10px se hacen ovalados los inputs*/
    box-shadow: 2px 2px 3px 1px rgba(0,0,0,.2);
    font:12px Arial, Helvetica, sans-serif;
    height: 20px;
    line-height: 20px;
    padding:0 2px;
    /*width: 300px;*/
	background-color:#fcfcbe;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;

}


.modalDivMsg{
   position:fixed;
   top:0px;
   left:0px;
   z-index:5;
   float:left;
   width:100%;
   height:100%;
   background:rgba(0,0,0,0.2);
   display:block;
   opacity:10;
  
}

.modalContMsg{
   position:absolute;
   
   top:50%;
   left:50%;
   
   z-index:6;
   margin:-2% 0px 0px -150px;
   float:left;
   color:#fff;
   line-height:22px;
   padding:15px;
   border-radius:5px;
   background:#ffffff;
   border:1px solid #00a0df;
   box-shadow:0px 2px 1px #3a45cb;
   
   width:500px;
   height:320px;
   margin-top: -160px; 
   margin-left: -250px;
   
   overflow-y:hidden;
   overflow-x:hidden;   
}

.cajamenu {
	border-radius: 75px 75px 75px 75px;
	-moz-border-radius: 75px 75px 75px 75px;
	-webkit-border-radius: 75px 75px 75px 75px;
	border: 0px solid #000000;
	
}

#divresultadosagenda {
         overflow-y:auto;
         height:700px;
         width:1000px;
}
#divresultadosagenda table {
        width:980px;
        /*background-color:lightgray;*/
}