/* -------------------------------------------------------------------------------------------------------------*/
/* ------->>> 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 { float: left; width: 100%; padding: 0 0; background-position: left top; background-repeat: no-repeat; }

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

#seccion .text { float: right; width: 308px; padding: 60px 30px 78px; background: url(../images/backgrounds/pattern_single_picture.gif) no-repeat bottom left #2c2d2d; }
#contents #seccion .text p { float:left; width:100%; color:#CCCCCC;}
#contents h1 { float:left; color:#FFFFFF; width:100%; margin:0; margin-bottom:30px;}

#contents .text_container ul li { color: #cccccc; }