/* --------------------- Hoja de estilos para la página de PORTADA de sessl.com -------------------------------------------------------------------- */


/* --------------------------------------------------- zona de presentación ------------------------------------------------------- */

#presentacion {
	height: 566px;
	background: url(bg-portada.jpg) no-repeat left top;
}



#logo {
	float: left;
	margin: 15px 0 10px 15px;
}



#menu-especial {
	float: left;
	width: 350px;
	margin: 50px 0 0 0;
	padding: 0 0 0 410px;
	list-style: none;
}

#menu-especial li {
	margin-bottom: -1px;  /* para que entre los elementos de la lista no se forme un borde de 2px al juntarse el border-bottom de un elemento con el border-top del siguiente. De esta manera, los bordes se solapan */
	background: #171795;
	border: 1px solid #fff; 
}

#menu-especial a {
	display: block;
	text-decoration: none;
	color: #fff;
	padding: 5px 10px;
	background: #171795;
}

#menu-especial a:hover {
	color: #171795;
	background: #ddf;
}

.titulo {
	clear: both;
	position: absolute;
	top: 315px;
	left: 50px;
	font-size: 320%;
}

.titulo .a,
.titulo .b {
	padding: 10px 25px;
}