FONT	{color: #FFFFFF; FONT-FAMILY: Verdana; FONT-SIZE: 9px}
BODY	{color: #ffffff; FONT-FAMILY: Verdana; FONT-SIZE: 9px}
TD		{color: #000000; FONT-FAMILY: Verdana; FONT-SIZE: 9px}
P		{color: #000000; FONT-FAMILY: Verdana; FONT-SIZE: 9px}
DIV		{color: #000000; FONT-FAMILY: Verdana; FONT-SIZE: 9px}
FONT.rojo	{color: #FF0000; FONT-FAMILY: Verdana; FONT-SIZE: 9px}


/* General page style */
a:link, a:active, a:visited, a.postlink{color:#3333CC;text-decoration:none;outline:0}
a:hover{color:#FF0000}



.title 		 {BACKGROUND: none; COLOR: #006699; FONT-SIZE: 11px; FONT-WEIGHT: bold; FONT-FAMILY: Verdana, Helvetica; TEXT-DECORATION: none}
.content 	 {BACKGROUND: none; COLOR: #006699; FONT-SIZE: 9px; FONT-FAMILY: Verdana, Helvetica}
.block-title {BACKGROUND: none; COLOR: #F8F9FA; FONT-SIZE: 9px; FONT-FAMILY: Verdana}
.storytitle  {BACKGROUND: none; COLOR: #F8F9FA; FONT-SIZE: 9px; FONT-WEIGHT: bold; FONT-FAMILY: Verdana; TEXT-DECORATION: none}
.storycat	 {BACKGROUND: none; COLOR: #006699; FONT-SIZE: 9px; FONT-WEIGHT: bold; FONT-FAMILY: Verdana, Helvetica; TEXT-DECORATION: underline}
.boxtitle 	 {BACKGROUND: none; COLOR: #006699; FONT-SIZE: 9px; FONT-WEIGHT: bold; FONT-FAMILY: Verdana, Helvetica; TEXT-DECORATION: none}
.boxcontent  {BACKGROUND: none; COLOR: #006699; FONT-SIZE: 9px; FONT-FAMILY: Verdana, Helvetica}
.option 	 {BACKGROUND: none; COLOR: #006699; FONT-SIZE: 9px; FONT-WEIGHT: bold; FONT-FAMILY: Verdana, Helvetica; TEXT-DECORATION: none}
.tiny		 {BACKGROUND: none; COLOR: #006699; FONT-SIZE: 9px; FONT-WEIGHT: normal; FONT-FAMILY: Verdana, Helvetica; TEXT-DECORATION: none}
.small		 {BACKGROUND: none; COLOR: #006699; FONT-SIZE: 9px; FONT-WEIGHT: normal; FONT-FAMILY: Verdana, Helvetica; TEXT-DECORATION: none}
.dcode		 {COLOR: #FF7510; FONT-SIZE: 11px; FONT-FAMILY: Verdana}
.dcode0		 {COLOR: #ffffff; FONT-SIZE: 7pt; FONT-FAMILY: Arial}
.dcode1		 {COLOR: #FF0000; FONT-SIZE: 8pt; FONT-FAMILY: Arial}
.dcode2		 {COLOR: #30FF00; FONT-SIZE: 8pt; FONT-FAMILY: Arial}
.dcode3		 {COLOR: #ffffff; FONT-SIZE: 8pt; FONT-FAMILY: Verdana}
.dcode4		 {COLOR: #FFCC00; FONT-SIZE: 8pt; FONT-FAMILY: Arial}
.dcode5		 {COLOR: #ff7510; FONT-SIZE: 20pt; FONT-FAMILY: Verdana}
.dcode6		 {COLOR: #ff7510; FONT-SIZE: 15pt; FONT-FAMILY: Verdana}
.dcode7		 {COLOR: #ff7510; FONT-SIZE: 10pt; FONT-FAMILY: Verdana}
.dcode70	 {COLOR: #ff7510; FONT-SIZE: 8pt; FONT-FAMILY: Verdana}
.dcode71	 {COLOR: #ff7510; FONT-SIZE: 12pt; FONT-FAMILY: Verdana}
.dcode72	 {COLOR: #006699; FONT-SIZE: 8pt; FONT-FAMILY: Verdana}
.dcode73		 {COLOR: #000000; FONT-SIZE: 8pt; FONT-FAMILY: Arial}
.dcode74		 {COLOR: #3333CC; FONT-SIZE: 8pt; FONT-FAMILY: Arial}
.dcode52	 {COLOR: #808080; FONT-SIZE: 11pt; FONT-FAMILY: Arial; margin-top: 7pt;}
.dcode53	 {margin-top: 14pt;}

.comen  {
	    font: 11px Verdana;	
	}


.mbox  {
	    margin-top: 1pt;
            margin-bottom: 5pt;
	    margin-right: 0pt; 
	    margin-left: 0pt;
	    background-color : #4c4c4c;
            font: 10px Verdana; color: #000000;
	    border-top : solid 1px #000000;
	    border-right : solid 1px #000000;
	    border-bottom : 1px solid #000000;
	    border-left : solid 1px #000000;	
	}
.mbox2  {
	    margin: 0pt; 
	    margin-right: 0pt; 
	    margin-left: 0pt;
	    background-color : #FF7510;
font-size : 10px;
	    font-weight : bold;
	    border-top : solid 1px #ffffff;
	    border-right : solid 1px #ffffff;
	    border-bottom : 1px solid #ffffff;
	    border-left : solid 1px #ffffff;	
	}
.mbox3  {
	    margin-top: 1pt; 
            margin-bottom: 5pt;
	    margin-right: 0pt; 
	    margin-left: 0pt;
	    background-color : #FF7510;
            font: 10px Verdana; color: #000000;
	    border-top : solid 1px #000000;
	    border-right : solid 1px #000000;
	    border-bottom : 1px solid #000000;
	    border-left : solid 1px #000000;	
	}

.graficas{
    position: relative;
}

.celdaindex{
	width : 970px;
	border-top : solid 1px #ffffff;
	border-right : solid 1px #ffffff;
	border-bottom : 1px solid #ffffff;
	border-left : solid 1px #ffffff;
	padding-top:0px;
	padding-right:0px;
	padding-left:0px;
	padding-bottom:0px;
}



.celda1{
	
	width : 205px;
	overflow: hidden;
	border-top : solid 1px #ffffff;
	border-right : solid 1px #ffffff;
	border-bottom : 1px solid #ffffff;
	border-left : solid 1px #ffffff;
	padding-top:4px;
	padding-right:3px;
	padding-left:3px;
	padding-bottom:3px;
	background-image: url(../images/user_fondo.gif);
	background-repeat: repeat-x;
}

.celda2{
	height : 47px;
	width : 205px;
	border-top : solid 1px #ffffff;
	border-right : solid 1px #ffffff;
	border-bottom : 1px solid #ffffff;
	border-left : solid 1px #ffffff;
	padding-top:4px;
	padding-right:3px;
	padding-left:3px;
	padding-bottom:3px;
	background: #4b4b4b;
}
.celda3{
	height : 80px;
	width : 198px;
	border-top : solid 1px #ffffff;
	border-right : solid 1px #ffffff;
	border-bottom : 1px solid #ffffff;
	border-left : solid 1px #ffffff;
	padding-top:2px;
	padding-right:3px;
	padding-left:3px;
	padding-bottom:3px;
	background: #4b4b4b;
}
.celda4{
overflow: hidden;
	height : 38px;
	width : 208px;
	padding-top:0px;
	padding-right:0px;
	padding-left:0px;
	padding-bottom:5px;
	background: #000000;
}
.celda5{
	width : 205px;
	height : 150px;
	border-top : solid 1px #ffffff;
	border-right : solid 1px #ffffff;
	border-bottom : 1px solid #ffffff;
	border-left : solid 1px #ffffff;
	padding-top:4px;
	padding-right:3px;
	padding-left:3px;
	padding-bottom:3px;
	background-image: url(../images/user_fondo.gif);
	background-repeat: repeat-x;
}
.celda6{
	height : 115px;
	width : 728px;
	border-top : solid 1px #ffffff;
	border-right : solid 1px #ffffff;
	border-bottom : 1px solid #ffffff;
	border-left : solid 1px #ffffff;
	padding-top:0px;
	padding-right:0px;
	padding-left:0px;
	padding-bottom:0px;
	background: #4b4b4b;
}
.celda7{
	width : 310px;
	border-top : solid 1px #ffffff;
	border-right : solid 1px #ffffff;
	border-bottom : 1px solid #ffffff;
	border-left : solid 1px #ffffff;
	padding-top:1px;
	padding-right:0px;
	padding-left:0px;
	padding-bottom:1px;
	background: #4b4b4b;
}
.celda8{
	width : 205px;
	height : 144px;
	border-top : solid 1px #ffffff;
	border-right : solid 1px #ffffff;
	border-bottom : 1px solid #ffffff;
	border-left : solid 1px #ffffff;
	padding-top:4px;
	padding-right:3px;
	padding-left:3px;
	padding-bottom:3px;
	background-image: url(../images/user_fondo.gif);
	background-repeat: repeat-x;
}
.celda9{
	height : 25px;
	width : 728px;
	border-top : solid 1px #ffffff;
	border-right : solid 1px #ffffff;
	border-bottom : 1px solid #ffffff;
	border-left : solid 1px #ffffff;
	padding-top:0px;
	padding-right:0px;
	padding-left:0px;
	padding-bottom:0px;
	background: #808080;
}
.celda11{
	
	width : 205px;
	height : 15px;
	overflow: hidden;
	font: 8px Verdana; color: #ffffff;
	border-top : solid 1px #ffffff;
	border-right : solid 1px #ffffff;
	border-bottom : 1px solid #ffffff;
	border-left : solid 1px #ffffff;
	padding-top:2px;
	padding-right:3px;
	padding-left:3px;
	padding-bottom:3px;
	background-image: url(../images/user_fondo.gif);
	background-repeat: repeat-x;
}
.celda12{
	width : 728px;
	border-top : solid 1px #ffffff;
	border-right : solid 1px #ffffff;
	border-bottom : 1px solid #ffffff;
	border-left : solid 1px #ffffff;
	padding-top:2px;
	padding-right:0px;
	padding-left:0px;
	padding-bottom:2px;
	background: #4b4b4b;
}
.celda13{
	height : 35px;
	width : 728px;
	border-top : solid 1px #ffffff;
	border-right : solid 1px #ffffff;
	border-bottom : 1px solid #ffffff;
	border-left : solid 1px #ffffff;
	padding-top:0px;
	padding-right:0px;
	padding-left:0px;
	padding-bottom:0px;
	background: #4b4b4b;
}
.celda14{
	width : 363px;
	border-top : solid 1px #ffffff;
	border-right : solid 1px #ffffff;
	border-bottom : 1px solid #ffffff;
	border-left : solid 1px #ffffff;
	padding-top:0px;
	padding-right:0px;
	padding-left:0px;
	padding-bottom:0px;
}

.celda15{
	height : 645px;
	padding-top:0px;
	padding-right:0px;
	padding-left:0px;
	padding-bottom:0px;
}

.leyenda{
    position: relative;
	font: 9px Verdana; color: #000000;
	background-color: #e0e0e0;
    top:-5px;
    right: 0%;
    left: 0px;
	height : 16px;
	width : 729px;
	padding-top:2px;
	padding-right:0px;
	padding-bottom:0px;
	border-top : solid 1px #000000;
	border-right : solid 1px #000000;
	border-bottom : 1px solid #000000;
	border-left : solid 1px #000000;
} 

.dx22{
	height: 100%;

} 

.salto1{
	margin-bottom: 8px;

}
.salto2{
	margin-bottom: 4pt;

}
.salto3{
	margin-bottom: 2px;
}
a.IMAG:link img {border: 1px solid #FF7510;}
a.IMAG:visited img {border: 1px solid #FF7510;}
a.IMAG:active img {border: 1px solid #FF7510;}
a.IMAG:hover img {border: 1px solid #99CCFF;}


#mb a:link {color : #ff7510}
#mb a:visited {color : #ff7510}
#mb a:hover {color : #ffffff; background:#ff7510;}
#mb a:active {color : #ffffff; background:#ff7510;}



#mb2 a:link {color : #ffffff}
#mb2 a:visited {color : #ffffff}
#mb2 a:hover {color : #ffffff; background:#ff7510;}
#mb2 a:active {color : #ffffff; background:#ff7510;}


.hideDisplayStyle {visibility: hidden; font-weight:bold; color:#ff9900;}




#lightbox, #textLightbox{
	position: absolute;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
	}

#lightbox a img{ border: none; }
#outerTextContainer{
	position: relative;
	background-color: #fff;
	width: 400px;
	height: 400px;
	margin: 0 auto;
	line-height:1.5em;
	text-align:left;
	padding:10px;	border:1px solid #000
}

#closeText{text-align:right}
#bottomNav{margin-top:5px;text-align:right}

#outerImageContainer{
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
	}

#imageContainer{
	padding: 10px;
	}

#loading{
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
	}
#hoverNav{
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
	}
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{
	width: 49%;
	height: 100%;
	background: transparent url(../images/blank.gif) no-repeat; /* Trick IE into showing hover */
	display: block;
	}
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../images/nextlabel.gif) right 15% no-repeat; }


#imageDataContainer{
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	overflow: auto;
	width: 100%	
	}

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em;	}	
		
#overlay{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
	background-color:#000000;
	}





#formContenedor 
{
	text-align:center;
	font-family:Verdana;
	position:absolute;
	width:730px;
	margin-left:0px;
	margin-top:3px;
}



input.spot 
{

	font-family:Verdana;
	font-size:11px;
	border:1px solid;
}


button { width:60px; height:19px; font-family:Verdana; font-size:11px; }

.label { font-size:11px; color:#ffffff; }

.campo { }
.campo2 { width:250px; }

.ayuda { width:24px; text-align:center; }

.inputNormal { border:1px solid; }

.inputNormal2 { border:1px solid;
                width:200px;
}

.inputError
{
	border:1px solid #FF0000;
	background-color:#FFF4F0;
	color:#FF0000;
}


/* Capas de transparencia y mensajes de confirmacion */

#transparencia
{
	background-color:#FFFFFF; 
	z-index:1; 
	position:absolute;
	width:306px;
	height:35px;
	display:none;
	opacity:1; 

	margin-top:2px;
	margin-left:3px;
	top:0%;
	left:0%;
}

#transparenciaMensaje
{
	position:absolute;
	width:306px;
	height:35px;
	margin-top:2px;
	margin-left:3px;
	top:0%;
	left:0%;
}

/* Mensajes de ayuda */

#mensajesAyuda
{
	width:160px;
	font-family:Verdana;
	font-size:10px;
	border:1px solid #000000;
	position:absolute;
	top:0px;
	left:0px;
	display:none;
	text-align:center;
}

#ayudaTitulo
{
	background-color:#000000; 
	font-size:11px; 
	color:#FFFFFF; 
	padding:1px;
}

#ayudaTexto
{
	vertical-align:middle;
	font-size:11px; 
	padding:2px;
}




.c_time{
margin-top: 1pt;
margin-bottom: 2pt;
margin-left: 1pt;
	float:left;
	width:50px;
text-align: left;
}
.c_qrz{
FONT-WEIGHT: bold;
margin-top: 1pt;
	float:left;
	width:61px;
text-align: left;
}
.c_qrz2{
FONT-WEIGHT: bold;
margin-top: 1pt;
	float:left;
	width:61px;
text-align: left;
}

.caja{
//display:table;
	width:216px;
overflow: hidden;
text-align: left;
}



.c_freq2{	
margin-top: 1pt;
	float:left;
	width:51px;
text-align: left;
}
.bandera{	
margin-top: 1pt;
	float:left;
	width:21px;

}
.frecuencia{	
margin-top: 1pt;
	float:left;
	width:51px;
text-align: left;
}
.hora{	
margin-top: 1pt;
	float:left;
	width:23px;
text-align: left;
}
.hora2{	
margin-top: 1pt;
	float:left;
	width:23px;
text-align: left;
}

.hola{background-image: url(/images/fs33.gif); width : 216px; height:289px;}