@charset "ISO-8859-1";

/*
a:link {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 12px;
	font-style: italic;
	color: #77AD1C;
	text-align: left;
	line-height: normal;
	vertical-align: top;
	font-weight: bold;
}

a:visited
a:hover {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 12px;
	font-style: italic;
	color: #5D710D;
	text-align: left;
	line-height: normal;
	vertical-align: top;
}
a:active
*/
#container {
	/*height: 100%;*/
    padding-top: 1px;
    padding-bottom: 1px;
	width: 1000px;
	margin-right: auto;
	margin-left: auto;
	background-image: url(images/mosaic-general-clar.jpg);
}

#containerjuv {
    padding-top: 1px;
    padding-bottom: 1px;
	height: 100%;
	width: 1000px;
	margin-right: auto;
	margin-left: auto;
	background-image: url(images/mosaic-joves-clar.jpg);
}

#containerinf {
	padding-top: 1px;
    padding-bottom: 1px;
	height: 100%;
	width: 1000px;
	margin-right: auto;
	margin-left: auto;
	background-image: url(images/mosaic-nens-clar.jpg);
}
#white {
	background-color: #FFFFFF;
	height: 100%;
	width: 951px;
	margin-right: auto;
	margin-left: auto;
	clear: both;
	margin-top: 23px;
	margin-bottom: 23px;
	padding: 0px;
}
#top {
	height: 144px;
	width: 900px;
	margin-right: auto;
	margin-left: auto;
	padding-top: 22px;
}
#content {
	width: 900px;
	margin-right: auto;
	margin-left: auto;
	height: 100%;
	margin-top: -20px;
	float: none;
}
#noticies {
	float: right;
	height: 375px;
	width: 220px;
	padding-left: 30px;
	padding-right: 0px;
}
#agenda {
	height: 375px;
	width: 160px;
	padding-left: 30px;
	float: left;
}
#novetats {
	float: right;
	height: 375px;
	width: 210px;
	padding-left: 30px;
}
#bottom {
	width: 900px;
	height: 100%;
	margin: auto;
}
#logotip  {
	margin: auto;
	height: 51px;
	width: 185px;
	float: left;
}
#icones {
	height: 20px;
	width: 140px;
	float: right;
	padding-top: 15px;
}
#menu-petit {
	width: 375px;
	margin-top: 7px;
	float: right;
}
#menu {
	width: auto;
	padding-top: 18px;
}
#persones {
	float: left;
	height: 375px;
	width: 220px;
}

.hbs-menu-petit {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 12px;
	color: #161920;
	text-decoration: none;
	font-style: italic;
}

a.hbs-menu-petit:hover {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 12px;
	color: #FFFFFF;
	font-style: italic;
	background-color: #161920;
	height: 12px;
}


.hbs-destacats {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 12px;
	font-weight: normal;
	color: #FFFFFF;
	text-decoration: none;
	text-align: center;
	font-style: oblique;
}

a.hbs-destacats:hover {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 12px;
	font-weight: normal;
	color: #FFFFFF;
	text-decoration: underline;
	text-align: center;
	font-style: oblique;
}

.hm-news-titolgran {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 16px;
	font-style: italic;
	color: #FFFFFF;
	font-weight: bold;
	line-height: normal;
	text-align: left;
}

.hm-news-data {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 11px;
	font-style: italic;
	color: #FFFFFF;
	line-height: normal;
	text-align: left;
}
.hm-news-titol {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 16px;
	font-style: oblique;
	color: #77AD1C;
	line-height: normal;
	text-align: left;
	text-decoration: none;
}

a.hm-news-titol:hover {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 16px;
	font-style: oblique;
	color: #5D710D;
	line-height: normal;
	text-align: left;
	text-decoration: none;
}
.hm-news-text {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 11px;
	font-style: normal;
	color: #FFFFFF;
	line-height: normal;
	text-align: left;
	font-weight: normal;
}
.hm-news-mes {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 11px;
	font-style: italic;
	color: #BBD68D;
	text-decoration: none;
	line-height: normal;
	text-align: left;
}

a.hm-news-mes:hover {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 11px;
	font-style: italic;
	color: #FFFFFF;
	text-decoration: none;
	background-color: #77AD1C;
	height: 10px;
	line-height: normal;
}
.hm-an-titolgran {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 21px;
	font-style: italic;
	color: #161920;
	text-align: left;
	line-height: normal;
	vertical-align: top;
}
.hm-an-titolmitja {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 17px;
	font-style: italic;
	color: #161920;
	text-align: left;
	line-height: normal;
	vertical-align: top;
}
.hm-an-cursiva {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 11px;
	font-style: italic;
	color: #161920;
	text-align: left;
	line-height: normal;
}
.hm-an-normal {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 12px;
	font-style: normal;
	color: #161920;
	text-align: left;
	line-height: normal;
}

.a-link-normal {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 12px;
	font-style: italic;
	color: #161920;
	text-align: left;
	line-height: normal;
	text-decoration: none;
}

.a-link-normal:hover {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 12px;
	font-style: italic;
	color: #FFFFFF;
	text-align: left;
	line-height: normal;
	text-decoration: none;
	background-color: #DDBC00;
}

.a-link-normal-mig {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 14px;
	font-style: italic;
	color: #161920;
	text-align: left;
	line-height: normal;
	text-decoration: none;
}

.a-link-normal-mig:hover {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 14px;
	font-style: italic;
	color: #FFFFFF;
	text-align: left;
	line-height: normal;
	text-decoration: none;
	background-color:#f4ce01;
}

.a-link-normal-gran {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 16px;
	font-style: italic;
	color: #161920;
	text-align: left;
	line-height: normal;
	text-decoration: none;
}

.a-link-normal-gran:hover {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 16px;
	font-style: italic;
	color: #FFFFFF;
	text-align: left;
	line-height: normal;
	text-decoration: none;
	background-color: #f4ce01;
}

.hm-a-titol1 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 12px;
	font-weight: bold;
	color: #CFB000;
	text-align: left;
	line-height: normal;
	text-decoration: none;
}

a.hm-a-titol1:hover {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 12px;
	font-weight: bold;
	color: #5D710D;
	text-align: left;
	line-height: normal;
	text-decoration: none;
}
.hm-an-mes {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 9px;
	font-style: italic;
	color: #FFFFFF;
	text-align: left;
	background-color: #5D710D;
	line-height: normal;
}

a.hm-an-mes:hover {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 9px;
	font-style: italic;
	color: #FFFFFF;
	text-align: left;
	background-color: #1D2027;
	line-height: normal;
}
.hm-n-titol1 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 12px;
	font-style: normal;
	color: #77AD1C;
	text-decoration: none;
	text-align: left;
	line-height: normal;
}

a.hm-n-titol1:hover {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 12px;
	font-style: normal;
	color: #5D710D;
	text-decoration: none;
	text-align: left;
	line-height: normal;
}
.hm-a-titol2 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 12px;
	font-weight: bold;
	color: #77AD1C;
	text-align: left;
	line-height: normal;
	text-decoration: none;
}

a.hm-a-titol2:hover {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 12px;
	font-weight: bold;
	color: #5D710D;
	text-align: left;
	line-height: normal;
	text-decoration: none;
}
.hm-a-titol3 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 12px;
	font-weight: bold;
	color: #5D710D;
	text-align: left;
	line-height: normal;
	text-decoration: none;
}

a.hm-a-titol3:hover {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 12px;
	font-weight: bold;
	color: #CFB000;
	text-align: left;
	line-height: normal;
	text-decoration: none;
}
.hm-n-titol2 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 12px;
	font-style: normal;
	color: #77AD1C;
	text-decoration: none;
	text-align: left;
	line-height: normal;
}

a.hm-n-titol2:hover {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 12px;
	font-style: normal;
	color: #5D710D;
	text-decoration: none;
	text-align: left;
	line-height: normal;
}
.hp-link {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 9px;
	font-style: italic;
	color: #2A2D3D;
	text-decoration: none;
	text-align: left;
	line-height: normal;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	font-weight: normal;
}

a.hp-link:hover {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 9px;
	font-style: italic;
	color: #FFFFFF;
	text-decoration: none;
	text-align: left;
	background-color: #1D2027;
	height: 10px;
	line-height: normal;
}
.invisible {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 6px;
	font-style: normal;
	color: #1D2027;
	text-align: left;
	line-height: normal;
}
.hp-text {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 10px;
	font-style: normal;
	color: #1D2027;
	text-align: left;
	line-height: normal;
}

.hp-text-negrita {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 10px;
	color: #16181D;
	text-align: left;
	font-weight: bold;
	line-height: normal;
}
.hp-text-negritacursiva {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 9px;
	color: #16181D;
	text-align: left;
	font-weight: bold;
	font-style: italic;
	line-height: normal;
}
.hp-text-cursiva {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 9px;
	font-style: italic;
	color: #1D2027;
	text-align: left;
	line-height: normal;
	font-weight: normal;
}
.hp-groc {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 10px;
	font-weight: bold;
	color: #CFB000;
	text-decoration: none;
	text-align: left;
	line-height: normal;
}
#fons-blanc {
	width: 900px;
	margin-right: auto;
	margin-left: auto;
}
.animacio {
	text-align: right;
}
#nen {
	height: 424px;
	width: 543px;
}
#llibre-quisom {
	height: 100%;
	width: 287px;
	float: left;
}
#text-quisom {
	float: left;
	height: 680px;
	width: 533px;
	text-align: justify;
	padding-right: 40px;
	padding-left: 40px;
}
.text {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 11px;
	font-style: normal;
	font-weight: normal;
	color: #262636;
	line-height: 13px;
}
.negrita {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 11px;
	font-style: normal;
	font-weight: bold;
	color: #262636;
	line-height: 13px;
}
.negrita-gran {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
	color: #262636;
	font-variant: normal;
	line-height: 14px;
}
.cursiva {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 11px;
	font-style: oblique;
	font-weight: normal;
	color: #5D710D;
	text-decoration: underline;
}
a.cursiva:hover {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 11px;
	font-style: oblique;
	font-weight: normal;
	color: #77AD1C;
	text-decoration: underline;
}
.cursiva-quadrat {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 11px;
	font-style: oblique;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #E3C207;
	height: 12px;
}
.text-clar {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 11px;
	font-style: normal;
	font-weight: normal;
	color: #555572;
}
#quadre1 {
	height: 330px;
	width: 203px;
	height: 100%;
	position: relative;
	padding-top: 20px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
#quadre2 {
	width: 202px;
	padding-left: 30px;
	height: 100%;
	position: relative;
	padding-top: 20px;
}
#quadre3 {
	width: 203px;
	padding-left: 30px;
	height: 100%;
	position: relative;
	padding-top: 20px;
}
#quadre4 {
	width: 202px;
	padding-left: 30px;
	height: 100%;
	position: relative;
	padding-top: 20px;
}
.submenu-esquerre {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 12px;
	font-weight: normal;
	color: #FFFFFF;
	text-decoration: none;
	text-align: left;
	font-style: oblique;
	background-color: #161920;
}

a.submenu-esquerre:hover {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 12px;
	font-weight: normal;
	color: #FFFFFF;
	text-decoration: underline;
	text-align: left;
	font-style: oblique;
	background-color: #EBC908;
}
.submenu-joves {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 12px;
	font-weight: normal;
	color: #5D710D;
	text-decoration: none;
	text-align: left;
	font-style: oblique;
	background-color: #FFFFFF;
}

a.submenu-joves:hover {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 12px;
	font-weight: normal;
	color: #FFFFFF;
	text-decoration: underline;
	text-align: left;
	font-style: oblique;
	background-color: #EBC908;
}
.pdf {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 12px;
	font-style: italic;
	color: #77AD1C;
	text-align: left;
	line-height: normal;
	vertical-align: top;
	font-weight: bold;
}
a.pdf:hover {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 12px;
	font-style: italic;
	color: #5D710D;
	text-align: left;
	line-height: normal;
	vertical-align: top;
}
.paginacio {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 11px;
	font-weight: bold;
	color: #77AD1C;
	text-align: left;
	line-height: normal;
	text-decoration: none;
	display: inline-block;
	padding: 3px;
}

a.paginacio:hover {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 11px;
	font-weight: bold;
	color: #FFF;
	text-align: left;
	line-height: normal;
	text-decoration: none;
	display: inline-block;
	background-color: #5D710D;
	padding: 3px;
}