@charset "UTF-8";
/* CSS Document */

/* langs FACTUM 2011
----------------------------------- */


li#langs{
	padding-top:20px;
	padding-left:15px;
	padding-bottom:6px;
}

li#langs img{
	padding-right:10px;
	padding-left:0px;
	padding-top:-10px;
	padding-bottom:6px;
}

#langs ul{
	width: 20px;
	height:10px;
	padding: 15px;
	padding-bottom:6px;
	margin-top:-15px;
}

#langs li{
	padding: 0px 0;
	font-size: 14px;
	display: block;
	text-transform: lowercase;
	background:#91A5AB;
	padding-left:15px;
	padding-top:-35px;
	margin-left:-15px;
	height: 35px;
}

#langs li:hover{
	background:#9BB5C0;
}

#langs a{
	border: none;
	background: url(../imgs/flag_gb.png) left no-repeat;
	padding-left: 20px !important;
	color:#596C70;
}

#langs a:hover{
	border: none;
}

#langs .es a{
	background-image: url(../imgs/flag_es.png);
	padding-right:13px;
}



/* dropdown menus
--------------------------------------------------------------*/

li.dropdown{
	background: url(../imgs/bg-dropdown.png) 82% -10px no-repeat;
	padding-right: 18px !important;
	position: relative;
	height:21px;
}
li.dropdown:hover{
	cursor: pointer;
	padding-bottom: 6px !important;
}

li.dropdown ul{
	display: none;
	left:0px;
	position: absolute;
	top: 47px;
	right: 0;
	z-index: 5;
}


li.dropdown:hover ul{
	display: block;
}


/* la magia
----------------------*/

.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.clearfix {display: inline-block;}

/* whereto? \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* gumshoe. */