/*
	TOC:
		- Estils bàsics
		- Layout principal
		- Caixes
			- Agenda
			- Llistat de distribució
			- Cercador
			- Fòrums
			- Llistat universitats
			- Directori de programes de postgrau
			- Curs destacat
		- Banners
			- Banners peu
		- Peu
*/

/* Estils bàsics
---------------------------*/
body {
	margin: 0;
	padding: 0;
	font-size: 62.5%;
	font-family: verdana, geneva, arial, helvetica, sans-serif;
	background-color: #525242;
}

h1, h2, h3, h4 {
	margin: 0;
}

p {
	margin: 0;
}

hr {
	display: none;
}

a {
	color: #00427c;
}

a img {
	border: none;
}

.access {
	display: none;
}

form {
	padding: 0;
	margin: 0;
}

input, select {
	font-size: 1em;
}

.text, select {
	border: 1px solid #666;
}

/* Layout principal
---------------------------*/
#estudia-cat {
	margin: auto;
	background-color: red;
	width: 92.5em;
	padding: 0 1em 1em 1em;
	background-color: #fff;
}

#estudia-cat h1 {
	margin-bottom: .3em;
}

#estudia-cat h1 img {
	width: 46.25em;
}

#cos:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

#columna-principal {
	width: 66%;
	float: left;
}

#columna-aplicacions {
	width: 49%;
	float: left;
	margin-right: 0;
}

#columna-directori {
	width: 32.5%;
	float: right;
	margin-left: 1em;
}

#columna-contingut {
	width: 50%;
	float: right;
}

#banners-peu {
	clear: both;
}

/* Caixes
---------------------------*/
.caixa h2 {
	text-transform: uppercase;
	color: #fff;
	font-size: .9em;
	padding: .5em .8em;
}

/* Agenda */
#agenda h2 {
	background-color: #525242;
}

#agenda .menu-agenda {
	margin: 0;
	padding: 0;
	border-width: 1px 1px 0 0;
	border-color: #85857c;
	border-style: solid;
	list-style: none;	
}

#agenda .menu-agenda:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

#agenda .menu-agenda li {
	float: left;
	width: 33%;
	margin-bottom: -1px;
	display: block;
	border-left: 1px solid #85857c;
	border-bottom: 1px solid #85857c;
	text-align: center;
	text-transform: uppercase;
	font-size: .9em;
	font-weight: bold;
	background: #e6e6e6 url(../img/fons-menu-agenda.png) left top repeat-x;
}

#agenda .menu-agenda li a {
	text-decoration: none;
	color: #525242;
	display: block;
	padding: .5em 0;
}

#agenda .menu-agenda li.actiu {
	background: none;
	border-bottom: none;
}

#agenda .menu-agenda li.actiu a {
	color: #df4d30;
	padding-bottom: .6em;
}

#agenda .menu-agenda a:hover {
	text-decoration: underline;
}

#agenda .contingut {
	border: 1px solid #85857c;
	border-top-color: #fff;
	padding: 0em 1em 2em 1em;
}

#agenda h3 {
	margin-top: 1em;
	font-size: 1.2em;
	color: #333;
	border-bottom: 1px solid #333;
}

#agenda .noticia {
	border-bottom: 1px dashed #adad94;
	font-size: 1.1em;
	margin-top: 1em;
	padding-bottom: 1em;
}

#agenda .noticia small {
	color: #c5c5b5;
	font-size: 1em;
}

#agenda .noticia h4 {
	font-size: 1em;
}

#agenda .noticia h4 a {
	text-decoration: none;
}

#agenda .noticia h4 a:hover {
	text-decoration: underline;
}

#agenda .noticia h4 a, #agenda .noticia p {
	color: #333;
}

/* Llistat de distribució */
#llistat-distribucio {
	width: 48%;
	float: left;
}

#llistat-distribucio h2 {
	background: #969a75 url(../img/fons-capcalera-verd.png) left top repeat-y;
	padding-right: 0;
}

#llistat-distribucio p, #cercador p {
	color: #666;
	margin-bottom: .5em;
}

#llistat-distribucio strong {
	display: block;
	font-style: italic;
	font-size: 1.5em;
	text-align: center;
	color: #7b8455;
	padding: .8em 0;
}

#llistat-distribucio form fieldset, #cercador form fieldset {
	margin: 0;
	padding: .5em;
	border: 1px solid #adad94;
}

#llistat-distribucio form input.text {
	width: 6.5em;
	margin-right: .5em;
}

#llistat-distribucio .missatge {
	padding: .5em;
	border: 1px solid #adad94;
	color: #666;	
}

#llistat-distribucio .missatge-error {
	padding: .5em;
	border: 1px solid red;
	color: red;
}

/* Cercador */
#cercador {
	width: 48%;
	float: right;
}

#cercador h2 {
	background: #df4d30 url(../img/fons-capcalera-roig.png) left top repeat-y;
}

#cercador strong {
	display: block;
	font-style: italic;
	font-size: 1.3em;
	color: #bd2c23;
	padding: .8em .2em;
}

#cercador form input.text {
	width: 12em;
	margin: .3em 0;
}

#cercador form input.boto {
	margin-right: 1em;
}

/* Fòrums */
#forums {
	clear: both;
	padding-top: 1em;
}

#forums h2 {
	background-color: #525242;
}

#forums .contingut {
	border: 1px solid #85857c;
	padding: .5em 1em;
}

#forums strong {
	color: #525242;
	font-style: italic;
	font-size: 1.5em;
	float: left;
	width: 50%;
}

#forums p {
	color: #666;
}

/* UOC */
#uoc {
	clear: both;
	padding-top: 1em;
	padding-bottom: 0.6em;	
}

#uoc h2 {
	background-color: #313A63;
	height: 20px;
	font-size: 1.6em;
	padding: 10px 0px 0px 10px;
	text-transform: none;
}

#uoc h2 a{
	text-decoration: none;
	color: White;
}

#uoc h3 {
	background-color: #E7E7E7;
	height: 18px;
	font-size: 1.4em;
	text-transform: none;
	color: #A50000;
	padding: 2px 0px 0px 10px;
	font-weight: bold;
}

#uoc .contingut {
	border: 1px solid #E7E7E7;
	padding: .5em 1em;
	text-decoration: none;
}

#uoc strong {
	color: #3B3B3B;
	font-size: 1.2em;
	padding-left: 15px;
	text-decoration: none;
    display: inline;
    background: url(../img/fletxa.gif) left no-repeat;
}

#uoc strong.foto {
	color: #3B3B3B;
	font-size: 1.2em;
	text-decoration: none;
	padding: 0;
}

#uoc img.imgfoto {
    float: left;
	padding-right: 10px;
}

#uoc p {
	color: #585858;
	padding-left: 15px;
	padding-bottom: 4px;
}

#uoc strong a{
	text-decoration: none;
	color: #3B3B3B;	
}

#uoc strong a:hover{
	text-decoration: underline;
}

#uoc p a{
	text-decoration: none;
	color: #585858;
}

#uoc p a:hover{
	text-decoration: underline;
}

/* Llistat universitats */
#llistat-universitats {
	background-color: #525242;
	margin-top: 1em;
	padding: 1em;
}

#llistat-universitats fieldset {
	margin: 0;
	padding: 0;
	border: none;
}

#llistat-universitats label {
	color: #fff;
	text-transform: uppercase;
	font-weight: bold;
	font-size: .9em;
	background: url(../img/ico-fletxa-bg-gris.png) right center no-repeat;
	padding-right: 1em;
}

#llistat-universitats select {
	width: 18.5em;
	margin-left: .7em;
}

#llistat-universitats input.boto {
	float: right;
	margin-top: .5em;
}

/* Directori de programes de postgrau */
#directori-postgraus:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

#directori-postgraus h2 {
	background-color: #525242;	
}

#directori-postgraus .contingut {
	padding: 0em 1em;
}

#directori-postgraus fieldset {
	margin: 0;
	padding: 0;
	border: none;
	width: 17em;
	float: left;
}

#directori-postgraus p {
	margin-bottom: .5em;
}

#directori-postgraus p.last {
	margin-bottom: 0;
}

#directori-postgraus label {
	display: block;
	text-transform: uppercase;
	font-weight: bold;
	color: #525242;
}

#directori-postgraus select {
	width: 16em;
}

#directori-postgraus .banner-postgrau {
	float: right;
	text-align: center;
	margin-top: 2em;
}

#directori-postgraus .banner-postgrau a {
	display: block;
}

/* Curs destacat */
#curs-destacat {
	margin-top: .5em;
}

#curs-destacat h2 {
	background-color: #525242;	
}

#curs-destacat .contingut {
	border: 1px solid #85857c;
	/*padding: .5em 1em;*/
}

#curs-destacat h3 {
	color: #333;
	font-size: 1.2em;
	background: url(../img/ico-fletxa-grisa.png) left center no-repeat;
	margin: .5em 1em;
	padding-left: .8em;
}

#curs-destacat #logo-universitat {
	float: right;
	margin: 0 .7em;
}

#curs-destacat #logo-universitat a {
	display: block;
}

#curs-destacat dl {
	margin: 0;
}

#curs-destacat dl dt {
	text-transform: uppercase;
	margin: .7em 1em 0 1em;
}

#curs-destacat dl dd {
	margin: 0 1em;
	padding: 0;
}

#curs-destacat dl .objectius {
	background-color: #e6e6e6;
	margin: 0;
	padding: 0 1em;
}

#curs-destacat dl dt.objectius {
	margin-top: 1em;
	padding-top: 1em;
}

#curs-destacat dl dd.objectius {
	padding-bottom: 1em;
}


/* Banners
-----------------------------------*/
.banner {
	margin-top: 1em;
}

.banner-uoc img {
	margin-top: 1em;
}

/* Banners peu */
#banners-peu {
	margin: .7em 0 1em 0;
}

#banners-peu p {
	display: inline;
	margin-right: .75em;
}

#banners-peu p.pos-especial {
	margin-left: .45em;
	margin-right: .3em;
}

#banners-peu p.last {
	margin-right: 0;
}


/* Peu
-------------------------------------*/
#peu {
	border-top: 3px solid #e6e6e6;
	padding: 1em 0;
	text-align: center;
}