/*
 * Fulla d'estil de les pągines de Sistemes Multimčdia
 */

<meta http-equiv="Content-Style-Type" content="text/css; charset=iso-8859-1""

/*
all.BOOK .TITLE          { text-align: center }
all.BOOK .SUBTITLE       { text-align: center }
all.BOOK .CORPAUTHOR     { text-align: center }
all.BOOK .AUTHOR         { text-align: center }
all.BOOK .AFFILIATION    { text-align: center }
all.BOOK .EDITEDBY       { text-align: center }
all.BOOK .EDITOR         { text-align: center }
all.BOOK .GRAPHIC        { text-align: center }


all.ARTICLE          { text-align: center; valign: midle;
                              margin: 0% 5% 0% 10%; }  /* superior, derecho, inferior e izquierdo*/



all.ARTICLE .TITLE          { text-align: center; background-image:url(tux.gif); }
all.ARTICLE .SUBTITLE       { text-align: center }
all.ARTICLE .CORPAUTHOR     { text-align: center }
all.ARTICLE .AUTHOR         { text-align: center }
all.ARTICLE .AFFILIATION    { text-align: center }
all.ARTICLE .EDITEDBY       { text-align: center }
all.ARTICLE .EDITOR         { text-align: center }
all.ARTICLE .GRAPHIC        { text-align: center }
all.ARTICLE .ABSTRACT       { margin-left: 0.5in;
                           margin-right: 0.5in;
                           font-style: italic }

*/

/*
 * Per a la primera de les fulles: la portą
 */
all.ARTICLE .TITLEPORTA     { display: block; text-align:center; font-size:40px; font-weight:bold; position:absolute; layer-background-color: white; width:95%; height:15%; }
.AUTHORPORTA                { text-align:center; font-size:29px; font-weight:bold }
body.PORTA { 
       background-image: url(fondo.png); 
}
p.PORTA {
         text-align: center; 
}



/*
 * Per a les atres
 */
body { 
        background: #FFFBF0;
        color: black; /* el de les lletres, 'foreground';*/
        margin: 0% 5% 0% 10%;
/*
        margin-left: 10%; 
        margin-right: 5%; 
*/
        font-family: sans-serif;
}

seguit                      { display: inline; }

extranger    		    { display: inline; font-color: #445566;
                              font-style: italic; } /* oblique; text-align:justify; width:95%;  */
 /* A la llarga han de ser el mateix */
foraster    		    { display: inline; font-color: #445566;
                              font-style: italic; } /* oblique; text-align:justify; width:95%;  */

/*Encara gastes este TT? */
TT.EMAIL	 	    { font-style:italic; text-align:center }

P        		    { text-align:justify; width:95%; }

p.seguit                      { display: inline; }
p.extranger    		    { font-color: #445566;
                              font-style: italic; } /* oblique; text-align:justify; width:95%;  */

h1.SECT1                    {font-size: 40px; font-weigth: bold;
                             text-align: center; line-height: 150%;
                             font-color: white }
h2.SECT1                    {font-size:25px; font-weigth:bold;
                             margin-left:5px; text-align: left;
                             line-height:130% }
h3.SECT1                    {font-size:22px; font-weigth: bold;
                             margin-left:10px; text-align: left;
                             line-height:80% }
h4.SECT1                    {font-size:19px; font-style:italic;
                             margin-left:15px; text-align:left;
                             line-height:60% }
 p.SECT1                    {font-size:16px; font-style:italic; 
                             margin-left:20px; text-align:justify;
                             line-height:50% }

h1.TOC                      { font-size: 35px; text-align:left;  }
hr.TOC                      { align:left; width=85%; height=10px }
h2.TOC                      { font-size: 20px; text-align:justify;  }


h1.PORTA                    {font-size: 40px; font-weigth: bold;
                             text-align:center; line-height:150%;
                             font-color:white }
h2.PORTA                    {font-size:25px; font-weigth:bold;
                             text-align:left; line-height:130% }
h3.PORTA                    {font-size:22px; font-weigth: bold;  
                             margin-left:10px;
                             text-align:right; line-height:80% }


p dd.sintaxis                       { font-weight: bold; }
p.dd.descripcion                    { font-weight: normal; }
P.dd.relacionado                    { font-style: italic; font-weight: ligther; }

/*
.figura                    {display: block; align: center; }
*/
DIV.figura                    {display: block; align: center; }
DIV.figura P                  {display: block; text-align: center;} 



DIV.datosAutor                {font-style: italic; font-size:smaller; }
DIV.datosAutor P.direccionCorreoElectronico {display: inline; text-align: left; }
DIV.datosAutor P.cursoAcademico {display: block; text-align: right; }

P.enunciat                    { font-weight: bold; ident: 3em; }


ul li ul li {style: circle;}
ul li {style: square;}

p.pregunta                       { font-weight: bold; }
p.respuesta                      { font-weight: normal; }

em                               { color: red; }


th tr                              { font-weight:bold; valign:top; color:green; }
h2                    {font-size:25px; font-weigth:bold; margin-left:5px; text-align: left; line-height:130% }
p        		    { text-align:justify; width:95%; }

strong                { text-transform: uppercase; font-weight: bold }


.ctrolsNavegacio, .der     {
          text-align: right;
          font-size: x-small;
         }