/*@importar(/css/web.fwk)*/

/*ESTILOS GENERICOS POPUPS HTML*/
.popup{
position:absolute;
background:url(/img/decorado/cabecera-popup.jpg) @COLOR_FONDO@ no-repeat;
padding-top:64px;
border:1px solid #777;
border-right:3px solid #555;
border-bottom:3px solid #555;
}
.popup h1{
margin:0 0 0 20px;
font-size:16px;
}
.popup h2{
margin:0 0 0 5px;
font-size:14px;
}
.popup .popupContenido{
padding:10px 10px 30px 10px;
margin:0 20px 20px 20px;
border:1px solid #e3e0d3;
background-color:#fff;
}
.popup .popupContenido .mensaje{
display:block;
text-align:center;
padding:10px;
font-size:12px;
}
.popup .popupContenido .mensaje span{
font-style:italic;
font-size:14px;
display:block;
text-align:center;
padding-bottom:10px;
}
.popup .popupContenido .mensaje a{
color:#BA7001;
}
/*Estilo para los fondos de ventana*/
.divFondoVentana{
background:url(/img/fondo-trans.png);
}
/*Boton de cierre*/
.popup .botonCerrar{
background:url(/img/selectores/btnClose.gif) #d00 no-repeat;
display:block;
overflow:hidden;
width:20px;
height:20px;
right:2px;
top:2px;
position:absolute;
text-indent:100px;
}
.popup .botonCerrar:hover{
background-color:#f00;
}
.popup .botones{
clear:both;
padding:20px 0 5px;
width:100%;
overflow: hidden;
}
.popup .botones .btn{
padding-right:24px;
padding-bottom:2px;
background:no-repeat right;
float:right;
margin:4px;
}
.popup .botones .btnPagar{
background-image:url(/img/decorado/bullet-right.gif);     
} 
.popup .botones .btnOk,
.popup .botones .botonConfirmar{background-image:url(/img/decorado/bullet-ok.gif)}     
.popup .botones .botonProcesando{background-image:url(/img/cargandop.gif)}

.popup .botones .btnCerrar{
float: left;
background-image:url(/img/decorado/bullet-left.gif); 
}
.popup .botones .botonCancelar{
float: left;    
background-image:url(/img/iconos/p/delete2.gif)
}
/*FIN ESTILOS GENERICOS POPUPS HTML*/

/*POPUP DE MENSAJE*/
.popupArchivo.tAVideo{
left:50%;
top:50%;
width:406px;
background:url(/img/decorado/cabecera-popup.jpg) no-repeat #fff;
margin-top: -280px;    
padding-bottom:15px;
}

.popupMensaje{
left:50%;
top:50%;
width:400px;
margin:-100px 0 0 -200px; 

}
.popupMensaje h1{
margin:0;
padding:40px 20px 60px 20px;
font-size:15px;
text-align:center;
font-style:italic;
font-weight:bold;
}
/*FIN POPUP DE MENSAJE*/

/*POP UP - TEXTO LEGAL*/   
.popupPrivacidad{
left:50%;
top:50%;
position:absolute;
background-color:#fff;
border:1px solid #000;
width:460px;
height:400px;
margin:-200px 0 0 -225px;
text-align:justify;
overflow:hidden;  
}
.popupPrivacidad .contenedor{
padding:20px;
}
.popupPrivacidad p{    
padding-bottom: 15px;  
}   
.popupPrivacidad .contenedor{    
overflow: auto;
height: 360px; 
width:auto; 
padding-right: 20px;     
} 
.popupPrivacidad  h1{
margin-bottom :28px;
font-weight:bold;
font-size:1.1em;
text-decoration: underline;
text-align: center;
} 
.popupPrivacidad a{
color:#750505;
text-decoration:underline;
}
.popupPrivacidad a:hover{
text-decoration:none;
}
/*FIN POP UP - TEXTO LEGAL*/ 

/*FORMULARIOS GENERICOS*/
.popupFormulario fieldset{
border:none;
}
.popupFormulario .campo{
margin:10px 0 0 10px;
clear:both;
}
.popupFormulario .campoSelector{
height:23px;
}
.popupFormulario .campo .selectorBloque .boton{
padding:0;
float:left;
}
.popupFormulario .campo .selectorBloque{
width:325px;
float:left;
}
.popupFormulario .selectorDestinoVisual{
width:260px;
}
.popupFormulario .campo .selectorBloqueIcono{
width:60px;
}
.popupFormulario .selectorBloqueIcono .selectorDestinoVisual{
width:27px;
}
.popupFormulario .selectorBloqueArchivo .selectorDestinoVisual{
width:102px;
}
.popupFormulario .campoPunIdArchivo{
height:125px;
}
.popupFormulario .campoPunIdArchivo .selectorBotones{
margin:100px 0 0 20px;
}
.popupFormulario .campoPunIdArchivo .selectorBotones .boton{
padding:0;
}
.popupFormulario .campo label{
display:block;
float:left;
width:150px;
}
.popupFormulario .campo input,
.popupFormulario .campo select{
width:250px;
}
.popupFormulario .campoCheck input{
width:auto;
}
/*FIN FORMULARIOS GENERICOS*/

/*LISTADOS GENERICOS*/
.popupListado{
width:600px;
height:500px;
margin:-250px 0 0 -300px;
top:50%;
left:50%;
}
.popupListado .popupContenido{
height:460px;
overflow:auto;
padding:0;
}
.popupListado .listado{
width:auto;
}
.popupListado .listado table{
width:100%;
border:none;
}
.popupListado .listado table .elemPar{background-color:@COLOR_FILA_PAR@;}
.popupListado .listado table .elemImpar{background-color:@COLOR_FILA_IMPAR@;}
/*FIN LISTADOS GENERICOS*/


/*PREVISUALIZACIONES*/
.previsualizacion{
top:50%;
left:50%;
position:absolute;
padding:5px;
background-color:#FFF;
overflow:hidden;         
border:2px solid #ddd;        
}
.previsualizacion .previsualizacionContenedor{  
height:100%;
width:100%;
}
.previsualizacion .boton.botonCerrar{
background:url(/img/selectores/cerrar.gif) no-repeat;
overflow:hidden;
display:block;
width:0px;
height:16px;
padding-left:16px;
position:absolute;
right:5px;
top:6px;
}                           
/* previsualización galeria */
.previsualizacion .descripcion{
display:block;
text-align:center;
padding-top: 10px;     
}
.previsualizacion .barraBotones{
width:auto;
overflow: hidden;
display: block;
text-indent:-1000px;
}
.previsualizacion img{
display: block;
margin: 0 auto;
}
.previsualizacion a.imagenAnterior{
background:url(/img/flecha-izq.gif) no-repeat left;
height:20px;    
padding-left:18px;  
margin-left:14px;
float:left;
width:20px;
overflow: hidden;
display: block;
text-indent:-1000px;
}
.previsualizacion a.imagenSiguiente{
background:url(/img/flecha-der.gif) no-repeat right;
height: 20px;  
padding-right:18px;
margin-right:14px;    
float:right;
width:20px;
overflow: hidden;
display: block;
text-indent:-1000px;
}

/*FIN PREVISUALIZACIONES*/

/*POPUP ARCHIVO*/   
.popupArchivo{
width:0px;     
margin:0px;
top:10px;
left:50%;
padding:0px 10px 10px 10px;
overflow:hidden;
background:#fff;
}                
.popupArchivo .cargando .visual .multimedia *{
display:none;
}
.popupArchivo .cargando .visual .multimedia{
background:url(/img/cargando.gif) center no-repeat;
}
.popupArchivo .visual{
margin:0;
overflow:hidden;     
}
.popupArchivo .visual .multimedia{
vertical-align:middle;
text-align:center;
height:520px;
margin:0;
padding:10px 0 0 0;     
overflow:hidden;
}
.popupArchivo .visual .info span{
display:inline-block;
color:#aaa;
font-size:1.1em;
width: 70px;   
float: right;  
text-align: right;  
}
.popupArchivo .info{
position: absolute;
margin-top:-75px;  
left:10px;    
width: 90%;    
height: 40px;   
padding:5px 10px;               
background:url(/img/fondo-trans.png);
}
.popupArchivo .visual .info h2{
color:#FFF;
font-weight:bold;
padding:0;
margin:0;
text-align:left;
}
.popupArchivo .visual .info p{
padding:0px 2px 6px;
color:#ddd; 
width: 80%; 
float: left; 
}

.popupArchivo .visual .multimedia a:hover{
text-decoration:none;
}
.popupArchivo .visual .multimedia a{
color:#000;
float: left;
text-decoration:none;
display:block;
overflow:hidden;
width:30px;  
height:30px;
text-indent:-1000px;            
margin:6px 0 0 6px;   
background-repeat:no-repeat;
background-position:center center;
}

.popupArchivo .visual .nav .anterior,
.popupArchivo .visual .nav .anteriorOff{   
position: absolute;   
top: 40px;
left: 0px;    
}
.popupArchivo .visual .nav .siguiente,
.popupArchivo .visual .nav .siguienteOff{
position: absolute;   
top: 40px;      
}
.popupArchivo .visual .siguienteOff{background-image:url(/img/selectores/flechaDerOff.gif);} 
.popupArchivo .visual .siguiente{background-image:url(/img/selectores/flechaDer.gif);}
.popupArchivo .visual .anterior{background-image:url(/img/selectores/flechaIzq.gif);}
.popupArchivo .visual .anteriorOff{background-image:url(/img/selectores/flechaIzqOff.gif);} 
/*FIN POPUP ARCHIVO*/

/*POPUP ENCUESTAS*/
.popupResultadosEncuesta{
width:690px;
top:50%;
left:50%;
margin-top:-280px;
margin-left:-325px;
}
.popupResultadosEncuesta div{
width:650px;
margin:0 auto;
}
.popupResultadosEncuesta h1{
margin:0 0 10px 0;
font-weight:bold;
font-size:1.6em;
border-bottom:solid 1px #ccc;
}
.popupResultadosEncuesta h2{
margin:0 0 10px 0;
font-weight:bold;
font-size:1.2em;
}
.popupResultadosEncuesta .leyenda{
height:auto;
overflow:auto;
}
.popupResultadosEncuesta .leyenda table{
width:350px;
border:solid 1px #ccc;
padding:5px;
margin:10px auto;
}
.popupResultadosEncuesta .leyenda table td{
border:solid 1px #ccc;
}                      
/* popup archivo*/
.divVentana .popupArchivo .contenedor{   
padding:0;         
}
/**/
.popupFormularioObjetoBaseclsActividadRespuesta{
width:800px;
left:50%;
top:50px;       
margin-left:-400px;
}       
.popupFormularioObjetoBaseclsActividadRespuesta .popupContenido{
margin-left:15px;
margin-right:15px;
}
.popupFormularioObjetoBaseclsActividadRespuesta .popupContenido textarea{
    height: 400px;
}
.popupFormularioObjetoBaseclsActividadRespuesta .barraBotones{
width:100%;
}
.popupFormularioObjetoBaseclsActividadRespuesta .mceLayout{
width:575px !important;
height:auto !important;
}                                                               
/**/





/* gestionAlumnos */
.selectorVentanaParticipanteJJ,
.selectorVentanaSelParticipante{   
background:url(/img/decorado/cabecera-popup.jpg) @COLOR_FONDO@ no-repeat;
padding-top:64px;   
margin-top:-300px;
margin-left:-290px;
width:580px;             
} 
.selectorVentanaParticipanteJJ .selectorVentanaContenido,
.selectorVentanaSelParticipante .selectorVentanaContenido{
border:none;
}                      
.selectorVentanaParticipanteJJ .titulo,
.selectorVentanaSelParticipante .titulo{
color:#000066;    
font-size:1.2em;
font-weight:bold;
padding-bottom:0px;                    
margin:0 auto 3px;
padding-left:10px;    
width:580px;
}                        
.selectorVentanaParticipanteJJ .descripcion,
.selectorVentanaSelParticipante .descripcion{
width:530px;
padding:30px 15px 30px;     
margin:10px 10px 15px;           
text-align:center;
color:#666;
background:#F3F3F3;
}                   
/* t1 = ok ; t2 = error ; t3 = aviso ; t4 = info */        
#middle #content .mensaje1 .titulo{background-image:url(/img/iconos/g/check.gif);}      
#middle #content .mensaje2 .titulo{background-image:url(/img/iconos/g/error.gif);}      
#middle #content .mensaje3 .titulo{background-image:url(/img/iconos/g/warning.gif);}      
#middle #content .mensaje4 .titulo{background-image:url(/img/iconos/g/about.gif);}



.selectorVentanaParticipanteJJ ul,
.selectorVentanaSelParticipante ul{       
width:580px; 
height: 500px;
border:none;
overflow:scroll; 
}
.selectorVentanaParticipanteJJ li,
.selectorVentanaSelParticipante li{
border-bottom:1px solid #ABA598;
width:520px;         
padding-bottom:10px;
overflow: hidden;
margin:10px auto 0;
}
.selectorVentanaParticipanteJJ li img,
.selectorVentanaSelParticipante li img{
float: left;
}
.selectorVentanaParticipanteJJ li .datos,
.selectorVentanaSelParticipante li .datos{
width:420px;
padding-left:14px;
padding-right:15px;
float: right;    
}        
.selectorVentanaParticipanteJJ li .datos strong,
.selectorVentanaSelParticipante li .datos strong{
font-size:1.2em;
color:#999;  
line-height:1.2em;
display: block;  
cursor: pointer;
}
.selectorVentanaParticipanteJJ .participa .datos strong,
.selectorVentanaSelParticipante .participa .datos strong{
color:#000066;
}
.selectorVentanaParticipanteJJ li .datos span,
.selectorVentanaSelParticipante li .datos span{
color:#666;
font-weight:bold;
}      
.selectorVentanaParticipanteJJ a,
.selectorVentanaSelParticipante a{
color:#000066;
text-decoration:underline;
}
.selectorVentanaParticipanteJJ .barraListado,
.selectorVentanaSelParticipante .barraListado{
padding-left: 20px;
}
.selectorVentanaParticipanteJJ .barraListado .botonBuscador,
.selectorVentanaSelParticipante .barraListado .botonBuscador{
font-size: 1.2em;    
padding-left: 25px;
padding-right: 15px;
}
.selectorVentanaParticipanteJJ .barraListado #txtBusquedaSelectorFront,
.selectorVentanaSelParticipante .barraListado #txtBusquedaSelectorFront{
width: 300px;
}

.popupInscripcionEquipos{   
left:50%;
top:50%;
position:absolute;
background-color:#fff;
border:1px solid #000;
width:460px;
height:315px;
margin:-300px 0 0 -225px;
text-align:justify;
overflow:hidden;  
}
.divVentana .popupInscripcionEquipos .contenedor{
padding:0 20px 20px;
overflow: auto;
height: 228px; 
margin-bottom:10px;
width:auto;                 
} 
.popupInscripcionEquipos .contenedor caption{
color: #000066;                    
font-weight: bold;
font-size: 1.4em;  
padding-bottom:5px;  
text-align: center;
}            
.popupInscripcionEquipos .contenedor .listadoEquipos{
margin:0 auto;
}
.popupInscripcionEquipos .contenedor thead tr{
border-bottom:1px solid #000066;    
}
.popupInscripcionEquipos .contenedor th{       
font-weight:bold;
line-height:1.1em;     
padding-bottom:5px;
text-align: center;   
}
.popupInscripcionEquipos .contenedor th a{
color:#000;    
}
.popupInscripcionEquipos .contenedor .colChk{
width:80px;     
padding-left:0;              
}
.popupInscripcionEquipos .contenedor .equipos{
width:245px;                
text-align: left;
font-weight:bold;
line-height:1.1em;
padding-left:20px;
padding-bottom:5px;
}
.popupInscripcionEquipos .contenedor td{
padding-top:5px;    
}
.popupInscripcionEquipos .contenedor .check{
text-align: center;   
padding-top:7px; 
}                                                  
.popupInscripcionEquipos .contenedor .nombreEquipo{
padding-left:20px;
}
.popupInscripcionEquipos .contenedor .plazasLib{
text-align: center;
}
.popupInscripcionEquipos .btnInscribir{
background:url(/img/decorado/btn-simple254x29.jpg);
width:254px;
height:25px;
padding:4px 0 0;
text-align: center;
display: block;
margin:0 auto;
color:#fff;
}


.popupMostrarEventosFecha,
.popupSeleccionarEquiposEventoAnadir{   
left:50%;
top:50%;
position:absolute;
background-color:#fff;
border:1px solid #000;
width:460px;  
margin:-200px 0 0 -225px;
text-align:justify;
overflow:hidden;  
}
.popupMostrarEventosFecha .contenedor,
.popupSeleccionarEquiposEventoAnadir .contenedor{
padding:20px;                              
overflow: auto;     
width:auto;                 
} 
.popupMostrarEventosFecha ul{
padding:10px 25px;    
}
.popupSeleccionarEquiposEventoAnadir ul{

}
.popupMostrarEventosFecha ul li,
.popupSeleccionarEquiposEventoAnadir ul li{
padding-left:10px;
background:url(/img/decorado/bullet-4.gif) 0 5px no-repeat;
margin-bottom:5px;
}
.popupMostrarEventosFecha ul li a,
.popupSeleccionarEquiposEventoAnadir ul li a{
color:#000;    
}

.popupMostrarEventosFecha h3{
font-weight: bold;
text-decoration: underline;
text-align: center;
color:#000066;
}                                                                               
.selectorVentanaContenidodeporte{
width:350px;
}                   
.modMensaje .titulo{
padding:10px 10px 5px 50px;
margin:5px 0;
font-size:1.2em;
font-weight:bold;
color: #000066;
background:10px center no-repeat;
height:24px;
padding-top:6px;
}     
/* t1 = ok ; t2 = error ; t3 = aviso ; t4 = info */        
.selectorVentanaContenidocentro .modMensajeT1 .titulo,
.selectorVentanaContenidodeporte .modMensajeT1 .titulo{
background-image:url(/img/iconos/g/check.gif);
}
.selectorVentanaContenidocentro .modMensajeT2 .titulo,
.selectorVentanaContenidodeporte .modMensajeT2 .titulo{
background-image:url(/img/iconos/g/error.gif);
}
.selectorVentanaContenidocentro .modMensajeT3 .titulo,
.selectorVentanaContenidodeporte .modMensajeT3 .titulo{
background-image:url(/img/iconos/g/warning.gif);
}
.selectorVentanaContenidocentro .modMensajeT4 .titulo,
.selectorVentanaContenidodeporte .modMensajeT4 .titulo{
background-image:url(/img/iconos/g/about.gif);
}
.selectorVentanaContenidocentro .descripcion,
.selectorVentanaContenidodeporte .descripcion{
padding:5px 10px;                            
}
