/*----------------------------------------------------------------------------------------------------
[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;
	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;
}
.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:url("grandientMid.gif");
	float:left;	
}
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:#ffffff url("grandientTBottom.gif") repeat-x;
	height:16px;
	float:left;
	width:944px;
}
div.content{
	width:894px;
	float:left;	
	margin-left:25px;
	background:#ffffff;
	margin-top:-41px;
}

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

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

div.header{
	height:159px;
	width:860px;
	padding-left:34px;
	float:left;
}
div.header a.logoUab{
	float:left;
	width:102px;
	height:52px;
	margin-top:34px;
}
div.header ul.userToolsList{
	float:left;
	padding-left:45px;
	padding-top:12px;
}
div.header ul.userToolsList li{
	display:inline;
	list-style:none;
	padding-left:10px;
	padding-right:10px;
}
div.header ul.userToolsList li a:hover{
	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-top:130px;	
}
div.headerInterior{
	height:114px;
	width:860px;
	padding-left:34px;
	float:left;
}
div.headerInterior p.title{
/*	float:right;*/
	float:none;
	padding-left:560px;
	margin-right:15px;
	margin-top:60px;
}

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

div.webContent{
	float:left;
	width:894px;
	background:#ffffff url("grandientContent.gif") repeat-x top left;
	padding-top:12px;
	padding-bottom:35px;
}
div.leftColumn{
	float:left;
	width:231px;
	padding-left:12px;
	padding-right:12px;
}
div.leftColumnInterior{
	width:144px;
}
div.centerColumn{
	float:left;
	width:384px;
}
div.centerColumnInterior{
	width:558px;
}
div.centerColumnInteriorExtens{
	width:714px;
}
div.centerInterior{
/*background: #e5e5e5 url("caixa_bottom.gif") no-repeat bottom left;*/
background: #e5e5e5 no-repeat bottom left;
overflow:auto;

padding-bottom:10px;
}
div.rightColumn{
	float:left;
	width:231px;
	padding-right:12px;
	padding-left:12px;
}
div.rightColumnInterior{
width:144px;
}

/*----------------------------------------------------------------------------------------------------
	Vertical Menu List of Left and Right Content
----------------------------------------------------------------------------------------------------*/

ul.verticalMenuList li{
	background:transparent url("grandientModule.png") repeat-x bottom left;
	padding-bottom:7px;
	margin-bottom:3px;
	list-style:none;
}
ul.verticalMenuList li.extended{
	background:none;
}
ul.verticalMenuList li p{
	padding-left:20px;
}
ul.verticalMenuList li a{
	background:#000000 url("grandientModuleLink.gif") repeat-x top left;
	height:27px;
	line-height:27px;
	vertical-align:middle;
	display:block;
	padding-left:10px;
	padding-right:10px;
	font-size:1.1em;
}
ul.verticalMenuList li span{
	display:block;
	background:transparent url("arrowWhite.gif") no-repeat right center;
}
ul.verticalMenuList li.grandientModule{
	background:none;
	height:10px;
	line-height:7px;
	margin:0px;
	padding:0px;
	margin-top:-10px;
	float:none;
}
ul.verticalMenuListInterior{
list-style-type:none;
margin:0px;
padding:0px;
}
ul.verticalMenuListInterior li{
font-size:1em;
line-height:15px;
padding-left:15px;
padding-bottom:6px;
background-color:#c5c5c5;
font-weight:bold;
}
ul.verticalMenuListInterior li.extended{
background:#000000 url("grandientModuleLink.gif") repeat-x top left;
height:27px;
line-height:27px;
vertical-align:middle;
display:block;
padding:0px;
padding-left:5px;
padding-right:10px;
font-size:1em;
color:white;
margin-left:15px;
}
ul.verticalMenuListInterior li.extended a{
color:white;
}
ul.verticalMenuListInterior li.degradat{
padding-left:0px;
overflow:hidden;
line-height:0px;
}

ul.verticalMenuListInterior li.ultim{
padding-bottom:10px;
}
div.module{
	height:90px;
	padding-left:79px;
	padding-right:10px;
	padding-top:15px;
	padding-bottom:4px;
}
div.module01{
	background:transparent url("module01.png") repeat-x top left;	
}
div.module02{
	background:transparent url("module02.png") repeat-x top left;
}
div.module03{
	background:transparent url("module03.png") repeat-x top left;
}
div.module04{
	background:transparent url("module04.png") repeat-x top left;
}

/*----------------------------------------------------------------------------------------------------
	Box of Center Content, and Photo Gallery
----------------------------------------------------------------------------------------------------*/

div.box p.boxTop{
	background:transparent url("boxTop.png") no-repeat bottom left;
	height:4px;
	line-height:4px;
	float:left;
	width:384px;
}
div.box div.boxCenter{
	background:#b7b5b5;
	padding:13px;
	padding-top:7px;
	padding-bottom:7px;
	float:left;
	width:358px;
}
div.box p.boxBottom{
	background:transparent url("boxBottom.png") no-repeat top left;
	height:4px;
	line-height:4px;
	float:left;
	width:384px;
	margin-bottom:10px;
}
ul.photoGallery{
	margin-left:-8px;
	padding-top:4px;
}
ul.photoGallery li{
	float:left;
	list-style:none;
	padding-top:6px;
	padding-left:8px;
}

/*----------------------------------------------------------------------------------------------------
	Banners of Left, Center and Right Content
----------------------------------------------------------------------------------------------------*/

a.imgBanner{
	display:block;
	float:left;
	margin-top:10px;
}
.leftColumn a.imgBanner img,.rightColumn a.imgBanner img{
width:231px;
}
p.grandientBanner{
	background:transparent url("grandientModule.png") repeat-x top left;
	height:7px;
	line-height:7px;
	float:left;
	margin-top:-3px;
	width:231px;
}
p.gradientMenuInterior{
	width:144px;
}
/*----------------------------------------------------------------------------------------------------
	Footer of the Web.
----------------------------------------------------------------------------------------------------*/

div.footer{
	width:944px;
	padding-bottom:3px;
	font-size:0.84em;
}



/*****************************************************************************/
/*-----------------------EXTRA CSS FOR INTERNAL PAGES-------------------------*/
/*****************************************************************************/

h1.titolPlana,h1.titolPlana a{
color:white;
padding:7px 15px;
}
div.centralSpace{
background: #e5e5e5;
}
div.interiorText{
padding:15px;
}
p.gradientTitol{
	width:100%;
}
div.fotoTG{
float:left;
margin:0px 15px 15px 0px;
}
div.promosPage{
margin:0px -10px 0px 0px;
overflow:auto;
width:558px;
}
div.linkPromoInterior{
	display:block;
	float:left;
	margin:10px 10px 0px 0px;
}
div.gradientBanner{
background:transparent url("grandientModule.png") repeat-x bottom left;
padding-bottom:5px;
}
div.gradientBannerPromoInterior{
display:block;
width:100%;
	background:transparent url("grandientModule.png") repeat-x top left;
	height:7px;
	line-height:7px;
	float:left;
	margin-top:-3px;
}

p#breadCumb{
	margin:5px 0px;
	padding:0px;
	display:block;	
	background:transparent;
	margin-bottom:12px;
}

p#breadCumb a.seccioSuperior{
	margin:0px;
	padding:0px;
	font-family:Verdana, Arial, Heveltica;
	/*font-size:11px;*/
	font-size: 0.96em;
	font-weight:normal;
	color:white;
	text-decoration:none;
}

p#breadCumb span.seccioActual{
	margin:0px;
	padding:0px;
	font-family:Verdana, Arial, Heveltica;
	/*font-size:11px;*/
	font-size: 0.96em;
	font-weight:bold;
	color:white;
	text-decoration:none;
}


p#breadCumb span.breadSeparator{
	margin:0px;
	padding:0px;
	font-family:Verdana, Arial, Heveltica;
	/*font-size:11px;*/
	font-size: 0.96em;
	font-weight:normal;
color:white;
	margin-left:5px;
	margin-right:5px;
}
div.centerInterior ul, div.centerInterior ol{
text-align:center;
margin:0px 25px;
}
div.centerInterior{
	font-size:0.9em;
}
div.centerInterior *{
	font-size:1em;
}
div.centerInterior table{
	text-align:center;
	margin:0px;
	padding:0px 10px;
}
div.centerInterior table td{
	text-align:center;
	vertical-align:top;
}
div.centerInterior table table{
	padding:0px;
}
div.centerInterior table table table td.menu_seccion{
	padding-top:9px;
}
div.centerInterior table.tableEnllaDocuments td{
	text-align:left;
	margin:0px;
	padding:0px 0px;
}

div.centerInterior table.tableCentral{
	border-collapse:collapse;
	margin:0px;
	margin-bottom:20px;
	width:100%;
}
div.centerInterior table#footNavigation.tableCentral{
	margin-bottom:-10px;
}
div.centerInterior table.tableCentral tr.rowGrey td{
	background-color:#dfdfdf;
}
div.centerInterior table.tableCentral tr.rowWhite td{
	background-color:#f3f3f3;
}
div.centerInterior table.tableCentral th{
	background-color:#40484b;
	color:white;
	padding:10px 4px;
}
div.centerInterior table.tableCentral th a{
color:white;
}
div.centerInterior table.tableCentral td{
	padding:2px 4px;
	text-align:left;
}
div.centerInterior table.tableCentral tr td.first-child,div.centerInterior table.tableCentral tr th.first-child{
	padding-left:15px;
}
div.centerInterior table.tableCentral tr th{
	padding-top:10px;
	vertical-align:top;
}
div.centerInterior table.tableCentral table.MsoNormalTable{

	border-collapse:collapse;
}
div.centerInterior table.tableCentral table.MsoNormalTable td{
	border:1px solid #f3f3f3;
}
div.centerInterior table.tableCentral table.MsoNormalTable p.MsoNormal{
	white-space:normal;
}
.secciono10px{
font-weight:bold;
}
.texto_normal_peq10Negrita{
font-weight:bold;
}

div#infoInterior{
margin:15px;
}
div.interiorText p{
margin:10px 0px;
}
div#infoInterior h2.titolInteriorDescripcio{
margin:15px 0px;
padding:7px 15px;
display:block;
color:white;
background-color:#40484b;
}
div#infoInterior h3.titolInteriorDescripcio{
margin:15px 0px;
display:block;
border-bottom:#40484b 1px solid;
}
div#infoInterior div.descripcioText{
font-size: 1em;
}
div.centerInterior table#horari{
background-color:#dfdfdf;
border-spacing:0px;
empty-cells:show;
padding:0px;
border:none;
border-collapse:collapse;
border: 1px solid #9c9c9c;
margin-bottom:12px;
}

div.centerInterior table#horari caption{
background-color:transparent;
font-weight:bold;
margin-top:12px;
}

div.centerInterior table#horari tbody tr#rowGrey td, div.centerInterior table#horari tbody tr#rowGrey th{
background-color:#dfdfdf;
}

div.centerInterior table#horari tbody tr#rowWhite td, div.centerInterior table#horari tbody tr#rowWhite th{
background-color:#f3f3f3;
}

div.centerInterior table#horari tbody tr th{
border:none;
border: 1px solid #9c9c9c;
text-align:right;
vertical-align:top;
width:6%;
height:20px;
}

div.centerInterior table#horari tbody tr td{
border:none;
border: 1px solid #9c9c9c;
vertical-align:middle;
height:12px;
padding-top:2px;
padding-bottom:2px;
}

ul.verticalMenuListInterior li a.imagenEnlaceMenuDerecha{
	display:inline;
 }
ul.verticalMenuListInterior li a.imagenEnlaceMenuDerechaThumb{
	display:inline;
 }
div.enlacesMenuDerechaTitulo {
	color: white;
}

#contentOfBeques{
padding:10px;
font-size:1em;
}

h1.titulacio,#menuLevel3{
margin-top:10px;
}
div.centerInterior table td.texto_destacado,div.centerInterior table td.texto_normal,div.centerInterior table td.texto_normal *{
text-align:left;
}

/** MENU DE LA DRETA **/

div.menuDretaEnlaces div.enlacesMenuDerechaImagen {
	background-color: transparent;
	padding:0px;
	margin:-2px;
	text-align:left;
	text-decoration:none;
}
div.menuDretaEnlaces div.enlacesMenuDerechaImagenThumb {
	background-color: #c5c5c5;
	PADDING-RIGHT: 0px; 
	PADDING-LEFT: 0px; 
	PADDING-BOTTOM: 2px;  
	PADDING-TOP: 0px;	
	margin:0px;
	text-align:left;
	text-decoration:none;
}
div.menuDretaEnlaces div.enlacesMenuDerechaPie {
	font-size: 0.96em;
	margin:0px;
	padding-bottom:10px;
	padding-left:15px;
	font-weight:bold;
	background-color:#C5C5C5;
}
div.menuDretaEnlaces div.enlacesMenuDerechaDesc {
	PADDING:15px; 
	margin-top:-10px;
	FONT-WEIGHT: bold; 
	FONT-SIZE: 0.9em;
	background-color: transparent;
	line-height:10px;
}
div.menuDretaEnlaces div.separacion{
	background-color:transparent;
	margin:0px;
	padding:0px;
}
div.menuDretaEnlaces ul.verticalMenuListInterior li.degradat{
	margin:0px;
	padding:0px;
}

.borderPestanyesGuies{
	line-height: 0px;
	height: 1px;	
}
.borderPestanyesGuies img{
	display: block;
}

/* Menu inferior izquierda*/
.menuIzdaInferior{
	background-color: #666666;
	width: 100%:
}
.menuIzdaInferior ul{
	list-style:none;
	padding-right: 10px;
	padding-left:15px;
}
.menuIzdaInferior ul li{
	font-size:1em;
	font-weight:bold;
	line-height:15px;
	padding-bottom:6px;		
	background:transparent url("fletxa.gif") no-repeat center right; /*center*/ /*top*/
}
.menuIzdaInferior ul li a{
	color: white;
}
.menuIzdaInferior ul li a:hover{
	color: #C21836;
}
.menuIzdaInferiorPrimero{
	padding-top:6px;
}