@charset "utf-8";

.Logotipo {
	background-color: #12A6D4;
	background-image: url(../images/1/barner.jpg);
	background-repeat: no-repeat;
	background-position: right top;
	text-align: center;
}

.Titulo_Negro_Grande_Centrado {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-style: normal;
	font-weight: bold;
	text-transform: capitalize;
	color: #000000;
	text-align: center;
}
.Mensaje_esperando_Gris_centrado {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	color: #999999;
	text-align: center;
}
.texto_arial_12 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: capitalize;
	color: #000;
}
.texto_arial_12_comentario {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	color: #000;
}
.texto_arial_10 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: capitalize;
	color: #000;
}


.Titulo_Barner_Blanco_Grande {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
	font-weight: bold;
	text-transform: capitalize;
	text-align: left;
	color: #FFFFFF;
}
.Caja_Azul_claro {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-variant: normal;
	text-transform: capitalize;
	color: #000000;
	background-color: #12A6D4;
	text-align: left;
	border-top-color: #000066;
	border-right-color: #000066;
	border-bottom-color: #000066;
	border-left-color: #000066;
}
.titulo_enano_blanco {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: capitalize;
	color: #FFFFFF;
}
.Titulo_negro_pequeño {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: capitalize;
	color: #000000;
	text-align: center;
}

.Titulo_negro_pequeño2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	font-weight: bold;
	font-variant: normal;
	color: #000000;
	text-align: center;
}

.Titulo_negro_pequeño_izquierdo {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: capitalize;
	color: #000000;
	text-align: left;
}
.azul_claro_link {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: normal;
	font-weight: bolder;
	font-variant: normal;
	text-transform: capitalize;
	color: #09F;
	text-align: center;
}
.fondo_Azul_Cielo {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: capitalize;
	color: #FFF;
	background-color: #12A6D4;
	border: thin solid #CCC 1px;
	text-align: center;
}

.fondo_Azul_Cielo_arial_9 {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 9px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	color: #FFF;
		text-transform: capitalize;
	background-color: #12A6D4;
	border: thin solid #CCC 1px;
	text-align: center;
}
.Color_entre_Lineas {
	background-color: #D7E3FF;
}

.Mensaje_esperando_Gris_centrado_Texto {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	color: #999999;
	text-align: justify;
}

.borde_gris_tabla {

	border:1px solid #D1D1D1;
}

.borde_gris_tabla_blanco {

	border:2px solid #FFF;
}

.class_hfs{
		font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	font-weight: bold;
	font-variant: normal;
	color:#2894FF}

.borde_negro_tabla {
	border: 1px solid #000;
}

.borde_gris_tabla td:hover
{
	color:#0066CC;
	font-weight:bold;
}

.borde_gris {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: capitalize;
	color: #000;
	border: solid #EAEAEA;
}

.alerta_activo {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: capitalize;
	background-color: #C1FDC5;
	border: 1px solid #336600;
	color: #000000;
	width:100px;
	text-align: center;	
}

.alerta_pasivo {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: capitalize;
	background-color: #FF4A4A;
	border: 1px solid #660000;
	color: #000000;
	width:100px; 
	text-align: center;	
}
.alerta_mensaje {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: capitalize;
	color: #000000;
	background-color: #FFFF9D;
	text-align: center;
	border: 1px solid #FFFF00;
}

.alerta_marca {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight: bold;
	text-transform: capitalize;
	color: #663366;
	text-align: center;
}
.alerta_marca_1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: capitalize;
	color: #006600;
	text-align: center;
	border: thin dotted #000000;
}

.alerta_marca_2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: capitalize;
	color: #FF0000;
	text-align: center;
	border: thin dotted #000000;
}

.alerta_marca_3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: capitalize;
	color: #0000FF;
	text-align: center;
	border: thin dotted #000000;
}

.alerta_1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bolder;
	text-transform: capitalize;
	color: #000000;
	background-color: #2DFF2D;
	border: thin solid #000000;
}

.alerta_2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bolder;
	text-transform: capitalize;
	color: #000000;
	background-color: #AFCFFE;
	border: thin solid #000000;
	background-position: center center;
}

.alerta_3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bolder;
	text-transform: capitalize;
	color: #000000;
	background-color: #6DAE66;
	border: thin solid #000000;
	background-position: center center;
}

.alerta_4 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bolder;
	text-transform: capitalize;
	color: #000000;
	background-color: #6699FF;
	border: thin solid #000000;
	background-position: center center;
}

.alerta_5 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bolder;
	text-transform: capitalize;
	color: #000000;
	background-color: #C69B06;
	border: thin solid #000000;
	background-position: center center;
}

.alerta_6 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bolder;
	text-transform: capitalize;
	color: #000000;
	background-color: #CCFF00;
	border: thin solid #000000;
	background-position: center center;
}

.alerta_7{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bolder;
	text-transform: capitalize;
	color: #000000;
	background-color: #CC66CC;
	border: thin solid #000000;
	background-position: center center;
}

.alerta_8 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bolder;
	text-transform: capitalize;
	color: #000000;
	background-color: #006699;
	border: thin solid #000000;
	background-position: center center;
}

.alerta_9 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bolder;
	text-transform: capitalize;
	color: #000000;
	background-color: #C1C1C1;
	border: thin solid #000000;
	background-position: center center;
}

.alerta_10 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bolder;
	text-transform: capitalize;
	color: #000000;
	background-color: #FFFF99;
	border: thin solid #000000;
	background-position: center center;
}

.alerta_11 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bolder;
	text-transform: capitalize;
	color: #000000;
	background-color: #6F9;
	border: thin solid #000000;
	background-position: center center;
}


a.personal:active {
	font-family: Verdana, Geneva, sans-serif;
	text-decoration: none;
	color: #09F;
	font-size: 12px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: capitalize;
}
a.personal:visited {
	font-family: Tahoma, Geneva, sans-serif;
	text-decoration: none;
	color: #09F;
	font-size: 12px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: capitalize;
}
a.personal:hover {
	font-family: Verdana, Geneva, sans-serif;
	text-decoration: none;
	color: #09F;
	font-size: 12px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: capitalize;
}


.boton {
	background: #04379B; 
	font-size: 10px; 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	color: #FFFFFF; 
	font-weight: bold;
	margin: 2px;
}

.boton_modificar{
        background-image:url(../../images/iconos/flechas/7.png); 
		background-repeat:no-repeat; 
		background-position:center; 
		width:30px; 
		height:30px; 
		border:0px
}

.Bordes_redondeado{  
    border-radius: 10px;  
    -moz-border-radius: 10px;  
    -webkit-border-radius: 10px;  
}  
.caja{
	width:220px; 
	height:200PX;
	background-color:#C6CBFF;
	
	 border-radius: 10px;
    -moz-border-radius: 10px;  
    -webkit-border-radius: 10px;
	
    }


a.linkopacity img {
   		  filter:alpha(opacity=100);  
        -moz-opacity: 1.0;  
        opacity: 1.0;
        -khtml-opacity: 1.0; 
}
 
a.linkopacity:hover img {
      
	     filter:alpha(opacity=70);
        -moz-opacity: 0.7;
        opacity: 0.7;
        -khtml-opacity: 0.7;
}

.resaltar_lugar:hover {
  background-color: #FF9;
  font-size:12px;
  font-family:Arial, Helvetica, sans-serif;

  }

.resaltar_dia{
  background-color: #CFCFCF;
  cursor:pointer;
  font-family:Arial, Helvetica, sans-serif;
  font-size:12px;
  color:#000000; 
}
.button {
   border-top: 1px solid #a5bbc9;
   background: #9cc5e0;
   background: -webkit-gradient(linear, left top, left bottom, from(#3f6c8a), to(#9cc5e0));
   background: -webkit-linear-gradient(top, #3f6c8a, #9cc5e0);
   background: -moz-linear-gradient(top, #3f6c8a, #9cc5e0);
   background: -ms-linear-gradient(top, #3f6c8a, #9cc5e0);
   background: -o-linear-gradient(top, #3f6c8a, #9cc5e0);
   padding: 19px 38px;
   -webkit-border-radius: 12px;
   -moz-border-radius: 12px;
   border-radius: 12px;
   -webkit-box-shadow: rgba(0,0,0,1) 0 1px 0;
   -moz-box-shadow: rgba(0,0,0,1) 0 1px 0;
   box-shadow: rgba(0,0,0,1) 0 1px 0;
   text-shadow: rgba(0,0,0,.4) 0 1px 0;
   color: #ffffff;
   font-size: 17px;
   font-family: Helvetica, Arial, Sans-Serif;
   text-decoration: none;
   vertical-align: middle;
   }
.button:hover {
   border-top-color: #4981a6;
   background: #4981a6;
   color: #d9d9d9;
   }
.button:active {
   border-top-color: #e0e0e0;
   background: #e0e0e0;
   }
.resaltar:hover,.resaltar:active {
	background-color:#E6E6E6;
	color:#000;
	}

.Titulo_brf {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: bold;
    font-variant: normal;
    color:#CA4200;
}
.funte_brf {
    font-family: Arial, Helvetica, sans-serif;
    font-style: normal;
    font-variant: normal;
    font-size:10px;
    color:#CA4200;
}

.hide{

visibility: hidden

}
 .celda {
               background-color: #;
               border-style: solid;
               border-color: #000000;
               border-width: 2px;
			  }