/* CSS Document */
html {
	border:0px;
	}
html, 
body {
	background:#4c4c4c;
	margin: 10 0 10 0px;
    text-align: center; 
	padding-top:10px; 
	font:13px  Arial,Verdana, sans-serif;
	text-align:center; 
	}
div, ul, ol, li, h1, h2, h3, h4, h5, h6, p {
	margin:0px; padding:0px;
	}
h1, h2, h3, h4, h5, h6 {
	font-weight:normal;
	margin-bottom:1em;
	}

a {	text-decoration:none;	}

p { color:#02236a; }

h2 { padding-top:10px; font-size:15px; font-weight:bold;}


/* GENERALS */
#b_home{ 	text-align:center;}

#container{
	width:770px;
    text-align: left;
    margin: auto;
	}
#foot{ color:#999999; font-size:9px; text-align:right; width:745px;}
#foot a{color:#CCCCCC}
#foot a:hover{color:#FFF;}
#tornar_enrera{ color:#999999; font-size:9px; text-align:right; width:770px; height:3px; clear:both}
#tornar_enrera a{color:#CCCCCC}
#tornar_enrera a:hover{color:#FFF;}

#content{padding-top:20px;}

#capcalera{
	width:720px;/*772px;*/
	height:93px;
	background-image:url(img/logo_sarau.jpg);
	float:left;
}

#cont_superior{ background-color:#FFF;}



/* THUMBS */



	ul#thumbs, ul#thumbs li{
		margin:0;
		padding:0;
		list-style:none;
	}
	
	ul#thumbs li{
		float:left;
		margin-right:3px;
		padding:2px;
	}
	ul#thumbs a{
		display:block;
		float:left;
		width:100px;
		height:100px;
		line-height:100px;
		overflow:hidden;
		position:relative;
	
	}
	ul#thumbs a img{
		float:left;
		position:absolute;

		border:1px solid #999;
	}

/*  ********************/


/* SECCIONS */

/* Pàgina de Menú */

#p1{
	background-image:url(img/menu/1.jpg);
	width:98px; 	height:303px;
	}
#p2{
	background-image:url(img/menu/2.jpg);
	width:98px; 	height:303px;
	}
#p3{
	background-image:url(img/menu/3.jpg);
	width:98px; 	height:303px;
	}
#p4{
	background-image:url(img/menu/4.jpg);
	width:98px; 	height:303px;
	}
#p5{
	background-image:url(img/menu/5.jpg);
	width:98px; 	height:303px;
	}
#p6{
	background-image:url(img/menu/6.jpg);
	width:98px; 	height:303px;
	}
#p7{
	background-image:url(img/menu/7.jpg);
	width:98px; 	height:303px;
	}


#p1:hover { background-image:url(img/menu/1_active.jpg);}
#p2:hover { background-image:url(img/menu/2_active.jpg);}
#p3:hover { background-image:url(img/menu/3_active.jpg);}
#p4:hover { background-image:url(img/menu/4_active.jpg);}
#p5:hover { background-image:url(img/menu/5_active.jpg);}
#p6:hover { background-image:url(img/menu/6_active.jpg);}
#p7:hover { background-image:url(img/menu/7_active.jpg);}

/* INICI */
#contingut_inici {
	padding-top:50px;
	width:772px;
	background:#4c4c4c;	
}

#contingut_inici p, .titols {
	padding-left:5px;
	padding-top:15px;
	text-transform:uppercase;
	font-size:12px;
	font-weight:bold;
	color:#FFFFFF;

}
#cover{
width:770;
}

#idiomes {
	padding-top:12px;
}
#xarxes {
	margin-left:22px;
	margin-top:8px;
	height:19px;
	background-color:#FFFFFF;
	text-align:left;;
	width:723px;
}

#idiomes a {
color:#CCCC00;}
#idiomes a:hover {
color:#FF9900;}

#lbPrevLink{
		background-image:url(img/menu/1.jpg);
}

/* TRAJECTORIA */
#trajectoria{ background-color:#4a4501; width:100%;  overflow:auto;	 background-image:url(img/fons_trajectoria.jpg);}
#lateral_trajectoria{
	background-image:url(img/menu/1.jpg);
	background-repeat:no-repeat;
	float:left;
	width:98px;
	height:980px;/*470px;*/
	background-color:#ff8c05;
}
#contingut_trajectoria{
	float:right;
	width:640px;
	margin-right:10px;
	overflow:auto;
	background-color:#4a4501;
	color:#FFF;
	padding-bottom:10px;	
	}
#contingut_trajectoria p {
	color:#fff;}


/* INDIANA */
#indiana{ background-color:#752502; width:100%; overflow:auto; 	 background-image:url(img/fons_indiana.jpg);}
#lateral_indiana{
	background-image:url(img/menu/3.jpg);
	background-repeat:no-repeat;
	float:left;
	width:98px;
	height:340px;
	background-color:#9c4f31;
}
#contingut_indiana{
	float:right;
	width:640px;
	margin-right:10px;
	overflow:auto;
	color:#FFF;
	background-color:#752502;
	padding-bottom:10px;
}
#contingut_indiana p {/*padding:15px; font-size:13px;*/ color:#fff;}

/*
#rodet_fotos {padding-top:10px;}
#rodet_fotos img {padding-bottom:5px; border:0px; padding-left:5px;}*/

/* BALLADES */
#balladors{
	background-image:url(img/balladors-petits.gif);
	background-repeat:no-repeat;
	position:relative;
	top:220px;
	left:10px;
	width:100px;
	height:202px;
}


#ballades{ background-color:#fbbc2f; width:100%;  overflow:auto; background-image:url(img/fons_calendari.jpg);}
#lateral_ballades{
	background-image:url(img/menu/2.jpg);
	background-repeat:no-repeat;
	float:left;
	width:98px;
	height:350px;
	background-color:#0193f8;

}
#contingut_ballades{
 margin-top:10px;
	float:right;
	width:640px;
	margin-right:10px;
	overflow:auto;
	background-color:#fbbc2f;
}

.event {
	background-color:#5f3713;
	color:#FFFFFF;
	padding-top:10px;
	padding-left:8px;
	padding-bottom:5px;
	margin-top:3px;}
	
/* Cultura tradicional */
#cultura_tradicional{
	 background-image:url(img/fons_vorera.jpg);
	 background-color:#2159c9;
	 width:100%;
	 height:100%;
	 overflow:auto;
	 color:#FFFFFF;
	 }
#lateral_cultura_tradicional{
	background-image:url(img/menu/4.jpg);
	background-repeat:no-repeat;
	float:left;
	width:98px;
	height:303px;
	background-color:#e8a06e;
}
#contingut_cultura_tradicional p {padding-bottom:8px;padding-left:15px; padding-right:15px; color:#000;}
#contingut_cultura_tradicional{
	float:right;
	width:640px;
	margin-right:10px;
	overflow:auto;
	background-color:#6b82b0;
	margin-bottom:10px;
}

#contingut_cultura_tradicional h2{
	padding-top:8px;padding-left:20px;
	text-transform:uppercase;
	font-size:18px;
	font-weight:bold;
	color:#000000
}
/* MUSICA I BALL */
#contingut_article{
	width:770px; overflow:auto; color:#FFFFFF; background-image:url(img/fons_article.jpg); }
#article{
	margin-top:30px;
 	float:right;
	width:630px;
	margin-right:10px;
	overflow:auto;
	margin-bottom:10px;
	background-color:#f9dca4;	
	
	}
#article p{ padding-bottom:8px;padding-left:15px; padding-right:15px; color:#000;}
#article h2{
	padding-top:8px;padding-left:20px;
	text-transform:uppercase;
	font-size:18px;
	font-weight:bold;
	color:#000000
}
#lateral_article_es{
	background-repeat:no-repeat;
	background-image:url(img/article_es.jpg);
	float:left;
	width:117px;
	height:303px;;
}
#lateral_article_ca{
	background-repeat:no-repeat;
	background-image:url(img/article.jpg);
	float:left;
	width:110px;
	height:303px;;
}


#musica_ball{ background-color:#8aa539; width:100%; overflow:auto; color:#FFFFFF; background-image:url(img/fons_musica.jpg);}
#contingut_musica_ball p {padding-bottom:8px;padding-left:15px; padding-right:15px; color:#000;}
#lateral_musica_ball{
	background-image:url(img/menu/5.jpg);
	background-repeat:no-repeat;
	float:left;
	width:98px;
	height:303px;;
	background-color:#d4a5eb;
}
#contingut_musica_ball{
	float:right;
	width:640px;
	margin-right:10px;
	overflow:auto;
	background-color:#8aa539;
	margin-bottom:10px;	
}
#contingut_musica_ball h2{
	padding-top:8px;padding-left:20px;
	text-transform:uppercase;
	font-size:18px;
	font-weight:bold;
	color:#000000
}

/* BULLES I SARAUS */
#bulles{ background-color:#752502; width:100%; overflow:auto; 	 background-image:url(img/fons_bulles.jpg);}
#lateral_bulles{
	background-image:url(img/menu/7.jpg);
	background-repeat:no-repeat;
	float:left;
	width:98px;
	height:340px;
	background-color:#db68c7;
}
#contingut_bulles{
	float:right;
	width:640px;
	margin-right:10px;
	overflow:auto;
	color:#FFF;
	background-color:#752502;
	padding-bottom:10px;
}
#contingut_bulles p {/*padding:15px; font-size:13px;*/ color:#fff;}


/* CONTACTE */

#contacte{ background-color:#5f3713; overflow:auto; color:#FFFFFF; width:100%; background-image:url(img/fons_contacte.jpg);}
#contingut_contacte p {padding-bottom:8px;padding-left:15px; padding-right:15px;color:#fff;}
#lateral_contacte{
	background-image:url(img/menu/6.jpg);
	background-repeat:no-repeat;
	float:left;
	width:98px; 
	height:303px;/*303*/
	background-color:#ffde00;
	color:#FFFFFF;
}
#lateral_contacte .titols { color:#979797;}
#contingut_contacte{
	float:right;
	width:640px;
	margin-right:10px;
	overflow:auto;
	background-color:#5f3713;
	margin-bottom:10px;	
}

/* MENUS INTERNS */


#content_subcategoria_cultura{
  width:600px;
  display:block;
  clear:both;
  background-color:#eef2fb;
  }



.usual {
  color:#111;
  padding:2px 2px;
  width:630px;
  margin:2px auto;
  clear:both;
  height:40px;
}
.usual li { list-style:none; float:left; }
.usual ul a {
  display:block;
  padding:3px 3px;
  text-decoration:none!important;
  margin:1px;
  margin-left:0;
  font:11px Verdana;
  color:#000;
  background:#eef2fb;
}
.usual ul a:hover {
  color:#FFF;
  background:#ff8c05;
  }
.usual ul a.selected {
  margin-bottom:0;
  color:#FFF;
  background:#ff8c05;
  cursor:default;
  }
.usual div {
  padding:10px 10px 8px 10px;
  /**padding-top:3px;
  *margin-top:-15px;*/
  clear:left;
  font:10pt Georgia;
}
.usual div a { color:#000; font-weight:bold; }

#usuall{
	padding-bottom:10px;}
	

/* MENUS INTERNS MUSICAI BALL*/
#content_subcategoria_musica{
  width:600px;
  display:block;
  clear:both;
  background-color:#e0f2ac;}


.usual2 {
  color:#111;
  padding:2px 2px;
  width:630px;
  margin:2px auto;
  clear:both;
  height:40px;
}
.usual2 li { list-style:none; float:left; }
.usual2 ul a {
  display:block;
  padding:3px 3px;
  text-decoration:none!important;
  margin:1px;
  margin-left:0;
  font:11px Verdana;
  color:#000;
  background:#e0f2ac;
}
.usual2 ul a:hover {
  color:#000;
  background:#d4a5eb;
  }
.usual2 ul a.selected {
  margin-bottom:0;
  color:#000;
  background:#d4a5eb;
  cursor:default;
  }
.usual2 div {
  padding:10px 10px 8px 10px;
  /**padding-top:3px;
  *margin-top:-15px;*/
  clear:left;
  font:10pt Georgia;
}
.usual2 div a { color:#000; font-weight:bold; }

#usuall2{
	padding-bottom:10px;}

/*  Separador fotos i vorera */

#lateral_cultura_tradicional #fotos_lateral_1{ margin-top:460px; text-align: center}
#lateral_cultura_tradicional #fotos_lateral_2{ margin-top:550px; text-align: center}
#lateral_cultura_tradicional #fotos_lateral_4{ margin-top:430px; text-align: center}
#lateral_cultura_tradicional #fotos_lateral_5{ margin-top:438px; text-align: center}
#lateral_cultura_tradicional #fotos_lateral_1 img,
#lateral_cultura_tradicional #fotos_lateral_2 img,
#lateral_cultura_tradicional #fotos_lateral_4 img,
#lateral_cultura_tradicional #fotos_lateral_5 img {width:80px}
#fotos_lateral img {
padding-bottom:8px;}

#lateral_musica_ball #fotos_lateral_1{ margin-top:100px; text-align: center}
#lateral_musica_ball #fotos_lateral_1 img {width:80px}
#lateral_contacte #fotos_lateral_contacte{ margin-top:200px; text-align: center}
#lateral_contacte #fotos_lateral_contacte img {width:80px}

#reproductor{ background-color:#FFFFFF; height:10px; float:right; clear:both;}

.formulari{
padding-top:20px;}

.item{padding-left:20px;}