@charset "utf-8";
/* CSS OXFORD ELT - Commons */

/* Generales */
/* Valores por defecto del tema TBOOK - se pueden cambiar en runtime con JS y estilos de comun.css */
body, html{font-family: Arial, sans-serif; font-size: 16px; color: #464646; line-height: 1.25em; text-align: justify; margin: 0; padding: 0; height: 100%; -ms-interpolation-mode: bicubic; image-rendering: optimizeQuality;}
p{margin: 0.6em 0 1em 0;}
a{outline: none;}
img{border-width: 0;}
.clear-fix{margin: 0; padding: 0; line-height: 0; font-size: 0; clear: both; display: block}
iframe{border: solid 1px #b5bdc0; background: #FFF;}
a{outline: none;}
ul.list-none{margin: 0; padding: 0; list-style-type: none}
.content-wrapper a, .content-wrapper p, .content-wrapper h1, .content-wrapper h2, .content-wrapper h3, .content-wrapper ul{line-height: 1em;}

h1{margin: 0; padding: 0 0 15px 0; font-size: 1.6em; color: #f37637;}
h1.white, h2.white{color: #FFF;}
.content h1{font-size: 1.3em;}

h1 span.legend{font-size: 0.8em; color: #000}
h2{margin: 0; padding: 0; font-size: 1.2em; color: #993300;}
p{padding: 10px 0;}

.float_l{float: left;}
.float_r{float: right;}

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

/********************************** Flash **********************************/
#drawing_tools{position: absolute; left: 0; top: 0; min-width: 970px; min-height: 500px; right: 0; bottom: 0;  -moz-user-select: none; -khtml-user-select: none; -webkit-user-select: none; user-select: none;}
#draw_container{position: absolute;	top: 0;	left: 0; right: 0; z-index: 999999; background: url(../imgs/screenshade.gif) repeat;  }

/********************************** Colors **********************************/
.font-color-lila{color: #d81870;}
.font-color-blue{color: #0a8ebf;}
.font-color-blue-green{color: #019ba3;}
.font-color-orange{color: #ee7f01;}
.font-color-green{color: #79b51c;}

/********************************** 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;}


/********************************* Box Model ****************************/
/* Wrapper*/
.main{position: relative; min-height: 100%;}
.html-wrapper{position: relative; top: 119px; right: 0; left: 0; z-index: 100}
.wrapper, .content-wrapper{min-width: 970px;}

/* Header */
.b1{height: 69px; position: absolute; min-width: 970px; right: 0; left: 0}
.b1 .rounded{width: 56px; height: 69px; float: left; background: url(../themes/tbook/b1_left.gif) no-repeat left top;}
.b1 .logo-english-plus{float: left;}
.b1 .logo-oxford{float: right; margin-right: 10px;}



/********************************* Box model ****************************/
.content-wrapper{/*position: absolute;*/ top: 0; left: 0; right: 0; overflow-x: hidden;  padding-bottom: 20px;}
.content-wrapper .inner{}
.book-content, .book-content-border{position: ; top: 0px; right: 5px; left: 5px; bottom: 40px; min-width: 960px}
.book-content{z-index: 1; overflow: auto; top: 0; bottom: 41px}
.book-content-border{z-index: 0; right: 30px; border: solid 1px #c4c4c4}
.book-content .page{padding: 0px 30px 10px 30px; position: relative}
.footer{position: absolute; bottom: 0; left: 0; right: 0; height: 36px; z-index: 1000; background: #374395; min-width: 960px}
.footer .main-menu{position: absolute; bottom: 0; left: 0; width: 135px; height: 109px; background: url(../imgs/menu_and_logo.png) no-repeat }
.footer .modules-title{position: absolute; bottom: 0; left: 140px; width: 150px; padding-top: 0px; height: 27px; background: url(../imgs/always_visible.jpg) no-repeat;}
.footer .modules{position: absolute; bottom: 0; left: 285px; right: 125px; padding-top: 0px; display: none;}
.footer .modules div.jqDockWrap {margin:0 auto;}

/********************************* MODULES ****************************/
.footer .modules img{cursor: pointer;}
.footer .modules div.jqDock-active{-moz-border-radius: 0 0 10px 10px; -webkit-border-radius: 0 0 10px 10px; border-radius: 0 0 10px 10px; background: #FFF!important; margin-top: -1px!important;}
.footer .modules div.jqDockLabel {color:#fff; background: #374395; font-weight:bold; white-space:nowrap; text-decoration: none; cursor:pointer; top: -30px!important; padding: 5px 10px; font-size: 14px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;  }
.module-content{display: none}
.window-type-1 .module-content{display: block}

/********************************* WINDOWS  ****************************/
/* Window type 1 */
.window-type-1, .window-type-1 .top-left, .window-type-1 .top, .window-type-1 .top-right, .window-type-1 .left, .window-type-1 .center, .window-type-1 .right, .window-type-1 .bottom-left, .window-type-1 .bottom, .window-type-1 .bottom-right, .window-type-1 .glow, .window-type-1 .content, .window-type-1 .title, .window-type-1 .close{position: absolute; z-index: 1}
.window-type-1{width: 300px; max-height: 400px; z-index: 999; display: none}
.window-type-1.for-module{z-index: 100;}
.window-type-1 .top-left, .ui-dialog .top-left{width: 12px; height: 12px; top: 0;	left: 0; background: url(../imgs/window_type_1_tl.png) no-repeat;}
.window-type-1 .bottom-left, .ui-dialog .bottom-left{width: 12px; height: 12px; bottom: 0; left: 0; background: url(../imgs/window_type_1_bl.png) no-repeat;}
.window-type-1 .top, .ui-dialog .top{top: 0; right: 12px; height: 12px; left: 12px; background: url(../imgs/window_type_1_t.png) repeat-x;}
.window-type-1 .bottom, .ui-dialog .bottom{bottom: 0; right: 12px; height: 12px; left: 12px; background: url(../imgs/window_type_1_b.png) repeat-x;}
.window-type-1 .bottom-right, .ui-dialog .bottom-right{width: 12px; height: 12px; bottom: 0; right: 0;background: url(../imgs/window_type_1_br.png) no-repeat;}
.window-type-1 .top-right, .ui-dialog .top-right{width: 12px; height: 12px; top: 0; right: 0;background: url(../imgs/window_type_1_tr.png) no-repeat;}
.window-type-1 .left, .ui-dialog .left{width: 12px; top: 12px; bottom: 12px; left: 0;background: url(../imgs/window_type_1_l.png) repeat-y;}
.window-type-1 .center, .ui-dialog .center{top: 12px; right: 12px; left: 12px; bottom: 12px;background: url(../imgs/window_type_1_c.png) repeat;}
.window-type-1 .right, .ui-dialog .right{width: 12px; top: 12px; bottom: 12px; right: 0;background: url(../imgs/window_type_1_r.png) repeat-y;}
.window-type-1 .glow, .ui-dialog .glow{top: 5px; right: 5px; left: 5px; bottom: 5px; z-index: 1;background: url(../imgs/window_type_1_glow.png) repeat-x right top; z-index: 1;}
.window-type-1 .content, .ui-dialog .ui-dialog-content{overflow: auto; top: 0px; right: 20px; left: 20px; bottom: 20px; padding: 10px; z-index: 2; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; background: #FFF;}
.window-type-1.show-title .title{top: 7px; right: 47px; left: 20px; height: 25px; padding-top: 5px; z-index: 2; color: #fdb60b; font-family: "font1"; font-size: 27px; text-shadow:#58437e 1px 1px 3px; filter: progid:DXImageTransform.Microsoft.Shadow(color='#58437e', Direction=135, Strength=3);}
.window-type-1.show-title a.close{top: 9px; right: 20px; width: 27px; height: 27px; z-index: 2;background: url(../imgs/close_bt.png) no-repeat left bottom;}
.window-type-1 a:hover.close{background-position: left top;}
.window-type-1.show-title .content{top: 40px;}


/* UI Dialog */
.ui-dialog, .ui-dialog .top-left, .ui-dialog .top, .ui-dialog .top-right, .ui-dialog .left, .ui-dialog .center, .ui-dialog .right, .ui-dialog .bottom-left, .ui-dialog .bottom, .ui-dialog .bottom-right, .ui-dialog .glow, .ui-dialog .content, .ui-dialog-titlebar, .ui-dialog .close{position: absolute; z-index: -2}
.ui-dialog{overflow: hidden;}
.ui-icon-gripsmall-diagonal-se{ cursor: se-resize; background: #fff url(../imgs/handler_resize.gif) no-repeat 100% 100%; bottom: 23px; height: 15px; position: absolute; right: 23px; width: 15px;}
.ui-dialog-titlebar{cursor: move; top: 0px; right: 1px; left: 1px; height: 30px; z-index: 2; color: #fdb60b; font-family: Arial; font-size: 27px; text-shadow:#58437e 1px 1px 3px; filter: progid:DXImageTransform.Microsoft.Shadow(color='#58437e', Direction=135, Strength=3);}
.ui-dialog-title{position: absolute; top:5px; left: 10px; right: 28px;padding:5px;padding-top:10px;}
.ui-dialog-content{overflow-y: auto; padding: 10px; z-index: 2; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; margin: 40px 20px 20px 20px; }
a.ui-dialog-titlebar-close{width: 30px; height: 27px; background: url(../imgs/close_bt.png) no-repeat left bottom; display: block; position: absolute; top: 2px; right: 0; margin-top: 10px;}
a:hover.ui-dialog-titlebar-close{background-position: left top;}
.ui-icon-closethick{display: none}
.dialog-box{display: none}
.ui-dialog .top-left{width: 12px; height: 12px; top: 0;	left: 0;}
.ui-dialog .bottom-left{width: 12px; height: 12px; bottom: 0; left: 0;}
.ui-dialog .top{top: 0; right: 12px; height: 12px; left: 12px;}
.ui-dialog .bottom{bottom: 0; right: 12px; height: 12px; left: 12px;}
.ui-dialog .bottom-right{width: 12px; height: 12px; bottom: 0; right: 0;}
.ui-dialog .top-right{width: 12px; height: 12px; top: 0; right: 0;}
.ui-dialog .left{width: 12px; top: 12px; bottom: 12px; left: 0;}
.ui-dialog .center{top: 12px; right: 12px; left: 12px; bottom: 12px;}
.ui-dialog .right{width: 12px; top: 12px; bottom: 12px; right: 0;}
.ui-dialog .glow{top: 5px; right: 5px; left: 5px; bottom: 5px; z-index: -1;}


/* Icon list */
ul.module-list{margin: 0; padding: 0; list-style: none; font-size: 13px;}
ul.module-list li a{color: #6e6e6e; text-decoration: none;}
ul.module-list li a:hover{color: #000}


/* Find */
#mod-find{height: 150px;}
#mod-find .content{text-align: right}
#mod-find input[type="text"]{width: 230px; border: solid 1px #CCC; padding: 3px; font-family: arial; font-size: 14px; color: #797979}
.window-type-1 button{border: none; outline: none; color: white; background: #c2466b; padding: 3px 6px; border: solid 1px #f1d4dd; cursor: pointer; margin: 5px 0 0 0; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;}
.window-type-1 button:hover{background: #fdb807;}
.highlight{background-color: yellow;}

/* Add a note */
#mod-notes{height: 400px;}

/* Add a link */
#mod-links{height: 400px;}

::selection {background: #b2b2b2; color: #000 }
::-moz-selection {background: #b2b2b2; color: #000 }
#mod-marker{height: 150px;}


.versio{font-size: 12px; padding: 6px 0px 7px 2px; height: 20px; color: #ffffff; background: #993300 url(../imgs/bgsersion.png) repeat-y right; margin-top: 15px; margin-left: 452px;}
.versio .versio2{font-size: 15px; color: #ffffff; position: absolute;}
.versio .versio2 .version-libro{font-size: 19px; color: #ffffff; text-transform: uppercase; padding-left: 5px;}
.versio .versio2 .version-libro span{font-size: 12px; color: #ffffff; background: #993300; padding-left: 5px;}

/*BOOK GUIA*/
.guia{background: #993300 url(../imgs/bg_guia.jpg) repeat-x top; height: 45px; min-width: 970px;padding-left: 35px;}
.guia a{float:left;display:none}

/* Scorm */
.navegacion_sco { }

/* Nav bar */
.b3{background: #e0e0e0; position: relative; z-index: 100; border-top: solid 1px #FFF; min-width: 970px;}
.goto-unit-bar{background: #e8eff9; position: fixed; bottom: 0; right: 0; left:0; z-index: 100; border-top: solid 1px #467db3; min-width: 970px; padding: 5px;}

/* Lateral bar */
.lbar{position: absolute; top: 160px; padding-top: 10px; left: 0; z-index: 50;height: 100%;}
.lbar.tbook{top: 0px;}
.modules-list {list-style: none; margin: 32px 0 0 0; padding: 0; float: left; width: 70px; overflow: hidden;}
.modules-list li{float: left;margin-left: 3px;}
.modules-list li span{display: none;}

.left_background{width: 37px; float: left; height: 100%; background: #dcdcdc url(../imgs/contents_left_bg.jpg) repeat-x top; position: absolute;}



/* Lateral bar content */
.lbar-content{ background: #cb7e54; margin-left:-20px; margin-top:-15px; float: left; display: none; overflow-x: hidden; border-right: solid 6px #FFF;  border-bottom: solid 6px #FFF; padding-bottom: 20px; -moz-border-radius-bottomright: 20px;  -webkit-border-bottom-right-radius: 20px; border-bottom-right-radius: 20px; -moz-box-shadow: 3px 3px 5px #96a5bb; -webkit-box-shadow: 3px 3px 5px #96a5bb;  box-shadow: 3px 3px 5px #96a5bb; -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#96a5bb')";
  filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#96a5bb');}
  
  

.lbar-content .box{padding: 70px 15px 15px 15px; position: relative; display: none; }
.lbar-content .box .inner{background: #f1dbd0; padding: 10px; position: relative; border-top: solid 15px #cb7e54; margin-top: 0}
.lbar-content .box .inner.expandable .title {cursor: pointer;}
.lbar-content .box .inner.expandable .title:hover{ color: #000; font-weight: bold}
.lbar-content .box .inner.expandable .content {font-size: 0.9em; padding-top: 10px; display: none;}


.lbar-content .box.show{display: block;}
.lbar-content a.bt-close{display: block; padding: 9px 15px; text-decoration: none; font-size: 18px; background: url(../imgs/bt_close_col.png) no-repeat; top: 25px; right: 0px; position: absolute; color: #000; z-index: 90}
.lbar-content a:hover.bt-close{color: #cb7e54;}

/* Contents width*/
#text-box{width: 290px;}
#external-link-box{width: 300px;}
#instructions{width: 350px; text-align: left}
.workbook-relation{width: 310px; text-align: left; background: url(../imgs/relation.png) no-repeat left top; padding: 0 0 0 40px; margin: 10px 0 0 0; font-size: 0.95em; color:#FFF; }
.page #instructions .content{width: 800px; text-align: left; padding-left:35px;}

/* Central content */
.central, .central.cols-2{position: relative;  padding-left: 34px; font-size: 16px; padding-top: 15px;}
.cols-2 .l{float: left; width: 370px; overflow-x: hidden; position: relative; }
.cols-2 .t{float: left; width: 370px; overflow-x: hidden; position: relative; }
.cols-2 .d{float: left; width: 370px; overflow-x: hidden; position: relative; }
.cols-2 .i{float: left; width: 370px; overflow-x: hidden; position: relative; }
.cols-2 .r{padding-left: 370px;}
.cols-2 .r .content{float: left; display: none; font-size: 1.2em; padding: 0 0 15px 0}
.cols-2 .r .content.show{display: block;}
.content-tabs .tabBody .content {padding-top: 15px;}
.cols-2 .r .content ul{padding-left: 15px; margin-top: 0; margin-bottom: 0}
.cols-2 .r .content .tabMenu ul{padding-left: 0; }
.cols-2 .r .content ul li{padding: 0.3em 0;}

/********************************* Screenshade ****************************/
#spotlight{position: absolute; top: 0; left: 0; z-index: 99999; display: none;}

/********************************* Language ****************************/
.language_form{margin: 0; padding: 0 0 0 10px;}
.language_form .label{font-size: 0.85em;}

/********************************* Grammar reference contents ****************************/
.grammar-box{padding: 20px 0 0 0; display: none; clear: both}
.grammar-box.show{display: block}
.grammar-box .items{float: left; padding: 15px; width: 300px; text-align: left}
.grammar-box .info{padding: 15px; margin-left: 340px;  border-left: solid 1px #90b4b4;}
.grammar-box .info .content{display: none;}
.grammar-box .info .content.show{display: block;}
.grammar-box .info p{margin: 0; padding: 0 0 1.5em 0; line-height: 1.25em;}

/********************************* Expression bank contents ****************************/
.expression-box{padding: 20px 0 0 0;  clear: both; display: none;}
.expression-box.show{display: block}

/********************************* Irregular verbs list contents and wordlist ****************************/
.irrv-box, .wordlist-box{padding: 10px 0 0 0;  clear: both; display: none;}
.irrv-box.show, .wordlist-box.show{display: block}
.irrv-box .font-color-blue, .wordlist-box .font-color-blue {font-family: "Hiragino Mincho Pro W3","TITUS Cyberbit Basic","Doulos SIL","Gentium","Hiragino Mincho Pro W3","Arial Unicode MS"}
.wordlist-box table{width: auto !important;}
.wordlist-box td{width: 350px !important;}


/********************************* TOOLTIPS ******************************************/

/* exercise textarea font fix */
.textdiv textarea{font-family: Arial, sans-serif; font-size: 16px; color: #797979; line-height: 1.25em; text-align: justify; }
.template input, .sentences-list input, .sentences-list select, .container input{color: #009ea5}
.central h3{color: #006fb7;} 
#instructions b.green{color: #00a0a8; line-height: 1.5em;}
.how-to-title {background: #00909b; border: solid 4px #a5d8e0; color: #FFF; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px;}
.difficulty-wb {background: #FFF; border: solid 4px #989898; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; height: 24px; padding: 0 10px; float: left; width: 64px; margin-right: 5px;}
.difficulty-wb .star{width: 21px; height: 21px; display: block; float: left; background: url(../imgs/star.gif)}
h4.orange {color: #ee7f01; margin: 0px;}

#instructions{min-height: 30px;}
#instructions .number{ font-size:0.9em; float: left; width:30px; height:25px; background: #993300; color: #FFF;  -moz-border-radius: 30px; border-radius: 30px; -webkit-border-radius: 30px; text-align:center; padding-top:4px; margin: -5px 6px 15px 0px;}
#instructions .content{line-height: 25px;}

.f-right{float: right}
.f-left{float: left}


/********************************* Box Model ****************************/
/* Wrapper*/
.wrapper{}

/********************************* Content ****************************/
.content-wrapper{}
.cols-2{background: #cce2f1 url(../imgs/../imgs/bg_content_2_cols.gif) left top repeat-y; }
.col-1{background: #FFF url(../imgs/bg_content.gif) repeat-y left top;}
.col-1 .central{ padding: 15px 15px 15px 50px;}

/* ///////// Lateral bar ///////// */
.modules-list li a{width: 34px; height: 48px; display: block; background: url(../imgs/lateral_bar_icos.png);margin-bottom: 10px;}
.modules-list li a.last{ border-bottom-width: 0;}
/*.modules-list li a:hover{background-color: #f85317;}*/

/* --- Text Instructions ---- */
.lbar ul li a.i{background-position: -138px top;margin-left: 3px;}
.lbar ul li a.i:hover{background-position: -137px bottom;}
.lbar ul li a.selected.i{background-position: -138px bottom;}
/* --- Text Box ---- */
.lbar ul li a.t{background-position: 0px top;}
.lbar ul li a.t:hover{background-position: 0px bottom;}
.lbar ul li a.selected.t{background-position: 0px bottom;}
/* --- External link ---- */
.lbar ul li a.l{background-position:  -45px top;}
.lbar ul li a.l:hover{background-position: -45px bottom;}
.lbar ul li a.selected.l{background-position: -182px bottom;}
/* --- Grammar reference ---- */
.lbar ul li a.g{background-position: -102px top;}
.lbar ul li a.selected.g{background-position: -102px bottom;}
/* --- WordList ---- */
.lbar ul li a.w{background-position: -136px top;}
.lbar ul li a.selected.w{background-position: -136px bottom;}
/* --- Expression bank ---- */
.lbar ul li a.e{background-position: -170px top;}
.lbar ul li a.selected.e{background-position: -170px bottom;}
/* --- Expression bank ---- */
.lbar ul li a.v{background-position: -204px top;}
.lbar ul li a.selected.v{background-position: -204px bottom;}
/* --- Paper book ---- */
.lbar ul li a.b{background-position: -342px top;}
.lbar ul li a.selected.b{background-position: -342px bottom;}
/* --- STF ---- */
.lbar ul li a.st{background-position: -374px top;}
.lbar ul li a.selected.st{background-position: -374px bottom;}
/* --- User guide ---- */
.lbar ul li a.us{background-position: -408px top;}
.lbar ul li a.selected.us{background-position: -408px bottom;}
/* --- Draw ---- */
.lbar ul li a.d{background-position:-90px top;}
.lbar ul li a.d:hover{background-position: -90px bottom;}
.lbar ul li a.selected.d{background-position: -90px bottom;}

.lbar ul li a.selected, .lbar ul li a:hover.selected{cursor: default;}

.sep_unit_contenido{background: #cfcfcf; width: 1px; height: 100%; position: absolute; margin-left: 330px;}

.version_estilo{font-family: Arial, sans-serif; font-size: 17px; color: #000000;}
.version_estilo span{font-size: 19px; text-transform: uppercase;}

/********************************* BREADCRUMBS ****************************/
.breadcrumbs{margin: 0;	padding-left: 0; z-index: 9999; display: block; height: 37px; width:780px; padding: 0; left: 0px; position: relative; right: 0; top: 0px; background: #e0e0e0 url(../imgs/contents_menu_bg.jpg) repeat-y left;}
.breadcrumbs .fix{position: absolute; top: 0; width: 200px; right: 0; height: 28px; z-index: 50; background: #FFF}
.breadcrumbs ul{margin: 0; padding: 10px; height: 21px; display: block; width: 800px;padding-left: 70px;}
.breadcrumbs ul li.top{display: block; float: left;	position: relative;	overflow: hidden; line-height: 27px; font-size: 13px; margin: 0; padding: 0px 30px 0px 0; font-size: 13px; background: #FFF url(../imgs/Chevron.gif) no-repeat 100% 0;}
.breadcrumbs ul li.top.first{padding: 0; background: none;}
.breadcrumbs ul li.top.last{}
.breadcrumbs ul li.top div.chevronOverlay{position: absolute; right: 0;	top: 0;	z-index: 2;}
.breadcrumbs ul li.top span{display: block;	overflow: hidden;}
.breadcrumbs ul li.top a.top_link{ display: block; position: relative; height: 24px; line-height: 27px; overflow: hidden; float: left; color: #000;	text-decoration: none;}
.breadcrumbs ul li.top.first a.top_link{height: 24px; width: 5px; padding-left: 27px; margin: 0 6px 0 0; overflow: hidden;	background:url(../imgs/home_icon.jpg) no-repeat 0 0;}
.breadcrumbs ul li.top.first a.top_link:hover{background: url(../imgs/home_icon_hover.jpg) no-repeat 0 0;color: #c22035;}
.breadcrumbs ul li.top.last{background: none; margin-right: 0; padding-right: 0;}
.chevronOverlay{display: none; background: url(../imgs/breadcrumbs_icon.png) no-repeat center; width: 25px; height: 24px; padding-top: 1px;position: absolute;}
.breadcrumbs ul.sub{margin: 38px; padding: 0; list-style: none; background: #FFF; padding: 10px 10px 10px; width: 190px; border: solid 1px #993300; border-top: 0px; top: -15px; left: -30px; font-size: 13px; -moz-border-radius: 0px 0px 10px 10px; -webkit-border-radius: 0px 0px 10px 10px; border-radius: 0px 0px 10px 10px; position: absolute; display: none; height: auto; max-height: 400px; overflow: auto; text-align: left;margin-left: 14px;}
.breadcrumbs ul.sub li{padding: 5px; display: block; float: none; line-height: 23px}
.breadcrumbs ul.sub li a{text-decoration: none;	color: #666; display: block; float: none; line-height: 16px;}
.breadcrumbs ul.sub li a:hover{color: #000;overflow: hidden;}



/********************************* Menú desplegable ****************************/
.menu-desplegable{background: #e0e0e2 url(../imgs/contents_menu_bg.jpg) repeat-y left; padding-left: 50px;}
.menu-desplegable li a{color: #6b6b6b; text-decoration: none;}
.menu-desplegable li a:hover, .menu-desplegable li a strong{color: #000;}
.menu-desplegable ul{list-style-type:none; margin:0; padding:0; position:relative; z-index:500;}
.menu-desplegable ul li.top {display:block; float:left; margin-right:3px; margin:0 0 0 5px; }
.menu-desplegable.migas ul li.top {margin: 0;}
.menu-desplegable.migas ul li.top {margin-right: 0;}
.menu-desplegable ul li.top span.drop-flecha { width: 14px; background: url(../imgs/bt_desplegar.png) no-repeat left center; float: left; margin-right: 2px; display: block; padding-right: 60px;}
.menu-desplegable ul li a.top_link {display:block; float:left; color:#1e1e1e; text-decoration:none; text-align:center; cursor:pointer; padding: 0.3em 0.2em 0.3em 0.2em; }
.menu-desplegable.migas ul li a.top_link { margin:0;  padding: 0.6em 0.2em 0.6em 0.2em;}
.menu-desplegable ul li a.top_link span, .menu-desplegable ul li a.top_link span.down {float:left; display:block; font-weight: normal;}
.menu-desplegable ul li a.top_link:hover {color:#181818; }
.menu-desplegable ul li a.top_link:hover span, .menu-desplegable ul li a.top_link:hover span.down{}
.menu-desplegable ul li:hover > a.top_link {color:#f85317;}
.menu-desplegable ul li:hover > a.top_link span.drop-flecha{background: #f3f3f3 url(../imgs/bt_replegar.png) no-repeat right center;border: 1px solid;}
.menu-desplegable ul li:hover{position:relative; z-index:10000;}
.menu-desplegable ul ul, .menu-desplegable ul li:hover ul ul, .menu-desplegable ul li:hover ul li:hover ul ul, .menu-desplegable ul li:hover ul li:hover ul li:hover ul ul,.menu-desplegable ul li:hover ul li:hover ul li:hover ul li:hover ul ul {height:0; left:-9999px; list-style-type:none; margin:0; padding:0; position:absolute; top:-9999px; width:0; -webkit-box-shadow: #315175 0px 2px 3px; -moz-box-shadow: #315175 0px 2px 3px; box-shadow: #315175 0px 2px 3px; background: #e8eff9; background: -webkit-gradient(linear, 0 0, 0 bottom, from(#e8eff9), to(#f7faff)); background: -moz-linear-gradient(#e8eff9, #f7faff); background: linear-gradient(#e8eff9, #f7faff);   -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px;  }
.menu-desplegable ul li:hover ul.sub { height:auto; left: 0px; padding:3px; top: 2em;  width:230px; z-index:10000;  font-size: 0.9em;}
.menu-desplegable.migas ul li:hover ul.sub {left: 0;}
.menu-desplegable ul li:hover ul.sub.derecha { right: 0px; left: auto}
.menu-desplegable ul li:hover ul.sub li {display:block; font-weight:normal; position:relative; width:auto; border-bottom: solid 1px #bad1f2; border-top: solid 1px #FFF;}
.menu-desplegable ul li:hover ul.sub li.primero {border-top-width: 0;}
.menu-desplegable ul li:hover ul.sub li.ultimo {border-bottom-width: 0;}
.menu-desplegable ul li:hover ul.sub li a {color:#1e1e1e; display:block; text-decoration:none; width:auto; padding: 0.5em 0.5em 0.5em 0.7em; text-align: left }
.menu-desplegable ul li ul.sub li a.fly { width: auto; }
.menu-desplegable ul li:hover ul.sub li a:hover { font-weight: bold; color: #000;}
.menu-desplegable ul li:hover ul.sub li a.fly:hover {background:#f8f8f8; color:#000;}
.menu-desplegable ul li:hover ul li:hover > a.fly {background:#f8f8f8; color:#000; font-weight: bold;}


/********************************* Accesibility bar ****************************/
.accesibility-bar ul{margin-top: -38px; padding-right: 12px; list-style-type: none;float:right;z-index: 9999; display: block; position: relative;}
.accesibility-bar ul li{display: inline;}
.accesibility-bar ul li a{display: block; float: left; width: 33px; height: 35px;border: 0px solid; background: url(../imgs/accesibility_bar_ico.png) no-repeat; margin: 2px;}
.accesibility-bar ul li a span{display: none;}
.accesibility-bar ul li a.search{background-position: 0px top;}
.accesibility-bar ul li a:hover.search{background-position: left bottom;}
.accesibility-bar ul li a.aminus{background-position: -33px top;}
.accesibility-bar ul li a:hover.aminus{background-position: -33px bottom;}
.accesibility-bar ul li a.aplus{background-position: -66px top;}
.accesibility-bar ul li a:hover.aplus{background-position: -65px bottom;}
.accesibility-bar ul li a.print{background-position: -98px top;}
.accesibility-bar ul li a:hover.print{background-position: -98px bottom;}
.accesibility-bar ul li a.help{background-position: -130px top;}
.accesibility-bar ul li a:hover.help{background-position: -131px bottom;}


/********************************* NAVIGATION MENU  ****************************/
.nav-menu { margin-top: 10px;}
.nav-menu .navigation .start-list{background: #ffffff; width: 1px; height: 30px; float: left;}
.nav-menu .navigation .list{background: #ffffff; height: 30px; float: left}
.nav-menu .navigation .end-list{background: #ffffff; width: 1px; height: 30px; float: left}
.nav-menu .navigation .prev{ width: 30px; height: 30px; float: left}
.nav-menu .navigation .prev a{background: url(../imgs/prev_list_bt.jpg) no-repeat left top; width: 30px; height: 30px; display: block; text-decoration: none;}
.nav-menu .navigation .prev a:hover{background: url(../imgs/prev_list_bt.jpg) no-repeat left bottom}
.nav-menu .navigation .next{width: 30px; height: 30px; float: left}
.nav-menu .navigation .next a{background: url(../imgs/next_list_bt.jpg) no-repeat left top; width: 30px; height: 30px; display: block; text-decoration: none;}
.nav-menu .navigation .next a:hover{background: url(../imgs/next_list_bt.jpg) no-repeat left bottom}
.nav-menu .navigation .list ul{margin: 0; padding: 0; list-style: none; white-space: nowrap}
.nav-menu .navigation .list ul li{display: inline}
.nav-menu .navigation .list ul li a{text-decoration: none; color: #000000; font-family: Trebuchet MS;  font-size: 22px; width: 25px; text-align: center; display: block; float: left; margin-top: 3px; padding: 3px 0 3px 0;margin-left:5px;}
.nav-menu .navigation .list ul li a:hover, .nav-menu .navigation .list ul li a.active{text-decoration: none; color: #FFF; background: #993300}
.nav-menu .navigation .list ul li a.active{cursor: default;}

/********************************* Contents-menu ****************************/
.contents-box{width: 260px; padding: 10px; position: absolute; top: 0px; left: 0px; -moz-border-radius: 0 0 10px 0; -webkit-border-radius: 0 0 10px 0; border-radius: 0 0 10px 0;}
.contents-box h2{color: #c86127; font-family: Arial; font-size: 25px; margin-left: 20px;}
.contents-box ul{margin: 0; padding: 10px 0; list-style: none;}
.contents-box ul li{font-size: 0.8em; color: #ffffff; padding: 7px;padding-left: 25px;cursor: pointer; margin-bottom: 1px; text-align: left; background: url(../imgs/bg_botton_units.jpg) no-repeat;}
.contents-box ul li:hover{background: url(../imgs/right_units_hover.jpg) no-repeat; color: #ffffff;}
.contents-box ul li.active{background: url(../imgs/right_units_active.jpg) no-repeat; color: #ffffff;}
.units-box{margin-left: 290px; padding-left: 20px;}
.units-box .unit-box{display: none}
.units-box .unit-box.show{display: block}
.units-box h1, .units-box h2, .units-box h3{clear: both}
.units-box h2{color: #c86127; font-family: Arial; font-size: 29px; margin-bottom: 20px;padding-top: 10px;}
.units-box h3{color: #C86127; font-family: Arial; font-size: 21px; margin-bottom: 10px;}
.units-box .u-item{width: 65px; height: 65px; float: left; margin: 0 20px 20px 0; overflow: hidden; background: #FFF; border: solid 1px #FFF; padding: 6px; text-decoration: none}
.units-box .u-item:hover{border-color: #993300; cursor: pointer; -moz-border-radius:10px; -webkit-border-radius:10px; border-radius: 10px;padding:6px;}
.units-box .u-item img.thumbnail{width: 60px; height: 37px; border: solid 1px #c4c4c4; margin-bottom: 1px; display: block;}
.units-box .u-item .number{background:#c86127; border: 1px solid #C4C4C4; color: #FFF; display:block; font-family: Arial; font-size: 1.8em; height: 34px; line-height: 34px; padding: 0px; text-align: center; width: 58px;}
.units-box .u-item .difficulty {float:left; width: 30px; }
.units-box .u-item .difficulty img {padding-top: 5px; padding-right: 2px;}

/********************************* Left bar ****************************/
/* Rounded blue box */
.rounded-blue1-box{position: relative;}
.rounded-blue1-box > .tr, .rounded-blue1-box > .tl, .rounded-blue1-box > .br, .rounded-blue1-box > .bl{width: 10px; height: 10px; display: block; position: absolute; background: url(../imgs/rounded_blue1_box.png);}
.rounded-blue1-box > .tr{top: 0; right: 0; background-position: left top;}
.rounded-blue1-box > .tl{top: 0; left: 0; background-position: right top;}
.rounded-blue1-box >.bl{bottom: 0; left: 0; background-position: -20px top;}
.rounded-blue1-box > .br{bottom: 0; right: 0; background-position: -10px top;}

/* White buttons */
/*a.white-button{display:block; float:left; color:#497bba; text-decoration:none; text-align:center; cursor:pointer; padding: 2px 7px; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; background: #FFF; border: solid 3px #497bba; margin-right: 5px;}
a.white-button.go-to-unit{width: 170px;}
a:hover.white-button{color: #FFF; background: #497bba;}
a.white-button span.label{float: right; padding: 4px}
a.white-button span.ico{float: left; background: url(../imgs/ico_bt_white.png) no-repeat; display: block}
#ok-button.white-button span.ico{width: 30px; height: 25px; background-position: left top;}
.white-button.go-to-unit  span.ico{width: 55px; height: 25px; background-position: -33px center;}*/

/********************************* Rounded colorful buttons ****************************/
a .tr{width: 10px; height: 10px; position: absolute; top: 0; right: 0; display: block; background-position: left top;}
a .br{width: 10px; height: 10px; position: absolute; bottom: 0; right: 0; display: block; background-position: -10px top;}
a .tl{width: 10px; height: 10px; position: absolute; top: 0; left: 0; display: block; background-position: right top;}
a .bl{width: 10px; height: 10px; position: absolute; bottom: 0; left: 0; display: block; background-position: -60px top;}
a:hover .tr{background-position: -20px top;}
a:hover .br{background-position: -30px top;}
a:hover .tl{background-position: -50px top;}
a:hover .bl{background-position: -40px top;}

/* Green */
li.green{}
li.green a{color: #000; background: #80ceb7; position: relative}
li.green a .tr, li.green a .br, li.green a .tl, li.green a .bl{background-image: url(../imgs/green_bt.gif);}
li.green .title{color: #3cbecc;}
/* Green - Over */
li.green a:hover {color: #000; background: #6aad99;}

/* Yellow */
li.yellow{}
li.yellow a{color: #000; background: #edce63; position: relative}
li.yellow a .tr, li.yellow a .br, li.yellow a .tl, li.yellow a .bl{background-image: url(../imgs/yellow_bt.gif);}
li.yellow .title{color: #3cbecc;}
/* Green - Over */
li.yellow a:hover {color: #000; background: #c9ad52;}


/* Purple */
li.purple{}
li.purple a {color: #9bd5e1; background: #ac559a; position: relative}
li.purple a .tr, li.purple a .br, li.purple a .tl, li.purple a .bl{background-image: url(../imgs/purple_bt.gif);}
li.purple a .title{color: #FFF; padding: 0; float: none}
/* Purple - Over */
li.purple a:hover {background: #873276;}

/* Blue */
li.blue{}
li.blue a{color: #FFF; background: #01aef0; position: relative}
li.blue a .tr, li.blue a .br, li.blue a .tl, li.blue a .bl{background-image: url(../imgs/blue_bt.gif);}
li.blue .title{color: #01aef0;}
/* Blue - Over */
li.blue a:hover{color: #FFF; background: #0a8dc1;}


/* Grey */
li.grey{}
li.grey a{background: #949599; color: #FFF; position: relative}
li.grey a .tr, li.grey a .br, li.grey a .tl, li.grey a .bl{background-image: url(../imgs/grey_bt.gif);}
li.grey a .title{color: #FFF;}
/* Grey - Over */
li.grey a:hover{background: #717276;}

/* Orange */
li.orange{}
li.orange a{color: #FFF!important; background: #c86043; position: relative;}
li.orange a .tr, li.orange a .br, li.orange a .tl, li.orange a .bl{background-image: url(../imgs/orange_bt2.gif);}
li.orange .title{color: #000;}
/* Green - Over */
li.orange a:hover {color: #FFF; background: #993300;}



/* Selected */
li.selected a, li.selected a:hover{cursor: default; background: #f85317; color: #FFF;}
li.selected a .tr, li.selected a .br, li.selected a:hover .tr, li.selected a:hover .br, li.selected a .tl, li.selected a .bl, li.selected a:hover .tl, li.selected a:hover .bl{background-image: url(../imgs/orange_bt.gif);}
li.selected .title{color: #f85317;}

/* Disabled */
li.disabled .title, li.disabled a, li.disabled a:hover{ /* -moz-opacity:.30; filter:alpha(opacity=30); opacity:.30; */ }
li.disabled a .tr, li.disabled a .br, li.disabled a:hover .tr, li.disabled a:hover .br, li.disabled a .tl, li.disabled a .bl, li.disabled a:hover .tl, li.disabled a:hover .bl{ /* -moz-opacity:0; filter:alpha(opacity=0); opacity:0; */}


/********************************* Content Tabs ****************************/
.content-tabs {text-align: left; padding: 0 15px 15px 15px; float: left; font-size: 0.85em;}  
.content-tabs a {text-decoration:none;}  
.content-tabs a:hover {text-decoration:none}  
.content-tabs .tabMenu {z-index: 10; padding: 3px 3px 0 3px; }
.content-tabs .tabMenu ul {margin:0; padding: 0; list-style:none; line-height: 15px;}  
.content-tabs .tabMenu ul li {display: inline;}
.content-tabs .tabMenu ul li a{white-space:nowrap; background: #88ceb6; font-weight: bold; display: block; padding: 0.4em 0.7em; cursor:pointer; color:#000; margin: 5px 4px 0 0; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; /*behavior: url(../imgs/../core/others/PIE.htc);*/ position: relative; float: left; } 
.content-tabs .tabMenu ul li a:hover{background: #6aad99; color:#000} 
.content-tabs .tabMenu ul li a.selected{background: #f85317; color:#FFF;} 
.content-tabs .tabMenu ul li a.last {margin-right: 0px;} 
.content-tabs .tabTop {clear:both;}  
.content-tabs .tabBody {padding: 15px 8px; float: left }  
.content-tabs .tabBody .content{display:none;}  
.content-tabs .tabBody .content.show {display:block;}  
.content-tabs .clear-fix{clear: both;}

/********************************* WYSWYG Buttons AND EXTERNAL LINKS Buttons ******************************************/
#text-box a.button, #external-link-box a.button{background: #c47041; display: block; font-size: 0.8em; padding: 0.5em 0.6em; float: left; color: #FFF; text-decoration: none; margin: 3px 3px 0 0}
#text-box a:hover.button, #external-link-box a:hover.button{background: #a05830;}

#text-box a.delete, #external-link-box a.delete{width: 20px; height: 20px; position: absolute; top: 10px; right: 7px; background: url(../imgs/edit_delete.png) no-repeat right top; z-index: 40}
#text-box a:hover.delete, #external-link-box a:hover.delete{background: url(../imgs/edit_delete.png) no-repeat right bottom;}
#text-box a.edit, #external-link-box a.edit{width: 20px; height: 20px; position: absolute; top: 10px; right: 30px; background: url(../imgs/edit_delete.png) no-repeat left top; z-index: 40}
#text-box a:hover.edit, #external-link-box a:hover.edit{background: url(../imgs/edit_delete.png) no-repeat left bottom;}

#text-box label, #external-link-box label{font-size: 1em; display: block; color: #c47041; padding-bottom: 0.3em;}
#text-box .input-text, #external-link-box .input-text{padding: 0.5em; background: #FFF; display: block; color: #797979; font-family: arial; border: solid 1px #b7bdbd; font-size: 1em; width: 90%;}
#external-link-box a.link-name{color: #464646; text-decoration: none;}
#external-link-box a:hover.link-name{font-weight: bold;}

/********************************* Index windows ****************************/
.help-window, .index-contact, .index-acknow{display: none; position: relative;}
.index-acknow p{margin: 0 0 15 0; padding: 0;}
.index-contact .links{}
.index-contact .links a{color: #000; text-decoration: underline}
.index-contact .links a:hover{text-decoration: none}
.software-requirements{-moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; background:#FCC; border: solid 4px #C00; padding: 10px; margin-bottom: 10px;}
.software-requirements .links a{color: #000; text-decoration: underline}
.software-requirements .links a:hover{text-decoration: none}

/********************************* TOOLTIPS ******************************************/
.tooltip-box { position: absolute; z-index: 150; -webkit-box-shadow: #666 0px 3px 8px; -moz-box-shadow: #666 0px 3px 8px; box-shadow: #666 0px 3px 8px; -moz-border-radius: 11px; -webkit-border-radius: 11px; border-radius: 11px; display: none; }
.tooltip-box .top-left, .tooltip-box .top-right, .tooltip-box .bottom-left, .tooltip-box .bottom-right { background-image: url(../imgs/tooltip.png); height: 10px; font-size: 2px;}
.tooltip-box .top-left, .tooltip-box .bottom-left{margin-right: 10px;}
.tooltip-box .top-right, .tooltip-box .bottom-right{margin-left: 10px; margin-top: -10px;}
.tooltip-box .top-right{background-position: 100% 0;}
.tooltip-box .bottom-left{background-position: 0 -20px;}
.tooltip-box .bottom-right{background-position: 100% -20px;}
.tooltip-box .inside{background: #993300; color: #FFF; text-align:center;}
.tooltip-box.tooltip-type-1 .arrow, .tooltip-box.tooltip-type-1 .arrow_overlay { position: absolute; width: 0px; height: 0px; left: -15px; top: 12px; border-top: 20px solid #993300; border-right: 20px solid transparent; border-left: 20px solid transparent; z-index: -1}
.tooltip-box.tooltip-type-2 .arrow, .tooltip-box.tooltip-type-2 .arrow_overlay, .tooltip-box.tooltip-cover .arrow, .tooltip-box.tooltip-cover .arrow_overlay{ position: absolute; width: 0px; height: 0px; left: 15px; top: 36px; border-bottom: 20px solid #transparent; border-top: 20px solid #993300; border-right: 20px solid transparent; border-left: 20px solid 39b54a; z-index: -1}
.tooltip-box.tooltip-type-3 .arrow, .tooltip-box.tooltip-type-3 .arrow_overlay { position: absolute; width: 0px; height: 0px; right: 10px; top: -15px; border-bottom: 20px solid #993300; border-right: 20px solid transparent; border-left: 20px solid transparent; z-index: -1}

/********************************* UNITS ******************************************/
/* Unit menu */
.unit-menu{}
.unit-menu > ul{margin: 0; padding: 0; list-style-type: none;}
.unit-menu > ul > li{padding: 10px 25px; clear: both; border-top: solid 1px #aedadd; background: url(../imgs/bt_show_unit_content.png) no-repeat left 0.8em;}
.unit-menu ul > li.show{background: url(../imgs/bt_hide_unit_content.png) no-repeat left 0.8em;}
.unit-menu ul > li .content{display: none;}
.unit-menu ul > li > h4{font-weight: normal; margin: 0; padding: 0.5em 0;}
.unit-menu ul >li>a{text-decoration: none; font-size: 1.2em; font-weight: bold; position: relative; left: -25px; padding-left: 25px;}
.unit-menu ul li.unit-orange>a:hover, .unit-menu ul li.unit-green>a:hover, .unit-menu ul li.unit-red>a:hover, .unit-menu ul li.unit-pale-green>a:hover, .unit-menu ul li.unit-blue>a:hover{color: #f85317;}
.unit-menu ul li .content a{padding: 0.2em 0.4em; text-decoration: none; display: block; float: left; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; color: #FFF; margin-right: 4px; position: relative;}
.unit-menu ul li .content a span.check{width: 23px; height: 19px; display: block; position: absolute; z-index: 5; right: -10px; bottom: -5px; background: url(../imgs/ico_exercise_done.png) no-repeat;}
.unit-menu ul li .content a:hover{background: #FFF;}

.unit-menu ul li .content .unit-float{float: left; padding: 15px; color: #000; width: 390px;}
.unit-menu ul li .content .unit-float.border{border-left: solid 1px #b1bbbc;}
.unit-menu ul li .content .unit-float ul li, .unit-menu ul li .content .unit-float ol li{margin: 10px;}

/* Orange */
.unit-menu ul li.unit-orange{}
.unit-menu ul li.unit-orange>a{color: #f38120;}
.unit-menu ul li.unit-orange .content a{background: #f38120; border: solid 2px #f38120; }
.unit-menu ul li.unit-orange .content a.fast-finisher{background: #1ebecd; border: solid 2px #1ebecd; }
.unit-menu ul li.unit-orange .content a:hover.fast-finisher{background: #FFF; color: #1ebecd;  }
.unit-menu ul li.unit-orange .content a:hover{background: #FFF; color: #f38120;}
.unit-menu ul li.unit-orange .content a.disabled, .unit-menu ul li.unit-orange .content a:hover.disabled{background: #d0d0d0; color: #FFF; cursor: default; font-size: 1em; border: solid 2px #d0d0d0;}

/* Green */
.unit-menu ul li.unit-green{}
.unit-menu ul li.unit-green>a{color: #599b36;}
.unit-menu ul li.unit-green .content a{background: #599b36; border: solid 2px #599b36; }
.unit-menu ul li.unit-green .content a:hover{background: #FFF; color: #599b36;}
.unit-menu ul li.unit-green .content a.disabled, .unit-menu ul li.unit-green .content a:hover.disabled{background: #d0d0d0; color: #FFF; cursor: default; font-size: 1em; border: solid 2px #d0d0d0;}

/* Red */
.unit-menu ul li.unit-red{}
.unit-menu ul li.unit-red>a{color: #d2232a;}
.unit-menu ul li.unit-red .content a{background: #d2232a; border: solid 2px #d2232a; }
.unit-menu ul li.unit-red .content a:hover{background: #FFF; color: #d2232a;}
.unit-menu ul li.unit-red .content a.disabled, .unit-menu ul li.unit-red .content a:hover.disabled{background: #d0d0d0; color: #FFF; cursor: default; font-size: 1em; border: solid 2px #d0d0d0;}

/* Pale-green */
.unit-menu ul li.unit-pale-green{}
.unit-menu ul li.unit-pale-green>a{color: #464646;}
.unit-menu ul li.unit-pale-green .content a{background: #009ea5; border: solid 2px #009ea5; }
.unit-menu ul li.unit-pale-green .content a:hover{background: #FFF; color: #009ea5;}
.unit-menu ul li.unit-pale-green .content a.disabled, .unit-menu ul li.unit-pale-green .content a:hover.disabled{background: #d0d0d0; color: #FFF; cursor: default; font-size: 1em; border: solid 2px #d0d0d0;}

/* Blue */
.unit-menu ul li.unit-blue{}
.unit-menu ul li.unit-blue>a{color: #000;}
.unit-menu ul li.unit-blue .content a{background: #0073ba; border: solid 2px #0073ba; }
.unit-menu ul li.unit-blue .content a:hover{background: #FFF; color: #0073ba;}
.unit-menu ul li.unit-blue .content a.disabled, .unit-menu ul li.unit-blue .content a:hover.disabled{background: #d0d0d0; color: #FFF; cursor: default; font-size: 1em; border: solid 2px #d0d0d0;}

/* Black */
.unit-menu ul li.unit-black{}
.unit-menu ul li.unit-black>a{color: #000;}
.unit-menu ul li.unit-black .content a{background: #000; border: solid 2px #000; }
.unit-menu ul li.unit-black .content a:hover{background: #FFF; color: #000;}
.unit-menu ul li.unit-black .content a.disabled, .unit-menu ul li.unit-black .content a:hover.disabled{background: #d0d0d0; color: #FFF; cursor: default; font-size: 1em; border: solid 2px #d0d0d0;}

/********************************* PREVIEWER ******************************************/
#previewer-legend{position: absolute; right: 30px; top: 75px; font-size: 12px; width: 110px; text-align: center; padding: 8px 0 0 0; z-index: 10}
#previewer-box{position: absolute; right: 15px; top: 80px;  background: #FFF; padding: 25px 10px 15px 10px; cursor: move;  float: right;}
#previewer-box .thumb{position: relative; z-index: 0; filter:alpha(opacity=50); -moz-opacity:0.5; -khtml-opacity: 0.5; opacity: 0.5; border: solid 2px #FFF}
.previewer-big-box{position: absolute; right: 155px; top: 90px; width: 735px; height: 360px; background: #FFF; padding: 15px; overflow: hidden; float: right; border: solid 5px #b7e2e8; z-index: 10}
.previewer-big-box .previewer-content{position: absolute; width: 735px; background: #FFF}
.previewer-lens{height: 30px; border: solid 2px #F60; position: absolute; z-index: 20; width: 108px; overflow: hidden; display: none}


.unit-menu ul li.unit-orange>a:hover, .unit-menu ul li.unit-green>a:hover, .unit-menu ul li.unit-red>a:hover, .unit-menu ul li.unit-pale-green>a:hover, .unit-menu ul li.unit-blue>a:hover{color: #f85317;}
.unit-menu ul li .content a{padding: 0.2em 0.4em; text-decoration: none; display: block; float: left; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; color: #FFF; margin-right: 4px; position: relative;}
.unit-menu ul li .content a span.check{width: 23px; height: 19px; display: block; position: absolute; z-index: 5; right: -10px; bottom: -5px; background: url(../imgs/ico_exercise_done.png) no-repeat;}
.unit-menu ul li .content a:hover{background: #FFF;}

.unit-menu ul li .content .unit-float{float: left; padding: 15px; color: #000; width: 390px;}
.unit-menu ul li .content .unit-float.border{border-left: solid 1px #b1bbbc;}
.unit-menu ul li .content .unit-float ul li, .unit-menu ul li .content .unit-float ol li{margin: 10px;}

/********************************* Grammar reference contents ****************************/
.grammar-box .items ul{margin: 0; padding: 0; list-style: none; line-height: 1.4em;}
.grammar-box .items ul li{display: block; padding: 15px 0; border-top: solid 1px #90b4b4;}
.grammar-box .items ul a{color: #000; text-decoration: none}
.grammar-box .items ul a:hover, .grammar-box .items ul a.selected{font-weight: bold;}
.grammar-box .items a.exercise-link{padding: 0.2em 0.4em; text-decoration: none; display: block; float: left; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; color: #FFF; margin-right: 4px; margin-top: 4px; position: relative; background: #0073ba; border: solid 2px #0073ba; }
.grammar-box .items a:hover.exercise-link{background: #FFF; color: #0073ba;}
.grammar-box .items a.exercise-link span.check{width: 23px; height: 19px; display: block; position: absolute; z-index: 5; right: -10px; bottom: -5px; background: url(../imgs/ico_exercise_done.png) no-repeat;}
.grammar-box .items a.exercise-link.disabled, .grammar-box .items a:hover.exercise-link.disabled{background: #d0d0d0; color: #FFF; cursor: default; font-size: 1em; border: solid 2px #d0d0d0;}

/********************************* Expression bank contents ****************************/
.expression-box{}
.expression-box table{margin-top: 15px;}
.expression-box table td{padding: 10px 0; border-top: solid 1px #b1d8dc;}

/********************************* Irregular verbs list contents ****************************/
.irrv-box{}
.irrv-box table{margin-top: 15px; text-align: left}
.irrv-box table th{text-align: left}
.irrv-box table td{padding: 10px 0; border-top: solid 1px #b1d8dc; vertical-align: top}

/********************************* Language ****************************/
.language_form .search-word-button, .language_form .clear-list-button{color:#FFF; text-decoration:none; text-align:center; cursor:pointer; padding: 1px 7px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; background: #2e679e; background: -webkit-gradient(linear, 0 0, 0 bottom, from(#2e679e), to(#09426f)); background: -moz-linear-gradient(#2e679e, #09426f); background: linear-gradient(#2e679e, #09426f); -pie-background: linear-gradient(#2e679e, #09426f);  border: solid 1px #1c4f8a;}
.language_form .search-word-button:hover, .language_form .clear-list-button:hover{color: #b7e2e8; background: #09426f; background: -webkit-gradient(linear, 0 0, 0 bottom, from(#09426f), to(#2e679e)); background: -moz-linear-gradient(#09426f, #2e679e); background: linear-gradient(#09426f, #2e679e); -pie-background: linear-gradient(#09426f, #2e679e);}

/********************************* Wordlist ****************************/
.wordlist-box{}
.wordlist-box table{margin-top: 15px; text-align: left}
.wordlist-box table th{text-align: left}
.wordlist-box table td{padding: 10px 0; border-top: solid 1px #b1d8dc; vertical-align: top}
.alphabet-menu{padding: 15px 0 0 0;}
.alphabet-menu ul{margin: 0; padding: 0; list-style: none;}
.alphabet-menu ul li{display: inline}
.alphabet-menu ul li a{padding: 0.2em 0.4em; text-decoration: none; display: block; float: left; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; color: #FFF; margin-right: 4px; margin-top: 4px; position: relative; background: #d3373b; border: solid 2px #d3373b; white-space: nowrap}
.alphabet-menu ul li a:hover, .alphabet-menu ul li a.selected{color: #d3373b; background: #FFF; font-weight: normal}
.alphabet-menu ul li a.disabled, .alphabet-menu ul li a:hover.disabled{background: #d0d0d0; color: #FFF; cursor: default; font-size: 1em; border: solid 2px #d0d0d0;}
.wordlist-box table a.open-image{color: #cc071e; text-decoration: none;}
.wordlist-box table a:hover.open-image{font-weight: bold;}

/* UI Dialog */
.ui-dialog{background: #FFFFFF; border: 3px solid #e8eff9; -moz-border-radius: 7px; -webkit-border-radius: 7px; border-radius: 7px; overflow: hidden; position: absolute; -moz-box-shadow: 3px 3px 5px #96a5bb; -webkit-box-shadow: 3px 3px 5px #96a5bb;  box-shadow: 3px 3px 5px #96a5bb; -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#96a5bb')";}
.ui-icon-gripsmall-diagonal-se{ cursor: se-resize; background: #fff url(../imgs/handler_resize.gif) no-repeat 100% 100%; bottom: 0; height: 15px; position: absolute; right: 0; width: 15px;}
.ui-dialog-titlebar{background: #c86043; font-weight: bold; color: #FFFFFF; padding: 0.3em; text-align: left; cursor: move; -moz-border-radius: 7px 7px 0 0; -webkit-border-radius: 7px 7px 0 0; border-radius: 7px 7px 0 0;}
.ui-dialog-content{overflow-y: auto; background: #fff; border: 5px solid #FFFFFF; line-height: 1.25em; padding: 15px;}
.ui-icon-closethick{background: url(../imgs/bt_floating_window.png) no-repeat 100% 0;}
.ui-icon-closethick, .ui-maximize, .ui-minimize, .ui-restaure{position: absolute; right: 5px; top: 7px; text-indent: -9999px; height: 24px; width: 24px;}
.ui-maximize{background: url(../imgs/bt_floating_window.png) no-repeat -48px 0; right: 33px;}
.ui-minimize{background: url(../imgs/bt_floating_window.png) no-repeat -24px top; right: 61px;}
.ui-restaure{background:url(../imgs/bt_floating_window.png) no-repeat left top; right: 33px;}
.ui-icon-closethick:hover{background-position: right bottom;}
.ui-maximize:hover{background-position: -48px bottom;}
.ui-minimize:hover{background-position: -24px bottom;}
.ui-restaure:hover{background-position: left bottom;}
.ui-desc{background: #fff; padding: 0 0.5em 0.5em; text-align: center; position: absolute; bottom: 0; left: 0; right: 0;}

/********************************* Activities ****************************/
#go-to-workbook, .students{float: left; }
.teacher{float: right;}
.rule{border: 6px solid #b7e2e8; background: #FFF; width: 500px; padding: 15px;-webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px;}
.wordpool{background: #b7e2e8; width: 500px; padding: 15px;-webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px;}
.rule h2{color: #019FA8;}

/********************************* Search box ****************************/
.search-box{padding: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; background: #ffffff; border: solid 2px #993300; width: 215px; position: absolute; z-index: 9999; top: 130px; right: 9px; display: none}
.search-box .inputtext{margin-top: 10px;  border: 1px solid #B7BDBD; color: #797979; display: block; font-family: arial; font-size: 1em; padding: 0.5em; background: #FFF}
.search-box .title{color: #f95315;}
.search-box a.close-bt{position: absolute; top: 7px; right: 7px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; display: block; color: #000; text-decoration: none; background: #FFF; padding: 0.2em 0.5em;}
.search-box a:hover.close-bt{color: #993300;}
#search-button .ico, #clear-button .ico{float: right; width: 24px; height: 24px; background: url(../imgs/ico_bt_white.png) no-repeat; display: block }
#search-button .ico{background-position: -87px center; margin-left: 5px;}
#clear-button .ico{background-position: -114px center; margin-left: 5px;}
.highlight{ background-color: yellow; color: #000;}


/********************************** FONTS **********************************/
/* Customs */
@font-face{font-family: "font1"; src: url("../fonts/font1.eot"); /* IE9 Compat Modes */ src: url("../fonts/font1.eot?iefix") format("eot"), /* IE6-IE8 */ url("../fonts/font1.woff") format("woff"), /* Modern Browsers */url("../fonts/font1.ttf") format("truetype"), /* Safari, Android, iOS */url("../fonts/font1.svg#svgFontName") format("svg"); /* Legacy iOS */}


/********************************* Book bar ****************************/
.blue-body{background: #FFF;}

.book-title{color: #f15483; font-family: "font1";  font-size: 20px; text-shadow:#58437e 1px 1px 3px; filter: progid:DXImageTransform.Microsoft.Shadow(color='#58437e', Direction=135, Strength=3);}
.book-collection{margin-left: 10px; color: #FFF; font-family: "font1";  font-size: 20px; text-shadow:#58437e 1px 1px 3px; filter: progid:DXImageTransform.Microsoft.Shadow(color='#58437e', Direction=135, Strength=3);}
.teachers-edition{float: right; font-size: 15px; color: #FFF;}



/* Top bar */
.top-bar{height: 90px; position: absolute; left: 25px; right: 0;}
.top-bar .logo-en-plus{float: left;padding-top: 15px;}
.top-bar .logo-oxford{float: right;padding-top: 15px;padding-right: 15px;}
.top-bar .logo-oxford{float: right;padding-top: 15px;padding-right: 15px;}

/*.book-bar{padding:65px 15px 0px 15px;}*/

/* Content */
.cover-content{position: absolute; top: 100px; left: 25px; right: 0; color: #477cb6; min-width: 950px;}
.cover-content .titulo_libro_texto{font-family: Arial; font-size: 25px; margin: 15px 0px 10px 0px; color: #993300; font-weight: bold;}
.cover-content .titulo_libro_texto span{font-family: Arial; font-size: 27px; color: #000000; font-weight: bold;}
.main-image{float: left; width: 390px;padding-left: 60px;}
.info{float: left;}
.authors{display: block; padding: 135px 0 0 0px; width: 250px; height: 175px; float: left; text-align: left}
.sep-h{height: 3px;width: 100%;background: #39b54a;}
.copyright{float: left; font-size: 0.9em;color: #000000;}
.menu-inf{display: block; float: right; margin: 0; padding: 0; list-style-type: none; font-size: 0.8em;}
.menu-inf li{display: inline; background: url(../imgs/cover_li.gif) no-repeat left center; padding: 0 5px 0 13px;}
.menu-inf li a{color: #666666; text-decoration: none;}
.menu-inf li a:hover{color: #333333; text-decoration: underline;}

/*Contents*/
.title_sub_a{font-family: Arial; font-size: 18px; color: #993300; font-weight: bold;}
.title_sub_b{font-family: Arial; font-size: 20px; color: #000000; font-weight: bold;}

/* White buttons */


/********************************* HTML Area ****************************/
div.jHtmlAreaColorPickerMenu {border: solid 1px #bbb; background-color: #ddd; width: 112px;}
div.jHtmlAreaColorPickerMenu div {float: left; margin: 2px; width: 12px; height: 14px;}
div.jHtmlAreaColorPickerMenu div:hover {margin: 0px; border: dotted 2px black;}

div.jHtmlAreaColorPickerMenu div.automatic { width: 104px; height: auto; padding: 2px;}
div.jHtmlAreaColorPickerMenu div.automatic div { margin: 2px; width: 12px; height: 14px;  border: solid 1px black;}

div.jHtmlArea { display: inline block; width: 100%; z-index: 80 }
div.jHtmlArea iframe hmtl, div.jHtmlArea iframe body{font-family: Arial, sans-serif; font-size: 16px; color: #464646; line-height: 1.25em; }
div.jHtmlArea div { padding: 0px; margin: 0px; }
div.jHtmlArea .ToolBar { }
div.jHtmlArea .ToolBar ul { border: solid 1px #ccc; margin: 1px; padding: 1px; float: left; background: #fff url(../imgs/wyswyg/jHtmlArea_Toolbar_Group_BG.png) repeat-x;}
div.jHtmlArea .ToolBar ul li { list-style-type: none; float: left; border: none; padding: 1px; margin: 1px; }
div.jHtmlArea .ToolBar ul li:hover { border: solid 1px #ccc; background: #ddd url(../imgs/wyswyg/jHtmlArea_Toolbar_Group__Btn_Select_BG.png); padding: 0; }
div.jHtmlArea .ToolBar ul li a { display: block; width: 16px; height: 16px; background: url(../imgs/wyswyg/jHtmlArea.png) no-repeat -16px -500px; border: none; cursor: pointer; padding: 0px; }
div.jHtmlArea .ToolBar ul li a.highlighted { border: solid 1px #aaa; background-color: #bbb; padding: 0; }
div.jHtmlArea .ToolBar ul li.separator {height: 16px; margin: 0 2px 0 3px; border-left: 1px solid #ccc;}
div.jHtmlArea .ToolBar ul li.separator:hover { padding: 1px; background-color: #fff; border-top:none; border-bottom:none; border-right:none;}

div.jHtmlArea .ToolBar ul li a:hover { }
div.jHtmlArea .ToolBar ul li a.bold { background-position: 0 0; }
div.jHtmlArea .ToolBar ul li a.italic { background-position: -16px 0; }
div.jHtmlArea .ToolBar ul li a.underline { background-position: -32px 0; }
div.jHtmlArea .ToolBar ul li a.strikethrough { background-position: -48px 0; }
div.jHtmlArea .ToolBar ul li a.link { background-position: -64px 0; }
div.jHtmlArea .ToolBar ul li a.unlink { background-position: -80px 0; }
div.jHtmlArea .ToolBar ul li a.orderedlist { background-position: -96px 0; }
div.jHtmlArea .ToolBar ul li a.unorderedlist { background-position: -112px 0; }
div.jHtmlArea .ToolBar ul li a.image { background-position: -128px 0; }
div.jHtmlArea .ToolBar ul li a.cut { background-position: -144px 0; }
div.jHtmlArea .ToolBar ul li a.copy { background-position: -160px 0; }
div.jHtmlArea .ToolBar ul li a.paste { background-position: -176px 0; }

div.jHtmlArea .ToolBar ul li a.html { background-position: -192px 0; opacity:0.6; filter:alpha(opacity=60);}
div.jHtmlArea .ToolBar ul li a.html.highlighted { opacity:1.0; filter:alpha(opacity=100);}

div.jHtmlArea .ToolBar ul li a.h1 { background-position: 0 -16px;}
div.jHtmlArea .ToolBar ul li a.h2 { background-position: -16px -16px;}
div.jHtmlArea .ToolBar ul li a.h3 { background-position: -32px -16px;}
div.jHtmlArea .ToolBar ul li a.h4 { background-position: -48px -16px;}
div.jHtmlArea .ToolBar ul li a.h5 { background-position: -64px -16px;}
div.jHtmlArea .ToolBar ul li a.h6 { background-position: -80px -16px;}
div.jHtmlArea .ToolBar ul li a.subscript   { background-position: -96px -16px;}
div.jHtmlArea .ToolBar ul li a.superscript { background-position: -112px -16px;}
div.jHtmlArea .ToolBar ul li a.indent { background-position: -128px -16px;}
div.jHtmlArea .ToolBar ul li a.outdent { background-position: -144px -16px;}
div.jHtmlArea .ToolBar ul li a.horizontalrule { background-position: -160px -16px;}
div.jHtmlArea .ToolBar ul li a.p { background-position: -176px -16px;}


div.jHtmlArea .ToolBar ul li a.justifyleft { background-position: 0 -32px;}
div.jHtmlArea .ToolBar ul li a.justifycenter { background-position: -16px -32px;}
div.jHtmlArea .ToolBar ul li a.justifyright { background-position: -32px -32px;}
div.jHtmlArea .ToolBar ul li a.increasefontsize { background-position: -48px -32px;}
div.jHtmlArea .ToolBar ul li a.decreasefontsize { background-position: -64px -32px;}
div.jHtmlArea .ToolBar ul li a.forecolor { background-position: -80px -32px;}

.cuaderno-digital .feedback{font-size: 0.9em; color: #069; margin: 8px 5px 0 0; display: block; float: right;}

/********************************* IMAGE Area ****************************/
.imgareaselect-border1{}
.imgareaselect-border2{}
.imgareaselect-border3{}
.imgareaselect-border4{}
.imgareaselect-border1, .imgareaselect-border2, .imgareaselect-border3, .imgareaselect-border4{filter: alpha(opacity=50); opacity: 0.5;}
.imgareaselect-handle{background-color: #fff; border: solid 1px #000; filter: alpha(opacity=50); opacity: 0.5;}
.imgareaselect-outer{background-color: #000; filter: alpha(opacity=50); opacity: 0.5;}
.imgareaselect-selection{}

/* Extra resources bar */
.b2{background: #7961ab; height: 47px; position: relative; z-index: 500; min-width: 970px;}
.b2 .section-title{float: left; color: #fdb60b; font-family: "font1";  font-size: 35px; text-shadow:#58437e 1px 1px 3px; filter: progid:DXImageTransform.Microsoft.Shadow(color='#58437e', Direction=135, Strength=3); padding: 13px 0 0 80px;}
.b2 .nav-menu {height: 37px; padding: 0; float: right; background: #FFF url(../imgs/bg_top_nav.jpg) no-repeat left top; padding: 10px 10px 0 70px;}
.b2 .nav-menu .navigation {position: relative;}
.book-number{position: absolute; top: 0; left: 0; width: 75px; height: 70px; background: url(../imgs/header_number_bg.png) no-repeat; z-index: 600; padding: 25px 0 0 10px; }
.book-number span{color: #BE4166; font-family: "font1"; font-size: 60px; text-shadow:#FFFFFF 3px 3px 3px; filter: progid:DXImageTransform.Microsoft.Shadow(color='#FFFFFF', Direction=135, Strength=3);}

/********************************* Specific buttons ****************************/
/* Type 1 */
a.bt-type-1{ padding: 5px 20px; text-align: center;  -webkit-border-radius: 13px; -moz-border-radius: 13px; border-radius: 13px; -webkit-box-shadow: #315175 0px 2px 3px; -moz-box-shadow: #315175 0px 2px 3px; box-shadow: #315175 0px 2px 3px; background: #ffffff; background: -webkit-gradient(linear, 0 0, 0 bottom, from(#ffffff), to(#e9e9e9)); background: -moz-linear-gradient(#ffffff, #e9e9e9); background: linear-gradient(#ffffff, #e9e9e9); -pie-background: linear-gradient(#ffffff, #e9e9e9); behavior: url(../core/others/PIE.htc); color: #477cb6; font-size: 1.2em; text-decoration: none; position: relative; margin: 0 5px 0 0; top: 4px; left: 43px;}
a:hover.bt-type-1{ background: #e9e9e9; background: -webkit-gradient(linear, 0 0, 0 bottom, from(#e9e9e9), to(#ffffff)); background: -moz-linear-gradient(#e9e9e9, #ffffff); background: linear-gradient(#e9e9e9, #ffffff); -pie-background: linear-gradient(#e9e9e9, #ffffff); behavior: url(../core/others/PIE.htc); color: #000;}
a.bt-type-1 span.ico{width: 25px; height: 25px; position: absolute; top: 0.2em ; left:0.5em}
a.bt-type-1 span.label{padding-left: 20px;}

/********************************* MAIN MENU  ****************************/
.footer .main-menu a{display: block; position: absolute; width: 33px; height: 33px; background: url(../imgs/main_menu.png);}
.footer .main-menu a.index{top: 14px; left: 5px; background-position: left top;}
.footer .main-menu a:hover.index{background-position: left bottom;}
.footer .main-menu a.config{top: 22px; left: 45px; background-position: -33px top;}
.footer .main-menu a:hover.config{background-position: -33px bottom;}
.footer .main-menu a.help{background-position: -66px top; display: none}
.footer .main-menu a:hover.help{background-position: -66px bottom;}
.footer .main-menu a.fullscreen{/*top: 77px; left: 87px;*/top: 46px; left: 73px; background-position: right top;}
.footer .main-menu a:hover.fullscreen{background-position: right bottom;}
a.fullscreen-to-normal{display: block; width: 89px; height: 79px; background: url(../imgs/fullscreen_to_normal.png) no-repeat left top; position: absolute; bottom: 0; left: 0; z-index: 1001; display: none}
a:hover.fullscreen-to-normal{background-position: left bottom;}


/********************************* Resources ****************************/
.resources{ margin: 0; position: absolute; top: 4px; right: 10px;  width: 400px; }
.resources ul{list-style-type:none; margin:0; padding:0; position:relative; z-index:500;}
.resources ul li.top {display:block; float:right;  margin:0 3px 0 5px;  width: 160px }
.resources ul li:hover.top {}
.resources ul li.top span.drop-flecha { width: 18px; background: url(../imgs/bt_desplegar_type1.png) no-repeat left center; float: right; margin-left: 10px; display: block; padding: 0;}
.resources ul li a.top_link {display:block; float:left; color:#FFF; text-decoration:none; text-align:center; cursor:pointer; padding: 5px 4px 5px 10px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; -webkit-box-shadow: #315175 0px 2px 3px; -moz-box-shadow: #315175 0px 2px 3px; box-shadow: #315175 0px 2px 3px; background: #f87a4b; background: -webkit-gradient(linear, 0 0, 0 bottom, from(#f87a4b), to(#f85317)); background: -moz-linear-gradient(#f87a4b, #f85317); background: linear-gradient(#f87a4b, #f85317); font-size: 1.1em; border: solid 1px #813825;}
.resources ul li a.top_link span, .resources ul li a.top_link span.down {float:left; display:block; font-weight: normal;}
.resources ul li a:hover.top_link {color:#FFF; background: #f85317; background: -webkit-gradient(linear, 0 0, 0 bottom, from(#f85317), to(#f87a4b)); background: -moz-linear-gradient(#f85317, #f87a4b); background: linear-gradient(#f85317, #f87a4b);}
.resources ul li:hover > a.top_link {color:#FFF;}
.resources ul li:hover > a.top_link span.drop-flecha{background: url(../imgs/bt_replegar_type1.png) no-repeat right center;}
.resources ul li:hover{position:relative; z-index:10000;}
.resources ul ul, .resources ul li:hover ul ul, .resources ul li:hover ul li:hover ul ul, .resources ul li:hover ul li:hover ul li:hover ul ul,.resources ul li:hover ul li:hover ul li:hover ul li:hover ul ul {height:0; left:-9999px; list-style-type:none; margin:0; padding:0; position:absolute; top:-9999px; width:0;}
.resources ul li:hover ul.sub {background:#f87544; border: solid 1px #8f2701; height:auto; padding:3px; top: 2em; right: 0px; left: auto; width:230px; z-index:10000; -moz-box-shadow: 4px 4px 5px #909090; -webkit-box-shadow: 4px 4px 5px #909090; box-shadow: 4px 4px 5px #909090; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;}
.resources ul li:hover ul.sub li {display:block; font-weight:normal; position:relative; width:auto; border-bottom: solid 1px #ffc6b0; border-top: solid 1px #d34e1c;}
.resources ul li:hover ul.sub li.primero {border-top-width: 0;}
.resources ul li:hover ul.sub li.ultimo {border-bottom-width: 0;}
.resources ul li:hover ul.sub li a {color:#FFF; display:block; text-decoration:none; width:auto; padding: 0.5em 0.5em 0.5em 0.7em; text-align: left }
.resources ul li ul.sub li a.fly {background: url(../imgs/menu_flecha_lateral.gif) no-repeat left center; width: auto; }
.resources ul li:hover ul.sub li a:hover {background: #f85317; font-weight: bold; color: #FFF;}
.resources ul li:hover ul.sub li a.fly:hover {background:#f85317; color:#FFF;}
.resources ul li:hover ul li:hover > a.fly {background:#f85317; color:#FFF; font-weight: bold;}
.resources ul li:hover ul li:hover ul, .resources ul li:hover ul li:hover ul li:hover ul, .resources ul li:hover ul li:hover ul li:hover ul li:hover ul, .resources ul li:hover ul li:hover ul li:hover ul li:hover ul li:hover ul {background:#f87544; border:1px solid #8f2701; height:auto; left: -230px; padding:3px; top: 0;  width: 230px; z-index:10000; -moz-box-shadow: 3px 3px 5px #909090; -webkit-box-shadow: 3px 3px 5px #909090; box-shadow: 3px 3px 5px #909090;}

.ui-dialog iframe {border: none!important; overflow-y: auto!important; }
.ui-dialog .choose-language{margin: 15px 0 0 0; padding: 0; list-style: none}
.ui-dialog .choose-language li{display: inline}
.ui-dialog .choose-language li a{  -moz-border-radius: 10px;  -webkit-border-radius: 10px; border-radius: 10px; color: #000000; cursor: pointer; display: block; float: left; font-weight: bold; margin: 5px 4px 0 0; padding: 0.2em 0.6em; position: relative; white-space: nowrap; text-decoration: none; font-size: 0.9em;}


/********************************* CONFIGURATION  ****************************/
.config-box{font-family: Arial, Helvetica, sans-serif; font-size: 13px;}
.config-box legend{font-weight: bold; color:#000}
.config-box fieldset{border: 1px solid #C4C4C4}
.config-box .color-box{ cursor: pointer; border: solid 2px #FFF}
.config-box .color-box:hover{border: solid 2px #FDB60B}
.config-box a.clear-cookies{margin-left:30px;}

/********************************* CONTEXT MENU ****************************/
.context-menu{width: 120px; position: absolute; z-index: 10001; background: #fdb60b; border: solid 3px #7c63a7; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; padding: 5px; display: none; font-size: 12px;}
.context-menu .inner{background: #FFF; padding: 10px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;}
.context-menu .inner .markers{}
.context-menu .inner a{text-decoration: none; color: #000;}
.context-menu .inner a:hover{font-weight: bold}
.blue-marker{background: #10bdfd; color: #000;}

/********************************* INDEX WINDOWS ****************************/
.requirements-box, .index-contact, .index-acknow, #acknowledgements-dialog{font-size: 14px; line-height: 1.2em;}
.index-acknow p{margin: 0 0 15 0; padding: 0;}
.index-contact .links{}
.index-contact .links a{color: #000; text-decoration: underline}
.index-contact .links a:hover{text-decoration: none}
.requirements-box .software-requirements{-moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; background:#FCC; padding: 10px; margin-bottom: 10px; display: none}
.requirements-box .software-requirements h4{color: #C00;}
.requirements-box .software-requirements a.links{color: #000; text-decoration: underline}
.requirements-box .software-requirements a:hover.links{text-decoration: none}

/********************************* INDEX PAGE ****************************/
.book-index-page{background: url(../imgs/index_bg.jpg) no-repeat left top;}
.book-index-page .logo-bar{height: 27px; min-width: 970px; background: #374395; position: absolute; z-index: 10; top: 0; left: 0; right:0; padding: 3px 5px 0 5px;}
.book-index-page .page-info{height: 444px; width: 433px; position: absolute; z-index: 9; top: 40px; left: 0;}
.book-index-page .book-version{height: 20px; font-size: 13px; color: #FFF; width: 50px; position: absolute; z-index: 10; top: 282px; left: 198px;}
.book-index-page a.book-start{position: absolute; z-index: 10; top: 345px; left: 195px; display: block; color: #FFF; font-family: "font1";  font-size: 30px; background: #374395; padding: 10px 40px; text-decoration: none; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px;}
.book-index-page a:hover.book-start{background: #c03960;}
.book-index-page .book-illustration{height: 572px; left: 0; right: 0; text-align: right; min-width: 970px; bottom: 0px; position: absolute; z-index: 5; background: url(../imgs/book_illustration_bg.png) repeat-x left bottom;}
.book-index-page .book-authors{font-size: 16px; line-height: 15px; width: 150px; position: absolute; z-index: 6; top: 303px; left: 196px; text-align: left; color: #fbb900;}
.book-index-page .book-footer{font-size: 13px; height: 22px; background: #9d82bd; bottom: 0; right: 0; left: 0; padding: 5px 5px 3px 5px; position: absolute; min-width: 970px; border-top: solid 1px #FFF; z-index: 10}
.book-index-page .book-footer .copy-browsers{ color: #FFF;}
.book-index-page .book-footer .copy-browsers .copy{color: #000;}
.book-index-page .book-footer .index-links{}
.book-index-page .book-footer .index-links ul{margin: 0; padding: 0; list-style: none;}
.book-index-page .book-footer .index-links ul li{display: inline; background: url(../imgs/index_links_bg.png) no-repeat left center; padding: 2px 8px 2px 19px;}
.book-index-page .book-footer .index-links ul li a{color: #FFF; text-decoration: none;}
.book-index-page .book-footer .index-links ul li a:hover{color: #000;}

/**********OXFORD***********/
.boton_inicio{width: 133px;height: 41px;background: url(../imgs/ico_ini.png) no-repeat;margin-top: 100px;margin-right: 30px;}
.boton_inicio:hover{width: 133px;height: 41px;background: url(../imgs/ico_ini_hover.png) no-repeat;}
.teacher-ico{float: right; padding-right: 4px;}
.exercise-feedback .yellow-button{display:inline;margin-right:10px;cursor:pointer;}
.exercise-feedback .yellow-button .label{display:none;}
#readingtext{display:none;}