/*----------------------------------------------------------------------------------------------------
[Main Stylesheet]

	- Project:					UAB Gu?a de l'Estudiant - http://www.projecturl.com
	- Author:						keepU - http://www.keepu.es
	- Version:					1.0
	- Creation Date:		02/06/2008
	- Last Change:			05/06/2008
	- Primary use:			Screen / Monitor

[Color codes]

	- Color #1 (Content):				#2b2b2d		(Hard Grey)
	- Color #2 (Titles):				#ffffff		(White)
	- Color #3 (Head Links):		#efd2d7		(Pink)
	- Color #4 (Head Links):		#9dc4ae		(Light Green)
	
[Typography]

	- Font Type #1 (content):				Verdana, Arial, Helvetica, sans-serif

[Structure A]

	+	Body
			+	Central / [div]
				+	Canvas / [div]
						-	Top Grandient (grandientTop) / [div]
						-	Transiction Top Grandient (grandientTTop) / [div]
						+	Web Content (content) / [div]
								[Structure B]
						-	Bottom Grandient (grandientTBottom) / [div]
						-	Transiction Bottom Grandient (grandientBottom) / [div]

[Structure B]

	+ Header (headArea) / [div]
			- Logo UAB (logoUab) / [a]
			- User Tools (userToolsList) / [ul]
	+ Content (webContent) / [div]
			+ Left Content (leftColumn) / [div]
					- Vertical Menu (verticalMenuList) / [ul]
			+ Center Content (centerColumn) / [div]
					+ Box (box) / [div]
							- Photo Gallery (photoGallery) / [ul]
			+ Right Content (rightColumn) / [div]
					- Vertical Menu (verticalMenuList) / [ul]
	- Footer (footArea) / [div]
----------------------------------------------------------------------------------------------------*/

/*----------------------------------------------------------------------------------------------------
	Default Styles for all Objects, HTML, BODY and Default link and its hover
----------------------------------------------------------------------------------------------------*/

*{
	margin:0px;
	padding:0px;
	border:none;
	text-decoration:none;
	background:transparent;
	/*color:#2b2b2d;*/
	color:#2a2c2e;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:0.96em;
	text-align:left;
}

body{
	background:#9a9999;
}

/*----------------------------------------------------------------------------------------------------
	Color Definitions, and typical usage Styles for aligning text and Font Style
----------------------------------------------------------------------------------------------------*/

.greyColor{
	color:#2b2b2d;
}
.whiteColor{
	/*color:#ffffff;*/
	color:#2a2c2e;
}
.pinkColor{
	color:#efd2d7;
}
.lightGreenColor{
	color:#9dc4ae;
}

.boldText{
	font-weight:bold;
}
.normalText{
	font-weight:normal;
}
.italicText{
	font-style:italic;
}
.underlineText{
	text-decoration:underline;
}
.nounderlineText{
	text-decoration:none;
}

.centerText{
	text-align:center;
}
.rightText{
	text-align:right;
}
.justifyText{
	text-align:justify;
}

/*----------------------------------------------------------------------------------------------------
	STRUCTURE A - Grandient Structure of Web Content, the dark grandient Content
----------------------------------------------------------------------------------------------------*/

div.central{
	margin:auto;
	width:944px;
}
div.canvas{
	background: #ffffff url("grandientMid.gif");
	float:left;	
	*position:relative;
}
div.grandientTop{
	background:url("grandientTop.gif") repeat-x;
	height:15px;
	line-height:15px;
	margin:auto;
}
div.grandientTop p.cTLeft{
	width:55px;
	height:15px;
	background:url("cTLeft.gif") no-repeat;
	float:left;
}
div.grandientTop p.cTRight{
	width:55px;
	height:15px;
	background:url("cTRight.gif") no-repeat;
	float:right;
}
div.grandientBottom{
	background:url("grandientBottom.gif") repeat-x;
	height:27px;
	margin:auto;
	clear:both;
}
div.grandientBottom p.cBLeft{
	width:55px;
	height:27px;
	background:url("cBLeft.gif") no-repeat;
	float:left;
}
div.grandientBottom p.cBRight{
	width:55px;
	height:27px;
	background:url("cBRight.gif") no-repeat;
	float:right;
}
div.grandientTTop{
	background:url("grandientTTop.gif") repeat-x;
	height:41px;
}
div.grandientTBottom{
	background:transparent url("grandientTBottom.gif") repeat-x;
	height:16px;
	float:left;
	width:944px;
	margin-top:-16px;
}
div.content{
	width:894px;
	float:left;	
	margin-left:25px;
	/*background:#ffffff;*/
	background:transparent;
	margin-top:-41px;
	height:100px;
	margin-bottom:9px;
}

/*----------------------------------------------------------------------------------------------------
	STRUCTURE B - Content
----------------------------------------------------------------------------------------------------*/

/*----------------------------------------------------------------------------------------------------
	Header of the Web.
----------------------------------------------------------------------------------------------------*/

div.header{
	height:159px;
	width:860px;
	/*padding-left:34px;*/
	float:left;
}
div.header a.logoUab{
	background: transparent url('logo-uab1.jpg') no-repeat scroll center top;
	float:left;
	height:64px;
	width:174px;
}
div.header ul.userToolsList{
	float:left;
	padding-left:205px;
	padding-top:20px;/*12px;*/
}
div.header ul.userToolsList li{
	display:inline;
	list-style:none;
	padding-left:10px;
	padding-right:10px;
	color:#ffffff;
}
div.header ul.userToolsList li a{
	color:#ffffff;
}
div.header ul.userTools{
	float:left;
	/*padding-left:45px;*/
	padding-top:23px;/*12px;*/
}
div.header ul.userTools li{
	display:inline;
	list-style:none;
	padding-left:10px;
	padding-right:10px;
	color:#ffffff;
}
div.header ul.userTools li a{
	color:#ffffff;
}
div.header a.aSmall{
	font-size:9px;
}
div.header a.aMedium{
	font-size:12px;
}
div.header a.aBig{
	font-size:15px;
}

div.header p.title{
	float:left;
	color:#ffffff;
	font-weight:bold;
	font-family:Arial,Verdana;
	font-size:1.25em;
	/*margin-left:-406px;*/
	/*margin-left:-490px;*/
	margin-top:130px;	
}
div.header div#searchForm{
	float:left;
	/*padding-left:45px;*/
	padding-top:24px;/*12px;*/
}
div.header div.clientTool div#searchForm form label.inputLabel{
	color:#ffffff
}
div.header div#searchForm form input#query{
	background-color:white;
}
div.clientTool{
	padding-left:34px;
}
div.headerInterior{
	height:64px;
	width:894px;
	float:left;
}
div.headerInterior p.title{
	float:none;
	padding-left:34px;
	margin-right:15px;
	margin-top:60px;
	margin-left:25px;
}
div.headerTitle{
	background:transparent url("fonscap.gif") no-repeat top left;
	margin-top:64px;
	float:clear;	
}
div.headerTitle p.title{
	padding-left:34px;
	padding-top:15px;
	margin-right:15px;
	height:45px;
}
div.headerTitle p.title a{
	font-weight:bold;
	font-size:14px;
	font-family:Helvetica, Arial, Verdana;
}

div.headerTitle h1{
	padding-left:34px;
	padding-top:15px;
	margin-right:15px;
	height:45px;
}
div.headerTitle h1{
	font-weight:bold;
	font-size:14px;
	font-family:Helvetica, Arial, Verdana;
}

/*----------------------------------------------------------------------------------------------------
	Content of the Web. (Left Column - Center - Right Column)
----------------------------------------------------------------------------------------------------*/

div.webContent{
	float:left;
	width:894px;
	background:transparent;
	padding-bottom:15px;
	margin-left:25px;
}
div.leftColumn{
	float:left;
	min-width:431px;
	min-height:262px; 
	margin-left:11px;
}
div.leftColumnFacDoor{
	float:left;
	height:90px;
	margin-left:9px;
	margin-top:160px;
	width:112px;
	padding-left:5px;
}
div.leftColumnFacDoor a{
	color:#FFFFFF;
	font-size:10px;
}
div.rightColumnFacDoor{
	background:transparent url(bellaterra.png) no-repeat scroll center top;
	float:left;
	font-size:14px;
	font-weight:bold;
	height:30px;
	margin-left:85px;
	margin-top:209px;
	padding-left:5px;
	padding-top:12px;
	width:205px;
}
div.rightColumnFacDoor a{
	color:#bcc1c3;
	margin-left:12px;
}
div.rightColumn{
	float:left;
	min-width:431px;
	min-height:262px; 
	margin-left:11px;
}
div.leftColumnInferior{
	float:left;
	width:211px;
	min-height:174px; 
	margin-left:11px;
	/*margin-right:12px;*/
}
div.leftColumnInferior div.menuHomeAlumni {
	background:transparent url('fonsmenu.png') repeat-x scroll left top;
	float:left;
	*width:211px;
	width:211px;
}
div.leftColumnInferior div.menuHomeAlumni h2 {
	font-family:Arial;
	font-size:17px;
	height:25px;
	padding-left:10px;
	padding-top:7px;
	text-align:left;
}
div.leftColumnInferior div.menuHomeAlumni div.menuInterior {
	min-height:123px;
}
div.leftColumnInferior div.menuHomeAlumni div.menuInterior div.menuOnlyItem {
	background:transparent url('fletxa-gris.gif') no-repeat scroll 95% 50%;
	padding-bottom:3px;
	padding-left:12px;
	padding-right:12px;
	padding-top:3px;
	text-align:left;
}
div.leftColumnInferior div.menuHomeAlumni div.menuInterior div.menuOnlyItem  a{
	font-size:12px;
	font-family:Arial;
}
div.leftColumnInferior div.menuHomeAlumni div.peuMenuHome{
	background:#f0f0f0 url('peumenu2.png') no-repeat scroll left bottom;
	cursor:pointer;
	height:20px;
}
div.leftColumnInferior div.menuHomeAlumni  div.menuDesplegat {
	background:transparent url('peumenu.png') no-repeat scroll left bottom;
}
div.leftColumnInferior div.menuHomeAlumni  div.menuDesplegat  div.notShowed{
	display:none;
}
div.centerColumnInferior{
	/*background-color:#f2f2f2;*/
	float:left;
	width:430px;
	min-height:165px; 
	margin-left:9px;
	margin-right:9px;
}
div.centerColumnInferior div#noticiesHome{
	background:#FFFFFF  url('fonsnoticies.png') repeat-x scroll center top;
	min-height:155px;
}
div.centerColumnInferior  div#noticiesHome h2 {
	font-family:Arial;
	font-size:17px;
	height:30px;
	padding-left:12px;
	padding-top:7px;
	text-align:left;
}
div.centerColumnInferior div#noticiesHome div.itemNoticia{
	padding-bottom:12px;
	font-size:12px;
	min-height:96px;
	border-left:1px solid #B7B7B7;
	border-right:2px solid #E5E5E5;
}
div.centerColumnInferior div#noticiesHome div.itemNoticia img{
	float:left;
	margin-left:12px;
	margin-right:12px;
	margin-bottom:12px;
}
div.centerColumnInferior div#noticiesHome div.itemNoticia  h3{
	font-family:Arial;
	font-size:16px;
	/*height:23px;*/
	padding-left:16px;
	text-align:left;
}
div.centerColumnInferior div#noticiesHome div.itemNoticia  p{
	padding-left:16px;
	text-align:left;
	margin-right:4px;
}
div.centerColumnInferior div#noticiesHome div.itemNoticia a{
	color:#C70540;
	font-size:12px;
}
div.centerColumnInferior div#finalCapsaNoticies div.persiana{
	background: transparent url('peunoticies2.png') no-repeat scroll left bottom;
	cursor:pointer;
	height:20px;
}
div.centerColumnInferior div#finalCapsaNoticies div.Desplegada{
	background:transparent url('peunoticies.png') no-repeat scroll left bottom;
}
div.rightColumnInferior{
	float:left;
	width:211px;
	min-height:174px; 
}
/*----------------------------------------------------------------------------------------------------
	Footer of the Web.
----------------------------------------------------------------------------------------------------*/

div.footer{
	background:transparent url('fonsDual.gif') no-repeat scroll center bottom;
	width:944px;
	padding-bottom:21px;
	font-size:0.84em;
	*height:65px;
	*margin-top:-35px;
	*position:relative;
	*z-index:-1;
}
div.footer p{
	clear:both;
	*margin-top:45px;
}