/* 
    Document   : disseny.css
    Created on : 19-jul-2010, 13:03:55
    Author     : Isaac Sanchez F.
    Description:
        Document CSS per adaptar al disseny proposat per DIAC
*/

/* IE8


@font-face {
	font-family: TheSans;
            src: url("../fonts/TheSans-Regular.eot");
        font-family: TheSerif;
            src: url("../fonts/TheSerif-Regular.eot");
        font-family: Stratum;
            src: url("../fonts/Stratum1-Regular.eot");
}
*/

/* ALTRES NAVEGADORS NO IE */
@font-face { 
   font-family: TheSans;
          src: url("../fonts/TheSans-5-Regular.otf") format('opentype');
 }

@font-face {
        font-family: TheSerif;
          src: url('../fonts/TheSerif-Regular.ttf') format('truetype');
        font-family: Stratum;
	  src: local('☺'),
	      url('../fonts/Stratum1-Regular.otf') format('opentype');

	      /*url('../fonts/stratum1-regular-webfont.ttf') format('truetype'),
	      url('../fonts/stratum1-regular-webfont.woff') format('woff'),
	      url('../fonts/stratum1-regular-webfont.svg#webfontkB8CY1KA') format('svg');*/
}

@font-face {
	font-family: Stratum;
	src: url('../fonts/stratum1-regular-webfont.eot');
	src: local('☺'), 
	    url('../fonts/stratum1-regular-webfont.woff') format('woff'),
	    url('../fonts/stratum1-regular-webfont.ttf') format('truetype'),
	    url('../fonts/stratum1-regular-webfont.svg#webfontkB8CY1KA') format('svg');
	font-weight: normal;
	font-style: normal;
}


body, input, textarea, .ui-widget, .ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button {
    font-family: Verdana, "Trebuchet MS", Arial, Helvetica, Sans-Serif !important;
}

.ui-widget-header {
    font-weight: normal;
}

.ui-widget select, .ui-state-hover, .ui-tabs-selected{
    font-weight: bold;
}

h1, h2,
h1 a, h2 a, 
h1 a:hover, h2 a:hover, 
h1 a:visited, h2 a:visited, 
.art-postheader, .art-postheader a, .art-postheader a:link, .art-postheader a:visited, .art-postheader a:hover,
.art-blockheader .t, .art-vmenublockheader .t, .art-logo-text, .art-logo-text a,
h1.art-logo-name, h1.art-logo-name a, h1.art-logo-name a:link, h1.art-logo-name a:visited, h1.art-logo-name a:hover,
div.cIndexContents, .cContentLink
{
    font-family: Stratum, "Trebuchet MS", Verdana, Arial, Helvetica, Sans-Serif;
    color: black;
}

.cContentLink{
    line-height: 2em;
}

.cChapterList, .cBookTitle{
    background-color: #ffe76c;
    margin: 0px;
/*    margin-left: -10px;
*/    text-align: center;
    font-size: 130px;
    font-family: Stratum, "Trebuchet MS", Verdana, Arial, Helvetica, Sans-Serif;
}

h1.cBookTitle
{
    text-align: left;
    padding-left: 20px;
    background-color: #c2cd23;
}

div#chapter_list, div#book_cover {
    margin-top: 9px;
    width: 864px;
}

#book_cover img {
    width:100%;
    height:472px;
}

table.cChapterList td{
    border: 1px dotted #c2cd23;    
    margin: 0px;
    padding: 0px;
}

/*.cChapterList a{
    color: black;
    width: 288px;
    height: 180px;
    display: inline-table;
}*/

.cChapterList td:hover{
    background-color: #c2cd23;
    font-weight: normal;
}

div#tabs{
/*    height: 548px;*/
/*    width: 900px;*/
    width: 874px;
    height: 498px;
}

.ui-tabs .ui-tabs-nav  {
    width: 870px;
    
}

.ui-widget-header, div .ui-tabs-panel .ui-widget-content{
    border-top: none;
    background: none;
}


div.cBookName{
    height: 30px;
    line-height:30px;
    width: 288px;
    background-color: #ffe76c;
}

div.cBookName p a{
    margin-left: 20px;
    color: black;
}

p.cBookName{
    margin-top: 5px;
    position: fixed;
}

.cButtonCopy{
    position: relative;
}


.cSectionTitle, .cChapterHeader, .cSubSectionTitle, .cSubSubSectionTitle, .cSubSubSubSectionTitle {
    font-size: 23px;
}

#pHeader {
    border-bottom-width: 1px;
    border-bottom-style: dotted;
    border-bottom-color: black;
    width: 843px;
    margin: -20px 0px 20px -20px;
    padding: 15px 0 15px 20px;
    height: 40px;
}

/***************clickart************/
ul.cChapterList  { margin:0; padding:0; list-style:none;}
ul.cChapterList li{ margin:0; padding:0; list-style:none; width:286px; float:left; border-top:none; border-left:1px dotted #C2CF21; border-right:1px dotted #C2CF21;border-bottom:1px dotted #C2CF21;}
ul.cChapterList li a:link, ul.cChapterList li a:visited { background:#FFE96B;}
ul.cChapterList li a:hover {background:#C2CF21; color:#000000;}

.cChapterList a{
    color: black;
    width: 286px;
    /*height: 173px;*/
    height: 156px;
    display: block;
}

div #tabs-index { background-color: #FFE96B;  height: 472px !important;}
/* BIBLOOS 30-08-2012: ANTIC COLOR DE FONS TEORIA div #tabs-contents, div #ui-tabs-3{ background-color: #9FD7E4;}*/
div #tabs-contents, div #ui-tabs-3{ background-color: #D4EBF1;}
div #tabs-more{ background-color: #BAB584; }
div #ui-tabs-1 { background:#bab584}
/* BIBLOOS 30-08-2012: ANTIC COLOR DE FONS EXERCICIS div #ui-tabs-2 {background:#D3DF8B;} */
div #ui-tabs-2 {background:#e5ebbe;}

#tabs .cTabs { background:none !important;}

.trenca_float { clear:both}

div #pPage, div #pIndex, div #pExercises, div #pMore {
    margin-left: 20px;
    margin-bottom: 0px;
    height: 466px;
    margin-right: 25px;
    margin-top: 8px;
    padding-top: 4px;
    /*padding-top:20px;
    margin-top: 8px;
    overflow: auto;*/
}

div #pPage, div #pExercises, div #pMore {
    padding-right:240px;
    width:620px;
}

div #pIndex {
    padding-right:60px;
    width:620px;
}

div #pContainer, div #pContainerIndex, div #pContainerMore, div #pContainerExercises {
    margin: 0;
    padding: 0;
    height: 376px;
    width: 875px;
    overflow: auto;
}

div #pContainer p, div #pContainerIndex p, div #pContainerMore p, div #pContainerExercises p {
/*    width: 580px;*/
    width: auto;
}

/* DIALEG AMB SOLUCIONS */
div#pSolution div#pContainerExercises {
    height: auto;
    width: auto;
}


div #pSectionText, div #pSectionChild, div #accordion, div #pSectionExercises {
    padding-right: 230px;
}

div #pSectionChild ul {
    margin: 0px;
}

div #pSectionChild li {
    font-size: 16px;
}

div #pSectionChild li:hover, div #pSectionChild a:hover, a.cContentLink:hover  {
    background-color: #b0ae7b;
}

div #pIndexSections{
    padding-right: 60px;
}

div #pSectionText, div.cExercise, table.cExerciseTable {
    font-size: 15px;
}

.cImgAmpliacions{
    vertical-align: middle;
    height: 20px;
    width: 20px;
}

div #tooltip_credits{
    font-size: 12px;
}

#ninos {
    width: 236px;
    height: 236px;
    margin-left: 640px;
    margin-top: 126px;
    position: absolute;
    border: 10px;
    z-index: 1;
}

/****************************MENU*************************/


.ui-tabs {padding: 0em; width: 864px !important; height: 510px; border:none !important} /* ISF abans "padding: .2em;" position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
.ui-tabs .ui-tabs-nav { margin: 0; padding:0; width: 864px; font-size: 14px; background-color:#FFFFFF; border:none !important} /* ISF abans no era position: fixed */
.ui-tabs .ui-tabs-nav li { list-style: none; float: right; margin: 0; border-bottom: 0 !important; padding: 0;  } 
.ui-tabs .ui-tabs-nav li a { float: left; /*height:20px; line-height:20px; */text-decoration: none; }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected { margin-bottom: 0; padding-bottom: 1px; }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a { cursor: text; }
.ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer; } /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */
.ui-tabs .ui-tabs-panel { display: block; border-width: 0; padding: 0; background: none;}
.ui-tabs .ui-tabs-hide { display: none !important; }



/****************************MENU*************************/
/* BIBLOOS 30-08-2012: ANTIC COLOR DE FONS TEORIA a.punt_teoria:link, a.punt_teoria:visited, a.punt_teoria:hover { background:#9ed7e4; border:0; color:#58585a; height:16px}*/
a.punt_teoria:link, a.punt_teoria:visited, a.punt_teoria:hover { background:#D4EBF1; border:0; color:#58585a; height:16px}
/* BIBLOOS 30-08-2012: ANTIC COLOR DE FONS EXERCICIS a.punt_exercicis:link, a.punt_exercicis:visited, a.punt_exercicis:hover { background:#d3df8b ; border:0; color:#58585a;height:16px} */
a.punt_exercicis:link, a.punt_exercicis:visited, a.punt_exercicis:hover { background:#e5ebbe ; border:0; color:#58585a;height:16px}
a.punt_ampliacions:link, a.punt_ampliacions:visited, a.punt_ampliacions:hover { background:#bab584 ; border:0 ;color:#58585a;height:16px}

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { border: none;font-weight: bold; color: #000; }
.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { color: #000; text-decoration: none; cursor:default; text-align:left; padding:0 }
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus {border: none; font-weight: bold; color: #000; }
.ui-state-hover a, .ui-state-hover a:hover { color: #000; text-decoration: none; }
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active { border: none;font-weight: bold; color: #000; }
.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #58585a ; text-decoration: none; }
.ui-widget :active { outline: none; }

.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active a.punt_teoria:link, .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active a.punt_teoria:visited{ 
    /* BIBLOOS 30-08-2012: ANTIC COLOR DE FONS TEORIA background:#9ed7e4   */
    background:#D4EBF1;   
}
.ui-state-disabled, .ui-widget-content .ui-state-disabled a.punt_teoria:link, .ui-widget-header .ui-state-disabled  a.punt_teoria:visited {background:#Bae2eb !important; color: #58585a  !important; text-decoration: none; }

.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active a.punt_exercicis:link, .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active a.punt_exercicis:visited, .ui-widget-header .ui-state-active a.punt_exercicis:hover { 
/*  BIBLOOS 30-08-2012: ANTIC COLOR DE FONS EXERCICIS   background:#d3df8b */
    background:#e5ebbe 
}
.ui-state-disabled, .ui-widget-content .ui-state-disabled a.punt_exercicis:link, .ui-widget-header .ui-state-disabled  a.punt_exercicis:visited {background:#dee7ab  !important; color: #58585a    !important; text-decoration: none; }

.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active a.punt_ampliacions:link, .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active a.punt_ampliacions:visited, .ui-widget-header .ui-state-active a.punt_ampliacions:hover { background:#bab584   }
.ui-state-disabled, .ui-widget-content .ui-state-disabled a.punt_ampliacions:link, .ui-widget-header .ui-state-disabled  a.punt_ampliacions:visited {background:#ccc8a2 !important; color: #58585a   !important; text-decoration: none; }


/* Component containers
----------------------------------*/
.ui-widget { font-family: Verdana, "Trebuchet MS", Arial, Helvetica, Sans-Serif; } /* ABANS font-size: 1.2em; */
.ui-widget .ui-widget { font-size: 1em; }
.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: Verdana, "Trebuchet MS", Arial, Helvetica, Sans-Serif; font-size: 1em; border: 1px solid #CCC; }
/*.ui-widget-content { background: #FFE96B url(images/ui-bg_highlight-hard_100_f5f3e5_1x100.png) 50% top repeat-x; color: #312e25; }
*/.ui-widget-content a { color: #312e25; }
.ui-widget-header { border: 1px solid #d4ccb0; background: #ece8da /*url(images/ui-bg_gloss-wave_100_ece8da_500x100.png)*/ 50% 50% repeat-x; color: #433f38; font-weight: bold; }
.ui-widget-header a { color: #433f38; }

.ui-widget-content{color: #312e25;}

/*** CONTROLS JQUERY A PESTANYA AMPLIACIO ***/

div #pMore .ui-state-active, div #pMore .ui-widget-content .ui-state-active, div #pMore .ui-widget-header .ui-state-active { color: #6c8955; border: 1px solid #d4ccb0; background: #fafaf4 /*url(custom-theme/images/ui-bg_highlight-hard_100_fafaf4_1x100.png)*/ 50% 50% repeat-x; font-weight: bold; color: #c8df90; }
div #pMore .ui-state-active a, div #pMore .ui-state-active a:link, div #pMore .ui-state-active a:visited { color: #6c8955; text-decoration: none; } /*color: #c8df90; */

/* Accordion
----------------------------------*/

.ui-accordion-icons .ui-accordion-header a { padding-left: 2.2em; cursor: pointer; }
.ui-accordion .ui-accordion-header a { display: block; padding: .5em .5em 0em 2.2em; }




.cSectionTitle {
    display: inline-block;
}

button.showNotes {
    width: 140px;
    background-repeat: no-repeat;
    background-position: 100% 0;
    text-align: left;
    padding: 0;
    padding-left: 5px;
    background-color: #E5EBBE;
    color: #231F20;
    border: 1px solid #bab999;
    position: absolute;
    left: 789px;
    height: 37px;
    background-size: contain;
    top: 43px;
    background-image: url(../images/eye.png);
}

button.showNotes:hover {
    color: #E5EBBE;
    background-color: #231F20;
    cursor: pointer;
    background-image: url(../images/eye_over.png);
}