/* Hoja de estilos CSS predeterminada para un nuevo proyecto de aplicación Web*/

BODY { FONT-SIZE: 11px; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; 
	scrollbar-face-color: #eeeeee;
	scrollbar-shadow-color: #ffffff;
	scrollbar-highlight-color: #cccccc;
	scrollbar-3dlight-color: #ffffff;
	scrollbar-darkshadow-color: #cccccc;
	scrollbar-track-color: #eeeeee;
	scrollbar-arrow-color: #0066cc;
	margin-top:0px; margin-left:0px; margin-right:0px;
	background-image: url(images/fndo.gif);
	background-repeat: repeat-y;
	background-position: center; 
}

BODY TABLE { 
	FONT-SIZE: 11px;
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif
}

TABLE {
	empty-cells:show;
	border-collapse:collapse; 
}

HR {
	border-style:ridge;
	margin:4px;
	padding:0px;
}

.tablaGris { 
	border:1px #C0CCCC solid;
}
.tdTitGris { 
	border:1px #C0CCCC solid;
	background-color:#003366;
	color:#ffffff;
	font-weight:bold;
	font-size:10px;
	padding:3px;
}
.tdGris { 
	border:1px #C0CCCC solid;
	background-color:#EDF0F0;
	padding:0px;
}
.tdBln { 
	border:1px #C0CCCC solid;
	padding:0px;
}


/* estilos de títulos y párrafos*/
h1, h3, blockquote, ol, ul, li {
	margin-top: 9px;
	margin-bottom: 7px;
}
p {
	margin-top: 5px;
	margin-bottom: 4px;
} 

ol, ul, li  {
	line-height:17px;
}

h2, h4, h5, h6, form {
	margin-top: 0px;
	margin-bottom: 0px;
}

h1 { font-size:17px; font-weight:normal; color:#006699; }
h2 { font-size:15px; font-weight:normal; color:#008888; }
h3 { font-size:13px; font-weight:bold; color:#999999; }
h4 { font-size:13px; font-weight:normal; color:#006699; }

ul { 
	list-style-image: url('images/arrow.gif'); 
	margin-left: 20px;
	padding-left:0px;
}

ul.li-gris { 
	list-style-image: url('images/arrow-g.gif'); 
	margin-left: 20px;
	padding-left:0px;
	margin-top: 2px;
	margin-bottom: 1px;
}

.tam9 {
	font-size:10px;
	color:#aaaaaa;
	
}

/* estilos para links */
a, a:link, a:visited, a:active	{	
	color: #0066aa; text-decoration: underline;
}

a:hover {
   color:#009999; text-decoration: none;
}

.nv, .nv:link, .nv:visited, .nv:active {
	COLOR: #ffffff; TEXT-DECORATION: none; font-weight:bold;
}
.nv:hover {
	COLOR: #5BF7FF; TEXT-DECORATION: none
}

.menu {
   color: #ffffff; FONT-SIZE: 10px; font-weight:bold
}
.menu:link, .menu:visited {
   color: #f0f0f0; text-decoration: none;
}
.menu:hover {
   color: #A6DEFF; text-decoration: underline;
}

.menuazul
{
	color: #000000;
	FONT-SIZE: 12px; 
	text-decoration: none;
	margin:5px 8px;
	display: block;
}

.menuazul:link, .menuazul:visited, .menuazul:active	{	
	text-decoration: none;
	color: #003366;
}

.menuazul:hover
{
   color: #0066cc; text-decoration: underline;
}

.bloque {
	FONT-SIZE: 11px; 
	text-decoration: none;
	margin:4px 8px;
	display: block;
	color: #002244;
}
.bloque:link, .bloque:visited {
   color: #0066aa; text-decoration: underline;
}
.bloque:hover {
   color: #0066cc; text-decoration: none;
}

.fecha { 
	FONT-SIZE: 9px;
	color: #999999;
}


/* estilo para los elementos del formulario*/

.area {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #333333; background-color: #ffffff; }
.area100 {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #333333; background-color: #ffffff; width:98%; }
.boton {
	font-size: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-color: #dddddd;
	border-width: 1px;
}
