/* ---------------------------------------------------*/
/* ---------->>> PÁGINA PRINCIPAL <<<-----------------*/
/* ---------------------------------------------------
				5.1  Título principal
				5.2  Directorio
*/

/* --------->>> 5.1 Título principal <<<------------- */

#titPrincipal {
	clear: both;
	margin: 0 0 0 26px;
	width: 729px;
}
#titPrincipal div {
	height: 20.0em;
	margin: 0 5px 0 0;
	position: relative;
	width: 200px;
}
#titPrincipal div,
#titPrincipal img {
	display: inline;
	float: left;
	margin-bottom: 0;
}
#titPrincipal div p {
	position: absolute;
	left: 0;
	bottom: 0;
}
div.principal01 {
	background: #5BA4B5 url(/css/bitmaps/cabecera-bg-01.jpg) no-repeat 0 0;
	color: #FFF;
}
div.principal02 {
	background: #BB5A63 url(/css/bitmaps/cabecera-bg-02.jpg) no-repeat 0 0;
	color: #FFF;
}
div.principal03 {
	background: #FCC300 url(/css/bitmaps/cabecera-bg-03.jpg) no-repeat 0 0;
	color: #FFF;
}
div.principal03 p{
	color:#3D3D3D;
}

#titPrincipal h2 {
	font-size: 2em;
	height: 79px;
	margin: 0;
	overflow: hidden;
	position: absolute;
	left: 0;
	bottom: 0;
	width: 200px;
}
#titPrincipal h2 span {
	height: 100%;
	position: absolute;
	width: 100%;
}
div.principal01 h2 span {
	background: url(/imagenes/contratar-interiorista-01.jpg) no-repeat;
}
div.principal02 h2 span {
	background: url(/imagenes/contratar-interiorista-02.jpg) no-repeat;
}
div.principal03 h2 span {
	background: url(/imagenes/contratar-interiorista-03.jpg) no-repeat;
}
#titPrincipal h2 a {
	background-color: inherit;
	color: #FFF;
	cursor: pointer;
}

/* --------->>> 5.2 Directorio <<<------------------- */

#contenedor div.directorio div {
	margin-left: 0;
	width: 262px;
}
#contenedor div.directorio div.menor {
	margin-right: 5px;
	width: 200px;
}
#contenedor div.directorio div.menor h2 {
	font-size: 1.1em;
	padding-top: 6px;
	padding-bottom: 6px;
}
#contenedor div.directorio h2 {
	font-weight: normal;
}
#contenedor div.directorio p {
	font-size: 1.2em;
}
#contenedor div.directorio p.fecha {
	font-size: 1.0em;
}

/* banners */
#contenedor div.directorio #caja-banners {
	margin: 0;
	padding: 0;
	width: 200px;
}

#contenedor div.directorio #caja-banners img {
	border: 8px solid #EEE;
	margin: 0;
}

#contenedor div.directorio #caja-banners p {
	margin: 0 0 6px 0;
	text-transform: uppercase;
}

#contenedor div.directorio #caja-banners p a {
	color: #FFF;
	display: block;
	padding: 4px 8px;
}

#contenedor div.directorio #caja-banners p.seccion a {
	background-color: #282828;
}

#contenedor div.directorio #caja-banners p.boton {clear:both;}

#contenedor div.directorio #caja-banners p.boton a {
	background-color: #FF0066;
	text-align: center;
}

/* por defecto */
#contenedor div.directorio #caja-banners ul {
	margin: 0;
	position: relative;
	width: 200px;
}
#contenedor div.directorio #caja-banners ul li{
	display: block;
	left: 0;
	margin: 0 0 6px 0;
	padding: 0;
	top: 0;
	width: 200px;
}