/* ------------------------------------------------------------------------------------ *
| CSS FILE :: For modular web															|
| css/layOut.css																		|
| 																						|
| PROJECT :: UNIO MAGATZEMISTES FERRO CATALUNYA I BALEARS								| 																						|
+ ------------------------------------------------------------------------------------- +
| Author :: Uaalah!!																	|
* ------------------------------------------------------------------------------------- */

/* @group GLOBALS ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */

html{
	background-color:#412418;
}
html, body{
	height: 100%;
}
body{
	font: 12px/1.6em arial, verdana, sans-serif;
	color: #4e4e4e;
	background:#412418 url('../images/bg.png') left top repeat-x;
}


h1, h2, h3, h4, h5, h6, strong {
	font-weight: bold;
}
h1{}
h2{}
h3{}
h4{}
h5{}
h6{}

p {
	margin-bottom: 1em;
}
a{
	text-decoration: none;
}
a:hover{}

abbr, acronym {
	border-bottom: 1px dotted #414142;
	cursor: help;
}
em {
	font-style: italic;
}
ol li {
	list-style: decimal outside;
}

::-moz-selection {
	background: #B9B0A3;
	color: #fff;
}

::selection {
	background: #B9B0A3;
	color: #fff;
}

h3::-moz-selection {
	background: #B9B0A3;
	color: #fff;
}
h3::selection {
	background: #B9B0A3;
	color: #fff;
}
#wrapper{
	width:993px;
	margin:0 auto;
}

/* @end  :::: = ::::: = ::::: = ::::: = ::::: = ::::: = ::::: = ::::: = ::::: = ::::: = */

/* @group PAGE LAYOUT ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */

#header{
	font-size: 11px;
	font-weight: bold;
}
	#header a{
		color: #4e4e4e;
		text-decoration: none;
	}

#tools{
	line-height: 40px;
	color:#fff;
}
	#tools .wrapper{
		background: #412418 url('../images/bg-tools-wrap.jpg') repeat-x top;
		height: 1%;
	}
	#tools li{
		float: left;
	}
	#tools .contact{
		float: left;
		margin-left: 20px;
	}
		#tools .contact li{
			margin-right: 20px;
		}
		#tools .contact strong{
			display: block;
			float: left;
			height: 40px;
			width: 36px;
			text-indent: -999px;
		}
		#tools .contact .telefono strong{
			background: url('../images/ico-phone.gif') no-repeat left center;
		}
		#tools .contact .mail strong{
			background: url('../images/ico-mail.gif') no-repeat left center;
		}
		#tools a{
			color: #fff;
		}
		#tools a:hover{
			color: #412418;
		}

	#tools .navTools{
		float: right;
		margin-right: 20px;
	}
		#tools .navTools li{
			margin-left: 20px;
		}
		#tools .navTools li.mapaweb a{
			background: url('../images/ico-mapaweb.gif') no-repeat left center;
			padding-left: 36px;
			height: 40px;
			display:inline;
			float:left;

		}
		#tools .navTools li.idiomas {
			background: url('../images/btn-inicio.gif') no-repeat left 9px;
			padding-left: 2px;
			position:relative;
		}
		#tools .navTools li.idiomas a {
			background: url('../images/btn-fin.gif') no-repeat right center;
			display:inline;
			float:left;
			height: 39px;
			padding: 0 35px 0 4px;
		}
		#tools .navTools li.idiomas a:hover {
			color: #412418;
		}
			#tools .navTools li li{
				float: none;
				margin-left: 0px;
				line-height: 16px;
			}
			#tools .navTools li.idiomas ul {
				position: absolute;
				background: #8c8576;
				margin-top: 31px;
				border: 1px solid #999;
				border-top: none;
				display: none;
				left:0;
				width:81px;
			}
			#tools .navTools li.idiomas li a {
				background: none;
				display: block;
				height: auto;
				padding: 2px 20px 2px 4px;
			}


#brand{
	background-color: #412418;
}
	#brand .wrapper{
		background: url('../images/bg-header-wrap.jpg') repeat-x top;
		height: 109px;
		width: 100%;
		overflow: hidden;
	}
	#brand h1{
		margin-top: 10px;
		margin-left: 20px;
		float: left;
	}
		#brand h1 a{
			display: block;
			width: 238px;
			height: 90px;
			overflow: hidden;
			background:  url('../images/logo.png') no-repeat;
			text-indent: -999px;
		}
	#brand #loginBox{
		float: right;
		margin-top: 10px;
		margin-right: 20px;
		background: url('../images/bg-login.png');
		border: 1px solid #412418;
		color: #f1f0ec;
		width: 230px;
	}
		#brand #loginBox h2{
			padding: 2px 5px 0 5px;
			font-size: 14px;
			font-weight: bold;
		}
		#brand #loginBox form{
			margin:0;
			padding:5px 0;
		}
		#brand #loginBox .formRow{
			width: 100%;
			overflow: hidden;
			margin-top: 2px;
		}
		#brand #loginBox label{
			float:left;
			height:16px;
			line-height:16px;
			margin:0 5px;
			width:80px;
		}
		#brand #loginBox input{
			border:1px solid #412418;
			color:#412418;
			float:left;
			font:11px/12px arial,verdana,sans-serif;
			height:12px;
			margin-right:5px;
			padding:1px 3px;
			width:120px;
		}
			#brand #loginBox input.btn{
				background-color:#A59E9B;
				color:#FFFFFF;
				float:left;
				font-weight:bold;
				height:18px;
				margin-left:90px;
				width:128px;
			}
			#brand #loginBox .conectado{
				padding: 5px;
				font-weight: normal;
			}
				#brand #loginBox .conectado p{
					margin: 0;
				}
				#brand #loginBox .conectado strong{
					color: #fff;
					font-weight: bold;
				}
				#brand #loginBox .conectado li{
					margin-top: 5px;
				}
				#brand #loginBox .conectado a{
					padding-left: 20px;
					color: #F1F0EC;
					display: block;
					height: 16px;
					line-height: 16px;
				}
				#brand #loginBox .goAdmin a {
					background: url('../img/ico-goAdmin.gif') no-repeat left center;
				}
				#brand #loginBox .disconnect a {
					background: url('../img/ico-desconectar.gif') no-repeat left center;
				}

#navigation{
	background: #000 url('../images/bg-navigation.gif') no-repeat right top;
	line-height: 35px;
	width: 100%;
	overflow: hidden;
}
	#navigation ul{
		margin: 0;
		padding: 0 5px;
	}
	#navigation li{
		float: left;
	}
	#navigation a{
		padding: 0 10px;
		font-size: 13px;
		color: #fff;
		text-decoration: none;
		font-weight: bold;
		height: 35px;
		float:left;
	}
	#navigation a:hover{
		color: #8c8576;
	}
	#navigation li a.selected{
		background: #f8b723 url('../images/bg-navigation-select.png') repeat-x top;
	}
	#navigation li a.selected:hover{
		color: #1c1506;
	}
	#navigation li.last.forum {
		float: right;
	}
	#navigation li.last.forum a {
		color: #DBBCBD;
	}

/*content*/
.sinSidebar #interior{
	width:100%;
	float:none;
}
#wrapper #content{
	background: #fff url(../images/bg-content.png) repeat-y top;
	font-size: 12px;
	overflow:hidden;
	margin:0;
}
	#content .wrapper{
		padding: 20px 0;
	}


#interior{
	float: left;
	width: 700px;
	padding:15px 0;
}
#interior .banner {
	padding-left: 1px;
	padding-right: 3px;
	box-sizing: border-box;
	width: 100%;
	margin-top: -15px;
}
#interior .banner img{
	width: 100%;
}
#interior .banner .texto {
	padding: 0px 10px;
}
#interior .banner .texto p {
	margin-bottom: 10px;
}
#sidebar{
	float: right;
	width: 250px;
	display:none;
}


/*footer*/
#footer{
	background: url(../images/bg-footer.jpg) repeat-x top left;
	height: 59px;
	line-height: 1em;
	font-size: 11px;
	position:relative;
}
	#footer li{
		border-right: #8c8576 1px solid;
		float: left;
		margin-top:10px;
	}
	#footer a:hover{
		text-decoration:underline;
	}
	#footer .wrapper{
		padding-top:10px;
	}
	#footer li.first{
		border-left: none;
	}
	#footer li.last{
		border-right: none;
	}
	#footer a,
	#footer span{
		display: block;
		padding: 2px 10px;
		color: #8c8576;
	}
	#footer a.logo_uaalah{
		position:absolute;
		right:5px;
		top:15px;
		width:42px;
		height: 24px;
		overflow: hidden;
		text-indent: -999em;
		background: url('../img/logo_uaalah.png') no-repeat;
	}


/* @end  :::: = ::::: = ::::: = ::::: = ::::: = ::::: = ::::: = ::::: = ::::: = ::::: = */

/* @group VARIACIONES ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */

/***** SPONSORS - inicio ********/
.sponsors{
	padding: 0 18px;
	color:#b9b0a3;
}
	.sponsors p{
		border-bottom:1px dotted #d5d0c8;
		margin-bottom: 0;
	}
	.sponsors a{
		float:left;
		height:85px;
		margin-bottom:15px;
		margin-right:15px;
		overflow:hidden;
		width:120px;
	}
	.sponsors div{
		width: 100%;
		overflow: hidden;
		padding: 1em 0;
	}
/***** SPONSORS - fin ********/

/* @end  :::: = ::::: = ::::: = ::::: = ::::: = ::::: = ::::: = ::::: = ::::: = ::::: = */

/* @group CLEARFIX :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */

#tools .wrapper:after,
#navigation:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

/* @end  :::: = ::::: = ::::: = ::::: = ::::: = ::::: = ::::: = ::::: = ::::: = ::::: = */