/*******GENERAL******/
body {
   background-image: url(Recursos/fondo.png);
    margin: 0px;
    padding: 0px;
    font-size: 14px;
   	color: #787878;
    background-attachment: fixed;
  /*  overflow-y:hidden;*/
	font-family: "Arial";

}

* {
    border: 0px solid;
}

 /*#degadrado {
    height: 600px;
    width: 100%;
    position: absolute;
    left: 0px;
    top: 0px;
    z-index: -6;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(10%,rgba(255,255,255,1)),color-stop(10%,rgba(255,255,255,1)), color-stop(40%,rgba(213,235,248,0)));
}*/

#titulo, .titulo {
    font-size: 22px;
    font-weight: bold;
    text-transform: uppercase;
    color: #2C88BF;
    width: 540px;
    text-align: right;
    vertical-align: middle;
}

#titulo {
    padding-left: 400px;
    padding-right: 50px;
	margin-top:10px;
}

#principal, #principalMenu {
    padding-bottom: 30px;
    width: 1024px;
    position: absolute;
    left: 50%;
    margin-left: -512px;
    margin-top: 30px;
    background: #FFF;
}

#principal {
    min-height: 100%;
}

#principalMenu {
    min-height: 75%;
}

#lateral_der {
    height: 600px;
    width: 600px;
    position: fixed;
    top: 0px;
    left: 0px;
    background-image: url(Recursos/nubes_lateral.png);
    z-index: -6;
    background-repeat: no-repeat;
}

#lateral_izq {
    height: 600px;
    width: 100%;
    position: fixed;
    top:  -100px;
    left: 0px;
    background-image: url(Recursos/nuebes_lateral.png);
    z-index: -6;
    background-repeat: no-repeat;
    background-position: right;
}

#pie_pagina {
    position: absolute;
    z-index: -1;
    left: 0;
    top: 100%;
    margin-left: 0px;
    margin-top: -500px;
    height: 100%;
    width: 100%;
    background-image: url(Recursos/nubes_inferior.png);
    background-repeat: no-repeat;
    background-color: transparent;
    background-attachment: fixed;
    background-position: bottom;
    
}

#inferior {
    height: 90px;
    background-image: url(Recursos/linea_continuar.png);
    background-repeat: repeat-x;
    background-position: left;
    margin: -15px;
    margin-bottom: 0px;
    text-align: right;
    margin-top: 30px;
    padding-top: 45px;
    color: #2C88BF;
    font-style: italic;
    padding-right: 15px;
}

.invisible {
    border-radius: 0px;
    border: 0px solid #000;
    margin: 0px;
    box-shadow: 0px 0px 0px 0px rgba(1, 1, 1, 0);
    background-color: transparent;
}

#contenido {
    min-height: 500px;
    background-repeat: no-repeat;
    background-size: 1024px 100%;
    padding-left: 30px;
    padding-right: 30px;
    padding-bottom: 15px;
    clear: both;
}


.fondodefault {
    height: 95px;
    border-radius: 10px 10px 0px 0px;
    background-color: #FFF;
    background-image: url(Recursos/pestanya_prelogin.png);
    background-repeat: no-repeat;
    background-position: left top;
}

#lateral, #lateralMenu {
	width:116px;
    margin-right:15px;	
	float:left;
	padding-top:-15px;
	
}

#lateral {
	padding:0px;
	background-image: url(Recursos/linea_fondo.png);
	background-repeat: repeat-y;
	background-position: center top;	
}

#lateralMenu {
	padding:-2px;	
}

#lateralAdmin {
	padding:0px;
	width:58px;
	float:left;
	padding-top:-15px;
}
		
/*//--------------------------- ENLACES -----------------------------------------------*/

a:link {text-decoration:none; color: #0f8ce0;} /* Link no visitado*/
a:visited {text-decoration:none; color:#a7def2} /*Link visitado*/
a:active {text-decoration:none; color: #0f8ce0;} /*Link activo*/
a:hover {text-decoration:none; color: #f6b22d;} /*Mause sobre el link*/


/*//---------------------------LOGIN y CABECERA -----------------------------------------------*/

#login {
    padding: 15px;
    margin: 5px;
    height: 55px;
    width: 175px;
    margin-left: 820px;
    float: left;
    color: #2C88BF;
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    text-transform: uppercase;
    font-size: 14px;
    text-align: right;
    font-weight: bolder;
    background-color: transparent;
    background-image: url(Recursos/fondop.png);
}


#login_enunciado, #login_enunciadoadmin {
    padding: 10px;
    margin: 5px;
    height: 63px;
    width: 375px;
    display: inline-block;
    color: #FFF;
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    text-transform: uppercase;
    font-size: 14px;
    text-align: left;
    font-weight: bolder;
    background-color: #2C88BF;
    border-radius: 10px;
    box-shadow: 0px 0px 60px 0px rgba(79, 128, 162, 0.137);
}

#login_enunciado {
   margin-left: 580px;
}

#login_enunciadoadmin {
    margin-left: 100px;
}

#login_enviar, #login_enviar2 {
    padding: 15px;
    width: 500px;
    float: left;
    color: #FFF;
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    background-color: #2C88BF;
    border-radius: 10px;
}

#login_enviar {  
    margin: 5px;
    height: 55px;
}

#login_enviar2 {
   
    margin-left: 250px;
    height: 150px;
}

#login_enunciado input, #login_enviar2 input, #login_enviar input  {
    width: 120px;
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size: 14px;
    color: #069;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    border: 0px none #03C;
    -webkit-box-shadow: 0px 0px 15px 0px rgba(1, 1, 1, 0.12);
    box-shadow: 0px 0px 15px 0px rgba(1, 1, 1, 0.12);
    padding-left: 20px;
}

#menuPre {
    width:100%;
    padding-top: 5px;
    float: left;
    background-color: transparent;
}

.botonesMenu {
    height: 28px;
    cursor: pointer;
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 8px;
    padding-bottom: 6px;
    border-radius: 2px;
    text-align: center;
    box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.26);
    border: thin solid #CCC;
    font-weight: bold;
    vertical-align: middle;
    font-size: 16px;
    text-transform: uppercase;
    background-color: #2C88BF;
    color: #FFF;
}

.seleccionadoMenu {
    color: #2C88BF;
    background-color: #FFF;
    background-image: url(Recursos/menusel.png);
    background-repeat: repeat-x;
    background-position: left;
    box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.26);
}

.hiperficha1 a:link {
            text-decoration:underline;  
}

/* ------------------------- PIE ------------------------------------*/

.tablaavance {
    border-collapse: collapse;
}

#avance{
	height:90px;
	background-image: url(Recursos/linea_continuar.png);
	background-repeat: repeat-x;
	background-position: left;
	margin:-15px;
	margin-bottom:0px;
	text-align:right;
	margin-top:30px;
	color: #2C88BF;
	font-style: italic;

	}

/* ------------ LATERAL MODULOS ----------------*/
.tema{
	padding-top:0px;
	width:100%;
	border-radius: 2px;
	border:0px;
	box-shadow:  0px 0px 7px 0px rgba(0, 0, 0, .27);
	
	height:35px;	
	font-size: 10px;
	font-weight: bold;
	text-transform: uppercase;
	
	text-align: center;
	vertical-align: middle;
	padding-top:15px;	
	color: #2C88BF;
	background-color: #FFF;
	
}
.tema + .tema{
	margin-top:10px;
}
.etiqueta{
	font-size: 11px;
	font-weight: bolder;
	text-transform: uppercase;
	color: #2C88BF;
	text-decoration: none;
	padding-left:5px;
	padding-right:5px;
	padding-bottom:0px;
	padding:0px;
	margin:5px;
	vertical-align: middle;
	display:inline/*-block*/;
	height:20px;
}
.actual{
	margin-bottom:125px;
	color: #FFF;
	background-color:#2C88BF;
	font-weight: bolder;
	font-size: 11px;
	box-shadow:  0px 0px 9px 0px rgba(0, 0, 0, .27);
	font-weight: bolder;
	font-size: 11px;
}
.nuevo{
	background-color: #E5F3FA;
	color: #B9D0CF;	
}
 #lateral .tema:last-child{
	 margin-bottom:0px;
 }


 #cuerpo, #cuerpoCompleto{		
	padding:15px;
    padding-top:30px;
	border-radius: 8px;
	box-shadow: 0px 0px 13px 0px rgba(0, 0, 0, 0.26);
	float:left;
}

 #cuerpo{		
	width:800px;

}
#cuerpoCompleto{		
	width:932px;
}

 /*------------------BARRA PROGRESO -----------------*/
 
#barraProgeso {
    background-image: url(Recursos/barraoff.png);
    width: 772px;
    height: 33px;
    background-repeat: no-repeat;
    background-position: left;
}

#barraProgesoOn {
    background-image: url(Recursos/barraon.png);
    width: 350px;
    height: 33px;
    background-repeat: no-repeat;
    background-position: left;
}

#bocadilloPorcentaje {
    margin-left: -30px;
    margin-top: 10px;
    height: 66px;
    width: 96px;
    background-image: url(Recursos/bocadilloPorcentaje.png);
    color: #2C88BF;
    font-size: 28px;
    text-align: center;
    padding-top: 16px;
    font-weight: bolder;
    background-repeat: no-repeat;
}

/*----------------------------------- HOME -----------------------------------*/
.parrafo, .parrafoblanco, .parrafoporcentaje{
    padding: 15px;
    border-radius: 3px;
    box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.26);
    margin-bottom: 15px;
    border: thin solid #CCC;
}

.parrafoblanco {
     background-color: #FFF;
}


.parrafoporcentaje {
    height: 100px;
}

.Arial16 {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 16px;
    text-align:justify;

}

.textoerror {
    text-align: right;
}

.textocentro {
    text-align: center;
}


#cabeceraPre {
    height: 152px;
    border-radius: 10px 10px 0px 0px;
    background-image: url(Recursos/pestanya_prelogin.png);
    background-repeat: no-repeat;
    background-position: left top;
}



/*Calendario*/


.nombreDia {
    margin: 0px;
    padding: 0px;
    width: 100px;
    background-color: #FFF;
    text-align: center;
    font-size: 14px;
    font-weight: bold;
    color: #2C88BF;
    margin-right: 0px;
    margin-top: 5px;
    margin: 0px;
    border: 0px solid #CCC;
    border-radius: 3px;
    box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0);
    text-transform: uppercase;
}

.diaCalendario {
    height: 70px;
    width: 100px;
    background-color: #FFF;
    background-repeat: no-repeat;
    background-position: center center;
    text-align: right;
    font-size: 18px;
    font-weight: bold;
    color: #75BADF;
    border: 1px solid #CCC;
    border-radius: 3px;
    box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, .3);
    vertical-align: top;
    padding: 0px;
    padding-right: 5px;
}

.diaInactivo {
    background-image: url(Recursos/fondo_calendario.png);
    box-shadow: inset 0px 0px 12px 0px rgba(0, 0, 0, .01);
    color: #FFF;
    border: 1px solid #E9E9E9;
}

.diaActivo {
    color: #9ECFE9;
    background-color: #FFF;
    background-image: url(Recursos/fondo_dia.png);
}

.diaTarea {
    color: #9ECFE9;
    background-image: url(Recursos/fondo_tarea.png);
}

.diaActividad {
    background-image: url(Recursos/fonndo_activo.png);
    color: #D3E9C0;
}

.diaCompleto {
    color: #2C88BF;
    background-image: url(Recursos/fondo_completo.png);
    color: #FFF;
}

.gradada {
    background-repeat: repeat-y;
    background-position: center top;
}

.tarea {
    color: #FFF;
    font-size: 32px;
    font-weight: bold;
    text-align: center;
    display: block;
    padding-top: 5px;
    text-shadow: rgba(160, 10, 10, .4) 0px 0px 8px;
}

.limpiar {
    clear: both;
}



.fondoverde
{
    background-image: url(Recursos/fonndo_activo.png);
}

.centradoenpanel
{
    width: 100%;
    vertical-align: bottom;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}

.alineacionvertical
{
    vertical-align: middle;
}

.alineacioncentrotitulo
{
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    font-size: 22px;
    font-weight: bold;
    text-transform: uppercase;
    color: #2C88BF;
}

/*-----------------------TAREAS CALENDARIO ----------------------*/
.especial
{
    background-color: #E5F3FA;
    border: 1px solid #A2CEEA;
    box-shadow: 0px 0px 12px 0px rgba(44, 136, 191, 0.5);
    border-radius: 8px;
    margin-top: 20px;
    padding: 15px;
    font-size: 14px;
    padding-left: 107px;
    color: #2C88BF;
    background-image: url(Recursos/especial.png);
    background-repeat: no-repeat;
    background-position: left top;
    min-height: 90px;
    margin-bottom: 15px;
}

.miniTarea {
    background-image: url(Recursos/miniTarea.png);
    margin-bottom: 5px;
    padding-left: 80px;
    min-height: 30px;
}

.miniTarea + .miniTarea {
    margin-top: 0px;
}

.textoTarea {
    /*	width:550px;*/
    display: inline-block;
    float: left;
    vertical-align: top;
    text-align: left;
}

.checktarea {
    width: 100px;
    display: inline-block;
    text-align: right;
    background-image: url(Recursos/linea.png);
    background-repeat: repeat-y;
    background-position: left center;
    min-height: 30px;
    text-align: center;
    padding-left: 15px;
}

/**********************CUESTIONARIOS***********************************/
.css100 {
    width: 100%;
}

.css80 {
    width: 80%;
}

.css65 {
    width: 65%;
}

.css50 {
    width: 50%;
}

.css35 {
    width: 35%;
	    padding-left: 10px;

}

.css33 {
    width: 33%;
}

.css25 {
    width: 25%;
}

.css20 {
    width: 20%;
}

.css16 {
    width: 16%;
}

.css14 {
    width: 14%;
}

.css12 {
    width: 12%;
}

.css11 {
    width: 11%;
}

.css10 {
    width: 10%;
}

.css9 {
    width: 9%;
}

.css8 {
    width: 8%;
}

.css7 {
    width: 7%;
}

.css6 {
    width: 6%;
}


.lineaCuestionario {
    /*padding: 15px;*/
    padding-top: 5px;
    padding-bottom: 5px;
    border-radius: 3px;
    box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.26);
    margin-bottom: 2px;
    border: thin solid #CCC;
    padding-right: 0px;
    width: 100%;
}

.cabeceraCuestionario {
    background-color: #2C88BF;
    color: #FFF;
    /*padding: 15px;*/
    padding-top: 0px;
    padding-bottom: 0px;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
    box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.26);
    border: thin solid #CCC;
    padding-right: 0px;
    text-transform: uppercase;
    font-size: 12px;
    height: 25px;
    width: 100%;
}

/*Radio de cuestionarios*/

.css100radio td input {
    -webkit-appearance: none;
    background-color: #fafafa;
    border: 1px solid #BADBEF;
    box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05);
    padding: 8px;
    border-radius: 100px;
    display: inline-block;
    position: relative;
    margin: 1px;
}

.css100radio td {
    text-align: center;
    background-image: url(Recursos/linea.png);
    background-repeat: repeat-y;
    background-position: left center;
    vertical-align: middle;
}

.css100radio {
    width: 100%;
}


.css100radio td input:checked:after {
     /* bolita*/
    content: ' ';
    width: 10px;
    height: 10px;
    border-radius: 50px;
    position: absolute;
	top: 3px;
    box-shadow: inset 0px 0px 10px rgba(0,0,0,0.3);
    text-shadow: 0px;
    left: 3px;
    font-size: 32px;
    background-color: #2C88BF;
  }


.css100radio td input:checked {
     /* marcado*/
     background-color: #e9ecee;
     color: #99a1a7;
     border: 1px solid #2C88BF;
     box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05), inset 15px 10px -12px rgba(255,255,255,0.1), inset 0px 0px 10px rgba(0,0,0,0.1);
 }
	
	
.css100radio td input:active, .css100radio td input:checked:active 
{
     /* foco*/
     box-shadow: 0 1px 2px rgba(0,0,0,0.9), inset 0px 1px 3px rgba(0,0,0,0.1);
}

/*tipo2*/

.css100radiotipo2 td input {
    -webkit-appearance: none;
    background-color: #fafafa;
    border: 1px solid #BADBEF;
    box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05);
    padding: 8px;
    border-radius: 100px;
    display: inline-block;
    position: relative;
    margin: 1px;
}

.css100radiotipo2 td {
    text-align: left;
    background-repeat: repeat-y;
    background-position: left center;
    vertical-align: middle;
}

.css100radiotipo2 
{
    width: 100%;
}


.css100radiotipo2 td input:checked:after 
{
    content: ' ';
    width: 10px;
    height: 10px;
    border-radius: 50px;
    position: absolute;
    top: 3px;
    box-shadow: inset 0px 0px 10px rgba(0,0,0,0.3);
    text-shadow: 0px;
    left: 3px;
    font-size: 32px;
    background-color: #2C88BF;
 }

 .css100radiotipo2 td input:checked 
 {
    background-color: #e9ecee;
    color: #99a1a7;
    border: 1px solid #2C88BF;
    box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05), inset 15px 10px -12px rgba(255,255,255,0.1), inset 0px 0px 10px rgba(0,0,0,0.1);
 }

 .css100radiotipo2 td input:active, .css100radiotipo2 td input:checked:active 
 {
     box-shadow: 0 1px 2px rgba(0,0,0,0.9), inset 0px 1px 3px rgba(0,0,0,0.1);
  }
	
/*ejercicios*/
.css100radioejercicios td input
{
    -webkit-appearance: none;
    background-color: #fafafa;
    border: 1px solid #BADBEF;
    box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05);
    padding: 8px;
    border-radius: 100px;
    display: inline-block;
    position: relative;
    margin: 1px;
}


.css100radioejercicios
{
    width: 100%;
}

.css100radioejercicios label
{
    font-size: 13px;
    font-weight: bolder;
    text-transform: uppercase;
    color: #2C88BF;
    text-decoration: none;
    padding-left: 5px;
    padding-right: 5px;
    padding-bottom: 0px;
    padding: 0px;
    margin: 5px;
    margin-top: -4px;
    vertical-align: middle;
    display: inline-block;
    height: 20px;
}


.css100radioejercicios td input:checked:after
{
    /* bolita*/
    content: ' ';
    width: 10px;
    height: 10px;
    border-radius: 50px;
    position: absolute;
    top: 3px;
    box-shadow: inset 0px 0px 10px rgba(0,0,0,0.3);
    text-shadow: 0px;
    left: 3px;
    font-size: 32px;
    background-color: #2C88BF;
}
.css100radioejercicios td input:checked
{
    /* marcado*/
    background-color: #e9ecee;
    color: #99a1a7;
    border: 1px solid #2C88BF;
    box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05), inset 15px 10px -12px rgba(255,255,255,0.1), inset 0px 0px 10px rgba(0,0,0,0.1);
}

.css100radioejercicios td input:active, .css100radio td input:checked:active
{
    /* foco*/
    box-shadow: 0 1px 2px rgba(0,0,0,0.9), inset 0px 1px 3px rgba(0,0,0,0.1);
}


/* 50 */
.css50radioejercicios
{
    width: 100%;
}
	
.error
	{
	background-color:#F2C1C0;
	}
		
.contestada
{
	background-color:#E5F3FA;
}
/****************************************************MODULOS***************************/

/*caso1*/
/*---------------------------------------------------------------------------------------------------------------------------------------*/
.titulonivel1
{
    background-color: #2C88BF;
    font-size: 18px;
    font-weight: bold;
    color: #FFF;
    text-align: right;
    padding: 5px;
    padding-right: 15px;
    border: thin solid #CCC;
    display: block;
}
/*---------------------------------------------------------------------------------------------------------------------------------------*/
/*---------------------------------------------------------------------------------------------------------------------------------------*/
/*caso2*/


.tablatextofila
{
    width:100%;
    text-align:justify;
    padding-left:15px;
    padding-right:15px;
     
    }

.tablatexto
{
    width:100%;
    text-align:justify;
    padding-left:15px;
    padding-right:15px;
     
    }


.textonormalcontenido
{
    font-style: normal;
    font-size: 11pt;
    text-align:justify;
    padding-left:2px;
    padding-right:2px;
     
}
/*---------------------------------------------------------------------------------------------------------------------------------------*/
/*---------------------------------------------------------------------------------------------------------------------------------------*/
/*caso3*/
/*---------------------------------------------------------------------------------------------------------------------------------------*/
/*---------------------------------------------------------------------------------------------------------------------------------------*/
/*caso4*/
/*---------------------------------------------------------------------------------------------------------------------------------------*/
/*---------------------------------------------------------------------------------------------------------------------------------------*/
/*caso5*/
/*---------------------------------------------------------------------------------------------------------------------------------------*/
/*---------------------------------------------------------------------------------------------------------------------------------------*/
/*caso6*/

.titulonivel2
{
    background-color: #fff;
    font-size: 18px;
    color: #2C88BF;
    text-align: left;
    padding: 5px;
    padding-right: 15px;
    display: block;
}

.titulonivel3
{
    background-color: #fff;
    font-size: 18px;
    font-weight: bold;
    color: #2C88BF;
    display: block;
}

/*---------------------------------------------------------------------------------------------------------------------------------------*/
/*---------------------------------------------------------------------------------------------------------------------------------------*/
/*caso7*/
/*---------------------------------------------------------------------------------------------------------------------------------------*/
/*---------------------------------------------------------------------------------------------------------------------------------------*/
/*caso8*/
/*---------------------------------------------------------------------------------------------------------------------------------------*/
/*---------------------------------------------------------------------------------------------------------------------------------------*/
/*caso9*/
/*---------------------------------------------------------------------------------------------------------------------------------------*/
/*---------------------------------------------------------------------------------------------------------------------------------------*/
/*caso10*/


/*---------------------------------------------------------------------------------------------------------------------------------------*/
/*---------------------------------------------------------------------------------------------------------------------------------------*/
/*caso11*/
.correcto
{
    padding-left: 50px;
    background-image: url(Recursos/correcto.png);
    background-position: left;
    background-repeat: repeat-y;
}
.incorrecto
{
    padding-left: 50px;
    background-image: url(Recursos/incorrecto.png);
    background-position: left;
    background-repeat: repeat-y;
}
.rojo
{
    color: #C00;
    font-size: 14px;
    font-weight: bold;
}
.verde
{
    font-weight: bold;
    font-size: 14px;
    color: #090;
}

/*---------------------------------------------------------------------------------------------------------------------------------------*/
/*---------------------------------------------------------------------------------------------------------------------------------------*/
/*caso12*/


/*---------------------------------------------------------------------------------------------------------------------------------------*/
/*---------------------------------------------------------------------------------------------------------------------------------------*/
/*caso13*/


/*---------------------------------------------------------------------------------------------------------------------------------------*/
/*---------------------------------------------------------------------------------------------------------------------------------------*/
/*caso14*/

/*---------------------------------------------------------------------------------------------------------------------------------------*/
/*---------------------------------------------------------------------------------------------------------------------------------------*/
/*caso15*/


/*---------------------------------------------------------------------------------------------------------------------------------------*/
/*---------------------------------------------------------------------------------------------------------------------------------------*/
/*caso16*/


/*---------------------------------------------------------------------------------------------------------------------------------------*/
/*---------------------------------------------------------------------------------------------------------------------------------------*/
/*caso17*/


/*---------------------------------------------------------------------------------------------------------------------------------------*/
/*---------------------------------------------------------------------------------------------------------------------------------------*/
/*caso18*/
.ventanaInfo
{
    background-image: url(Recursos/info.png);
}
/*---------------------------------------------------------------------------------------------------------------------------------------*/
/*---------------------------------------------------------------------------------------------------------------------------------------*/
/*caso19*/
.ventanaTarea
{
    background-image: url(Recursos/tarea.png);
}

/*---------------------------------------------------------------------------------------------------------------------------------------*/
/*---------------------------------------------------------------------------------------------------------------------------------------*/
/*caso20*/
.ventanaAlerta
{
    background-image: url(Recursos/alerta.png);
}

/*comunes*/
/*---------------------------------------------------------------------------------------------------------------------------------------*/
.tamanyo100
{
    width: 100%;
}

.tamanyo75
{
    width: 75%;
}


.tamanyo65
{
    width: 65%;
}

.tamanyo50
{
    width: 50%;
}

.tamanyo35
{
    width: 35%;
}

.tamanyo34
{
    width: 34%;
}

.tamanyo33
{
    width: 33%;
}

.tamanyo30
{
    width: 30%;
}

.tamanyo29
{
    width: 29%;
}



.tamanyo25
{
    width: 25%;
}



.img
{
    border: 8px solid #FFF;
    box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.26);
    margin-bottom: 5px;
}

.reproductor img
{
    border: 8px solid #FFF;
    box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.26);
    margin-bottom: 5px;
}

.columna
{
    background-image: url(Recursos/linea.png);
    background-repeat: repeat-y;
    background-position: left center;
    vertical-align: middle;
}

.centrado
{
    text-align: center;
}


.cabeceracaso11
{
    background-color: #2C88BF;
    color: #FFF;
    padding: 15px;
    padding-top: 0px;
    padding-bottom: 0px;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
    box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.26);
    border: thin solid #CCC;
    padding-right: 0px;
    text-transform: uppercase;
    font-size: 12px;
    height: 25px;
    width: 100%;
}

/*---------------------------------------------------------------------------------------------------------------------------------------*/
/* Tablas */
/*---------------------------------------------------------------------------------------------------------------------------------------*/

.tablaNormal
{
    width: 100%;
    border-collapse :collapse ;
}


.tablaNormal2
{
    border-collapse :collapse ;
}


.tablaNormal td, .tablaNormal2 td
{
    padding-left: 15px;
    padding-top: 5px;
    box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.26);
    border: thin solid #EFEFEF;
    padding-bottom: 12px;
}


.tablaNormal td
{
    width: 100%;
}


.over, .over td
{
    background-color: #FFF;
    height: 15px;
    border-top-style: solid;
    border-right-style: none;
    border-bottom-style: solid;
    border-left-style: none;
    border-top-color: #39C;
    border-right-color: #39C;
    border-bottom-color: #39C;
    border-left-color: #39C;
    border-top-width: medium;
    border-right-width: medium;
    border-bottom-width: medium;
    border-left-width: medium;
}
.separador, .separador td
{
    background-color: #FFF;
    height: 5px;
}
.tablaNormal .conclusiones, .tablaNormal2 .conclusiones
{
    padding-top: 15px;
    padding-right: 55px;
    padding-left: 55px;
    padding-bottom: 35px;
}
.tablaNormal .cabecera, .tablaNormal .cabecera td,.tablaNormal2 .cabecera, .tablaNormal2 .cabecera td
{
    background-color: #2C88BF;
    color: #FFF;
    box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.26);
    border: thin none #F3F3F3;
    padding-right: 25px;
    text-transform: uppercase;
    font-size: 12px;
    height: 10px;
    padding-top: 15px;
    padding-left: 15px;
    text-align: left;
    vertical-align: bottom;
}
.cabecera td
{
    border: thin none #F3F3F3;
}

.par
{
    background-color: #FFFFFF;
}
.impar
{
    background-color: #E4EDED;
}
.separador
{
    background-color: #E4EDED;
}

.tdInactivo, .inactivo td
{
    box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.26);
    background-color: #F3F3F3;
    color: #F3F3F3;
    border-top-style: none;
    border-right-style: none;
    border-bottom-style: none;
    border-left-style: none;
    border-top-color: #F3F3F3;
    border-right-color: #F3F3F3;
    border-bottom-color: #F3F3F3;
    border-left-color: #F3F3F3;
}


.tablaNormal .conclusiones, .tablaNormal2 .conclusiones
{
    padding-top: 15px;
    padding-right: 55px;
    padding-left: 55px;
    padding-bottom: 35px;
}

.centradoenpanel
{
    width: 100%;
    vertical-align: bottom;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}

.alineacionvertical
{
    vertical-align: middle;
}

.alineacioncentrotitulo
{
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    font-size: 22px;
    font-weight: bold;
    text-transform: uppercase;
    color: #2C88BF;
}

.alineacioncentro
{
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}
.alineacionderecha
{
    text-align: right;
    margin-left: auto;
    margin-right: auto;
}
.alineacionizquierda
{
    text-align: left;
    margin-left: auto;
    margin-right: auto;
}


/*Estilos tablas nuevas del constructor de modulos*/

.tabla0, .tabla1, .tabla2, .tabla3, .tabla4, .tabla5, .tabla6 {

    width:100%;
    table-layout :fixed;
}


.tabla0 td, .tabla1 td, .tabla2 td, .tabla3 td, .tabla4 td, .tabla5 td, .tabla6 td
{
    padding-left: 15px;
    padding-top: 5px;
    box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.26);
    border: thin solid #EFEFEF;
    padding-bottom: 12px;
}

.tabla1 td:nth-child(1) , .tabla2 td:nth-child(1), .tabla6 td:nth-child(1)    
{
    width :114px;
    font-weight :bold ;
    color:white ;
    background-color :#2c88bf;
} 


.tabla2 tr:nth-child(1) td, .tabla3 tr:nth-child(1) td, .tabla4 tr:nth-child(1) td, .tabla6 tr:last-child  td
{
    font-weight :bold ;
    background-color :#2c88bf;
    color:white ;
}


.tabla1 tr:nth-child(2n+1), .tabla2 tr:nth-child(2n+1)  ,.tabla3 tr:nth-child(2n+1) , .tabla5 tr:nth-child(2n+1), .tabla6 tr:nth-child(2n+1)      
{
    background-color :#E4EDED ;
}

.tabla1 tr:nth-child(2n), .tabla2 tr:nth-child(2n)  , .tabla3 tr:nth-child(2n)   , .tabla5 tr:nth-child(2n) , .tabla6 tr:nth-child(2n)   
{
    background-color :#FFFFFF  ;
}


/**********************************ADMIN***********************************************/
.tileado1 {
    background: url(Recursos/bocadillo/il2.png) repeat-y;
}

.tileado2 {
    background: url(Recursos/bocadillo/dll2.png) repeat-y;
}

.tileado3 {
    background: url(Recursos/bocadillo/il.png) repeat-y;
}

.tileado4 {
    background: url(Recursos/bocadillo/dll.png) repeat-y;
}



/*PESTAŅAS*/

.EstiloPestanyas .ajax__tab_header
{
    font-family:  Arial,Verdana, Tahoma, sans-serif;
    font-size: 14px;
    padding-left:8px;
         
}
.EstiloPestanyas .ajax__tab_outer
{
     padding-right: 4px;
     height: 30px;
     width: 175px;
     margin-right: 0px;
     background-image :url(Recursos/admin/pestanya2OFF.png);
     background-repeat : no-repeat ;
     color: #2c88bf;
     text-align :center;
     border-bottom-color: #0f8ce0;
     border-bottom-style: solid;
     border-bottom-width: medium;
}
.EstiloPestanyas .ajax__tab_inner
{
   
}
.EstiloPestanyas .ajax__tab_tab
{
     height: 22px;
     padding: 4px;
     margin: 0;
   
}
.EstiloPestanyas .ajax__tab_hover .ajax__tab_outer
{
  
    background-image :url(Recursos/admin/pestanya2OFF.png);
    background-repeat : no-repeat ;
    font-weight : bold;
    color: #2c88bf;
    cursor:pointer;
}
.EstiloPestanyas .ajax__tab_hover .ajax__tab_inner
{
   
}
.EstiloPestanyas .ajax__tab_hover .ajax__tab_tab
{
   
}
.EstiloPestanyas .ajax__tab_active .ajax__tab_outer
{
   
    background-image :url(Recursos/admin/pestanya2ON.png);
    background-repeat : no-repeat ;
    font-weight : bold;
    color: white;
}
.EstiloPestanyas .ajax__tab_active .ajax__tab_inner
{
}
.EstiloPestanyas .ajax__tab_active .ajax__tab_tab
{


}
.EstiloPestanyas .ajax__tab_body
{
    padding-top:0px;
    padding-left:8px;
    padding-right:8px;
   
}


/*PANEL MODAL*/

.modalPopUp, .modalPopUpPequenyo {
	background-color:white;
	border :solid 3px #A9A9A9;
	padding:10px;
}

.modalPopUp {
	width: 750px;
	text-align :justify ;
	height : 550px;
	overflow :scroll ;
}

.modalPopUpPequenyo {
	width: 300px;
	text-align :left ;
	height : 300px;
}

.modalBackground {
    background-color: Gray;
    filter: alpha(opacity=50);
    opacity: 0.7;
}

/*GRIDS*/

.grid 
{
	width: 99%;
}


.grid tr:hover td
{

	background-color: #FFF;
	height:15px;
	border-top-style: solid;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: none;
	border-top-color: #39C;
	border-right-color: #39C;
	border-bottom-color: #39C;
	border-left-color: #39C;
	border-top-width: medium;
	border-right-width: medium;
	border-bottom-width: medium;
	border-left-width: medium;
}

.grid td
{
	/*width: 100%;*/
	padding-left: 5px;
	padding-top:5px;
	box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.26);
	border: thin solid #EFEFEF;
	padding-bottom:12px;
    font-size :12px;

}

 
.grid th
{
	background-color :#2c88bb;
	border :solid 3px #2c88bb;
	color: White;
    font-size :12px;
}

/*tabla*/
.tablaadmin 
{
    padding:5px;
    font-size :14px;
}

 .tablaadmin td {
     padding:5px;
}

/*Botones*/

.botonadmin, .botonadminlargo {
    color: #2C88BF;
    background-color: Transparent;
    font-weight: bold;
    height: 35px;
    cursor :pointer ;
    border-radius: 8px;
	box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.26);
	margin-bottom:15px;
	margin:15px;
	border: thin solid #CCC;	
	display:inline-block;
}

.botonadmin {
    width: 120px;
}

.botonadminlargo {

    width: 200px;
}

.cuadrotexto 
{
    margin-left: 4px;
    width: 200px;
    height: 20px;
    border: 2px solid #BADBEF;
}

.camporequerido 
{
    color :lightcoral ;
}

.campoblanco 
{
    Color:White;
}

.mayusculas 
{
     text-transform: uppercase;
}

.negrita 
{
    font-weight : bold;
}

.fondogris 
{
    background-color :#e4f7ff ;
}
.derecha 
{
    text-align :right ;
}

.izquierda
{
    text-align :left ;
}

.justificado 
{
    text-align :justify ;
}

.separador2 
{
    height :25px;
}

.rayita 
{
    border-bottom :solid 1px #BADBEF;
}

.columnaseparacion 
{
    width :30px;
}

#nombre {
    font-size: 16px;
    font-weight: bold;
    text-transform: uppercase;
    color: #2C88BF;
    width: 540px;
    text-align: right;
	margin-top: 15px;
    padding-left: 350px;
    padding-right: 30px;
    vertical-align: middle;
}

.TituloParrafo{
	border-top-left-radius: 3px;
	border-top-right-radius: 3px;
	border-bottom-left-radius: 0px;
	border-bottom-right-radius: 0px;
	background-color:#2C88BF;
	margin:-15px;
	margin-bottom:15px;
	font-size: 18px;
	font-weight: bold;
	color: #FFF;
	text-align: right;
	padding:5px;
	padding-right:15px;
	border: thin solid #CCC;
	display:block;
	}
.PieDeFoto{
	font-size: 12px;
	font-weight: normal;
	text-align: center;
	padding:15px;
	padding-bottom:0px;
	padding-top:0px;	
	margin:0px;
	display:block;
}

.BloqueTexto{
	font-size: 14px;
	font-weight: normal;
	text-align: justify;
	padding:15px;		
	margin:0px;
	padding-top:0px;
	display:block;
}

.paddingizquierda
{
	padding-left:15px;
}

.etiquetaRadio{
	font-weight: bold;
	color: #2C88BF;
	vertical-align: middle;
	padding-right: 15px;
	padding-left: 5px;
	vertical-align:top;
	padding-top:3px;
}