/* CSS Document */

/* ESTILS GENERALS PEL SITE ************************************************************************************************ */

body {
	padding:0; margin:0;
	background: transparent url(../imatges/bg_generic.jpg) no-repeat;
	background-color:#512508; 
	color: #555; 
	font-size:11px; font-family: Tahoma, Helvetica, Arial, Geneva, sans-serif;
}
#preloadimages { display:none;}

img {border: 0;}

a {
	color: #C83200;
	text-decoration: none;
}
a:hover {
	color: #DC8C78;
	text-decoration: none;
}

form {margin: 0; padding: 0;}

input, select, optgroup, option, textarea {
	font-family: Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif; 
	font-size:10px; margin:0; padding:0 3px 0 3px;
	color:#555555;
	width:230px;
	margin-bottom: 5px;
	}
textarea{
height: 150px;
}
label{
float: left;
width: 120px;
font-weight: bold;
}
#submitbutton { 
	width:65px; margin: 0 5px 0 50px; 
	font-size:11px; color:#C83200; font-weight:bold; 
	background: #fff url(../imatges/bg_button.gif) repeat-x bottom; 
	border-top:1px solid #fff; border-left:1px solid #fff; border-right:1px solid #555; border-bottom:1px solid #555;
	}
#resetbutton { 
	width:65px; margin: 0px;
	font-size:11px; color:#C83200; font-weight:bold; 
	background: #fff url(../imatges/bg_button.gif) repeat-x bottom; 
	border-top:1px solid #fff; border-left:1px solid #fff; border-right:1px solid #555; border-bottom:1px solid #555;
	}


/* COMODINS *********************************************************************************************************** */
.lft {float: left;}
.rgt {float: right;}
.aclara {clear: both;}
.novisible {display: none;}
#nomarg {padding:0; margin:0}
.peu { margin:10px 0 0 0 !important; padding:0 !important; text-align:right; width:268px; font-weight:bold;}
.peu a{ font-weight:normal;}
.separadalt{ padding:0; margin:10px 0 0 0 !important;}
.separabaix{ padding:0; margin:0 0 10px 0 !important;}


/* LYOUT P�GINA ******************************************************************************************************** */
#madre {padding:23px 0 0 0; margin:0; width:761px;}

/* columna 1 */
#col1 {padding:0; margin:0; width:293px; float:left;}

#col1 h1 {padding:9px 0 12px 0; margin:0; float:right;}
#menu {padding:0; padding:0;}
#menu h2{display:none;}
#menu ul {margin:0; padding:0 0 0 14px; list-style:none;}
#menu li {margin:0; padding:0 0 2px 0; text-transform: uppercase; color:#fff; line-height:12px;}
#menu li a {display:block; width:155px;	padding:5px 0 5px 11px; text-decoration:none; color:#fff; font-weight:bold; background: url(../imatges/bg_menu_pal_off.gif) no-repeat left top;}
#menu li a:hover {background: url(../imatges/bg_menu_pal_on.gif) no-repeat left top;}
#menu li.on {display:block; width:155px; margin:0 0 2px 0; padding:5px 0 5px 11px;background: url(../imatges/bg_menu_pal_on.gif) no-repeat left top; font-weight:bold;}

/* tarja */
#tarja { margin:0; padding:0;}

/* columna 2 */
#col2 {padding:0; margin:0; width:296px; float:left;}
#col2 h2 span{display:none;}
#col2 h3{padding:0; margin:0 0 0 0; color:#C83200; font-size:15px; font-family:"Times New Roman", Times, serif; text-transform:uppercase;}
#col2 h4{font-weight:bold; padding:0; margin:0; text-transform:uppercase; font-size:11px;}
#col2 h5{font-weight:bold; padding:0; margin:0; color:#C83200; font-size:11px;}
#col2 ul{ display:block; list-style:outside; list-style-type:square; margin:0 0 0 14px; padding:0;}
#col2 li{padding:0 0 5px 0px; margin:0px;}
#contentscroll{position: relative; height: 387px; width: 290px; overflow-y:scroll auto; overflow:auto; padding:0 0 0 1px;}
#contentscroll p{padding:0 15px 10px 0; margin:0;}
#contentscroll p a 	{ text-decoration:underline;}
#contentscroll p a:hover{ text-decoration:underline;}
#contentscroll p strong{font-weight:bold;}
#contentscroll p.conceptitol {font-weight:bold; padding:0; margin:0;}
#contentscroll p.conceptitol strong{ color:#C83200;}
#contentscroll p.concept strong{font-weight:bold; color:#C83200;}
#contentscroll ul.arxius { margin:0; padding:0 0 9px 0;}
#contentscroll ul.arxius li{ margin:0; padding:0;}
#contentscroll ul.arxius li a{ text-decoration:underline;}
#contentscroll ul.entidades { margin:5px 0 10px 0; padding:0 0 0 14px; list-style:outside; list-style-type:square;}
#contentscroll ul.entidades li {padding:0 0 10px 0px; margin:0px;}
#contentscroll ul.entidades li div{ margin:0; padding:0 ;}
#contentscroll ul.entidades li div p{ margin:0; padding:0 ;}

#boxgris{ background-color:#FBFBFB; border: 1px solid #EAEAEA; width:255px; padding: 10px 0 0 10px; margin:3px 0 0 0;}

.fotocv{ float:left; padding:10px 5px 5px 2px;}
.carregcv{ padding:0px 5px 0 0px!important;}
.escriucv{padding:0!important;}

.titolcv { font-weight:bold; padding:0 0 5px 0!important;}


#boxcolabora { padding:10px 10px 10px 10px; margin:15px 0 0 0; border:1px solid #EAEAEA; background-color:#FBFBFB; width:245px;}
#box { padding:10px 10px 10px 10px; margin:3px 0 0 0; border:1px solid #EAEAEA; background-color:#FBFBFB; width:245px;}
#nombre{ width:170px;}
#e-mail{ width:170px}
#mensaje{ width:170px; height:100px;}


/* columna 3 */
#col3 {padding:0; margin:0; width:172px; float:right; background-color:#ECECEC; min-height:540px;}
html #col3 {height:540px;}
#menu_sec {padding:0; margin:0; width:172px; background: url(../imatges/bg_menu_sec.gif);}
#menu_sec h2 span{display:none;}
#menu_sec ul {padding:13px 0 25px 21px; margin:0; list-style:none;}
#menu_sec ul li {padding:0 0 5px 6px; margin:0; list-style:none; text-transform: uppercase; line-height:12px; background: url(../imatges/topo_menu_sec.gif) no-repeat left top;}
#menu_sec ul li.on {font-weight:bold; color:#DC8C78; padding:0 0 5px 6px; margin:0; list-style:none; text-transform: uppercase; line-height:12px; background: url(../imatges/topo_menu_sec.gif) no-repeat left top;}
#menu_sec ul li a {color:#fff; font-weight:bold;}
#menu_sec ul li a:hover {color:#DC8C78;}
#img_concept {margin:0; padding:0;}
#slogan {margin:0; padding:0;}
#slogan img{margin:0; padding:13px 4px 0 0; float:right;}