/* CSS Document */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	border:0;
	font-family:Arial, Helvetica, sans-serif;
	padding:0;
	margin:0;
	font-size:100%;
}
html
			{
				height: 100%;
			}

body {
	color:black;
	line-height:1;
	background:#f9f9f9;
	margin:0 auto;
	width:1000px;
}

.contenidor {
	background-color:#FFFFFF;
	border:0px solid #000;
	line-height:1.2em;
	min-width:970px;
	padding:0;
	width:auto;
	margin-left:14px;
	margin-right:14px;	
}

#franja_esquerra{
	background: url(../images/franja_esquerra.gif) repeat-y scroll left center;
}

#franja_dreta{
	background: url(../images/franja_dreta.gif);
	background-position:right bottom;
	background-repeat:repeat-y;	
}

.contingut {
	margin-left:0px;
	margin-right:0px;
	margin-top:0px;
	position:relative;
}

.columna_esquerra {
	background-color:#fff;
	float:left;
	font-size:1em;
	line-height:12px;
	text-align:left;
	width:190px;
    margin: 0px;
    padding: 14px 16px 30px 14px;	
	border-right:1px solid #EAEAEA;	
		display:none;
}

.columna_esquerra ul{
    font-weight:bold;
    font-family: Trebuchet MS, arial,  sans serif;
	padding: 0px;
    margin: 0px;

}



.columna_esquerra h3 {
border-bottom:4px dotted #3488BB;
color:#EE9114;
font-family:Trebuchet MS,arial,sans serif;
font-size:15px;
font-weight:bold;
line-height:1.2em;
margin-bottom:20px;
margin-top:1px;
padding-bottom:20px;
}

.columna_esquerra ul li {
	list-style: none;
	background: url(../images/flecha-off.gif) left 9px no-repeat;
	border-bottom: dotted #2c5071 1px;
	font-family: Trebuchet MS, arial,  sans serif;
	text-align: left;
	margin-left: 0px;
	margin-top:5px;
	margin-bottom: 6px;
	padding-left: 22px;
	padding-bottom: 12px;
	padding-top: 6px;
	line-height: 1.1em;
	 font-weight:normal;
}


.columna_esquerra ul li.active {
	list-style: none;
	background: url(../images/flecha-on.gif) left 9px no-repeat;
	border-bottom: dotted #2c5071 1px;
	font-family: Trebuchet MS, arial,  sans serif;
	text-align: left;
	margin-left: 0px;
	margin-top:5px;
	margin-bottom: 6px;
	padding-left: 22px;
	padding-bottom: 12px;
	padding-top: 6px;
	line-height: 1.1em;
	 font-weight:bold;
}


.columna_esquerra ul li ul li.active {
	list-style: none;
    background: #fff left 9px no-repeat;
	border-bottom: dotted #2c5071 0px;
	font-family: Trebuchet MS, arial,  sans serif;
	border-bottom:0 solid #FFFFFF;
	line-height:normal;
	margin-left:0;
	padding-bottom:1px;
	padding-left:10px;
	padding-top:1px;
	text-align:left;
	font-weight:bold;
}





.columna_esquerra ul li a, .columna_esquerra ul li a:link, .columna_esquerra ul li a:visited{
  color:#3577B8;
  font-size: 13px;
  text-decoration:none;
   font-weight:normal;
}

.columna_esquerra ul li.active a{
  color:#ee9114;
  font-size: 13px;
  text-decoration:none;
  font-weight:bold;
}


.columna_esquerra ul li ul li a, .columna_esquerra ul li ul li a:link, .columna_esquerra ul li ul li a:visited{
  color:#010100;
  font-size: 12px;
  text-decoration:none;
   font-weight:normal;
  
}


.columna_esquerra ul li ul li.active a{
  color:#ee9114;
  font-size: 12px;
  text-decoration:none;
  font-weight:bold;
  
}



.columna_esquerra ul li ul li ul li a, .columna_esquerra ul li ul li ul li a:link, .columna_esquerra ul li ul li ul li a:visited{
  color:#010100;
  font-size: 12px;
  text-decoration:none;
  font-weight:normal;
}

.columna_esquerra ul li a:active, .columna_esquerra ul li a:focus, .columna_esquerra ul li li a:active, .columna_esquerra ul li li a:focus{
	background-color:#f1f1f1;
	color:#2c5071;
	outline:0;
	text-decoration:none;
	border: 1px dotted #30577b;
	 font-weight:normal;
}



.columna_esquerra ul li.active a:hover{
	text-decoration:underline;
	 font-weight:bold;
}


.columna_esquerra ul li li{
	text-align: left;
	padding-left: 10px;
	margin-left: 0px;
	border-bottom:solid #ffffff 0px;
	padding-top: 1px;	
	padding-bottom: 1px;

	.padding-top: 4px;	
	.padding-bottom: 4px;
	line-height: normal;
	 font-weight:bold;
}

.columna_esquerra ul li ul li{
	background-color: #f8f8f8;
	background: url(../images/punt-off.gif) left 9px no-repeat;
	margin:0px;
	font-weight:normal;
}

.columna_esquerra ul li ul li.active{
	background-color: #f8f8f8;
	background: url(../images/punt-on.gif) left 9px no-repeat;
	margin:0px;
	 font-weight:normal;
}


.columna_esquerra ul li li a{
  color:#2c5071;
  font-size: 12px;
  text-decoration:none;
}

.columna_esquerra ul li li.active a {
  font-weight: bold;
  text-decoration:underline;
}

.clr{
	clear:both;
}



.columna_esquerra ul li li.active a:hover{
	text-decoration:underline;
	 font-weight:bold;
}


.columna_dreta{
	background-color:#FFF;
	margin:0 0 0 0px;
	padding:0 15px 5px 25px;
	width: 780px;
}

#rightmenu {
	width: 190px;
	float: right;
	background: #fff;
	margin-top: 15px;
	margin-left: 20px;
	padding:5px;
	padding-top: 0px;
	padding-bottom: 0px;
	font-family:Trebuchet MS,arial,sans serif;
	font-size: 0.9em;
	background-color: #fff;

	border-left: 2px solid #d6dae3;
	margin-top: 60px;
	display: none;
	
}

#rightmenu h1{
background-color:#E6E9EE;
font-size:1em;
line-height:normal;
padding:5px 10px;
text-transform:uppercase;
}

#rightmenu ul li {
	list-style: none;
	background: url(../images/punt-off.gif) left 9px no-repeat;
	list-style: dotted;
	font-family: Trebuchet MS, arial,  sans serif;
	text-align: left;
	margin-left: 5px;
	margin-top:2px;
	margin-bottom: 2px;
	padding-left: 15px;
	padding-bottom: 6px;
	padding-top: 4px;
	line-height: 1.1em;
}


#rightmenu ul li.active {
	list-style: none;
	background: url(../images/punt-on.gif) left 9px no-repeat;
	list-style: dotted;
	font-family: Trebuchet MS, arial,  sans serif;
	text-align: left;
	margin-left: 10px;
	margin-top:2px;
	margin-bottom: 2px;
	padding-left: 15px;
	padding-bottom: 6px;
	padding-top: 4px;
	line-height: 1.1em;
}

#rightmenu  ul li a, #rightmenu  ul li a:link, #rightmenu  ul li a:visited{
  color:#3577B8;
  font-size: 13px;
  text-decoration:none;
  margin:0px;
  padding: 0px;
}

#rightmenu  ul li.active a, #rightmenu  ul li.active a:link, #rightmenu  ul li.active a:visited{
  color:#ee9114;
  font-size: 13px;
  text-decoration:none;
  margin:0px;
  padding: 0px;
}



#pathway{
	font-family: Trebuchet MS, arial;
	color:#8a8787;
	font-size: 0.9em;
	padding-top: 10px;
	display:none;
}

.breadcrumbs pathway{
	font-size: 0.9em;
}

#pathway a{
	font-family: Trebuchet MS, arial;
	color:#8a8787;
	font-size: 0.9em;
	text-decoration:none;
}

#pathway a:hover {
  font-weight: normal;
  text-decoration:underline;
}

#page, .blog{
	color:#1c4060;
	font-family:Arial,Helvetica,Sans-serif;
	font-size: 0.9em;
	margin:0;
	text-align:justify;
	padding: 0px 10px 20px 0px;
	line-height:1.4em !important;
}

#page p, .blog p{
	margin-bottom:12px;
	text-align:left;
	line-height:1.4em !important;
}

#page p.buttonheading, .blog p.buttonheading{
	text-align:right;
}

#page a, .blog a{
	border-color:#2F6DD3;
	border-style:none none dotted;
	border-width:0 0 1px;
	color:#2F6DD3;
	font-family:Arial,Helvetica,sans-serif;
	outline-style:none;
	outline-width:medium;
	text-decoration:none;
}

#page em a, .blog em a{
	color:#B5D0EA;
	border-color:#B5D0EA;
}

#page ol
{
	margin-right: 10px;
}

#page ul, .blog ul{
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	margin:0;
	padding:5px 0 10px 10px;
}

#page ul li, .blog ul li {
	background:transparent url(../images/puntolista.gif) no-repeat scroll 0.7em 0.2em;
	line-height: 1.4em;
	margin-bottom:0;
	padding-left:2.0em;
}

#page h1, .blog h1{
	font-size: 1.5em;
	line-height: 1.5em;
	color: #31577b;
}

#page h2, .blog h2{ 
	font-size: 1.2em;
	line-height: 1.2em;
	color: #31577b;
}

#page h3, .blog h3{
	font-size: 1.1em;
	line-height: 1.1em;
	color: #3577b8;
}

#page h4, .blog h4{
	font-size: 1.0em;
	line-height: 1.0em;
	color: #3577b8;
}

#page h5, .blog h5{
	font-size: 0.9em;
	line-height: 0.9em;
	color: #3577b8;
}


table { 
	border-collapse: collapse; 
	border: 1px solid #fff; 
	background: #fff; 
	font: 1.0em/1.2em Trebuchet MS, Arial, serif; 
	color: #2C5071;
	margin: 0px 0 0px 0;
	line-height:1.4em !important;
	
}

caption { 
	font-size: 1.0em; 
	font-weight: bold; 
	text-align: left; 
	padding: 0.5em 4px; 
	background: #ebf7fe;
}

.ample{
	width:30%;
}

td h2{
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size: 1.2em;
	color: #ff9900;
	border-bottom:1px dotted #2F6DD3; 
	padding-bottom: 10px;
	margin-bottom: 10px;
}

td, th { 
	padding: 3px 3px .35em 3px; 
	line-height: 1.3em;	
}

th { 
	color:#3577b8; 
	font-weight: bold; 
	text-align: right; 
	padding-right: .5em; 
	vertical-align: top; 
}

thead th, tfoot th, tfoot td{ 
	background: #3488bb; 
	text-align: left;
	width: auto;
	padding-right:20px;
	color:#FFFFFF; 
}

tbody tr{
	text-align:left;
	vertical-align:top;
}


tbody td {
	
	border:1px solid #FFFFFF;
	font-size:1em;
	padding:4px;
	
}

tfoot th{
	vertical-align:top;
}

.odd td { 
	background: #ced8d8; 
}

.odd th { 
	background: #6E8D88; 
}

td a, td a:link { color: #325C91; }

td a:visited { color: #466C8E; }

td a:hover, td a:focus { color: #1E4C94; }

th a, td a:active { color: #fff; }

th + td { padding-left: .5em; }

.titulartaulav1{
width: 200px;
}

#page a:active, #page a:focus, .blog a:active, .blog a:focus{
	color:#2F6DD3;
	outline: thin dotted #1D2D3A;
}

#page a:hover, .blog a:hover{
	text-decoration:underline;
}

#page table h3{
color:#31577B;
font-size:1.1em;
font-weight:bold;

}

.taulafons1 td{
background-color: #f4f4f4;
border: 2px solid #fff;
padding: 5px;	
}

.taulafons1top td{
background-color: #f4f4f4;
border: 2px solid #fff;
padding: 5px;	
}

.taulafonsGrisClar {
background-color: #f4f4f4;
border: 2px solid #fff;
padding: 5px;
width:100%;

}


.tdfonsBlauClar{
background-color: #ebf7fe;
border: 2px solid #fff;
padding: 5px;
text-align:left;
color:#31577b;
}

.tdfonsGrisFosc {
background-color: #e0e0e0;
border: 2px solid #fff;
padding: 5px;
font-weight:bold;
	
}

.tdfonsGrisClar {
background-color: #f4f4f4;
border: 2px solid #fff;
padding: 5px;
font-weight:bold;
	
}



#page table p{
margin-bottom:0px;
}
.columna_esquerra ul li a:hover, .columna_esquerra ul li.active li a:hover{
	text-decoration:underline;
	font-weight:normal;
}

#llista-opcions-subopcions ul li{
	background:none;
	line-height: 1.4em;
	margin-bottom:0;
	padding-left:1.0em;
	font-weight:bold;
}

#llista-opcions-subopcions ul li ul li{
font-weight:normal;
}


#llista-events ul li{
	background:none;
	line-height: 1.4em;
	margin-bottom:0;
	padding-left:1.0em;
	font-weight:normal
}

#llista-events ul li.event-data{
padding-right:10px;
padding-top: 20px;
padding-left:28px;
margin-left:15px;
font-weight:bold;
background: url(../../../images/general/event.jpg) no-repeat scroll 0em 1.4em;

}


#llista-events ul li.event-descripcio{
	background:none;
	line-height: 1.4em;
	margin-bottom:0;
	padding-left:3.0em;
	font-weight:normal
}



#cuadre-fons{
background:#F3F3F3 none repeat scroll 0 0;
border:0;
margin:10px 0 10px 0;
padding:10px 20px 10px 20px;

-moz-border-radius-bottomleft:10px;
-moz-border-radius-bottomright:10px;
-moz-border-radius-topleft:10px;
-moz-border-radius-topright:10px;

}

.linksite{
padding-right:5px;
}

#cuadre-fons ul li{
	list-style-image:none;
	list-style-position:outside;
	list-style-type:square;
	margin:0px;
	padding:0px;
	margin-left: 30px;
}

.blog ul.pagination{
display:list-item;
float:left;
}

.blog ul.pagination li{
display:list-item;
float:left;
font-family:Trebuchet MS,arial,sans serif;
height:28px;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
position:relative;
background: #FFFFFF;
padding-left: 1em;
}

.contentcolumn{
padding-top: 20px;
}

.contentcolumn h1{
color:#31577B;
font-size:1.5em;
line-height:1.5em;
padding-bottom: 10px;
}

.contentcolumn h3{
color:#30577b;
font-size:1.3em;
line-height:1.5em;
}

#rightmenu h3{
color:#ee9114;
font-size:1em;
}


#ressalta-dades  {
background-color: #e5f2fd;
}

#ressalta-dades-vermell, #ressalta-dades-vermell a, #ressalta-dades-vermell a:visited{
background-color: #cc3300;
color:#ffffff;
}

#ressalta-dades-vermell a:hover{
	color:#ffcc00;
	}


#ressalta-dades, #ressalta-dades-vermell  {
	padding:12px;
	display:block;
	-webkit-border-top-right-radius: 10px;
	-webkit-border-top-left-radius: 10px;	
	-webkit-border-bottom-right-radius: 10px;
	-webkit-border-bottom-left-radius: 10px;
	-moz-border-radius:10px 10px 10px 10px;
	border-top-right-radius: 10px;
	border-top-left-radius: 10px;
	border-bottom-right-radius: 10px;
	border-bottom-left-radius: 10px;
	font-size: 0.9em;
	font-family:Arial, Helvetica, sans-serif;
	margin-bottom: 12px;
}

#ressalta-dades .dades-verticals, #resalta-dades-vermell .dades-verticals{
	font-size:1.1em;
	font-weight:normal;
	padding-bottom: 0px;
}

#ressalta-dades .dades-verticals li, #ressalta-dades-vermell .dades-verticals li{

padding-left: 25px;
padding-right: 15px;

}

#ressalta-dades ul li, #ressalta-dades-vermell ul li{
background-image: url('/images/stories/general/flecha.png');
}

#banners-curs-actual{
	margin: 0px 20px 0px 20px;
	}
	
#banners-curs-actual img{
	padding-top: 10px;
	padding-bottom: 10px;
	}	
	
	
#info-extra{
	display:none;
}