body {
font-family:"HelveticaNeueLTCom-Lt","HelveticaNeueLT Com 45 Lt", Helvetica, Arial, sans-serif;
font-size:76%;
margin:0;
padding:0;
text-align:center;
background-color:#CDCDCD;
color:black;
}

/* reset */
h1,h2,h3,h4,h5,p,fieldset,form {
margin:0;
padding:0;
border:0 solid transparent;
font-size:1em;
font-weight:normal;
}

a img {border:0}

/* estructura */
div#contenidor {
width:870px;
text-align:left;
margin:0 auto;
}

div#idiomes-i-utilitats p {
margin-top:70px;
margin-bottom:3px;
}

	div#idiomes-i-utilitats p#retorn-web-sineses {float:left;}
	div#idiomes-i-utilitats p#utilitats {float:right}
	
		div#idiomes-i-utilitats p#utilitats a {margin-left:5px;}

div#capcalera {
clear:both;
float:left;
width:870px;
height:196px;
position:relative;
background-color:#666666;
border-bottom:5px solid white;
}


	body#fons-cargol-de-mar div#capcalera {background-image:url(../img/banner7.jpg);}
	body#fons-cargol-de-mar div#cos {background-image:url(../img/opacidad7.jpg);}
	body#fons-cargol-de-mar div#capcalera p#frase-seccio {
	color:#666666;
	top:45px !important;
	left:250px !important;
	}


	body#fons-ordinador div#capcalera {background-image:url(../img/banner6.jpg);}
	body#fons-ordinador div#cos {background-image:url(../img/opacidad6.jpg);}
	body#fons-ordinador div#capcalera p#frase-seccio {color:#666666}
	
	body#fons-colla div#capcalera {background-image:url(../img/banner9.jpg);}
	body#fons-colla div#cos {background-image:url(../img/opacidad9.jpg);}	
	body#fons-colla div#capcalera p#frase-seccio {
	top:166px !important;
	left:230px !important;
	}

	div#capcalera h1 {
	position:absolute;
	top:15px;
	left:50px;
	width:112px;
	height:112px;
	overflow:hidden;
	}
	
	div#capcalera h2 {
	position:absolute;
	top:130px;
	left:50px;
	width:112px;
	color:#006EC6;
	font-size:109%;
	text-align:justify;
	}
	
	div#capcalera p#frase-seccio {
	position:absolute;
	font-size:1.8em;
	color:white;
	left:173px;
	top:86px;
	}
		
		
	div#capcalera p#telefon {
	position:absolute;
	bottom:5px;
	left:50px;
	color:#333333;
	font-size:1.5em;
	}
	
	

div#cos { /* espai útil: 800px  */
clear:both;
background-color:white;
background-repeat:no-repeat;
padding:25px 35px;
height: auto !important;
height: 400px; /* hack IE5 i 6 */
min-height: 400px; /* resta de navegadors */
}


div#cos a#salir-de-campus {
float:right;
color:#C60000;
background:transparent url(../img/ico-sortir-campus.gif) left center no-repeat;
padding-left:20px;
margin:0 0 15px 15px;
}

div#navegacio-local {
float:left;
width:150px;
border-right:1px dotted #D2D2D2;
}

div#inicio-campus {
text-align:right;
margin-bottom:10px;
margin-right:20px;
}


	div#inicio-campus a {
	font-weight:bold;
	background:transparent url(../img/ico-home.gif) left center no-repeat;
	padding-left:20px;
	}

div#navegacio-local a.item {
margin-bottom:10px;
position:relative;
overflow:hidden;
display:block;
height:135px;
width:133px;
cursor:pointer;
background-repeat:no-repeat;
}


	div#navegacio-local a.item#acc-noticies {background-image:url(../img/home-campus-1-mini.gif)}
	div#navegacio-local a.item#acc-butlletins {background-image:url(../img/home-campus-2-mini.gif)}
	div#navegacio-local a.item#acc-forum {background-image:url(../img/home-campus-3-mini.gif)}
	

		div#navegacio-local a.item span{
		position:absolute;
		right:15px;
		bottom:10px;
		font-size:100%;
		font-family:"trebuchet MS";
		font-weight:bold;
		}

div#area-continguts {
line-height:160%;
width:630px;
float:right;
}

	div.sense-menu#area-continguts {
	width:100%;
	float:none;
	}

	div#area-continguts p, 
	div#area-continguts ol, 
	div#area-continguts ul,
	div#area-continguts li,
	div#area-continguts h2,
	div#area-continguts h3 {
	margin-top:1em;
	margin-bottom:1em;
	}
	

	div#area-continguts h2 {
	margin-top:0 !important;
	}
	
	
	div#area-continguts ul {
	list-style:none;
	margin-left:0;
	padding-left:0;
	}
	
		div#area-continguts li {
		margin-left:0;
		padding-left:15px;
		background:transparent url(../img/punt-llista-05.gif) 0 6px no-repeat;
		}

		p#proteccio-de-dades {
		color:#999999;
		width:307px;
		}



div#tornar-al-web-de-sinesis {
padding-top:5px;
font-size:0.9em;
clear:both;
background-color:#333333;
color:#CCCCCC;
text-align:center;
padding:8px;
margin-bottom:5px;
}

	div#tornar-al-web-de-sinesis a {
	color:#CCCCCC;
	}
	

div#peu {
clear:both;
padding-bottom:20px;
font-size:0.9em;
}

	div#peu a#credits {
	float:right;
	}


	
/* controls de formularis */
.boto {
font-weight:bold;
color:#999999;
background-color:white;
border:0;
font-family:inherit;
font-size:inherit;
cursor:pointer;
}

div.camp {
float:left;
margin-top:20px;
}

	div.camp label {
	float:left;
	display:block;
	}

a {
color:black;
text-decoration:none;
}

a:hover {text-decoration:underline}

	a.pdf {
	background:transparent url(../img/pdf-icon.gif) 0 0 no-repeat;
	padding:2px 0 2px 25px;
	}

.clear  {height:1px;clear:both}

.acc {
position:absolute;
left:-1000px;
}

/***************************************************
estils pàgines especials
****************************************************/


/* accés campus sinesis */

div#no-registrats h2, div#registrats h2, div#no-registrats a, div#registrats a {	
color:#DA0B15;
}

div#no-registrats div.camp label, div#registrats div.camp label {
width:90px;
}

	div#registrats div.camp div.marc-input, 
	div#no-registrats div.camp div.marc-input{
	float:left;
	height:12px;
	border:0;
	padding:1px 6px;
	}
	
		div#registrats div.camp div.marc-input input, 
		div#no-registrats div.camp div.marc-input input{
		height:12px;
		overflow:hidden;
		border:0;
		background-color:transparent;
		font-family:Arial, Helvetica, sans-serif;
		font-size:11px;
		}	
		
div#registrats {
width:300px;
float:left;
}

	div#registrats div.camp div.marc-input {
	width:190px;
	background:transparent url(../img/fons-camp-formulari-190.gif) 0 0 no-repeat;
	}

		div#registrats div.camp div.marc-input input {
		width:184px;
		}

div#no-registrats {
width:400px;
float:right;
}

	div#no-registrats div.camp div.marc-input {
	width:290px;
	background:transparent url(../img/fons-camp-formulari-290.gif) 0 0 no-repeat;
	}

		div#no-registrats div.camp  div.marc-input input {
		width:284px;
		}


div#area-continguts h1 {
font-weight:bold;
color:#014974;
font-size:158%;
margin-bottom:15px;
}

div#area-continguts h2 {
font-weight:bold;
font-size:133%;
color:#014974;
margin-bottom:15px;
}

div#area-continguts a {font-weight:bold}

/* notícies  */
div#llistat-noticies h1 {
background:transparent url(../img/icona-noticies.gif) top left no-repeat;
padding:5px 0 5px 37px;
}

span.data {
color:#0374B6;
font-size:0.9em;
}


div#detall-noticia-capsa-imatges {
    width: 305px;
    float: right;
}

div#detall-noticia-capsa-imatges img {
    float:right;
    margin-bottom: 10px;
}




/* pàgina d'inici del campus */

div#pagina-inici-campus-sinesis {
margin:0 auto;
width:600px;
}

div#pagina-inici-campus-sinesis a {
float:left;
margin-right:10px;
position:relative;
overflow:hidden;
display:block;
height:190px;
width:188px;
cursor:pointer;
background-repeat:no-repeat;
}


	div#pagina-inici-campus-sinesis a#acc-noticies {background-image:url(../img/home-campus-1.gif)}
	div#pagina-inici-campus-sinesis a#acc-butlletins {background-image:url(../img/home-campus-2.gif)}
	div#pagina-inici-campus-sinesis a#acc-forum {background-image:url(../img/home-campus-3.gif)}
	

	div#pagina-inici-campus-sinesis a span{
	position:absolute;
	right:20px;
	bottom:15px;
	font-size:127%;
	font-family:"trebuchet MS";
	font-weight:bold;
	}
	
/* boletines */	

div#llistat-boletines h2 {
background:transparent url(../img/icona-boletines.gif) top left no-repeat;
padding:5px 0 5px 37px;
}

div#llistat-boletines h3 {
background:#CCCCCC;
padding:3px 10px;
color:#333333;
font-weight:bold;
}
	
	div#llistat-boletines ul {
	margin:0;
	padding:0;
	list-style:none;
	}
	
	div#llistat-boletines li {
	background-image:none;
	margin:0;
	padding:4px 0;
	border-bottom:1px dotted #9A9A9A;
	}
	
	div#llistat-boletines li a {
	padding:2px 0 2px 20px;
	background:transparent url(../img/page_white_put.png) 0 0 no-repeat;
	}
	