@font-face {
  font-family: Avenir;
  /*src:  url('fonts/Marsfont.woff') format('woff');*/   
  src:  url('fonts/AvenirLTStd-Book.otf') format('opentype')      
}

@font-face {
  font-family: Avenir;
  font-style: italic;
  src:url('fonts/AvenirLTStd-Oblique.otf') format('opentype')
}

@font-face {
  font-family: Clear;
  src: url('fonts/ClearSans-Regular.ttf');
}
@font-face {
  font-family: Clear;
  font-weight:bold;
  src: url('fonts/ClearSans-Bold.ttf');
}
@font-face {
  font-family: Clear;
  font-style:italic;
  src: url('fonts/ClearSans-Italic.ttf');
}

/*
@font-face {
  font-family: Avenir;
  font-weight: bold;
  font-style: normal;
  src:url('fonts/AvenirLTStd-Medium.woff') format('woff')
}
*/

@font-face {
  font-family: Hknova;
  src:url('fonts/HKNova-MediumR.woff') format('woff')
}


:root{
  --color-h1: #132B6B;
  --color-vino:#6A2776;
}



html{
width:100%;


}
body{
width:100%;
height:100%;
background:#cccccc;
margin:0;
padding-top: max(1px, env(safe-area-inset-top));
padding-right: max(1px, env(safe-area-inset-right));
padding-bottom: max(1px, env(safe-area-inset-bottom));
padding-left: max(1px, env(safe-area-inset-left));
font-family:Avenir,Helvetica,Arial,sans-serif;
text-align:center;
color:#565656;
font-size:12px;
-webkit-font-smoothing: antialiased !important;
font-smoothing: antialiased !important;

}
h1{
color:#132B6B;
text-transform: uppercase;
text-shadow: #132B6B 0px 0px 1px;
letter-spacing: .1em;
font-size:28px;
font-family:Hknova,Avenir,Helvetica,Arial,sans-serif;
}
H2{
color:#586164;
}




input[type='button'],input[type='submit'],a.submit{
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#4f48a0+0,302a70+99 */
background: #4f48a0; /* Old browsers */
background: -moz-linear-gradient(top, #4f48a0 0%, #302a70 99%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #4f48a0 0%,#302a70 99%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #4f48a0 0%,#302a70 99%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4f48a0', endColorstr='#302a70',GradientType=0 ); /* IE6-9 */
    
color:#eee;
padding:10px 20px;
font-size:24px;
font-weight:bold;
border-radius:5px;
text-decoration:None;   
letter-spacing:.1em; 
cursor:pointer;
}
input[type='button']:hover,input[type='submit']:hover,a.submit:hover{
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#4f48a0+0,302a70+99 */
background: #4f48a0; /* Old browsers */
background: -moz-linear-gradient(top, #4f48a0 0%, #302a70 79%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #4f48a0 0%,#302a70 79%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #4f48a0 0%,#302a70 79%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4f48a0', endColorstr='#302a70',GradientType=0 ); /* IE6-9 */
    
color:#fff;
padding:10px 20px;
font-size:24px;
font-weight:bold;
border-radius:5px;
text-decoration:None;   
letter-spacing:.1em;   
cursor:pointer;
}

input[type='button'][disabled],input[type='submit'][disabled]{
background:#F37F1C url(img/bg_button_disabled.png) repeat-x top left; 
border:#aaa 1px solid;   
cursor:not-allowed;
color:#aaa;
}
input[type='text'],input[type='password'],input[type='number'],select{
border:#aaa 1px solid;
color:#666;
padding:.3rem .6rem;
font-size:1rem;
background: #f4f4f4;
letter-spacing:1px;
}
input.large{
font-size:22px;
padding:4px 8px;
}
select option[disabled]{
color:#aaa;
text-decoration:line-through;
}
input[type='text']:focus{
background:#fff;
}
a{
color:#565656;
}
a:hover{
color:#6A2776;
}

textarea{
border:#aaa 1px solid;
color:#666;
padding:.3rem .6rem;
font-size:1rem;
background: #f2f2f2;
letter-spacing:1px;
}


ol{
display:block;
margin:5px;
padding:0px;
}
ol li{
margin:0px 0px 0px 20px;
padding:3px 0px;
}
label.error{
color:#fff;
letter-spacing: 1px;
padding:1px 3px;
border-radius:2px;
margin-left:6px;
background: #d13434; /* Old browsers */
background: -moz-linear-gradient(top, #d13434 0%, #9a0000 99%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d13434), color-stop(99%,#9a0000)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #d13434 0%,#9a0000 99%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #d13434 0%,#9a0000 99%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #d13434 0%,#9a0000 99%); /* IE10+ */
background: linear-gradient(to bottom, #d13434 0%,#9a0000 99%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d13434', endColorstr='#9a0000',GradientType=0 ); /* IE6-9 */
}




.Madre{
 width:100%;

padding-top:14px;
position:relative;
margin-top:30px;
}
header{
display:block;



}
.centerHeader{
width:100%;
margin:0px auto;
padding:0 10px;
color:#302A70;
font-family:Avenir,Helvetica,Arial, sans-serif;
position:fixed;
left:0px;
top:0;
border-top:#302A70 10px solid;
border-bottom:#96205D 3px solid;
text-align:center;
background:#fff;
z-index:1000;
text-shadow: #000 0px 0px .01em;
}

.centerHeader .logo{

margin:6px 40px 6px 2px;
max-height:28px;
line-height:.9;
vertical-align:bottom;
}
.centerHeader a{
font-size:1rem;
display:inline-block;
font-weight:bold;
color:#302A70;
text-decoration:none;
letter-spacing:1px;
text-transform: uppercase;
text-shadow: #000 0px 0px .01em;

border-left:#302A70 2px solid;
margin:6px 2px;
padding:.5rem 1rem;
letter-spacing: 2px;
}
@media  screen and (max-width:720px) {
    .centerHeader a{font-size:.9rem;padding:.5rem .4rem;}
}

/*
.centerHeader a:first-of-type{
margin-left:20px;
}
*/
.centerHeader a:hover{
color:#96205D;
}
.centerHeaderTable{
max-width:1280px;
width:auto;
margin:0px auto 0px auto;    
}
@media screen and (min-width: 1300px) {
  .centerHeaderTable{
    max-width:1420px;
    }  
}


dialog::backdrop {
  /* Darken the background */
  background-color: rgba(0, 0, 0, 0.6); /* 70% opaque black */  
  /* Optional: Add a blur effect */
  backdrop-filter: blur(3px); /* Requires modern browser support [5] */
}

.centraltit{
font-size:32px;
padding:2px 0px 10px 0px;
text-align:center;
color:#eee;
}
footer{
display:none;
background: #524a4a;
color:#eee;
padding:10px 20px 20px 20px;
font-size:16px;
letter-spacing: 1px;
word-spacing: 3px;
text-align:center;
position:fixed;
bottom:0;
left:0px;
width:100%;
z-index:1000;
}
footer a{
color:#fff;
font-size:12px;
}


.nowrap{
white-space:nowrap;
}

.Cuerpo{
max-width:90vw;
background:#E5E5E5;
margin:0px auto 50px auto;
text-align: left;
margin-top:10px;
margin-bottom:50px;
padding:10px 0px 10px 0px;
}


#Retro{
background:#6A2776;
position:absolute;
top:30%;
left:0px;
width:100%;
height:200px;
opacity:.9;
display: block;
display:none;
z-index:2000;
}
#Retro .contenido{
position:absolute;
padding:20px 0px;
width:100%;
height:60px;
text-align:center;
vertical-align:middle;
font-weight:bold;
text-shadow: #fff 0px 0px 1px;
color:#fff;
font-size:44px;
/*text-shadow:#fff 1px 1px 2px;*/
}





.bot,a.bot,.ui-widget-content .bot{
background: #390D3D;
color:#e4e4e4;
padding:2px 5px;
font-size:1.2rem;
box-shadow:#666 1px 1px 1px;
border:#390D3D 1px solid;
border-radius:3px;
text-decoration:None;
cursor:pointer;
transition: all 200ms ease-out;
}
.bot:focus,.bot.focus,a.bot:focus,ui-widget-content .bot:focus,.bot:hover,a.bot:hover,ui-widget-content .bot:hover{
background: #770382;
color:#fff;
border:#000 1px solid;
}

.bot2,a.bot2,.ui-widget-content .bot2{
background: #007378;
color:#eee;
padding:2px 8px;
font-size:20px;
font-weight:bold;
box-shadow:#666 1px 1px 1px;
border-radius:3px;
text-decoration:None;   
letter-spacing:1px;
}
.bot2:focus,.bot2.focus,a.bot2:focus,ui-widget-content .bot2:focus{
background: #045c60;
color:#fff;
}

.botchico, a.botchico, .ui-widget-content .botchico{
background: #390D3D;
color:#eee;
padding:1px 4px;
font-size:13px;
border:#390D3D 1px solid;
border-radius:3px;
text-decoration:None;
cursor:pointer;
}
.botchico:focus,.botchico.focus,a.botchico:focus,ui-widget-content .botchico:focus,.botchico:hover,a.botchico:hover,ui-widget-content .botchico:hover{
background: #400b45;
color:#fff;
}








.Foto{
    border-radius: 50%; /* Use percentage for perfect circle */
    padding: 0px;
    border: #96205D  2px solid;
    display: block;
    width: 120px;
    height: 120px;
    overflow: hidden;
    position: relative; /* For absolute positioning of image */
}

.Foto img{
    width: 100%;
    height: 100%;
    object-fit: cover; /* Maintains aspect ratio and fills container */
    object-position: center; /* Centers the image within the crop */
}


.fotoComentario{
display:inline-block;
width:30px;
height:30px;
border-radius:17px;
overflow:hidden;
text-align: center;
vertical-align: middle;
margin:10px 10px 20px 0px;
}
.fotoComentario img{
min-width:30px;
min-height:30px;
max-width: 38px;
max-height:38px;    
text-align: center;
vertical-align: middle;
}


.muroFoto{
    display:block;
    float:left;
    width:50px;
    height:50px;    
    border-radius:32px;
    margin-left: -10px;
}
.muroFoto.otro{

margin-left:-20px;
}

.muroIcon{
display:block;
float:left;
width:50px;
height:38px;
border-radius:32px;
text-align: center;
padding:4px 0px 4px 0px;
color:#fff;
font-size:28px;
font-weight:bold;
text-transform: uppercase;
}
.muroIcon.n1{
/*background:url(img/muro-n1.png) no-repeat top left;*/
background:#4D636E;
}
.muroIcon.n2{
/*background:url(img/muro-n2.png) no-repeat top left;*/
background:#007378;
}
.muroIcon.n3{
/*background:url(img/muro-n3.png) no-repeat top left;*/
background:#0067A1;
}
.muroIcon.n4{
/*background:url(img/muro-n4.png) no-repeat top left;*/
background:#132B6B;
}
.muroIcon.n5{
/*background:url(img/muro-n5.png) no-repeat top left;*/
background:#6A2776;
}
.muroIcon.n6{
/*background:url(img/muro-n6.png) no-repeat top left;*/
background:#A8293C;
}
.muroIcon.m{
/*background:url(img/muro-m.png) no-repeat top left;*/
background:#5E0F00;
}




/*
++++++++++++++++++++++++++++MURO
*/

.muroAlumno{
font-size:15px;
font-weight:bold;
padding:2px 0px 0px 5px;
}
.muroFecha{
font-size:16px;
color:#888;
letter-spacing: 1px;
padding:3px 0px 0px 5px;
}
.muroAlumno .integrante{
margin-left:15px;
}

.Mostrador{
text-align:center;
font-size:16px;
font-weight:bold;
letter-spacing: 1px;
border-top:#666 1px solid;
line-height: 1.5;
padding:.3em 0em .2em 0em;
cursor:pointer;
letter-spacing: 1px;
color:#6A2776;
}







.post{
padding: 10px 20px 5px 20px;
margin: 0px 0px 0px 0px;
/*border:#aaa 1px solid;*/
border-bottom:#bbb 1px solid;
position:relative;
color:#363636;
background:#fff;
font-family:Clear,Arial,sans-serif;

}
.comentario{
position:relative;
display:block;
padding:0px 10px 0px 43px;    
}
.comentario:hover{
background:#f9f9f9;
}
.post.demision{
    /*
border:#bbb 1px solid;
background:#ddd;
*/
}


.pleca .dificultad{
display:block;
width:48px;
height:27px;
}
.pleca .dificultad.d1{
background:url(img/dif1.png) no-repeat top left;
}
.pleca .dificultad.d2{
background:url(img/dif2.png) no-repeat top left;
}
.pleca .dificultad.d3{
background:url(img/dif3.png) no-repeat top left;
}






.tableComentario{

}
.tableComentario td{
padding:0px 0px 0px 0px;
border-collapse: collapse;
border-spacing:0px;
margin: 0px;

}
.tableComentario td.rayita{
border-left:#ccc 1px solid;
}
.tableComentario td.rayita div{
display:block;
height:25px;
width:20px;
border-bottom:#ccc 1px solid;
vertical-align:top;
}
.comentario:last-child .tableComentario td.rayita{
border-left:none;
}
.comentario:last-child .tableComentario td.rayita div{
margin-left:0px;
border-left:#ccc 1px solid;
}

.comentarioTexto{
padding:3px 0px 5px 0px;
font-size:1em;
}
.comentario .fecha{
font-size:.8em;
}



.muroMision{
margin:0px 0px 40px 0px;



}
.muroMision.d{
margin:0px 0px 40px 0px;
/*background:url(img/muro-mision-titulod.png) repeat-x top left;*/
}
.muroMisionIcon{
display:inline-block;
width:20px;
height:30px;
background:url(img/muro_mision.png) 0px 4px no-repeat;
margin:0px 20px 0px 0px;
}



.muroDiscusionIcon{
display:inline-block;
width:20px;
height:22px;
background:url(img/muro_discusion.png) left bottom no-repeat;
margin:0px 20px 0px 0px; 
}
.muroMisionHead{
line-height:.9;
margin:0px 0px 10px 0px;
background:#CCCCCC;
padding:5px 10px 5px;
font-size:20px;
color:#565656;
}
.muroMisionNombre{
display:inline-block;
font-size:22px;
letter-spacing: 2px;
font-weight:bold;
color:#888;
padding:.2em 1em .2em 0em;
vertical-align:top;
line-height: 1.2;
}
.muroMisionNombre a{
text-decoration: none;
color:#888;
cursor:pointer;
}
.muroMisionNombre a:hover{
color:#565656;
}
.muroMisionVerDesc{
font-size:11px;
font-weight:normal;
color:#663333;
text-decoration:underline;
cursor:pointer;
margin:0px 0px 0px 16px;
}
.muroMisionDesc{
display:none;
color:#888;
padding:20px 0px;
}

.muroMisionTodos{
display:none;
}

.muroMisionOcultaTodos{
padding:8px 0px;
font-size:16px;
display:none;
cursor:pointer;
font-weight:bold;
}
.muroMisionMuestraTodos{
padding:8px 0px;
font-size:16px;
cursor:pointer;
font-weight:bold;
}








#postNormal{
text-align:center;
}
#postEncuesta{


}
.areaPregunta{
background:#fff;    
text-align:center;
}
.opcionesPost{
    overflow:hidden;
    padding:10px 0px 20px 0px;
    text-align:center;
}
.opcionPost{
float:left;
padding:0px 20px;
}
.opcionPost a{
display:block;
padding:10px 10px 10px 30px;
font-size:18px;
text-decoration:none;
font-weight: bold;
color:#888;
cursor:pointer;
background:none;
}
.opcionPost a.activo{
color:#555;
background: 0px 8px url(img/iconmini-calificacion.png) no-repeat;
}
.opcionPost a:hover{
text-decoration:underline;
}

#postEncuesta textarea{
width:96%;
font-size:26px;
color:#666;
padding:10px 0px;
border:none;
resize:none;
line-height:1.5;
}
#postEncuesta input[type='text']{
font-size:20px;
color:#666;
padding:4px 10px;
border:#cdcdcd 1px solid;
resize:none;
/*line-height:1.5;*/
border-radius:5px;
}
#postEncuesta #agregarOpcion{
display:block;
width:222px;
height:30px;
background:url(mentor/add-pregunta.png) 0px 5px no-repeat;
padding:2px 0px 2px 30px;
font-weight:bold;
cursor:pointer;
}
#postEncuesta .quitarOpcion{
display:inline-block;
width:42px;
height:24px;
background:url(mentor/eliminarpregunta.png) 4px 5px no-repeat;
}
#postEncuesta .quitarOpcion:hover{
background:url(mentor/eliminarpregunta-over.png) 4px 5px no-repeat;    
}
#postEncuesta .divOpcion{
display:none;
padding:3px 0px;
}
#postEncuesta .divOpcion.visible{
display:block;
}
.areaAbierta{
padding:8px 8px;
font-size:16px;
background:#ddd;
border-bottom:#ccc 1px solid;
margin-bottom:10px;
}




#postEncuesta{
display:none;
}

.muroEncuestaIcon{
display:inline-block;
width:20px;
height:22px;
background:url(img/muro_encuesta.png) left bottom no-repeat;
margin:0px 20px 0px 0px; 
}
.postEncuestaPregunta{
font-size:22px;
padding:10px 30px;
border:#999 1px dotted;
margin:10px 0px;
background:#efefef;
line-height:1.5;
}

div.postEncuestaAbierta{
text-align:center;
}
input.postEncuestaAbierta{
font-size:14px;
width:98%;
padding:1%;
color:#888;
font-weight:bold;
}
.postEncuestaSubmit{
text-align:left;
margin-top:20px;
margin-bottom:20px;
}

.postEncuestaOpciones{
padding:0px;
margin:10px 0px;
}
.postEncuestaOpciones li{
    list-style:none;
    
    cursor:pointer;
}
.postEncuestaOpciones li label{
    display:block;
   padding:6px 0px; 
}
.postEncuestaOpciones li label:hover{
    background:#e2e2e2;
}

.respuestaEncuesta{
    padding:20px 0px;
}
.opcionRespuestas{
display:inline-block;
width:334px;
border:#9555C5 1px solid;
border-radius:5px;
background:#d7bedc url(img/back_opcion.png)  no-repeat;
background-position:0px 0px;
padding:4px 20px;
font-size:14px;
font-weight:bold;
margin:0px 10px 10px 0px;
}

.postEncuestaSubmit{
display:none;
}


/*++++++++++++++++++++++++++++++++++*/



.votos{
display:block;
border:#6A2776 1px solid;
border-radius:7px;
font-size:12px;
width:40px;
padding:4px 5px;
background:#fff;
text-align:center;
color:#6A2776;
height:40px;
}
.votos b{
font-weight:bold;
font-size:16px;
}
.votos div{
font-size:11px;
font-weight:normal;
}

.imgpreview{
max-width:34px;
height:30px;
display:block;
}

.embed{
margin:10px 0px 10px 0px;
text-align:center;
background:#111;
aspect-ratio:4/3;
}
.embed iframe{
	width:100%;
	height:100%;
}


.anteriores{
display:none;
font-size:1.2em;
}


.archivo{
text-align:left;
margin:0px 0px 10px 0px;
border:#575556 1px solid;
border-radius:7px;
color:#575556;
font-size:12px;
overflow: hidden;
background: #fff;
margin-right:20px;
width:120px;
height:46px;
}
.archivo .a{
display:block;
width:30px;
text-align:center;
padding:6px;
float:left;
}
.archivo .b{
display:block;
width:62px;
padding:6px;
float:left;
clear:right;

}
.archivo a{
text-decoration:none;
}
.icon_archivo{
width:12px !important;
height:16px;
background:url('img/icon_archivo.png') no-repeat top left;
margin:10px 0px 0px 8px;
}


.postTexto{
padding:20px 20px 10px 0px;
font-size:1.1em;
font-weight:normal;
max-width:1114px;
text-overflow: ellipsis;
overflow-x:hidden;
}
.liga{
display:inline-block;
padding:7px 12px 8px 12px;
color:#fff;
background:#f4f4f4;
border:#ccc 1px dotted;
border-radius:3px;
margin:10px 20px 10px 0px;
border:#eee 1px solid;
}
.liga a{
color:#00689F;
text-decoration:none;
font-weight:bold;
letter-spacing: 1px;
font-size:.9em;
}








/*
+++++++++++++++++    GENERAL     GENERAL   ++++++++++++++++++
*/



.boton{
border:#999 1px solid;
margin:0px auto 20px auto;
text-align:center;
box-shadow: #666 1px 1px 2px;
border-radius: 3px;
background:#585C9A;
}
.boton a{
display:block;
padding:8px 16px;

color:#ddd;
text-decoration:none;
font-size:16px;
font-weight:bold;
}
.boton:hover{
color:#ffffff;
background:#484C8A;
}
.boton small{
font-size:12px;
color:#ccc;
font-weight:normal;
}
.boton a.inactive{
background:#888;
color:#bbb;
}
.boton .clave{
font-size:14px;
font-weight:normal;
}




.botongrande{
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#4f48a0+0,302a70+99 */
background: #4f48a0; /* Old browsers */
background: -moz-linear-gradient(top, #4f48a0 0%, #302a70 99%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #4f48a0 0%,#302a70 99%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #4f48a0 0%,#302a70 99%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4f48a0', endColorstr='#302a70',GradientType=0 ); /* IE6-9 */
    

color:#fff !important;
padding:10px 20px;
font-size:24px;
font-weight:bold;
border-radius:5px;
text-decoration:None;   
letter-spacing:.1em;   
cursor:pointer;
}




.columnas{
overflow:hidden;
}

.pleca{
background:#F2F2F0;

/*margin:0px 0px 20px 0px;*/
margin:0px;
/*max-height:590px;*/
position:relative;
padding:0px;
border:#fff 1px solid;

}


.pleca .contenido{
margin:0px 5px 10px 5px;
}
.pleca .debajo{
padding:0px 10px 10px 0px;
max-height:350px;
overflow:auto;
margin:0px 0px 10px 10px;
}
.pleca h2,h2.encabezado{
padding:6px 10px 6px 20px;
margin:0px;
font-size:19px;
font-weight:bold;
letter-spacing: 1pt;
color:#fff;
text-transform:uppercase;
border-bottom:#4D556B 1px solid;
background:#302A70;
border-top-left-radius:7px;
border-top-right-radius:7px;
vertical-align:bottom;
}

.pleca h2 span{
display:inline-block;
padding:0px 0px 0px 10px;
}




.pleca .superbot{
display:block;
padding:3px 6px;
background:#007378;
color:#fff;
text-decoration:none;
border-radius:3px;
position:absolute;
top:10px;
right:10px;
font-size:16px;
font-weight:bold;

cursor:pointer;
}
.pleca .superbot:hover{

box-shadow:#333 1px 2px 1px;
}

.colchon{
padding:18px 20px 20px 20px;
}

.linkbox{
background:#666;
color:#eee;
}
.linkbox a{
display:block;
font-size:14px;
padding:8px 12px;
background:#666;
color:#eee;
margin:2px 0px;
text-decoration:none;
}
.linkbox a:hover{
background:#444;
color:#fff;
}
.linkfila{
padding:4px 0px;
}


.tabla{
background:#E5E5E5;
border-left:#E5E5E5 1px solid;
border-top:#E5E5E5 1px solid;
border-bottom:#E5E5E5 1px solid;
}
.tabla th{
background:#565656;
padding:5px 6px 5px 6px;
border-bottom:#565656 2px solid;
color:#f2f2f2;
}
.tabla td{
padding:4px 6px;
border-right:#9C9B9B 1px solid;

}
.tabla tr:nth-child(even){
background:#F2F2F0;
}
.tabla tr:hover{
background:#F2F2F0;
}

.conttd{
padding:0px 10px 0px 10px;
}

.ejemplo{
display:inline-block;
margin-left:10px;
margin-top:8px;
color:#586164;
}

a.idioma{
display:inline-block;
width:20px;
height:20px;
}
a.idioma[rel='es']{

}


.minifoto{
height:56px;
width:56px;
border-radius:28px;
display:inline-block;
margin:0px;
border:0px;
line-height:0;
overflow:hidden;
text-align:center;
vertical-align:middle;
}

.minifoto img{
text-align:center;
vertical-align:top;    
min-width:58px;
max-height:60px;
min-height:56px;
border-radius:28px;
margin:0px 0px 0px -10%;
}



.microfoto{
height:42px;
width:42px;
border-radius:21px;
display:inline-block;
margin:2px 0px 0px 0px;
border:0px;
line-height:0;
overflow:hidden;
text-align:center;
vertical-align:middle;
}

.microfoto img{
text-align:center;
vertical-align:top;    
min-width:48px;
max-height:54px;
min-height:48px;
border-radius:21px;
margin:0px 0px 0px -10%;
}



.loading{
padding: 10px 10px;
text-align:center;
background:url(img/loading-ring.gif) top center no-repeat;
height:20px;
}


.clasesfila{
display:block;
position:relative;

}



.menugrupos{
display:block;
display:none;
position:absolute;
top:30px;
left:0px;
padding:2px 0px 0px 0px;
width:360px;
overflow:hidden;
}
.menugrupos a{
display:block;
padding:7px 12px 10px 12px;
cursor:pointer;
border-bottom:1px solid #333;
margin-bottom:1px;
font-size:10px;
color:#fff;
text-transform: capitalize;
}
.menugrupos a:hover{
 color:#fff;   
}
.menugrupos a.n1{
background:#4D636E;
}
.menugrupos a.n2{
background:#007378;
}
.menugrupos a.n3{
background:#0067A1;
}
.menugrupos a.n4{
background:#132B6B;
}
.menugrupos a.n5{
background:#6A2776;
}
.menugrupos a.n6{
background:#A8293C;
}

.menugrupos a:hover{
border-bottom:1px solid #fff;
}
.menugrupos a .small{
font-size:10px;
}
.clasesfila:hover .menugrupos{
display:block;
}
.menugrupos:hover{
display:block;
}

#LoadingDiv{
position:absolute;
background:url(img/loading-ring.gif) top center no-repeat;
width:102px;
height:102px;
z-index:900;
}


.Tapa{
background:#000;
opacity:.4;
filter:"alpha(40)";
position:absolute;
}


.cajita{
   background: #132B6B; 
   color:#fff;
   padding:5px 10px;
   text-align:center;
}
.cajita a{
color:#fff;
}


.Columnas{
overflow:hidden;
}
.Columnas .col{
display:block;
float:left;

}


.presentable{
border-radius:7px;
padding:3px 10px 3px 24px;   
display:inline-block;
min-height:20px;
min-width:6px;
}
.presentable.mini{
 padding-left:10px;  

} 

.presentable.true{
background:url(img/iconmini-disponible.png) 4px 5px no-repeat;
border:#3BA936 3px solid;
color:#3BA936;
}
.presentable.false{
background:url(img/iconmini-nodisponible.png) 4px 5px no-repeat;    
border:#565656 3px solid;
color:#565656;
}
.presentable.false.mini,.presentable.true.mini{
 background-position: 6px 6px;    
}

.grande{
font-size:28px;
font-weight:bold;
}


.check{
width:20px;
height:20px;
background:url(img/iconmini-disponible.png) no-repeat top left;
}
.no{
width:20px;
height:20px;
background:url(img/no.png) no-repeat top left;
}


.warning{
display:block;
background:url(img/warning.png) no-repeat top left;
width:100px;
height:100px;
}
.warningtxt{
color:#96205D;
font-size:1.5em;
}



.prueba .limite,.mision .limite{
background:url(img/iconmini-limite.png) 4px 5px no-repeat;
padding:7px 2px 2px 40px;
margin:2px 0px 0px 6px;
text-transform: uppercase;
}

.prueba .equipo,.mision .equipo{
background:url(img/iconmini-equipo.png) 4px 2px no-repeat;
padding:7px 2px 4px 40px;
margin:2px 0px;
text-transform: uppercase;
font-weight:bold;
}