@import url("ui/themes/base/ui.all.css");

/*
CSS
*/

body {
    background-color:#0B2B4F;
    margin:0;
    font-family:Arial,Helvetica,sans-serif;
}

div.headerBlock
{
     background-color:#FFFFFF;
}

#macrocabecera
{
    background-color:#FFFFFF;
    background-image:url('../img/fondo_header.png');
    background-repeat:repeat-x;
    min-height: 98px;
    position: relative;
    z-index:1;
}


#marcoexterno {
    font-family:Arial,Helvetica,sans-serif;
    margin-left:auto;
    margin-right:auto;
    margin-top:0;
    speak:normal;
    speech-rate:medium;
    voice-family:male;
    min-height: 770px !ie;
}

#pagFooter
{
    margin-top:10px;
    padding-right:10px;
    text-align:right;
    color:#AEAEAE;
}

#pagFooter a
{
    color:#AEAEAE;
    font-size:10pt;
}

#marcoglobal {
    margin-left:5px;
    position:static;
    width:1009px;
    margin-left:auto;
    margin-right:auto;
}

#cabecera {
    background-image:url('../img/fondo_header.png');
    height:98px;
    margin-left:auto;
    margin-right:auto;
    position:static;
    width:1009px;
    position:relative !ie;
    z-index:500 !ie;
}

#cabecera a.logo
{
    position: absolute;
    margin-left: -269px !ie;
}

#bloquecabecera
{
    height:98px;
    margin-left:270px;
    position:relative;
    width:740px;
}

#marcobuscador
{
    position:absolute;
    right:0;
    top:42px;
}

#marcopestexterno
{
    margin-top:10px;
    background-color:#FFFFFF;
    height:30px;
}

#marcopestanyas
{
    background-color:#FFFFFF;
    height:30px;
    margin-left:auto;
    margin-right:auto;
    position:relative;
    width:1009px;
}

#barra {
    background-color:#F99D0D;
    margin-left:1px;
    position:static;
    width:1009px;
}

#barraView {
    background-color:#114178;
    background-image:url('../img/gradpes.gif');
    height:23px;
    margin-left:auto;
    margin-right:0;
    width:990px;
}

#barraExtend {
    background-color:#FFFFFF;
    margin-left:auto;
    margin-right:auto;
    min-height:0;
    position:relative;
    width:1009px;
}

#pagina {
    background-image:url('../img/fondopagina.gif');
    background-repeat:repeat-y;
    background-color: #0B2B4F;
    position:static;
    height: 200px !ie;
    min-height: 200px;
    padding:20px;
}

#piepagina {
    background-color:#FFFFFF;
    background-image:url('../img/vicereclogo.gif');
    background-position:right center;
    background-repeat:no-repeat;
    border-top:1px solid #909090;
    clear:both;
    float:none;
    font-size:0.7em;
    height:40px;
    margin-left:1px;
    padding:0 0 0 10px;
    vertical-align:middle;
    width:970px;
}

a {
    border:medium none;
    text-decoration:none;
}

#bloquenombre
{
    font-size:10pt;
    font-weight:bold;
    position:relative;
    right:97px;
    text-align:right;
    top:10px;
}

#bloquenombre span.botonSalir a
{
    color: #000000;
    font-size:8pt;
    font-weight:normal;
}

#bloquenombre span.botonSalir a:hover
{
    color: #000000;
    text-decoration:underline;
    cursor:pointer;
}

#marcopestanyas div.tituloSeccion
{
    color:#F99D0D;
    font-size:18pt;
    font-weight:bold;
    margin-left:155px;
    line-height:25px;
    height: 28px;
    overflow: hidden;
}

div.clear
{
    clear: both;
}

/*
PopupLogin
*/

#backgroundPopup
{
    display:none;
    position:fixed;
    _position:absolute; /* hack for internet explorer 6*/
    height:100%;
    width:100%;
    top:0;
    left:0;
    background:#000000;
    border:1px solid #cecece;
    z-index:1;
}

#popupLogin
{
    font-size:13px;
    height:138px;
    margin-left:auto;
    margin-right:auto;
    margin-top:35px;
    width:305px;
}

#popupLogin h1
{
    text-align:left;
    color:#114178;
    font-size:22px;
    font-weight:700;
    border-bottom:1px dotted #D3D3D3;
    padding-bottom:2px;
    margin-bottom:20px;
}

#popupLoginClose
{
    font-size:14px;
    line-height:14px;
    right:6px;
    top:4px;
    position:absolute;
    color:#114178;
    font-weight:700;
    display:block;
    cursor: pointer;
    text-decoration:none;
}

/*#popupLogin form
{
    margin-top:auto;
    margin-bottom: 0px;
}*/

#popupLogin form ul
{
    padding-left:0;
}

#popupLogin form li
{
    list-style-image:none;
    list-style-position:outside;
    list-style-type:none;
    margin-bottom:18px;
    position:relative;
    text-align:right;
}

#popupLogin form li input.textInputLogin
{
    right:80px;
    width:210px;
    height:20px;
    border:1px solid #114178;
}

#popupLogin form li label
{
    color:#C5E1F8;
    font-weight:bold;
    line-height:25px;
    position:absolute;
    right:220px;
}

#popupLogin form li input[type='submit']
{
    background-color:#A4A4A4;
    border:1px solid #A4A4A4;
    color:#FFFFFF;
    font-weight:700;
    margin-right:65px;
    margin-top:10px;
    padding:3px 10px;
}

#popupLogin img
{
    
}

/*
Calendario
*/

.ui-datepicker
{
    font-size: 10pt;
    z-index:2;
}

.ui-datepicker-header
{
    background:#EAECEE;
    border:1px solid #AAAAAA;
    color: #69696A;
    font-weight:bold;
}

.ui-icon
{
    
}

.ui-datepicker-prev
{

}

.ui-datepicker-next
{

}

.ui-state-default, .ui-widget-content .ui-state-default {
    background:#F4F4FF;
    border:1px solid #D3D3D3;
    color:#555555;
    font-weight:normal;
}

.ui-state-highlight, .ui-widget-content .ui-state-highlight {
    background:#FBF9EE;
    border:1px solid #FCEFA1;
    color:#363636;
}

.ui-state-active, .ui-widget-content .ui-state-active {
    background:#114178;
    border:1px solid #AAAAAA;
    color:#FFFFFF;
    font-weight:bold;
}

.ui-datepicker-title {}
.ui-datepicker-month {}
.ui-datepicker-year {}
.ui-datepicker-calendar {}
.ui-datepicker-week-end {}
.ui-datepicker-week-end {}
.ui-datepicker-other-month {}
.ui-datepicker-buttonpane {}
.ui-datepicker-current {}
.ui-datepicker-close {}

/*
Autocompletado
*/
.ac_results {
	padding: 0px;
	border: 1px solid black;
	background-color: white;
	overflow: hidden;
	z-index: 99999;
}

.ac_results ul {
	width: 100%;
	list-style-position: outside;
	list-style: none;
	padding: 0;
	margin: 0;
}

.ac_results li {
	margin: 0px;
	padding: 2px 5px;
	cursor: default;
	display: block;
	/*
	if width will be 100% horizontal scrollbar will apear
	when scroll mode will be used
	*/
	/*width: 100%;*/
	font: menu;
	font-size: 12px;
	/*
	it is very important, if line-height not setted or setted
	in relative units scroll will be broken in firefox
	*/
	line-height: 16px;
	overflow: hidden;
}

.ac_loading {
	background: white url('../img/loading.gif') right center no-repeat;
}

.ac_odd {
	background-color: #eee;
}

.ac_over {
	background-color: #0A246A;
	color: white;
}

/*
Menu
*/

#solapaMenu
{
    background-color:#F99D0D;
    bottom:1px;
    color:#FFFFFF;
    font-size:10pt;
    font-weight:bold;
    line-height:23px;
    position:absolute;
    right:63px;
}


#menuUsuario
{
    position: relative;
    margin: 0;
    padding: 0;
    z-index: 1000;
}

#menuUsuario li
{
    float: left;
    list-style: none;
    font: 12px Arial,Helvetica,sans-serif;
}

#menuUsuario li a
{
    display: block;
    background: #C5E1F8;
    padding: 3.4px 12px;
    text-decoration: none;
    color: #000000;
    white-space: nowrap;
}

#menuUsuario li a:hover
{
    background: #E2EEF8;
}

#menuUsuario li a.naranja
{
    display: block;
    background: #F99D0D;
    padding: 4px 12px;
    text-decoration: none;
    color: #000000;
    white-space: nowrap;
}

#menuUsuario li ul
{
    margin: 0;
    padding: 0;
    position: absolute;
    visibility: hidden;
    border-top: 1px solid white;
}

#menuUsuario li ul li
{
    float: none;
    display: inline;
}

#menuUsuario li ul li a
{
    width: auto;
    background: #FFFEA0;
}

#menuUsuario li ul li a:hover
{
    background: #FFFEA0;
}

div.menuMsg
{
    margin-left:10px;
    margin-top:3px;
    float: left;
    position: relative;
}

span.textMenuMsg
{
    color:#FF0000;
    font: 11px Verdana,Arial,Helvetica,sans-serif;
    margin:8px;
}


/*
Buscador
*/

#searchField
{

}

#searchField span.searchLink
{
    color:#0B2B4F;
    font-size:10pt;
    font-weight:bold;
    cursor: pointer;
}

#searchField span.searchLink:hover
{
    color:#0B2B4F;
    font-size:10pt;
    font-weight:bold;
    cursor: pointer;
    text-decoration:underline;
}

#searchField input.submitBusqueda
{
    width:0px;
    height:0px;
    border:none;
    display: none;
}

#searchField input.textInputBusqueda
{
    border:1px solid #A6A6A6;
    color:#000000;
    height:17px;
    margin-left:4px;
    margin-top:0;
    width:193px;
}

#searchField span.advanceSearchLink
{
    color:#6D6D6D;
    font-size:10pt;
    cursor: pointer;
}

#searchField span.advanceSearchLink:hover
{
    color:#6D6D6D;
    font-size:10pt;
    cursor: pointer;
    text-decoration:underline;
}

/*
Buscador Avanzado
*/
div#botonExtendHolder
{
    position: absolute;
    right: 8px;
    cursor: pointer;
    padding-left: 15px;
}

span.botonExtendBarra
{
    color:#6D6D6D;
    cursor:pointer;
    font-size:10pt;
}

span.botonExtendBarra:hover
{
     text-decoration:underline;
}

#contenidoBarraExtend
{
    padding: 5px;
}

#contenidoBarraExtend div.boxtituloApartado
{
    margin-bottom:5px;
    margin-top:5px;
}

#contenidoBarraExtend span.tituloApartado
{
    font-size: 10pt;
    font-weight: bold;
    color: #69696a;
}

#contenidoBarraExtend div.boxOpciones
{
    margin-bottom:15px;
    margin-left:auto;
    margin-right:auto;
    position:relative;
    width:1008px;
}

#contenidoBarraExtend label
{
    font-size: 10pt;
    color: #4b4b4b;
    position: absolute;
}

#contenidoBarraExtend input[type=text],select
{
    margin-top: 17px;
    margin-right: 10px;
    width: 235px;
    border: 1px solid #c7c8ca;
}

#contenidoBarraExtend input.campoFecha
{
    width: 100px;
}

#contenidoBarraExtend input.campoProfesor
{
    width: 220px;
}

#contenidoBarraExtend span.campoOrdenacion
{
    font-size: 11pt;
    color: #4b4b4b;
    margin-top: 25px;
    margin-right: 30px;
    margin-bottom: 10px;
    cursor: pointer;
}

#contenidoBarraExtend span.campoOrdenacionSelected
{
    font-size: 11pt;
    font-weight: bold;
    color: #374f68;
    text-decoration:underline;
    margin-top: 25px;
    margin-right: 30px;
    margin-bottom: 10px;
}

#busquedaContainerFechaIni
{
    left:720px;
    position:absolute;
    display: none;
}

#busquedaContainerFechaFin
{
    left:835px;
    position:absolute;
    display: none;
}

/*
Valoraciones
*/
div.valoracionWrapper
{
    font-size:0px;
}

/*
Lista de resultados
*/
div.marcoListas
{
    margin-left:auto;
    margin-right:auto;
    position:relative;
    width:969px;
}

div.listaResultados
{
    margin-left:0;
    margin-right:auto;
    width:480px;
}

div.listaResultados2
{
    position:absolute;
    right:0;
    top:0;
    width:480px;
}

div.listaResultados span.tituloListaResultados
{
    color: #7782A3;
}

/*
Paginacion
*/
div.marcopaginacion
{
    font-size:11pt;
    padding:10px;
    text-align:center;
}

div.marcopaginacion a
{
    color: #FFFFFF;
    padding: 2px 5px;
}

div.marcopaginacion strong
{
    color: #FFFFFF;
    padding: 2px 5px;
    border: 1px dotted #FFFFFF;
}

/*
Elementos Comunes
*/
a.linkCanalProfesor
{
    color:#d8dff7;
    font-size:8pt;
}

a.linkCanalProfesor:hover
{
    text-decoration: underline;
}


/*
Basic Blocks
*/
div.mediumBlock
{
    /*background-color: #00F; /* */
    height:126px;
    width: 590px;
    margin:10px 10px;
    position:relative;
}

div.smallBlock
{
    height:30px;
    line-height:30px;
    position:relative;
    width:590px;
    margin-bottom: 10px;
}

/*
Search Result medium Video
*/

div.mediumBlock img.mV_Thumbnail
{
    width: 194px;
    height: 124px;
    border: 1px solid #d8dff7;
}

div.mediumBlock span.mV_FavIco
{
    bottom:2px;
    color:#7782A3;
    font-size:8pt;
    left:2px;
    position:absolute;
}

div.mediumBlock span.mV_Time
{
    background-color:#D8DFF7;
    bottom:1px;
    color:#4E5876;
    font-size:8pt;
    font-weight:bold;
    line-height:1.5em;
    opacity:0.75;
    padding:0 4px;
    position:absolute;
    right:395px;
}

div.mediumBlock div.mV_Info
{
    left:203px;
    position:absolute;
    top:0;
    width: 390px;
    height: 124px;
}

div.mediumBlock div.mV_Info div.mV_TitleWrapper
{
    display:table-cell;
    height:1.4em;
    vertical-align:middle;
    width:24em;
}

div.mediumBlock div.mV_Info div.mV_NameWrapper
{
    float:left;
    height:1.3em;
    margin-left:-1px;
    overflow:hidden;
    width:20em;
    word-wrap:break-word;
}

div.mediumBlock div.mV_Info a.mV_Name
{
    color:#7782A3;
    font-size:15px;
    font-weight:bold;
}

div.mediumBlock div.mV_Info a.mV_Name:hover
{
    text-decoration: underline;
}

div.mediumBlock div.mV_Info div.mV_TitleWrapper span.mV_NameFinish
{
    font-size: 15px;
    font-weight: bold;
    color: #7782a3;
}

div.mediumBlock div.mV_Info span.mV_Views
{
    color:#7782A3;
    font-size:8pt;
    left:70px;
    position:absolute;
    top:21px;
}

div.mediumBlock div.mV_Info span.mV_Date
{
    font-size:8pt;
}

div.mediumBlock div.mV_Info  div.mV_litleInfoWrapper
{
    font-size:8pt;
    margin-top:1em;
    word-wrap:break-word;
}

div.mediumBlock div.mV_Info  div.mV_litleInfoWrapper p.mV_Description
{
    margin-bottom:0;
    margin-left:0;
    overflow:hidden;
    height:28px;
}

/*
Small User view
*/

div.smallBlock img.sU_Thumbnail
{
    height:30px;
    width:30px;
}

div.smallBlock a.sU_Link
{
    color:#C5E1F8;
    font-size:11pt;
    margin-left:20px;
    position:absolute;
    overflow:hidden;
    height:30px;
}

div.smallBlock a.sU_Link:hover
{
    color:#FFFFFF;
    font-size:11pt;
    margin-left:20px;
    position:absolute;
    overflow:hidden;
    height:30px;
}

/*
Small Asig View
*/

a.sA_Link
{
    color:#C5E1F8;
    font-size:11pt;
    margin-left:20px;
    overflow:hidden;
    height:30px;
}

a.sA_Link:hover
{
    color:#FFFFFF;    
}

/*
Modificador Favorito
*/
div.modBlock
{
    margin:15px 0px;
}

div.modTools
{
    text-align: left;
    font-size:10pt;
}

div.modBlock a.modBoton
{
    font-size: 11pt;
    margin:10px 2px;
}

.red
{
    color: #FF0000;
}

.azul
{
    color: #C5E1F8;
}

/*
Edicion de Recursos
*/

span.titleBlock
{
    
    color:#7782A3;
}

div.editBlock
{
    margin-left:auto;
    margin-right:auto;
    width:600px;
}

div.editBlock ul
{
    list-style-image:none;
    list-style-position:outside;
    list-style-type:none;
}

div.editBlock ul li
{
    margin-top: 15px;
}

div.editBlock ul li h3.nombreCampo
{
    color: #F99D0D;
    font-size:11pt;
    margin-bottom:5px;
}

div.editBlock ul li h3.nombreTitulacion
{
    color: #F99D0D;
    font-size:11pt;
    margin-bottom:10px;
}

div.editBlock ul li input[type=text]
{
    border:1px solid #B0BBD6;
    width:520px;
}

div.editBlock ul li input[type=checkbox],input[type=radio]
{
    width: 15px;
    height: 15px;
    margin:0 10px 10px 30px;
}

div.editBlock ul li span.editCheckLabel
{
    color: #C5E1F8;
    font-size:11pt;
}

div.editBlock ul li textarea
{
    border:1px solid #B0BBD6;
    width: 520px;
    height: 10em;
    font-family:Arial,Helvetica,sans-serif;
}

div.editBlock ul div.editOptions
{
    margin-top:10px;
    text-align: right;
    width: 520px;
}

div.editBlock ul div.editOptions button
{
    background-color:#7782A3;
    border:1px solid #B0BBD6;
    color:#FFFFFF;
    font-weight:700;
    margin-left:10px;
    width:6em;
}


/*
Player normal
*/
div.watchBlock
{
    margin-left:auto;
    margin-right:auto;
    width:700px;
}

div.watchBlock div.topInfoBlock
{
    border-bottom:1px solid #7782A3;
    height:25px;
    position: relative;
}

div.watchBlock div.topInfoBlock img.favIcon
{
    float:left;
    margin-right:5px;
}

div.watchBlock div.topInfoBlock span.nombreRecurso
{
    color:#7782A3;
    font-size:13pt;
    font-weight:600;
    margin-bottom:0;
    margin-top:0;
}

div.watchBlock div.bottomInfoBlock
{

}

div.watchBlock div.bottomInfoBlock span.fecha
{
    color:#C5E1F8;
    font-size:8pt;
    line-height:1.5em;
}

div.watchBlock div.bottomInfoBlock span.autor
{
    float: right;
    color:#C5E1F8;
    font-size:8pt;
    line-height:1.5em;
}

div.watchBlock div.bottomInfoBlock span.autor a
{
    color:#C5E1F8;
}



div.watchBlock div.bottomInfoBlock h4.labelDescripcion
{
    border-bottom:1px solid #C5E1F8;
    color:#C5E1F8;
    font-size:10pt;
    font-weight:normal;
    line-height:1.5em;
    margin-bottom:1em;
    margin-top:1em;
}

div.watchBlock div.bottomInfoBlock p.descripcion
{
    color:#FFFFFF;
    margin-bottom:2em;
    margin-top:0;
    font-size:0.8em;
}

div.marcoValoraciones
{
    position:absolute;
    right:0;
    top:7px;
}

div.valoracionInteractivaWrapper
{
    position:absolute;
    right:0;
    top:7px;
}

span.infoValoracion
{
    bottom:2px;
    color:#C5E1F8;
    font-size:8pt;
    font-weight:normal;
    line-height:1.5em;
    margin-right:5px;
    position:relative;
}

/*
Comentarios
*/
h4.labelDescripcion {
    border-bottom:1px solid #C5E1F8;
    color:#C5E1F8;
    font-size:10pt;
    font-weight:normal;
    line-height:1.5em;
    margin-bottom:1em;
    margin-top:1em;
}

span.autorComentario {
color:#C5E1F8;
font-size:10pt;
font-weight:bold;
line-height:1.5em;
}

span.fechaComentario {
    color:#FFFFFF;
    font-size:8pt;
    line-height:1.5em;
}

div.comentarioRecurso {
    min-height:60px;
    position:relative;
}

div.infoAutorComentarioProfesor {
    border:1px dotted #FFFFFF;
    left:0;
    padding-left:5px;
    position:absolute;
    width:115px;
}

div.infoAutorComentario {
    left:0;
    position:absolute;
    top:0;
    width:120px;
}

p.cuerpoComentario {
    color:#FFFFFF;
    font-size:10pt;
    margin-left:auto;
    margin-right:10px;
    margin-top:0;
    width:555px;
}

div.marcoRespuestasComentarios {
    border-left:2px solid #C5E1F8;
    margin-bottom:20px;
    margin-left:auto;
    margin-right:10px;
    padding-left:5px;
    width:555px;
}

div.containerOcultarRespuestas {
    height:1.5em;
    margin-bottom:5px;
    position:relative;
    width:555px;
}

span.infoRespuestasComentarios {
    color:#C5E1F8;
    font-size:8pt;
}

span.ocultarRespuestas {
    position:absolute;
    right:145px;
    color:#C5E1F8;
    font-size:8pt;
    cursor: pointer;
}

span.addRespuestaComentario {
    position:absolute;
    right:10px;
    color:#C5E1F8;
    font-size:8pt;
    cursor: pointer;
}

div.addRespuesta {    
    margin-bottom:33px;
    margin-left:auto;
    margin-right:5px;
    position:relative;
    width:540px;
}

div.addRespuesta textarea {
    background-color:#223E5F;
    border:1px solid #C5E1F8;
    color:#FFFFFF;
    font-family:Arial,helvetica,sans-serif;
    font-size:0.9em;
    height:7em;
    width:99.5%;
}

div.addRespuesta form input.boton {
    background-color:#7782A3;
    border:1px solid #B0BBD6;
    bottom:-20px;
    color:#FFFFFF;
    font-weight:700;
    position:absolute;
    right:1px;
    width:7em;
}

div.infoAutorRespuestaComentarioProfesor {
    border:1px dotted #FFFFFF;
    margin-bottom:5px;
    position:relative;
    width:555px;
}

div.infoAutorRespuestaComentario {
    border-bottom:1px dotted #C5E1F8;
    margin-bottom:5px;
    position:relative;
    width:555px;
}

span.autorRespuestaComentario {
    color:#C5E1F8;
    font-size:10pt;
    font-weight:bold;
    line-height:1.5em;
}

span.fechaRespuestaComentario {
    color:#FFFFFF;
    font-size:8pt;
    line-height:1.5em;
    position:absolute;
    right:10px;
    top:4px;
}

div.marcoRespuestasComentariosNuevo
{
    margin-bottom:20px;
    margin-left:auto;
    margin-right:10px;
    padding-left:5px;
    width:555px;
    position: relative;
}

span.addRespuestaComentarioNuevo  {
    color:#7782A3;
    font-size:8pt;
    position:absolute;
    right:0;    
}

div.marcoRespuestasComentariosNuevo textarea {
    background-color:#223E5F;
    border:1px solid #C5E1F8;
    color:#FFFFFF;
    font-family:Arial,helvetica,sans-serif;
    font-size:0.9em;
    height:7em;
    margin-top:17px;
    width:99.5%;
}

div.marcoRespuestasComentariosNuevo form input.boton {
    background-color:#7782A3;
    border:1px solid #B0BBD6;
    bottom:-20px;
    color:#FFFFFF;
    float:right;
    font-weight:700;
    margin-right:1px;
    width:7em;
}

p.cuerpoRespuestaComentario {
    color:#FFFFFF;
    font-size:10pt;
    margin-left:auto;
    margin-right:10px;
    margin-top:0;
    width:540px;
}

div.addComentario {
    margin-bottom:33px;
    margin-left:auto;
    margin-right:20px;
    position:relative;
    width:530px;
}

div.addComentario span.labelAddComentario {
    color:#C5E1F8;
    font-size:10pt;
    font-weight:bold;
}


div.addComentario textarea {
    background-color:#223E5F;
    border:1px solid #C5E1F8;
    color:#FFFFFF;
    font-family:Arial,helvetica,sans-serif;
    font-size:0.9em;
    height:10em;
    width:100%;
}

div.addComentario form input.boton {
    background-color:#7782A3;
    border:1px solid #B0BBD6;
    bottom:-20px;
    color:#FFFFFF;
    font-weight:700;
    position:absolute;
    right:-2px;
    width:5em;
}

/*
New medium Block
*/
div.n_mediumBlock
{
    background-color:#0B2B4F;
    height:157px;
    margin:0px 10px 20px;
    position:relative;
    width:450px;
}

div.n_mV_ThumbnailBlock
{
    background-color:#C5E1F8;
    height:157px;
    position:relative;
    width:205px;
}

div.n_mediumBlock img.n_mV_Thumbnail
{
    background-color:#FFFFFF;
    border:1px solid #0B2B4F;
    height:124px;
    margin:5px;
    width:194px;
}

div.n_mediumBlock div.n_mV_FavIco
{
    bottom:4px;
    color:#7782A3;
    font-size:8pt;
    line-height:26px;
    margin-left:5px;
    float:left;
}

div.n_mediumBlock span.n_mV_Time
{
    bottom:8px;
    color:#4E5876;
    font-size:8pt;
    font-weight:bold;
    position:absolute;
    right:5px;
}

div.n_mediumBlock div.n_mV_Data
{

}

div.n_mediumBlock div.n_mV_Info
{
    height:110px;
    left:215px;
    position:absolute;
    top:10px;
    width:240px;
}

div.n_mediumBlock div.n_mV_Info div.n_mV_TitleWrapper
{
    display:table-cell;
    height:1.4em;
    vertical-align:middle;
    width:24em;
}

div.n_mediumBlock div.n_mV_Info div.n_mV_NameWrapper
{
    float:left;
    height:1.3em;
    margin-left:-1px;
    overflow:hidden;
    width:240px;
    word-wrap:break-word;
}

div.n_mediumBlock div.n_mV_Info a.n_mV_Name
{
    color:#FFFFFF;
    font-size:15px;
    font-weight:bold;
}

div.n_mediumBlock div.n_mV_Info a.n_mV_Name:hover
{
    text-decoration: underline;
}

div.n_mediumBlock div.n_mV_Info div.n_mV_TitleWrapper span.n_mV_NameFinish
{
    font-size: 15px;
    font-weight: bold;
    color: #7782a3;
}

div.n_mediumBlock span.n_mV_Date
{
    color:#4E5876;
    font-size:8pt;
    font-weight:bold;
    margin-left:7px;
    bottom:7px;
    position: absolute !ie;
    left: 7px !ie;
}

div.n_mediumBlock div.n_mV_Info p.n_mV_Description
{
    color:#EEEEEE;
    font-size:8pt;
    height:40px;
    margin-bottom:0;
    margin-left:0;
    margin-top:5px;
    overflow:hidden;
}

div.n_mediumBlock div.n_mV_MoreInfo
{
    bottom:6px;
    height:26px;
    left:205px;
    position:absolute;
    width:275px;
}

div.n_mV_EtiquetaBlock
{
    float:left;
}

div.n_mV_eInicio
{
    background-image:url('../img/icon/ini_etiqueta.png');
    float:left;
    height:26px;
    width:7px;
}

div.n_mV_eContent
{
    background-color:#F99D0D;
    float:left;
    font-size:8pt;
    height:26px;
    line-height:26px;
    text-align:center;
}

span.n_mV_eNumero
{
    font-size:12pt;
    font-weight:bold;
}

div.n_mV_eFin
{
    background-image:url('../img/icon/fin_etiqueta.png');
    float:left;
    height:26px;
    width:6px;
}

span.mV_Visionados
{
    color:#D8DFF7;
    line-height:35px;
}

/*
Pestañas
*/

ul#pestanyas {
    bottom:0;
    list-style-image:none;
    list-style-position:outside;
    list-style-type:none;
    margin-left:187px;
    margin-bottom: 0px;
    position:absolute;
}

ul#pestanyas li.activa {
    background-color:#E4E4E4;
    background-repeat:repeat-x;
    border-left:1px solid #6E83B3;
    border-right:1px solid #6E83B3;
    border-top:1px solid #6E83B3;
    display:block;
    float:left;
    overflow:visible;
}

ul#pestanyas div.textoactiva {
    background-color:#0B2B4F;
    background-repeat:repeat-x;
    color:#FFFFFF;
    display:block;
    float:left;
    height:22px;
    padding:4px 10px 2px;
    position:relative;
}

ul#pestanyas li.inactiva {
    color:#0B2B4F;
    display:block;
    float:left;
    margin-left:10px;
    padding-left:10px;
    padding-right:10px;
    padding-top:4px;
}

ul#pestanyas li.inactiva a {
    color:#0B2B4F;
}

/*
Boton buscar
*/
div.botonSearch
{
    margin-left:auto;
    margin-right:30px;
    margin-top:-20px;
    width:54px;
}

input.botonBuscar
{
    background-color: #0B2B4F;
    border:1px solid #B0BBD6;
    color:#FFFFFF;
    font-weight:700;
}


/*
Marco ratio
*/
div.marcoRatio
{
    height:31px;
    margin:22px auto 15px;
    width:845px;
}

div.marcoRatio div.ini_marcoRatio
{
    background-image:url('../img/icon/ini_ratio.png');
    float:left;
    height:31px;
    width:17px;
}

div.marcoRatio div.cont_marcoRatio
{
    background-color:#c5e1f8;
    float:left;
    font-size:8pt;
    height:31px;
    line-height:31px;
    text-align:center;
}

div.marcoRatio div.cont_marcoRatio span.tituloRatio
{
    padding-right:20px;
    font-size:10pt;
    font-weight:bold;
    color: #4c4c4c;
}

div.marcoRatio div.fin_marcoRatio
{
    background-image:url('../img/icon/fin_ratio.png');
    float:left;
    height:31px;
    width:17px;
}

/*
Opcion inactiva
*/
div.ratioOpcion
{
    float:left;
    margin-left:10px;
    margin-right:10px;
    vertical-align:middle;
}

div.ratioOpcion img
{
}

div.ratioOpcion span
{
    font-size:10pt;
    font-weight:bold;
    line-height:31px;
}

div.ratioOpcion:hover
{
    text-decoration:none;
    cursor: pointer;
}

/*
Opcion activa
*/
div.ratioOpcionactiva
{
    float:left;
    margin-left:10px;
    margin-right:10px;
    vertical-align:middle;
}

div.ratioOpcion img
{
}

div.ratioOpcionactiva span
{
    font-size:10pt;
    font-weight:bold;
    line-height:31px;
}

div.ratioOpcionactiva:hover
{
    text-decoration:none;
}

/*
Lista Inline
*/

ul.listaInline {
    color:#F99D0D;
    font-size:13pt;
    list-style-type:none;
    margin-left:110px;
}

ul.listaInlineProfes {
    color:#F99D0D;
    font-size:13pt;
    list-style-type:square;
    margin-left:110px;
}

ul.listaInline li a
{
    font-size:13pt;
    line-height:30px;
}

ul.listaInlineProfes li a
{
    font-size:13pt;
    line-height:30px;
}

ul.listaInline li ul
{
    list-style-type:square;
    margin-bottom: 15px;
}

span.favLink
{
   color:#C5E1F8;
   font-size:10pt;
   margin-left:5px;
}

div.noResult
{
    color:#FFFFFF;
    font-size:15pt;
    text-align:center;
    width:1000px;
}

span.tituloBarraPestanyas
{
    color:#F99D0D;
    font-size:15pt;
    font-weight:bold;
    margin-left:200px;
}

/*
Estadísticas
*/
/*Global*/
table.infoglobal {
    background-color:#0B2B4F;
    border-style: none;
    color:#354B5B;
    font-size:1em;
    margin-left:auto;
    margin-right:auto;
    text-align:center;
}

table.infoglobal th {
    background-color:#0B2B4F;
    border-bottom:1px solid #9EACCE;
    color:#F99D0D;
}

.estadisticaalumno td, th {
    font-family:Arial,Helvetica,sans-serif;
}

td {
    color: #FFFFFF;
    vertical-align:middle;
}

/*Titulaciones*/
table#infoTitulaciones
{
    border-style: none;
    color:#FFFFFF;
    margin-left:auto;
    margin-right:auto;
}

table#infoTitulaciones th
{
    border-bottom:1px solid #9EACCE;
}

table#infoTitulaciones tr.header {
    background-color:#0B2B4F;
    color:#F99D0D;
}

table#infoTitulaciones tr.celda0 {
    background-color:#0B2B4F;
}

table#infoTitulaciones tr.celda1 {
    background-color:#082241;
}

table#infoTitulaciones td a
{
    color:#FFFFFF;
}

/*Asignaturas*/
table#infoAsignaturas
{
    border-style: none;
    color:#FFFFFF;
    margin-left:auto;
    margin-right:auto;
}

table#infoAsignaturas th
{
    border-bottom:1px solid #9EACCE;
}

table#infoAsignaturas tr.header {
    background-color:#0B2B4F;
    color:#F99D0D;
}

table#infoAsignaturas tr.celda0 {
    background-color:#0B2B4F;
}

table#infoAsignaturas tr.celda1 {
    background-color:#082241;
}

table#infoAsignaturas td a
{
    color:#FFFFFF;
}

/*Profesores*/
table#infoProfesores
{
    border-style: none;
    color:#FFFFFF;
    margin-left:auto;
    margin-right:auto;
}

table#infoProfesores th
{
    border-bottom:1px solid #9EACCE;
}

table#infoProfesores tr.header {
    background-color:#0B2B4F;
    color:#F99D0D;
}

table#infoProfesores tr.celda0 {
    background-color:#0B2B4F;
}

table#infoProfesores tr.celda1 {
    background-color:#082241;
}

table#infoProfesores td a
{
    color:#FFFFFF;
}

/*
Graficos
*/
div.Profegraph
{
    background-color:#0B2B4F;
    color:#F99D0D;
    margin-left:auto;
    margin-right:auto;
    margin-top:20px;
    text-align:center;
    width:500px;
}

div.Profegraph div.tituloGraph
{
    font-size:15pt;
    font-weight:bold;
    padding:6px;
}

/*
Info personal
*/
div.personalInfo
{
    color:#EEEEEE;
    margin-bottom:30px;
    margin-left:auto;
    margin-right:auto;
    text-align:left;
    width:500px;
}

div.personalInfo span.label
{
    font-weight:bold;
    font-size:15pt;
}

div.personalInfo span.valor
{

}

/*
Ext Estadisticas
*/
div.estadisticasGenList
{
    margin-left:auto;
    margin-right:auto;
    min-height:200px;
    position:relative;
    width:700px;
}

div.estadisticasGenList ul
{
    color:#F99D0D;
    line-height:20px;
    list-style-image:none;
    list-style-position:outside;
    list-style-type:none;
    padding-top:25px;
    margin-top:0;
    width:230px;
}

div.estadisticasGenList ul li
{
    color:#FFFFFF;
    text-align:right;
}

div.estadisticasGenList div.graph
{
    position:absolute;
    right:0;
    top:0px;
}

span.tituloEstadisticas
{
   color:#FFFFFF;
    font-size:14pt;
    font-weight:bold;
    margin-left:140px;
}


div.linkVolver
{
    float:right;
    width:100px;
}

div.linkVolver a
{
    color:#FFFFFF;
}

div.linkVolver a:hover
{
    text-decoration: underline;
}

/*
Buscador de Profesores
*/
div.sProfesor
{
    color:#FFFFFF;
    font-size:11pt;
    margin-left:auto;
    margin-right:auto;
    margin-top:15px;
    position:relative;
    width:300px;
}

input[type=text].campoSearchProfesor
{
    background-color:#082241;
    border:1px solid #C7C8CA;
    color:#FFFFFF;
    margin-left:15px;
    width:300px;
}

span#infosProfesor
{
    font-size:10pt;
    left:321px;
    position:absolute;
    top:2px;
    width:150px;
}


/*
Sugerencias
*/

#sugerenciaBlock
{
    margin-left:auto;
    margin-right:auto;
    margin-top:40px;
    text-align:center;
    width:700px;
}

#sugerenciaBlock textarea
{
    border:1px solid #B0BBD6;
    font-family:Arial,Helvetica,sans-serif;
    height:10em;
    width:700px;
}

#sugerenciaBlock button,#sugerenciaBlock input
{
    background-color:#7782A3;
    border:1px solid #B0BBD6;
    color:#FFFFFF;
    font-weight:700;
    margin-left:10px;
    margin-top:15px;
    width:6em;
}

#sugerenciaBlock div.sugerencia
{
    background-color:#EFEFEF;
    margin-left:auto;
    margin-right:auto;
    margin-top:15px;
    min-height:75px;
    width:600px;
}

#sugerenciaBlock div.sugerencia div.cabeceraSugerencia
{
    background-color:#87B5FF;
    height:20px;
}

#sugerenciaBlock div.sugerencia div.cabeceraSugerencia span.autor
{
    float:left;
    margin-left:15px;
}

#sugerenciaBlock div.sugerencia div.cabeceraSugerencia span.fecha
{
    float:right;
    font-size:10pt;
    font-weight:bold;
    line-height:20px;
    margin-right:15px;
}

#sugerenciaBlock div.sugerencia p.cuerpo
{
    margin-left:10px;
    margin-right:10px;
    text-align:left;
    padding-bottom:16px;
}

#sugerenciaBlock div.sugerencia div.cabeceraSugerencia img
{
    float: right;
    border: none;
    cursor: pointer;
}

div.embedCodeBox
{
    height:125px;
    left:4px;
    position:absolute;
    top:4px;
    width:196px;
}

div.embedCodeBox textarea
{
    border:1px solid #000000;
    font-size:9pt;
    height:100%;
    width:100%;
}

div.embedCodeBox2
{
    height:125px;
    left:4px;
    position:absolute;
    top:4px;
    width:196px;
}

div.embedCodeBox2 textarea
{
    border:1px solid #000000;
    font-size:9pt;
    height:100%;
    width:100%;
}

#backgroundPopup
{
    display:none;
    position:fixed;
    _position:absolute; /* hack for internet explorer 6*/
    height:100%;
    width:100%;
    top:0;
    left:0;
    background:#000000;
    border:1px solid #cecece;
    z-index:999;
}

#popupDiv
{
    background-color: #FFFFFF;
    display:none;
    font-size:13px;
    min-height:138px;
    margin-left:auto;
    margin-right:auto;
    margin-top:35px;
    width:500px;
    position: absolute;
    z-index:1000;
    padding:2px;
}

#popupDiv div.popupHead
{
    background-color:#C5E1F8;
    margin-bottom:10px;
    padding:2px;
}

#popupDiv div.popupHead span.closepopup
{
    color:#4E5876;
    float:right;
    font-size:10pt;
    font-weight:bold;
    line-height:13px;
    margin-right:4px;
    cursor:pointer;
}

#popupDiv div.popupHead span.popupTitle
{
    color:#4E5876;
    font-size:10pt;
    font-weight:bold;
}

#popupDiv div.popupContent textarea
{
    border:none;
    font-size:9pt;
    height:100%;
    width:100%;
}

#popupDiv div.popupContent span.embedPopupCopy
{
    color:#4E5876;
    cursor:pointer;
    float:right;
    font-size:10pt;
    font-weight:bold;
    line-height:13px;
    margin-bottom:5px;
    margin-right:5px;
}

a.delComentario
{
    color:#BD101E;
    font-size:10pt;
}

a.delRespuesta
{
    color:#BD101E;
    font-size:10pt;
    line-height:1.5em;
    position:absolute;
    right:105px;
}

/*
Resumen de recursos de una asignatura
*/
div.resumeSmallBlock_Wrapper
{
    margin-left:10px;
    margin-top:10px;
}

div.resumeSmallBlock  {
    background-color:#0B2B4F;
    float:left;
    height:157px;
    margin:0 10px 20px;
    width:172px;
}

div.rsV_ThumbnailBlock  {
    background-color:#C5E1F8;
    height:125px;
    margin-top:10px;
    position:relative;
    width:172px;
}

div.resumeSmallBlock img.rsV_Thumbnail {
    background-color:#FFFFFF;
    border:1px solid #0B2B4F;
    height:90px;
    margin:5px;
    width:160px;
}

div.resumeSmallBlock span.rsV_Date
{
    bottom:9px;
    color:#4E5876;
    font-size:8pt;
    font-weight:bold;
    left:5px;
    position:absolute;
}

div.resumeSmallBlock span.rsV_Time
{
    bottom:9px;
    color:#4E5876;
    font-size:8pt;
    font-weight:bold;
    position:absolute;
    right:5px;
}

div.resumeSmallBlock div.rsV_NameWrapper {
    float:left;
    height:1.3em;
    margin-left:-1px;
    overflow:hidden;
    text-align:center;
    width:172px;
    word-wrap:break-word;
}

div.resumeSmallBlock a.rsV_Name
{
    color:#FFFFFF;
    font-size:15px;
    font-weight:bold;
}

div.resumeSmallBlock a.rsV_Name:hover
{
    text-decoration: underline;
}

ul.listaInlineProfes li a.masRecursos_Link
{
    color:#C5E1F8;
    font-size:8pt;
    margin-left:20px;
    overflow:hidden;
    height:30px;
}

ul.listaInlineProfes li a.masRecursos_Link:hover
{
    color:#FFFFFF;
}