body, form { margin: 0; padding: 0; }
body, form, input[type=text], textarea, select { font-family: Arial, Tahoma; font-size: 12px; }
div.fl { float: left; }
div.fr { float: right; }
div.clear { clear: both; }

/*Pestanas*/
.pestañaVerde { background-color: #00a751; color: white; border: none; }
.pestañaGris { color: white; border: none; background-color: #bfc0c7; }

/*Diseño calendario*/
.diaSema { text-align: center; }
.diasCale { padding: 4px; background-color: #b7b7bf; }

/*Estilos base*/
.textoBlanco { background: white; }
.ddl { font-size: 12px; height: 27px; border: 0px hidden; background-color: white; }
    .ddl:focus { outline: hidden; outline-color: none; outline-style: none; outline-width: initial; background-color: white; }
.boxText { border-top: 0px solid; border-left: 0px solid; border-right: 0px solid; border-bottom: 1px solid black; height: 29px; text-align: left; padding-left: 3px; font-size: 12px !important; }
    .boxText:focus { outline: hidden; outline-color: none; outline-style: none; outline-width: initial; }
.linksFooter { color: #00a751; font-size: 10px; text-align: center; font-weight: 700; display: block; cursor: pointer; }
.tituloVerde { color: #1c7e35; font-size: 28px; font-weight: 700; }
.tituloBlanco { color: white; font-size: 28px; font-weight: 700; }
.header .titulo { border-bottom: 1px solid #cacbcc; }
.titulo { padding-top: 45px; border-bottom: 1px solid gray; font-size: 15px; font-weight: 600; }
.btnPequeño { width: 17px; }
.header { padding-top: 45px; font-size: 15px; }
.footer { position: fixed; bottom: 0; right: 0; width: 100%; z-index: 1001; background: white; }
    .footer span { display: block; padding: 5px; color: #80818c; text-align: center; }
.validaciones { font-size: 8px; Color: Red; }


/*Inicio MargenElementos*/
.quiMar { margin-left: 0px !important; margin-right: 0px !important; }

/*Fin MargenElementos*/

/*Inicio Notificaciones*/
#divNotificacion { position: fixed; z-index: 1002; display: none; bottom: 0px; -webkit-transition: width 250ms; -moz-transition: width 250ms; -o-transition: width 250ms; -ms-transition: width 250ms; transition: width 250ms; }
.notificacionControles { float: right; padding: 8px 3px 0 0; }
.notificacionContenido { display: block; }
.notificacionError { color: white; background: #d80055; }
.notificacionAdvertencia { color: black; background: #fedc00; }
.notificacionInformacion { color: white; background: #001686; }
.notificacionRealizado { color: white; background: #66bf54; }
    .notificacionRealizado hr, .notificacionAdvertencia hr, .notificacionError hr, .notificacionInformacion hr { border-top: none; color: #DDD; }
.notificacionError, .notificacionAdvertencia, .notificacionInformacion, .notificacionRealizado { padding: 5px 5px 5px 20px; }
.notificacionCerrar, .notificacionAnclar { font-size: 13px; padding: 2px 6px; font-weight: bold; cursor: pointer; color: white; position: relative; top: -3px; }
    .notificacionCerrar:hover { border-radius: 50%; background-color: #DDD; }
.notificacionAnclar { display: none; background: url('Image/pin.png'); background-repeat: no-repeat; background-position: center center; width: 20px; height: 20px; }
.notificacionCerrar { margin-left: 3px; }
/*Fin Notificaciones*/


/*Leyenda tipos calendario*/

.leyendaCalendario { color: grey; }
.indicadorDiasCitas { background-color: #94c11e; /* Green */ border: none; color: white; padding: 9px; text-align: center; text-decoration: none; display: inline-block; font-size: 10px; margin: 4px 2px;  }
.indicadorDiaFechaActual { background-color: #808080; /* Grey  */ border: none; color: white; padding:9px; text-align: center; text-decoration: none; display: inline-block; font-size: 10px; margin: 4px 2px;  }
.indicadorDiaSeleccionado { background-color:#008000; /* Green low  */ border: none; color: white; padding:9px; text-align: center; text-decoration: none; display: inline-block; font-size: 10px; margin: 4px 2px;}
.indicadorNoDisponible { background-color:#b7b7bf; /* Green low  */ border: none; color: white; padding:9px; text-align: center; text-decoration: none; display: inline-block; font-size: 10px; margin: 4px 2px;}

.buttonIndicador {border-radius: 50%;}
/*Fin tipos calendario*/

/*Control de errores*/
.errorControltd { background-image: url("Image/alertamarilla.png"); background-repeat: no-repeat; background-position: right center; border: none; border-bottom: 1px solid gray; text-align: center; height: 29px; color: #fbba00; }
/*Fin Control Errores*/

/******************Cargando******************/
.cargando .contenido { color: Black; margin-left: -70px; margin-top: -70px; left: 50%; top: 50%; width: 140px; z-index: 1005; text-align: center; background-color: #FFF; }
.cargando .contenido { position: fixed; padding: 10px; background-color: white; }
.cargando .fondo { z-index: 1004; }
.cargando .fondo { position: fixed; width: 100%; height: 100%; left: 0; top: 0; opacity: 0.7; filter: alpha(opacity=70); background-color: black; }

@media screen and (min-width: 551px) {
    .boxText { border-bottom: 1px solid black; height: 29px; text-align: left; padding-left: 3px; font-size: 15px !important; }
    .ddl { font-size: 15px; height: 27px; border: 0px hidden; }
    .linksFooter { color: #00a751; font-size: 18px; text-align: center; font-weight: 700; }
    .validaciones { font-size: 10px; Color: Red; }
}

@media screen and (min-width: 501px) {
    .titulo { padding-top: 35px; border-bottom: 1px solid gray; font-size: 18px; font-weight: 500; }
    .validaciones { font-size: 9px; Color: Red; }
}

@media screen and (min-width: 768px) {
    .titulo { padding-top: 20px; border-bottom: 1px solid gray; font-size: 25px; font-weight: 500; }
    .validaciones { font-size: 11px; Color: Red; }
}