/*1. Realizar el diseño para Firefox 

2. Comprobar los fallos que el diseño muestra en IE6. Identificar los selectores que presentan el problema y duplicarlos, anteponiendo a la copia el selector *html y aplicando los cambios requeridos, de la siguiente manera: 

#MyDiv {margin: 10px 10px 10px 10px;} 

/* IE6 Only /*
* html #MyDiv {margin : 5px 5px 5px 5px;} 

De ese modo, mientras Firefox leera el primer #MyDiv, IE6 sólo leerá el segundo. 

3. Hacer lo mismo con IE7. Volver a duplicar los selectores en conflicto y añadir *:first-child+html a los duplicados: 

#MyDiv {margin : 10px 10px 10px 10px;} 

/* IE6 Only /*
* html #MyDiv {margin : 5px 5px 5px 5px;} 

/* IE7 Only /*
*:first-child+html #MyDiv {margin : 2px 2px 2px 2px;} 
*/

BODY {
        scrollbar-arrow-color: #f5f5f5;
        scrollbar-3dlight-color: #003366;
        scrollbar-highlight-color: #FFFFFF;
        scrollbar-face-color: #cccccc;
        scrollbar-shadow-color: #e4e4e4;
        scrollbar-darkshadow-color: #000000;
        scrollbar-track-color: #ffffff;	
	
} 


 TABLE {position:relative;}


.tabla {
        background-color: #ffffff;
        text-decoration: none;
        border: 2px solid #FFAE88;
        border-color: #FFAE88;
        display: block;
        width: 90%;
}

/*
Este estilo se ocupa en la páginas de impresion
Creado por Daniel Medina
Diferencia con la clase tabla. tiene color negro, border 1px y está sin width*/
.tabla_imprime {
        background-color: #ffffff;
        text-decoration: none;
        border: 1px solid #ffae88;
        border-color: #2a494e;
        display: block;
        
}

/*
Este estilo se ocupa en la página login.php
Creado por Juan Pablo
Diferencia con la clase tabla. Esta clase está sin width*/
.tabla_chica {
        background-color: #ffffff;
        text-decoration: none;
        border: 2px solid #FFAE88;
        border-color: #FFAE88;
        display: block;
}


/* ESTE ESTILO ES PARA LA SELECCION TIPO RADIO  NO FUNCIONAS*/
.radio {
        background-color: #FFAE88;
        color: #FFAE88;
        list-style-type: disc;

}
.td_titulo {
		filter:Alpha(Opacity=80,
				FinishOpacity=40, Style=1, StartX=0, StartY=0, FinishX=0, FinishY=50%);
		border: 1px solid #000  ;
		background-color: #ccc;
        color:#000;
        font-size: 9pt ;
		font-color: #888 ;
        FONT-FAMILY: Verdana, Sans Serif ;
        text-align : center ;
		font: bold;
		


}
.td_alerta {
                background-color: #CB2139;
        border: 2px solid #888;
        color:#ffffff;
        font-size: 8pt;
        FONT-FAMILY: Verdana, Sans Serif;
        text-align : center;
                font-weight: bold;
}

.td_auge {
        background-color: #AAFFAA;
        border: 1px solid #888;
        color:#000000;
        font-size: 8pt;
        FONT-FAMILY: Verdana, Sans Serif;
        text-align : center;
        font-weight: bold;
}

.td_espera {
                background-color: #50719E;
        border: 2px solid #888;
        color:#ffffff;
        font-size: 8pt;
        FONT-FAMILY: Verdana, Sans Serif;
        text-align : center;
}

.td_campos {
		
        border: 1px solid #888;
        color:#2a494e;
        font-size: 8pt;
        FONT-FAMILY: Verdana, Sans Serif;
        text-align : center;
}
.td_campos_fact {
		
        border: 1px solid #888;
        color:#2a494e;
        font-size: 6pt;
        FONT-FAMILY: Verdana, Sans Serif;
        text-align : center;
}
.td_campos_peque {
        background-color: #ffffff;
        border: 1px solid #888;
        color:#2a494e;
        font-size: 7pt;
        FONT-FAMILY: Verdana, Sans Serif;
        text-align : center;
}
.td_campos_azules {
        background-color: #33CCFF;
        border: 1px solid #888;
        color:#2a494e;
        font-size: 8pt;
        FONT-FAMILY: Verdana, Sans Serif;
        text-align : center;
}

.td_campos_naranjas {
        background-color: #FFAE88;
        border: 1px solid #888;
        color:#2a494e;
        font-size: 8pt;
        FONT-FAMILY: Verdana, Sans Serif;
        text-align : center;
}

.td_campos_naranjas_pago {
        background-color: #FFAE88;
        border: 1px solid #888;
        color:#2a494e;
        font-size: 8pt;
        FONT-FAMILY: Verdana, Sans Serif;
}

.td_campos_rojos {
        background-color: #ff0000;
        border: 1px solid #888;
        color:#ffffff;
        font-size: 8pt;
        FONT-FAMILY: Verdana, Sans Serif;
        text-align : center;
}

.td_campos_rojo{
        background-color: #cc4444;
        border: 1px solid #888;
        color:#111111;
        font-size: 8pt;
        FONT-FAMILY: Verdana, Sans Serif;
        text-align : center;
}

.td_campo_rojo_suave{
		filter:Alpha(Opacity=100,
				FinishOpacity=50, Style=1, StartX=0, StartY=0, FinishX=0, FinishY=100%);
        background-color:#FF6347;
        border: 0px solid #888;
	     color:#ffffff;  
        font-size: 8pt;
        FONT-FAMILY: Verdana, Sans Serif;
        text-align : center;
	
}

.td_campo_rojo_suave:Hover{
        background-color:#FF6347;
        border: 0px solid #888;
	     color:#000000;  
        font-size: 8pt;
        FONT-FAMILY: Verdana, Sans Serif;
        text-align : center;
				
}



.td_campos_celeste{
        background-color: #33CCFF;
		filter:Alpha(Opacity=80,
				FinishOpacity=50, Style=1, StartX=0, StartY=0, FinishX=0, FinishY=100%);
        border: 1px solid #888;
        color:#111111;
        font-size: 8pt;
        FONT-FAMILY: Verdana, Sans Serif;
        text-align : center;
}

.td_campos_rosado{
        background-color: #FF66CC;
		filter:Alpha(Opacity=80,
				FinishOpacity=55, Style=1, StartX=0, StartY=0, FinishX=0, FinishY=100%);
        border: 1px solid #888;
        color:#111111;
        font-size: 8pt;
        FONT-FAMILY: Verdana, Sans Serif;
        text-align : center;
}


.td_izq,.td_pst  {
        background-color: #ffffff;
        border: 1px solid #888;
        color:#2a494e;
        font-size: 8pt;
        FONT-FAMILY: Verdana, Sans Serif;
		text-align: left;
}

.td_plata {
        background-color: #ffffff;
        border: 1px solid #888;
        color:#2a494e;
        font-size: 8pt;
        FONT-FAMILY: Verdana, Sans Serif;
        text-align: right;
}


.td_subtitulo {
      
        border: 1px solid #888;
        font-size: 8pt;
        FONT-FAMILY: Verdana, Sans Serif;
        text-align : center;
        border-color: #888;        
        font-weight: bold;
        color:#2a494e;
}

.titulo_hospital {
        color: #2a494e;
        font-size: 10pt;
        line-height: 18.5pt;
        text-decoration: none;
        text-align : center;
        FONT-FAMILY: Verdana, Sans Serif;
		        font-weight: bold;
}
.campos {
        FONT-SIZE: 8pt;
        COLOR: #2a494e;			
        FONT-FAMILY: Verdana, Sans Serif;
        TEXT-DECORATION: none;
		padding:2px 0 2px 0;		
		}
.campos_fact {
        FONT-SIZE: 6pt;
        COLOR: #2a494e;			
        FONT-FAMILY: Verdana, Sans Serif;
        TEXT-DECORATION: none;
		padding:2px 0 2px 0;		
		}
.campos_alert{
		color: #cc4444;
        font-family: Verdana,Sans Serif;
        font-weight: ligth;
        font-size: 8pt;
        text-decoration: none;
}
.campos_chico {
        FONT-SIZE: 8pt;
        COLOR: #2a494e;
        FONT-FAMILY: Verdana, Sans Serif;
        TEXT-DECORATION: none;
}
.td_hoy {
        FONT-SIZE: 8pt;
        COLOR: #000000;
        background-color: #ffae88;
        FONT-FAMILY: Verdana, Sans Serif;
        TEXT-DECORATION: none;
        font-weight: bold;

}
.td_fin_semana {
        FONT-SIZE: 8pt;
        COLOR: #000000;
        background-color:#ffae88;
        FONT-FAMILY: Verdana, Sans Serif;
        TEXT-DECORATION: none;
        font-weight: bold;

}

label{
padding:2px 0 1px 0;
}


.boton{
border: 1px solid black;
border-style:outset;
border-rigth-width:thin;
border-bottom-width:thin;
border-top-color:#ffffff;
border-left-color:#ffffff;
border-bottom-color:#fffff0;
border-rigth-color:#fffff0;
font-size: 8pt;
font-family: Verdana;
COLOR: #000000;
background:#ccc;
filter:Alpha(Opacity=100,
				FinishOpacity=50, Style=1, StartX=0, StartY=0, FinishX=0, FinishY=100%);
}


.select{
arrow-color: #ffffff;
border: 1px solid black;
border-style:outset;
border-rigth-width:thin;
border-bottom-width:thin;
border-top-color:#ffffff;
border-left-color:#ffffff;
border-bottom-color:#fffff0;
border-rigth-color:#fffff0;
font-size: 8pt;
font-family: Verdana;
COLOR: #2a494e;
background:#fff9f1;


}


.text{
text-decoration: none;
border:1px solid;
border-style:inset;
border-top-width:low;
border-left-width:low;
border-top-color:#2a494e;
border-left-color:#2a494e;
border-bottom-color:medium;
border-rigth-color:medium;
font-size: 8pt;
font-family: Verdana;
COLOR: #000000;
background:#ffffff;
}

A:Hover {
        text-decoration: none;        	 
        font-size: 10px;       
		color: #FFAE88;
}

A{
                color: #2a494e;
                font-family: Verdana,Helvetica;
                font-weight: ligth;
                font-size: 10px;
                text-decoration: none;
				
}
.href_menu:HOVER{
        text-decoration: none;       	
        font-size: 10px;		
		color: #FFAE88;
		
	

		
}
.href_menu{
                font-weight:bold;
                color: #000;
                font-family: Verdana,Helvetica;
                font-size: 10px;
                text-decoration: none;
                text-align:left;
}

.td_menu {
		/*background-color: #4c83c3;*/
		background:url(../../common/imagenes/boton_0b.png) no-repeat right bottom;	  		  	
        color:#000;
        font-size: 9pt;
        FONT-FAMILY: Verdana, Sans Serif;
		text-align:justify;
}

* html .td_menu {
		/*background-color: #4c83c3;*/
		background:url(../../common/imagenes/boton_0b.gif) no-repeat right bottom;	  		  	
        color:#000;
        font-size: 9pt;
        FONT-FAMILY: Verdana, Sans Serif;
		text-align:justify;
}

.td_menu_convenio {
        background-color: #c6deff;
        color:#2a494e;
        font-size: 9pt;
        FONT-FAMILY: Verdana, Sans Serif;
}

.td_menu_supervisor {
        background-color: #FF9999;
        color:#2a494e;
        font-size: 9pt;
        FONT-FAMILY: Verdana, Sans Serif;
}

.href_paginacion:HOVER{
        text-decoration: none;
        color: Gold;
        font-size: 10px;
}
.href_paginacion{
                font-weight:bold;
                color: #ffffff;
                font-family: Verdana,Helvetica;
                font-size: 10px;
                text-decoration: none;
                text-align:center;
}
.href_alert:HOVER{
        text-decoration: none;
        color: #ffffff;
        font-size: 10px;
        background:#cc4444;

}
.href_alert{
                color: #cc4444;
                font-family: Verdana,Helvetica;
                font-weight: ligth;
                font-size: 10px;
                text-decoration: none;
}

/*Estilo de Pabellon*/
.td_campos_informe {
        background-color: #ffffff;
        border: 1px solid #000000;
        color:#000000;
        font-size: 8pt;
        FONT-FAMILY: Verdana, Sans Serif;
        text-align : center;
}

.td_campos_informe2 {
        background-color: #ffffff;
        border: 2px solid #000000;
        color:#000000;
        font-size: 8pt;
        FONT-FAMILY: Verdana, Sans Serif;
        text-align : center;
}

/*---------------------------------------------------------------------------*/
/*--estilos para la impresion*/

.td_campos1 {
        background-color: #ffffff;
        border: 1px solid #ffae88;
        color:#2a494e;
        font-size: 9pt;
		font-family:Georgia, "Times New Roman", Times, serif;
        text-align : center;
}

.td_campos2 {
        background-color: #ffffff;
        border: 1px solid #ffae88;
        color:#2a494e;
        font-size: 9pt;
		FONT-FAMILY: Verdana, Sans Serif;
       
}

.td_campos3 {
        FONT-SIZE: 9pt;
        COLOR: #2a494e;
       font-family:Georgia, "Times New Roman", Times, serif
        TEXT-DECORATION: none;
		text-align : center;
		 background-color: #ffffff;
        border: 1px solid #ffae88;
}




.campos2 {
        FONT-SIZE: 9pt;
        COLOR: #2a494e;
        FONT-FAMILY: Verdana, Sans Serif;
        TEXT-DECORATION: none;
}

.saltodepagina
{
        PAGE-BREAK-AFTER: always;
}

/*nuevo estilo para la agenda de procedimientos*/
.td_campos_amarillo{
 background-color: #FFFF66 ;
        border: 1px solid #ffae88;
        color:#2a494e;
        font-size: 8pt;
        FONT-FAMILY: Verdana, Sans Serif;
        text-align : center;
}

.campos_7 {
        FONT-SIZE: 6pt;
        COLOR: #2a494e;
        FONT-FAMILY: Verdana, Sans Serif;
        TEXT-DECORATION: none;
		text-align : left;
}

.td_campos_7 {
        background-color: #ffffff;
        border: 1px solid #ffae88;
        color:#2a494e;
        font-size: 6pt;
        FONT-FAMILY: Verdana, Sans Serif;
        text-align : left;
}

.td_campos_cobranza {
        background-color: #FFCC00;
        border: 1px solid #ffae88;
        color: #CC0000;
        font-size: 8pt;
        FONT-FAMILY: Verdana, Sans Serif;
        text-align : center;
}

/*
ESTILO DE BOTONES 3D */

/****************************** VERSION IE7 *****************************/
#boton3d  {
display:inline;
}

#boton3d ul {
display:inline;
list-style:none;
margin:0;
padding:1px;
}

#boton3d li {
display:inline;
}

#boton3d li a {
line-height:18px;
color:#333; 
text-decoration:none; 
font-family:arial, verdana, sans-serif; 
font-weight:bold; 
text-align:center; 
padding-left:10px; 
cursor:pointer; 
background:url(../../common/imagenes/boton_0a.png) no-repeat left bottom;
font-size:11px;

}

#boton3d li a b {
margin:0;
display:inline; 
padding:5px 15px 2px 7px; 
background:url(../../common/imagenes/boton_0b.png) no-repeat right bottom;

}

#boton3d li.disabled a {
display:inline;
color:#777; 
background:url(../../common/imagenes/boton_2a.png) no-repeat left bottom;
}

#boton3d li.disabled a b {
display:inline;
background:url(../../common/imagenes/boton_2b.png) no-repeat right bottom;
}

#boton3d li a:hover {
display:inline;
color:#fff; 
background: url(../../common/imagenes/boton_1a.png) no-repeat left bottom;

}

#boton3d li a:hover b {
display:inline;
color:#fff;
background:url(../../common/imagenes/boton_1b.png) no-repeat right bottom;

}

#boton3d li.disabled a:hover {
display:inline;
background: url(../../common/imagenes/boton_2a.png) no-repeat left bottom; 
cursor:default;
}

#boton3d li.disabled a:hover b {
display:inline;
color:#777;
background:url(../../common/imagenes/boton_2b.png) no-repeat right bottom;
}


/****************************** VERSION IE6 *****************************/
* html #boton3d  {
display:inline;
}

* html #boton3d ul {
display:inline;
list-style:none;
margin:0;
padding:1px;
}

* html #boton3d li {
display:inline;
}

* html #boton3d li a {
line-height:18px;
color:#333; 
text-decoration:none; 
font-family:arial, verdana, sans-serif; 
font-weight:bold; 
text-align:center; 
padding-left:10px; 
cursor:pointer; 
background:url(../../common/imagenes/boton_0a.gif) no-repeat left bottom;
font-size:11px;
}

* html #boton3d li a b {
margin:0;
display:inline; 
padding:5px 15px 2px 7px; 
background:url(../../common/imagenes/boton_0b.gif) no-repeat right bottom;
}

* html #boton3d li.disabled a {
display:inline;
color:#777; 
background:url(../../common/imagenes/boton_2a.png) no-repeat left bottom;
}

* html #boton3d li.disabled a b {
display:inline;
background:url(../../common/imagenes/boton_2b.png) no-repeat right bottom;
}

* html #boton3d li a:hover {
display:inline;
color:#fff; 
background: url(../../common/imagenes/boton_1a.png) no-repeat left bottom;
}

* html #boton3d li a:hover b {
display:inline;
color:#fff;
background:url(../../common/imagenes/boton_1b.png) no-repeat right bottom;
}

* html #boton3d li.disabled a:hover {
display:inline;
background: url(../../common/imagenes/boton_2a.png) no-repeat left bottom; 
cursor:default;
}

* html #boton3d li.disabled a:hover b {
display:inline;
color:#777;
background:url(../../common/imagenes/boton_2b.png) no-repeat right bottom;
}


/*
ESTILO DE BOTONES 3D FUNCIONANDO PERO CON CODIGO INNESARIO

#boton3d  {display:inline;height:20px;}
#boton3d ul {display:inline;list-style:none;margin:0;height:20px;}
#boton3d li {display:inline;height:20px;}
#boton3d li a {margin:0;display:inline; height:20px; line-height:18px; color:#333; text-decoration:none; font-family:arial, verdana, sans-serif; font-weight:bold; text-align:center; padding:0 0 0 10px; cursor:pointer; background:url(../../common/imagenes/boton_0a.png) no-repeat left bottom;font-size:11px;}
#boton3d li a b {margin:0;display:inline; ;height:20px; padding:0 15px 0 7px; background:url(../../common/imagenes/boton_0b.png) no-repeat right bottom;}
#boton3d li.disabled a {display:inline;color:#777; background:url(../../common/imagenes/boton_2a.png) no-repeat left bottom;}
#boton3d li.disabled a b {display:inline;background:url(../../common/imagenes/boton_2b.png) no-repeat right bottom;}
#boton3d li a:hover {display:inline;color:#fff; background: url(../../common/imagenes/boton_1a.png) no-repeat left bottom;}
#boton3d li a:hover b {display:inline;color:#fff;background:url(../../common/imagenes/boton_1b.png) no-repeat right bottom;}
#boton3d li.disabled a:hover {display:inline;background: url(../../common/imagenes/boton_2a.png) no-repeat left bottom; cursor:default;}
#boton3d li.disabled a:hover b {display:inline;color:#777;background:url(../../common/imagenes/boton_2b.png) no-repeat right bottom;}*/



/*<!--[if IE]>

#boton3d ul {display:inline-block;}
#boton3d ul {display:inline;}
#boton3d ul li {float:left;}
#boton3d {text-align:center;}

<![endif]-->*/

/* Checkboxes */

label.checkbox_checked {
	background: url(../../common/imagenes/tick.png) no-repeat left top;	
	display: inline;
	margin: 10px 0;		
	padding-left: 25px;
}
label.checkbox_unchecked  {
	background:  url(../../common/imagenes/cross.png) no-repeat left top;
	display:inline;
	margin: 10px 0;
	padding-left: 25px;
}

/* Radio Buttons */
label.radio_checked {
	background: url(../../common/imagenes/bullet_green.png) no-repeat;	
	display: inline;
	margin: 10px 0;
	padding-left: 25px;
}
label.radio_unchecked  {
	background: url(../../common/imagenes/bullet_white.png) no-repeat;	
	display: inline;
	margin: 10px 0;
	padding-left: 25px;
}

/* XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX */
/* STOP EDITTING - DO NOT CHANGE OR REMOVE        */
.crirHidden {
	position: absolute;
	left: -1000px;
}
/* XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX */

/*img,a ,ul,li, .boton3d, href
 { behavior: url(../../common/iepngfix.htc); }*/
 
 
 /************************* START CODE NEW ICO AUTOMATIC  *******************/
  
A[href ^="mailto:"] {
   padding: 2px 0 2px 0;
   padding-right: 20px;
   background: transparent url(../../common/imagenes/icon_mailto.gif) no-repeat center right;
  
}

A[href $='.pdf'] { 
padding: 2px 0 2px 0;
   padding-right: 18px;
   background: transparent url(../../common/imagenes/icon_pdf.gif) no-repeat center right;
}

A[href $='.doc'] {.
padding: 2px 0 2px 0; 
   padding-right: 18px;
   background: transparent url(../../common/imagenes/icon_doc.gif) no-repeat center right;
}

A[href $='.xls'] { 
padding: 2px 0 2px 0;
   padding-right: 18px;
   background: transparent url(../../common/imagenes/icon_xls.gif) no-repeat center right;
}

 /*************************  FINISH CODE ICO AUTOMATIC  *******************/