@charset "utf-8";
/* CSS Oxford Press - Estilos comunes */

/* Generales */
body, html{margin: 0; padding: 0;}
a{outline: none;}
img{border-width: 0;}
.clear-fix{margin: 0; padding: 0; line-height: 0; font-size: 0; clear: both;}
iframe{border: solid 1px #b5bdc0;}

/********************************** Elementos flotantes **********************************/
.flotar-d{float: right}
.flotar-i{float: left}

/********************************** Separadores **********************************/
.sep_5px{height: 5px;}
.sep_20px{height: 20px;}

/********************************** Tipografías **********************************/
/* Familias */
.f-verdana{font-family: Verdana, sans-serif;}
.f-arial{font-family: Arial, sans-serif;}
.f-trebuchet{font-family: "Trebuchet MS", sans-serif;}
.f-tahoma{font-family: Tahoma, sans-serif;}
.f-helvetica{font-family: Helvetica, sans-serif;}
.f-times-new-roman{font-family: "Times New Roman", serif;}
.f-times{font-family: Times, serif ;}
.f-geneva{font-family: Geneva, sans-serif;}


/********************************* Bloques constitutivos ****************************/
/* Envoltura*/
.envoltura{min-width: 970px;}

/* Cabecera */
.cabecera{position: relative; z-index: 100;}
.cabecera .nav-1{font-size: 0.9em;}
.cabecera .nav-2{padding: 1em 0.6em;}
.cabecera .nav-1 .libro{float: left; padding: 0.6em 0 0.6em 0.6em} 
.cabecera .nav-1 .menu{float: right;}
.cabecera .nav-2 .titulo-unidad{float: left; font-size: 1.5em; padding-top: 0.4em;}
.cabecera .nav-2 .accesos-rapidos{float: right;}
.cabecera .nav-2 .accesos-rapidos .leyenda{font-weight: bold; float: left; padding: 0.5em;}
.cabecera .nav-2 .accesos-rapidos a{margin: 0 3px;}
.cabecera .nav-2 .accesos-rapidos a span{display: none;}
.cabecera .nav-2 .accesos-rapidos a.expandir{ background-position: left top;}
.cabecera .nav-2 .accesos-rapidos a:hover.expandir{ background-position: left -27px;}
.cabecera .nav-2 .accesos-rapidos a.cambiar-columnas{ background-position: right top;}
.cabecera .nav-2 .accesos-rapidos a:hover.cambiar-columnas{ background-position: right -27px;}
.cabecera .nav-2 .accesos-rapidos a.expandall{ background-position: -27px top;}
.cabecera .nav-2 .accesos-rapidos a:hover.expandall{ background-position: -27px -27px;}
.cabecera .nav-2 .accesos-rapidos a.contractall{ background-position: -54px top;}
.cabecera .nav-2 .accesos-rapidos a:hover.contractall{ background-position: -54px -27px;}

/* Portada */
.nav-1b{position: relative;} 
.nav-1b h2{margin: 1em 0;} 
.nav-1b .bt-ayuda{display: block; position: absolute; top: 0.3em; right: 0; font-size: 13px;}
.nav-1b .bt-ayuda a{float: right; color:#767676; text-decoration: none; background: url(../temas/gris_claro/bt_ayuda.png) no-repeat top right;  padding-right: 20px;}
.nav-1b .bt-ayuda a:hover{color:  #000; font-weight: bold}
.nav-2 .titulos{height: 50px; position: absolute; top: 0; left: 20px; width: 725px; padding: 15px; font-size: 1.4em;}
.nav-2 .logo-oxford-digital{position: absolute; top: 0; right: 20px; }

.nav-2 .titulos .big{font-size: 1.5em;}

.contenido-portada .imagen{float: left;}
.contenido-portada .listado-unidades{width: auto;}
.contenido-portada .listado-unidades .interno{padding-left: 430px;}

.contenido-portada .listado-unidades .interno ul{margin: 0; padding: 0; list-style: none;}
.contenido-portada .listado-unidades .interno ul li{position: relative; height: 35px;}
.contenido-portada .listado-unidades .interno ul li .numero{position: absolute; top: 0; left: 0; text-align: right; width: 25px;}
.contenido-portada .listado-unidades .interno ul li .links{position: absolute; top: 0; left: 40px;}
.contenido-portada .listado-unidades .interno ul li .links a{display: block; font-size: 1.2em; text-decoration: none; line-height: 1.3em;}
.contenido-portada .listado-unidades .interno ul li .links a:hover{font-weight: bold}
.contenido-portada .listado-unidades .interno ul li .links a.lvl1{color: #000;}
.contenido-portada .listado-unidades .interno ul li .links a.lvl2{color: #000; font-size: 1.1em}
.contenido-portada .listado-unidades .interno ul li .links a.lvl1.disabled{color: #999; cursor: default}
.contenido-portada .listado-unidades .interno ul li .links a:hover.lvl1.disabled{color: #999; font-weight: normal;}
.contenido-portada .listado-unidades .interno ul li .links a.lvl2.disabled{color: #999; cursor: default}
.contenido-portada .listado-unidades .interno ul li .links a:hover.lvl2.disabled{color: #999; font-weight: normal;}

.nav-4b .logo-oxford-university{position: absolute; left: 13px;}
.nav-4b .logo-oxford-educacion{position: absolute; right: 0;}
.nav-4b .menu{position: absolute; left: 162px; right: 139px; text-align: center;}
.nav-4b .menu .inner{width: 350px; margin: auto;}
               
.nav-4b .menu{font-size: 0.9em;}
.nav-4b .menu ul{margin: 0; padding: 0; list-style: none; text-align: left; float: left; width: 145px; padding: 15px 0 0 0;}
.nav-4b .menu ul li{padding: 2px;}
.nav-4b .menu ul li a{color: #7d7b7c; text-decoration: none;}
.nav-4b .menu ul li a:hover{color: #000; font-weight: bold;}
.nav-4b .copyright{color: #7d7b7c; position: absolute; left: 30px; bottom: 10px; font-size: 0.9em;}
.nav-4b .version{color: #7d7b7c; position: absolute; right: 20px; bottom: 10px; font-size: 0.9em;}


.version-profesor {}

/* Contenido del libro */
.contenido-central{}
.contenido-central .col-central{width: 100%; float: left;}
.contenido-central .col-central .contenido{min-width: 400px; position: relative}
.contenido-central .col-central .contenido.i{margin: 5px 261px 5px 5px;}
.contenido-central .col-central .contenido.d{margin: 5px 5px 5px 261px;}
.contenido-central .col-lateral{width: 250px; float: left; position: relative; z-index: 20; overflow: hidden;}
.contenido-central .col-lateral.i{margin: 5px 5px 5px -100%; left: 5px;}
.contenido-central .col-lateral.d{margin: 5px 5px 5px -255px;}
.contenido-central .col-central .contenido .libro-html{padding: 15px; line-height: 18px; padding-right: 35px; padding-left: 35px;}

/* Camino de migas y Accesibilidad */
.contenido-central .col-central .nav-3{font-size: 0.9em; position: relative; z-index: 0;}
.contenido-central .col-central .nav-3 .camino-migas{float: left; position: relative;}
.contenido-central .col-central .accesibility-bar{background-color: #FFF; position: absolute; top: 0; right: 0; padding: 0 7px; min-height: 30px; z-index: 10}
.contenido-central .col-central .accesibility-bar ul{margin: 0; padding: 0; list-style-type: none;}
.contenido-central .col-central .accesibility-bar ul li{display: inline;}
.contenido-central .col-central .accesibility-bar ul li a{display: block; float: left; width: 20px; height: 20px; margin: 0.7em 2px;}
.contenido-central .col-central .accesibility-bar ul li a span{display: none;}
.contenido-central .col-central .accesibility-bar ul li a.imprimir{background-position: left top;}
.contenido-central .col-central .accesibility-bar ul li a:hover.imprimir{background-position: left bottom;}
.contenido-central .col-central .accesibility-bar ul li a.amenos{background-position: -26px top;}
.contenido-central .col-central .accesibility-bar ul li a:hover.amenos{background-position: -26px bottom;}
.contenido-central .col-central .accesibility-bar ul li a.amas{background-position: -51px top;}
.contenido-central .col-central .accesibility-bar ul li a:hover.amas{background-position: -51px bottom;}

/* Navegación inferior */
.contenido-central .col-central .nav-4{font-size: 0.9em; padding: 0.3em;}
.contenido-central .col-central .nav-4 .tema-anterior{float: left;}
.contenido-central .col-central .nav-4 .tema-siguiente{float: right;}
.contenido-central .col-central .nav-4 a{float: left; display: block; height: 15px; background: url(../temas/gris_claro/bt_anterior_siguiente.png) no-repeat; color: #333; text-decoration: none}
.contenido-central .col-central .nav-4 .tema-anterior a{background-position: left -30px; padding-left: 2em;}
.contenido-central .col-central .nav-4 .tema-anterior a:hover{background-position: left -45px; color:#000;}
.contenido-central .col-central .nav-4 .tema-siguiente a{background-position: right top; padding-right: 2em;}
.contenido-central .col-central .nav-4 .tema-siguiente a:hover{background-position: right -15px; color:#000;}

/********************************* Menú desplegable ****************************/
.menu-desplegable{float: right; padding-right: 47px;}


/********************************* Actividades ****************************/
.listado-preguntas{margin: 0; padding: 0; list-style-type: none;}

/********************************* Pie de página ****************************/
.pie-de-pagina{padding: 1em 0.6em;}
.pie-de-pagina .derechos{float: left;}
.pie-de-pagina .logo-oxford{float: right;}

/********************************* Módulos laterales ****************************/
.modulo-lateral{}
.modulo-lateral .top1{padding: 3px; color:#515151; font-size: 12px; line-height: 15px; height: 35px; }

.modulo-lateral .top1 .ico{text-align: left;}
.modulo-lateral .top1 .etiqueta{text-align: left; padding: 0 5px;}
.modulo-lateral .top1 .bt{text-align: left;}

.modulo-lateral .top1 table{padding: 0; margin: 0; line-height: 1.2em; width: 100%; height: 35px;}
.modulo-lateral .contenido{padding: 10px; display: none; max-height: 170px; overflow: auto}
.modulo-lateral .contenido.visible{display: block;}
.modulo-lateral .top1 .icono.recuerda{background-position: left bottom;}
.modulo-lateral .top1:hover .icono.recuerda{background-position: left top;}
.modulo-lateral .top1 .icono.glosario{background-position: -33px bottom;}
.modulo-lateral .top1:hover .icono.glosario{background-position: -33px top;}
.modulo-lateral .top1 .icono.buscador{background-position: -66px bottom;}
.modulo-lateral .top1:hover .icono.buscador{background-position: -66px top;}
.modulo-lateral .top1 .icono.evaluacion{background-position: -99px bottom;}
.modulo-lateral .top1:hover .icono.evaluacion{background-position: -99px top;}
.modulo-lateral .top1 .icono.intereses{background-position: -132px bottom;}
.modulo-lateral .top1:hover .icono.intereses{background-position: -132px top;}
.modulo-lateral .top1 .icono.enlaces{background-position: -165px bottom;}
.modulo-lateral .top1:hover .icono.enlaces{background-position: -165px top;}
.modulo-lateral .top1 .icono.multimedia{background-position: -198px bottom;}
.modulo-lateral .top1:hover .icono.multimedia{background-position: -198px top;}
.modulo-lateral .top1 .icono.cuaderno{background-position: -231px bottom;}
.modulo-lateral .top1:hover .icono.cuaderno{background-position: -231px top;}
.modulo-lateral .top1 .icono.tecnicas{background-position: -264px bottom;}
.modulo-lateral .top1:hover .icono.tecnicas{background-position: -264px top;}
.modulo-lateral .top1 .icono.sintesis{background-position: -297px bottom;}
.modulo-lateral .top1:hover .icono.sintesis{background-position: -297px top;}
.modulo-lateral .top1 .icono.conocimientos{background-position: -330px bottom;}
.modulo-lateral .top1:hover .icono.conocimientos{background-position: -330px top;}
.modulo-lateral .top1 .icono.cuestiones{background-position: -363px bottom;}
.modulo-lateral .top1:hover .icono.cuestiones{background-position: -363px top;}
.modulo-lateral .top1 .icono.procedimientos{background-position: -396px bottom;}
.modulo-lateral .top1:hover .icono.procedimientos{background-position: -396px top;}
.modulo-lateral .top1 .icono.actividades{background-position: -429px bottom;}
.modulo-lateral .top1:hover .icono.actividades{background-position: -429px top;}
.modulo-lateral .top1 .icono.multiculturalidad{background-position: -462px bottom;}
.modulo-lateral .top1:hover .icono.multiculturalidad{background-position: -462px top;}
.modulo-lateral .top1 a.boton{display: block; width: 14px; height: 15px;}


/********************************* Enlaces *****************************************************/
.enlace{}
.enlace a{color: #074fa7;}
.enlace a:hover{text-decoration: none;}

/********************************* Módulo lateral preview *****************************************************/
.modulo-lateral-preview{position: absolute; z-index: 10000; width: 250px; background: url(../temas/gris_claro/bg_fix.gif) repeat;}
.modulo-lateral-preview.d{right: 51px;}
.modulo-lateral-preview.i{left: 51px;}
.modulo-lateral-preview .top1{padding: 11px; color:#515151; font-weight: bold; font-size: 12px; line-height: 15px;}
.modulo-lateral-preview .contenido{padding: 10px;}


/********************************* Módulo de visualización de imágenes (quickview) ****************************/
.quickview{width: 635px; margin: 2.5em auto; background: #f7f7f7}
.quickview-holder{overflow: hidden}
.quickview-image{margin: auto}
.quickview .imagen{background: #999; height: 150px;}
.quickview .nav{padding: 0.3em;}
.quickview .nav .desc{float: left; padding: 0.3em; width: 510px; text-align: left;}
.quickview .nav a{float: right; display: block; width: 23px; height: 23px;}
.quickview .nav a span{display: none;}
.quickview .nav a.descargar{background-position: right top;}
.quickview .nav a:hover.descargar{background-position: right bottom;}
.quickview .nav a.flotar{background-position: -92px top;}
.quickview .nav a:hover.flotar{background-position: -92px bottom;}
.quickview .nav a.disminuir{background-position: -69px top;}
.quickview .nav a:hover.disminuir{background-position: -69px bottom;}
.quickview .nav a.aumentar{background-position: -46px top;}
.quickview .nav a:hover.aumentar{background-position: -46px bottom;}
.quickview .nav a.siguiente{background-position: -23px top;}
.quickview .nav a:hover.siguiente{background-position: -23px bottom;}
.quickview .nav a.anterior{background-position: left top;}
.quickview .nav a:hover.anterior{background-position: left bottom;}

/********************************* Ventana Flotante ****************************/
.ventana-flotante{
    width: 535px;
    position: absolute;
    z-index: 9999;
    top: 200px;
    left: 400px;
    -moz-box-shadow: 3px 3px 5px #909090;
    -webkit-box-shadow: 3px 3px 5px #909090;
    box-shadow: 3px 3px 5px #909090;
}



.ventana-flotante .top{padding: 0.5em; text-align: left;}
.ventana-flotante .top .nav{float: right; margin-left: 5px;}
.ventana-flotante .top .nav a{display: block; float: left; width: 17px; height: 17px; margin: 0 0 0 5px;}
.ventana-flotante .top .nav a span{display: none;}
.ventana-flotante .top .nav a.minimizar{background-position: left top;}
.ventana-flotante .top .nav a:hover.minimizar{background-position: left bottom;}
.ventana-flotante .top .nav a.maximizar{background-position: -22px top;}
.ventana-flotante .top .nav a:hover.maximizar{background-position: -22px bottom;}
.ventana-flotante .top .nav a.cerrar{background-position: right top;}
.ventana-flotante .top .nav a:hover.cerrar{background-position: right bottom;}
.ventana-flotante .descripcion{padding: 0 0.5em 0.5em 0.5em;}

/* UI Dialog */
.ui-dialog{
	position: absolute;
	overflow: hidden;
}

#minimized-dialog-container{z-index: 10000;}

.ui-dialog-titlebar{
    padding: 0.5em;
    text-align: left;
	cursor: move;
	position: relative

}
.ui-icon-closethick, .ui-maximizar, .ui-minimizar, .ui-restaurar{
    position: absolute;
    right: 5px;
    top: 7px;
    text-indent: -9999px;
    height: 17px;
    width: 18px;
}

.ui-maximizar{
    right: 24px;
}

.ui-minimizar{
    right: 43px;

}

.ui-restaurar{
    right: 24px;
}


.ui-dialog-content{
    overflow: hidden;
    background: #fff;
    border: 5px solid #FFFFFF;
    text-align: center;
}

.ui-desc{
    padding: 0 0.5em 0.5em;
    text-align: center;
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
}
.highlight{
    background-color: yellow;
}

/********************************* Formularios ****************************/
form{margin: 0; padding: 0;}

/********************************* Tooltip ****************************/
.tooltip{position: absolute; z-index: 9999; width: 300px;}

/********************************* Bloque izq texto der ****************************/
.bloque_izq_txt_der{}
.bloque_izq_txt_der .img{width: 164px; height: 104px; float: left; margin-right: 20px;}
.bloque_izq_txt_der .info{padding-left: 185px;}
.bloque_izq_txt_der .info .wrapper{}

/********************************* Sistema de ayuda ****************************/
.help-dialog{display: none}

/********************************* Tabs ****************************/
.tabify {font-family: arial; font-size: 12px; text-align: justify;}  
.tabify a {text-decoration:none;}  
.tabify a:hover {text-decoration:none}  
.tabify .tabMenu {position: absolute; top: 27px; left: 0; right: 0; height: 25px; z-index: 10; background: #f7f7f7; border-bottom: solid 1px #d8d8d8; padding: 3px 3px 0 3px;}
.tabify .tabMenu ul {margin:0; padding: 0; list-style:none; line-height: 15px;}  
.tabify .tabMenu ul li {display: inline;}
.tabify .tabMenu ul li a{float: left; display: block; padding: 5px 8px; cursor:pointer;   color:#000; margin-right: 4px; -moz-border-radius-topright: 5px;
border-top-right-radius: 5px; -moz-border-radius-topleft: 5px; border-top-left-radius: 5px; } 
.tabify .tabMenu ul li a:hover{background: #d8d8d8; color:#000} 
.tabify .tabMenu ul li a.selected{background: #FFF; color:#000; border-top: solid 1px #d8d8d8; border-left: solid 1px #d8d8d8; border-right: solid 1px #d8d8d8;} 
.tabify .tabMenu ul li a.last {margin-right: 0px;} 
.tabify .tabTop {background:url(../imgs/boxTop.gif)no-repeat; height:11px; clear:both;}  
.tabify .tabBody { border-bottom: solid 1px #d8d8d8; position: absolute; top: 35px; left: 0; right: 0; bottom: 15px; background: #FFF;  padding: 8px; }  
.tabify.multimedia .tabBody { top: 35px; left: 10px;}  
.tabify .ajaxLoader{margin: 10px auto; text-align: center; color: #646464;}
.tabify .topBottom {background:url(../imgs/boxBottom.gif) no-repeat; height:11px;}  
.tabify .tabBody .content{display:none; overflow: auto; right: 10px; left: 10px; bottom: 10px; position: absolute; top: 40px;}  
.tabify.multimedia .tabBody .content{top: 10px; left: 0; right: 0; padding: 0 15px;}  
.tabify .tabBody .content.show {display:block;}  
.tabify .clear-fix{clear: both;}

/********************************* Flash activity ****************************/
.flash-activity{border: solid 1px #d8d8d8; margin: auto; display: none; text-align: center; padding: 10px;}
.flash-activity.show{display: block;}
.flash-activity p, .flash-activity .txt{text-align: left;}

/********************************* File tree ****************************/
.treeview, .treeview ul {padding: 0; margin: 0; list-style: none; font-size: 11px;}
.treeview ul {background-color: white; margin-top: 4px;}
.treeview .hitarea {background: url(../temas/gris_claro/treeview-default.gif) -64px -25px no-repeat;height: 16px;width: 16px;margin-left: -16px;float: left;cursor: pointer;}
* html .hitarea {display: inline;float:none;}
.treeview li {margin: 0;padding: 3px 0pt 3px 16px;}
.treeview a.selected {background-color: #eee;}
#treecontrol { margin: 1em 0; display: none; }
.treeview .hover { color: red; cursor: pointer; }
.treeview li { background: url(../temas/gris_claro/treeview-default-line.gif) 0 0 no-repeat; text-align: left }
.treeview li.collapsable, .treeview li.expandable { background-position: 0 -176px; }
.treeview .expandable-hitarea { background-position: -80px -3px; }
.treeview li.last { background-position: 0 -1766px }
.treeview li.lastCollapsable, .treeview li.lastExpandable { background-image: url(../temas/gris_claro/treeview-default.gif); }  
.treeview li.lastCollapsable { background-position: 0 -111px }
.treeview li.lastExpandable { background-position: -32px -67px }
.treeview div.lastCollapsable-hitarea, .treeview div.lastExpandable-hitarea { background-position: 0; }
.treeview-red li { background-image: url(../temas/gris_claro/treeview-red-line.gif); }
.treeview-red .hitarea, .treeview-red li.lastCollapsable, .treeview-red li.lastExpandable { background-image: url(../temas/gris_claro/treeview-red.gif); } 
.treeview-black li { background-image: url(../temas/gris_claro/treeview-black-line.gif); }
.treeview-black .hitarea, .treeview-black li.lastCollapsable, .treeview-black li.lastExpandable { background-image: url(../imgs/treeview-black.gif); }  
.treeview-gray li { background-image: url(../temas/gris_claro/treeview-gray-line.gif); }
.treeview-gray .hitarea, .treeview-gray li.lastCollapsable, .treeview-gray li.lastExpandable { background-image: url(../temas/gris_claro/treeview-gray.gif); } 
.treeview-famfamfam li { background-image: url(../temas/gris_claro/treeview-famfamfam-line.gif); }
.treeview-famfamfam .hitarea, .treeview-famfamfam li.lastCollapsable, .treeview-famfamfam li.lastExpandable { background-image: url(../temas/gris_claro/treeview-famfamfam.gif); } 
.treeview .placeholder {background: url(../temas/gris_claro/ajax-loader.gif) 0 0 no-repeat;height: 16px;width: 16px;display: block;}

.filetree li { padding: 3px 0 2px 16px; }
.filetree span.folder, .filetree span.file { padding: 1px 0 1px 16px; display: block;}
.filetree span:hover.folder, .filetree span:hover.file { color: orange;  }
.filetree span.folder { background: url(../temas/gris_claro/folder.gif) 0 0 no-repeat; }
.filetree.multimedia span.file {cursor: pointer;}
.filetree li.expandable span.folder { background: url(../temas/gris_claro/folder-closed.gif) 0 0 no-repeat; }
.filetree span.file { background: url(../temas/gris_claro/file.gif) 0 0 no-repeat; }

/******************************* Definition list **************************************/
dt{display: block; width: auto; padding: 3px 0; cursor: pointer;}
dt:hover{font-weight: bold;}
dt span{display: block; float: left; width: 14px; height: 15px; margin-right: 5px;}
dt strong{float: float;}
dd{margin: 0 0 15px 0; display: none; font-style: italic; border: solid 1px #ddd; padding: 5px; text-align: left;}

/***************************** Multimedia ******************************************/
.lista-recursos{margin: 0; padding: 0 0 30px 0; list-style: none;}
.lista-recursos ul{display: none; padding: 0 0 10px 10px; clear: both}
.lista-recursos li, .lista-recursos li a.link-lvl1, .lista-recursos ul li{display: block; clear: both }
.lista-recursos li a.link-lvl1{padding: 0.3em 0;}
.lista-recursos li a.link-lvl2{font-size: 0.9em;}
.lista-recursos li a span{cursor: pointer;}
.lista-recursos li a.link-lvl1 span.ico{display: block; height: 27px; width: 27px; float: left; margin-right: 5px;  padding: 0.1em 0;}
.lista-recursos li a.link-lvl1 span.txt{float: left; display: block; width: 175px; padding-top: 0.4em;}
.lista-recursos li a.link-lvl2 span{display: block; float: left; width: 14px; height: 15px; margin-right: 5px; padding: 0.2em 0;}
.lista-recursos ul li{margin: 8px 0;}

/***************************** Bloques destacados *********************************/
.contenido-ocultable{display: none;}

.navegacion_sco { display:none; }