/**/

/*ESTILOS GENERICOS DE SELECTORES*/
/*Estilo del bloque*/
.selectorBloque{
color:#000;
height:20px;
}

/*Botones del selector*/
.selectorBloque .boton{
overflow:hidden;
text-indent:100px;
width:16px;
}

.selectorBloque .selectorBotones a{
width:16px;
height:16px;
display:block;
float:left;
text-decoration:none;
}
.selectorBloque .selectorBotones a:link,
.selectorBloque .selectorBotones a:visited,
.selectorBloque .selectorBotones a:hover{
text-decoration:none;
}
.selectorBloque .selectorBotones .botonAbrir{
background:no-repeat url(/img/selectores/abrirselector.gif);
width:24px;
margin-left:3px;
}
.selectorBloque .selectorBotones .botonVaciar{
background:no-repeat url(/img/selectores/vaciar.gif);
margin-left:3px;
}
.selectorBloque .selectorBotones .botonPrevisualizar{
background:no-repeat url(/img/iconos/p/table-sql-view.gif);
width:16px;
margin:0 0 0 3px;
}

/*Representacion de la seleccion actual*/
.selectorBloque .selectorDestinoVisual{
color:#000;
float:left;
width:358px;
padding:2px 0px 0px 2px;
height:18px;
border:1px solid #ccc;
background:#fff;
cursor:default;
overflow:hidden;
}
.selectorBloque .selectorDestinoVisual .sinDefinir{
color:#888;
font-style:italic;
}

/*botones dentro del estilo visual*/
.selectorBloque .selectorDestinoVisual .boton{
width:16px;
height:16px;
text-decoration:none;
display:block;
float:right;
margin-top:-18px;
margin-right:5px;
}

/*Boton de eliminar elemento de lista*/
.selectorBloque .selectorDestinoVisual .botonQuitarElemento{
background:no-repeat url(/img/selectores/eliminar.gif);
}

/*Popups de los selectores*/
.selectorVentana{
color:#fff;
background:url(/img/selectores/fondo-ventana.gif) repeat-x #013354;
border:solid 2px #aaf;
width:300px;
height:300px;
left:50%;
margin-left:-150px;
top:50%;
margin-top:-150px;
position:absolute;
padding:0;
}

.selectorVentana .boton{
overflow:hidden;
text-indent:100px;
width:16px;
}
.selectorVentana a.botonCerrar{
position:absolute;
right:2px;
top:0px;
background:no-repeat url(/img/selectores/cerrar.gif);
width:16px;
height:16px;
}
.selectorVentana a.botonVolver{
position:absolute;
right:20px;
top:0px;
background:no-repeat url(/img/selectores/volver.gif);
width:16px;
height:16px;
}
.selectorVentana a:link,
.selectorVentana a:visited,
.selectorVentana a:hover{
text-decoration:none;
}

.selectorVentana .sinRegistros{
text-align:center;
margin-top:30px;
font-size:1.2em;
color:#a00;
}

.selectorVentana ul{
margin:0;
padding:0;
}
/*Estilo del contenido de la ventana*/
.selectorVentana .selectorVentanaContenido{
position:absolute;
border:1px solid #000;
margin:0;
padding:0;
color:#000;
background-color:#fff;
top:25px;
left:10px;
}
.selectorVentana .selectorVentanaContenido li{
color:#000;
}
.selectorVentana .selectorVentanaContenido h1.titulo{
position:absolute;
left:0px;
top:-20px;
font-size:14px;
display:block;
color:#fff;
z-index:1000;
font-style:italic;
padding:0;
margin:0;
}
.selectorVentana .botonSelector{
background-color:#eee;
background-position:3px 4px;
background-repeat:no-repeat;
border-left:2px solid #bbb;
border-bottom:2px solid #bbb;
border-top:1px solid #ddd;
border-right:1px solid #ddd;
float:right;
margin-right:10px;
margin-top:10px;
display:block;
padding:4px 3px 2px 20px;
text-indent:0px;
width:auto;
font-size:12px;
color:#000;
}
.selectorVentana .botonSelector:hover{
border-left:1px solid #bbb;
border-bottom:1px solid #bbb;
border-top:2px solid #ddd;
border-right:2px solid #ddd;
}
.selectorVentana .botonCancelarSelector{
background-image:url(/img/iconos/p/delete2.gif);
}
.selectorVentana .botonGuardarSelector{
background-image:url(/img/iconos/p/check2.gif);
}
.selectorVentana .botonVolverSelector{
background-image:url(/img/selectores/volver.gif);
}

/*Listados en selectores*/
.selectorVentana .listado{
width:97%;
margin:0 auto;
}
.selectorVentana .listado table{
width:97%;
}
.selectorVentana .formularioListado{
width:93%;
position:relative;
margin:10px auto;
}
.selectorVentana .formularioListado select{
width:150px;
}
.selectorVentana .formularioListado .libre .boton{
float:none;
display:block;
position:relative;
padding-left:16px;
padding-bottom:2px;
width:auto;
margin-left:10px;
background-repeat:no-repeat;
background-position:0px 0px;
text-indent:0;
}
.selectorVentana .listado table td a,
.selectorVentana .listado table td span{
height:18px;
overflow:hidden;
}
.selectorVentana .listado table .colEstadoPublicacion{
width:15px;
}
.selectorVentana .listado table .colEstadoPublicacion .ep{
display:block;
width:0;
overflow:hidden;
}
.selectorVentana .listado .nivel0{margin-left:5px;font-size:14px;font-weight:bold;}
.selectorVentana .listado .nivel1{margin-left:30px;font-size:14px;}
.selectorVentana .listado .nivel2{margin-left:55px;font-size:13px;}
.selectorVentana .listado .nivel3{margin-left:80px;font-size:12px;}
/*fin listados en selectores*/

/*Listas simples*/
.selectorVentana .listado ul{
padding:0;
margin:5px;
clear:both;
}
.selectorVentana .listado ul li{
font-size:12px;
padding:2px;
}
.selectorVentana .listado ul li.elemPar{background-color:#DDDDFF;}
.selectorVentana .listado ul li.elemImpar{background-color:#CCCCEE;}

.selectorVentana .listadoMiniaturas ul{
margin:0;
padding:0;
width:100%;
border:none;
height:auto;
}
.selectorVentana .listadoMiniaturas ul li{
font-size:12px;
padding:2px;
float:left;
margin:1px;
}
/*fin listas simples*/

/*Listas de opciones en selectores*/
.selectorVentana .listaOpciones a{
display:block;
float:left;
margin:10px 0 0 10px;
width:80px;
height:25px;
padding-top:55px;
text-align:center;
background-repeat:no-repeat;
background-position:center 10px;
border:1px solid #bbb;
line-height:12px;
}
.selectorVentana .listaOpciones a:hover{
border:1px solid #aaa;
background-color:#eee;
background-position:center 12px;
}
/*Fin listas simples*/

/*buscadores*/
.selectorVentana .barraListado{
padding-left:10px;
width:auto;
height:30px;
}
.selectorVentana .barraListado label{
font-size:12px;
margin-right:5px;
display:none;
}
.selectorVentana .barraListado .botonBuscador{
border:1px solid #bbb;
margin-left:5px;
background:url(/paneldecontrol/img/iconos/botones/buscar.gif) no-repeat 2px #ddd;
padding:0 0 0 18px;
}
.selectorVentana .barraListado .botonBuscadorMasResultados{background-image:url(/img/iconos/p/add2.gif);}
.selectorVentana .barraListado .botonUsarUrl{background-image:url(/img/iconos/p/earth.gif);}
/*fin buscadores*/

/*mensajes de aviso*/
.selectorVentana .aviso{
width:200px;
margin:50px auto;
padding-left:40px;
font-size:14px;
font-weight:bold;
color:#900;
background:url(/paneldecontrol/img/iconos/avisos.gif) no-repeat;
}
/*FIN ESTILOS GENERICOS DE SELECTORES*/
.selectorVentana tr.par{
background-color:#ddd;
}
.selectorVentana tr.impar{
background-color:#eee;
}

/*ESTILOS DE FECHAS*/
/*Botones del selector*/
.selectorBloqueFecha .selectorBotones a.botonAbrir{
background:url(/img/selectores/abrirfecha.gif) no-repeat;
width:16px;
height:16px;
margin-left:3px;
}

/*Estilo del contenido de la ventana*/
.selectorVentanaFecha{
width:300px;
height:240px;
margin:-120px 0 0 -150px;
}
.selectorVentanaFecha .selectorVentanaContenido{
width:280px;
height:200px;
}
.selectorVentanaFecha .calendarioBloque{
background-color:#fff;
}
.selectorVentanaFecha .calendarioBloque .mes{
float:left;
height:20px;
width:120px;
margin-left:5px;
}
.selectorVentanaFecha .calendarioBloque .anyo{
float:right;
height:20px;
width:120px;
margin-right:5px;
}
.selectorVentanaFecha .calendarioBloque span{
float:left;
width:100px;
text-align:center;
cursor:default;
}
.selectorVentanaFecha .calendarioBloque .mes span{
width:85px;
padding-right:15px;
}
.selectorVentanaFecha .calendarioBloque .mostrarMeses,
.selectorVentanaFecha .calendarioBloque .mostrarAnyos{
display:block;
position:absolute;
top:3px;
left:95px;
width:15px;
height:11px;
background:url(/img/selectores/desplegar.gif) no-repeat;
}
.selectorVentanaFecha .calendarioBloque .mostrarAnyos{left:240px;}
.selectorVentanaFecha .calendarioBloque .listaMeses,
.selectorVentanaFecha .calendarioBloque .listaAnyos{
position:absolute;
background-color:#eee;
top:15px;
left:20px;
width:83px;
font-size:10px;
padding:2px;
border:1px solid #ddd;
}
.selectorVentanaFecha .calendarioBloque .listaAnyos{left:170px;}
.selectorVentanaFecha .calendarioBloque .listaMeses a,
.selectorVentanaFecha .calendarioBloque .listaAnyos a{
display:block;
}
.selectorVentanaFecha .calendarioBloque .listaMeses a:hover,
.selectorVentanaFecha .calendarioBloque .listaAnyos a:hover{
background-color:#fff;
}
.selectorVentanaFecha .calendarioBloque .boton{
width:10px;
height:9px;
display:block;
float:left;
margin-top:5px;
}
.selectorVentanaFecha .calendarioBloque .botonCalendarioAnt{
background:no-repeat url(/img/selectores/anterior.gif);
}
.selectorVentanaFecha .calendarioBloque .botonCalendarioSig{
background:no-repeat url(/img/selectores/siguiente.gif);
float:right;
}

.selectorVentanaFecha table.calendario{
width:100%;
height:190px;
color:#000;
overflow: hidden;
clear:both;
border:1px solid #999;
text-align: center;
background-color:#ccc;
padding: 0px;
margin: 0px;
border-spacing:4px;
}
.selectorVentanaFecha table.calendario{
color: #191718;
}
.selectorVentanaFecha table.calendario caption{
display:none;
}

.selectorVentanaFecha table.calendario td{
text-align:center;
}
.selectorVentanaFecha table.calendario td.dia{
border:1px solid #fff;
background-color:#ddd;
}
.selectorVentanaFecha table.calendario td.dia a{
width:100%;
height:100%;
display:block;
}
.selectorVentanaFecha table.calendario td.cerrado{
background-color:#666;
color:#ccc;
cursor:default;
}
/*FIN ESTILOS DE FECHAS*/

/*ESTILOS DE HORAS*/
/*Estilo del contenido de la ventana*/
.selectorVentanaFechaHora .horaBloque{
padding:20px;
}
.selectorVentanaFechaHora .horaBloque .seleccionHora{
border:1px solid #ddd;
background-color:#eee;
padding:5px;
padding-left:27px;
font-size:16px;
font-weight:bold;
}
.selectorVentanaFechaHora .horaBloque select{
width:50px;
margin-right:7px;
margin-left:7px;
}
/*FIN ESTILOS DE HORAS*/

/*ESTILOS DE SELECTOR DE OBJETOS*/
/*selector multiple*/
.selectorBloqueObjetoBaseConjunto{
display:block;
float:left;
height:300px;
width:400px;
margin-bottom:10px;
}
.selectorBloqueObjetoBaseConjunto .selectorDestinoVisual{
width:420px;
height:280px;
overflow:auto;
background-color:#fff;
background-image:none;
color:#000;
text-align:center;
padding:0;
}
.selectorBloqueObjetoBaseConjunto .selectorDestinoVisual .botonQuitarElemento{
float:none;
margin:0;
}
#formulario .selectorBloqueObjetoBaseConjunto .listado{
width:400px;
}
#formulario .selectorBloqueObjetoBaseConjunto .listado table{
width:400px;
}
#formulario .selectorBloqueObjetoBaseConjunto .listado table td{
text-align:left;
height:auto;
}
/*En solo lectura ocultamos el boton de eliminar*/
.selectorBloqueObjetoBaseConjuntoSoloLectura .selectorDestinoVisual .botonQuitarElemento{
display:none;
}

.selectorBloqueObjetoBaseConjunto .selectorDestinoVisual .sinDefinir{
margin-top:120px;
display:block;
font-size:14px;
color:#555;
}
.selectorBloqueObjetoBaseConjunto .selectorBotones{
display:block;
height:23px;
width:422px;
float:left;
background-color:#cce;
padding:0;
}
.selectorBloqueObjetoBaseConjunto .selectorBotones .botonAbrir{
background:no-repeat url(/img/selectores/abrirselector.gif);
width:auto;
margin-left:10px;
margin-top:4px;
padding-left:26px;
text-indent:0px;
overflow:visible;
}
.selectorBloqueObjetoBaseConjunto .selectorBotones .botonVaciar{
background:no-repeat url(/img/selectores/vaciar.gif);
width:auto;
margin-top:4px;
padding-left:16px;
margin-left:10px;
text-indent:0px;
}
/*fin selector multiple*/
.selectorVentanaObjetoBase{
width:750px;
height:560px;
margin:-260px 0 0 -375px;
}
.selectorVentanaObjetoBase .selectorVentanaContenido{
width:730px;
height:520px;
}
.selectorVentanaObjetoBase strong{
margin-left:10px;
}
.selectorVentanaObjetoBase table{
width:705px;
margin-left:10px;
}
/*FIN ESTILOS DE SELECTOR DE OBJETOS*/

/*ESTILOS DE BUSCADORES URL*/
.selectorBloqueUrlImagen .selectorDestinoVisual{
height:222px;
width:302px;
overflow:auto;
}
.selectorBloqueUrlImagen .selectorBotones{

}
.selectorBloqueUrlImagen .selectorBotones .boton{
margin-left:10px;
}
.selectorBloqueUrlImagen .sinDefinir{
color:#999;
text-align:center;
margin-top:30px;
display:block;
font-size:12px;
}
.selectorBloqueUrlImagen .sinDefinirError{
color:#900;
font-weight:bold;
}

.selectorVentanaUrlImagen{
width:660px;
height:505px;
margin:-252px 0 0 -330px;
}
.selectorVentanaUrlImagen .selectorVentanaContenido{
width:640px;
height:465px;
}
.selectorVentanaUrlImagen .contenidoSelector a{
overflow:hidden;
width:100px;
height:100px;
float:left;
margin:2px;
}
.selectorVentanaUrlImagen #bloqueTxtUrl{
position:absolute;
background-color:#fff;
border:1px solid #888;
border-right:2px solid #555;
border-bottom:2px solid #555;
left:250px;
top:40px;
padding:5px;
}
.selectorVentanaUrlImagen #bloqueTxtUrl #txtUrlSelector{
width:150px;
}
.selectorVentanaUrlImagen #bloqueTxtUrl .botonUsarUrlOk{
background-image:url(/img/iconos/p/check2.gif);
width:20px;
cursor:pointer;
}
/*FIN ESTILOS DE BUSCADORES URL*/

/*ESTILOS DE SELECTOR DE COLOR*/
.selectorBloqueColor .selectorDestinoVisual span.color{
padding-left:5px;
border-left-width:15px;
border-left-style:solid;
font-size:13px;
}
.selectorVentanaColor{
width:560px;
height:435px;
margin:-217px 0 0 -280px;
}
.selectorVentanaColor .selectorVentanaContenido{
width:540px;
height:395px;
}
.selectorVentanaColor .paletaColores{
width:384px;
height:384px;
margin:10px 0 0 10px;
border:1px solid #000;
float:left;
}
.selectorVentanaColor .paletaColores a{
display:block;
overflow:hidden;
width:6px;
height:6px;
float:left;
margin:0;
padding:0;
}
.selectorVentanaColor .leyenda{
float:left;
width:105px;
height:150px;
}
.selectorVentanaColor .leyenda .primarios{
width:100px;
margin:20px 0 0 10px;
}
.selectorVentanaColor .leyenda .primarios a{
display:block;
overflow:hidden;
width:40px;
height:40px;
float:left;
margin:4px;
padding:0;
border:1px solid #000;
}
.selectorVentanaColor #selColorActivo{
width:100px;
height:100px;
border:1px solid #000;
margin:10px;
color:#000;
}
.selectorVentanaColor #selColorActivoTxt{
text-align:center;
font-size:14px;
display:block;
width:100px;
padding:0;
margin-left:10px;
border:1px solid #000;
}
/*FIN ESTILOS DE SELECTOR DE COLOR*/