body {margin: 10px 0 10px 0;padding: 0;font-size: 0.6em;color: #000000;text-align:left;
	font-family: Verdana, Arial, Helvetica, sans-serif;	background-color: #ffffff;}
#todo	{margin: 0 0 0 0;	width: 680px;}

#menuh {margin: 0 0 0 11px;}
#menuh ul {margin: 0;padding:0;list-style: none;}
#menuh ul li {float: left;width: 163px;height: 27px;line-height: 150%;color: #FFFFFF;font-weight: bold;
	text-align: left;background-repeat: no-repeat; background-position: center;}
#menuh ul li a {display: block;padding-left: 7px;height: 27px;color: #FFFFFF;text-decoration: none;}
#menuh ul li a:hover {color: #CCCCCC;}
#menuh ul li span {padding-left: 7px;}
#menuh .cab1{background-image: url(img/sup1.jpg);}
#menuh .cab2{background-image: url(img/sup2.jpg);}
#menuh .cab3{background-image: url(img/sup3.jpg);}
#menuh .cab4{background-image: url(img/sup4.jpg);}

.c0 {height: 16px; width: 688px; background-color:#ffffff}
.c1 {height: 16px; width: 688px; background-color:#6B656B}
.c2 {height: 16px; width: 688px; background-color:#F70400}
.c3 {height: 16px; width: 688px; background-color:#5A55BD}
.c4 {height: 16px; width: 688px; background-color:#00BA08}

#imagen {color: #435769; font-size:140%; font-weight:bold; text-align:right;padding: 8px 3px 3px 3px; background-color:#ffffff; border: 1px; border-style:solid; border-color:#bbbbbb;}
#imagen a {background-color:#ffffff; color: #0000ff}
#imagen a:hover {background-color:#ffffff; color:#ff5500;}
#imagen img {border: 0px;}

#contenido a { margin-bottom: 2px; background-color:#ffffff; color: #0000ff; font-weight:bold; text-decoration:none;}
#contenido a:hover {background-color:#ffffff; color:#ff5500;}

#contenido {float: left; padding:20px 0px 0px 160px; width:680px; background-image:url(img/fondo.gif); background-repeat:repeat-y;}
#contenido div.col1 {float: left; width:235px;}
#contenido div.col2 {float: right; width:235px;}
#contenido div.col1r {float: left; width:235px; border:1px; border-style:solid; border-color:#bbbbbb; padding:0px 5px 5px 5px;}
#contenido div.col2r {float: right; width:235px; border:1px; border-style:solid; border-color:#bbbbbb; padding:0px 5px 5px 5px;}
#contenido div.limpia { clear: both; }
#contenido hr { height:3px; color: #003366; background-color:#94AEC6; clear:both; border:0;}
#contenido hr.invisible { visibility:hidden; margin:0; padding:0; }
/* pie de pagina */
#contenido h1 { font-size:8px;}
#contenido a.h2 { background-color:#68A2CC; text-align:left;font-weight: bold;color: #ffffff; margin: 15px 0; padding: 0px 5px;}
#contenido a.h2:hover { background-color:#68A2CC;color:#ffffff;}
#contenido h3 { color: #435769; font-size:150%; font-weight:bold;}
#contenido h4 { color: #435769; font-size:150%; font-weight:bold; text-align:right;}
#contenido h6 { background-color:#303070; text-align:left;font-size: 13px;font-weight: bold;color: #ffffff; 
				margin: 15px 0; padding: 0px 5px;}				
#contenido ul { margin:10px 0px 10px 0px; padding: 0 0 0 20px; }
#contenido ul li { list-style-image:url(img/bullet.gif); margin: 0 0 0 0px; padding: 0 0 0px 0px;}
#contenido ol { margin:10px 0px 10px 10px; padding: 0 0 0 20px; }

#contenido div.destacar {background-color:#eeeeee; padding: 0 1em; border:1px solid #555555;}
#contenido a.destaca { margin-bottom: 2px; background-color:#eeeeee; color: #0000ff; font-weight:bold; text-decoration:none;}
#contenido a.destaca:hover {background-color:#eeeeee; color:#ff5500;}

#contenido div.marcado {color: #FF0000;text-align:center;background-color: #ffffff;}

#contenido table {font-size:100%; border:1px; border-style:solid; padding:2; width:520; border-color:#000000;}
#contenido table.sinborde {font-size:100%; border:0px; padding:2; border-color:#000000;width:520;}
#contenido table.pequena {font-size:100%; border:0px; padding:2; border-color:#000000;width:168;}
#contenido table tr.titulo {background-color:#003366; font-weight:bold; color:#CCCCCC}
#contenido table tr.encabezados {background-color:#3A6BA7; font-weight:bold; color:#E2E2E2;}
#contenido table tr.subtitulo {background-color:#68A2CC;color:#FFFFFF;}
#contenido table td.destacado {background-color:#FFFFFF; font-weight:bold; color:#000080;}

#contenido form input { font-size: 100%; border-style: groove;}
#contenido form select { font-size: 100%; border-style: groove; }
#contenido form input.alter{border-style:none;}

/* Logo */
#logo { position: absolute; top: 188px; left: 5px; width: 152px;}

/*	menu */
#menu { position: absolute; top: 250px; left: 0px; width: 152px;}
#menu h3 { display:none; }
/*	si posem el li com a inline i l'enllaç que te a dins com a block, aconseguim
	presentar-ho un a sota l'altre i que l'enllaç tingui fons i marges, i
	que no faci coses rares */
#menu a { color:#FFFFFF; text-decoration:none;display: block; text-align:right;}
#menu li { list-style-type:none; display:inline;}

/*primer nivell de menu */
#menu ul { margin:0; padding: 0;}
#menu ul a { background-color:#404040; font-weight:bold; padding: 2px 4px 2px 2px; margin-bottom:6px;}
#menu ul li.activo a { margin-bottom: 6px; background-color:#94AEC6; color: #ffffff;}
#menu ul li.activo1 a { margin-bottom: 6px; background-color:#6B656B; color: #ffffff;}
#menu ul li.activo2 a { margin-bottom: 6px; background-color:#F70400; color: #ffffff;}
#menu ul li.activo3 a { margin-bottom: 6px; background-color:#5A55BD; color: #ffffff;}
#menu ul li.activo4 a { margin-bottom: 6px; background-color:#00BA08; color: #ffffff;}
#menu ul li a:hover {background-color:#900000; color:#ffffff;}
/*segon nivell de menu*/
#menu ul ul { margin: 0px 0px 6px 4px;}
#menu ul ul a { background-color:#b6b6b6; font-size: 11px; font-weight:normal; margin-bottom: 6px;}
#menu ul li.activo ul a { background-color:#b6b6b6; color:#555555;}
#menu ul li.activo1 ul a { background-color:#b6b6b6; color:#555555;}
#menu ul li.activo2 ul a { background-color:#b6b6b6; color:#555555;}
#menu ul li.activo3 ul a { background-color:#b6b6b6; color:#555555;}
#menu ul li.activo4 ul a { background-color:#b6b6b6; color:#555555;}
#menu ul ul li.activo a { margin-bottom: 6px; background-color:#aac4dc; color: #666666;}
#menu ul ul li.activo1 a { margin-bottom: 6px; background-color:#aac4dc; color: #666666;}
#menu ul ul li.activo2 a { margin-bottom: 6px; background-color:#aac4dc; color: #666666;}
#menu ul ul li.activo3 a { margin-bottom: 6px; background-color:#aac4dc; color: #666666;}
#menu ul ul li.activo4 a { margin-bottom: 6px; background-color:#aac4dc; color: #666666;}
#menu ul ul li a:hover {background-color:#F8C050; color:#555555;}
/*tercer nivell de menu */
#menu ul ul ul { margin: 0px 0px 2px 4px;}
#menu ul ul ul a { background-color:#d6d6d6; font-size: 10px; font-weight:normal; padding: 0px 4px 0px 1px; margin-bottom:6px;}
#menu ul ul li.activo ul a { margin-bottom: 6px; background-color:#d6d6d6;}
#menu ul ul li.activo1 ul a { margin-bottom: 6px; background-color:#d6d6d6;}
#menu ul ul li.activo2 ul a { margin-bottom: 6px; background-color:#d6d6d6;}
#menu ul ul li.activo3 ul a { margin-bottom: 6px; background-color:#d6d6d6;}
#menu ul ul li.activo4 ul a { margin-bottom: 6px; background-color:#d6d6d6;}
#menu ul ul ul li.activo a { margin-bottom: 6px; background-color:#bfd5ff;}
#menu ul ul ul li.activo1 a { margin-bottom: 6px; background-color:#bfd5ff;}
#menu ul ul ul li.activo2 a { margin-bottom: 6px; background-color:#bfd5ff;}
#menu ul ul ul li.activo3 a { margin-bottom: 6px; background-color:#bfd5ff;}
#menu ul ul ul li.activo4 a { margin-bottom: 6px; background-color:#bfd5ff;}
#menu ul ul ul li a:hover {background-color:#Ffe050; color:#555555;}

/* estilos */
.clear {clear: both;line-height: 0;font-size: 0;}
