/* TOC
	- imports
	- generics
	*/

/* imports
--------------------------------------------------------------------------- */

@import '../basic.css';
@import '../components/barra.css';
@import '../components/peu_interior.css';

/* generics
--------------------------------------------------------------------------- */

h2 {font-size:1.1em; font-weight:bold; margin:0; padding:10px 0;}
h4 {font-size:1.0em; font-weight:bold; margin:0; padding:0;}

#torna {padding-left: 10px; font-size:0.9em; background:url(../../imatges_accessible/bullet-left.gif) no-repeat center left;}
.inici_pag {display: block; margin-bottom: 15px; text-align: right;}
	.inici_pag a {padding:0 0 0 10px; background:url(../../imatges_accessible/bullet-top.gif) no-repeat left;}
#nota dt, #nota dd {display: inline;}
#nota dd {margin: 0;}

/* Aquesta tecnica esta basada amb la de Gianluca Troiani pero corregeix el 
   problema d accessibilitat que es produeix al augmentar la mida de la font  */
   
div#contenidor, div#capsalera {position: relative; z-index: 1;}
div#contenidor h2 {display: block; min-height: 33px; margin: 25px 0 10px 0; padding: 0;}
div#contenidor h2 span {position: relative; z-index: -1;}
div#capsalera h1 {display: block; width: 778px; min-height: 83px;}
div#capsalera h1 span {position: relative; z-index: -1;}

#contenidor {padding: 15px 30px 0 30px; font-size:1.1em; width: 718px;}

#contenidor .content {margin-bottom: 15px; border: 1px solid  #DFD9D9;}
	#contenidor h3 {display: block; position: relative; padding: 4px; margin-bottom: 15px; font-size: 1.0em; text-transform: uppercase; background-color: #efefef;}
	#contenidor h4, #contenidor h3 {color:#2A6691; text-align: left;}
	#contenidor .content p, #contenidor h4, #nota {margin: 0 18px 15px 18px;}

#pagenav {margin: 15px 0; padding: 20px 0; border:1px solid #DFD9D9; background:url(../../imatges_accessible/bg_access_1.gif) repeat-x bottom;}
#pagenav ul {list-style-type: none; margin: 0; padding: 0; text-align: center;}
#pagenav ul li {display: inline; padding: 0 0 0 8px; margin: 0 15px; font-weight: bold; text-align: left; background:url(../../imatges_accessible/bullet.gif) no-repeat left;}	

#info_pagina {padding: 0 30px; width: 718px;}

table {width: 537px; margin: 0 80px 15px; padding:0; border-collapse: collapse; border: 1px solid  #DFD9D9; border-right: none; background:url(../../imatges_accessible/bg_contingut.jpg) no-repeat bottom;} /* */
caption {display: none;}
	th {padding: 5px; border-right: 1px solid  #DFD9D9; background-color: #D4E0E9; color: #2A6691; text-align:left;}
	td {padding: 10px 5px 10px 22px; border-right: 1px solid  #DFD9D9;}
		.firefox {width: 58px; padding-left: 58px; background: url(../../imatges_accessible/ico_firefox.gif) no-repeat 20px; width: 166px;}
		.explorer  {padding-left: 58px; background: url(../../imatges_accessible/ico_explorer.gif) no-repeat 20px;}
		.opera     {padding-left: 58px; background: url(../../imatges_accessible/ico_opera.gif) no-repeat 20px;}
		.safari    {padding-left: 58px; background: url(../../imatges_accessible/ico_safari.gif) no-repeat 20px;}
		.konqueror {padding-left: 58px; background: url(../../imatges_accessible/ico_konqueror.gif) no-repeat 20px;}
	
#plugins dl {display: block; width: 545px; margin: 15px 80px; border:1px solid #DFD9D9;}
	.pdf   {background: url(../../imatges_accessible/bg_contingut_acrobat.jpg) no-repeat right bottom;}
	.flash {background: url(../../imatges_accessible/bg_contingut_flash.jpg) no-repeat right bottom;}
	.wreal {background: url(../../imatges_accessible/bg_contingut_wreal.jpg) no-repeat right bottom;}
#plugins dt {display: block; padding: 3px 9px; color: #2A6691; background-color: #D4E0E9;}
#plugins dd {width: 390px; margin: 15px 0 15px 22px;}
	#plugins dd a {padding-left: 10px; background:url(../../imatges_accessible/bullet.gif) no-repeat left;}