/*  DISSENY PENJAT A LA WEB  --  OCTUBRE 2011    */
body {
	margin: 0px;
	font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
	background-image: url(../imatges/degradat.jpg);
	background-repeat:  repeat;
	background-position: center;
	background-color: #99ff66;
}
img {
	border: none;
	margin: 0px;
	padding: 0px;
}	
form, input, textarea, select {
	margin: 0px;
	padding: 0px; 
}	
hr {
	height: 1px;
	background: #41a62a;
	border: none;
	margin: 30px 0 20px 0;
}

#top {
	background-color: #41a62a;
	background-image: url(../imatges/titol-nou3.jpg);
	background-repeat: no-repeat;
	background-position: right bottom;
	height: 100px;
	width: 900px;
	margin: 0 auto;
	font-size: 16px;
}
#idioma {
	width: 900px;
	text-align: right;
	margin: 0 auto;
}
#idioma img{
	padding: 0 4px;
}
#idioma a:hover img{
	background-color:#41a62a;
}

#general {
	width: 900px;
	min-height: 400px;
	margin: 0 auto;
	overflow: hidden;
}

#left {
	width: 200px;
	border-right-width: 3px;
	border-right-style: solid;
	border-right-color:#41a62a;
	float: left;
	margin-bottom: -9980px;
	padding-bottom: 10000px;
}

#left img {
	display: inline;
	padding-top: 0px;
	padding-bottom: 25px;
}

#left a:hover img  {
	padding-left: 18px;
}

#center {
	font-size: 14px;
	width: 660px;
	padding: 0 10px;
	border-left-width: 3px;
	border-left-style: solid;
	border-left-color:#41a62a;
	float: right;
	margin-bottom: -9980px;
	padding-bottom: 10000px;
	cursor: default;
}
#bottom {
	font-size: 0.7em;
	width: 672px;
	margin: 0 auto;
	padding-top: 8px;
	padding-bottom: 20px;
	padding-left: 228px;
	border-top: 3px solid #41a62a;
}

#lletra {		/*característiques de la lletra de les cançons*/
	font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
	padding-left: 20px;
	color:#003300;
	font-size:16px;
}

/*inici foto fons lletra*/
#fe {
	background-image: url(../imatges/fe.jpg);
	min-height:600px;
	background-repeat:no-repeat;
	background-position:right bottom;
}

#benediccions {
	background-image: url(../imatges/benediccions2.jpg);
	min-height:600px;
	background-repeat:no-repeat;
	background-position:right bottom;
}

#nit {
	background-image: url(../imatges/nit.jpg);
	min-height:600px;
	background-repeat:no-repeat;
	background-position:right bottom;
}

#cantautors {
	background-image: url(../imatges/cantautors.jpg);
	min-height:600px;
	background-repeat:no-repeat;
	background-position:right bottom;
}

#danses {
	background-image: url(../imatges/danses.jpg);
	min-height:600px;
	background-repeat:no-repeat;
	background-position:right bottom;
}

#excursions {
	background-image: url(../imatges/excursions2.jpg);
	min-height:600px;
	background-repeat:no-repeat;
	background-position:right bottom;
}

#infantil {
	background-image: url(../imatges/infantil.jpg);
	min-height:600px;
	background-repeat:no-repeat;
	background-position:right bottom;
}

#mitiques {
	background-image: url(../imatges/mitiques.jpg);
	min-height:600px;
	background-repeat:no-repeat;
	background-position:right bottom;
}

#pineta {
	background-image: url(../imatges/pineta.jpg);
	min-height:600px;
	background-repeat:no-repeat;
	background-position:right bottom;
}

#pop {
	background-image: url(../imatges/pop.jpg);
	min-height:600px;
	background-repeat:no-repeat;
	background-position:right bottom;
}
/*fi foto fons lletra*/

#paginacio {
	font-size: 16px;
	color: #003300;
	font-style: italic;
	text-decoration:none;
	text-align: center;
}

#paginacio a:link {
	font-size: 16px;
	text-decoration:none;
}
#paginacio a:visited {
	font-size: 16px;
	text-decoration:none;
}
#paginacio a:hover {
	font-size: 18px;
	font-weight: bold;
	text-decoration: none;
}

a:link {		/*característiques dels links*/
	font-size: 14px;
	color: #003300;
	text-decoration: underline;
}
a:visited {		/*característiques dels links ja visitats*/
	font-size: 14px;
	color:#003300;
	text-decoration: underline;
}
a:hover {		/*característiques dels links quan passaem per sobre*/
	font-size: 14px;
	font-weight: bold;
	color: #003300;
	text-decoration: underline;
}

#general #center .enlace {
	font-size: 17px;
	padding-right: 5px;
	padding-left: 5px;
}

#cercador {
	position: absolute;
	right: 3px;
	top: 3px;
	width: 170px;
	text-align: right;
}

#benvingut {
	text-align: right;
	float: right;
	width: 138px;
}

.titol {
	background-color: #41a62a;
	background-image: url(../imatges/guitarres.jpg);
	background-repeat: no-repeat;
	background-position: right;
	color: #FFFFFF;
	font-size: 3em;
	text-align: left;
	padding: 3px 12px;
	margin: 0 -10px 15px -10px;
	position: relative;
}

.quadre {
	font-size: 15px;
	color:#41a62a;
	text-align: left;
	font-weight: bold;
	margin-left: 170px;
	margin-top: 20px;
	margin-bottom: 20px;
	border: 2px solid #FFFFFF;
	width: 300px;
	padding: 10px;
}

.quadre2 {
	font-size: 15px;
	color:#41a62a;
	text-align: left;
	font-weight: bold;
	margin-left: 145px;
	margin-top: 20px;
	margin-bottom: 20px;
	border: 2px solid #FFFFFF;
	width: 350px;
	padding: 10px;
}

.menu {		/*menú de l'administrador*/
	background-color:#41a62a;
	color:#FFFFFF;
	font-size: 1em;
	text-align:center;
	margin-right: -10px;
	margin-left: -10px;
	height: 1.5em;
}

.Estil1 {
	font-size: 18px;
	font-weight: bold;
	color: #41a62a;
}

.Estil2 {
	font-size: 24px;
	font-weight: bold;
	color: #006600;
}

.Estil3 {
	font-size: 18px;
	font-weight: bold;
	color: #006600;
}

.Estil4 {
	font-size: 14px;
	color: #003300;
}

.Estil5 {
	font-size: 11px;
	color: #000000;
}

.Estil6 {
	font-size: 12px;
	color: #000000;
}

#clock {
	font-style: italic;
	background: url(../imatges/boto_verd.gif) no-repeat left top;
	text-indent: 22px;
	font-size: 12px;
}

.cerca {
	font-size: 10px;
	color: #060;
	vertical-align: middle;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-style: italic;
	border-radius: 8px;
	padding-left: 3px;
}

.linea_form { margin: 12px 0px; }

.clear { clear: both; }

.image_link {
	margin: 0px 18px 18px 0px;
	float: left;
}

.error {
	font-size: 0.8em;
	color: #F00;
	display: none;
	text-align: left;
	margin-top: 5px;
}
.mal {
	font-weight: bold;
	color: #F00;
}
.be {
	font-weight: bold;
	color: #00F;
}

.fonsverd0 { background: #41a62a;
			 text-align: center;
			 padding: 5px;
}
.fonsverd1 { background: #3C3; }
.fonsverd2 { background: #3F3; }
.fonsvermell { background: #F30; }
.fonsblanc { background: #FFF; }
.fonsrosa { background: pink; }
.fonsgroc { background: yellow; }
.transparent { background: transparent; }
.boton {
	background: url(../imatges/boton.png) repeat-x left top;
	text-align: center;
	border: 1px solid #000;
	border-radius: 8px;
	padding: 7px 20px;
	margin: 10px 0px 10px 30px;
	font-weight: bold;
	text-transform: uppercase;
	color: #000;
}
a.boton { text-decoration: none; }
a.boton:hover {	
	background-position: left bottom;  
	-moz-transform: scale(1.1);	
	-ms-transform: scale(1.03);	
	-webkit-transform: scale(1.1);	
}