/* CSS Document */

body

{ margin-left:0%;
  margin-right:5%;
  font-family: Verdana;
  font-size:80%;
  color:#000;
  text-align:center;
  width:90%;

}



.tituloEvento

{

	text-align:center;

	font-size:16px;

	color: #777777;

}



.tituloSitioWeb

{

  font-family:Trebuchet MS;

  color:#E9AA11;

  font-size:20px;

  padding-top:25px;

  font-weight:normal;

  text-align:right;

}


.tituloUrlWeb

{

  font-family:Trebuchet MS;

  /*color:#E9AA11;*/

  font-size:12px;

  /*padding-top:15px;*/

  font-weight:normal;

  text-align:right;

}



a, a:link, a:visited

{  text-decoration:underline;

   color:#006699;   

}



a:hover

{

  color:#000000;

}

h1

{ text-align:center;

}

h2,h3

{ font-family:Trebuchet MS;

  color:#E9AA11;

  text-align:left;

  font-weight:normal;

}







img

{ border:0px;

}

/*p

{ text-align:center;  

}*/

span

{ color:#000000; 

}

input, textarea

{ 

  font-size:100%;

  /*border:1px outset #b0b0b0;

  font-weight:bolder;

  color:#006699;

  background-color:#edeeee;*/

}





#cabecera

{ width:100%;

  text-align:center;  

}

#contenido

{ width:100%;

  padding-top:1%;

  padding-bottom:1%;

  text-align:left;
  
  padding-left:1%;
  
  

}

#pie

{ 

  

  text-align:center;

}

.spanregistro

{ font-family:Verdana,Tahoma,Arial,Helvetica,Sans-serif,sans-serif;

  font-size:60%;

  color:#006699;

  font-weight:bolder;

}

.mensajeexplicativo

{ color:#000;

}

/***************pagina index.php creacion de la reunion***********/

.h2index /*coloca en la primera pagina el titulo al centro*/

{  text-align:center;

   font-size:18px;

}

#pagindex

{   width:97%;

   /* border:1px solid #006699; */

    background-color:#fff;

    padding:1%;

    overflow: auto;

	  position: relative;

    

}

#pagindex fieldset legend

{   font-size:100%;

    color:#777777; /*ANTES 006699*/

    font-weight:bolder;

    padding-bottom:.5%;

}

#pagindex #formprincipal table

{   

	font-size:100%;

}

#pagindex #formprincipal th, td

{   text-align:left;

    margin-top:1%;

    padding-left:3%;

        

}



#pagindex #formprincipal th

{  

   color: #006699;     

}



.labelPagIndex

{

   color: #006699;

   font-weight:bold;

   text-align:left;

}



#tablaAutenticacion td

{

  color:BLACK;

  

}

.ejemplo
{
  font-size:10px;
}

.ejemploform

{   font-size:10px;

    padding-bottom:1%;

}

#pagindex #formprincipal .ejemploform

{   font-size:10px;

    padding-bottom:1%;

}

#pagindex #formprincipal input

{   width:230px;

    font-size:100%;           

}

#pagindex #formprincipal textarea

{   width:85%;

    font-size:110%;

    margin-left:0;       

}

/*********formulario que contiene las preguntas****/

#pagindex #formpreguntas #divejempreg

{   display:block;

    width:91%;

    text-align:justify;

    font-size:80%;

    padding-left:3%;

    

}

#pagindex #formpreguntas #divInsertarPreguntas

{   text-align:center;



}



#id1,#id2,#id3,#id4, #id5, #id6,#id7,#id8,#id9,#id10,#id11,#id12,#id13,#id14,#id15

{ display:none;



}

/***la clase form2 contiene las preguntas que inserta el organizador***********/

#pagindex #formpreguntas .form2

{   

    width:47%;

    float:left;

    line-height:100%;

    font-size:85%;

    padding-top:1%;

    padding-bottom:1%;

    padding-left:0;

    padding-right:0;

    margin:0;

    margin-left:0.9%; 

    color: #006699;   

}

#pagindex #formpreguntas input

{   font-size:85%;

}

#pagindex #formpreguntas .nompreguntas

{   text-align:left;

    padding-left:3%;

}

#pagindex #formpreguntas .demas

{   text-align:center;

    margin:0;

    padding:0;    

}

.btnform

{   text-align:center;

    padding:2%;

}

/* fin a los formularios de la pagina principal*/



#menu
{  float:left;
   width:963px;
   font-size:100%;
   line-height:normal;
   margin-left:10px;   
}
#menu ul 
{
   margin:0;
   padding-left:1px;
   list-style:none;
}
#menu li 
{
   display:inline;
   margin:0;
   padding:0;
}
#menu a 
{  float:left;
   background:url("../imagenes/menuimgleft.gif") no-repeat left top;
   margin:0;
   padding:0 0 0 5px;
   text-decoration:none;
}

#menu a span 
{  float:left;
   display:block;
   background:url("../imagenes/menuimgright.gif") no-repeat right top;
   font-size: 80%;
   font-weight: bolder;
   cursor:pointer;
   padding:5px 15px 10px 6px;
   color:#24618E;
}
#menu a:hover span 
{ color:#ffffff;
}
#menu a:hover 
{ background-position:0% -42px;
}
#menu a:hover span 
{ background-position:100% -42px;
}

#menu #activo a 
{ background-position:0% -42px;
}

#menu #activo a span 
{ 
  
   background-position:100% -42px;
  color:#FFFFFF;
  
}

#submenu #activo
{
  color:#ff0000;
}


#submenu
{
float:left;
   width:963px;
   font-size:100%;
   line-height:normal;
   margin-left:10px;  
}


#submenu a
{color:white}


#submenu #activo 
{
  color:#cccccc;text-decoration:none; cursor:default;
}

#cuerpo

{  
   float:left;
   
   width:963px;

   border-top: 2px solid #006699;

   border-left:1px solid #006699;

   border-right:1px solid #006699;

   border-bottom:1px solid #006699;
   
   margin-left:10px;
   
   padding-bottom:5px;

   /*background-color:#ecf0f4;*/

   height:95%;
   
   padding-left:10px;  
}

.ppal_menu{color:#006699}

/***********fin de los menus***********/



/****Da formato al fichero CrearReunion***/

#inicio

 {  font-size:100%;  

 }

#inicio ol

 {  color:#006699;

    list-style:none;

    font-weight:bolder;   

 }

#inicio span

 {  color:black;

    font-weight:normal;

    /*font-style:italic;*/

 }

 



/********Da formato a la vista previa*******/

#VistaPrevia

 { clear:left;

   font-size:90%;

   border:1px solid #aaaaaa;

   padding-left:5%;

   padding-right:5%;
   
   

   /*color:#0A638F;*/   

 }
 


#VistaPrevia.menuvp

 {  border:1px solid #b0b0b0;

 }

/****se encarga de dar formato a la vista previa cuando es cerrado defini******/

#VistaPreviaCD 

 { clear:left;

   width:70%;

   text-align:center;

   font-size:90%;

   font-weight:bolder;

   border: 1px solid #bbbbbb;

   padding:15%;

 }

#VistaPreviaCD.menuvpcd

 { border:1px solid #b0b0b0;

 }

#VistaPrevia #vpbanner

 {  width:97%;    

    text-align:center;

    padding-top:1%;

    padding-bottom:1%; 

 }

#VistaPrevia #vpmensaje_inv

 {  

    text-align:center;

    /*font-weight:bolder;*/    

    padding-top:1%;

    padding-bottom:1%; 

 }

#VistaPrevia #vptitulo

 {  

    text-align:center;



    font-weight:bold;

    /*font-family:Trebuchet MS;*/

    color:#000000;

    padding-top:1%;

    padding-bottom:1%; 

 }

#VistaPrevia #vpdescripcion

 {  

    text-align:justify;

    padding-top:1%;

    padding-bottom:1%; 

 }

#VistaPrevia #pdtitulo

{   

    font-weight:bolder;    

    padding-top:1%;

} 

#VistaPrevia #vpcontenido_priva

 {  

    text-align:justify;

    font-size:90%;

    border-top:1px solid #B0B0B0;

    margin-top:2%;

    padding-top:1%;

    padding-left:1%;

    padding-right:1%;

    padding-bottom:1%; 

 }

#VistaPrevia #vpacuerdo_ter

{   clear:left;    

    font-size:99%;

    text-align:center;

    padding-top:1%;

    padding-bottom:1%;

}



#VistaPrevia .preguntas

 {   width:89%;

     padding-left:10%;

     padding-top:1%;

     padding-bottom:1%;        

 }

#VistaPrevia .preguntas input

 {   width:30%;

     margin-left:1%;        

 }

.preguntas label

{   display:block;

    float:left;

    width:30%;

    font-size:99%;

    text-align:justify;

}

#btnmodificar

{   text-align:center;

    padding-top:1%;

    padding-bottom:1%;

}

  

/*************Diseņo del Menu Enviar Nuevos email*********/

#EnviarNuevos

{ width:99%;

  border:0px solid #b0b0b0;

  padding-bottom:2%;

  margin-bottom:1%;

}

#EnviarNuevos.EnviarEmail

{ border:0;

}

#EnviarNuevos .idEnviarEmail

{   display:block;

    width:98%;

    text-align:left;

    padding-left:1%;

    padding-right:1%;

    margin-top:2%;        

}


.label{ color:#006699; font-weight:bold;  }


#EnviarNuevos label

{   width:10%;

    float:left;

    font-size:90%;

    font-weight:bold;

    margin-left:3%;

    text-align:right;  

    color:#006699;  

}

#EnviarNuevos input

{   display:block;

    float:left;

    width:78%;

    font-size:110%;

    margin-left:2%;    

}



#EnviarNuevos textarea

{   

    display:block; 

    float:left;

    width:78%;

    font-size:110%;

    margin-left:2%;

        

    

}

#EnviarNuevos .div_ej_enviar_email

{   width:79%;

    font-size:80%;

    padding-left:15%;

}

#EnviarNuevos h3

{   text-align:center;

    color:#E9AA11;    

}

#EnviarNuevos h3 span

{   font-weight:normal;

    color:#E9AA11;

}

#EnviarNuevos #idemailok

{   width:90%;

    font-size:80%;

    margin:3%;

    padding:2%;

    border:1px solid #b0b0b0;

}

#EnviarNuevos #idemailko

{   width:90%;

    font-size:80%;

    margin:3%;

    padding:2%;

    border:1px solid #b0b0b0;

}

#EnviarNuevos ul

{

   margin:0;

   padding:0;

   list-style:upper-roman;

}

#EnviarNuevos li

{   display:inline;

    margin-right:1%;  

}

#EnviarNuevos th

{   

  color:#006699;  

}





.divenviaremail

{   width:98%;

    text-align:center;

}

/****************** no se utiliza por ahora

#EnviarNuevos .adjuntarhtml

{   display:block;

    float:left;

    width:57%;        

}

#EnviarNuevos .btnadjuntarhtml

{   display:block;

    float:left;

    width:20%;        

}



/**************Menu Recordatorios*********/

#divReEnviar #divtablaReEnviar

{   width:98%;

    border:1px solid #B0B0B0;

    overflow: auto;

	  position: relative;

    margin-bottom:2%;    

}

#divReEnviar table

{   border-collapse:collapse;

    font-size:90%;       

}

#divReEnviar th

{   color:#006699;

    font-weight:normal;

    border:1px solid #B0B0B0;

    margin:0;

    padding:0;

}

#divReEnviar td

{   text-align:center;

    border:1px solid #B0B0B0;

    margin:0;

    padding:0;        

}

#divReEnviar .celda

{   text-align:left;

    padding-left:8%;       

}

#divbtnReenviar

{   width:100%;

    text-align:center;

    padding-top:2%;

}



/************Menu Lista Registrados******/

#divListaInv

 {  width:99%;

 }

#divListaInv table

 { 
 /* border-collapse:collapse;*/

 }

#divListaInv th, #divListaInv td

 {  border:1px solid #b0b0b0;

    text-align:center;

    margin:0;

    padding:0;

 }

#divListaInv th

 {  color:#006699;

    font-weight:normal;  

 }

#divListaInv td

 {  font-size:85%;  

 }

#divListaInv th.LInvtitulo  

 {  font-weight:bolder;

    background-color:#dfdfdf;/*#996600;rgb(38,101,145)/*#65717D;/*#8B97A3;*/

    color:#006699;

    padding:.3%;

    font-size:85%;    

 }

#divListaInv th.LInvtitulo2

 {  font-weight:bolder;

    background-color:#dfdfdf;/*#266591;/*#996600;rgb(38,101,145)/*#65717D;/*#8B97A3;*/

    color:#006699;

    padding:.3%;  
 
    font-size:85%;  

 }

#divListaInv th.LInvtitulo3

 {  font-weight:bolder;

    background-color:#dfdfdf;/*#FF6262;/*#FF0000;rgb(255,98,98)/*#266591;/*#996600;rgb(38,101,145)/*#65717D;/*#8B97A3;*/

    color:#006699;

    padding:.3%;

    font-size:85%;    

 }

#divListaInv #divopciones

 {  width:99%;

    font-size:90%;

    padding-bottom:1%;    

 }

#divListaInv #divopciones th

 {  padding:0;

    margin:0;

    text-align:left;

    border:0;

    background-color:#fff;    

 } 

#divListaInv #divopciones .titenc

 {  padding:0;

    margin:0;

    text-align:center;

    color:#000;    

 }

#divListaInv #divopciones td

 {  padding:0;

    margin:0;

    text-align:center;

    border:0;    

 }  

#divListaInv #divopciones a

 {  text-decoration:underline;

    color:#006699;

    font-weight:bolder;   

 }

#divListaInv #InvRegistrados

 {  
    font-size:90%;

    border:1px solid #B0B0B0;
    
	  position: relative;

    margin-bottom:2%; 
    
    
    
         
 }

#divListaInv #InvRegistradosCT

 {  

    border:1px solid #B0B0B0;

    font-size:90%;
    
    position: relative;

    margin-bottom:2%;  

 }

#divListaInv #InvCancelados

 {  

    border:1px solid #B0B0B0;

    font-size:90%;

	  position: relative;

    margin-bottom:2%;  

 }

#EnviarPlantilla p

 {  padding:2%;

    text-align:center;

 }

 

/*********Menus Estado de la Reunion***/

#divEstadoR

 {  font-size:100%;
    width:97%;

 }

#divEstadoR ol

 {  
 
  list-style:disc;    

 }

#divEstadoR li

 {  text-align:justify;

    line-height:150%;

    margin:0;

    padding:0;

 }

#divEstadoR li span

 {  
 
    font-weight:bolder;

    color:black;    

 }
 
#divEstadoR span
{
  color:black;
  text-align:justify;
  margin:0;
font-weight:bolder;
    padding:0;
} 

#divEstadoR li label

 {  text-align:left;        

 }

#divEstadoR li textarea

 {  width:95%;

    font-size:100%;

    margin:0;

    padding:0;

 }

#divEstadoR li .btn

 {  width:96%;

    display:block;

    text-align:center;

 }

 

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

  estilo que le da al fichero GuardarRegistro.php

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

#divmensaje

 {  width:79%;

    border:1px solid #006699;

    padding:10%;

    height:150px;

    text-align:center;

 }

#divmensaje h2

 {  text-align:center;

 }

#divmensaje p

 {  text-align:center;

   /* line-height:500%;*/

 }

 

br 

{

	clear: left;

}


/*para la parte de las secciones*/

#tabla_pestana_registro_activa, #tabla_pestana_registro_seleccionada, #tabla_pestana_seleccionada, #tabla_pestana_activa
{  
   text-align:center;
   
   width:500px;

   border: 1px solid #cccccc;
   
   padding-bottom: 5px;
   
   padding-top: 5px;
}


/************Menu Mis Eventos******/

#divMisEventos

 {  width:99%;

 }


/*#divMisEventos th, #divListaInv td

 {  border:1px solid #b0b0b0;

    text-align:center;

    margin:0;

    padding:0;

 }*/

#divMisEventos th

 {  border:1px solid #b0b0b0;
    
    color:#006699;

    font-weight:normal;
    
    text-align:center;  

 }

#divMisEventos td

 {  font-size:95%;
    padding-left:3px;
    padding-right:0px;  

 }
 
 #divMisEventos .tdcentro
 {
    text-align:center;
 } 



#capa_fondo{
position:absolute;
background-color:#000000;
opacity: .80;
-moz-opacity: .80;
filter:alpha(opacity=80);
z-index:1;
display:none;
width:100%;
height:100%;
padding-top:0px;
}

#capa_mensaje{
position:absolute;
z-index:2;
width:100%;
text-align:center;
padding-top:200px;
display:none;
color: white;
font-size:14px;
}