/* G L O B A L */
*{
	height: 	auto;
	
	margin: 	0px;
	padding: 	0px;
	border: 	0px;
	
	background-repeat:   no-repeat;
	background-position: left center;
}
a{
	text-decoration: none;
}
object, embed {
	width:  100%;
	height: 100%;
	
	margin:  0px;
	padding: 0px;
}
select{
	border-top:  	1px solid #c8c8c8;
	border-right: 	1px solid #f0f0f0;
	border-bottom:  1px solid #fbfbfb;
	border-left: 	1px solid #c8c8c8;
}
body{
	background-image: url("fondo.gif");
	background-repeat:  repeat;
}
label.hidden{
	display: none;
}

/* G E N E R A L */
#layout{
	width: 		780px;
	margin: 	auto auto;
	padding: 	0px 10px 0px 10px;
	display:	table;
	
	background-color: #ffffff;
}
/** 998663 - AT **/
html*#layout{ /* S A F A R I - C H R O M E - I E 7*/
	width: 	800px;
	]width: 780px; /* I E 7 */
}
/** 998663 - AT **/
#standalone_layout{
	width: 		540px;
	margin: 	auto auto;
	padding: 	0px 10px 30px 10px;
	display:	table;
	
	background-color: #ffffff;
}
.floatLeft{
	float: left;
}
.floatRight{
	float: right;
}
/* T O P */
#top{
	width: 100%;
	clear: both;
}
/* T O P - L A N G U A G E S */
#top_languages{
	width: 100%;
	clear: both;
	
	padding: 3px 0px 1px 0px;
	
	text-align: right;
}
/* T O P - L O G O  &  C A M P U S */
#top_logo_and_campus{
	width: 100%;
	height: 49px;
	clear: 	both;
	
	margin:		1px 0px 0px 0px;
	padding: 	17px 0px 14px 0px;
	
	background-image: url("top_background.gif");
	background-repeat: repeat-x;
}
/*
#top_logo{
	width:  111px;
	height: 100%;
	float:	left;
	
	background-image: url("/opencms_colaboradors/opencms/system/modules/edu.uoc.web.presentations/resources/images/structure/uoc_logo.gif");
}
*/
#top_logo{
	width:  451px;
	height: 100%;
	float:	left;
}
#top_logo img{
	width:   100%;
	height:  100%;
}
#top_campus{
	width: auto;
	clear: none;
}
#top_campus div{
	height: 100%;
	clear: none;
}
#top_campus div.left{
	float: left;
	
	padding: 0px 0px 0px 25px;
}
#top_campus div.right{
	float: right;
	padding: 2px 0px 0px 0px;
}
#top_campus div.right p{
	text-align: right;
}
#top_campus input.text{
	width:	92px;
	height:	15px;
	
	margin:		 10px 0px 0px 5px;
	border-top:  	1px solid #c8c8c8;
	border-right: 	1px solid #f0f0f0;
	border-bottom:  1px solid #fbfbfb;
	border-left: 	1px solid #c8c8c8;
}
#top_campus input.img{
	padding: 0px 0px 0px 5px;
}
/* T O P - S E C T I O N */
#top_breadCrumb{
	width: auto;
	clear: both;
}
#top_sectionTitle{
	width: 		100%;
	clear: 		both;
	display: 	table;
	
	margin:			0px  0px 7px 0px;
	padding: 		10px 0px 3px 0px;
	border-bottom: 	3px solid #2e3a69;
}
* html #top_sectionTitle{ /* IE HACK */
	height: 1px;
}
#top_sectionTitle div#section_title{
	width: 	380px;
	float: 	left;
	clear:	left;
}
#top_sectionTitle div#print{
	float: 	right;
	clear:	none;
	
	margin:  0px 2px 0px 6px;
	padding: 0px 0px 0px 17px;
	
	line-height: 16px;
	
	background-image: url("top_print.gif");
}
#top_sectionTitle div#recommend{
	float: 	right;
	clear:	none;
	
	margin:  0px 2px 0px 6px;
	padding: 0px 0px 0px 13px;
	
	line-height: 16px;
	
	background-image: url("top_recommend.gif");
}

/* M I D D L E */
#middle{
	width: 		100%;
	clear: 		both;
	display: table-row;
	float: 		left;
	
	vertical-align: top;
	/*MRC*/
	min-height:320px;
	/*MRC*/
}
/* M I D D L E - S E C T I O N */
#section{
	width: 		540px;
	display: 	table-cell /*inline*/;
	clear:	    none;
	
	float: 		left;
}
div.sectionMenu{
	width: 	 100%;
	display: table;
	clear: 	 both;
}
div.sectionMenu div{
	width:   50%;
	display: table;
	clear: 	 none;	
}
* html div.sectionMenu, * html div.sectionMenu div{
	height: 1px;
}
div.sectionMenu div p{
	padding: 		2px 0px 2px 12px;
	
	background-image: 	 url("bullet_menu_level4.gif");
	background-position: left center;
}
div.sectionMenu div.selected p{
	background-image: 	 url("bullet_menu_level4_selected.gif");
}
/* R I G H T  M E N U */
#right_menu{
	width: 	 230px;
	clear:	 none;
	float: 	 right;
	display: table-cell;
	
	vertical-align: top;
	background-color: #ffffff;
}
#right_menu #navigation_menu{
	display: table;
}
* html #right_menu #navigation_menu{
	height:  	 1px;
	min-height:  10px;
}
#right_menu #navigation_menu div{
	clear: 	both;
	
	border-bottom: 1px solid #ffffff;
}
#right_menu #navigation_menu div.levelTwo{
	min-height: 	  33px;
	display: 		  table;
	background-color: #ebebeb;
}
* html #right_menu #navigation_menu div.levelTwo{
	height:		1px;
}
#right_menu #navigation_menu div.levelTwo a, #right_menu #navigation_menu div.levelTwoSelected{
	width:  	190px;
	float: 		left;
	display:	block;
	
	background-color: 		#ebebeb;
	background-image: 		url("bullet_menu_right_level2.gif");
	background-position: 	12px center;
}
#right_menu #navigation_menu div.levelTwo a{
	min-height: 14px;
	padding: 	10px 0px 10px 40px;
}
#right_menu #navigation_menu div.levelTwo a:hover{	
	background-color: #ffffff;
	background-image: url("bullet_menu_right_level2_selected.gif");
}
#right_menu #navigation_menu div.firstItem a:hover{/*ESTIL ESPECIAL PEL PRIMER ÍTEM DE NIVELL 2*/
	width:  	190px;
	
	border-top: 3px solid #ebebeb;
	padding: 	7px 0px 10px 40px;
}
#right_menu #navigation_menu div.lastItem a:hover{/*ESTIL ESPECIAL PEL L'ÚLTIM ÍTEM DE NIVELL 2*/
	width:  	190px;
	
	border-bottom:  3px solid #ebebeb;
	padding: 		10px 0px 7px 40px;
}
#right_menu #navigation_menu div.levelTwo a.link{
	width: 162px;
	
	padding-right: 28px;
	
	background-image: 	 url("bullet_menu_right_link.gif");
	background-position: 11px center;
}
#right_menu #navigation_menu div.levelTwo a.link:hover{
	width: 162px;
	
	padding-right: 28px;
	
	background-image: url("bullet_menu_right_link_selected.gif");
}
#right_menu #navigation_menu div.levelTwoSelected{
	width:  	100%;
	min-height: 34px;
	
	background-image: url("bullet_menu_right_level2_selected.gif");
}
#right_menu #navigation_menu div.levelTwoSelected span.selected{
	width: 		190px;
	display:	block;
	min-height: 14px;
	padding: 	10px 0px 10px 40px;
}
#right_menu #navigation_menu div.firstItem a{
	border-top: 3px solid #ebebeb;
	padding: 	7px 0px 10px 40px;
}
#right_menu #navigation_menu div.lastItem a{
	border-bottom: 3px solid #ebebeb;
	padding: 	   10px 0px 7px 40px;
}
#right_menu #navigation_menu div.levelThree{
	display: table;
}
#right_menu #navigation_menu div.levelThree a, #right_menu #navigation_menu div.levelThreeLast a,
#right_menu #navigation_menu div.levelThreeSelected, #right_menu #navigation_menu div.levelThreeLastSelected{
	width:  	170px;
	float: 		left;
	display:	block;
	
	border-bottom:  1px dotted #cccccc;
	
	background-color:		#f7f7f7;
	background-image: 		url("bullet_menu_right_level3.gif");
	background-position: 	42px center;
}

#right_menu #navigation_menu div.levelThreeSelected, 
#right_menu #navigation_menu div.levelThreeLastSelected{/*DIVS SELECTED L3*/
	width:  	100%;
	min-height: 34px;
}
#right_menu #navigation_menu div.levelThreeSelected span.selected, 
#right_menu #navigation_menu div.levelThreeLastSelected span.selected{
	width: 		170px;
	display:	block;
	min-height: 14px;
	padding: 	10px 0px 10px 60px;
}
#right_menu #navigation_menu div.levelThree a, 
#right_menu #navigation_menu div.levelThreeLast a{/*ANCHORS*/
	min-height: 14px;
	padding: 	10px 0px 10px 60px;
}
#right_menu #navigation_menu div.levelThreeLast a, 
#right_menu #navigation_menu div.levelThreeLastSelected{/*LAST DIVS & ANCHORS L3*/
	border-bottom: none;
	margin: 0px 0px 1px 0px;

}
#right_menu #navigation_menu div.levelThree a:hover, 
#right_menu #navigation_menu div.levelThreeLast a:hover, 
#right_menu #navigation_menu div.levelThreeSelected, 
#right_menu #navigation_menu div.levelThreeLastSelected{	
	background-color:		#ffffff;
	background-image: url("bullet_menu_right_level3_selected.gif");
}
#right_menu #navigation_menu div.levelThreeLastSelected,
#right_menu #navigation_menu div.levelThreeLast a:hover{
	margin:			0px;
	border-bottom:  1px dotted #cccccc;
	background-image: url("bullet_menu_right_level3.gif");

}
#right_menu #navigation_menu div.levelThree a.link , #right_menu #navigation_menu div.levelThreeLast a.link{
	width: 142px;
		border-bottom:  1px dotted #cccccc;

	padding-right: 28px;
	
	background-image: 	 url("bullet_menu_right_link_level3.gif");
	background-position: 12px center;
}
#right_menu #navigation_menu div.levelThree a.link:hover , #right_menu #navigation_menu div.levelThreeLast a.link:hover{
	background-image: url("bullet_menu_right_link_level3_selected.gif");
}
/* R I G H T - B A N N E R S */
#banners_destacats{
	width:   100%;
	clear:   both;
	display: table;
	
	margin:  0px;
	padding: 0px;
}
#banners_destacats ul li{
	display: block;
	
	padding: 0px 0px 0px 8px;
	
	list-style-type: none;
	background-image: url("bullet_banner_destacat.gif");
	background-position: left center;
}
#banners_destacats div.bannerDestacat{
	width:   100%;
	clear:   both;
	display: table;
	
	margin:  10px 0px 0px 0px;
}
#banners_destacats div.head{
	width: 100%;
	height: 40px;
	display: table;
	
	margin: 0px 0px 1px 0px;
	
	background-color: #366985;
}
#banners_destacats div.head div.title{
	display: table;
	clear: none;
	float: left;
	
	padding: 11px 0px 0px 12px;
}
#banners_destacats div.head div.seeMore{
	display: table;
	clear: none;
	float: right;
	
	padding: 11px 5px 0px 0px;
}
#banners_destacats div.head div.seeMore a{
	display: block;
	
	padding: 0px 8px 0px 0px;
	
	background-image: 	 url("bullet_banner_destacat_seemore.gif");
	background-position: right center;
}
#banners_destacats div.image{
	width: 100%;
	height: 40px;
	display: block;
	overflow: hidden;
	
	margin: 0px 0px 1px 0px;
}
#banners_destacats div.body{
	overflow: hidden;
	
	margin: 0px 0px 1px 0px;
	padding: 8px 12px 12px 12px;
	
	background-color: #F0F0F0;
}
#color_banners{
	width:   100%;
	clear:   both;
	display: table;
	
	margin:  0px;
	padding: 0px;
	
	vertical-align: top;
}
#color_banners div{
	width:   90px;
	clear:   none;
	display: table;
	
	margin:  10px 0px  0px  0px;
	padding: 38px 10px 15px 10px;
	
	line-height: 16px;
	
	background-image: 	 url("banner_crop.gif");
	background-position: 9px 9px;
}
#color_banners div{
	cursor: pointer;
}
#color_banners div.rectangle{
	width: 210px;
	clear: both;
}
#image_banners div.image_banner{
	padding: 8px 0px 0px 0px;
}
/* P A G I N A T */
.paginat{
	width: 		100%;
	display: 	table;
	clear: 		both;
	float:		left;
	
	padding: 		0px;
	border-top:  	1px solid #2e3a69;
	border-bottom:  1px solid #2e3a69;
	
	text-align: right;
}
.paginat p{
	float: right;
	
	padding: 12px 5px 12px 0px;
	
	text-align: right;
}

/* F O O T */
#foot{
	width: 	100%;
	clear: 	both;
	float: left;
	display: table-row;
	padding: 25px 0px 15px 0px;
}
#foot div#foot_FirstRow{
	width: 	100%;
	height: 17px;
	clear: 	both;
	
	padding: 		23px 0px 22px 0px;
	
	background-image: url("foot_background.gif");
	background-repeat: repeat-x;
	
	text-align: center;
}
#foot div#foot_SecondRow{
	width: 100%;
	clear: both;
	
	padding: 7px 0px 0px 0px;
	
	text-align: center;
}
#foot div#foot_ThirdRow{
	width: 100%;
	clear: both;

	padding: 6px 0px 0px 0px;
	
	text-align: center;
}