body{ 	font-family:Verdana, Arial, Helvetica, sans-serif;
	  font-size:12px; margin:0;
    }

.fondo_top{
	background: url(../Imagenes/fondotop_01.jpg) no-repeat;
}

.fondo_menu{
	background: url(../Imagenes/fondomenu.jpg) no-repeat;
}

.fondo_mitad{
	background: url(../Imagenes/fondo.jpg);
}

.fondo_abajo{
	background: url(../Imagenes/botton_matrices.jpg);
}

.centrartabla{
padding-left:120px;
    padding-right:120px;
}

input,select{
 font-family:Verdana, Arial, Helvetica, sans-serif;
  font-size:11px;
  color:#666666;
}
	  
.body{
	background-color:#FFF;
	  margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	}
	  
#footer{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	  font-size:10px;
	  text-align:center;
	  color:#666666;
}
	  
	  
p{text-align:justify; vertical-align: text-top; font-size:13px; color:#333333;}

/* Estilo para Titulos */
.rojo{color:#FF0000;}

.blancas {font-size:13px;color:#FFFFFF;text-decoration: none;font-weight:bold;}
.globo {font-size:9px;color:#FFFFFF;text-decoration: none;}
.datos {font-size:11px;color:#999999;text-decoration: none;}
.subtitulo {font-size:11px;color:#FF9900;text-decoration: none;font-weight:bold;}
.errorFormulario {font-size:10px;color:#FF0000;}
.errorBaseDatos {font-size:10px;color:#FF9900;}


.grises {font-size:10px;color:#999999;text-decoration: none;font-weight:bold;}
.naranjas {font-size:12px;color:#FF9900;font-weight:bold;}
.blancas {font-size:12px;color:#FFFFFF;text-decoration: none;font-weight:bold;}
.contenido {font-size:12px;color:#FFF;text-decoration: none;}
.contenido2 {font-size:12px;color:#000;text-decoration: none;}
.contenido p{font-size:12px;color:#FFF;text-decoration: none;}

.titulo {font-size:12px;color:#666666;text-decoration: none;font-weight:bold;}


.NaranjaDirectorio {font-size:18px;color:#FF9900;text-decoration: none;font-weight:bold;}


.grises_usuario{
padding-left:10px;
font-size:15px;
color:#999999;
text-decoration: none;
	font-weight:bold;
}

.label
{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#AAAAAA;
	font-weight:bold;
}

.label_registro
{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#FFF;
	font-weight:bold;
}




a.enlace_menu_naranja {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#FFFFFF;
	/*padding-left:10px;
	padding-right:10px;
	padding-bottom:3px;
	padding-top:3px;*/
	text-decoration:none;
	font-weight:bold;
	}
	
a.enlace_menu_naranja:hover {
    font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#006FAD;
	/*padding-left:10px;
	padding-right:10px;
	padding-bottom:3px;
	padding-top:3px;*/
	font-weight:bold;
	text-decoration:none;
	}

a.enlace_menu_blanco:link,a.enlace_menu_blanco:hover,a.enlace_menu_blanco:visited{
  font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#FFFFFF;
	text-decoration:none;
	font-weight:bold;
}


.style6 {font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #003399; font-weight: bold; }
.style6 a:link {
	text-decoration: none;
	color: #003399;
}
.style6 a:visited {
	text-decoration: none;
	color: #003399;
}
.style6 a:hover {
	text-decoration: underline;
	color: #FF9900;
} 


.boton {
    background:#7F0001;
    border-bottom: 1px solid #460000;
    border-right: 1px solid #460000;
    border-left: 1px solid #460000;
    border-top:1px solid #460000;
    color:#FFFFFF;
	height:17px;
    text-decoration:none;
    font-weight: bold;
	font-size:10px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

.textocontendiv{
color:#FFFFFF;
font:Tahoma;
font-size:16px;
font-weight:bold;
}

/************************ LISTADOS ***************************/

.listado_titulo
{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #FF9900;
	text-align: center;
	vertical-align: middle;
}

.listado_columna
{
	background-color: #FF9900;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #FFFFFF;
	text-align: left;
	vertical-align: middle;
	font-size: 12px;
}

.listado_valor
{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
}

.tituloColumnaListado
{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	padding: 2px;
	background-color: #FFFFFF;
}

.filaParListado
{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	border-width: 0px;
	padding: 2px;
	vertical-align: middle;
	background-color: #FFFFFF; 
}

.filaImparListado
{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	border-width: 0px;
	padding: 2px;
	vertical-align: middle;
	background-color: #EEEEEE;
}

.filaAlerta
{
	border-width: 0px;
	padding: 2px;
	vertical-align: middle;
	background-color:#FF9999;
	color:#FFFFFF;
}

.contenidoListado
{
	border-color: #CF1717;
	border-style: solid;
	border-width: 1px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 11px;
	background-color: #FFFFFF;
}

/************************ FIN DE LISTADOS ***************************/

.forma_titulo
{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #000000;
	text-align: left;
	vertical-align: middle;
}

.forma_titulo_blanco
{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #FFFFFF;
	text-align: left;
	vertical-align: middle;
}

.forma_label
{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:13px;
}

/************************************************************************************************************/

/*mal*/
.mensaje_0
{
	background-color: #FFEBE8;
	padding: 5px;
	color: #000;
	font-size: 12px;
	font-weight: bold;
	border: 1px solid #DD3C10;
	text-align: center;
}

/*bien*/
.mensaje_1
{
	background-color: #F0FFF0;
	padding: 5px;
	color: #000;
	font-size: 12px;
	font-weight: bold;
	border: 1px solid #00FF00;
	text-align: center;
}

/*warning*/
.mensaje_2
{
	background-color: #FFFFDD;
	padding: 5px;
	color: #000;
	font-size: 12px;
	font-weight: bold;
	border: 1px solid #FFD700;
	text-align: center;
}
		   
/*   MENSAJES */
.mensaje_error
{
	border-style:solid;
	border-width:1px;
	border-color:#ff0000;
    background:silver;
    color:black;
    font-size:11px;
    width:300px;
    padding:4px;
    height:30px;
    padding-left:0px;
    text-align:center;
    padding-left:30px;
    padding-top:7px;
	position:relative;
}


.mensaje_exito
{
	border-style:solid;
	border-width:1px;
	border-color:#0000ff;
    background:silver;
    color:black;
    font-size:11px;
    position:relative;
    width:300px;
    padding:4px;
    height:30px;
    text-align:center;
    padding-left:0px;
    padding-top:7px
    
}

.mensaje
{
	border-style:solid;
	border-width:1px;
	border-color:#FF6633;
	background-color:#FFFFFF;
    color:black;
    font-size:11px;
    padding:4px;
	margin-top:100px;
    padding-left:0px;
    text-align:center;
    padding-left:30px;
    padding-top:7px;
	position:relative;
}

.mensaje_confirmacion
{
	background-image:url(../Imagenes/fondo_div_confirmacion.jpg);
  border:0;
  margin: 0;
  padding: 0 ;
  color:#fff;
  font-size:22px;
  text-align:center;
  width:367px;
  height: 180px;
  font-family: tahoma;
  font-style: italic;
}

.mensaje_confirmacion_empresa{
  font-family: tahoma;
  font-style: italic;
  font-size:22px;
  color:#FFAD0C;
  font-weight: bold;
}

#texto_tahoma{
  font-family: tahoma;
  font-style: italic;
  font-size:16px;
  font-weight: bold;
  color:#2b2b2b;
  text-align: left;
}

#ganadores{
  border:solid 2px #CDCDCD;
  background-color: #FFF;
}

.mensaje_premio_izquierda, .mensaje_premio_derecha
{
padding:7px;
}

.mensaje_premio
{
  font-family:Verdana, Arial, Helvetica, sans-serif;
  color:#666666;
  font-size:16px;
  text-align:left;
}

.mensaje_premio_imagen
{
  font-family:Verdana, Arial, Helvetica, sans-serif;
color:#0175C8;
  font-size:18px;
  text-align:left;
  font-weight: bold;
}

.mensaje_informacion_premio
{
  font-family:Verdana, Arial, Helvetica, sans-serif;
  color:#FF6600;
  font-size:16px;
}

.cajon_galeria_imagenes
{
width:700px;
height:150px;
overflow:auto;
border-style:solid;
border-width:1px;
border-color:#7177AB;
padding:1px;
}

.link
{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-decoration:none;	
	font-weight: bold;
	color: #1666AF;
}

#form{
position:absolute;
z-index:5;

display:none;
top:50px;
}

#tooltip{
z-index:3;
position:absolute;
width:159px;
display:none;

}

.tooltip_middle{
background-image:url(../Imagenes/tooltip_middle.png);
}

.contenido_tooltip{
z-index:5;
margin-left:34px;
width:100px;
text-align:justify;
vertical-align:middle;
font-size:9px;
}

#capa_inicio_fondo{
position:absolute;
left:0px;
top:0px;
background-color:#000000;
opacity: .70;
-moz-opacity: .70;
filter:alpha(opacity=70);
z-index:4;
display:none;
}
#capa_inicio_imagen{
position:absolute;
z-index:2;
width:100%;
text-align:center;
padding-top:100px;
display:none;
}

.activo
{
background: url(../Imagenes/click.png) no-repeat;
}
.inactivo
{
background: url(../Imagenes/click_gris.png) no-repeat;
}

.cali_activo
{
	background: url(../Imagenes/cali_link.jpg) no-repeat;
}

.cali_inactivo
{
background: url(../Imagenes/cali_link_gris.jpg) no-repeat;
}

.bucaramanga_activo
{
	background: url(../Imagenes/bucaramanga_link.jpg) no-repeat;
}

.bucaramanga_inactivo
{
background: url(../Imagenes/bucaramanga_link_gris.jpg) no-repeat;
}

.ganadores
{
	background-image:url(../Imagenes/fondo_modulos.jpg);
  background-repeat:no-repeat;
  width:217px;
	height:340px;
	
	padding: 10px;
}

.ganadores span{
  font-size:11px;
}

.tabla_ganadores
{
	color:#707070;
	font-size:11px;
}

#titulo_empresa_ganadores{
  color:#FFA607;
  font-size:11px;
  font-weight: bold;
}

form{
	margin: 0;
	padding: 0;
}

/******************************* click *********************************************/
.top{
background-image:url(../Imagenes/fondotop.jpg);
background-repeat:repeat-x;
width:100%;
height:130px;
}
.topclick{
margin-top:0px;
text-align:left,top;
 vertical-align: text-top;
width:1100px;
height:130px;

}
.fondomain{
margin-top:0px;
margin-left:auto;
margin-right:auto;
text-align:center;
background-image:url(../Imagenes/fondomain.jpg);
background-repeat:repeat-y;
width:1100px;
height:auto;
}
.tablamodulos{
text-align:center;
width:237px;
height:361px;

}
.moduloregistro{
text-align:center;
background-image:url(../Imagenes/fondo_modulos.jpg);
background-repeat:no-repeat;
width:237px;
height:361px;
padding:5px;
padding-left:7px;
}
.botonregistro{
margin-top:5px;
text-align:center;
width:220px;
height:280px;
}
.textoregistro{
padding-top:2px;
padding-left:15px;
padding-right:5px;
color:#333333;
text-align:left;
font-size:12px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-style:italic;
}

.titulo_registro{
padding-left: 14px;
}

/*.fondoblogs{
background-image:url(../Imagenes/fondoblogs.jpg);
background-repeat:no-repeat;
width:765px;
height:156px;
padding-top:30px;
}*/
.fondocontenido{
background-image:url(../Imagenes/fondocontenido.jpg);
background-repeat:no-repeat;
width:238px;
height:223px;
}
.fondomegusta{
background-image:url(../Imagenes/fondo_modulos.jpg);
background-repeat:no-repeat;
width:237px;
height: 361px;
}

.requerido{
  color:#FF0000;
}

.fm_autenticar select{
  background-color: #0076C8;
  color: #FFF;
  padding:2px;
  font-weight:bold;
  font-size:14px;
}

.cont_select{
  padding: 0 ;
  color: #FFF;
  border:2px solid #FD9704;
  width:105px;
}

.cont_select select{
  width:105px;
}

.fm_autenticar input[type=text]{
  padding:2px;
  font-weight:bold;
  background-color: #F9F9F9;
  border:2px solid #0076C8;
}

.form_registro select{
  padding:2px;
}

.form_registro input[type=text]{
  padding:2px;
}

.premio_res{
font-size:10px;
color:#055AB1;
font-weight:bold;
}

.num_premios{
font-size:20px;
font-weight:bold;
color:#444444;
}

.titulo_premio_uno{
color:#EC4D26;
font-size:14px;
}

.titulo_premio_dos{
color:#3077BF;
font-size:18px;
}

.bold{
  font-weight:bold;
}

.matrices{
 margin-left:30px;
}

.div_premio{
  background-image: url('../Imagenes/fondo_div_premio2.png');
  width:847px;
  height:513px;
  background-repeat: no-repeat;
}

.div_rank{
  background-image: url('../Imagenes/fondo_rank.jpg');
  width:729px;
  height:461px;
  background-repeat: no-repeat;
}

.div_pines{
  background-image: url('../Imagenes/fondo_pines.jpg');
  width:729px;
  height:481px;
  background-repeat: no-repeat;
}

.div_importar_contactos{
  background-image: url('../Imagenes/fondo_importar_contactos.png');
  width:729px;
  height:421px;
  background-repeat: no-repeat;
}

.titulo_pines{
  font-family: tahoma;
  font-size: 18px;
  color:#0076c8;
}

.caja_gris{
  background-image: url('../Imagenes/caja_gris.jpg');
  width:280px;
  height:159px;
  background-repeat: no-repeat;
}

.subtitulo_azul{
  font-family: tahoma;
  font-size: 12px;
  font-weight: bold;
  color:#0076c8;
}

.campo_gris{
  font-family: tahoma;
  font-size: 12px;
  font-weight: bold;
  color:#9b9797;
}

.pines_gris{
  font-family: tahoma;
  font-size: 10px;
  font-weight: bold;
  color:#9b9797;
}

.info_gris{
  font-family: tahoma;
  font-size: 12px;
  color:#9b9797;
}

.pines_azul{
  font-family: tahoma;
  font-size: 10px;
  font-weight: bold;
  color:#0076c8;
}

.texto_blanco{
  font-family: tahoma;
  font-size: 14px;
  color:#FFF;
}

.texto_blanco_pequeno{
  font-family: tahoma;
  font-size: 11px;
  color:#FFF;
}

.texto_naranja{
  font-family: tahoma;
  font-size: 14px;
  color:#ffad0f;
  font-weight: bold;
}

.fondo_div{
  background-image: url('../Imagenes/fondo_div_hack.jpg');
}

#cerrar_div_premio{
  text-align: right;  
}

#cerrar_div_premio .boton_cerrar{
 cursor: pointer;
}

.contenido_premio_derecha{
  color:#FFF;
  font-size:12px;
}

.recomienda{
  color:#FFF;
  font-size:13px;
  font-weight:bold;
}

.imagen_div_premio{
  height: expression( this.scrollHeight > 280 ? "281px" : "auto" );
  max-height: 280px;  
  width: expression( document.body.clientWidth > 270 ? "271px" : "auto" );
  max-width: 270px;  
}

.no_border{
  border:0;
}

.azul:visited,.azul:link,.azul:hover{
  color:#0077C9;
  font-weight: bold;
}

.nombre_usuario{
  font-size: 14px;
  font-weight: bold;
}

.titulo_rank{
color:#ff7f00;
font-size: 14px;
font-family: tahoma;
font-weight: bold;
}
.subtitulo_rank{
color:#0076c8;
font-size: 14px;
font-family: tahoma;
}

.texto_gris_rank{
color:#666363;
font-size: 12px;
font-family: tahoma;
}

.texto_azul_rank{
color:#045aa8;
font-size: 12px;
font-family: tahoma;
}

.col_rank{
color:#FFF;
font-size: 12px;
font-family: tahoma;
font-weight: bold;
}

.titulo_col_rank{
 color:#FFF;
font-size: 18px;
font-family: tahoma;
font-weight: bold;
}

.num_col_rank{
 color:#FFF;
font-size: 20px;
font-family: tahoma;
font-weight: bold;
}

.puntos_rank{
color:#ffad0f;
font-size: 20px;
font-family: tahoma;
font-weight: bold;
}          

span.texto_gris_ganadores
{
	color: #666363;
}

span.texto_gris_ganadores span
{
	color: #666363;
}      

div.texto_gris_premio
{
	color: #666363;
	font-size: 13px;
}

div.texto_gris_premio span
{
	color: #666363;   
	font-size: 13px;
}         

span.texto_gris_registro
{
	color: #666363;
	font-size: 11px;
}

div.mensaje_premio_imagen span
{
	color: #666363;
	font-size: 13px;
}

.texto_gris_prem
{
	color: #666363;
	font-size: 13px;
}

.pointer
{
	cursor: pointer;
}

.pines_azul_rank
{
  font-family: tahoma;
  font-size: 11px;
  color: #045aa8;
}    

.pines_azul_rank a, .pines_azul_rank a:hover, .pines_azul_rank a:visited, .pines_azul_rank a.active
{
  font-family: tahoma;
  font-size: 11px;
  color: #045aa8;
}