/* -------------------------------------------------------------------------------------------------------------*/
/* ------->>> BACKGROUND IMAGE <<<-----------------------------------------------------------------------------*/
/* -----------------------------------------------------------------------------------------------------------*/

/*
Proceso de imagen única.
Proceso que incluye un texto y una foto de fondo, el texto se puede
colocar a la izquierda, a la derecha o arriba, dependiendo de los
estilos que se le den al contenedor de texto de la sección.
*/

#seccion { padding:20px; background: center top; border:5px solid #313b46; }

/*Párrafos de texto, se les da una dimensión para posicionarlos a nuestro gusto*/

#seccion .text { padding:8px; background:#3a4652; width:354px; color:#ececec; }
#seccion .text p { color:#ececec; }

#contents .text  ol li, #contents .text  ul li { color:#ececec;}