/* Campatibilización */

html{color:#000;background:white;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:text-top;}sub{vertical-align:text-bottom;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}input,textarea,select{*font-size:100%;}legend{color:#000;}

* html .png { /* IE6 */
    behavior: expression((this.runtimeStyle.behavior="none")&&(this.pngSet?this.pngSet=true:(this.nodeName == "IMG" && this.src.toLowerCase().indexOf('.png')>-1?(this.runtimeStyle.backgroundImage = "none",
        this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.src + "', sizingMethod='image')",
        this.src = this.src.substring(0, this.src.lastIndexOf("/"))+"/px_tr.gif" ):(this.origBg = this.origBg? this.origBg :this.currentStyle.backgroundImage.toString().replace('url("','').replace('")',''),
        this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.origBg + "', sizingMethod='crop')",
        this.runtimeStyle.backgroundImage = "none")),this.pngSet=true)
    );
}

/*** Elements genèrics: ***/

body {
	position: absolute;
	overflow: hidden;
	top: 0; left: 0; right: 0; bottom: 0;
	_width: 100%;
	_height: 100%;
	margin: 0; padding: 0;
	background: #333;
}
body, table {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #aaa;
}

#encaix, .backgr {
 	position: absolute;
 	top: 0; left: 0;
 	width: 100%;
 	height: 100%;
 	overflow: hidden;
}

.tancador {position: relative; width: 100%; height: 0; overflow: hidden; clear: both; display: block;}

h1, h2, h3, h4, h5, h6, h7 {font-family: "Trebuchet MS", verdana, helvetica, sans-serif; margin: 0; padding: 10px 0;}
h1.top, h2.top, h3.top, h4.top, h5.top {padding-top: 0}
h1 {font-size: 20px;}
h2 {font-size: 16px;}
h3 {font-size: 14px;}
h4 {font-size: 12px;}

h1, h2, h3, h4, h5, h6, h7, strong {font-weight: bold;}

ol, ul {}
li {margin: 0; padding: 0 0 10px 0;}

img {border: 0;}
img.center {vertical-align: middle;}

a, a:link, a:visited {
	text-decoration: none;
	color: #40add8;
	outline-style: none;
}
a:hover {
	color: orange;
}

p {margin: 2px; padding: 2px;}

form {margin: 0; padding: 0}

#separador {width: auto; border-bottom: 1px dashed #eee; margin: 15px 0;}


/*** manteniment i informació: ***/

#manteniment, #publicInfo, #publicError {
	position: relative;
	overflow: hidden;
	width: auto;
	margin: 0 auto;
	padding: 80px 30px;
	font-size: 14px;
	font-weight: normal;
	color: #666;
	text-indent : 2px;
}
#manteniment .titular, #publicInfo .titular, #publicError .titular {
	font-size: 20px;
	margin-bottom: 15px;
	color: #bbb;
}
#manteniment p, #publicInfo p, #publicError p {
	margin: 0; padding: 5px 0 0 0;
}





/* ### CAPÇALERA ### */

#head {
 	position: absolute;
 	z-index: 2;
 	left: 0; bottom: 0;
 	width: 100%;
 	height: 60px;
 	background: black;
 	border-top: 1px solid #aaa;
}
#head .box {
	position: relative; width: 980px; margin: 0 auto;
}

#head #logo {
	position: absolute;
	top: 5px;
	left: 0;
}

#head #copy {
	position: absolute;
	top: 40px; right: 0;
	text-align: right;
	color: #888;
}


/* ## menú ## */

#head #menu {
	position: absolute;
	top: 0; left: 155px;
	width: 790px;
	border-bottom: 1px solid #aaa;
	padding-left: 35px;
}
#head #menu ul {
	margin: 0; padding: 0 0 0 1px;
}
#head #menu li {
	margin: 0; padding: 0;
	float: left; overflow: hidden; text-align: center;
}
#head #menu li.up {
}

#head #menu a {
	padding: 8px;
	color: white;
	font-size: 12px;
	display: block;
	text-transform: uppercase;
}
#head #menu li.up a {
	color: black;
	background: white;
}
#head #menu a:hover, #head #menu li.up a:hover {
    color: white;
	background: #40add8;
}


/* ## sub-menú ## */

#head #subMenu {
	position: absolute;
	top: 40px; left: 200px;
	color: #444;
}
#head #subMenu a {
	color: white;
}
#head #subMenu a.up, #head #subMenu a:hover {
    color: #40add8;
}



/* ### Sub-capçal ### */

#subHead {
	position: relative;
	width: 100%;
	height: 70px;
	border-bottom: 1px solid #888;
	overflow: hidden;
}
#subHead #sLogo {
    position: absolute;
	top: 5px; left: 5px;
}


/* ## Teletip revista ## */

#boxPress {
    position: absolute;
    z-index: 10000;
	top: 5px; right: 5px;
	width: 470px;
	height: 60px;
	overflow: hidden;
}
#boxPress .titol {
    position: relative;
    float: right;
    text-align: right;
    padding: 0 5px 5px 0;
	border-bottom: 1px solid #444;
}
#boxPress .teletip {
	position: relative;
	float: right;
	width: 350px;
	height: 200px;
	color: #aaa;
	overflow: hidden;
}

/* ## Sub-sub-menu ## */

#subSMenu {
	position: relative;
	border-bottom: 1px solid white;
	float: left;
	clear: left;
}
#subSMenu.noSubMnu {
	border-bottom: 0;
}

#subSMenu .title {
	position: relative;
	background: white;
	text-transform: uppercase;
	color: black;
}
.subSTitle {
	position: relative;
	float: left;
	border: 1px solid #888;
	border-top: 0;
	border-left: 0;
}

#subSMenu .title a, .subSTitle a {
    padding: 5px 5px 5px 15px;
	color: black;
	display: block;
}
.subSTitle a {
    padding: 5px;
	color: white;
}
.subSTitle a:hover {
    background: #40add8;
}
.subSTitle.txt {
	padding: 5px;
}
.subSTitle.noBrd {
	border: 0;
}

#subSMenu #sMenu {
	position: relative;
	padding-left: 10px;
	overflow: hidden;
    white-space: nowrap;
	width: auto;
}
#subSMenu #sMenu ul {
	margin: 0; padding: 0 0 0 1px;
}
#subSMenu #sMenu li {
    margin: 0; padding: 0;
	float: left; overflow: hidden; text-align: center;
	border-right: 1px solid white;
}
#subSMenu #sMenu li.up {
}

#subSMenu #sMenu a {
	padding: 5px;
	color: white;
	font-size: 10px;
	display: block;
}
#subSMenu #sMenu li.up a {
	color: black;
	background: white;
}
#subSMenu .title a:hover, #subSMenu #sMenu a:hover, #subSMenu #sMenu li.up a:hover {
    color: white;
	background: #40add8;
}









/* caixa de login: */

#head_register {
	
}
#head_register img {
	
}

#head_register a {
	
}
#head_register a:hover {
	
}
#head_register #personal {
	
}
#head_register #personal a.up {
	
}





/* *** cos: *** */

#body {
	position: absolute;
	z-index: 1;
	top: 50%; left: 50%;
	width: 980px;
	height: 450px;
	margin-left: -490px;
	margin-top: -255px;
}
#body .backgr {border: 1px solid #aaa; background: black; filter: alpha(opacity=90); opacity: 0.90;}

#body #content {
	position: absolute;
	top: 0; left: 0;
	width: 100%; height: 100%;
}

#body #content #contInfo {
	position: relative;
	overflow: hidden;
	width: 100%;
	clear: both;
}

#body #publiInf {
	position: absolute;
	bottom: 0; left: 0;
	width: 980px;
	height: 70px;
	border-top: 1px solid #888;
	overflow: hidden;
}

#body #publiInf .bnr {
	position: relative;
    float: left;
    width: 245px;
	height: 70px;
	overflow: hidden;
	display: none;
}
#body #publiInf .bnr a {
	display: block;
}



/* ## llistat de logos ## */

#llstLogos {
    position: relative;
    width: 960px;
    height: 300px;
    margin: 0 auto;
}
#llstLogos.sep10 {
	padding-top: 10px;
}
#llstLogos.sep20 {
	padding-top: 5px;
	width:950px;
}
#llstLogos .logoEm {
    position: relative; width: 64px; height: 32px; float: left; padding: 2px;
}

#llstLogos .logoEm.in {background: #084157}

#llstLogos .logoEm {
	filter: alpha(opacity=0); opacity: 0.0;
}
#llstLogos.sep10 .logoEm  {
 padding: 11px;
 z-index: 5;
}
#llstLogos.sep20 .logoEm  {
 padding: 7px;
 z-index: 5;
}
#llstLogos .logoEm img {
	margin: 0;
	vertical-align: middle;
}

#contInfo #llstLogos {height:290px}



#refLogoImg {position:absolute;overflow:hidden;top:50%;margin-top:-125px;padding:0;width:400px;height:250px;display:none;z-index:9999; border:4px solid black;background: white url(../grafics/slimbox/loading.gif) center center no-repeat;}
#refLogoImg img {width:400px;height:250px}

#refLogo {position:absolute;overflow:hidden;top:0;left:0;width:auto;display:none;z-index:10000;margin-top:3px;}

#refLogo .dtLogo {position:relative;float:left;clear:both;overflow:hidden;background:url(../grafics/back_log_tr.gif) -9px 0 no-repeat;width:9px;height:5px;}

#refLogo #txLogo {position:relative;float:left;clear:both;overflow:hidden;width:auto;background:#49a3d3;padding:2px 4px;white-space:nowrap;text-align:left;color:black;font-weight:bold;border:2px solid black;border-top:0;border-left:0}

#refLogo.dtRg {margin-right:-2px}

#refLogo.dtRg .dtLogo {float:right;background-position: 0 0;margin-right:2px;}
#refLogo.dtRg #txLogo {float:right;text-align:right;}



/* botons */

#content .btons {
	position: relative;
	overflow: hidden;
	width: 100%;
}
#content .btons ul, #content .btons li {padding:0;}
#content .btons ul {float:left;}
#content .btCont {
	position: relative;
	overflow: hidden;
    border: 1px solid #aaa;
    margin: 0 auto;
    width: 100px;
    text-align: center;
}
#content .btons .btCont {
	float: left;
	margin: 0 5px 0;
}
#content .btCont a {
	display: block;
	color: white;
	padding: 4px;
}
#content .btCont a:hover {
	background: white;
	color: black;
}






/* ### caixes interiors ### */

.paragraph {
	position: relative;
	width: 950px;
	height: 300px;
	padding: 15px 0 0 15px;
	overflow: hidden;
	
	font-size: 11px;
	line-height: 16px;
}
.paragraph.maxH {
	height: 315px;
}
#body.publi .paragraph {
	height: 230px;
}
#body #contInfo.noSubMnu .paragraph {
	height: 325px;
}
#body.publi #contInfo.noSubMnu .paragraph {
    height: 245px;
}

.paragraph h1, .paragraph h2, .paragraph h3, .paragraph h4, .paragraph h5 {
	color: #eee;
}
.paragraph p {
	margin: 0; padding: 0 0 15px 0;
}
.paragraph .txtFoto {
	font-size: 10px;
	line-height: 14px;
}

.paragraph .left, .paragraph .right, .paragraph .double {
	position: relative;
	width: 460px;
	height: 100%;
	overflow: hidden;
	float: left;
}
.paragraph .right {
	float: right;
}
.paragraph .double {
	width: 100%;
}
 
.paragraph .middle {
	height: 180px;
	padding-bottom: 10px;
}
#body.publi .paragraph .middle {
	height: 135px;
}

.paragraph .top {
	height: 40px;
}
.paragraph .describe {
	height: 250px;
}

.paragraph.simple {
	height: auto;
}

.paragraph .up {color: white; font-size: 14px;}

.paragraph p.up {color: #ccc; line-height: 22px;}
.paragraph p.up strong {font-size: 115%;font-weight: 600; color:#eee}


/* taules */

table.info {position:relative;width:auto;margin:1px;}

table.info th, table.info td {border: 1px solid #444; padding: 5px 3px;}
table.info td.cnt {text-align: center;}
table.info td.rgt {text-align: right;}


/* ### Scroll ### */

#tScrMidDr, #tScrMidDr2 {overflow:hidden;width:100%;height:100%;}

#tScrMidDr2.frmOfr {
	height: 265px;
}


.jScrollPaneContainer {
	position: relative;
	overflow: hidden;
	z-index: 1;
}

.jScrollPaneTrack {
	position: absolute;
	cursor: pointer;
	right: 0;
	top: 0;
	height: 100%;
	background: url(../grafics/scroll/basic_line.gif) repeat-y 0 0;
}
.jScrollPaneDrag {
	position: absolute;
	background: #333;
	cursor: pointer;
	overflow: hidden;
}
.jScrollPaneDragTop {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
}
.jScrollPaneDragBottom {
	position: absolute;
	bottom: 0;
	left: 0;
	overflow: hidden;
}
a.jScrollArrowUp {
	display: block;
	position: absolute;
	z-index: 1;
	top: 0;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	background: url(../grafics/scroll/basic_arrow_up.gif) repeat-x 0 0;
	height: 9px;
}
a.jScrollArrowUp:hover {
	background-position: 0 -15px;
}

a.jScrollArrowDown {
	display: block;
	position: absolute;
	z-index: 1;
	bottom: 0;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	background: url(../grafics/scroll/basic_arrow_down.gif) repeat-x 0 0;
	height: 9px;
}
a.jScrollArrowDown:hover {
	background-position: 0 -15px;
}
a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover {
	background-position: 0 -30px;
}





/* Easy Slider */

#slider ul, #slider li,
#slider2 ul, #slider2 li{
	margin: 0;
	padding: 0;
	list-style: none;
	width: 450px;
	height: 250px;
	overflow: hidden;
	}
#slider2{margin-top: 1em;}
#slider li, #slider2 li{
	width: 450px;
	height: 250px;
	overflow: hidden;
	text-align: center;
	}
#prevBtn, #nextBtn,
#slider1next, #slider1prev{
	display:block;
	width: 30px;
	height: 77px;
	position: absolute;
	left: -30px;
	top: 71px;
	z-index: 1000;
	}
#nextBtn, #slider1next{
	left: 696px;
	}
#prevBtn a, #nextBtn a,
#slider1next a, #slider1prev a{
	display: block;
	position: relative;
	width: 30px;
	height: 77px;
	background: url(../grafics/ico_lat.gif) no-repeat 0 0;
	}
#nextBtn a, #slider1next a{
	background: url(../grafics/ico_lat.gif) no-repeat 0 0;
	}

/* numeric controls */

ol#controls{
	margin: 1em 0;
	padding: 0;
	height: 15px;
	}
ol#controls li{
	margin:0 5px 0 0;
	padding: 0;
	float: left;
	list-style: none;
	height: 15px;
	line-height: 15px;
	}
ol#controls li a {
	float: left;
	height: 15px;
	line-height: 15px;
	border: 1px solid #444;
	color: #888;
	padding:0 5px;
	text-decoration: none;
	font-weight: bold;
	}
ol#controls li.current a{
	background: #40add8;
	color: #fff;
	}
ol#controls li a:hover {
    background: orange;
	color: #fff;
}

/* // Easy Slider */






/* ## Portada ## */

#llstLogos {text-align: center;}
#llstLogos img {margin-top: 10px}
#llstLogos #refLogoImg img {margin: 0}


/* ## llista de personal ## */

.list_pers {
	position: relative;
	float: left;
	padding: 10px 0px 0 0;
	overflow: hidden;
}
.pers {
	position: relative;
	float: left;
	width: 170px;
	padding: 10px 0 0 12px;
	overflow: hidden;
}

/* ## empreses ## */

#empresa #video, #empresa #imatges {position:relative; width:400px}
#empresa #video {height:250px;padding-bottom:10px;}
#empresa .lnkVideo {position:relative;border:1px solid #444;float:left;font-weight: bold;}
#empresa .lnkVideo a{display:block;padding:3px 5px;}
#empresa .lnkVideo a:hover {background:orange;color:white;}

/* ## llista ofertes ## */

#oferta p {padding: 0 0 5px 0;}

#ofertes h3 {padding-bottom: 5px}
#ofertes p {padding: 0 0 3px 5px;}
#ofertes.sep {margin-top: 5px;border-top: 1px dotted #555}

/* ## llista de cursos ## */

.cursos h2.title {font-size:24px;line-height:28px;padding-bottom:15px;}
.cursos .event {border-bottom: 1px dotted #555;padding-bottom:20px;margin-bottom:10px}
.cursos .event .date {font-size: 14px;}
.cursos .event .date i {font-size: 16px;font-weight: bold;}
.cursos .list p {padding: 0 0 3px 5px;}


/* ## Llistat galeria ## */

#galeria .list {
	position:relative;
	width: 100%;
	overflow: hidden;
	margin-top: 10px;
	height: 310px;
}

#galeria .element {
	position: relative;
	overflow: hidden;
	width: 180px;
	height: 150px;
	float: left;
	margin: 5px 5px;
}
#galeria .element p {
	text-align: center;
	 margin: 0; padding: 0 0 3px 0;
}
#galeria .element .galName {
    font-size: 10px;
	/*font-weight: bold;*/
}

#galeria .albm .element img {
	background: url(../grafics/back_galeria.gif) 0 0 no-repeat;
	padding: 8px 18px 12px 18px;
}
#galeria .elms .element img {
	border: 4px solid white;
	margin-bottom: 5px;
}



/* ## Agenda ## */

#agendSim {
 	position: absolute;
 	z-index: 3;
 	left: 50%; bottom: 67px;
 	width: 980px;
 	margin-left: -490px;
 	height: 16px;
}
#agendSim .agCont, #agendSim .agContB, #agendSim .ftxInf {
	position: absolute;
	top: 1px; left: 0;
	width: 980px; height: 16px;
}
#agendSim .agCont {
	display: none;
}
#agendSim .agCont.visible {
	display: block;
}
#agendSim .agContB {
    top: 0; width: 978px;
    border: 1px solid white;
	background: black;
}
#agendSim .ftxInf {
	position: absolute;
	top: 18px; height: 9px;
    background: url(../grafics/back_miniag_tri_2.gif) 840px 0 no-repeat;
}
#agendSim .agContB, #agendSim .ftxInf {
    filter: alpha(opacity=70); opacity: 0.70;
}

#agendSim ul, #agendSim li {
	margin: 0; padding: 0; list-style: none;
}
#agendSim li {
	position: relative;
	float: left;
	color: #ccc;
	font-size: 10px;
	text-align: center;
	padding: 2px 0;
	border-right: 1px solid #444;
}
#agendSim li.sep {
	border-right: 3px solid #666;
}
#agendSim li.last {
	border: 0;
}
#agendSim li a {
    padding: 2px 0;
	display: block;
	color: #40add8;
	font-weight: bold;
}
#agendSim li a:hover {
	color: white;
	background: #40add8;
}

#agendSim li.link, #agendSim li.linkx {width: 20px;}
#agendSim li.link {padding: 0;}

#agendSim li {width: 23px}
#agendSim li.year {width: 50px}
#agendSim li.month {width: 90px}

#agendSim .satU, #agendSim .sunD {background:#777;color:black;}

#agendSim li.agOk {
	padding: 0;
}
#agendSim li.agOk a.dia {
    color: white;
	background: #40add8;
	cursor: default;
}
#agendSim li.agOk.up a.dia {
    color: #40add8;
	background: white;
}

#agendSim li .insg {
	position: absolute;
	left: 3px; bottom: 13px;
	width: 17px; height: 16px;
}
#agendSim li .insg a {
	background: none;
}


#agendSim li .insgW {
	position: absolute;
	left: 0; bottom: 13px;
	margin-left: -82px;
	margin-bottom: 9px;
	width: 200px;
	display: none;
}
#agendSim .insgW.visible {
	display: block;
}

#agendSim li .insgW.left {
    margin-left: -170px;
}
#agendSim li .insgW .info {
	position: relative;
	overflow: hidden;
	width: 188px;
	border: 1px solid white;
	border-bottom: 0;
	background: #f3ad0f;
	color: #663333;
	text-align: left;
}

#agendSim li .insgW .info a {
	color: white;
	display: inline;
}
#agendSim li .insgW .info a:hover {
	color: black;
	background: none;
}
#agendSim li .insgW .info .event {
    padding: 5px;
    border-bottom: 1px solid white;
}
/*#agendSim li .insgW .info .par {
	background: #e5a60c;
}*/

#agendSim li .insgW .info .clA {
    background: #49a2d3;
}
#agendSim li .insgW .info .clB {
	background: #49a2d3;
}
#agendSim li .insgW .info .clC {
	background: #F3AD0F;
}
#agendSim li .insgW .info .clD {
	background: #CED649;
}

#agendSim li .insgW .tail {
	position: absolute;
	left: 85px; bottom: -9px;
	width: 17px; height: 10px;
	background: url(../grafics/back_miniag_ins_w_open.gif) 0 bottom;
}
#agendSim li .insgW.left .tail {
    left: 173px;
}


/* llista mapa web */

.contListMap {
	position: relative;
	float: left;
	overflow: hidden;
	width: 225px;
	margin: 0 20px 20px 0;
	
}
.contListMap ul ul {
	padding-left: 10px;
}
.contListMap li {
	margin: 0; padding: 0 0 5px 10px;
	background: url(../grafics/ico_lat.gif) 0 4px no-repeat;
}


/* paginació */

#paginador {
    position: relative;
    overflow: hidden;
	width: 930px;
	margin: 5px 15px;
    padding: 10px 0;
	font-size: 10px;
	text-align: left;
	color: #a0a0a0;
}
#paginador strong {
    padding: 2px 6px;
	background: white;
	color: black;
}
#paginador a {
	text-decoration: none;
	font-weight: bold;
	padding: 2px 6px;
	color: white;
	background: #40add8;
}
#paginador a:hover {
    color: #40add8;
	background: white;
}




/* cloenda: */

#bottom {
	
}
#bottom .box {
    
}
#bottom .left, #bottom .right {
    
}
#bottom .right {
	
}

#bottom a {
	
}
#bottom a:hover {
	
}