/* ***********************************
	- Fitxer: pessebre.css
	- Web: Pessebre Vivent de Linyola 	
	- Autor: d'AltArt
*********************************** */

body {
	background-color: #CDCDCD;
	margin: 0 auto;
}

#contenidor {
	width: 960px;
	margin: 0 auto;
	/* pre-load casting */
	background-image: url(../imgs/gifs/PSB_box_cast_ON.gif);
	background-repeat: no-repeat;
	background-position: -1000px -1000px;
}

#cap {
	/* pre-load menu 1 */
	background-image: url(../imgs/gifs/menu01_actb.gif);
	background-repeat: no-repeat;
	background-position: -1000px -1000px;
}

#contingut {
	/* pre-load menu 2 */
	background-image: url(../imgs/gifs/menu02_act.gif);
	background-repeat: no-repeat;
	background-position: -1000px -1000px;
}

#titolweb {
	float: left;
	display: inline;
	width: 380px;
	/* pre-load menu 3 */
	background-image: url(../imgs/gifs/menu03_act.gif);
	background-repeat: no-repeat;
	background-position: -1000px -1000px;
}

#botocasting a, #botocasting a:hover {
	float: left;
	display: inline;
	width: 220px;
	height: 130px;
	margin-top: 30px;
	margin-left: 50px;
	background-repeat: no-repeat;
	background-position: left top;
}

#botocasting a {
	background-image: url(../imgs/gifs/PSB_box_cast_OFF.gif);
}

#botocasting a:hover {
	background-image: url(../imgs/gifs/PSB_box_cast_ON.gif);
}

#botocasting span {
	display: none;
}

#reproductor {
	float: right;
	width: 187px;
	display: inline;
	padding-top: 60px;
	padding-right: 50px;
}

#titular {
	margin: 0;
	padding-top: 20px;
	background: url(../imgs/gifs/PSB_fila01_marge.gif) repeat-y;
	height: 270px;
}

#general {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 14px;
	color: #666;
	margin: 0;
	background: url(../imgs/gifs/PSB_fila02_marge.gif) repeat-y;
}

.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

#peu {
	margin: 0;
	padding-top: 1px;
	background: url(../imgs/gifs/PSB_Peu_marge.gif) repeat-y;
	text-align: center;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 10px;
	color: #666;
}

#menupeu {
	margin: 0;
	padding: 0;
	margin-bottom: 10px;
}

#margepeu {
	margin: 0;
	padding: 0;
	background: url(../imgs/gifs/PSB_Peu.gif) no-repeat center bottom;
	height: 38px;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	color: #666;
	font-size: 10px;
}

.titol {
	border-bottom: dotted 1px #888F1A;
	margin-top: 10px;
	padding-top: 10px;
}

.titol h2 {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 20px;
	color: #888F1A;
	text-indent: 15px;
}

.imprimible {
	float:right;
	background-image: url(../imgs/gifs/PSB_ratlles_LINK.gif);
	background-repeat:no-repeat;
	background-position:top left;
	padding-left: 30px;
}

.arxiu {
	background-image: url(../imgs/gifs/PSB_ratlles_LINK.gif);
	background-repeat:no-repeat;
	background-position:top left;
	margin: 10px;
	padding-left: 30px;
}

.enllacet {
	background-image: url(../imgs/gifs/PSB_ratlles_LINK.gif);
	background-repeat:no-repeat;
	background-position:top left;
	margin: 10px;
	padding-left: 30px;
	padding-bottom: 10px;
	border-bottom: dotted 1px #888F1A;
}

.enllacetimg {
	margin: 10px;
	padding-left: 30px;
	padding-bottom: 10px;
	border-bottom: dotted 1px #888F1A;
	font-size: 12px;
}

.enllacetimg a {
	float: left;
	margin-right: 5px;
}

.imprimible a:link, .arxiu a:link, .enllacet a:link {
	color: #B42C14;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-weight:bold;
	font-size:11px;
	text-decoration: none;
}

.imprimible a:visited, .arxiu a:visited, .enllacet a:visited {
	text-decoration: none;
	color: #B42C14;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-weight:bold;
	font-size:11px;
}

.imprimible a:hover, .arxiu a:hover, .enllacet a:hover {
	text-decoration: underline;
}

.imprimible a:active, .arxiu a:active, .enllacet a:active {
	text-decoration: none;
}

.grafic {
	float: left;
	width: 264px;
	padding-left: 30px;
	padding-top: 20px;
	/* pre-load menu 4 */
	background-image: url(../imgs/gifs/menu04_act.gif);
	background-repeat: no-repeat;
	background-position: -1000px -1000px;
}

.grafic img {
	margin-bottom: 50px;
}

.text {
	float: right;
	width: 612px;
	padding-right: 30px;
	padding-top: 10px;
	padding-bottom: 10px;
	/* pre-load menu 5 */
	background-image: url(../imgs/gifs/menu05_act.gif);
	background-repeat: no-repeat;
	background-position: -1000px -1000px;
}

.text p {
	text-indent: 15px;
}

#titular .text {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 18px;
	color: #333;
	/* pre-load menu 6 */
	background-image: url(../imgs/gifs/menu06_actb.gif);
	background-repeat: no-repeat;
	background-position: -1000px -1000px;
}

/* Menú principal */

#menu {
	padding-top: 50px;
	margin: 0;
}

#menu ul, #menu li {
	list-style-type: none;
}

#menu ul {
	margin: 0;
	padding: 0;
}

#menu li {
	float: left;
}

#menu a {
	text-decoration: none;
	display: block;
}

#menu span {
	display: none;
}

.pessebre a {
	background-image: url(../imgs/gifs/menu01_pas.gif);
	background-repeat: no-repeat;
	background-position: left top;
	width: 169px;
	height: 63px;
}

.pessebre a:hover {
	background-image: url(../imgs/gifs/menu01_actb.gif);
	background-repeat: no-repeat;
	background-position: left top;
	width: 169px;
	height: 63px;
}

.historia a {
	background-image: url(../imgs/gifs/menu02_pas.gif);
	background-repeat: no-repeat;
	background-position: left top;
	width: 155px;
	height: 63px;
}

.historia a:hover {
	background-image: url(../imgs/gifs/menu02_act.gif);
	background-repeat: no-repeat;
	background-position: left top;
	width: 155px;
	height: 63px;
}

.activitats a {
	background-image: url(../imgs/gifs/menu03_pas.gif);
	background-repeat: no-repeat;
	background-position: left top;
	width: 157px;
	height: 63px;
}

.activitats a:hover {
	background-image: url(../imgs/gifs/menu03_act.gif);
	background-repeat: no-repeat;
	background-position: left top;
	width: 157px;
	height: 63px;
}

.casting a {
	background-image: url(../imgs/gifs/menu04_pas.gif);
	background-repeat: no-repeat;
	background-position: left top;
	width: 155px;
	height: 63px;
}

.casting a:hover {
	background-image: url(../imgs/gifs/menu04_act.gif);
	background-repeat: no-repeat;
	background-position: left top;
	width: 155px;
	height: 63px;
}

.media a {
	background-image: url(../imgs/gifs/menu05_pas.gif);
	background-repeat: no-repeat;
	background-position: left top;
	width: 156px;
	height: 63px;
}

.media a:hover {
	background-image: url(../imgs/gifs/menu05_act.gif);
	background-repeat: no-repeat;
	background-position: left top;
	width: 156px;
	height: 63px;
}

.visites a {
	background-image: url(../imgs/gifs/menu06_pas.gif);
	background-repeat: no-repeat;
	background-position: left top;
	width: 168px;
	height: 63px;
}

.visites a:hover {
	background-image: url(../imgs/gifs/menu06_actb.gif);
	background-repeat: no-repeat;
	background-position: left top;
	width: 168px;
	height: 63px;
}

/* Menú peu */

#menupeu ul, #menupeu li {
	list-style-type: none;
}

#menupeu ul {
	margin: 0;
	padding: 0;
	padding-left: 305px;
}

#menupeu li {
	float: left;
}

#menupeu a {
	text-decoration: none;
	display: block;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	padding-left: 5px;
	padding-right: 5px;
	margin: 5px;
	border-left: solid 1px #333;
}

#peu a:link, #peu a:visited {
	color: #666;
	font-weight: bold;
	text-decoration: underline;
}

#peu a:hover {
	text-decoration: underline;
}

#peu a:active {
	text-decoration: underline;
}

#menupeu a:link, #menupeu a:visited, #menupeu a:hover,  #menupeu a:active {
	color: #333;
	font-weight: bold;
	text-decoration: none;
}

#menupeu a:hover {
	text-decoration: underline;
}

.text a:link, .text a:visited, .text a:hover, .text a:active {
	color: #B42C14;
	text-decoration: none;	
}

img {
	border: none;
}

.lema, .video {
	text-align: center;
}

img.imatgeespai {
	margin-top: 150px;
}

img.imatgesubtitol {
	margin-top: 10px;
}

img.imatgeespaipetit {
	margin-top: 30px;
}

.descarrega {
	background-image: url(../imgs/gifs/PSB_ratlles_LINK.gif);
	background-repeat:no-repeat;
	background-position:top left;
	margin-left: 10px;
	margin-top: 30px;
	padding-left: 30px;
}