* {
  margin: 0; 
  padding: 0
}

/* Cabecera */

#cabecera {
        width: 965px; 
        font-family: Arial, Helvetica, sans-serif; 
        margin-bottom: 2px;
        /*border-bottom: 1px #ddd solid*/
}

#cabecera h1 {
        color: #fff; 
        text-align: center; 
        background-color: #fff;
        height: 50px;
        line-height: 50px;
        background-image:url('images/cabecera100.png');
        background-repeat:repeat-x;
        /*margin-bottom: 2px*/
        /*border-bottom: 1px #0163a4 solid;*/ 
}

/* Fin de cabecera*/

ol {
        list-style-type: disc; 
        list-style-position: inside
}


div.contenido {
  background-color: #F7F7DD; 
  border: 1px #0063a4 outset; 
  color: #000; 
  margin: 0px auto 8px auto; 
  width: 760px; 
  padding: 4px 8px
}

div.contenido p {
        text-indent: 25px;
        margin-bottom: 4px;
}

div.contenido ol ul {
        padding: 8px 8px
}


div.contenido ul {
        list-style-position: inside
}

div.contenido ul li {
        padding: 4px 8px
}

/* Div para el listado de documentos (Política medioambiental, cuestionario a clientes, etc.) */
div.documentos{
        float:right; 
        width: 250px; 
        font-size: 0.8em; 
        margin: 4px 8px 4px 8px; 
        border: 4px #2a802d solid; 
}

div.documentos ul {
        list-style: none;  
        text-transform: capitalize; 
        margin: 0 
}

div.documentos ul li {
        background-color: #2a802d; 
        color: #fff; 
        font-size: 1em; 
        font-weight: bold; 
        padding: 0
}

div.documentos ul li p {
    text-align: center; 
    font-weight: bold; 
    border-bottom: 1px #2a802d dotted; 
    padding: 4px 2px
}

div.documentos ul li a {
        display: block; 
        text-decoration: none; 
        color: #0063a4; 
        font-weight: bold; 
        background-color: #fff; 
        border-bottom: 1px #2a802d dotted; 
        padding: 4px 8px
}

div.documentos ul li a:hover {
        background-color: #0063a4; 
        color: #fff
}
/*Fin del div de listado de documentos*/


div.div_derecha {
        float: right; 
        width: 378px; 
        background-color: #2a802d; 
        margin-left: 8px
        
}       

div.div_izquierda {
  width: 386px; 
  background-color: #F7F7DD; 
  color: #000; 
  margin-bottom: 8px;
  border: 1px #0063a4 solid
}

div.div_izquierda h5 {
        color: #fff;
        height: 22px;
        line-height: 22px;
        background-image:url('images/prueba.png');
        background-repeat:repeat-x;
        text-align: center;
        margin: 0px 0px 8px 0px;
        padding: 0px;
        text-transform: uppercase
}

div.div_derecha {
        text-align: left; 
        margin-bottom: 2px;  
}

div.div_derecha p, div.div_derecha h4 {
        color: #fff;
}

div.div_derecha p, div.div_izquierda p {
  text-align: left; 
  font-size: 0.9em; 
  text-indent: 0px; 
  text-align: justify;
  padding: 8px;
}

div.div_derecha ol, div.div_izquierda ol{
        font-size: 0.9em;
        padding: 8px
}

div.div_izquierda ol li {
    margin-bottom: 4px
}

div.div_izquierda p a {
  color: #0063a4;
  text-align: left
}

div.div_derecha p a {
  color: #fff;
  text-align: left
}

div.div_derecha h4, div.div_izquierda h4 {
  text-align:center; 
  padding: 8px;
}

div.div_derecha h4, div.div_izquierda h4 {
  text-align:center; 
  padding: 8px;
}


div.limpiar {
        clear: both
}

#cuerpo {
        color: #0063a4; 
        background-color: #fff; 
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 0.9em;
        background-image:url('images/background_gray_v.png'); 
        background-repeat: repeat-x
}

#principal {
        width: 965px; 
        margin: 10px auto 0 auto; 
        background-color: #EEE; 
        padding: 1px 1px;
        border: 1px #ddd solid
}

#principal h3, h4 {
        margin-bottom: 4px; 
        background-color: #fff; 
        text-align: center
}

#contenedor {
        width: 775px;  
        padding: 0px 7px 7px 7px; 
        text-align: justify; 
    background-color: #fff;     
        /*border-right: 1px #ddd solid;*/
        float: right; 
        margin-left: 4px;
}


#contenedor h3, h4 {
        color: #02a802; 
        text-align:center; 
        padding: 2px 4px; 
        background-image:url('images/fondotitulo.png'); 
        background-repeat:repeat-y;
        width: 770px
}

/* Div para el menú principal del sitio*/

#menu {
        width: 170px; 
        background-color: #0063a4;
        padding: 4px 2px 4px 2px;
        margin-left: 1px;
        margin-bottom: 5px;
}

ul.menu_azul {
  background-color: #dce3f3; 
  width: 166px;
  margin: 0 auto 0 auto;
  /*border: 1px #0063a4 solid*/
}

ul.menu_azul li, ul.menu_verde li {
        border-bottom: 2px #fff solid;
}

ul.menu_azul li a {
  color: #0063a4 
}

ul.menu_azul li a:hover{
  background-color: #00156E; 
  color: #fff; 
}

ul.menu_verde {
  background-color: #c6e5e7; 
  margin: 8px auto 0 auto; 
  width: 152px;
  /*border: 1px #2a802d solid*/
}

ul.menu_verde li a {
  color: #2a802d
}

ul.menu_verde li a:hover{
        background-color: #2a802d; 
        color: #fff; 
}

ul.menu_verde, ul.menu_azul {
        list-style: none; 
        font-size: 0.8em; 
        font-weight: bold; 
        text-transform: capitalize
}

ul.menu_verde li a, ul.menu_azul li a {
        display: block; 
        padding: 4px 8px; 
        text-decoration: none
} 

/*fin del div para el menú principal*/

img.img_derecha{
        float: right; 
        margin-left: 8px; 
        padding: 2px; 
        background-color: #0063a4;
        border: 1px #666 solid
}

img.img_izquierda {
        float: left; 
        margin-right: 8px; 
        margin-bottom: 8px; 
        padding: 2px; 
        background-color: #0063a4;
        border: 1px #666 solid
}

/* div para la carta del director */

#carta_director {
  width: 600px; 
  margin: 0px auto 0 auto;
  background-color: #fff; 
  color: #000;
  float:right;
}

#carta {
  width: 750px; 
  border: 1px #0063a4 solid; 
  padding: 16px 16px 16px 16px; 
  background-image:url('images/fondocarta.png');
  background-repeat: repeat-x;
  font-family: "Times New Roman", Times, serif;  
  float:right;
}

#carta_director h3, h4 {
    color: #02a802; 
    text-align:center; 
    padding: 2px 4px; 
    background-image:url('images/fondotitulo.png'); 
    background-repeat:repeat-y;
    width: 592px
}

#carta h4 {
  margin: 8px auto; 
  font-style: italic
}  

#carta p {
   font-size: 1.2em; 
   text-align: justify; 
   margin-top: 16px; 
   line-height: 1.5em; 
   text-indent: 1.5em; 
   font-style:italic
}

#carta p:first-letter {
        font-weight:bold
}

#carta img {
        float:right; 
        padding: 2px; 
        margin-left: 12px; 
        background-color: #0063a4
}

/* fin del div para la carta del director*/

/*****************************************/

/* Div para el pie de página */
  div.div_pie {
        background-color: #fff; 
        text-align: center; 
        padding: 4px; 
        /*background-color: #d7efff;*/ 
        margin: 2px auto 2px auto;
        width: 800px
}

div.div_pie a {
        text-transform: capitalize; 
        background-color: /*#0063a4*/#00156E; 
        color: #fff; 
        padding: 4px; 
        font-size: 0.7em;
}

/* Fin del div para el pie de página */

/* Formulario de clientes */

#clientes {
        width: 345px; 
        margin: 0px auto 0 auto; 
        padding: 0
}

#clientes fieldset {
        border: 1px #0063A4 solid; 
        padding: 0; 
        margin: 0;
        background-color: /*#FCFFE3*/#F3F8B8; 
        border: 2px #003253 solid; 
}

#clientes fieldset ol {
        list-style: none; 
        padding: 0; 
        margin: 0; 
        color: #003253; 
        width: 341px;
        list-style-position: outside
}
/* Fin del formulario clientes*/