h1 {color:#3a6d8c; font-size:34px; line-height:40px; margin:0;}
h3 {color:black; font-size:22px; line-height:26px; font-weight:normal; margin:0 0 8px 0;}
img {border:0;}
#logo {margin-bottom:20px; width:300px;}
#logo h1 {color:#666; letter-spacing:-1px; font-weight:normal;}
#logo h1 span {color:#444; font-weight:bold;}
#logo .title {color:#999; font-size:12px;}
#container {margin:0 auto; padding-top:20px; width:800px;}
#content {border-bottom:0px dotted #999; border-top:0px dotted #999; padding:0px 0;}
#footer {clear:left; color:#888; margin:20px 0;}
#footer a:link, #footer a:visited {color:#888; text-decoration:none;}
#footer a:hover {color:#333; text-decoration:underline;}
div.nombrePanel{width: 100%; background: #dddddd; border-top:1.3px solid black;font-size: 1.5em;font-weight: bold;padding-bottom: 10px;padding-top: 5px; padding-left: 10px;color:#006699; }
div.ruta{width: 100%; color:#5c5c5c; background: white; font-size: 1.1em;font-weight: bold;padding-bottom: 5px;padding-top: 5px; }
.etapa{font-style: italic; float:right;padding-right: 5px;}
.grid-a #content1 .normal{width: 150px}
.trImpar{background: #DDDDDD; vertical-align: middle;}
.subDatos{border-top: 1px solid black;padding-bottom: 5px;}
.center{text-align: center;}

/* tooltip styling. by default the element to be styled is .tooltip  */
.tooltip {
	display:none;
	background:transparent url("/resources/img/black_arrow.png");
	font-size:12px;
	height:70px;
	width:160px;
	padding:25px;
	color:#fff;	
}

/* style the trigger elements */
#seguimiento img {border:0;	cursor:pointer;	margin:0 4px;}
#entrega img {	border:0;	cursor:pointer;	margin:0 4px;}
#preventa img {	border:0;	cursor:pointer;	margin:0 4px;}
#evaluacion img {	border:0;	cursor:pointer;	margin:0 4px;}
#iniciativas img {	border:0;	cursor:pointer;	margin:0 4px;}
.header span{font-weight: normal;color:black; }
#filtro table td{font-weight: bold;vertical-align: middle;}
span.total{float: right;padding-right: 10px;font-weight: bold;}