@charset "utf-8";
/* CSS Document */




ul.TbTomos {
    margin:0px;
	padding:0px;
}
ul.TbTomos > li {
	margin:0px 0px 3px 0px;
	width:558px;
	color:#333;
	background-color:#F6F6F6;
	border:1px solid #CCC;
	border-radius:3px;
}
ul.TbTomos > li:hover {
	border:1px solid #663366;
	border-radius:3px;
}
ul.TbTomos > li > .tomos {
	width:55px;
	display:table-cell;
	background-color:#CCC;
	font:bold 12px Arial, Helvetica, sans-serif;  /* #333;*/
	text-align:center;
	vertical-align:middle;
}
ul.TbTomos > li .detalle {
	width:503px;
	display:table-cell
}
ul.TbTomos > li .detalle > .fila {
	margin:7px 3px 7px 10px;
}
ul.TbTomos > li .detalle > .fila > div {
    width:410px;
	display:table-cell;
	text-align:left;
}
ul.TbTomos > li .detalle > .fila > a {
	display:table-cell;
    width:39px;
	text-align:center;
	vertical-align:middle;
}
ul.TbTomos > li .detalle > .fila > a.ficha {
	border-left:2px solid #03C;
}
ul.TbTomos > li .detalle > .fila > a.MatConsulta {
    width:440px;
    color: #663366;
	font-style:italic;
	text-align:center;
	text-decoration:underline;
}





ul.SubTb {
    margin:10px 30px;
	padding:0px;
}
ul.SubTb > li > a { 
    display:table-cell;
	text-align:center;
	vertical-align:middle;
	padding:3px 0px;
}
ul.SubTb > li > div {
    display:table-cell;
	font-size:11px;
	line-height:12px;
	text-align:left;
	vertical-align:middle;
	padding:3px 0px 3px 10px;
}



/* DEFINIDO TAMBIEN EN estilosNuevos.css */
.subtituloSeccion {
	margin:8px 0px 2px 0px;
	padding:3px 0px;
	font:bold 12px/20px Verdana, Arial, Helvetica, sans-serif;
    color: #663366;
}




.boton_example {
	padding:16px 10px;
	text-align:center;
    border:1px solid #CCCCCC;
	background-color:#993399;
}
.boton_example > a {
	font:bold 13px arial, helvetica, sans-serif; 
    color:#FFFFFF;
}

.naranja {
	color:#F60; 
}
.rojo {
	color:#F00;
}





/* DEFINIDO TAMBIEN EN estilosNuevos */
/* ESTOS ESTILOS NO SE UTILIZAN EN LOS MODULOS DE DISEÑOS CURRICULARES
   pero estan aca por si lo cargan en otros Php */
.parrafonormal {
	width:auto;
	margin:0px 6px;
	padding:10px 5px;
	font:normal 12px/20px Verdana, Arial, Helvetica, sans-serif;
	color:#5A5A5A;
	text-align:left;
}
.parrafonormal .subtitulo { color: #663366; font-weight: bold }
.parrafonormal li { padding:5px 0px; }








/* BOTONES SUPERIORES TIPO PESTAÑAS */
ul.pestanas {
	margin:13px 0px 0px 0px;
	float:right;
}
ul.pestanas > li {
	margin-right:2px;
	float:right;
	font:bold 12px Arial, Helvetica, sans-serif;  /* #333;*/
	background-color:#AE4747; /*#B92727;*/  /*#CCC;*/
	border:1px solid #666;
	border-radius:5px;
	border-top-right-radius:17px;
}
ul.pestanas > li:hover {
	background-color:#CC4848;
}
ul.pestanas > li > a {
	width:145px;
	height:30px;  /* 42px */
	padding:3px;
	text-align:center;
	color:#FFF;
	display:block;
}


/* DIV OCULTO DEL BOTON INSTRUCCIONES */
ul.pestanas > li > div {
    width:650px;
	margin:2px 0px 0px;
    padding:0px;
    background-color:#FFFFFF;
    box-shadow: 0px 0px 4px 1px #999;
	font: 14px/20px "Segoe-UI-Light","Roboto","Signika",Arial;
    color:#333;
    position: absolute;
	right:2px;
    z-index: 999;
}
ul.pestanas > li > div > h3 {
	margin:30px 15px 20px;
	font: 24px/28px "Segoe-UI-Light","Roboto","Signika",Arial;
	text-align:center;
}
ul.pestanas > li > div > ol {
	margin:5px 30px 30px 25px;
	padding:0px;
}
ul.pestanas > li > div > ol > li {
	margin:5px 5px 5px 30px;
	padding:6px 0px 6px 15px;
	text-align:left;
	list-style:decimal;
}
ul.pestanas > li:hover > div {
    display:block!important;
	animation: instruccTxt 0.5s ease 0s 1 normal running;
}
@keyframes instruccTxt {
    from { right:-100%; }
	to { right:0%; }
}