/* ----------------------------------------------- Estilos generales ----------------------------------------------- */      
title{ Programa Municipal de Sida de Rosario}
body{
	BACKGROUND-COLOR: #F7F7F7; /* Color de fondo de la página */
	FONT-FAMILY: Verdana, sans-serif; color:#666666; font-size: 10px; /* Formato de todo el texto de la página */
	MARGIN-LEFT: 0px; /* Distancia entre el margen izquierdo de la página */
	MARGIN-RIGHT: 0px; /* Distancia entre el margen derecho de la página */
	MARGIN-TOP: 0px ; /* Distancia entre el margen superior, arriba de la página */
	SCROLL: no; 
	SCROLLBAR-SIZE:10 px ; /*Tamaño de la barra de scroll, o barra de desplazamiento */
	SCROLLBAR-FACE-COLOR:#F6F7FC; /* Color botones inferiores, superiores y el de arrastre del scroll */
	SCROLLBAR-SHADOW-COLOR: #223648 ; /* Color del borde derecho, el borde oscuro del scroll */
	SCROLLBAR-DARKSHADOW-COLOR:#6D8AA5; /* Color del borde derecho, la sombra, el borde mas oscuro del scroll */
	SCROLLBAR-HIGHLIGHT-COLOR: #6D8AA5; /* Color del borde izquierdo,el borde mas claro del scroll */
	SCROLLBAR-3DLIGHT-COLOR:#F6F7FC; /* Color del borde izquierdo,  la luz, el borde un poco mas claro del scroll */
	SCROLLBAR-ARROW-COLOR:#495879; /* Color de las flechas hacia arriba y hacia abajo, del scroll  */
	SCROLLBAR-TRACK-COLOR: #F6F7FC; /* Color de las calle por donde se desplaza el arrastre del scroll */
    }
A:link {text-decoration:none;color:#FFFFFF;} /* Propiedades del texto que posee un link */
A:visited {text-decoration:none;color:#FFFFFF;} /* Propiedades del link que ya fue visitado */
A:active {text-decoration:none;color:#FFFFFF;} /* Propiedades del link activo */
A:hover {text-decoration:underline;color:#F2F2F2; CURSOR: hand;} /* Propiedades del link cuando se pasa con el mouse por arriba */

B:link {text-decoration:none;color:#FFFFFF;} /* Propiedades del texto que posee un link */
B:visited {text-decoration:none;color:#FFFFFF;} /* Propiedades del link que ya fue visitado */
B:active {text-decoration:none;color:#FFFFFF;} /* Propiedades del link activo */
B:hover {text-decoration:underline;color:#F2F2F2; CURSOR: hand;} /* Propiedades del link cuando se pasa con el mouse por arriba */

/* Clase para el formato de las tablas, tamaño del texto, aliniación, etc */
.tablas {line-height:12px; font-size:10px;}
/*Tabla base de todas las paginas del centro - (color lila claro) */
.tablafondo {
    BACKGROUND-COLOR: #EEEEF7;
	PADDING-RIGHT: 0px;
	PADDING-LEFT: 0px;
	PADDING-BOTTOM: 0px;
	PADDING-TOP: 0px                     
}
/* tabla de las paginas centrales en donde se listan los subtemas de cada seccion principal - (azul oscuro) */
.tablaazul {
    BACKGROUND-COLOR: #025382;
	PADDING-RIGHT: 0px;
	PADDING-LEFT: 0px;
	PADDING-BOTTOM: 0px;
	PADDING-TOP: 0px                     

}
/* Para las celdas de la tabla azul incluye el color y tamaño del texto*/
.celdaazul{
	font-size: 12px;
	font-weight: bold;
	LINE-HEIGHT:14px; 
    BORDER-TOP: #2071a0 1px solid;
    BORDER-BOTTOM: #003468 1px solid;   
} 
/* Tabla del titulo de cada pagina del centro*/
.tablatitulo{
    BACKGROUND-COLOR: #FFFFFF;
	BORDER: #A9C6E2 2px solid;
	PADDING-RIGHT: 0px;
	PADDING-LEFT: 0px;
	PADDING-BOTTOM: 0px;
	PADDING-TOP: 0px                
    line-height:12px; 
    font-size:10px;
}
/* Tabla del menu superior que aparece en todas las paginas centrales*/
.tablamenu {
    BACKGROUND-COLOR: #6699CC;
	PADDING-RIGHT: 0px;
	PADDING-LEFT: 0px;
	PADDING-BOTTOM: 0px;
	PADDING-TOP: 0px                
    line-height:12px; 
    font-size:10px;
}
/* Tabla de abajo donde aparece que el comentario */
.tablacopete{
	FONT-FAMILY: Arial;
	font-size: 10px;
	font-weight:normal;
	color:#990000;
    BACKGROUND-COLOR: #e0ebf1;
	PADDING-RIGHT: 0px;
	PADDING-LEFT: 0px;
	PADDING-BOTTOM: 0px;
	PADDING-TOP: 0px                

}
/* Tabla para las preguntas guia*/
.tablapreguia{
    BACKGROUND-COLOR: #A9C6E2;
	BORDER: #A9C6E2 3px solid;
	PADDING-RIGHT: 0px;
	PADDING-LEFT: 0px;
	PADDING-BOTTOM: 0px;
	PADDING-TOP: 0px                

}
/* Para las celdas de color blanco las preguntas guia incluye el tamaño y color del texto*/
.celdablancapg{
	font-size: 12px;
	font-weight: bold;
	color:#990000;
	LINE-HEIGHT:14px;
	BACKGROUND-COLOR: #FFFFFF;
  
} 



/* ----------------------------------------------- Formulario ----------------------------------------------- */
.boton { /* Propiedades del boton en un formulario  */
	BORDER-RIGHT: #223648 1px solid; /* Propiedades del borde a la derecha */
	BORDER-BOTTOM: #223648 1px solid; /* Propiedades del borde de abajo */
	BORDER-TOP: #6D8AA5 1px solid; /* Propiedades del borde de arriba */
	BORDER-LEFT: #6D8AA5 1px solid; /* Propiedades del borde a la izquierda */
   FONT-SIZE:9px; COLOR:#223648; font-weight: lighter; /* Propiedades del texto del boton */
	LINE-HEIGHT:12px; /* Propiedades del la línea de texto del boton */
	HEIGHT:17px; /* Altura del botón */
	BACKGROUND-COLOR: #F6F7FC; /* Fondo del boton*/
	}
.imput { /* Propiedades del imput, campo de entrada de texto en un formulario  */
	BORDER-RIGHT: #6D8AA5 1px solid; /* Propiedades del borde a la derecha */
	BORDER-BOTTOM: #6D8AA5 1px solid; /* Propiedades del borde de abajo */
	BORDER-TOP: #6D8AA5 1px solid; /* Propiedades del borde de arriba */
	BORDER-LEFT: #6D8AA5 1px solid; /* Propiedades del borde a la izquierda */
    FONT-SIZE:9px; COLOR:#223648; font-weight: lighter; /* Propiedades del texto en el campo de formulario*/
	LINE-HEIGHT:12px; /* Propiedades del la línea de texto en el campo de formulario */
	HEIGHT:16px; /* Altura del botón */
	BACKGROUND-COLOR: #F6F7FC; /* Fondo del boton*/
    }
.textarea { /* Propiedades del textarea, campo de entrada de texto, comentarios en un formulario  */
	BORDER-RIGHT:#6D8AA5 1px solid; /* Propiedades del borde a la derecha */
	BORDER-BOTTOM: #6D8AA5 1px solid; /* Propiedades del borde de abajo */
	BORDER-TOP: #6D8AA5 1px solid; /* Propiedades del borde de arriba */
	BORDER-LEFT: #6D8AA5 1px solid; /* Propiedades del borde a la izquierda */
	FONT-FAMILY: sans-serif, verdana ; COLOR:#223648; font-size: 9px; /* Propiedades del texto del imput o entrada de datos */
	BACKGROUND-COLOR:#F6F7FC; /* Fondo del boton*/
    }
/* ----------------------------------------------- Formato del Texto ----------------------------------------------- */
/* A continbuación, las siguientes clases determinan características particulares del texto y del archivo */
.titulo {
	font-size: 16px;
	font-weight: bolder;
	LINE-HEIGHT:16px;
	color:#990000;
}
.narantitulo {
	font-size: 14px;
	font-weight: bolder;
	color:#FF8B3E;
}
.subtitulo {
	font-size: 11px;
	font-weight: bold;
}
.subtituloblanco {
	font-size: 12px;
	font-weight: bold;
	color:#FFFFFF;
	LINE-HEIGHT:14px;
}
.subtitulonegro {
	font-size: 12px;
	font-weight: bold;
	color:#000000;
	LINE-HEIGHT:14px;
}
.subtitulomarron {
	font-size: 12px;
	font-weight: bold;
	color:#990000;
	LINE-HEIGHT:14px;
}
.subtitulorojo {
	font-size: 12px;
	font-weight: bold;
	color:#CC0000;
	LINE-HEIGHT:14px;
}
.subtituloazul {
	font-size: 12px;
	font-weight: bold;
	color:#2B52BB;
	LINE-HEIGHT:14px;
}
.copete {
	font-size: 9px;
	font-weight:normal;
	color:#990000;
}
.textoblanco {
	font-size: 12px;
	LINE-HEIGHT:15px;
	color:#FFFFFF;
	
}
.textonegro {
	font-size: 12px;
	LINE-HEIGHT:18px;
	color:#000033;

}