body {background-color: white; font-family:arial,helvetica;}

        * { margin: 0; padding: 0; }

	body {
        	/* width: 1000px; */
        	width: 70em;
        	float: none;
		line-height:1.0em;
		font-family:Arial, Helvetica, sans-serif;
        	font-size:0.876em;
        	text-align: top;
        	margin-left: auto;
        	margin-right: auto;
        	margin-top: 0.7em;
        	margin-bottom: 0.7em;
        	/* border: 0.063em solid #b8b8b8; */
        	height: auto;
        }

        a:link {text-decoration:none; color:#0000FF;}
	a:visited {text-decoration:none; color:#800080;}
	a:hover {text-decoration:underline; color:#009900;}

<!-- Botones negros -->
	/*Boldbuttons - Credits: Dynamic Drive CSS Library */
	/*URL: http://www.dynamicdrive.com/style/ */

	a.boldbuttons{
		background: transparent url('http://www.andinia.com/graphs/roundedge-gray-left.gif') no-repeat top left;
		display: block;
		float: left;
		font: bold 13px Arial; /* Change 13px as desired */
		line-height: 22px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 30px) */
		height: 30px; /* Height of button background height */
		padding-left: 8px; /* Width of left menu image */
		text-decoration: none;
	}

	a:link.boldbuttons, a:visited.boldbuttons, a:hover.boldbuttons, a:active.boldbuttons{
		color: white; /*button text color*/
	}

	a.boldbuttons span{
		background: transparent url('http://www.andinia.com/graphs/roundedge-gray-right.gif') no-repeat top right;
		display: block;
		padding: 4px 10px 4px 2px; /*Set 10px to be equal or greater than'padding-left' value above*/
	}

	a:hover.boldbuttons{ /* Hover state CSS */
		/* text-decoration: underline; */
	}


	.buttonwrapper{ /* Container you can use to surround a CSS button to clear float */
		overflow: hidden; /*See: http://www.quirksmode.org/css/clearing.html */
		width: 100%;
	}

  <!-- Tabs del menú -->
	/*Halfmoon tabs - Credits: Dynamic Drive CSS Library */
	/*URL: http://www.dynamicdrive.com/style/ */

	.halfmoon{
		margin-bottom:0em;
	}

	.halfmoon ul{
		padding: 0.188em 0em 0.13em 0.313em;
		margin-left: 0;
		margin-top: 0.063em;
		margin-bottom: 0;
		list-style-type: none;
		text-align: left; /*set to left, center, or right to align the menu as desired*/
	        font: bold 0.75em Arial;
	}

	.halfmoon li{
		display: inline;
		margin: 0;
	}

	.halfmoon li a{
		text-decoration: none;
		padding: 0.188em 0.563em 0.13em 0.313em;
		margin: 0;
		margin-right: 0.063em; /*distance between each tab*/
		border-left: 1px solid #DDD;
		color: black;
		font-size: 1.3em;
		background: #CACCC9 url('http://www.andinia.com/graphs/tabright.gif') top right no-repeat;
	}

	.halfmoon li a:hover{
		background-color: #EBECE9;
    	        /* background-color: #EAEAEA; */
		color: navy;
	}

	.halfmoon a:current{
		background-color: #EBECE9;
    	        /* background-color: #EAEAEA; */
		color: navy;
	}

	.halfmoon a:active{
		background-color: #EBECE9;
    	        /* background-color: #EAEAEA; */
		color: navy;
	}

	#fila_tabs{
		clear: left;
		width: auto;
                height: auto;
		text-align: center;
                vertical-align: bottom;
        }

	#fila_tabs a{
		color: #000000;
	}
    <!-- Maquetado -->

	#main {
		font: 1em Arial;
		text-align: left;
		border: 0;
		display: inline;
		color: black;
	        margin: 0 auto;
        	vertical-align: top;
	}

	#fila_encabezado_xo{
	    position: relative;
	    text-align: center;
            width: 9.375em;
            margin-right: auto;
            height: auto;
            padding: 0.313em;
	}

	#fila_encabezado_xx{
	    position: relative;
	    text-align: center;
            vertical-align: center;
            padding: 0em;
            width: auto;
            margin-top: 0.313em;
            margin-bottom: 0.625em;
            font: bold 0.876em Arial;
        }

        #fila_encabezado_xx h1{
            color: #228B22;
            font: bold 0.876em Arial;
        }

        #fila_encabezado_ox{
	    position: relative;
	    text-align: center;
            padding: 0.313em;
            width: -9.375em;
            margin-left: auto;
            margin-top: 0em;
            margin-bottom: 0.625em;
        }

	#shell_soba{
	    position: relative;
            height: auto;
            width: auto;
            vertical-align: center;
            text-align: center;
        }

        #shell_enba{
	    position: relative;
            height: auto;
            width: auto;
        }

	#shell_deba{
	    position: relative;
            /* border-bottom: 0.063em solid #b8b8b8; */
            /* [if webkit] border-bottom: 0.13em solid #b8b8b8; */
            width: auto;
            margin-top: 0.625em;
            margin-bottom: 0.625em;
            height: auto;
            padding-bottom: 0.625em;
        }

        #shell_banner_abajo{
            position: relative;
            width: auto;
            margin-top: 0.625em;
            margin-bottom: 0.625em;
            height: auto;
            text-align: center;
            vertical-align: center;
        }

	#shell_footer{
	    position: relative;
    	    font: 0.876em Arial;
	    text-align: center;
            height: 1.25em;
	    padding: 0.313em;
            margin-top: 0.625em;
            width: auto;
	}

	#fila_deba_xoooo{
	   position: absolute;
	   width: 19%;
           border-right: 0.063em solid #b8b8b8;
           [if webkit] border-right: 0.13em solid #b8b8b8;
	   margin-right: 80%;
	   padding: 0.313em;
           height: auto;
	}

	#fila_deba_oxxxo{
	   position: absolute;
	   width: 59%;
	   margin-left: 20%;
           margin-right: auto;
	   padding: 0.313em;
           height: auto;
	}

	#fila_deba_ixxxi{
	   position: absolute;
	   width: 100%;
	   margin-left: 1%;
           margin-right: auto;
	   padding: 0.613em;
           height: auto;
	}

	#fila_deba_oooox{
	   position: absolute;
	   width: 19%;
           border-left: 0.063em solid #b8b8b8;
           [if webkit] border-left: 0.13em solid #b8b8b8;
	   margin-left: 80%;
	   padding: 0.313em;
	}

	#fila_deba_oxooo{
	   position: absolute;
	   width: 19%;
           border-right: 0.063em dashed #b8b8b8;
           [if webkit] border-right: 0.13em dashed #b8b8b8;
	   margin-left: 20%;
           margin-right: auto;
	   padding: 0.313em;
	}

	#fila_deba_ooxoo{
	   position: absolute;
	   width: 19%;
           border-right: 0.063em dashed #b8b8b8;
           [if webkit] border-right: 0.13em dashed #b8b8b8;
	   margin-left: 40%;
           margin-right: auto;
	   padding: 0.313em;
	}

	#fila_deba_oooxo{
	   position: absolute;
	   width: 19%;
	   margin-left: 60%;
           margin-right: auto;
	   padding: 0.313em;
	}

        #celda_dir{
           position: relative;
           width: 100%;
           padding: 0em;
           margin-right: auto;
           margin-left: auto;
           margin-top: 0.313em;
           margin-bottom: 0.313em;
           border: 0.063em solid black;
           [if webkit] border: 0.13em solid black;
           height: 116px;
        }

        #sub_celda_dir{
           position: relative;
           width: 100%;
           margin: 0em;
           padding: 0em;
           height: auto;
        }

        #celda_dir_2 {
           position: relative;
           width: 90%;
           padding: 0.313em;
           margin-right: auto;
           margin-left: auto;
           margin-top: 0.313em;
           margin-bottom: 0.625em;
           height: auto;
        }

        #fila_celda_dir_xo{
           position: relative;
           float: left;
           width: auto;
           padding: 0em;
           margin-top: 0em;
           margin-bottom: 0em;
           margin-left: 0em;
           margin-right: auto;
           /* margin-right: -100% */
           height: auto;
           vertical-align: center;
        }

        #fila_celda_dir_2_xo{
           position: relative;
           float: left;
           width: 48%;
           padding: 0em;
           margin-top: 0em;
           margin-bottom: 0em;
           margin-left: 0em;
           margin-right: -100%;
           height: auto;
           vertical-align: center;
           border: 0.063em solid black;
           [if webkit] border: 0.13em solid black;
        }

        #fila_celda_dir_x{
           position: relative;
           float: left;
           width: 100%;
           padding: 0em;
           margin-top: 0.375em;
           margin-bottom: 0.375em;
           margin-left: 0.1em;
           margin-right: 0.1em;
           height: auto;
           vertical-align: center;
           border: 0.063em solid black;
           [if webkit] border: 0.13em solid black;
        }

        #fila_celda_dir_bx{
           position: relative;
           float: left;
           width: 100%;
           padding: 0em;
           margin-top: 0.375em;
           margin-bottom: 0.375em;
           margin-left: 0.1em;
           margin-right: 0.1em;
           height: auto;
           vertical-align: center;
           border-right: 0.063em solid #b8b8b8;
           [if webkit] border-right: 0.063em solid #b8b8b8;;
        }

        #contenido_fila_celda_dir_x{
           position: relative;
           float: left;
           width: 100%;
           padding: 0.313em;
           margin-top: 0.150em;
           margin-bottom: 0em;
           margin-left: 0em;
           margin-right: 0em;
           height: auto;
           vertical-align: center;
        }

        #banner_fila_celda_dir_x{
           position: relative;
           float: left;
           width: 100%;
           margin-top: 0.625em;
           margin-bottom: 0.625em;
           margin-left: 0em;
           margin-right: 0em;
           height: auto;
           vertical-align: center;
        }

        #contenido_fila_celda_dir_x p{
           font: 0.876em Arial;
        }


        #fila_celda_dir_ox{
           position: relative;
           width: 72.5%;
           padding: 0em;
           margin-top: 0em;
           margin-bottom: 0em;
           margin-left: auto;
           margin-right: auto;
           height: auto;
           vertical-align: center;
        }

        #fila_celda_dir_2_ox{
           position: relative;
           width: 48%;
           padding: 0em;
           margin-top: 0em;
           margin-bottom: 0em;
           margin-left: auto;
           margin-right: 0em;
           height: auto;
           vertical-align: center;
           border: 0.063em solid black;
           [if webkit] border: 0.13em solid black;
        }

        #fila_celda_dir_lista{
           position: relative;
           margin-top: 0.313em;
           margin-bottom: 0em;
           margin-left: 1em;
           margin-right: 0em;
           height: auto;
           vertical-align: center;
           text-align: left;
           padding-top: 0.313em;
           padding-bottom: 0.313em;
           padding-left: 0.938em;
           padding-right: 0em;
           font: 0.876em Arial;
        }

        #fila_celda_dir_lista ul {
           list-style-type: none;
           list-style-image: url('http://www.andinia.com/graphs/buttons/boton_dir15.png');
	   list-style-position: inside;
    	}

        #fila_celda_dir_lista_2 {
           position: relative;
           margin-top: 0.313em;
           margin-bottom: 0em;
           margin-left: 1em;
           margin-right: 0em;
           height: auto;
           vertical-align: center;
           text-align: left;
           padding-top: 0.313em;
           padding-bottom: 0.313em;
           padding-left: 0.938em;
           padding-right: 0em;
           font: 0.876em Arial;
        }

        .fila_celda_dir_lista2 ol {
           list-style-type: none;
	   list-style-position: inside;
    	}


<!-- Barras de colores -->


        #comodin{

        }

        .barra_busqueda {
	    position: relative;
    	    background: #EBECE9;
	    height: auto;
	    text-align: center;
	    padding: 0.313em;
            margin: auto;
            background-image: url('http://www.andinia.com/graphs/bkg_gris.jpg');
	    background-repeat: repeat-x;
        }

	#barra_gris_dir{
  	    position: relative;
	    background: #EBECE9;
	    height: auto;
            margin-left: 0em;
            margin-right: 0em;
            margin-top: 0em;
            margin-bottom: 0em;
            padding: 0em;
            padding-left: 0.313em;
            text-align: left;
            vertical-align: center;
            font: bold 1.1em Arial;
	}

 	#barra_gris_celda{
	    position: relative;
      	    background: #EBECE9;
	    height: auto;
            margin-left: 0em;
            margin-right: 0em;
            margin-top: 0em;
            margin-bottom: 0em;
            padding: 0em;
            padding-left: 0.313em;
            text-align: left;
            vertical-align: center;
            font: bold 1.1em Arial;
	}

        #barra_gris_celda h2{
            font: bold 0.938em Arial;
        }

        #barra_ultrafina {
	    position: relative;
	    height: 0.125em;
	    background: #000000;
            margin-left: 0em;
            margin-right: 0em;
            margin-top: 0em;
            margin-bottom: 0em;
            padding: 0em;
            padding-left: 0.313em;
            text-align: left;
            vertical-align: center;
            font: bold 0.1em Arial;
        }

	.barra_verde {
	    position: relative;
	    /* background: #33CC00; */
	    background: #009900;
	    height: auto;
	    text-align: left;
	    padding: 0.313em;
            margin: auto;
        }

        .barra_verde fina {
	    height: 0.313em;
        }

	.barra_verde a {
	    color: #CCCCCC;
            font: bold 1.3em Arial;
	}

	.barra_verde h1 {
	    color: #CCCCCC;
	    font: bold 1.3em Arial;
	}

	.barra_celeste {
	    position: relative;
	    /* background: #6699FF; */
	    background: #CCCCFF;
	    height: auto;
	    text-align: left;
	    padding: 0.313em;
            margin: auto;
        }

        .barra_celeste fina {
	    height: 0.313em;
        }

	.barra_celeste a {
	    color: black;
            font: bold 1.3em Arial;
	}

	.barra_celeste h1 {
	    color: black;
	    font: bold 1.3em Arial;
	}

	.barra_marron {
	    position: relative;
	    background: #CC6600;
	    height: auto;
	    text-align: left;
	    padding: 0.313em;
            margin: auto;
        }

        .barra_marron fina {
	    height: 0.313em;
        }

	.barra_marron a {
	    color: #CCCCCC;
            font: bold 1.3em Arial;
	}

	.barra_marron h1 {
	    color: #CCCCCC;
	    font: bold 1.3em Arial;
	}

	.barra_violeta {
	    position: relative;
	    background: #9933FF;
	    height: auto;
	    text-align: left;
	    padding: 0.313em;
            margin: auto;
        }

        .barra_violeta fina {
	    height: 0.313em;
        }

	.barra_violeta a {
	    color: #CCCCCC;
            font: bold 1.3em Arial;
	}

	.barra_violeta h1 {
	    color: #CCCCCC;
	    font: bold 1.3em Arial;
	}

	.barra_azul {
	    position: relative;
	    background: #006699;
	    height: auto;
	    text-align: left;
	    padding: 0.313em;
            margin: auto;
        }

        .barra_azul fina {
	    height: 0.313em;
        }

	.barra_azul a {
	    color: #FFA34F;
            font: bold 1.3em Arial;
	}

	.barra_azul h1 {
	    color: #FFA34F;
	    font: bold 1.3em Arial;
	}

	.barra_griso {
	    position: relative;
	    background: #999999;
	    height: auto;
	    text-align: left;
	    padding: 0.313em;
            margin: auto;
        }

        .barra_griso fina {
	    height: 0.313em;
        }

	.barra_griso a {
	    color: #CCCCCC;
            font: bold 1.3em Arial;
	}

	.barra_griso h1 {
	    color: #CCCCCC;
	    font: bold 1.3em Arial;
	}

	.barra_negra {
	    position: relative;
	    background: #000000;
	    height: auto;
	    text-align: left;
	    padding: 0.313em;
            margin: auto;
        }

        .barra_negra fina {
	    height: 0.313em;
        }

	.barra_negra a {
	    color: #CCCCCC;
            font: bold 1.3em Arial;
	}

	.barra_negra h1 {
	    color: #CCCCCC;
	    font: bold 1.3em Arial;
	}

	.barra_indigo {
	    position: relative;
	    /* background: #9999CC; */
	    background: #78a;
	    height: auto;
	    text-align: left;
	    padding: 0.313em;
            margin: auto;
        }

        .barra_indigo fina {
	    height: 0.313em;
        }

	.barra_indigo a {
	    color: #CCCCCC;
            font: bold 1.3em Arial;
	}

	.barra_indigo h1 {
	    color: #CCCCCC;
	    font: bold 1.3em Arial;
	}

	.barra_bordeaux {
	    position: relative;
	    background: #990000;
	    height: auto;
	    text-align: left;
	    padding: 0.313em;
            margin: auto;
        }

        .barra_bordeaux fina {
	    height: 0.313em;
        }

	.barra_bordeaux a {
	    color: #CCCCCC;
            font: bold 1.3em Arial;
	}

	.barra_bordeaux h1 {
	    color: #CCCCCC;
	    font: bold 1.3em Arial;
	}

	.barra_amarilla {
	    position: relative;
	    background: #FFCC00;
	    height: auto;
	    text-align: left;
	    padding: 0.313em;
            margin: auto;
        }

        .barra_amarilla fina {
	    height: 0.313em;
        }

	.barra_amarilla a {
	    color: black;
            font: bold 1.3em Arial;
	}

	.barra_amarilla h1 {
	    color: black;
	    font: bold 1.3em Arial;
	}








        .barra_busqueda a {
            /* color: black; */
            /* font: bold 0.876em Arial; */
	}

	.barra_busqueda p {
	    color: black;
	    font: 0.876em Arial;
	}