/* ################ ESQUINAS de los 4 bordes globales ################# */ 

div.contenido_bordes{ /* Este sobra */
	margin: 0px;
}

		/* Generamos los estilos de las span, los cuales contendrán las imágenes GIF */
span.top_centro_der_ext, span.bottom_centro_der_ext{
   width:100%;
   height:12px; /* El alto debe ser la mitad de alto de la imagen GIF */
   display:block;
}
		/* A continuación viene el verdadero truco, la posición de las imágenes de fondo es importante*/
span.top_centro_der_ext {
   background:url(../../img/borde_left_centroder_ext_claro.gif) top left no-repeat; 
}
span.bottom_centro_der_ext{
   background:url(../../img/borde_left_centroder_ext_claro.gif) bottom left no-repeat;
}
span.top_centro_der_ext span, span.bottom_centro_der_ext span{
   width:12px; /* De acuerdo al tamaño de la imagen GIF */
   height:12px; /* De acuerdo al tamaño de la imagen GIF */
   float:right;
   font-size:6px; /* Esto es para IE6, que no respeta el height del span si el tamaño de letra es mayor a este  */
}

span.top_centro_der_ext span{
   background:url(../../img/borde_right_centroder_ext_claro.gif) top right no-repeat;
}
span.bottom_centro_der_ext span{
   background:url(../../img/borde_right_centroder_ext_claro.gif) bottom right no-repeat;
}

/* \_________ FINAL esquinas de los 4 bordes globales ______________/ */