/* CSS Document */
body {
	font-family: Tahoma, sans-serif; 
	font-size: 85%; 
	background-color:#F4F4F4;
	color:#000;
	text-align:center; /*aqui mandamos a centrar todo el contenido*/
	margin:0px;
	overflow:hidden;	
}
H1{color:#005296;}
H2{color:#000; font-size:20px; margin:0px;}
H3{margin:0px;}
a{color: #005296;text-decoration: none;}

.topform{background: url(http://www.telemk.com/img/fd_top_form.gif) top no-repeat; height:15px; width:750px;}
.bgform{background: url(http://www.telemk.com/img/fd_content_form.gif) bottom repeat-y; width:750px; margin:0px; display:block;}
.bottomform{background: url(http://www.telemk.com/img/fd_bottom_form.gif) bottom no-repeat; height:15px; width:750px; display:block;}
form.big{ width:750px; margin:0px; padding:15px;}
form.big {font-size:23px; color:#CC0000; line-height:25px;}
form.big H1{color:#005296; font-size:28px;}
form.big input.texto{width: 350px; height:30px; font-size:28px; padding:5px;}
form.big input.boton{ padding:2px; font-size:26px; vertical-align:top; background-color:#005296; color:#FFF; height:40px;}
form.big select{ margin:3px; font-size:25px; line-height:28px;}
form.midd input{font-size:16px; color:#990000;}
form.midd select{font-size:16px; color:#990000;}
form.midd input.boton{ padding:2px; font-size:16px; vertical-align:top; background-color:#005296; color:#FFF; height:30px;}

/***** portada ******/
.formBusca{display:inline; float:left; margin:10px; text-align:left}
.miniTitle{ font-size:10px; color:#666666;}

/********* capas **********/
#todoContenedorCentral{overflow:auto; position:absolute; top:40px; left:0px; bottom:40px; width:100%;}
/* Botonera superior */
#botonera { background-image:url(http://www.telemk.com/img/logo_pq.gif); background-position:left; background-repeat:no-repeat; text-align:left; padding:5px; padding-left:120px; z-index:80; top:0px; left:0px; right:0px; height:25px; background-color:#ECEDF4; border-bottom:#C3C3C3 1px solid; overflow:hidden; display:block;}
#botonera a{font-size:18px; color:#C3C3C3; text-decoration:none; margin-left:15px;}
#botonera a:hover{ color:#666666;}
/* Botonera inferior */
#botoneraBottom { padding:0px; position:absolute; z-index:80; bottom:0px; left:0px; right:0px; height:30px; background-color:#DADDF2; border-top:#C3C3C3 1px solid; overflow:hidden; display:block;}
#botoneraBottom #trayDer{ text-align:left; }
#botoneraBottom #trayDer a{ color:#000; background-color:#FFFFFF; border-left:#ccc 1px solid; border-right:#ccc 1px solid; float:right; margin-top:0px; padding-left:4px; padding-right:4px; padding-top:4px; padding-bottom:8px;}
#botoneraBottom #trayDer a:hover{ background-color:#005296; color:#FFFFFF;}

/*opciones adicionales botonera superior */
#opciones { clear:right; display:none; position:relative; float:right; z-index:99; background-color:#ECEDF4; border:1px solid #C3C3C3; border-top:none; border-right:none; margin-top:0px; }
#opciones a{font-size:18px; color:#C3C3C3; text-decoration:none; margin-left:15px;}
#opciones a:hover{ color:#666666;}

.verTipos {position:relative; float:left; font-size:18px; color:#666666; text-decoration:none; margin-left:5px; z-index:99;}
.verTipos a{position:relative; float:left; font-size:12px; color:#C3C3C3; text-decoration:none; z-index:99;}


/* Capa flotante derecha */
#flotanteDer{ visibility:hidden; display:none; width:450px; position:relative; float:right; z-index:1;/* background-color:#ECEDF4;*/ padding:5px; padding-bottom:40px; /*visibility:hidden; display:none;*/}
#flotanteDer div H1{color:#005296; margin:2px; padding-top:5px; font-size:12px; border-bottom:#CCCCCC 1px solid; width:90%;}
#flotanteDer div td{text-align:center; font-size:12px;}
#flotanteDer div td.titFila{text-align:left; font-weight:bold;}
#flotanteDer div td.titCol{text-align:center; font-weight:bold; border-bottom:#CCCCCC 1px solid;}
#flotanteDer div td.dataCel{background-color:#FFFFFF; text-align:right; padding-right:10px;}
#flotanteDer a.botonCerrar {width:18px; height:18px; line-height:18px; color:#FFFFFF; font-size:18px;  background-color:#F28989; padding:3px; margin:5px; float:right; display:block;}
#flotanteDer a.botonCerrar:hover{background-color:#FF0000;}
#flotanteDer #statsUsuarioConectado{ border:#CCCCCC 1px solid; background-color:#F2F2F2; margin-bottom:20px;}

#flotanteDer #datosClienteActual{ border:#CCCCCC 1px solid; background-color:#F2F2F2; margin-bottom:20px;}
#flotanteDer #datosClienteActual input{width:90%; float:right;}
#flotanteDer #datosClienteActual select{width:91%; float:right;}

#flotanteDer #seguimientoClienteActual { border:#CCCCCC 1px solid; background-color:#F2F2F2; margin-bottom:20px;}
#flotanteDer #seguimientoClienteActual textarea{width:90%; float:right; height:150px;}
#flotanteDer #seguimientoClienteActual td{text-align:left; vertical-align:top;}
#flotanteDer #seguimientoClienteActual td.mensajeSeg{background:#FFFFFF; border:#ccc 1px solid; padding:2px;}
#flotanteDer #seguimientoClienteActual tr.separa td{border-bottom:#DCDCDC 1px solid;}

#flotanteDer #objeccionesGenerales{ border:#CCCCCC 1px solid; background-color:#F2F2F2; margin-bottom:20px;}
#flotanteDer #objeccionesGenerales textarea{width:90%; float:right; height:150px;}
#flotanteDer #objeccionesGenerales td{text-align:left; vertical-align:top;}
#flotanteDer #objeccionesGenerales td.mensajeSeg{background:#FFFFFF; border:#ccc 1px solid; padding:2px;}
#flotanteDer #objeccionesGenerales tr.separa td{border-bottom:#DCDCDC 1px solid;}

/*Capa agenda de comerciales */
#contenedorAgenda{ background-color:#A3A3A4;  position: absolute; left:0px; top:0px; z-index:90; text-align:center;}
#agendaComerciales {  position:absolute; top:0px; left:0px; background-color:#FFFFFF; z-index:99; }

/* Contenido principal */
#contenido {position:absolute; left:20px; top:60px; text-align:center; padding-bottom:50px; }
/*Zona de avisos con mensajes de error */
#zonaAvisos{ background-color:#FFFFE1; border:#E3E5F2 1px solid; width:500px; margin:auto; margin-top:5px; margin-bottom:5px; padding:5px; font-family:Arial, Helvetica, sans-serif; color:#000000;}	
#zonaAvisos h1{font-size:22px; color:#000000; letter-spacing:normal; text-indent:20px; background-position:left; background-repeat:no-repeat; height:16px; border:0px;}
#zonaAvisos h1.error {color:#DC0D0D;}
#zonaAvisos h1.ok {color:#2B9A0D;}
#zonaAvisos ol{ line-height:25px; font-size:18px; list-style:none; }

/*Capa superpuesta con el mensaje de cargando */
#overDivLoading.opacidad_off{display: none;}
#overDivLoading.opacidad_on {filter: alpha(opacity=60);opacity: .6; background-color:#A3A3A4;width: 100%;height: 100%;position: absolute;top: 0pt;left: 0pt;z-index: 100;}
#overDivLoading p{ background-color:#FF0000;width:auto;float:right;margin:5px;padding:2px; margin-top:0px; color:#FFFFFF; border:#000 1px solid;font-size:25px;font-family:Verdana, Arial, Helvetica, sans-serif;cursor:default;}

/* portada */
#telefonos{ display:none; visibility:hidden; width:735px; background-color:#FFF; border-right:#CCCCCC 1px solid; border-bottom:#CCCCCC 1px solid; padding-bottom:30px; padding-top:10px;}
#telefonos a:hover{ color:#CC0000;}
#telefonos #dataTelf {display:block; overflow:hidden;}
#telefonos #dataTelf table{ text-align:left;}
#telefonos td em{background-color:#FFFC00; font-style:normal;}
#listaTelefonos p{width:500px; background-color:#FFFFFF; border:#CCCCCC 1px solid; font-size:20px; padding:5px; line-height:30px; font-weight:bold; margin-bottom:20px;}

#poblaciones{ display:none; visibility:hidden; width:735px; background-color:#FFF; border-right:#CCCCCC 1px solid; border-bottom:#CCCCCC 1px solid; padding-bottom:30px; padding-top:10px;}
#poblaciones a:hover{ color:#CC0000;}
#poblaciones #dataPob {display:block; overflow:hidden;}
#poblaciones #dataPob ul{ text-align:left; padding-left:8px; font-size:16px; margin:0px; display:block;}
#poblaciones #dataPob ul{width:230px; position:relative; float:left; display:inline; list-style:none;}
#poblaciones #dataPob ul li{padding-bottom:8px;}
#poblaciones input.boton{padding:2px; font-size:15px; vertical-align:top; background-color:#005296; color:#FFF; height:24px;}

/* llamadas */
#listaTelefonos table{ text-align:left; font-size:17px;}
#listaTelefonos td{padding:2px; cursor:pointer;}
#listaTelefonos td div{ font-style:normal; font-size:12px; margin:0px; display:inline; padding:0px; position:relative; float:left; color:#005296; padding-left:10px;}
#listaTelefonos td.lnkpag{ background:none; cursor:auto; font-size:12px; border:0;}
.lnkOpenBoxes { visibility:hidden; display:none; position:absolute; right:20px; top:0px; font-size:18px;}
#nombrePersonaLlamar{ width:90%; height:30px; background-color:#FFFFFF; border:#CCCCCC 1px solid; color:#005296; font-size:30px; padding:5px; line-height:30px; margin-bottom:20px; }
#numTelefono {width:500px; height:80px; background-color:#FFFFFF; border:#CCCCCC 1px solid; font-size:52px; padding:5px; line-height:80px; font-weight:bold; }

/* Texto leer */
#datosTextoLeer .hojaTexto{ text-align:left; width:720px; background-color:#F2F2F2; border:#CCCCCC 1px solid;padding:5px; line-height:30px; overflow:hidden; display:block;}
#datosTextoLeer .hojaTexto P{ font-family:"Times New Roman", Times, serif; cursor:pointer; font-size:24px; color:#481212; margin:2px; padding:10px;}
#datosTextoLeer .hojaTexto P:hover{ background-color:#FFFFFF; color:#000;}
#datosTextoLeer .hojaTexto P.leido{ background-color:#FCFFEA; color:#B4B4B4;}
#datosTextoLeer .hojaTexto  #datosTextoLeer .hojaTexto p span{ font-style:normal; background-color:#FFFF99; color:#000000; border:#000 1px solid; padding-left:4px; padding-right:4px;}
#datosTextoLeer .hojaTexto .nombreCliente {font-style:normal; background-color:#FFFF99; color:#000000; border:#000 1px solid; padding-left:4px; padding-right:4px;}
#datosTextoLeer .hojaTexto .nombreTeleoperador {font-style:normal; background-color:#D5EAC8; color:#000000; border:#000 1px solid; padding-left:4px; padding-right:4px;}
#datosTextoLeer .hojaTexto P.leido em, #datosTextoLeer .hojaTexto p.leido span{ border-color:#ccc; color:#ccc;}
#datosTextoLeer .hojaTexto ul{ font-family:"Times New Roman", Times, serif; cursor:pointer; font-size:22px; color:#481212; margin:2px; padding:10px; margin-left:15px; }
#datosTextoLeer .hojaTexto ul:hover{ background-color:#FFFFFF; color:#000;}
#datosTextoLeer .hojaTexto ul.leido{ background-color:#FCFFEA; color:#B4B4B4;}

a.botonSi {width:80px; height:60px; float:left; margin-left:100px; background-color:#B6FC9D; display:block; font-size:35px; padding-top:15px; color:#1A6002; font-weight:bold; border-right:#1A6002 1px solid; border-bottom:#1A6002 1px solid;}
a.botonNo {width:80px; height:60px; float:right; margin-right:100px; background-color:#FCCDCD; display:block; font-size:35px; padding-top:15px; color:#C42D2D; font-weight:bold; border-right:#C42D2D 1px solid; border-bottom:#C42D2D 1px solid;}

#seleccionDiaVolverLlamar { width:550px; border:#ccc 1px solid; background-color:#F4F4F4; text-align:left; padding:10px;}
#seleccionDiaVolverLlamar H1{ font-size:14px;} 

/* ficha Usuarios */
#boxFichaUsuario div H1{color:#005296; margin:2px; padding-top:5px; font-size:12px; border-bottom:#CCCCCC 1px solid; width:90%;}
#boxFichaUsuario div td{text-align:center; font-size:12px;}
#boxFichaUsuario div td.titFila{text-align:left; font-weight:bold;}
#boxFichaUsuario div td.titCol{text-align:center; font-weight:bold; border-bottom:#CCCCCC 1px solid;}
#boxFichaUsuario div td.dataCel{background-color:#FFFFFF; text-align:right; padding-right:10px;}
#boxFichaUsuario #datosFichaUsuario{ border:#CCCCCC 1px solid; background-color:#F2F2F2; margin-bottom:20px; width:90%;}
#boxFichaUsuario #datosFichaUsuario input{width:235px; float:right;}
#boxFichaUsuario #datosFichaUsuario select{width:240px; float:right;}
#listaUsuarios table{ text-align:left; font-size:17px;}
#listaUsuarios td{padding:2px; cursor:pointer;}
#listaUsuarios td div{ font-style:normal; font-size:12px; margin:0px; display:inline; padding:0px; position:relative; float:left; color:#005296; padding-left:10px;}
#listaUsuarios td.lnkpag{ background:none; cursor:auto; font-size:12px; border:0;}

/* ficha oficinas */
#boxFichaOficina div H1{color:#005296; margin:2px; padding-top:5px; font-size:12px; border-bottom:#CCCCCC 1px solid; width:90%;}
#boxFichaOficina div td{text-align:center; font-size:12px;}
#boxFichaOficina div td.titFila{text-align:left; font-weight:bold;}
#boxFichaOficina div td.titCol{text-align:center; font-weight:bold; border-bottom:#CCCCCC 1px solid;}
#boxFichaOficina div td.dataCel{background-color:#FFFFFF; text-align:right; padding-right:10px;}
#boxFichaOficina #datosFichaOficina{ border:#CCCCCC 1px solid; background-color:#F2F2F2; margin-bottom:20px; width:90%;}
#boxFichaOficina #datosFichaOficina input{width:235px; float:right;}
#boxFichaOficina #datosFichaOficina select{width:240px; float:right;}
#listaOficinas table{ text-align:left; font-size:17px;}
#listaOficinas td{padding:2px; cursor:pointer;}
#listaOficinas td div{ font-style:normal; font-size:12px; margin:0px; display:inline; padding:0px; position:relative; float:left; color:#005296; padding-left:10px;}
#listaOficinas td.lnkpag{ background:none; cursor:auto; font-size:12px; border:0;}

/* lista seguimientos */
#listaSeguimientos table{ text-align:left; font-size:14px;}
#listaSeguimientos table{ text-align:left; font-size:14px;}
#listaSeguimientos table td.coment{ background-color:#F4F4F4; border:#E3E5F2 1px solid; padding:2px;}
#listaSeguimientos table td.teleop{ color:#7F9DB9;}
/* lista visitas */
#listaVisitas table{ text-align:left; font-size:14px;}
#listaVisitas table td.coment{ background-color:#F4F4F4; border:#E3E5F2 1px solid; padding:2px;}
#listaVisitas table td.teleop{ color:#7F9DB9;}
#listaVisitas table td.com{ color:#093A68;}
/* listado objecciones */
#listaObjecciones table{ text-align:left; font-size:14px;}
#listaObjecciones table{ text-align:left; font-size:14px;}
#listaObjecciones table td.coment{ background-color:#F4F4F4; border:#E3E5F2 1px solid; padding:2px;}
#listaObjecciones table td.teleop{ color:#7F9DB9;}

input.botonNewUser{ padding:2px; font-size:16px; vertical-align:top; background-color:#005296; color:#FFF; height:30px;}
input.botonFiltro{ padding:0px; font-size:14px; vertical-align:top; background-color:#005296; color:#FFF; height:25px;}


.filtros{float:left; margin:5px;}