body {
    background: #ccd0d1 url(../images/body.png) repeat-x ;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	line-height:1.3;
    text-align:center;
	color: #FFF;
	font-size:10px;
}
a{text-decoration: none; color:#FFF;}
a:hover{text-decoration: underline;}
ul{list-style-image: url(../images/li.jpg); margin-left: 25px;}
li{ margin-bottom: 5px;}
input, textarea {border: 1px solid #E0E5D6;}
h2{color: #f9e419; font-size: 1.5em;}
h3{color: #d9592a; font-size: 1.2em;text-align:center;}
h4{color: #f9e419; font-size: 1.2em;}

#header{
    background: #002b10 url(../images/logo.png) no-repeat 3% 5% ;
    height: 170px;
    width: 870px;
    margin: 10px auto 0px auto;
    text-align: left;
}
    #menu{
        height: 130px;  
    }
    #menu ul{
        list-style: none;
        font-size: 1em;
        font-weight: bold;
        padding-top: 30px;
        margin-left: 170px;
    }

   #menu li{
        float: left;
        background-color:#002b10;
        padding: 20px 10px 20px 10px;
        border-left: 2px solid #004A24;
    }

    #menu-secundario{
        background:  url(../images/menu.jpg) repeat-x left top;
        height: 42px;
    }
    #menu-secundario ul{
        list-style: none;
        font-size: 1.1em;
        font-weight: bold;
        margin-left: 160px;
    }

    #menu-secundario li{
        float: left;
        background-color:#002b10;
        padding: 7px 15px 7px 15px;
        margin-left: 15px;
    }

#page{
    background-color: #FFF;
    width: 870px;
    margin: 0px auto 0px auto;
    text-align: left;
    padding: 0;
}
#page a{color: #2c388c;}
    #acerca{
        background-color: #004a25;
        width: 600px;
        border: 0.1em solid #00260f;
        padding: 5px 8px;
    }
    #acerca a{color: #FFF;}
        #noticias{
            width: 250px;
           float: right;
           color: #FFF;
            padding: 5px 8px;
            margin-left: 10px;
            background-color: #106039;
        }
    #contenido{
        margin: 0;
        padding: 10px 0;
        background-color: #55963C;
    }
    #menu-principal{
        padding: 10px 80px
    }
    #menu-principal a{color: #2c388c;}
    #informacion{
        float: right;
        width: 655px;
        margin: 0 20px;
        border: 2px solid #DEDFE1;
    }
    #informacion h1{
        background-color: #91BF39;
        font-size: 1.0em;
        padding: 4px;
        text-align:left;
    }
    #informacion .cont{
        color: #000;
        padding: 8px;
		text-align:justify;
    }
#footer{
    background-color: #002b10;
    width: 870px;
    margin: 0 auto 10px auto;
    color: #FFF;
    font-size: 1em;
    text-align:center;
}
    #contacto{
        padding: 8px 0;
    }
    #credits{
        color: #678a30;
        padding: 5px 0;
    }
    #responsables{
        padding: 10px 0;
        text-align: center; 
        margin: 0 0 0 0; 
        background-color: #FFF;
    }
    .franja{ background:  url(../images/menu.jpg) repeat-x left top; height: 15px;}

.flotarIzquierda{float: left;}
.flotarDerecha{float: right;}
.centrarTexto{text-align: center;}
.texto{text-align: left;}
.centrar{margin: 0 auto 0 auto;}
.box{margin-left: 8px; width: 150px; background-color: #ddecd7; border: 1px solid #E8EAEB; padding: 5px; float: left;
/*height:200px;*/}
.box2{width: 140px; color: #2c388c; background-color: #f4f4f4; border: 1px solid #E8EAEB; padding: 5px; height:300px;}
.titulo{ background-color: #57A043; color: #FFF; padding: 5px; margin-bottom: 8px;}
.clear{ clear: both;}
.espacio{margin-top:20px;}