/* CSS Document */
#banner {
  background-image: url(../imagenes/cabeceras/cabecon_donacion.jpg);
  background-repeat: no-repeat;
  background-position: center;

}

#contenido_izquierda {
   margin-left: 0.727em;
   background-image: url(../imagenes/cabeceras/marca_agua_2.jpg);
   background-repeat: repeat;
}

#contenido_derecha {
  border: 0.091em solid #B71A05;
  border-radius:0.455em;
}

#contenido_izquierda .indice {
   border-color: #B71A05;
   text-decoration: underline;
}


/*************** MENUS  ***********/

#menu_don, #menu_don a:hover  {
  background-color: #dedfde;
}

#menu_don a {
   color: #B71A05;
}

#txt_don {
   color: #000000;
   background-color: #dedfde;
   display: block;
}

#menu_ini:hover ~ #txt_don,
#menu_hos:hover ~ #txt_don,
#menu_ciu:hover ~ #txt_don,
#menu_doc:hover ~ #txt_don,
#menu_inv:hover ~ #txt_don,
#menu_pro:hover ~ #txt_don,
#menu_inf:hover ~ #txt_don {
     display: none;
}

#menu_iz DIV.menu1-level1-act a, 
#menu_iz DIV.menu1-level1-no a:hover,
#menu_iz DIV.menu1-level2-act a, 
#menu_iz DIV.menu1-level2-no a:hover,
#menu_iz DIV.menu1-level3-act a,
#menu_iz DIV.menu1-level3-no a:hover,
#menu_iz a:focus {
    color: #B71A05;
}

/*************** TEXTOS  ***********/

.csc-firstHeader,
h1, h2, h3,
.texto_titular, 
.texto_titular a, 
.texto_titular a:visited,
.texto_titular_lineapuntos,
.titular_pagina, 
.texto_normal_cursiva_color, 
.texto_normal_color, 
.texto_bold_color, 
#niveles,
#contenido_izquierda a:link, 
#contenido_izquierda a:visited {
  color: #B71A05;
}
.texto_titular_linea, 
.texto_titular_lineapuntos,
.texto_titular_banda,
.texto_titular_banda1 {
  border-bottom-color: #B71A05;
  border-left-color: #B71A05;
}


/*************** ENLACES  ***********/

.texto_enlaces1, 
.texto_enlaces2, 
.enlaces_bold_color, 
.enlace_normal_color a,
.enlace_normal_color_under a,
#contenido_izquierda a:link, 
#contenido_izquierda a:visited,
#aqui a:hover, a.mail  {
  color: #B71A05;
}

/********* FORMULARIOS **********/
.yform legend,
.yform label,
.form_campo  {
  color:#B71A05;
}

/******* SEPARADOR VIDEOS *****/
.divider { 
   margin-top: 18em;
   margin-bottom: 18em;
}



/************* IMAGENES ************/
.revista {
    width: 22.727em; 
    height: 29.182em;
}

.revista_nl {
   width: 22.727em;
   height: 51.111em;
}



/********************************* INICIO MAQUETACION MOVIL ***************************/

@media only screen and (max-width: 768px) {

#m_tercera_franja {
  background-color: #B71A05;
}

.area::before {
  content: "Donacion";
}

#contenido_izquierda {
   margin-left: 0;
}

.divider {
   margin-top: 6em;
   margin-bottom: 6em;
}




}