@charset "utf-8";

/* WEBFONTS ========================== */

@import url(http://fonts.googleapis.com/css?family=Exo:400,800);
@import url(reset.css);


/* BASICS ======================== */

body{
	background-color: #95958e;
	font: normal 12px/20px Verdana, Arial, sans-serif;
	padding-top: 20px;
}

a { color:#000; text-decoration:underline;}

a:hover{	text-decoration:underline;	}

img, a img{ border:0px; }

strong{
	font-weight: bold;
}

em{
	font-style: italic;
}

blockquote{
	margin-left: 20px;
}

p{
	margin: 5px 0;
}

p.warning{
	color: #f00;
	font-weight: bold;
}

h1,h2,h3,h4,h5,h6{
	font-family: "Exo", "Trebuchet", "Trebuchet Ms", Verdana, Arial, sans-serif;
	font-weight: 800;
}

h2{
	margin: 20px 0 10px 0;
	font-size: 24px;
	color: #13c9ac;
}

h2.white{
	color: #fff;
}

h3{
	font-size: 18px;
	color: #fff;
}

small{
	font-size: 80%;
	
}

h2 small{
	color: #63f1da;
}

/* LAYOUT =========================== */


/* Containers */
#container{
	width: 940px;
	padding: 5px 10px;
	margin: 0 auto;
}

.container{
	
}

/* Body backgrounds */

#background-img{
	position: absolute;
	z-index: -2;
	top: 0;
	left: 0;
	width: 100%;
}

	#background-img img{
		min-width: 100%;
		z-index: 1;
	}

.background-overlay{
	position: absolute;
	width: 100%;
	background: transparent url(transparent-blue.png);
	top: 0;
	left: 0;
	z-index: 2;
}
.background-deg{
	position: absolute;
	background: url(background_ramp.png) repeat-x bottom;
	height: 226px;
	margin-top: -226px;
	width: 100%;
	z-index: 3;
}

/* Sistema GRID de filas y columnas ================== */

.row {
	clear: both;
	padding: 10px 0;
	margin-bottom: 5px;
}

[class*="span"]{
	margin-left: 20px;
	float: left;
}

.span12 {
  width: 940px;
}
.span11 {
  width: 860px;
}
.span10 {
  width: 780px;
}
.span9 {
  width: 700px;
}
.span8 {
  width: 620px;
}
.span7 {
  width: 540px;
}
.span6 {
  width: 460px;
}
.span5 {
  width: 380px;
}
.span4 {
  width: 300px;
}
.span3 {
  width: 220px;
}
.span2 {
  width: 140px;
}
.span1 {
  width: 60px;
}

.offset12 {
  margin-left: 980px;
}
.offset11 {
  margin-left: 900px;
}
.offset10 {
  margin-left: 820px;
}
.offset9 {
  margin-left: 740px;
}
.offset8 {
  margin-left: 660px;
}
.offset7 {
  margin-left: 580px;
}
.offset6 {
  margin-left: 500px;
}
.offset5 {
  margin-left: 420px;
}
.offset4 {
  margin-left: 340px;
}
.offset3 {
  margin-left: 260px;
}
.offset2 {
  margin-left: 180px;
}
.offset1 {
  margin-left: 100px;
}

.row > [class*="span"]:first-child {
  margin-left: 0;
}

.show-grid{
	margin-top: 10px;
	margin-bottom: 20px;
}

/* CABECERA ================== */

header{
	
}

	header:after{
		clear: both;
	}

	header .logo h1{
		display: none;
	}

/* Idiomas */

header .langs{
	font-size: 11px;
	color: #808080;
	margin-bottom: 16px;
}

	header .langs li{
		display: inline;
	}

	header .langs li a{
		margin: 0 3px;
		color: #ababab;
		text-decoration: none;
	}

	header .langs li a:hover{
		color: #aaa;
	}

	header .langs li.current a{
		color: #fff;
	}

	header .langs li:before{ content: "/"; }
	header .langs li:first-child:before{ content: ""; }

/* Redes sociales */

header div.social{
	margin-bottom: 16px;	
}

	header div.social li{
		display: inline;
	}


/* Submenu */

header .secondary-menu{
	font-family: "Exo", "Trebuchet", "Trebuchet Ms", Verdana, Arial, sans-serif;
	font-weight: 800;
	font-size: 15px;
	color: #fff;
	float: left;
	width: 410px;
}
	header .secondary-menu li{
		display: inline;
	}

	header .secondary-menu li a{
		margin: 0 3px;
		color: #fff;
		text-decoration: none;
	}

	header .secondary-menu li a:hover{
		color: #13c9ac;
	}

	header .secondary-menu li.current a{
	}

	header .secondary-menu li.seleccionada{
		margin-left:2px; background-color:#fff;
	}
	header .secondary-menu li.seleccionada a{
		color:#626866;
	}

	header .secondary-menu li:before{
		content: "|";
	}

	header .secondary-menu li:first-child:before{
		content: "";
	}

/* Buscador */

header div.search{
	height: 24px;
	overflow: hidden;
	margin-bottom: 22px;
}

header #search-text{
	border: 0;
	background: #fff;
	height: 24px;
	padding: 0 3px;
}

header #search-button{
	background: #333 url(icon-search.png) no-repeat center center;
	border: 0;
	width: 24px;
	height: 24px;
}

/* Menu principal ======================== */

nav{
	width: 600px;
	float: right;
}

nav ul li{
	float: left;
	width: 180px;
	text-align: left;
	padding: 10px 10px 5px 10px;
}

nav a{
	font-family: "Exo", "Trebuchet", "Trebuchet Ms", Verdana, Arial, sans-serif;
	font-weight: 800;
	font-size: 15px;
	color: #fff;
	text-decoration: none;
}

nav a:hover { text-decoration:none; }

nav ul li:hover{
	cursor: pointer; background-color: transparent;
}

nav li.recerca{
	background: #13c9ac;
}

nav li.docencia{
	background: #f15222;
}

nav li.publicacions{
	background: #007dab;
}

nav li.current{
	background: 0;
}

/* CONTENIDO ================================== */

/* HOME-Novetats */
#nav { float:right; margin-top: -10px; margin-left: -2px;}
#nav a { border: 0px; background: #fff; text-decoration: none; margin: 0 1px; padding: 5px 8px; color:#fff;  }
#nav a.activeSlide { background: #14c9aa; color:#14c9aa; }
#nav a:focus { outline: none; }

#novetats{
	margin-bottom: 10px;
}

/* Slider de actividades */
#novetats div.slider-controls{
	position: absolute;
	margin-top: 2px;
	z-index:999;
}

	#novetats div.slider-controls{
		position: absolute;
	}

#novetats div.prev-arrow{
	float: left;
	width: 25px;
	margin-left: 220px;
}

#novetats div.next-arrow{
	float: left;
	width: 25px;
	text-align: right;
}

	#novetats div.slider{
		z-index:998;
	}

	#novetats div.slider .media-content{
		float: left;
		content: ".";
		background: #444;
		width: 640px;
		height: 390px;
		overflow: hidden;
	}
	
	#novetats div.slider .text-content{
		float: left;
		/*padding: 75px 20px 0 40px;*/
		padding-top: 75px;
		padding-left: 20px;
		padding-right: 21px;
		width: 258px;
		height: 315px;
		overflow: hidden;
		background: url(transparent-blue.png);
		color: #fff;
	}

#novetats .button_novetats{
	position:absolute;
	bottom:0px;
	right:0px; 
	width:100px;
	padding-left:10px;
	padding-bottom:8px;
	padding-top:8px;
	height:20px;
	background-color:#13c9ac;
	font-weight:bold;
	color:#FFFFFF;
	text-decoration:none;
}

/* SECCIONES ============================== */	

section.publicacions h2,
section.recerca h2,
section.docencia h2
{
	color: #fff;
	padding: 16px 8px 12px 8px;
	margin-bottom: 0;
}

section div.content h3{
	font-family: Verdana, Arial, sans-serif;
	color: #333;
	font-size: 14px;
}

section.publicacions div.content,
section.recerca div.content,
section.docencia div.content
{
	background: url(transparent-gray.png);
	padding-bottom: 20px;
}

section.publicacions h2.title{
	background: #007dab;
}

section.recerca h2.title{
	background: #13c9ac;
}

section.docencia h2.title{
	background: #f15222;
}

/* Menu de secci?n */
ul.section-nav{
	margin: 0px 0;
	padding: 0;
}

	ul.section-nav li{
		padding: 10px 10px 5px 10px;
		font-family: "Exo";
		font-weight: 800;
		color: #333;
		font-size: 18px;
		border-bottom: 1px #bbb solid;
		line-height: 17px !important;
	}

	
	ul.section-nav li a{
		color: #333;
		text-decoration: none;
	}
	
	ul.section-nav>li>a:hover{
		color: #13c9ac;
	}
	
	ul.section-nav li li a:hover{
		background: #63f1da;
	}
	
	ul.section-nav li li{
		padding: 5px 5px 2px 10px;
		font-size: 14px;
		font-family: Verdana, Arial, sans-serif;
		font-weight: normal;
		border-bottom: 0;
	}
	
	ul.section-nav li li li{
		font-size: 12px;
	}
	
	/* Submenu activo */
	
	ul.section-nav li.active{
		background: #fff;
	}
	ul.section-nav li.active a{
		color: #13c9ac;
	}
	ul.section-nav li.active li a{
		color: #333;
	}
	ul.section-nav li.active li.active a{
		color: #13c9ac;
	}
	
	ul.section-nav li.active li.active li a{
		color: #333;
	}
	
	ul.section-nav li.active li.active li.active a{
		color: #13c9ac;
	}

/* Miscelania ======================== */


/* Rows y spans */
.row.no-margin{
	margin-top: 0;
	padding-top: 0;
}

.span3.no-margin{
	margin-left: 0;
	margin-right: 0;
}

.span9.alt-margin{
	margin-left: 10px;
	margin-right: 10px;
}

.span9.extra-padding{
	padding: 20px 40px;
	width: 620px;
}

.clear{
	clear: both;
}

.align-right{
	text-align: right;
}

.span8.alt-width{
	width: 610px;
}

/* Fichas */
div.fitxa{
	height: 163px;
	color: #fff;
}

	div.fitxa.background{
		background: #a6a699;
		font-size: 14px;
		color: #333;
		line-height: 20px;
	}

	div.fitxa div.img{
		float: left;
		width: 208px;
	}
	
	div.fitxa div.img img{
		border: 16px #fff solid;
	}
	
	div.fitxa div.text{
		padding: 16px;
		width: 220px;
		float: left;
	}
	
/* Fichas de art?culos */
div.fitxa-article{
	padding: 10px;
}

	div.fitxa-article h3{
		font-size: 14px;
		font-weight: bold;
		font-family: Verdana, Arial, sans-serif;
		color: #333;
		margin-bottom: 0;
	}

	div.fitxa-article div.link{
		background: #13c9ac;
		padding: 8px 12px;
		float: left;
	}
	
	div.link:hover{
		cursor: pointer;
	}

	div.fitxa-article div.link a{
		color: #fff;
		text-decoration: none;
	}
	
/* Inicio > "Xarxa" */
div.xarxa{
	padding: 10px;
	background: url(transparent-blue.png);
	color: #fff;
	font-size: 12px;
	line-height: 18px;
}

	div.xarxa h2{
		
	}
	div.xarxa p{
		margin-top: 10px;
	}
	div.xarxa a{
		color: #13c9ac;
		text-decoration: none;
	}
	
/* Calendario ======================== */

div.calendar{
	font-family: "Exo";
	font-weight: 800;
	color: #fff;
	font-size: 16px;
	z-index: 1;
}

div.calendar div.month{
	height: 160px;
}

div.calendar div.month_name{
	clear: both;
	text-align: center;
	padding: 3px 0;
}

div.calendar div.month div.row{
	margin: 0;
	padding: 0;
}

div.calendar div.month div.row:hover{
	/*color: #e8e8e8;*/
}

div.calendar div.month div.row div.d:hover{
	color: #999;
	cursor: pointer;
}

div.calendar div.month div.row div.d.evento{
	background: #999;
	border-radius: 4px;
	cursor: pointer;
}
div.calendar div.month div.row div.d.evento a{
	color: #696969;
}

div.calendar div.ds{
	color: #13c9ac;
} 

div.calendar div.month div.row div{
	float: left;
	width: 13.5%;
	text-align: center;
	margin-right: 1px;
	height: 20px;
}

/* Controles del calendario */

div.calendar-controls{
	position: absolute;
	width: 220px;
	margin-top: 3px;
	z-index: 2;
}

	div.calendar-controls .prev-arrow{
		float: left;
		margin-left: 6px;
	}

	div.calendar-controls .next-arrow{
		float: right;
		margin-right: 10px;
	}




/* Propios de agenda */
	div.calendar-controls{
		cursor:pointer;	
	}

	#agenda-calendar {
		width: 274px;
	}
	div.calendar-controls {
		width:274px;
		padding:14px 0px;
		background-color:transparent;
	}
	div.ds { display:none; }

	div.calendar div.month div.row div {
		height:36px;
		font-size:18px;
	}
	div.calendar {
		height: 266px;
		background-color:#f3f3f3;
		color:#000;
	}
	div.calendar div.month_name {
		padding:14px 0px;
		background-color:transparent;
	}

	.tipoevento { clear:both; display:block; height:4px!important; width:37px!important; }
	.tipoevento img { height:4px!important; width:37px!important; }
	
	div.month_name { cursor:pointer; }


/* Pie de p?gina ======================== */

footer{
	width:100%;
	font-size: 11px;
	color: #212121;
	padding: 40px 3px;
	line-height: 16px;
	/*background-color: rgba(255,255,255,0.15);*/
	background-color: #a4a49e;
}

	footer a{
		color: #212121;
	}
	
	footer p.copy{
		background: url(copy.png) no-repeat 0px 2px;
		padding-left: 14px;
	}


.PUBtitulosupercategoria { margin:0px; width:265px; padding:24px 0px 18px 9px; background-color:#007dab; color:#ffffff; }
.RECtitulosupercategoria { margin:0px; width:265px; padding:24px 0px 18px 9px; background-color:#13c9ac; color:#ffffff; }
.DOCtitulosupercategoria { margin:0px; width:265px; padding:24px 0px 18px 9px; background-color:#f15221; color:#ffffff; }
.QUItitulosupercategoria { margin:0px; width:265px; padding:24px 0px 18px 9px; background-color:transparent; color:#13c9ac; }
.DEFtitulosupercategoria { margin:0px; width:265px; padding:24px 0px 18px 9px; background-color:transparent; color:#ffffff; }

.PUBtitulocategoria { width:514px; margin:0px; padding:24px 0px 18px 0px; background-color:transparent; color:#007dab; }
.RECtitulocategoria { width:514px; margin:0px; padding:24px 0px 18px 0px; background-color:transparent; color:#13c9ac; }
.DOCtitulocategoria { width:514px; margin:0px; padding:24px 0px 18px 0px; background-color:transparent; color:#f15221; }
.QUItitulocategoria { width:514px; margin:0px; padding:24px 0px 18px 0px; background-color:transparent; color:#13c9ac; }
.DEFtitulocategoria { margin:0px; padding:24px 0px 18px 0px; background-color:transparent; color:#ffffff; }

.PUBfondo { background-color:#007dab!important; }
.RECfondo { background-color:#13c9ac!important; }
.DOCfondo { background-color:#f15221!important; }
.QUIfondo { background-color:transparent!important; }
.DEFfondo { background-color:transparent!important; }

.PUBtexto { color:#007dab!important; }
.RECtexto { color:#13c9ac!important; }
.DOCtexto { color:#f15221!important; }
.QUItexto { color:#13c9ac!important; }
.DEFtexto { color:#ffffff!important; }

#listadopublicaciones { display:table; width:623px; height:auto;  }
#listadopublicaciones div.fichapub { float:left; display:block; width:191px; text-align:center; }
#listadopublicaciones div div.cabpub { text-align:left; font-size:11px; }
#listadopublicaciones div div.cabpub b { font-size:12px; }
#listadopublicaciones div div.pdfpub { margin:5px 0px 5px 0px; width:100%; padding:5px; background-color:#13c9ac; color:#ffffff; font-size:11px; text-align:center;}
#listadopublicaciones div div.pdfpub a { color:#ffffff; font-size:12px; text-decoration:none; }
#listadopublicaciones h3 { font-family:Arial; color:#000000; }

span.pdfpub { background: transparent url(flechalink.png) no-repeat 0px 2px; line-height:26px; padding:5px; background-color:#13c9ac; }
span.pdfpub a { color:#ffffff; font-size:12px; text-decoration:none; padding:0px 10px 0px 15px; }

ul.links { margin:10px 0px 10px 0px; padding:0px; }
ul.links li {  margin:0px 0px 1px 0px; padding:0px; }
ul.links li a { display:inline; color:#ffffff; font-size:12px; text-decoration:none; margin:0px; padding:4px 20px 6px 20px; line-height:24px; background: #13c9ac url(flechalink.png) no-repeat 0px 2px; }

div.links {  margin:0px 0px 1px 0px; padding:0px; }
div.links a { display:inline; color:#ffffff; font-size:12px; text-decoration:none; margin:0px; padding:4px 20px 6px 20px; line-height:24px; background: #13c9ac url(flechalink.png) no-repeat 0px 2px; }


#opcionesmenuizquierda { smargin:0px; }
#opcionesmenuizquierda li ul.submenu { margin-top:10px; }
#opcionesmenuizquierda li ul.submenu li { sfont-size:12px; margin:0px; font-weight:normal; padding:2px 2px 2px 20px; border:0px; }
#opcionesmenuizquierda li { margin:0px; spadding:20px 8px 12px 8px; sborder-bottom:1px solid #c6c6bc; }
#opcionesmenuizquierda li.sel { background-color:#ffffff; }
#opcionesmenuizquierda li.hover { cursor:pointer; background-color:#ffffff; color:#999; }
#opcionesmenuizquierda li ul li { color:#000000; }
#opcionesmenuizquierda li ul li.sel { font-weight:bold; }
#opcionesmenuizquierda li ul li.hover {  }
#opcionesmenuizquierda li ul li ul li { color:#000000; }
#opcionesmenuizquierda li ul li ul li.sel { font-weight:bold; }
#opcionesmenuizquierda li ul li ul li.hover { background-color:#f3f3f3; }

.introcategoria { width:514px; padding-bottom:20px; }
.introcategoria P { margin-bottom:10px; text-align:justify; }
.introcategoria UL { margin-bottom:20px; }
.introcategoria UL LI { border-bottom:1px solid #ffffff; }
.introcategoria A { font-weight:bold; }

#listadoitemssinprocesar { display:none; }

.listadoitems { display:table; height:auto; }
.item { display:block; margin-top:44px; }
.item .titulo { display:block; margin-bottom:12px; }
.item .titulo span { background-color:#808080; color:#ffffff; padding:10px; font-weight:bold; }
.item .cabecera { font-weight:bold; }
.item .contenido { display:block; margin-bottom:20px; }


#modonormal { width:514px; display:none; }
#modonormal .listadoitems { text-align:justify;  }
#modonormal .formulario { margin-top:20px;  }


#modoannos { width:514px; display:none; }
#modoannos .listadoitems { text-align:justify;  }
#modoannos .listadoitems P { margin:0px 0px 0px 5px;  }
#modoannos .formulario { margin-top:20px; border-top:1px solid #fff; padding-top:20px;  }

#modolista { width:514px; display:none; }
#modolista .listadoitems { text-align:justify;  }
#modolista .formulario { margin-top:20px;  }
#modolista .listadoitems .item { 
	margin-top:20px; 
	margin-right: 30px;
	float: left;
	width: 27%;
	text-align:left;
	line-height: 1.4em;
	height: 100px;
}

#agenda { width:514px; }
#agenda .listadoitems { text-align:justify; width:100%; }
#agenda .formulario { margin-top:20px;  }
#agenda .listadoitems .item { 
	margin:0px 0px 50px 0px; 
	margin-right: 10px;
	float: left;
	width: 31%;
	text-align:left;
	line-height: 1.4em;
	height: 120px;
}


button { margin:0px; cursor:pointer; border:0px; color:#ffffff; background-color:#13c9ac; padding:2px 10px 2px 10px; font: normal 12px/20px Verdana, Arial, sans-serif;  }
select, input { margin:0px; border:0px; font: normal 12px/20px Verdana, Arial, sans-serif; padding:4px; }

/*
.fondoazulclaro { BACKGROUND-COLOR: #d0eae4; }
.fondoamarillo { BACKGROUND-COLOR: #f1f164; }
.fondoceniza { BACKGROUND-COLOR: #bda792; }

.resaltado1 { COLOR: #ffffff; BACKGROUND-COLOR: #279980; }
.resaltado2 { COLOR: #ffffff; BACKGROUND-COLOR: #dd8561; }
.resaltado3 { COLOR: #ffffff; BACKGROUND-COLOR: #fbfbad; }
.resaltado4 { COLOR: #ffffff; BACKGROUND-COLOR: #bda792; }
.resaltado5 { COLOR: #000000; BACKGROUND-COLOR: #d0eae4; }
.resaltado6 { COLOR: #ffffff; BACKGROUND-COLOR: #ffa500; }
.resaltado7 { COLOR: #ffffff; BACKGROUND-COLOR: #eded00; }
.resaltado8 { COLOR: #ffffff; BACKGROUND-COLOR: #ff0000; }
.resaltado9 { COLOR: #028b6c; }
.resaltado10 { COLOR: #a401ab; }
.resaltado11 { COLOR: #8f2a00; }
.resaltado12 { COLOR: #000000; BACKGROUND-COLOR: #fbfbad; }
*/
.fondoazulclaro { font-weight:bold; color:#ffffff; }
.fondoamarillo { font-weight:bold; color:#ffffff; }
.fondoceniza { font-weight:bold; color:#ffffff; }

.resaltado1 { font-weight:bold; color:#ffffff; }
.resaltado2 { font-weight:bold; color:#ffffff; }
.resaltado3 { font-weight:bold; color:#ffffff; }
.resaltado4 { font-weight:bold; color:#ffffff; }
.resaltado5 { font-weight:bold; color:#ffffff; }
.resaltado6 { font-weight:bold; color:#ffffff; }
.resaltado7 { font-weight:bold; color:#ffffff; }
.resaltado8 { font-weight:bold; color:#ffffff; }
.resaltado9 { font-weight:bold; color:#ffffff; }
.resaltado10 { font-weight:bold; color:#ffffff; }
.resaltado11 { font-weight:bold; color:#ffffff; }
.resaltado12 { font-weight:bold; color:#ffffff; }


#matext_contenido { with:680px; height:400px; overflow:auto; }

#modolista .listadoitems .itemLISTAENL { margin: 0px; float: none; height: auto; width: 100%; border-bottom: 1px solid gray; padding: 1px 0px; }
#modolista .listadoitems .itemLISTADIC { margin: 0px; float: none; height: auto; width: 100%; border-bottom: 1px solid gray; padding: 1px 0px; }

#diccfichatecnica { text-align:left!important; background:url(transparent-gray.png); padding:5px; margin-bottom:20px; }

.itemHAL { cursor:pointer; }
.itemHNO { cursor:pointer; }