@charset "utf-8";
/* CSS Document */

html               { height:100%; margin:0; padding:0; background:url(imgs/fondo.png) top center repeat-y; background-color:#fff;}
body               { width:100%; height:100%; margin:0; padding:0; font-size:19px; font-family:'Ropa Sans',Arial,sans-serif; color:#124f83;}


/* * * * * *  html 5 fix  * * * * * */

section,
article,
header,
footer,
nav,
aside,
video,
hgroup             { display: block; }


/* * * * * *  resets * * * * * */

img									{ border:none;}
a									{ outline-style:none; text-decoration:none;}
input[type="radio"], input[type="checkbox"]
									{ margin:0; padding:0;}


/* * * * * *  layout  * * * * * */

#contenedor		  					{ position:relative; z-index:0; width:100%; max-width:996px; min-width:460px; margin: 0 auto; background-color:#f3f3f3;}
header								{ width:100%; height:72px; background-color:#c5418e;}
#actividades						{ margin:3% 1% 3% 30%; background-color:#f3f3f3; position:relative;}
#fiches								{ float:left; width:27%/*259px*/; min-width:175px; margin:3% 1%/*30px 10px*/; text-align:center; background-color:#c5418e; border:3px solid #c5418e;}
#manual, #auto						{ margin:3% 6%/*30px 60px*/; padding:1.4%/*14px*/; background-color:#fff; border:3px solid #c5418e;}
#tests								{ margin:3% 6% 0.5em 6%/*30px 60px*/; background-color:#c5418e; border:3px solid #c5418e;}
#manual, #auto, .selectores, #fiches, #tests
									{ position:relative; border-radius:25px;
										-webkit-border-radius: 25px;
							  			-moz-border-radius: 25px;
							 			behavior: url(pie/PIE.htc);}
#audio								{ margin:0 1.4% 1.4% 1.4%;}
#cajaExamen							{ background-color:#fff;}
footer								{ width:88%; text-align:right; clear:both; margin:0 6%; font-size:0.79em/*15px*/;}										
										

/* * * * * *  elements  * * * * * */

#logo								{ position:absolute; width:294px; height:70px; margin-left:3%; background:url(imgs/logoC.png) no-repeat; background-size:contain;}
#titulo								{ margin:0 194px 0 320px; text-align:center; font:italic 700 1.4737em/*28px*//72px 'Share',Arial,sans-serif; color:#f1b1ce;}
header a							{ margin-top:15px;}
.encabezado							{ padding:0 0 0.5em 2em/*48px*/; font:italic 700 1.2631em/*24*/ 'Share',Arial,sans-serif; color:#bc0074;}
.selectores							{ padding:1.4%/*14px*/; margin-bottom:2.5%/*25px*/; background-color:#f3f3f3;}
.botones							{ overflow:hidden; min-height:42px; margin:0 -7px -7px -7px;}									
.nombreSeccion						{ text-align:center; font:italic 700 1.1579em/*22*/ 'Share',Arial,sans-serif; color:#009da9;}
#auto .nombreSeccion, #manual .nombreSeccion
									{ display:inline-block; width:22%; text-align:left; margin-left:3%;}
.seccion							{ padding:0; margin:0 5%; text-align:left;}
#auto .selectores .seccion, #manual .selectores .seccion
									{ display:inline-block; width:24%; padding-left:5%; margin:0; vertical-align:middle;}
#manual .selectores .seccion:nth-child(3), #manual .selectores .seccion:nth-child(7)
									{ width:38%;}
#listaFichas						{ min-height:200px; max-height:250px; border-top:2px solid #fff; text-align:left; background-color:#FFF;}
#lstfichas option[disabled]         { color: #bdbfc1;}
.optiondisabled                     { color: #bdbfc1;}
#lstfichas						    { background-color: #fff;border: 0; max-height: 250px; min-height: 200px; padding-right: 11%; text-align: left; display:block; width:100%;}
#lstfichas option					{ list-style:none; padding-left:5%; padding-right:5%; color:#124f83; font-family: "Ropa Sans",Arial,sans-serif; font-size: 16px;}
#listaFichas ul						{ list-style:none; padding-left:5%;}
#listaFichas ul li:hover			{ background-color:#c3f4fd;}
#listaAct							{ display:inline-block; position:relative; min-width:175px; margin:0 270px 0 1%; padding:1%/*10px*/ 20px; background-color:#fff; border:3px solid #c5418e;
										 border-radius:25px 25px 25px 0;
										-webkit-border-radius: 25px 25px 25px 0;
							  			-moz-border-radius: 25px 25px 25px 0;
							 			behavior: url(pie/PIE.htc);}
#actVer								{ position:relative; min-height:175px; margin:1%/*10px*/ 1% 15px 1%; padding:20px 0 20px 10px; background-color:#fff; color:#000; border:3px solid #c5418e;
										 border-radius:25px 25px 0 0;
										-webkit-border-radius: 25px 25px 0 0;
							  			-moz-border-radius: 25px 25px 0 0;
							 			behavior: url(pie/PIE.htc);}
#actSeleccion						{ position:relative; min-height:175px; margin:1%/*10px*/; padding:10px 0 20px 10px; background-color:#fff; color:#000; border:3px solid #c5418e; border-radius:0 0 25px 25px;
										-webkit-border-radius:0 0 25px 25px;
							  			-moz-border-radius:0 0 25px 25px;
							 			behavior: url(pie/PIE.htc);}
.contenidoAct						{ overflow:auto; max-height:300px;}
.exam								{ width:100%; min-height:300px;}
.previo								{ width:100%; min-height:300px; margin-bottom:2em;}
input								{ vertical-align:baseline;}
input[type="text"]					{ height:19px; border:1px solid #777; background-color:#f4f4f4; text-align:center; font:1em 'Ropa Sans',Arial,sans-serif;}
input[type="radio"], input[type="checkbox"]
									{ margin:2px 5px 0 10px;}
label, .textoLibre					{ display:block; margin:6px 2%;}
#audio>*							{ display:inline-block;}
#audio .verde						{ height:29px;}
#audio label						{ display:inline-block;}
#audio span							{ white-space:nowrap;}
#consola							{ width:250px; line-height:29px; border-left:2px solid #c5418e; padding-left:10px;}
#consola.consolaManual				{ position:absolute; right:0px; display:inline-block; top:1%; vertical-align:bottom; border:none;}
.pieCajaBl							{ padding:0.9%; height:10px; margin:0; background-color:#FFF; border-radius:0 0 25px 25px;
										-webkit-border-radius:0 0 25px 25px;
							  			-moz-border-radius:0 0 25px 25px;
							 			behavior: url(pie/PIE.htc);}
.pieManual							{ text-align:center; margin-left:114px;}

/* * * * * *  buttons  * * * * * */

.ayuda								{ display:inline-block; width:40px; height:46px; background:url(imgs/botAyuda.png) no-repeat left;}
.suivant							{ display:inline-block; width:113px; height:42px; background:url(imgs/botSuivant.png) no-repeat center;}
.generer							{ display:inline-block; width:114px; height:42px; background:url(imgs/botGenerer.png) no-repeat center;}
.precedent							{ display:inline-block; width:126px; height:46px; background:url(imgs/botPrecedent.png) no-repeat left;}
.enregistrer						{ display:inline-block; width:255px; height:46px; background:url(imgs/botEnregistrer.png) no-repeat center;}
.telecharger						{ display:inline-block; width:211px; height:46px; background:url(imgs/botDescargarAudio.png) no-repeat center;}
.ouvrir, .ouvrirSomm				{ position:relative; display:block; border:1px solid #fff; padding:0 15px; background-color:#0d93b0;
										border-radius:0 0 25px 25px;
										-webkit-border-radius:0 0 25px 25px;
							  			-moz-border-radius:0 0 25px 25px;
							 			behavior: url(pie/PIE.htc);}
.ouvrirSomm							{ margin-top:5px; border-radius:25px;
										-webkit-border-radius:25px;
							  			-moz-border-radius:25px;
							 			behavior: url(pie/PIE.htc);}
.ouvrir:hover, .ouvrirSomm:hover	{ background-color:#124f83;}
.ouvrir.OFF:hover, .ouvrirSomm.OFF:hover
									{ background-color:#b7dfe7; cursor:default;}

.cargarAct							{ position: absolute; z-index: 1; left: -40px; top: 5px; display: block; width: 67px; height: 35px;	background: url(imgs/botCargarAct.png) no-repeat center;}
.selectAct							{ position: absolute; z-index: 1; left: 50%; margin-left: -28px; top: -35px; display: block; width: 56px; height: 52px;	background: url(imgs/botSelectAct.png) no-repeat center;}
.deselectAct						{position: absolute; z-index: 1; right: 25px; top: -15px; display: block; width: 45px; height: 46px; background: url(imgs/botDeselect.png) no-repeat center;}
.actPrevia							{ display:inline-block; width:30px; height:29px; vertical-align:text-top; background:url(imgs/botActPrevia.png) no-repeat center;}
.actSig								{ display:inline-block; width:30px; height:29px; vertical-align:text-top; background:url(imgs/botActSig.png) no-repeat center;}
.suivant:hover, .ayuda:hover, .precedent:hover, .generer:hover, .cargarAct:hover, .selectAct:hover, .deselectAct:hover, .actPrevia:hover, .actSig:hover, .enregistrer:hover, .telecharger:hover
									{ background-position:right;}
.OFFimg								{ background-position:left;}
.OFFimg:hover						{ background-position:left; cursor:default;}
.OFF								{ background-color:#b7dfe7;}

/* * * actividades * * */	
.act								{ display:inline-block; position:relative; z-index:50; width:26px; text-align:center; color:#124f83;}
.act:hover							{ z-index:90;}
.act:hover:before					{ position:absolute; top:-4px; left:-4px; width:34px; height:59px; content:url(imgs/actSeleccionada.png);}
.selected							{ width:42px; z-index:100;}
.selected:after						{ position:absolute; top:-3px; left:4px; width:34px; height:59px; content:url(imgs/selectActOver.png);}
.act.selected:hover:before			{ content:normal;}

/* * * pestañas * * */
.tabprofesor				     	{ width:100%; background:#fff url(imgs/tabProfe.png) top left no-repeat;} 	
.tabestudiante				    	{ width:100%; background:#fff url(imgs/tabAlumno.png) top left no-repeat;}
.txtTabs:hover					{ color:#4c387d;}
.txtTabs.tabActiva:hover		{ color:#BC0074; cursor:default;}									
.elegirExam 						{ display:inline-block; float:right; height:29px; padding:4px 0 0 45px; background:url(imgs/fondoSelExam.png) top left no-repeat;}


/* * * otros * * */							


/* * * * * *  text  * * * * * */

.dato								{ display:block; padding:0 0 1.4%/*12px*/ 5%/*41px*/; font:italic 700 1.0526em/*20*/ 'Share',Arial,sans-serif; color:#009da9;}
.azul								{ color: #4c387d;}
.blanco								{ font:italic 700 1.21em/*23*//1.7 'Share',Arial,sans-serif; color:#fff;}
.verde								{ font:italic 700 1.0526em/*20*/ 'Share',Arial,sans-serif; color:#009da9;}
.txtTabs							{ display:inline-block; width:105px; text-align:center; margin:0 40px 0 13px; font:italic 700 1.21em/*23*//1.5 'Share',Arial,sans-serif;color:#009da9;}
.tabActiva							{ color:#bc0074;}														
.numeracion							{ display:inline-block; width:30px; text-align:center; vertical-align:middle; font-size:1.1579em/*22*/;}
.textoReducido						{ font-size:0.895em/*17*/;}
.aviso								{ text-align:center; color:#ff0000;}

/* * * * * *  generic  * * * * * */

.ancla								{ position:relative; display:block;}
.right								{ float:right;}
.left								{ float:left;}
.centrar							{ text-align:center;}




/* * * * * *  media queries  * * * * */
@media screen and (max-width: 950px) {

	#tests #audio > #consola+.verde	{ display:block;}
	.ouvrir, .ouvrirSomm			{ font-size:1em; line-height:2;}
}
@media screen and (max-width: 830px) {
	#titulo							{ line-height:34px;}
	.ouvrir, .ouvrirSomm			{ line-height:1.2; padding:5px 15px;}
	
}
@media screen and (max-width: 700px) {
	#titulo							{ font-size:1.21em; line-height:normal; padding-top:7px; margin-left:270px;}
	#logo							{ width:224px; height:64px;}
	.encabezado						{ padding-left:1em;}
	#listaAct						{ margin-right:auto; margin-bottom:10px; min-width:30px;}
	#consola.consolaManual			{ position:static; display:inline; padding:0;}
	.act:hover:before				{ content:url(imgs/actSeleccionada2.png); top:-3px;}
	.selected:after					{ content:url(imgs/selectActOver2.png); top:-4px;}
	#actVer							{ margin:1%;}
}

@media screen and (max-width: 630px) {
	#titulo							{ margin-right:130px;}
	#auto .nombreSeccion, #manual .nombreSeccion
									{ display:block; padding-left:5%;}
	#auto .selectores .seccion, #manual .selectores .seccion		
									{ width:42%;}
	.precedent						{ width:37px; background:url(imgs/botPrec2.png) no-repeat left;}
	.elegirExam						{ background-image:none; padding:0;}
	.numeracion						{ display:none;}
	#actividades					{ margin-left:195px;}
}
@media screen and (max-width: 510px) {
	#titulo							{ display:none;}
	.pieManual						{ text-align:left; margin-left:30px;}
}
