body { 	background: #F4F5F9 url(http://www.uoc.edu/web/cat/img/fons_home.gif) top left fixed repeat-x; font: 11px Tahoma, Verdana, Arial, Helvetica, sans-serif #303030; margin:0px; padding:0px; }
div {font-size: 11px;}
img {border:0px;}
form {margin:0px;padding:0px;}

#content { border: 10px solid white; margin: 0px auto; width: 750px; background: #FFFFFF;}

#header h1 { margin: 0px; padding: 0px;} 

#tool {width: 750px; display:table;background: #E1DFE0;}

#language {width:auto;display: table-cell;float:right;text-align:right;}
#language ul {margin:0px;padding:0px;}
#language ul li {margin:0px;padding:0px;display: inline; list-style-type: none; padding-left: 6px;padding-right: 6px; border-right: 1px solid #94B473;}
#language ul li.last { border:0px;}
#language a, a:link, a:active, a:visited { text-decoration:none; font: 11px Tahoma,Verdana,Arial; color: #000000;}
#language a:hover {text-decoration:none; font: 11px Tahoma,Verdana,Arial; color: #A0A0A0;}
#language a.f1, a.f1:link, a.f1:visited, a.f1:hover, a.f1:active {font-size: 9px;}
#language a.f2, a.f2:link, a.f2:visited, a.f2:hover, a.f2:active {font-size: 10px;}
#language a.f3, a.f3:link, a.f3:visited, a.f3:hover, a.f3:active {font-size: 11px;}

#subtool {width:auto;display: table-cell;float:left;}
#subtool ul {margin:0px;padding:0px;}
#subtool ul li {margin:0px;padding:0px;display: inline; list-style-type: none; padding-left: 8px;padding-right: 8px; border-right: 1px solid #94B473;}
#subtool ul li.last { border:0px;}
#subtool a, a:link, a:active, a:visited { text-decoration:none; font-size: 11px; font-family: Tahoma,Verdana,Arial; color: #000000;}
#subtool a:hover {text-decoration:none; font-size: 11px; font-family: Tahoma,Verdana,Arial; color: #A0A0A0;}

/* jdomenechf */
#middle {width: 750px; background: #FFFFFF; padding: 10px 0px 10px 0px;}

#body {width:75%;display: table-cell;float:right;text-align:right;}

#high {width:100%;display:table;background: #FFFFFF; padding: 0px 0px 0px 0px;text-align:left;}

#left {width:60%; display: table-cell;float:left;text-align:left;border: 9px solid #E3DCCC;background: #F1EEE6;min-height:137px;}
#left p {padding: 0px; margin:0px; font-size: 11px; font-family: Tahoma,Verdana,Arial; color: #000000;background: #F1EEE6 url(http://www.uoc.edu/web/cat/img/fons_dest.gif) top left repeat-x;}
#left p a.tit, a.tit:link, a.tit:visited, a.tit:active {font-size:13px;font-family: Tahoma, Verdana, Arial; font-weight:bold;color:#A28A57;}
#left p a.tit:hover {font-size:13px;color:#A28A57;text-decoration:none;}
#left p img.lefty {float:left;padding-right:10px;}
#left p img.tit {padding-bottom:5px;}
#left p.cos {padding: 3px 0px 0px 109px; margin:0px; font-size: 11px; font-family: Tahoma,Verdana,Arial; color: #000000;background: #F1EEE6;}
#left p.cos a {font-size:12px;font-weight:bold;color:#505050}
#left p.cos a:hover {font-size:12px;font-weight:bold;color:#505050;text-decoration:underline;}
#left p.cos a span {color: #737071;font-weight:normal;font-size:11px;}


#right {width:35%;display: table-cell;float:right;text-align:left; background: #F1F0F0 url(http://www.uoc.edu/web/eng/img/fons_acces.gif) no-repeat bottom right;min-height:155px;}
#right h2 {padding: 10px 0px 0px 8px; margin:0px;font-size: 18px; font-weight:bold; font-family: Tahoma,Verdana,Arial;color:#A60101;}
#right h2.imatge {padding: 10px 0px 0px 0px; margin:0px; text-align: center;}
#right ul {padding: 0px 0px 0px 0px; margin: 0px 0px 0px 25px;}
#right ul li {list-style-image: url(http://www.uoc.edu/web/cat/img/bullUOC.gif);padding: 0px; color: #434040; margin: 0px;font-size: 12px; font-family: Tahoma,Verdana,Arial;line-height:15px;}
#right ul li.imatge {margin-left:-15px;list-style-image: url(http://www.uoc.edu/web/eng/img/bullUOCbuit.gif);}
#right ul li a, #right ul li a:link, #right ul li a:active, #right ul li a:visited {font-size: 12px; font-family: Tahoma,Verdana,Arial;}
#right ul li a:hover {text-decoration:underline;}
#right ul li a.red, a.red:link, a.red:active, a.red:visited {color: #BC4141;}
#right ul li a.red:hover {text-decoration:underline;}
#right span {line-height:13px;color: #737071;font-size: 11px;}

#right ul li span a, #right ul li span a:link, #right ul li span a:active, #right ul li span a:visited {font-size: 11px; font-family: Tahoma,Verdana,Arial; color: #737071;}
#right ul li span a:hover {text-decoration:underline;}

#right ul li a img.imatge {float:left; padding-right: 7px;padding-top: 5px;}


#menu {width:22%;display: table-cell;float:left;}

#login {background: #ECEDF1;margin-bottom: 5px;}
#login h2 {background: #5F6E8F; margin: 0px; margin-bottom: 5px;font-size: 11px; font-family: Tahoma,Verdana,Arial;color:#FFFFFF;padding: 2px 2px 2px 5px;}
#login span {font-size: 11px; font-family: Tahoma,Verdana,Arial;color:#354566;padding: 0px 0px 0px 5px;}
#login label {padding-right: 7px;}
input.ta {border: 1px solid #9EA9C5;font-size: 11px; font-family: Tahoma,Verdana,Arial;color:#354566;width:110px;height:11px;} 
input.img {vertical-align:top;padding-left: 3px;} 
#footlogin {border: 1px solid #D7DAE1; margin-top: 5px;}
#footlogin span {padding-left: 5px;}
#footlogin span a {color: #75809E}


.box {background: #ECEDF1;margin-bottom: 5px;}
.box h2 {margin: 0px 0px 4px 0px; padding: 8px 0px 0px 6px;}
.box h2.link {margin: 0px 0px 4px 0px; padding: 8px 0px 4px 6px;} 
.box ul {margin:0px;padding: 0px 0px 7px 0px;}
.box ul ul {margin:0px;padding: 0px 0px 0px 0px;}
.box ul li {margin:0px;padding: 0px;list-style-type: none; line-height: 18px; text-decoration:none; font-size: 12px; font-family: Tahoma, Verdana, Arial; color: #344767;position: relative;}
.box span.first {padding-left: 8px;}
.box li a span {padding-left: 16px;}
.box li a span.first {padding-left: 8px;}

.box a.link, a.link:link, a.link:active, a.link:visited {text-decoration:none; font-size: 11px; font-family: Tahoma,Verdana, Arial;color: #344767;width:100%;padding-top: 2px;height:14px;display:block;}
.box a.link:hover {background: #C4CAD6;font-size: 11px; font-family: Tahoma,Verdana,Arial;color: #344767;width:100%;padding-top: 2px;height:14px;display:block;}

.box a.first, a.first:link, a.first:active, a.first:visited {font-size: 12px;width:100%;display:block;padding-top: 2px;height:14px;color: #344767;}
.box a.first:hover {text-decoration:none;font-size: 12px;background: #C4CAD6;width:100%;display:block;padding-top: 2px;height:14px;color: #344767;}
/*
.box a.link2n, a.link2n:link, a.link2n:active, a.link2n:visited {text-decoration:none; font-size: 11px; font-family: Tahoma,Verdana, Arial; color:#344767; width:100%; display:block; background: url(http://www.uoc.edu/web/cat/img/fons_menu2.gif) top right; padding: 2px 0px 2px 0px;}
.box a.link2n:hover {background: #C4CAD6 url(http://www.uoc.edu/web/cat/img/fons_menu2_.gif) top right; font-size: 11px; font-family: Tahoma,Verdana,Arial;color: #344767;width:100%;display:block;padding: 2px 0px 2px 0px;}

.box a.link2n1, a.link2n1:link, a.link2n1:active, a.link2n1:visited {text-decoration:none; font-size: 11px; font-family: Tahoma,Verdana, Arial;color: #344767;width:100%;padding-top: 4px;display:block;background: url(http://www.uoc.edu/web/cat/img/fons_menu1.gif) top right;}
.box a.link2n1:hover {background: #C4CAD6 url(http://www.uoc.edu/web/cat/img/fons_menu1.gif) top right;font-size: 11px; font-family: Tahoma,Verdana,Arial;color: #344767;width:100%;padding-top: 4px;display:block;background: #C4CAD6 url(http://www.uoc.edu/web/cat/img/fons_menu1_.gif) top right;}

.box a.link2nn, a.link2nn:link, a.link2nn:active, a.link2nn:visited {text-decoration:none; font-size: 11px; font-family: Tahoma,Verdana, Arial;color: #344767;width:100%;padding-bottom: 6px;display:block; background: url(http://www.uoc.edu/web/cat/img/fons_menun.gif) bottom right;}
.box a.link2nn:hover {background: #C4CAD6 url(http://www.uoc.edu/web/cat/img/fons_menun_.gif) bottom right ;font-size: 11px; font-family: Tahoma,Verdana,Arial;color: #344767;width:100%;padding-bottom: 6px;display:block;}
*/

.box a.link2n, a.link2n:link, a.link2n:visited, a.link2n:active {text-decoration:none; font-size: 11px; font-family: Tahoma,Verdana, Arial; color:#344767; width:100%; display:block; background: url(http://www.uoc.edu/web/cat/img/fons_menu2.gif) top right; padding-top:3px;padding-right:2px;}
.box a.link2n:hover {background: #C4CAD6 url(http://www.uoc.edu/web/cat/img/fons_menu2_.gif) top right; font-size: 11px; font-family: Tahoma,Verdana,Arial;color: #344767;width:100%;display:block;}

.box a.link2n1, a.link2n1:link, a.link2n1:active, a.link2n1:visited {text-decoration:none; font-size: 11px; font-family: Tahoma,Verdana, Arial;color: #344767;width:100%;padding-top: 4px;display:block;background: url(http://www.uoc.edu/web/cat/img/fons_menu1.gif) top right;padding-right:2px;}
.box a.link2n1:hover {background: #C4CAD6 url(http://www.uoc.edu/web/cat/img/fons_menu1.gif) top right;font-size: 11px; font-family: Tahoma,Verdana,Arial;color: #344767;width:100%;padding-top: 4px;display:block;background: #C4CAD6 url(http://www.uoc.edu/web/cat/img/fons_menu1_.gif) top right;}

.box a.link2nn, a.link2nn:link, a.link2nn:active, a.link2nn:visited {text-decoration:none; font-size: 11px; font-family: Tahoma,Verdana, Arial;color: #344767;width:100%;padding-bottom: 6px;display:block; background: url(http://www.uoc.edu/web/cat/img/fons_menun.gif) bottom right;padding-top:3px;padding-right:2px;}
.box a.link2nn:hover {background: #C4CAD6 url(http://www.uoc.edu/web/cat/img/fons_menun_.gif) bottom right ;font-size: 11px; font-family: Tahoma,Verdana,Arial;color: #344767;width:100%;padding-bottom: 6px;display:block;}







.box li ul.hide { display: none; position: absolute; top: 1em; left: 0px; width: 170px;}
.box li > ul.hide {	top: auto;	left: auto;	}
.box li:hover ul.hide, li.over ul.hide { display: block;}
.box li ul.hide li {	float: left;	position: relative;	width: 10em; left:165px; top: -12px; text-align: left; cursor: default; background-color: #F6F7F9; background: #FFFFFF url(http://www.uoc.edu/web/cat/img/fons_menuborder.gif) 0px 0px repeat-y;}
.box li ul {padding: 0px;}
.box li ul li {padding: 0px;}
* html .box li.first { float: left; height: 10px;}
* html .box li.first a.first { height: 1%; }
* html .box li.second { float: left; height: 10px; background: #ECEDF1; padding-bottom:6px;}
* html .box li.second a.second { height: 1%; }

#down {width:100%;display:table;background: #FFFFFF; padding: 0px 0px 0px 0px; border-top: 1px solid white;}

#leftdown {width:48%; display: table-cell;float:left;text-align:left;}
#leftdown h2 { height: 20px; padding: 20px 0px 10px 0px; margin: 0px; background: url(http://www.uoc.edu/web/eng/img/fons_box_head.gif) no-repeat top left; }
#leftdown h2 a, #leftdown h2 a:link, #leftdown h2 a:active, #leftdown h2 a:visited, #leftdown h2 a:hover {padding: 10px 0px 10px 0px; margin:0px;color: #737071; font-size: 11px; font-family: Tahoma,Verdana,Arial;}
#leftdown h2 img {text-align:left;padding-left:3px;}
#leftdown ul {padding: 8px 20px 8px 15px; margin: 0px 0px 0px 0px;}
#leftdown ul li {list-style: none; padding: 0px; color: #737071; margin: 0px;font-size: 12px; font-family: Tahoma,Verdana,Arial;padding: 0px 0px 20px 0px;}
#leftdown ul li.first { background: url(http://www.uoc.edu/web/eng/img/fons_discontinuas.gif) 0px bottom repeat-x; }
#leftdown ul li:last-child { background: none; }
#leftdown ul li p {padding: 0px; color: #737071; margin: 0px;font-size: 12px; font-family: Tahoma,Verdana,Arial;padding-top: 7px;font-weight:normal;line-height:17px;}
#leftdown ul.news li a.news_destacat, #leftdown ul.news li a.news_destacat:link, #leftdown ul.news li a.news_destacat:active, #leftdown ul.news li a.news_destacat:visited {font-size: 12px; font-family: Tahoma,Verdana,Arial;color:#2A3E69;font-weight:bold;}
#leftdown ul li a.news_destacat, #leftdown ul li a.news_destacat:link, #leftdown ul li a.news_destacat:active, #leftdown ul li a.news_destacat:visited {font-size: 12px; font-family: Tahoma,Verdana,Arial;color:#5A5758;font-weight:bold;}
#leftdown ul li a, #leftdown ul li a:link, #leftdown ul li a:active, #leftdown ul li a:visited {font-size: 12px; font-family: Tahoma,Verdana,Arial;color:#5A5758;font-weight:normal;}
#leftdown ul li a:hover {text-decoration:underline;}
#leftdown ul li img {float:left; padding: 0px 10px 0px 0px; margin: 0px 0px 0px 0px;vertical-align:top;}
#rightdown ul li div {clear:both;font-size:13px;}
#leftdown ul li div p {color:#000000;}

.greybox {background:url(http://www.uoc.edu/web/cat/img/fons_box.gif) repeat-y bottom left;margin: 0px; }

#rightdown {width:48%;display: table-cell;float:right;text-align:left;}
#rightdown h2 {padding: 20px 0px 10px 0px; margin:0px;background:url(http://www.uoc.edu/web/eng/img/fons_box_head.gif) no-repeat top left;}
#rightdown h2 a, #leftdown h2 a:link, #leftdown h2 a:active, #leftdown h2 a:visited, #leftdown h2 a:hover {padding: 10px 0px 10px 0px; margin:0px;color: #737071; font-size: 11px; font-family: Tahoma,Verdana,Arial;}
#rightdown h2 img {text-align:left;padding-left:3px;}
#rightdown ul {padding: 8px 20px 8px 15px; margin: 0px 0px 0px 0px;}
#rightdown ul li {list-style: none; padding: 0px; color: #737071; margin: 0px;font-size: 12px; font-family: Tahoma,Verdana,Arial;padding: 0px 0px 20px 0px;}
#rightdown ul li.first { background: url(http://www.uoc.edu/web/eng/img/fons_discontinuas.gif) 0px bottom repeat-x; }
#rightdown ul li:last-child { background: none; }
#rightdown ul li p {padding: 0px; color: #737071; margin: 0px;font-size: 12px; font-family: Tahoma,Verdana,Arial;padding-top: 7px;font-weight:normal;line-height:17px;}
#rightdown ul.news li a, #rightdown ul.news li a:link, #rightdown ul.news li a:active, #rightdown ul.news li a:visited {font-size: 12px; font-family: Tahoma,Verdana,Arial;color:#2A3E69;font-weight:bold;}
#rightdown ul li a, #rightdown ul li a:link, #rightdown ul li a:active, #rightdown ul li a:visited {font-size: 12px; font-family: Tahoma,Verdana,Arial;color:#5A5758;font-weight:normal;}
#rightdown ul li a:hover {text-decoration:underline;}
#rightdown ul li img {float:left; padding: 0px 10px 0px 0px; margin: 0px 0px 0px 0px;vertical-align:top;}
#rightdown ul li img.destacat {float:left; padding: 0px 10px 0px 0px; margin: 0px 0px 0px 0px;vertical-align:top;}
#rightdown ul li.destacat {background: url(http://www.uoc.edu/web/eng/img/fons_discontinuas.gif) 0px bottom repeat-x; height: 70px;}
#rightdown ul li.destacat2 {height: 70px;margin:0px;padding:0px;}
#rightdown ul li.destacatPetit {height: 120px;}
#rightdown ul li.destacatGran {height: 228px; margin: 0px; padding: 0px;}
#rightdown ul li div {clear:both;font-size:13px;}
#rightdown ul li div p {color:#000000;}



/* jdomenechf */
#footer { clear: both; padding-top: 10px; 
background: #F3F1F2;height:22px;font: 11px Tahoma,Verdana,Arial;border-bottom: 1px solid #D6D6D6;}
#footer p {text-align: center;margin: 0px 0px 0px 0px; padding: 2px 0px 0px 0px;color: #BEBFC1;}
#footer a {color: #BEBFC1;}
#footer span {padding: 0px 4px 0px 4px;}

#foot p {text-align: center;margin: 0px; padding: 10px 0px 30px 0px;color: #BEBFC1;}
#foot a {color: #BEBFC1;}
#foot span {padding: 0px 10px 0px 10px;}

#sobre {position:absolute;left:570px;top:705px;border:1px solid red; width:170px;visibility:hidden;border: 1px solid #A3A7C2; visibility: hidden;  background-color: #EBEBEB; margin: 0px; padding: 10px 0px 10px 0px;}
#sobre p {margin: 0px; padding: 0px 10px 5px 13px; text-align:left; font: 11px tahoma,verdana,arial; color: #000000; line-height: 12pt;}
#sobre p strong {color: #6B6E81;}
#sobre img {float:right;padding-right:10px;}

.righty {float: right;padding-right: 6px;color: #7684A1;font-size: 9px;}


/*ESTILOS CREADOS EN ABRIL 2006*/
ul.hide li a.space{
	padding-left:5px;
}