.loader {
	border: 1px solid #f3f3f3;
	border-top: 3px solid #3498db;
	border-radius: 50%;
	width: 16px;
	height: 16px;
	animation: spin 2s linear infinite;
}

@keyframes spin {
	0% { transform: rotate(0deg); }
	100% { transform: rotate(360deg); }
}
/* Estilos de módulos */
a {
	cursor:pointer;
}
.moduForma{
	width: 615px;
	background: #f2f2f2;
	position: relative;
	float: right;
	margin-right: 65px;
	text-align: justify;
}
.accordionModulo>h3.ui-accordion-header  {
	font-size:22px !important;
	color:rgb(102, 102, 102) !important;
	font-weight:lighter !important;
}
.accordionModulo .ui-icon { 
	display: none;
}
.accordionModulo .ui-accordion-header a {
	padding-left: 0; 
}

#accordionModulo1>h3.ui-accordion-header  {
	font-size:22px !important;
	color:rgb(102, 102, 102) !important;
	font-weight:lighter !important;
}
#accordionModulo1 .ui-icon { 
	display: none;
}
#accordionModulo1 .ui-accordion-header a {
	padding-left: 0; 
}

.imagen {
	text-align: center;
	float: right;
	width: 220px;
	clear: both;
}
.imagenLeft {
	text-align: center;
	float: left;
	width: 180px;
	clear: both;
}
.imagen2{
	margin: 0 auto;
	width: 70%;
}
.imagen3{
	text-align: center;
	float: right;
	width: 320px;
	clear: both;
}
.imagen4{
	text-align: center;
	float: right;
	width: 200px;
	clear: both;
}
.pestanas{
	position: absolute;
	display:none;
	text-align:right;
	width:44px;
}
.innerpestana{
	position: absolute;
	top: 40%;
	right: 100%;
	z-index: 4000;
	width:100px;
	text-align:right;
	color:rgb(4, 169, 157);
	font-weight:700;
}


.divIntro{
	padding: 20px 30px;
	color:#666666;
}
.tituloModulo{
	font-weight: normal;
	font-size: 23px;
	color: #666666;
}
textarea{
	width: 100%;
	resize: none;
	font-size: 13px;
	outline: none;
	outline-color: initial;
	outline-style: none;
	outline-width: initial;
}
.longTextarea{
	height: 100px;
}
.tableTextarea{
	height:80px;
	margin: 0px;
	padding: 4px;
	width: 88%;
	border: 0px;
	outline:none;
}
.inputActividad{
	text-align: center;
	width: 120px;
	padding: 2px 2px 0px 2px;
	background: transparent;
	border-bottom: 1px solid #CCC;
	border-top: 0px;
	border-left: 0px;
	border-right: 0px;
}
.cuaderno, .foro, .chat{
	color: #04A99D;
	text-decoration:underline;
	cursor:pointer;
}

/* Tabla de evaluación */
.tableEvaluacion{
	width: 531px;
}
.radioEval{
	margin: 0px 7px 0px 0px;
}
.tableEvaluacion td{
	height: 50px;
}
.btnSaveEval{
	left: 481px;
	top: 0px;
}


/* Tabla de Actividad */
table.actBalanza{
	margin: 0px 39px;
}
.actBalanza td{
	vertical-align:top;
}
.actBalanza td.par{ color:#999999;}
.actBalanza td.celdaAlta{ padding: 0px 0px 20px 0px; }
.balanzaArea > img {
	display:none; 
	position:absolute; 
	width: 276px;
}

/* 30/04/14 ocultando tabla*/
.hideTR{
	display:none;
}
.nextPreguntaTabla{
	position: absolute;
	left: 357px;
	border: 1px solid;
	padding: 6px;
	border-radius: 10px;
	-webkit-border-radius: 10px ;
	-moz-border-radius: 10px;
	color: #04A99D;
	cursor:pointer;
}
.nextPreguntaTabla:hover{
	background: #ccc;
}

.actBalanzaRetro{
	padding: 18px 0px;
	display:none;
	margin: 0px 39px;
}
.actBalanzaRetro > div{ 
	display:inline-block; }
.balanzaArea{
	/*background: #ccc;*/
	width: 233px;
}
.balanzaRetro{
	color: #04A99D;
	width: 225px;
	text-align: left;
	line-height: 25px;
	position: absolute;
}
.balanzaRetro > div{ 
	display:none;
	margin: 0px 0px 0px 15px;
}
.hoverTdBalanza{
	/*background: #9BDDD8;*/
	cursor:pointer;
}
.barra{
	display: inline-block;
	width: 92px;
	border: 3px solid;
	border-radius: 			10px 10px 0px 0px;
	-webkit-border-radius:	10px 10px 0px 0px;
	-moz-border-radius:		10px 10px 0px 0px;
	margin: 0px 7px;
	box-shadow: 		2px 2px 4px;
	-moz-box-shadow:	2px 2px 4px;
	-webkit-box-shadow:	2px 2px 4px;
	overflow: hidden;
}
.barra_neg{ border-color: #803689;}
.barra_pos{ border-color: #38A962;}
.subBarra{
	height: 22px;
	border-bottom: 2px solid #FFF;
	position:relative;
}
.sub_neg{
	background: #B27CB0;
}
.sub_pos{
	background:#97BF0D;
}
.descripcion{
}
.desc_neg{
	color: #803689;
}
.desc_pos{
	color: #38A962;
}
.descripcion > div{ 
	display:inline-block;
	width: 110px;
	text-align: center;
	font-size: 13px;
}
/* Modudlo 2 */
ol.lista{ margin: 0px 0px 0px -20px;}
ol.lista li{ margin: 9px 0px; }
.tableM2_m{ color: #592D47;}
.tableM2_h{ color: #404470;}
td.celdaTexto{ padding: 0px 0px 0px 12px;}
.inciso{ 
	padding:0px 0px 0px 30px; 
}
.ejemploHiden{ 
	display:none; 
}
.otroEjemplo{
	color: #04A99D;
	text-align: right;
	font-size: 14px;
	cursor: pointer;
	padding: 12px 0px;
}
.divEjemplo{
	background: #E6E6E6;
	padding: 10px;
	margin: 6px 0px;	
}

/*Modulo 3*/
 #tablaAct thead tr td,#tablaAct2 thead tr td{
	 background-color: #CCC;
	 font-size:14px;
	 color:#FFF;
	 text-align:center;
	 border:1px solid #FFF;
 }
  
 #tablaAct tbody tr td{
	background-color: #FFF;
	height:50px;
	border:1px solid #CCC;
	text-align: center;
 }
 
 #tablaAct2{
	 border-collapse:collapse !important;
 }
 
 #tablaAct2 tbody tr td{
	 height:50px;
	 border:2px solid #CCC;
	 padding: 9px;
 }
 
 /*Modulo 6*/
 
.tipo{
   cursor:pointer;
}
.tipo_hover{
	background: #B2B2B2;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	padding: 0px 0px 0px 18px;
	width: 89px;
}
.retro{
	 display:none; 
}
 
 /* Botones de guardado de actividades*/
 .areaBtnAzul{
	text-align:right;	
	position: relative;
	width: 100%;
}
.areaBtnAzul > span{
	color: #04A99D;
	text-decoration: underline;
	cursor: pointer;
	margin: 0px 0px 0px 35px;
}

/*Retro*/
body .contRetroTestDep{
	font-family: Myriad Pro !important;
	background:rgb(252,238,227);
	opacity:0.94;
	filter:alpha(opacity=94);
	position: relative;
	margin: 0px auto;
	padding: 2px;
	padding-left: 130px;
	padding-right:30px;
}


.btnAceptar{
	margin:0px 0px 20px 705px;
}
.retroInfo{
	margin:0px 0px 20px 630px;
}

.testDep{
	display:none;
	font-size: 15px !important;
}
/* otn de evaluacio final del programa */
.btnSaveEvalFin{
	left: 481px;
	top: 0px;
}
.biggerSubTema{
	font-size: 18px;
	margin: 45px 0px 30px 0px;
}
.biggerNegritas{
	font-size: 17px;
}
.parrafoAudio{
	color: #04A99D;
}
.parrafoAudio > span > img{
	vertical-align: middle;
}
.parrafoAudio > span,#soundLbl{
	cursor:pointer;
}
.modAselected{
	text-decoration:underline;

}