/* Reset */
ul,ol{list-style:none}
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,blockquote,fieldset,caption{margin:0;padding:0;line-height:1}
a img{border:none}


body {
	margin:10px 0px;
	font:70% "Trebuchet MS", sans-serif;
	color:#333333;
}


#wrapper { width:962px; #width:968px; margin:0 auto; }
* html #wrapper { width:980px; margin:0 auto; }

#header { height:139px;
margin-bottom:5px;}

h3 { margin-left:15px; font-size:1.8em; padding:5px;}
h4 {font-size:1.3em;line-height:16px;margin-left:15px;padding:5px;}
hr { color:#FFFFFF;}
p.imgLeft { float:left; margin-top:0px; margin-bottom:5px; padding-top:5px;}

p.imgLeft img {padding:1px;border:1px solid /*#333333*/#F79B2A;}



/* Layout: columns */
#float-container { /* Cont� #side-a i #content */
	float: left;
	width: 749px;
	#width:758px;
}
* html #float-container { width: 765px;}
	
	
#content {
	width: 747px;
}
#content p {font-size:12px; /*text-align:justify;*/ line-height:16px; margin-left:15px; padding-left:5px; padding-right:20px;}
ul.curriculum li {font-size:12px; text-align:justify; line-height:16px; margin-left:15px; padding-left:5px; padding-right:20px;}

ul.tabs {
	position:relative;
	top:0;
	left:0;
	width:270px;
}
#tabs-3 { background-color:#F79D2B; width:250px; margin-top:2px; }

ul.tabs li { list-style-type:none; height:30px; }

#tabs-3 li div.dades_top{  height:10px; background-image:url(../imgs/dades_top.jpg); background-repeat:no-repeat; }
#tabs-3 li div.dades_middle { padding-left:2px; padding-right:25px; background-color:#F79D2B;}
#tabs-3 li div.dades_middle p { margin-top:0px; margin-bottom:0px;margin-left:10px!important;}
#tabs-3 li div.dades_bottom { height:15px; background-image:url(../imgs/dades_bottom.jpg); background-repeat:no-repeat;}

ul.tabs li a { display:block; height:30px; text-indent:-9999; text-decoration:none; background-color:#fefef7 !important; }
ul.tabs li a:hover, ul.tabs li.current a { height:30px; background-position:0 -29px !important; background-color:#0c78b9 !important; color:#fff; text-decoration:none; }
ul.tabs li a span.visibility { visibility:hidden; }

#menu1 { background: url(../imgs/menu1.gif); }
#menu2 { background: url(../imgs/menu2.gif); }
#menu3 { background: url(../imgs/menu3.gif); }
#menu4 { background: url(../imgs/menu4.gif); }
#menu5 { background: url(../imgs/menu5.gif); }
#menu6 { background: url(../imgs/menu6.gif); }
#menu7 { background: url(../imgs/menu7.gif); }
#menu8 { background: url(../imgs/menu8.gif); }
#menu9 { background: url(../imgs/menu9.gif); }
#menu10 { background: url(../imgs/menu10.gif); }
#menu11 { background: url(../imgs/menu11.gif); }
#menu12 { background: url(../imgs/menu12.gif); }


/* container for tabs and panes */
#scrollable {
	position:relative;
	width:477px;
	height:569px;
	overflow:hidden;
	top:-412px;
	margin:0 0 0 272px; /* ul.tabs:width + 2px de marge */
}

*:first-child+html #scrollable {
	top:-437px;
	height:592px;
}

* html #scrollable {
	top:-598px;
	height:612px;
}
/** html #scrollable { height:587px; }*/

/* container for panes */
#panes {
	position:absolute;
	width:10000px;
	height:569px;
}

*:first-child+html #panes {
	height:592px;
}

* html #panes {
	height:612px;
}

/* single pane */
#panes>div {
	position:relative;
	top:0;
	left:0;
	width:477px;
	height:519px;
	float:left;
}

*:first-child+html #panes>div {
	height:542px;
}

* html #panes>div {
	height:562px;
}

#tabs-2 {margin-top:11px;}
#tabs-3 {margin-top:11px;}

#panes>div>div.content_top { height:20px; width:477px; background:url(../imgs/margin_top.jpg) no-repeat; }
#panes>div>div.content_middle { height:529px; width:477px; background-color:#CCCCCC; }
*:first-child+html #panes>div>div.content_middle {
	height:552px;
}
* html #panes>div>div.content_middle {
	height:572px;
}
#panes>div>div.content_bottom { height:20px; width:477px; background:url(../imgs/margin_bottom.jpg) no-repeat;}


#side-b { margin-left:752px; #margin-left:760px; background-color:#F79D2B; }
* html #side-b { margin-left:765px; width:211px; }

#side-b p { font-size:12px; line-height:16px; margin-bottom:0px;padding-left:5px;}
#side-b p strong, #side-b p a { color:#000000; }
#side-b p a:hover { text-decoration:none; }
#side-b #side-b_top { height:25px; background-image:url(../imgs/sideb_top.jpg); background-repeat:no-repeat; }
#side-b #side-b_middle { padding: 0 15px; margin-top:0px; margin-bottom:0px; }
#side-b_middle h4 {margin-left:0px;}
#side-b #side-b_bottom { height:25px; background-image:url(../imgs/sideb_bottom.jpg); background-repeat:no-repeat; }


/********** FINESTRA MODAL TIPUS 'THICKBOX' *************/
.black_overlay{
	display: none;
	position: absolute;
	top: 0%;
	left: 0%;
	width: 100%;
	height: 100%;
	background-color: black;
	z-index:1001;
	-moz-opacity: 0.8;
	opacity:.80;
	filter: alpha(opacity=80);
}
.white_content {
	display: none;
	position: absolute;
	top: 10%;
	left: 20%;
	width: 50%;
	height: 50%;
	padding: 16px;
	border: 10px solid #F79D2B;
	background-color: white;
	z-index:1002;
	overflow: auto;
	width:800px;
	height:550px;
}

/********** FORMULARI INSCRIPCIÓ ************/
p.imgCenter { text-align:center; width:594px; height:139px;}
table.formulari { width:470px; text-align:center;
font-size:12px; font-family:Verdana, Arial, Helvetica, sans-serif; color:#000000; font-weight:bold;}
table.formulari tr { height:30px; }
table.formulari tr td.groc { background-image:url(../imgs/bkg_input.gif); 
background-repeat:no-repeat; text-align:right; padding-right:30px;}
table.formulari tr td.gris { background-image:url(../imgs/bkg_input2.gif); 
background-repeat:no-repeat; text-align:right; padding-right:30px;}
table.formulari input.boto { margin:0px; background-image:url(../imgs/bkg_button.gif); background-repeat:no-repeat; width:80px; height:31px; text-align:center; border:0px; font-size:12px; font-family:Verdana, Arial, Helvetica, sans-serif; color:#000000;}

#footer { clear: right; float:rigt;; position:relative; margin-left:10px;}
p.logo { margin-left:-5px!important; padding-left:0px;}


/********** UTILS ***********/
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */