body {
        margin: 0;
        padding: 0;
        background: #F4FBFF url(images/img01.jpg) repeat-x;
        font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
        font-size: 14px;
        color: #405A67;
}

h1, h2, h3 {
        margin: 0;
        font-weight: normal;
        color: #4F6977;
}

h1 {
        letter-spacing: -1px;
        font-size: 20px;
        font-weight: bold;
}

p, ul, ol {
        margin: 0 0 1.5em 0;
        line-height: 1.5em;
        text-align: justify;
}

p {
}

blockquote {
        font-style: italic;
}

ul {
}

ol {
}

a {
        color: #38B5F1;
}

a:hover {
        text-decoration: none;
}

small {
}

hr {
        display: none;
}

img {
        border: none;
}

img.left {
        float: left;
        margin: 0 15px 0 0;
}

img.right {
        float: left;
        margin: 0 0 0 15px;
}


/* CABECERA*/

#header {
        width: 954px;
        height: 183px;
        margin: 0 auto;
        background: url(images/img02.jpg);
}

/* FONDO */

#page {
        width: 954px;
        margin: 0 auto;
        background: #FFFFFF url(images/img03.jpg) repeat-y;
}

#bg {
        background: url(images/img06.jpg) no-repeat left bottom;
}

/* TODO */

#content {
        float: left;
        width: 680px;
        background: url(images/img04.jpg) no-repeat;
}

/* PARTE IZQUIERDA */

.lado-izq {
        width: 606px;
        padding: 30px 0 0 48px;
        text-align: justify;
}


/* MENU VERDE */

#menusito {
        width: 230px;
        height: 320px;
        padding: 60px 0 10px 35px;
        background: url(images/img11.jpg) no-repeat left bottom;

}

#menusito h2 {
        margin-top: -15px;
        margin-bottom: 15px;
        font-size: 18px;
        font-weight: bold;
}

#menusito p {
        font-size: 15px;
        margin: 2px auto;
}

#menusito li {
        list-style-image: url(images/dot.gif);
        margin: 1px 1px;
        padding: 0px 0px;
}

#menusito a:link {
        text-decoration: none;
        color: #000000;
}

#menusito a:visited {
        text-decoration: none;
        color: #000000;
}

#menusito a:hover {
        text-decoration: bold;
        text-decoration: underline;
        color: #00FF00;
}

/* PARTE DERECHA */

#lado-der {
        float: right;
        width: 274px;
        background: url(images/img05.jpg) no-repeat;
}

#lado-der ul {
        width: 206px;
        margin: 0;
        padding: 0 0 0 30px;
        list-style: none;
}

#lado-der li {
}

#lado-der li ul {
        width: auto;
        padding: 0 15px 0 10px;
}

/* PIE */

#footer {
        padding: 30px 0;
}

#footer p {
        text-align: center;
        font-size: 12px;
        color: #83B3CE;
        line-height: 2px;
}

#footer a {
        color: #83B3CE;
}