@charset "utf-8";
/* CSS Document */



td.row1 { background-color: #404040; }
th.row1 { background-color: #404040; }
#menu {margin:auto;text-align:center;width:100%;font-family: Verdana, Arial, Helvetica,
           sans-serif; font-size: 12pt; padding: 1px; background:#FFFFFF;}
#menu a {display:block;width:100%; text-decoration:none;color:#FFFFFF}
#menu a:active,#menu a:link{background-color: #404040;}
#menu a:visited{background-color: #404040;}
#menu a:hover,td.row1:hover{background-color: #EFEFEF; text-decoration:none;color:#000000}

#menu2 {margin:auto;text-align:center;width:50%;font-family: Verdana, Arial, Helvetica,
           sans-serif; font-size: 12pt; padding: 1px; background:#FFFFFF;}
#menu2 a {display:block;width:100%; text-decoration:none;color:#FFFFFF}
#menu2 a:active,#menu2 a:link{background-color: #404040;}
#menu2 a:visited{background-color: #404040;}
#menu2 a:hover,td.row1:hover{background-color: #EFEFEF; text-decoration:none;color:#000000}

#menu3 {margin:auto;text-align:center;width:80%;font-family: Verdana, Arial, Helvetica,
           sans-serif; font-size: 12pt; padding: 1px; background:#FFFFFF;}
#menu3 a {display:block;width:100%; text-decoration:none;color:#FFFFFF}
#menu3 a:active,#menu3 a:link{background-color: #404040;}
#menu3 a:visited{background-color: #404040;}
#menu3 a:hover,td.row1:hover{background-color: #EFEFEF; text-decoration:none;color:#000000}

.curved {
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    behavior:url(border-radius.htc);
}
.ingreso{
margin: 0px 0px 25px 0px;
height:auto;
/*background-color:#CC9000;*/
padding-bottom:5px;
border-color: silver;
border-right-style: dotted;
border-left-style: dotted;
border-bottom-style: dotted;
border-top-style: dotted;
border-right-width: 2px;
border-left-width: 2px;
border-bottom-width: 2px;
border-top-width: 2px;
}

body{
    margin:0;
    font-family:Verdana, Arial, Helvetica, sans-serif;
    font-size:12px;
/*    background-image:url(fondo.jpg);*/
    background-position:left top;
    background-repeat:repeat-x;
}

h2{

    font-size:14px;
}
h3{

    font-size:12px;
}
form{
    margin:2px;
}

p{
    margin:0px;
}
#contenedor{
    margin:auto;
    width:1000px;
}
#banner{
    background-image:url(banner.jpg);
    background-position: left top;
    background-repeat:no-repeat;
    width:1000px;
    height:213px;
}
#bannerEditor{
    background-image:url(banner_editor.jpg);
    background-position: left top;
    background-repeat:no-repeat;
    width:700px;
    height:200px;
}

#barraCentro{
    background-image:url(centro.jpg);
    background-position: left top;
    background-repeat:repeat-y;
    width:1000px;
}

#contenido{
    width:950px;
    padding-left:25px;
    padding-right:25px;
    padding-bottom:15px;
    padding-top:3px;
}



#pie{

    background-image:url(pie.jpg);
    background-position:left top;
    background-repeat:no-repeat;
    width:1000px;
    height:108px;
    font-weight:bold;

}
.pieTexto{

    color:#FFFFFF;
    font-size:10px;
    padding-top:35px;

}

.bienvenido{

    font-size:18px;
    font-weight:bold;
}


.enlace{
    color:#666666;
    font-weight:bold;
}


.cuerpoContenidos{
    width:900px;
    padding:20px;
    margin:auto;
}


.tablaCalendario{

    text-align:center;
    font-size:15px;
}
.diasemana{
    background-color:#CCCCCC;
}



.nombreMes{
    background-color:#036;
    color:#FFFFFF;
}

.titulo{
    background-color:#202850;
    color:#FFFFFF;
    font-weight:bold;
}

.diaDisponible{
    background-color:#006600;
    color:#FFFFFF;
}

.diaDisponible a{
    color:#FFFFFF;
}

.horaReservada{
    color:#CC0000;
    text-decoration:none;
    font-weight:bold;
}

.textoSubTituloDestacado{

    color:#CC0000;
}

.style1{
    color:#CC0000;
}

.tablaListado{
    text-align:center;
}

.horaVerde{
    color:#003300;
    text-decoration:none;
    font-weight:bold;
}

.horaTenue{
    color:#999999;
    font-weight:bold;
}

.encabezados{

    color:#000066;
    margin:5px;
    font-size:18px;
}

.bordeTabla{
    border:1px solid #000066;
}

.linea{
    margin-top:15px;
    border:2px solid #003;
}




#fondo {
    z-index: 10000;
    filter: alpha(opacity=50); /*older IE*/
    filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50); /* IE */
    -moz-opacity: .50; /*older Mozilla*/
    -khtml-opacity: 0.5;   /*older Safari*/
    opacity: 0.5;   /*supported by current Mozilla, Safari, and Opera*/
    background-color:#000000;
    position:fixed; top:0px; left:0px; width:100%; height:100%; vertical-align:middle;
}

.modal {
    display: none;
    position: absolute;
    top: 25%;
    left: 35%;
    background: #FFFFFF;
    z-index:10002;
    border:1px solid #000000;
    /*overflow: auto;*/
    -moz-border-radius: 10px; /* Firefox y similares */
    -webkit-border-radius: 10px; /* Navegadores basados en WebKit: Safari, Chrome, etc */
}	
#bannerAdm {
    background-image:url(banner_adm.jpg);
    background-position: left top;
    background-repeat:no-repeat;
    width:1000px;
    height:213px;
}


.confirmado{

    background-color:#090;
    font-weight:bold;
}

.porconfirmar{

    background-color:#C00;
    font-weight:bold;
}

.espera{

    background-color:#EEE8AA;
    font-weight:bold;
}
.atendido{

    background-color:#4682B4;
    font-weight:bold;
}
.atendiendo{

    background-color:#ADD8E6;
    font-weight:bold;
}


.enlace2{

    color:#333;
    font-weight:bold;
    text-decoration:none;}	#bannerEditor_2 {
    background-image:url(editor_reserva.jpg);
    background-position: left top;
    background-repeat:no-repeat;
    width:700px;
    height:200px;
}
#bannerEditor_3 {
    background-image:url(editor_paciente.jpg);
    background-position: left top;
    background-repeat:no-repeat;
    width:700px;
    height:200px;
}
#bannerEditor_4 {
    background-image:url(editor_usuario.jpg);
    background-position: left top;
    background-repeat:no-repeat;
    width:700px;
    height:200px;
}
#bannerEditor_5 {
    background-image:url(editor_especialidad.jpg);
    background-position: left top;
    background-repeat:no-repeat;
    width:700px;
    height:200px;
}
#bannerEditor_6 {
    background-image:url(editor_profesional.jpg);
    background-position: left top;
    background-repeat:no-repeat;
    width:700px;
    height:200px;
}
#bannerAdm_1 {
    background-image:url(banner_pacientes.jpg);
    background-position: left top;
    background-repeat:no-repeat;
    width:1000px;
    height:213px;
}
#bannerAdm_2 {
    background-image:url(banner_especialidades.jpg);
    background-position: left top;
    background-repeat:no-repeat;
    width:1000px;
    height:213px;
}
#bannerAdm_3 {
    background-image:url(banner_profesionales.jpg);
    background-position: left top;
    background-repeat:no-repeat;
    width:1000px;
    height:213px;
}
#bannerAdm_4 {
    background-image:url(banner_procedimientos.jpg);
    background-position: left top;
    background-repeat:no-repeat;
    width:1000px;
    height:213px;
}
#bannerAdm_5 {
    background-image:url(banner_usuarios.jpg);
    background-position: left top;
    background-repeat:no-repeat;
    width:1000px;
    height:213px;
}
#bannerAdm_6 {
    background-image:url(banner_calendario.jpg);
    background-position: left top;
    background-repeat:no-repeat;
    width:1000px;
    height:213px;
}
#bannerAdm_7 {
    background-image:url(banner_horas.jpg);
    background-position: left top;
    background-repeat:no-repeat;
    width:1000px;
    height:213px;
}

#bannerAdm_8 {
    background-image:url(banner_historial.jpg);
    background-position: left top;
    background-repeat:no-repeat;
    width:1000px;
    height:213px;
}

#tooltip {
    position: absolute;
    padding: 4px;
    color: #FFF;
    font-family:Arial, Helvetica, sans-serif;
    font-size: 12px;
    display: none;
    text-align: left;
    background-color: #000;
    opacity: 0.8;
    -moz-opacity: 0.8;
    filter: alpha(opacity=80);
}

.tooltipTitle {
    font-weight: bold;
    color:#FF9900;
}