/*avisos*/
.contenido .aviso{
color:#900;
height:40px;
width:470px;
margin:30px auto;
padding:30px 10px 10px 240px;
font-size:14px;
font-weight:bold;
border:1px solid #ddd;
background:url(/paneldecontrol/img/iconos/avisos.gif) no-repeat 200px;
}


/*FORMULARIOS*/
/*Mensajes de informacion*/
#formulario ul.mensajesInformacion{
width:300px;
height:30px;
border:solid 1px #ccc;
margin:5px auto;
background-color:#ddd;
}
#formulario ul.mensajesInformacion li{
padding-left:18px;
margin:7px auto;
width:260px;
font-size:1.3em;
background:url(/paneldecontrol/img/iconos/p/epub2.gif) no-repeat;
color:#0c0;
font-weight:bold;
}
/**/


#formulario .campoTextoEditorBoletin .contenidoSoloLectura,
#formulario .campoTextoEditorContenido .contenidoSoloLectura,
#formulario .campoTextoEditorSimple .contenidoSoloLectura,
#formulario .campoTextoLargo .contenidoSoloLectura,
#formulario .campoTextoCorto .contenidoSoloLectura,
#formulario .campoSelect .contenidoSoloLectura,
#formulario .campoCheck .contenidoSoloLectura,
#formulario .campoIntroduccion .contenidoSoloLectura{
border:none;
width:250px;
margin-left:40px;
margin-top:2px;
}
#formulario .soloLectura .libre{
margin-top:3px;
}
/*#formulario .campo.campoSelect .select{
width:330px;
}*/
/*#formulario .soloLectura .selectorDestinoVisualEstadoPublicacion,
#formulario .soloLectura .selectorDestinoVisualFecha{*/
#formulario .soloLectura .selectorDestinoVisual{
border:none;
}

#formulario{
display:block;
background-color:#f9f9f9;
border:1px solid #ddd;
width:510px;
padding:0 0 20px 0;
margin:20px auto;
}
#formulario fieldset{
border:none;
padding-top:20px;
}
#formPago fieldset{
border:none;
}
#formulario .campo{
clear:both;
margin:10px 0 0 40px;
width:420px;

}
#formulario .campo label{
display:block;
width:240px;
text-align:left;
margin:30px 10px 0 0px;
font-size:14px;
color:#555;
font-weight: bolder;
}
#formulario .campo .textoCorto,
#formulario .campo .numerico{
height:16px;
padding-top:2px;
}
#formulario .campo .contenidoSoloLectura{
font-size:12px;
}
#formulario .campo input{
float:left;
width:250px;
border:1px solid #ccc;
}
#formulario .campo .check{
width:auto;
margin-top:3px;
}
#formulario .campo.campoTextoEditorBoletin #contenedorEditorcontenido table{
width:300px;
}
#formulario .campo.campoTextoEditorContenido .contenedorEditor table,
#formulario .campo.campoTextoEditorSimple .contenedorEditor table{
border:solid 1px #ccc; 
}
#formulario .campo .tipoEntidad{
float:left;
}
#formulario .campo select{
float:left;
width:350px;
border:1px solid #ccc;
}
#formulario .campo .contenedorEditorOculto{
display:none;
}
#formulario .campo .contenedorEditorVisible{
display:block;
margin-left:200px;
border:solid 1px #f00;
}
#formulario .campo textarea{
width:250px;
height:100px;
border:1px solid #ccc;
font:13px "Trebuchet MS", Arial, Helvetica;
}
#formulario .campoTextoEditorSimple textarea{height:150px;}
#formulario .campoTextoEditorContenido textarea{height:250px;}
#formulario .campoTextoEditorBoletin textarea{height:450px;}
#formulario .campo .ayuda{
margin:5px 0 5px 0px;
clear:both;
color:#666;
padding-left:18px;
background:url(/paneldecontrol/img/iconos/p/ayuda.gif) no-repeat;
width:240px;
text-align:justify;
}
#formulario .campo span.error{
color:#b00;
padding-left:35px;
display:block;
width:350px;
margin-left:20px;
margin-top:5px;
float:left;
background:url(/paneldecontrol/img/iconos/aviso-formulario.gif) no-repeat left;
}

#formulario a.btn{
margin:30px;    
cursor: pointer;
}
#formulario a.btn.guardar{
margin:10px; 
color: #003082;
background:url(/img/bullet-flecha.gif) no-repeat left;    
padding-left: 10px;
float: right;
cursor: pointer;
}

/*CAMPO DE VERSIONES DE ARCHIVO*/
#formulario .campoVersiones .versiones{
border:1px solid #bbb;
float:left;
width:350px;
padding:0;
}
#formulario .campoVersiones table thead{
background-color:#ff6600;
color:#fff;
}
#formulario .campoVersiones table tbody td{
padding:2px;
}
#formulario .campoVersiones table .acciones{width:60px;}
#formulario .campoVersiones table .acciones .boton{float:left;overflow:hidden;display:block;padding-left:16px;width:0px;height:16px;}
#formulario .campoVersiones table .acciones .botonVer{background:url(/img/botones/ver.gif) no-repeat;}
#formulario .campoVersiones table .acciones .botonEditar{background:url(/img/botones/editar.gif) no-repeat;}
#formulario .campoVersiones table .acciones .botonDescargar{background:url(/img/botones/descargar.gif) no-repeat;}
#formulario .campoVersiones table .par{background-color:#ccc;}
#formulario .campoVersiones table .impar{background-color:#ddd;}
#formulario .campoVersiones table .tipoVersion{
padding-left:18px;
background-position:left;
background-repeat:no-repeat;
}
#formulario .campoVersiones table .tipoVersionJpg{background-image:url(/paneldecontrol/img/iconos/img.gif);}
#formulario .campoVersiones table .tipoVersionPdf{background-image:url(/paneldecontrol/img/iconos/pdf.gif);}

#formulario .campoVersiones input{
width:20px;
}
/*CAMPO DE VERSIONES DE ARCHIVO*/

#formulario ul.errores{
color:#f00;
margin:0px auto;
padding:5px 5px 5px 40px;
font-size:12px;
font-weight:bold;
border:1px solid #ddd;
/*background:url(/paneldecontrol/img/iconos/avisos.gif) no-repeat 80px #a00;*/
}
#formulario ul.errores li{
margin:2px 0 5px 80px;
}

/*Formulario de login*/
#formularioLogin{
width:500px;
margin:0 0 0 20px;
}
#formularioLogin fieldset{
border:none;
}
#formularioLogin label{
display:block;
font-size:16px;
float:left;
width:100px;
margin-left:40px;
}
#formularioLogin .campo{
height:35px;
}
#formularioLogin .campo input{
border:1px solid #ccc;
background-color:#f9f9f9;
font-size:16px;
}
#formularioLogin .botonLogin{
background-color:#fc6500;
cursor:pointer;
display:block;
font-size:14px;
text-align:center;
color:#fff;
padding:0;
width:60px;
height:60px;
border:0;
margin:-84px 0 0 340px;
position:absolute;
}
#formularioLogin ul.errores{
color:#f00;
font-size:12px;
background:url(/paneldecontrol/img/iconos/aviso.gif) no-repeat;
padding-left:20px;
margin-left:30px;
}
/*Fin formulario de login*/
/*FIN FORMULARIOS*/

/*LISTADOS CONTENT*/
#content .listado{   
margin: 20px;
}
#content .listado strong{
margin:10px;
display:block;
font-size:1.2em;
}
#content .listado table{
width:490px;
margin:10px;
}
.listado table caption{
display:none;
}
#content .listado table .filaPar{
background-color:#ebebeb
}
#content .listado table .filaImpar{
background-color:#d2d2d2
}
#content .listado thead tr{
background-color:#fff;
}
#content .listado thead tr th{
border:1px solid #FFF;       
background-color:#E3ECF9;
text-align:center;
height: 20px;   
padding-top: 3px;   
font-weight: bolder;
}
#content .listado thead tr th.iconos{
width: 70px;
}
#content .listado table tbody tr td{
border:solid 1px #fff;
}
#content .listado table tbody tr.oscuro{
background-color: #ddd;
}
#content .listado table tbody tr.claro{
background-color: #eee;
}
#content .listado table td.acciones{
width:70px;
padding-left:5px;
}
#content .listado table .colEstadoPublicacion{
width:60px;
}
/*LISTADOS*/
.listado{   
margin: 20px;
}
.listado strong{
margin:10px;
display:block;
font-size:1.2em;
}
.listado table{
width:400px;
margin:10px;
}
.listado table caption{
display:none;
}
.listado table .filaPar{
background-color:#ebebeb
}
.listado table .filaImpar{
background-color:#d2d2d2
}
.listado thead tr{
background-color:#fff;
}
.listado thead tr th{
border:1px solid #FFF;       
background-color:#E3ECF9;
text-align:center;
height: 20px;   
padding-top: 3px;   
font-weight: bolder;
}
.listado table tbody tr td{
border:solid 1px #fff;
}
.listado table tbody tr.oscuro{
background-color: #ddd;
}
.listado table tbody tr.claro{
background-color: #eee;
}
 .listado table td.acciones{
width:70px;
padding-left:5px;
}
.listado table .colEstadoPublicacion{
width:90px;
}

/*Barra del listado*/
#content .barraListado{
width:420px;
background-color:#f5f5f5;
margin:0 auto;
padding:5px 15px 5px 5px;
border:1px solid #ddd;
border-bottom:2px solid #ddd;
height:16px;
}
#content .barraListado .boton{
float:right;
padding-left:18px;
display:block;
background-repeat:no-repeat;
margin-left:10px;
height:16px;
}
#content .barraListado .botonNuevo{margin-top:0px;width:125px;text-align:left; background-image:url(/paneldecontrol/img/iconos/botones/nuevo.gif);}
#content .barraListado .botonCambioVistaMiniaturas{background-image:url(/paneldecontrol/img/iconos/botones/ver-img.gif);}
#content .barraListado .botonCambioVistaListado{background-image:url(/paneldecontrol/img/iconos/botones/ver-lista.gif);}
/*Fin barra del listado*/

/*Listado de preguntas*/
#formulario .listadoPreguntas,
#formulario .listadoRespuestas{
margin-top:20px;
}
#formulario .listadoPreguntas span,
#formulario .listadoRespuestas span{
margin:0 0 0 280px;
}
#formulario .listadoPreguntas .listado,
#formulario .listadoRespuestas .listado{
width:680px;
border:solid 1px #000;
margin:40px auto;
}
#formulario .listadoPreguntas .listado strong,
#formulario .listadoRespuestas .listado strong{
margin:0;
padding:5px 5px 5px 18px;
background:url(/paneldecontrol/img/iconos/botones/pregunta.gif) no-repeat 2px 6px #ff6600;
color:#fff;
}
#formulario .listadoRespuestas .listado strong{
background-image:url(/paneldecontrol/img/iconos/p/ayuda.gif);
}
#formulario .listadoPreguntas .listado table,
#formulario .listadoRespuestas .listado table{
width:680px;
}
#formulario .listadoPreguntas .listado table tr td,
#formulario .listadoRespuestas .listado table tr td{
border-left:solid 1px #000;
}
#formulario .listadoPreguntas .listado table tr th,
#formulario .listadoRespuestas .listado table tr th{
border-top:solid 1px #000;
}
/**/

/*Formulario del listado*/
#formularioListado{
width:420px;
background-color:#f5f5f5;
margin:10px auto;
padding:10px 15px 5px 5px;
border:1px solid #ddd;
border-bottom:2px solid #ddd;
height:25px;
display:block;
}
#formularioListado fieldset{
border:none;
float:left;
}
#formularioListado .campo{
float:left;
margin-left:10px;
}
#q.textoCorto{
height:18px;
}
#formularioListado .campo input,
#formularioListado .campo select{
margin-left:5px;
border:1px solid #ccc;
}
#formularioListado .botonBuscador{
border:1px solid #bbb;
margin-left:4px;
background:url(/paneldecontrol/img/iconos/botones/buscar.gif) no-repeat 2px #ddd;
padding-left:18px;
border-left:2px solid #999;
border-bottom:2px solid #999;
cursor:pointer;
display:block;
}
#formularioListado .botonBuscador:hover{
border:1px solid #bbb;
border-right:2px solid #999;
border-top:2px solid #999;
}
/*Fin formulario del listado*/

/*Encabezado de listado simple*/
#content .listaMiniaturas .encabezado{
border-bottom:1px solid #333;
border-top:1px solid #333;
padding:5px;
text-align:right;
}

#content .listado .encabezado a{
margin-left:30px;
}
/*Fin encabezado de listado simple*/

#formulario .campo .valorIdiomaOriginal{
display:none;
position:absolute;
border:1px solid #ccc;
background-color:#ddd;
width:360px;
margin-top:20px;
margin-left:210px;
padding:20px;
}
#formulario .campo:hover .valorIdiomaOriginal{
display:block;
}
/*FIN LISTADOS*/

/*MENUS DE OPCIONES*/
.menuOpciones{
margin-top:10px;
padding:20px;
}
.menuOpciones ul{
height:250px;
margin:0 auto;
width:680px;
}
.menuOpciones li a{
padding:55px 5px 5px 5px;
height:30px;
background-position:center 10px;
background-repeat:no-repeat;
display:block;
border:1px solid #ddd;
width:80px;
text-align:center;
}
.menuOpciones li a:hover{
background-color:#99ccff;
text-decoration:none;
}
.menuOpciones li{
float:left;
margin-left:10px;
margin-top:10px;
}

.menuOpcionesMultimedia ul{
margin:0 auto;
width:300px;
}
.menuOpcionesMultimedia ul a{
padding:70px 5px 5px 5px;
height:15px;
}
/*FIN MENUS DE OPCIONES*/

/*BOTONES LISTADO*/
#content .listado .paginacion{
height:20px;
width:160px;
margin-top:-22px;
float:right;
}
#content .listado .paginacion a,
#content .listado .paginacion span{
margin:0;
margin-left:4px;
display:block;
float:left;
width:13px;
text-align:center;
}
#content .listado .paginacion .primera{
border:none;
background:url(/paneldecontrol/img/iconos/botones/primero.gif) no-repeat;
height:16px;
width:16px;
overflow:hidden;
text-indent:100px;
margin:0;
}
#content .listado .paginacion .primera.primeraOff{background:url(/paneldecontrol/img/iconos/botones/primeroOff.gif) no-repeat;}
#content .listado .paginacion .anterior{
border:none;
background:url(/paneldecontrol/img/iconos/botones/izquierda.gif) no-repeat;
height:16px;
width:14px;
overflow:hidden;
text-indent:100px;
margin:0;
}
#content .listado .paginacion .anterior.anteriorOff{background:url(/paneldecontrol/img/iconos/botones/izquierdaOff.gif) no-repeat;}

#content .listado .paginacion .siguiente{
background:url(/paneldecontrol/img/iconos/botones/derecha.gif) no-repeat;
height:16px;
width:14px;
overflow:hidden;
text-indent:100px;
}
#content .listado .paginacion .siguiente.siguienteOff{background:url(/paneldecontrol/img/iconos/botones/derechaOff.gif) no-repeat;}

#content .listado .paginacion .ultima{
border:none;
background:url(/paneldecontrol/img/iconos/botones/ultimo.gif) no-repeat;
height:16px;
width:16px;
overflow:hidden;
text-indent:100px;
margin:0;
}
#content .listado .paginacion .ultima.ultimaOff{background:url(/paneldecontrol/img/iconos/botones/ultimoOff.gif) no-repeat;}

#content .listado a.boton{
clear: none;
padding:0;
margin: 0;
height:16px;
width:16px;
float:left;
overflow:hidden;
text-indent:100px;
background-repeat:no-repeat;
}
#content .listado a.boton.botonVer{background:url(/paneldecontrol/img/iconos/botones/ver.gif);}
#content .listado a.boton.botonEditar{background:url(/paneldecontrol/img/iconos/botones/editar.gif);}
#content .listado a.boton.botonEliminar{background:url(/paneldecontrol/img/iconos/botones/eliminar.gif);}

#content .listado a.desc{
background:url(/paneldecontrol/img/iconos/botones/abajo.gif) no-repeat right;
padding-right:18px;
}
#content .listado a.asc{
background:url(/paneldecontrol/img/iconos/botones/arriba.gif) no-repeat right;
padding-right:18px;
}
/*FIN BOTONES LISTADO*/

/*BARRA BOTONES*/
#content .barraBotones{
height:24px;
width:480px;
margin:0 auto;
clear:both;
border:solid 1px #CCC;
background-color:#d9d9d9;
}
#content .barraBotones .boton{
display:block;
height:16px;
width:16px;
float:right;
overflow:hidden;
text-indent:100px;
background-repeat:no-repeat;
margin:4px 4px 0 0;
color:#fff;
}
#content .barraBotones .botonEditar{
margin-left:4px;
float:left;
background:url(/paneldecontrol/img/iconos/botones/editar.gif);
}
#content .barraBotones .botonVer{
margin-left:4px;
float:left;
background:url(/paneldecontrol/img/iconos/botones/ver.gif);
}
#content .barraBotones #guardarOk{
position:absolute;
color:#3a3;
font-size:16px;
font-weight:bold;
margin-top:-30px;
padding-left:20px;
text-decoration:underline;
background:url(/img/botones/guardar-ok.gif) no-repeat 0 3px;
}
#content .barraBotones .botonNuevo{background:url(/paneldecontrol/img/iconos/botones/nuevo.gif);}
#content .barraBotones .botonEliminar{background:url(/paneldecontrol/img/iconos/botones/eliminar.gif);}
#content .barraBotones .botonVolver{background:url(/paneldecontrol/img/iconos/botones/volver.gif);}
#content .barraBotones .botonGuardar{background:url(/paneldecontrol/img/iconos/botones/guardar.gif);}
#content .barraBotones .botonDeshacer{background:url(/paneldecontrol/img/iconos/botones/deshacer.gif);}
#content .barraBotones .botonEditar{background:url(/paneldecontrol/img/iconos/botones/editar.gif);}
#content .barraBotones .botonReenviar{
float:left;
margin-left:0;
text-indent:0;
padding-left:20px;
width:auto;
background:url(/paneldecontrol/img/iconos/botones/reenviar.gif) no-repeat;
color:#017cc9;
}

#content .barraBotones .botonCrearPregunta,
#content .barraBotones .botonCrearRespuesta,
#content .barraBotones .botonCambioVistaPermisos{
float:left;
margin-left:0;
text-indent:0;
padding:2px 0 0 18px;
width:auto;
background-image:url(/paneldecontrol/img/iconos/botones/pregunta.gif);
color:#017CC9;
}
#content .barraBotones .botonCrearRespuesta{
background-image:url(/paneldecontrol/img/iconos/p/ayuda.gif);
}
#content .barraBotones .botonCambioVistaPermisos{
background-image:url(/paneldecontrol/img/iconos/p/ver-permisos.gif);
}
/*FIN BARRA BOTONES*/

/*CALENDARIOS*/
.contenido span.anyoActual{
font-size:22px;
display:block;
text-align:center;
}
.contenido .vistaAnual .mesVista{
width:222px;
float:left;
cursor:pointer;
}
.contenido .vistaAnual .calendarioBloque{
width:200px;
height:220px;
margin:5px;
}
.contenido .vistaAnual .calendarioBloque .boton{
display:none;
}
.contenido .vistaAnual .calendarioBloque .mes{
width:90px;
margin-left:20px;
}
.contenido .vistaAnual .calendarioBloque .mes span{
width:90px;
display:inline;
text-align:right;
}
.contenido .vistaAnual .calendarioBloque .anyo{
float:right;
width:70px;
padding:0;
text-align:left;
}
.contenido .vistaAnual .calendarioBloque .anyo span{
width:auto;
}
.contenido .vistaAnual .calendario{
width:200px;
height:200px;
}
.contenido .vistaAnual .calendario td.dia,
.contenido .vistaAnual .calendario th{
height:18px;
}
.contenido .calendarioBloque{
width:500px;
margin:5px 0 0 135px;
border:1px solid #ddd;
background-color:#fafafa;
display:block;
clear:both;
padding:5px;
}
.contenido .calendario{
float:none;
clear:both;
font-size:14px;
}
.contenido .calendario caption{
display:none;
}
.contenido .calendario td.dia{
text-align:center;
vertical-align:middle;
border:1px solid #ddd;
height:50px;
width:70px;
}
.contenido .calendario td.dia a{
height:70%;
width:100%;
display:block;
padding-top:30%;
color:#000;
font-weight:bold;
}
.contenido .calendario td.dia a:hover{
background-color:#ddf;
text-decoration:none;
}
.contenido .calendarioBloque .mes{
float:left;
height:24px;
width:160px;
margin-left:25px;
font-size:16px;
}
.contenido .calendarioBloque .anyo{
float:right;
height:24px;
width:160px;
margin-right:5px;
font-size:16px;
}

.contenido .calendarioBloque span{
float:left;
width:140px;
text-align:center;
}
.contenido .calendarioBloque .boton{
width:10px;
height:9px;
display:block;
float:left;
margin-top:7px;
overflow:hidden;
text-indent:100px;
}
.contenido .calendarioBloque .botonCalendarioAnt{
background:no-repeat url(/img/selectores/anterior.gif);
}
.contenido .calendarioBloque .botonCalendarioSig{
background:no-repeat url(/img/selectores/siguiente.gif);
float:right;
}


.selectorBloque .selectorDestinoVisual {
    width: 100px;
}

#formulario #campoIdEstadoPublicacion a{
    margin: 0 0 10px 0;
    clear:none;
}
#formulario #campoIdCategoria a{
    margin: 0 0 10px 0;
    clear:none;
}
#formulario #campoFechaExpiracion a{
    margin: 0 0 10px 0;
    clear:none;
}

/* Dirección convenio en Zona privada*/
.convenioLogo{
    float: right;
    padding-right: 10px;         
}
.convenioLogo img{   
    vertical-align:text-top;
}