/* ======================================
Layout
========================================= */

body{
    background:url(img/body.png) repeat top left;
    font-family:Verdana,Arial,Helvetica,sans-serif;
    color:#333;
}
#page{
    width:94%;
    max-width:1280px;
    min-width:800px;
    margin:1em auto;
    border-color:white;
    border-style:solid;
    border-width:11px 17px 0px 17px; 
    background:white;   
}
#header{
    padding:0;
    margin-bottom:0;
    overflow:hidden;
    display:none;
}
#main{
    overflow:hidden;
    padding:0.1em 0 4em 0;
    border-top:1px dashed #58656A;
    border-bottom:1px dashed #58656A;
}
#footer{
    /*background:url(img/logo_educacio.png) no-repeat left top;*/
    text-align:center;
    margin:2em 0;
    padding-bottom:2em;
    font-size:0.75em;
    text-align:right;
}

/* .... Navigation .... */
.navigation{
    min-height:1.5em;
    background:#d9e4f0;
    overflow:hidden;
}

/* .... Content .... */
#content{
    float:left;
    width:68%;
    font-size:0.83em;
    text-align:justify;
    line-height:normal;
}

/* .... Content_nwin .... */
#content_nwin{
    float:left;
    width:98%;
    font-size:0.83em;
    text-align:justify;
    line-height:normal;
}

/* .... Sidebar .... */
#sidebar{
    clear:right;
    float:right;
    width:30%;
    margin-top:4.7em;
    padding-top:0;
    border-top:8px solid #105f9d;
    /*font-family:Arial, sans-serif;*/
}

/*
 Html Tags
----------------------------- */
h1{
    margin-top:2em;
    font-size:1.45em;
    /*color:#58656A;*/
    color:#3579a5;
    text-align:left;
    font-weight:normal;
}
h2{
    margin-top:2em;
    font-size:1.25em;
    /*color:#58656A;*/
    color:#3579a5;
    font-weight:normal;
}
h3{
    margin-top:2em;
    font-size:1.2em;
    color:#58656A;
}
h4, h5, h6{
    font-size:1.05em;
    color:#58656A;
}
/* links */
a {
    color: #3579A5; /*#6790AA;*/
}
a:hover{
    color:#3D5B6D;
}
/* imatges */
img{
    border:none;
}
a img{
   border:none;
}
p img{
    vertical-align:middle;
}
/* Codi monospace */
code{
    display:block;
    border-top:1px solid #ccc;
    border-bottom:1px solid #ccc;
    padding:0 1em;
    font-family:monospace;
    font-size: 1em;
		background: #f0f0f0;
		line-height: 1.5em; /*--Height of each line of code--*/
		overflow: auto; /*--If the Code exceeds the width, a scrolling is available--*/
		overflow-Y: hidden;  /*--Hides vertical scroll created by IE--*/
		white-space:pre-wrap;
    
}
code ol li{
    margin-right:1em;
    white-space:pre-line;
}
code span.html__tag_start, 
code span.html__tag_end{
    font-weight:bold;
}

/* Taules */

table{
    border-collapse: collapse;
    width: auto;
    margin-top: 10px;
    margin-bottom: 10px;
    margin-right: 10px;
    margin-left: 0px;
}

table.width100{
    width: 100%;
}

table.width90{
    width: 100%;
    font-size: 11px;
}

table.exercicis{
    border-collapse: collapse;
    margin-top: 10px;
    margin-bottom: 10px;
    margin-right: 10px;
    margin-left: 0px;
}

th{
    border-top:1px solid #bdbdbd;
    border-bottom:1px solid #bdbdbd;
    background:#efefef url(img/bg_table_header.png) repeat-x left bottom;
    font-size:0.85em;
    text-align: left;
    padding:0.3em 1em 0.3em 0.2em;
}
th.title{
    text-align:left;
}

td{
    border-bottom: 2px solid #bdbdbd;
    padding: 2mm;
    text-align: left;
}

td.title{
    background:#efefef;
    font-weight:bold;
    text-align:left;
}

td.fina{
    border-bottom: 1px solid #bdbdbd;
    padding: 2mm;
    text-align: left;
}

.center{
    display:block;
    text-align:center;
    margin:1em auto;
}

td.sinlinea{
    border-bottom: 0px;
}

td.lineasup{
    border-top:1px solid #bdbdbd;
}

td.header{
    border-top:1px solid #bdbdbd;
    border-bottom: 1px solid #bdbdbd;
    background: #efefef url(img/bg_table_header.png) repeat-x left bottom;
    font-size: 0.85em;
    padding: 2mm;
    text-align: left;
}

td.headersin{
    border-top:1px solid #bdbdbd;
    border-bottom: 1px solid #bdbdbd;
    background: #efefef;
    font-size: 0.85em;
    padding: 2mm;
    text-align: left;
}

td.blanco{
    border-bottom: 0px;
    padding: 2mm;
    text-align: left;
}

td.title{
    background: #efefef;
    text-align: left;
}

td.hleft{
    text-align: left;
}

td.hcenter{
    text-align: center;
}

td.hright{
    text-align: right;
}

td.vtop{
    vertical-align: top;
}

td.vcenter{
    vertical-align: center;
}

td.vbottom{
    vertical-align: bottom;
}

li.inline{
    display: inline;
    list-style: none;
}

.col0{
    padding-left:1em;
}

/*
 Header
----------------------------- */
#header h1{
    color:#00A6D6;
    font-size:0.81em; /* 13px */
    margin:0 0 0.5em 0;
    padding:0;
    clear:both;
}
/* .... Img Header ....  */

.imgheader{
    height:95px;
    background:#00A6D6 url(img/cap.png) no-repeat top left;
    margin:0;
    padding:0;  
}
/* .... Breadcrumb ....  */

.breadcrumb{
    margin-top:0;
    background:url(img/breadcrumb_bg.png) repeat-x left bottom;
    color:white;
    border-top:11px solid white;
    font-size:0.81em; /* 13px */
}
.breadcrumb,
.breadcrumb .breadcrumb_left,
.breadcrumb .breadcrumb_content,
.breadcrumb .breadcrumb_right{
    height:2.55em;
}
.breadcrumb .breadcrumb_left{
    display:block;
    width:11px;
    margin:0;
    float:left;
    background:url(img/breadcrumb_left.png) no-repeat left bottom;
}
.breadcrumb .breadcrumb_content{
    font-weight:bold;
    margin-top:0.8em;
    display:block;
    float:left;
}
.breadcrumb .breadcrumb_right{
    display:block;
    width:11px;
    margin:0;
    float:right;
    background:url(img/breadcrumb_right.png) no-repeat left bottom;
}

/*
 Main
----------------------------- */

/* .... Unitats didàctiques (nav_top) ....  */
#nav_top{
    color:#fff;
    min-height:25px;
}
#nav_top span{
    display:block;
    float:left;
    background:#000;
    font-weight:bold;
    padding-top:0.3em;
    padding-bottom:0.2em;
    padding-left:1em;
    padding-right:0.5em;
    font-size:0.85em;
    height:18px;
}
#nav_top ul {
    padding-left:0;
    display:inline;
    font-size:0.85em;
    padding-top:0.2em;
    padding-bottom:0.3em;
    padding-right:0.6em;
    background:url(img/bg_nav_top_li_last.png) no-repeat right top;
}
#nav_top ul.off {
    background:url(img/bg_nav_top_li_last.png) no-repeat 100% -34px;
}
#nav_top ul li{
    float:left;
    list-style:none;
    padding-top:0.3em;
    padding-bottom:0.2em;    
    padding-right:0.5em;
    padding-left:1em;
    height:18px;
    background:#00a5d5;
}
#nav_top ul li a{
    color:#fff;
    font-weight:bold;
    text-decoration:none;
}
#nav_top ul li.first{
    background:url(img/bg_nav_top_li_first.png) no-repeat left top;
}
#nav_top ul li.first.off{
    background:url(img/bg_nav_top_li_first.png) no-repeat 0px -34px;
}

#nav_top ul li.middle{
    background:url(img/bg_nav_top_li_middle.png) no-repeat left top;
}
#nav_top ul li.middle.off{
    background:url(img/bg_nav_top_li_middle.png) no-repeat 0px -34px;
}
#nav_top ul li.middle.offt{
    background:url(img/bg_nav_top_li_middle.png) no-repeat 0px -70px;
}
#nav_top ul li.last{
    background:url(img/bg_nav_top_li_middle.png) no-repeat left top;
}
#nav_top ul li.last.off{
    background:url(img/bg_nav_top_li_middle.png) no-repeat 0px -34px;
}
#nav_top ul li.last.offt{
    background:url(img/bg_nav_top_li_middle.png) no-repeat 0px -70px;
}

/* .... Elements comuns (comunbar) ....  */
#nav_common{
    display:block;
    float:right;
}
#nav_common ul {
    padding-left:1em;
    display:inline;
}
#nav_common ul li{
    display:inline;
    padding-right:0.35em;
    padding-left:0.35em;
    padding-top:0.5em;
    padding-bottom:0.5em;
}
#nav_common ul li a{
    color:#3d5b6d;
    font-size:0.85em;
    text-decoration:none;
    font-weight:bold;
}
#nav_common ul li.selected{
    background:url(img/bg_common_selected.png) repeat-x left bottom;
}
/* .... Sidebar menú lateral .... */
#sidebar ul{
    margin-left:0;
    margin-top:4px;
    padding-left:0;
}
#sidebar li{
    padding-left:1em;
    padding-right:1em;
    padding-top:0.5em;
    padding-bottom:0.5em;
    margin:0;
    /*line-height:1.85em;*/
    list-style-type:none;
    background:#fff;
    border-top:1px solid #fff;
    border-bottom:1px solid #fff; 
    font-size:0.8em;   
}
#sidebar li a{
    text-decoration:none;
}
#sidebar li a:hover{
    /*text-decoration:underline;*/
}
#sidebar li:hover{
    background:#f5f5f5;
    border-top:1px solid #ccc;
    border-bottom:1px solid #ccc;
}
#sidebar li.selected{
    /*
    background:#d9e4f0 url(img/bg_sidebar_li_selected.png) no-repeat 50% 100%;
    line-height:2em;
    padding-bottom:1.25em;
    */
    /*line-height:2em;*/
    background:#d9e4f0; /* #00a5d5; */
    color:#105f9d;
    font-weight:bold;
    border-top:1px solid #c0d2e6;
    border-bottom:1px solid #c0d2e6;
}
#sidebar li.selected:hover{
    background:#c0d2e6;
    border-top:1px solid #c0d2e6;
    border-bottom:1px solid #c0d2e6;
}
#sidebar li.selected a:hover
{
    text-decoration:none;
}
#sidebar li ul{
    margin-top:0.5em;
    margin-left:1em;
    padding-bottom:0.5em;    
}
#sidebar li li{
    padding-top:0.1em;
    padding-bottom:0.1em;
    padding-left:0.5em;
    list-style-type:disc;
    line-height:1.4em;
    font-weight:normal;
    font-size:0.9em;
    background:transparent;
    border-top:none;
    border-bottom:none;
    color:#74858b;
    
}
#sidebar li li:hover{
    background:transparent;
    border-top:none;
    border-bottom:none;    
}
#sidebar li li a{
    /*font-weight:bold;*/
    color:#00a5d5;
}
#sidebar li li a:hover{
    /*text-decoration:underline;*/
    color:#74858b;
}
#menuholder{
    width:3em;
    position:absolute;
    right:2%;
    margin-top:2.8em;
    text-align:center;
}
#menuholder span{
    padding-right:20px;
    color:#00a5d5;
    font-weight:bold;
    font-size:1.5em;
    cursor:pointer;
}
.UD{
    /*font-weight:bold;*/
    font-size:1.05em;
    margin-top:1em;
}
#menuholder .UD{
    font-size:0.95em;
}
/* .... Imatge portada .... */
#imgportada{
    float:left;
    width:30%;
    overflow:hidden;
    text-align:left;
}
#imgportada img{
    margin-top:1em;
    margin-left:10px;
    margin-bottom:0;
}
#imgportada a{
    margin-top:0;
    margin-right:70px;
    display:block;
    text-align:center;
    text-decoration:none;
    color:#777;
}


/* .... Content .... */
#content ul, #content ol{
    padding-left:2.4em;
    margin-left:0;
    font-weight:bold;
}

#content li{
    margin-left:0;
    padding-left:0.5em;
    line-height:normal;
    font-weight:normal;
}

#content li.udsubsection{
    line-height:1.5em;
}

#content ul.topo1, #content ol.topo1{
    padding-left:14px;
    margin-left:0;
    font-weight:bold;
}

#content li.topo1{
    margin-left:0;
    padding-left:0;
    line-height:normal;
    font-weight:normal;
}

#content li.topo1mas{
    margin-left:0;
    padding-left:0;
    line-height:1.5em;
    font-weight:normal;
}

#content ul.topo2, #content ol.topo2{
    padding-left:9mm;
    margin-left:0;
    font-weight:bold;
}

#content li.topo2{
    margin-left:0;
    padding-left:0;
    line-height:normal;
    font-weight:normal;
}

#content li.topo2mas{
    margin-left:0;
    padding-left:0;
    line-height:1.5em;
    font-weight:normal;
}

#content ul.topo3, #content ol.topo3{
    padding-left:4mm;
    margin-left:0;
    font-weight:bold;
}

#content li.topo3{
    margin-left:0;
    padding-left:0;
    line-height:normal;
    font-weight:normal;
}

#content li.topo3mas{
    margin-left:0;
    padding-left:0;
    line-height:1.5em;
    font-weight:normal;
}

#content ul.topo4, #content ol.topo4{
    padding-left:4mm;
    margin-left:0;
    font-weight:bold;
}

#content li.topo4{
    margin-left:0;
    padding-left:0;
    line-height:normal;
    font-weight:normal;
}

#content li.topo4mas{
    margin-left:0;
    padding-left:0;
    line-height:1.5em;
    font-weight:normal;
}

#content ul.num2, #content ol.num2{
    padding-left:14px;
    margin-left:5mm;
    font-weight:bold;
}

#content li.num2{
    margin-left:0;
    padding-left:0;
    line-height:normal;
    font-weight:normal;
}

#content li.num2mas{
    margin-left:0;
    padding-left:0;
    line-height:1.5em;
    font-weight:normal;
}

#content ul.num3, #content ol.num3{
    padding-left:0px;
    margin-left:5mm;
    font-weight:bold;
}

#content li.num3{
    margin-left:0;
    padding-left:0;
    line-height:normal;
    font-weight:normal;
}

#content li.num3mas{
    margin-left:0;
    padding-left:0;
    line-height:1.5em;
    font-weight:normal;
}

#content p.num4{
    padding-left:0px;
    margin-left:5mm;
    font-weight:normal;
}

.UD{
    /*font-weight:bold;*/
    font-size:1.05em;
    margin-top:1em;
}

.natitle{
    margin-top:0.5em;
    margin-bottom:0.5em;
    font-size:1.35em;
    border-bottom:none;
}
.nacategory{
    font-weight:bold;
    font-size:1.45em;
    margin-top:0.65em;    
}

/* .... Content_nwin .... */
#content_nwin ul, #content_nwin ol{
    padding-left:2.1em;
    margin-left:0;
    font-weight:bold;
}

#content_nwin li{
    margin-left:0;
    padding-left:0.5em;
    line-height:normal;
    font-weight:normal;
}

#content_nwin ul.topo1, #content_nwin ol.topo1{
    padding-left:14px;
    margin-left:0;
    font-weight:bold;
}

#content_nwin li.topo1{
    margin-left:0;
    padding-left:0;
    line-height:normal;
    font-weight:normal;
}

#content_nwin li.topo1mas{
    margin-left:0;
    padding-left:0;
    line-height:1.5em;
    font-weight:normal;
}

#content_nwin ul.topo2, #content_nwin ol.topo2{
    padding-left:9mm;
    margin-left:0;
    font-weight:bold;
}

#content_nwin li.topo2{
    margin-left:0;
    padding-left:0;
    line-height:normal;
    font-weight:normal;
}

#content_nwin li.topo2mas{
    margin-left:0;
    padding-left:0;
    line-height:1.5em;
    font-weight:normal;
}

#content_nwin ul.topo3, #content_nwin ol.topo3{
    padding-left:4mm;
    margin-left:0;
    font-weight:bold;
}

#content_nwin li.topo3{
    margin-left:0;
    padding-left:0;
    line-height:normal;
    font-weight:normal;
}

#content_nwin li.topo3mas{
    margin-left:0;
    padding-left:0;
    line-height:1.5em;
    font-weight:normal;
}

#content_nwin ul.topo4, #content_nwin ol.topo4{
    padding-left:4mm;
    margin-left:0;
    font-weight:bold;
}

#content_nwin li.topo4{
    margin-left:0;
    padding-left:0;
    line-height:normal;
    font-weight:normal;
}

#content_nwin li.topo4mas{
    margin-left:0;
    padding-left:0;
    line-height:1.5em;
    font-weight:normal;
}

#content_nwin ul.num2, #content_nwin ol.num2{
    padding-left:14px;
    margin-left:5mm;
    font-weight:bold;
}

#content_nwin li.num2{
    margin-left:0;
    padding-left:0;
    line-height:normal;
    font-weight:normal;
}

#content_nwin li.num2mas{
    margin-left:0;
    padding-left:0;
    line-height:1.5em;
    font-weight:normal;
}

#content_nwin ul.num3, #content_nwin ol.num3{
    padding-left:0px;
    margin-left:5mm;
    font-weight:bold;
}

#content_nwin li.num3{
    margin-left:0;
    padding-left:0;
    line-height:normal;
    font-weight:normal;
}

#content_nwin li.num3mas{
    margin-left:0;
    padding-left:0;
    line-height:1.5em;
    font-weight:normal;
}

#content_nwin p.num4{
    padding-left:0px;
    margin-left:5mm;
    font-weight:normal;
}

.couriernew{
    font-family: Courier New;    
}


/* .... Portada .... */
.familia{
    color:#333;
    font-weight:bold;
}
.credit{
    margin-top:2em;
    margin-bottom:0;
    font-weight:bold;
    font-size:1.55em;
    font-family:Arial, sans-serif;    
}
.codi{
    margin-top:0;
    letter-spacing:0.09em;
    margin-bottom:0;
}
.copy{
    font-size:0.75em;
    margin-top:6em;
}
.autors{
    margin-top:0;
    font-size:0.85em;
    color:#333;
}
.cicle{
    margin:1.55em 0 2em 0;
    font-weight:bold;
}


/*
Footer
------------------------------- */
#footer a{
    color:#6790AA;
    text-decoration:none;
}
#footer a:hover{
    color:#AAAAAA;
}

/*
Tabs
-------------------------------- */
#content ul.tabs{
    margin-top:0;
    margin-bottom:0;
    margin-left:0;
    padding-left:0.5em;
    /*padding-top:1em;*/
    padding-top:0.2em;
    padding-bottom:0;
    /*border-bottom:1px solid #639dc1;*/
    font-size:0.83em;
    background:url(img/bg_tabs.png) repeat-x left top;
    /*height:1.8em;*/
    border-bottom:1px solid #e9f0f7;
    overflow:hidden;
}
.tab{
    display:none;
    margin:0;
    padding:0;
}
#content ul.tabs li{
    /*
    display:inline;
    */
    float:left;
    list-style:none;
    padding:0.3em 0.5em;
    margin:0 0.1em;
    color:#fff;
    /*font-weight:bold;
    font-family:Arial, sans-serif;
    line-height:1.25em;*/
    line-height:1.25em;
    font-size: 1.14em; /*12.5px;*/
    font-weight:bold;
}
#content ul.tabs li.selected{
    background:#e9f0f7;
    color:#206ba4;
    border-top:1px solid #fff;
    border-left:1px solid #fff;
    border-right:1px solid #fff;
    border-bottom:1px solid #e9f0f7;
}
#content .tabs li:hover{
    background:#077bc4;
}
#content .tabs li.selected:hover{
    background:#e9f0f7;
}
#content .tabs li.selected a{
    color:#206ba4; 
}
#content .tabs li a{
    color:#fff; 
    text-decoration:none;
    outline:none;
}
#content .tabs li:hover a{
    color:#fff;
}
#content .tabs li.selected:hover a{
    color:#206ba4; 
}
/* activitats i exercicis A1 E1 links*/
#content p.nasections{
    margin-top:0;
    margin-left:0;
    padding-left:0;
    padding-top:0.3em;
    padding-bottom:0.2em;
    font-size:0.93em;
    /*font-weight:bold;*/
    background:#e9f0f7;
    line-height:1.3em;
}
#content ul.nasections{
    margin-top:0;
    margin-left:0;
    padding-left:0;
    padding-top:0.3em;
    padding-bottom:0.2em;
    font-size:0.93em;
    font-weight:bold;
    background:#e9f0f7;
    overflow:hidden;
}
#content ul.nasections li{
    /*display:inline;*/
    float:left;
    width:auto;
    height:1.65em;
    padding-left:0.1em;
    padding-right:0.4em;
    list-style:none;
}
#content ul.nasections li a{
    text-decoration:none;
}
#content ul.nasections li.selected{
    font-weight:bold;
    /*background:url(img/bg_subtab_nasections.png) no-repeat right bottom;*/
    /*border-bottom:3px solid #00a5d5;*/
}
#content p.nasections a{
    text-decoration:none;
}
/* paginator */
#content p.nasections{
    margin-top:0;
    margin-left:0;
    padding-left:0;
    padding-top:0.3em;
    padding-bottom:0.2em;
    font-size:0.93em;
    font-weight:bold;
    background:#e9f0f7;
    overflow:hidden;
}
#content p.nasections span,
#content p.nasections a.pgprev,
#content p.nasections a.pgnext
{
    display: block;
    float: left;
    border: solid 1px #AAE;
    padding: 0.3em 0.5em;
    margin-right: 5px;
    margin-bottom: 5px;
    text-decoration:none;
    font-weight:normal; 
}
#content p.nasections span.linkpg{
    padding:0;
}
#content p.nasections span.linkpg a{
    display:block;
    margin:0;
    padding: 0.3em 0.5em;
}
#content p.nasections span.prevsp,
#content p.nasections span.nextsp{
    border:none;
}
#content p.nasections span a{
    color: #15B;       
}
#content p.nasections span.selected{
    font-weight:bold;
    background: #26B;
    color: #fff;
    border: solid 1px #AAE;        
}
#content p.nasections span.selected a{
    font-weight:bold;
    color: #fff;
}

/* Tooltip */
#tooltip{
    border:2px solid #105f9d;
    background:#e9f0f7;;
    position:absolute;
    padding:0.2em 1em 0.3em 1em;
    width:auto;
    font-weight:bold;
    font-size:0.8em;
}
img.ioc_imgresize{
    display:block;
    margin:1em auto;
}
.logodep{
    float:left;
    width:150px;
    margin-top:0;
}
.logodep img{
    margin:0;
    padding:0;
    border:none;
}

/*
Materials 
-------------------------------- */

/*
Tipus de Caixes
-------------------------------- */
.textA, .textE, .textG,
.textB, .notaBreu, .textD, .crida
{
    padding:0;
    min-height:40px;
}
.textB, .notaBreu, .textD, .crida
{
    width:50%;
    margin:2.5em auto;
    padding-top:0.5em;
    padding-bottom:0.5em;
    /*
    border-top:1px solid #f4f4f4;
    border-bottom:1px solid #f4f4f4;
    border-right:1px solid #f4f4f4;
    */
    
}
/* 
---- text B ----
Conté anècdotes, biografies d’autors, notes complementàries o 
l’ampliació d’una idea. Cal que es col·loqui al costat del fragment 
del text principal amb què té relació
*/

.textB{
   background:url(img/icon_textB.png) no-repeat 0.1em 0.5em;
   padding-left:50px;
   font-size:0.83em;
   color:#777;
}

/* 
---- text D ----
És un text complementari que fa la funció d’un peu de figura ampliat o 
bé conté una explicació relacionada amb la il·lustració.
*/

.textD{
   background:url(img/icon_textD.png) no-repeat 0.1em 0.5em;
   padding-left:50px;
   font-size:0.83em;
   color:#777;
}
.textB_title, .textD_title{
    margin:0;
    padding:0 0.5em 0 0.5em;
    background:#fff;
    color:#999;
    font-size:1.15em;
    font-weight:bold;
    text-align:left;
}

/* 
---- nota breu ----
Conté definicions breus, frases de reflexió, etc.
*/
.notaBreu{
    background:url(img/icon_notabreu.png) no-repeat 0.1em 0.5em;
    padding-left:50px;
    padding-top:0.2em;
    padding-bottom:0.5em;
    font-size:0.83em;
    color:#777;
    
}
/* 
---- Crida ----
És un text complementari que serveix per fer referència a altres parts 
del crèdit
*/

.crida{
    background:url(img/icon_crida.png) no-repeat 0.1em 0.5em;
    padding-left:50px;
    padding-top:1em;
    padding-bottom:1em;    
    font-size:0.83em;
    color:#777;
}
.crida_title{
    display:none;
}
.crida p{
    margin-top:0;
}
.textB p, .textB ul, .textB ol,
.textD p, .textD ul, .textD ol,
.crida p, .crida ul, .crida ol,
.notaBreu p, .notaBreu ul, .notaBreu ol
{
    padding-left:1em;
    padding-right:1em;
}

/* 
---- text A ----
Text principal amb una trama. És el que un lector subratllaria
amb un retolador i no hauria de sobrepassar les deu línies. Destaca un
contingut, una idea. 
*/
.textA{
    background:#f2f6fa;
    /*font-family:serif;*/
    border-top:2px solid #d9e4f0;
    border-bottom:3px solid #d9e4f0;
    padding:0.3em 2.5em;
    font-size:1.05em;
    color:#58656A;
}

/* 
---- text E ----
Conté citacions literàries i de caràcter
legal. Ha de portar un títol curt.
*/
.textE{
    margin:2em 0 2em 5%;
    font-size:0.83em;
    font-family:serif;
}
.textE_title{
    font-size:1.1em;
    font-weight:bold;
}
/* 
---- text G ----
Conté textos complementaris o d’ampliació o bé un exemple 
molt llarg (un text B que superi les vint línies). Ha
de portar un títol curt.
*/
.textG{
    margin:2em 0 2em 5%;
    font-size:0.83em;
}
.textG_title{
    font-size:1.1em;
    font-weight:bold;
}
/* 
---- imatge Caixa A ---- */
.imga{
    margin:2.5em auto;
    text-align:center;
}
.imga p.figure{
    font-size:0.8em;
    color:#777;
}
.imga p.imginfo, .imga p.info{
    margin-top:0;
    font-size:0.8em;
    color:#777;
}
/* 
---- imatge Caixa B ---- */
.imgb{
    float:right;
    clear:right;
    width:177px;
    margin-left:2em;
    margin-bottom:1em;
    border-left:17px solid #fff;
    border-bottom:17px solid #fff;
}
.imgb img{
    margin-bottom:0;
}
.imgb p.figure{
    text-align:left;
    font-size:0.8em;
    color:#777;
    margin-bottom:0.6em;
    font-weight:bold;
}
.imgb p.imginfo{
    margin-top:0;
    font-size:0.8em;
    color:#777;
    text-align:left;
}
/* 
---- textos complementaris de taules ---- */
.caption{
    font-size:0.8em;
    color:#777;
    text-align:left;
    margin-top:2em;
    margin-bottom:0;
}
.info{
    font-size:0.8em;
    color:#777;
    text-align:left;
    margin-top:0;
    margin-bottom:2em;
}
/*
 Presentació i objectius
------------------------------ */
#content ul.portada_objectius,
#content ul.portada_ud
{
    font-size:1.1em;
    margin-left:0;
    padding-left:0;
}
#content ul.portada_objectius li,
#content .portada_ud li
{
    margin-left:0;
    padding-left:0;
    list-style:none;
    line-height:1.55em;
}
#content ul.portada_objectius li:before,
#content .portada_ud li:before
{
    content:"» ";
    font-weight:bold;
}
/* 
 Web map
------------------------------ */
#webmap{
 font-size:1.05em;   
}
#webmap li{
    list-style:none;
}
#webmap li span.options{
    margin-right:0.5em;
    font-weight:bold;
    cursor:pointer;
    font-size:1em;
    vertical-align:middle;
}
#webmap li span b{
    
}
#webmap ul{
    display:none;
}
/* 
 Glossari
------------------------------ */
#glossari{
}
#glossari li{
    list-style:none;
    margin-bottom:1.5em;
}
#glossari li span.terme{
    display:block;
    font-weight:bold;
    font-size:1.2em;
}
#glossari li span.definicio{
    display:block;
    
}
#glossari li span.qshl{
    background:#ccc;
    font-weight:bold;
}
ul#ul_abc{
    margin-left:0;
    padding-left:0;
    padding-top:0.1em;
    border-top:1px solid #ccc;
    border-bottom:1px solid #ccc;
    background:#f3f3f3;
    height:1.8em;
    overflow:hidden;
}
#ul_abc li{
    float:left;
    margin-right:0.5em;
    list-style:none;
    font-weight:bold;
    cursor:pointer;
    font-size:1.1em;
    padding-left:0.25em;
    padding-right:0.25em;
}
#ul_abc li:hover{
    background:#00a5d5;
    color:#fff;
}
.quicksearch{
    
}
.quicksearch form img{
    vertical-align:middle;
}

/* Unitat en format pdf */
.unitat_pdf{
    width:80%;
    margin:1em auto;
    text-align:left;
}
.unitat_pdf a{
    text-decoration:none;
}
.img_doc{
    float:left;
    margin-right:2em;
    margin-left:1em;
}
/* Exercicis */
.btn_solucio{
    border:1px solid #d9e4f0;
    background:#00a5d5;
    color:#fff;
    font-weight:bold;
    padding:0.2em 0.5em;
    cursor:pointer;
    margin-left: 50%;
    margin-right: 50%;
    width: 100%;
}
.btn_solucio:hover{
    background:#105f9d;
}
.section .solucio{
    display:none;
    background:#f2f6fa;
    border:2px solid #d9e4f0;
    padding:0.4em 1em;    
}
/* 
 Actividades 
--------------------------------------- */
.quiz{
    padding:0.5em 1em;
}
/* titulo de las actividades */
.quiztitle{
    font-size:1.25em;
    border-bottom:1px solid #ccc;
    margin-bottom:1em;
}
.quiztitle p{
    display:inline;
}
/* Tabla de actividades */
.quiz table{
    width:99%;
}

th.quiz_num{
    width:30px;
}
th.quiz_choice_question,
th.quiz_vf_question{
    width:90%;
}
th.quiz_vf_answer{
    width:20px;
    text-align:center;
    padding:0;
}
th.quiz_choice_answer{
    width:20px;
}
th.quiz_relations_answer{
    width:200px;
}
div.dokuwiki div.page td.quiz_num{
    text-align:center;
}
/* imagenes y formulas inline en las actividades */
.quiz table .imga, .quiz table p{
    display:inline;
    vertical-align:middle;
}
.quiz img.media,
.vf img.media, 
.choice img.media, 
.relations img.media, 
.complete img.media{
    vertical-align:middle;
}
/* opciones */
.quizoption p{
    display:inline;
}
/* quiz complete option (desplegable) */
.quiz_select{
    display:none;
}
/* opciones fakeselect */
.qcomplete_option{
    font-weight:bold;
}
.error{
    color:#900;
}
.ok{
    color:#090;
}
/* quiz vf */
table.quiz_vf td.error{
    background:#ff9f81;
}
table.quiz_vf td.ok{
    background:#bfff80;
}
/* quiz choice */
table.quiz_choice td.error{
    background:#ff9f81;
}
table.quiz_choice td.ok{
    background:#bfff80;
}
/* quiz relations */
table.quiz_relations span.qcomplete_option{
    float:left;
    width:160px;
}
table.quiz_relations span.quiz_selecthandle{
    float:right;
    width:16px;
}
/* quiz complete */
table.quiz_complete td{
    line-height:1.9em;
}
table.quiz_complete span.quiz_selecthandle{
    display:inline;
}
table.quiz_complete .qcomplete_option{
    margin-left:10px;
    padding-right:25px;
    padding-left:25px;
    border-bottom:2px dotted #ccc;
}
table.quiz_complete .qcomplete_option.error{
    border-bottom:2px dotted #900;
}
table.quiz_complete .qcomplete_option.ok{
    border-bottom:2px dotted #090;
}
/* botones desplegable */
.quiz_selecthandle{
    margin-right:10px;
}
.quiz_selecthandle img{
    vertical-align:middle;
}
/* soluciones desplegable */
.quiz_solutions{
    font-size:0.8em;
    font-family:sans-serif;
    color:#444;
    background:#fff;
    border:1px solid #999;
    padding:3px;
    max-height:150px;
    overflow:auto;
}
.quiz_solution{
    background:#fafafa;
    border-left:6px solid transparent;
    padding:2px 5px;
}
.quiz_solution:hover{
    background:#dedede;
    border-left:6px solid #ccc;
}
/* boton de solucion */
.quiz p.center{
    text-align:center;
}
.btn_solution{
    border:1px solid #d9e4f0;
    background:#00a5d5;
    color:#fff;
    font-weight:bold;
    padding:0.2em 0.5em;
    cursor:pointer;
}
.btn_solution:hover{
    background:#105f9d;
}

/* resultado de los ejercicios */
.quiz_result{
    display:none;
    background:#f2f6fa;
    border:2px solid #d9e4f0;
    padding:0.2em 1em;
}
.quiz_result p{
    font-size:1.20em;
    padding-left:30px;
}
.quiz_result p.error{
    background:url(img/resp-error.png) no-repeat 0% 50%;
}
.quiz_result p.ok{
    background:url(img/resp-ok.png) no-repeat 0% 50%;
}