* {
    margin: 0px;
    padding: 0px;
    border:none;
    font-family: Tahoma, arial, verdana;
    font-size: 12px;
    color: #999;
}

body {
    background: url('../images/background.jpg') repeat-y center #000;
}

h2 {
    margin: 0px 0px 10px 20px;
}

h3 {
    margin: 30px 0px 10px 20px;
}

h1 {
    font-size: 1.5em;
}

h2 {
    color: #ffa34f;
    font-size: 1.4em;
    border-bottom: 1px solid #333;
}

h2 a {
    color: #ffa34f;
    font-size: 1.4em;
    border-bottom: 1px solid #333;
}

h2 a:hover {
    color: #ffa34f;
    border-bottom: 1px solid #333;
}


h3 {
    color: #0077aa;
    font-size: 1.2em;
}

p {
    margin:10px 0px 10px 20px;
	line-height: 18px;
}

strong {
    color: #ccc;
}

em {
    color: #0077aa;
}

a {
    color: #0077aa;
    text-decoration: none;
    border-bottom: 1px dotted #0077aa;
}

a:hover {
    border-bottom: 1px solid #0077aa;
}

a:active {
    outline: none;
}

a:focus {
    -moz-outline-style: none;
}

cite {
    color: #003366;
    background: #999;
    margin:10px 20px;
    padding: 5px;
    border: none;
    display: block;
}

code {
    font-family: consolas;
	font-size: 0.9em;
    color: #006600;
    background: #aaa;
    margin:10px 20px;
    padding: 5px;
    border: none;
    display: block;
}


ul {
    list-style: none;
    margin: 0px 0px 10px 20px;
}

ul li {
    background: url('../images/dobleflecha.png') no-repeat scroll left 8px;
    padding: 5px 0px 5px 25px;
}

ol {
    list-style-image:none;
    list-style-position:inside;
    list-style-type:decimal-leading-zero;
    margin: 0px 0px 10px 20px;
}

ol li {
    padding: 5px 0px 5px 0px;
}

/* ------------------------------------------
        Capas Generales
   ------------------------------------------ */
#contenedor {
    width: 990px;
    margin: 0px auto;
}

#cabecera {
    width: 990px;
    height: 150px;
    margin-top: 15px;
}

#cabecera h1{
    width: 990px;
    height: 150px;
    position: relative;
}

#cabecera h1 span{
    width: 990px;
    height: 150px;
    background: url('../images/banner_irayfuego.jpg') no-repeat;
    position: absolute;
}


#contenido {
}

    #menu {
        display: block;
        float: left;
        width: 200px;
        margin: 0px 20px;
        border: 1px dotted #222;
    }

        #menu h3 {
            /* background-color:#07a; */
            background:#111 url('../images/topmenu.png') repeat-x;
            color:#07a;
            font-size:1.2em;
            margin:0px 0px 10px 0px;
            padding:3px 10px;
            height: 20px;
        }

        #menu ul li {
            background: transparent url('../images/flecha.png') no-repeat scroll left 7px;
        }


    #articulos {
        background: transparent url('../images/dragon.jpg') repeat-y top center;
        display: block;
        float: left;
        width: 700px;
        border-left: 1px dotted #666;
    }

#pie {
    clear: both;
    text-align: center;
    height: 50px;
    padding-top: 25px;
}

    #pie p {
        font-size: 0.8em;
    }

    #pie a {
        font-size: 0.9em;
    }

/* ------------------------------------------
        Estilos personalizados
   ------------------------------------------ */