/* ------------------------------------------------------------------------------------ *
| GLOBALS CSS FILE :: For Uaalah!!														|
| css/layOut.css																		|
| 																						|
| PROJECT :: webPAC																		|
| 																						|
+ ------------------------------------------------------------------------------------- +
| Author :: Uaalah!!																	|
* ------------------------------------------------------------------------------------- */


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

html {
	background-color: #003565;
}
body {
	font: normal 12px/18px arial, verdana, sans-serif;
	color: #707679;
}


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

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

#header{
	background: url('../img/bg-header.png') repeat-x top;
	height: 192px;
}
	#header h1{
		position: absolute;
		top: 67px;
	}
	#header h1 a{
		display: block;
		width: 235px;
		height: 76px;
		background: url('../img/logo_gmc.png') no-repeat 0 0;
		text-indent: -999em;
	}
	
#tools{
	font-size: 12px;
	line-height: 12px;
	padding: 13px 0;
	height: 1%;
}
	#tools ul{
		float: right;
	}
	#tools li{
		float: left;
	}
	#tools li a{
		border-right: 1px #c4dcff solid;
		padding: 0 7px;
		color: #fff;
		text-decoration: none;
	}
	#tools li a:hover{
		text-decoration: underline;
	}
	#tools li a.selected{
		font-weight: bold;
	}
	#tools li.last a{
		border-right: 0 none;
		padding-right: 0;
	}

#team{
	height: 1%;
}
	#team ul{
		float: right;
		width: 720px;
	}
	#team li{
		/*
		overflow: hidden;
		*/
		display: block;
		width: 50px;
		height: 50px;
		background-color: #79a5c8;
		float: right;
		margin: 0 0 5px 4px;
		padding: 0;
		position: relative;
		z-index: 1;
	}
		#team li:hover{
			z-index: 2;
		}
	#team a{
		display: block;
		width: 50px;
		height: 50px;
		overflow: hidden;
	}
	#team ul li strong{
		position: absolute;
		z-index: 2;
		white-space: nowrap;
		right: 51px;
		bottom: 0;
		background-color: #004fb4;
		border: 1px solid #79a5c8;
		padding: 2px 5px;
		-moz-opacity: .8;
		opacity: .8;
		color: #c4dcff;
		display: none;
		-moz-border-radius-bottomleft: 5px;
		-moz-border-radius-bottomright: 5px;
		-moz-border-radius-topleft: 5px;
		-moz-border-radius-topright: 5px;
	}

#navigation{
	text-transform: uppercase;
	font-weight: bold;
	line-height: 12px;
	padding-top: 20px;
}
	#navigation a{
		display: block;
		padding: 0 15px;
		text-decoration: none;
		color: #79abcb;
		border-left: #79abcb 2px solid;
	}
	#navigation a:hover{
		color: #fff;
	}
	#navigation li.select a{
		color: #fff;
	}
	#navigation ul{
		height: 1%;
	}
	#navigation li{
		float: left;
		height: 23px;
	}
	#navigation li.select{
		background: url('../img/menuSel.png') no-repeat center bottom;
	}
	#navigation li.first a{
		padding-left: 0;
		border-left: 0 none;
	}

#content{
	background-color: #fff;
	padding: 5px 0 20px 0;
}
	#content #contenido{
		float: left;
		width: 650px;
		padding: 5px 0;
	}
	#content #sidebar{
		display: none;
		float: right;
		width: 325px;
		background: url('../img/bg-sidebar-mid.png') repeat-y left;
	}
		#content #sidebar .top{
			background: url('../img/bg-sidebar-top.png') no-repeat left top;
		}
		#content #sidebar .btm{
			background: url('../img/bg-sidebar-btm.png') no-repeat left bottom;
			padding: 5px 0 5px 23px;
		}
		#content #sidebar #otros{
			margin-top: 40px;
		}

#webmap{
	background-color: #005db2;
	padding: 10px 0 20px 0;
}
	#webmap ul{
		height: 1%;
	}
	#webmap li{
		float: left;
		font-weight: bold;
		text-transform: uppercase;
	}
	#webmap li li{
		float: none;
		display: block;
		font-weight: normal;
		font-size: 11px;
		text-transform: none;
	}
	#webmap a{
		display: block;
		padding: 0 30px 0 0;
		text-decoration: none;
		color: #fff;
	}
	#webmap a:hover{
		text-decoration: underline;
	}
	#webmap .first a{
	}

#footer{
	font-size: 11px;
	color: #fff;
	line-height: 11px;
}
	#footer ul{
		padding: 10px 0;
		float: left;
	}

#footer ul li{
	float: left;
	padding: 0 20px;
	border-left: 1px solid #fff;
}
#footer ul li.first{
	border-left: 0 none;
	padding-left: 0;
}
#footer p{
	float: right;
	padding: 10px 0;
	font-size: 10px;
}
#footer p a{
	color: #809ab2;
}
#footer a{
	color: #fff;
	text-decoration: none;
}
#footer a:hover{
	color: #fff;
	text-decoration: underline;
}
/* @end  :::: = ::::: = ::::: = ::::: = ::::: = ::::: = ::::: = ::::: = ::::: = ::::: = */

/* @group MISC :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */

.wrapper{
	width: 990px;
	margin: auto;
}
.hidden{
	position: absolute;
	top: -9999px;
}

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

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

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

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