@charset "UTF-8";
/* CSS Document */
@import url("reset.css"); 



body
{
	background-color:#CFD1D2;
}
.clear
{
	clear:both;
	height:10px;
	background-color:#fff;
}
#web
{
	width:841px;
	min-height:500px;
	margin-left:auto;
	margin-right:auto;
}
#header
{
	height:200px;
	width:841px;
	background-image:url(../images/header.jpg);
	background-repeat:no-repeat;
}
#menu-header
{
	width:831px;/*841*/
	height:15px;/*18*/
	padding:3px 10px 0 0;
	background-color:#343434;
	color:#fff;
	text-align:right;
	font-size:11px;
	border-bottom:1px solid #fff;
	
	font-family:Tahoma,Arial, Helvetica, sans-serif;
}
#menu-header a
{
	color:#fff;
	font-size:11px;
	text-decoration:none;
	font-family:Tahoma,Arial, Helvetica, sans-serif;
}

/************/
/*** MENU ***/
/************/

#menu
{
	height:77px;
	width:841px;
	background-color:#FFFFFF;
}
#escola-idiomes
{
	height:77px;
	width:262px;
	float:left;
	background-image:url(../images/boto_idiomes.jpg);
	background-repeat:no-repeat;
}
#escola-idiomes a
{
	height:77px;
	width:262px;
	display:block;
}
#escola-idiomes a:link,
#escola-idiomes a:visited
{
	background-image:url(../images/boto_idiomes.jpg);
	background-repeat:no-repeat;
}
#escola-idiomes a:hover,
#escola-idiomes a:active
{
	background:url(../images/boto_idiomes.jpg);
	background-repeat:no-repeat;
	background-position:left bottom;
}

#batxillerats
{
	height:77px;
	width:116px;
	float:left;
	background-image:url(../images/boto-batxillerats.jpg);
	background-repeat:no-repeat;
}
#batxillerats a
{
	height:77px;
	width:116px;
	display:block;
}
#batxillerats a:link,
#batxillerats a:visited
{
	background-image:url(../images/boto-batxillerats.jpg);
	background-repeat:no-repeat;
}
#batxillerats a:hover,
#batxillerats a:active
{
	background:url(../images/boto-batxillerats.jpg);
	background-repeat:no-repeat;
	background-position:left bottom;
}

#cicles-formatius
{
	height:77px;
	width:116px;
	float:left;
	background-image:url(../images/boto-cicles.jpg);
	background-repeat:no-repeat;
}
#cicles-formatius a
{
	height:77px;
	width:116px;
	display:block;
}
#cicles-formatius a:link,
#cicles-formatius a:visited
{
	background-image:url(../images/boto-cicles.jpg);
	background-repeat:no-repeat;
}
#cicles-formatius a:hover,
#cicles-formatius a:active
{
	background:url(../images/boto-cicles.jpg);
	background-repeat:no-repeat;
	background-position:left bottom;
}

#virtelia
{
	height:77px;
	width:116px;
	float:left;
	background-image:url(../images/boto-virtelia.jpg);
	background-repeat:no-repeat;
}
#virtelia a
{
	height:77px;
	width:116px;
	display:block;
}
#virtelia a:link,
#virtelia a:visited
{
	background-image:url(../images/boto-virtelia.jpg);
	background-repeat:no-repeat;
}
#virtelia a:hover,
#virtelia a:active
{
	background:url(../images/boto-virtelia.jpg);
	background-repeat:no-repeat;
	background-position:left bottom;
}

#thau-bcn
{
	height:77px;
	width:116px;
	float:left;
	background-image:url(../images/boto-thau.jpg);
	background-repeat:no-repeat;
}
#thau-bcn a
{
	height:77px;
	width:116px;
	display:block;
}
#thau-bcn a:link,
#thau-bcn a:visited
{
	background-image:url(../images/boto-thau.jpg);
	background-repeat:no-repeat;
}
#thau-bcn a:hover,
#thau-bcn a:active
{
	background:url(../images/boto-thau.jpg);
	background-repeat:no-repeat;
	background-position:left bottom;
}

#thau-stcugat
{
	height:77px;
	width:115px;
	_width:114px;
	float:left;
	background-image:url(../images/boto-thausc.jpg);
	background-repeat:no-repeat;
}
#thau-stcugat a
{
	height:77px;
	width:116px;
	_width:115px;
	display:block;
}
#thau-stcugat a:link,
#thau-stcugat a:visited
{
	background-image:url(../images/boto-thausc.jpg);
	background-repeat:no-repeat;
}
#thau-stcugat a:hover,
#thau-stcugat a:active
{
	background:url(../images/boto-thausc.jpg);
	background-repeat:no-repeat;
	background-position:left bottom;
}

/***************/
/*** CONTENT ***/
/***************/

#content
{
	background-image:url(../images/bg-content.jpg);
	background-repeat:repeat-y;
	background-color:#fff;
	font-family:Arial, Helvetica, sans-serif;

}
#content-gracia
{
	background-color:#fff;
	font-family:Arial, Helvetica, sans-serif;
	padding-left:10px;

}
#left
{
	float:left;
	width:260px;
	padding:10px;
}
#right
{
	float:right;
	width:540px;
	padding:10px;
}

/**********************/
/*** CONTENT - LEFT ***/
/**********************/

#banners
{
	
}
a.via-augusta
{
	width:260px;
	height:101px;
	background-image:url(../images/via-augusta.jpg);
	background-repeat:no-repeat;
	display:block;
	margin-bottom:10px;
}

a.via-augusta:link,
a.via-augusta:visited
{
	background-image:url(../images/via-augusta.jpg);
	background-repeat:no-repeat;
}
a.via-augusta:hover,
a.via-augusta:active
{
	background-image:url(../images/via-augusta.jpg);
	background-repeat:no-repeat;
	background-position:left bottom;
}
a.gracia
{
	width:260px;
	height:101px;
	background-image:url(../images/gracia.jpg);
	background-repeat:no-repeat;
	display:block;
	margin-bottom:10px;
}

a.gracia:link,
a.gracia:visited
{
	background-image:url(../images/gracia.jpg);
	background-repeat:no-repeat;
	background-position:left top;
}
a.gracia:hover,
a.gracia:active
{
	background-image:url(../images/gracia.jpg);
	background-repeat:no-repeat;
	background-position:left bottom;
}

a.viatges
{
	width:260px;
	height:99px;
	background-image:url(../images/viatges.jpg);
	background-repeat:no-repeat;
	display:block;
	margin-bottom:10px;
}
a.esol
{
	width:260px;
	height:99px;
	background-image:url(../images/viatges2.jpg);
	background-repeat:no-repeat;
	display:block;
	margin-bottom:10px;
}
a.trinity
{
	width:260px;
	height:99px;
	background-image:url(../images/trinity.jpg);
	background-repeat:no-repeat;
	display:block;
	margin-bottom:10px;
}
a.notesVA
{
	width:535px;
	height:101px;
	background-image:url(../images/NotesVA.jpg);
	background-repeat:no-repeat;
	display:block;
	margin-bottom:10px;
}

a.notesVA:link,
a.notesVA:visited
{
	background-image:url(../images/NotesVA.jpg);
	background-repeat:no-repeat;
}
a.notesVA:hover,
a.notesVA:active
{
	background-image:url(../images/NotesVA.jpg);
	background-repeat:no-repeat;
	background-position:left bottom;
}

a.notesG
{
	width:535px;
	height:101px;
	background-image:url(../images/NotesG.jpg);
	background-repeat:no-repeat;
	display:block;
	margin-left:px;
}

a.notesG:link,
a.notesG:visited
{
	background-image:url(../images/NotesG.jpg);
	background-repeat:no-repeat;
}
a.notesG:hover,
a.notesG:active
{
	background-image:url(../images/NotesG.jpg);
	background-repeat:no-repeat;
	background-position:left bottom;
}

a.notesExtra
{
	width:535px;
	height:101px;
	background-image:url(../images/notesExtra.jpg);
	background-repeat:no-repeat;
	display:block;
	margin-bottom:10px;
}

a.notesExtra:link,
a.notesExtra:visited
{
	background-image:url(../images/notesExtra.jpg);
	background-repeat:no-repeat;
}
a.notesExtra:hover,
a.notesExtra:active
{
	background-image:url(../images/notesExtra.jpg);
	background-repeat:no-repeat;
	background-position:left bottom;
}


#noticies
{
	margin-top:30px;
}
h1
{
	font-size:11px;
	font-weight:bold;
	color:#053384;
	border-bottom:1px solid #053384;
	padding-bottom:2px;
}
.noticia-foto
{
	width:66px;
	padding-top:10px;
	padding-bottom:10px;
	border-bottom:1px solid #9C9E9F;
}
.noticia-textos
{
	/*width:194px;*/
	padding-top:10px;
	padding-bottom:10px;
	border-bottom:1px solid #9C9E9F;
}
.noticia-foto-final
{
	width:66px;
	padding-top:10px;
	padding-bottom:10px;
}
.noticia-textos-final
{
	/*width:194px;*/
	padding-top:10px;
	padding-bottom:10px;
}
.noticia-pagines
{
	padding-top:5px;
	font-size:11px;
	padding-bottom:40px;
}
.noticia-pagines a
{	
	text-decoration:none;
}
.noticia-pagines a:link,
.noticia-pagines a:visited
{	
	color:#646567;
}
.noticia-pagines a:hover,
.noticia-pagines a:active
{	
	color:#57589A;
}
.noticia-pagines-actiu
{
	color:#57589A;
	font-weight:bold;
}
.noticia-data
{
	color:#646567;
	font-size:11px;
}
.noticia-titol
{
	color:#57589A;
	font-size:11px;
	font-weight:bold;
}
a.noticia-mesinfo
{
	color:#646567;
	text-decoration:none;
	font-size:11px;
	font-weight:normal;
}
a.test
{
	width:260px;
	height:108px;
	display:block;
}
a.test:link,
a.test:visited
{
	background:url(../images/test.jpg);
	background-repeat:no-repeat;
}
a.test:hover,
a.test:active
{
	background:url(../images/test.jpg);
	background-repeat:no-repeat;
	background-position:left bottom;
}
a.notes
{
	width:260px;
	height:108px;
	display:block;
}
a.notes:link,
a.notes:visited
{
	background:url(../images/notes.jpg);
	background-repeat:no-repeat;
}
a.notes:hover,
a.notes:active
{
	background:url(../images/notes.jpg);
	background-repeat:no-repeat;
	background-position:left bottom;
}


/***********************/
/*** CONTENT - RIGHT ***/
/***********************/
h2
{
	font-size:21px;
	font-weight:bold;
	border-bottom:1px solid #053384;
	color:#053384;
	margin-top:34px;
	margin-bottom:10px;
}
#foto-right
{
	background-repeat:no-repeat;
	width:540px;
	height:319px;
	
	position:relative;
}
#fons-text-foto-right
{
	background-color:#053384;
	width:540px;
	height:18px;
	position:absolute;
	bottom:0;
	left:0;
	opacity: .95;
   	-moz-opacity: .95;
   filter:alpha(opacity=95);
}
#text-foto-right
{
	color:#fff;
	font-size:11px;
	padding-left:5px;
	padding-top:3px;
}
#text-home-right
{
	margin-top:10px;
	margin-bottom:60px;
	
	font-size:11px;
	color:#646567;
	line-height:13px;
}
.titol-home-right,
.titol-home-right a
{
	color:#57589A;
	font-size:11px;
	font-weight:bold;
	margin-bottom:2px;
	text-decoration:none;
}
.text-home-right
{
	font-size:11px;
	color:#646567;
	line-height:13px;
}


/*************************/
/*** CONTENT - NOTÍCIA ***/
/*************************/

#header-noticia
{
	margin-top:40px;
	position:relative;
}
#inici
{
	position:absolute;
	text-align:right;
	right:0;
	_right:10px;
	width:200px;
	
}
#inici a
{
	font-size:11px;
	font-weight:bold;
	color:#053384;
	text-decoration:none;
}
