/* principal.css */

body,h1,h2,h3,h4,h5,h6,ul,li,p {margin:0;padding:0;}



body {
	font-size: 11px;
	font-family: 'Verdana', sans-serif;
	color: #646450;
	background-color: #666666;
	
	background-position: left top;
}

#todo {

	width: 978px;

	min-height: 560px;

	margin: 0px auto;

	position: relative;

	padding-top: 161px;

	padding-left: 4px;

	padding-right: 5px;

	

}

#pag-home #todo {background: url('/elcordelaciutat/img/todo-home-bg.gif') repeat-y left top;

  margin-top:104px;

}

#contenido {

	width: 803px;

	min-height: 500px;

	float: left;

	padding-left: 18px;

	padding-right: 18px;

}

#pag-home #contenido {width: 692px;}

div.capitulo {min-height: 400px;width: 330px;border-right: 1px dashed #ACAC99;padding-right: 15px;margin-bottom: 10px;}

div.capitulo.right {width: 330px;border-right: 0;padding-right: 0;}

.capitulo h2 {border-bottom: 1px dashed #ACAC99;}

.capitulo h2 img {border: 0;padding: 0;}

.capitulo h3 {

	padding: 6px 0 6px 5px;

	font-size: 11px;

	font-weight: bold;

	color: #646450;

}

.capitulo h4 {

	padding: 6px 0 6px 5px;

	color: #a03c00;

	font-size: 12px;

	font-weight: bold;

	border-bottom: 1px dashed #ACAC99;

}



.capitulo img {display: block;padding: 4px 3px;border: 1px solid #C8C3AA;}



.capitulo .reproductor{

padding: 4px 0 3px 4px;

}



p {margin: 4px 0;}

.left, .right {width: 48%;}

.left {float: left;}

.right {float: right;}

.hidden{ display: none; }



#lista_capitulos {

	clear: both;

	position: relative;

	overflow: hidden;

	height: 238px;

	padding-top: 26px;

	padding-bottom: 26px;

	padding-right: 13px;

	margin-top: 20px;

	border-right: 1px dashed #B7B8A6;

	margin-bottom: 15px;

}



#lista_capitulos #otherVideos{

	overflow: hidden;

	height: 238px;

}



#lista_capitulos .vmodul_hidden {display: none;}

#lista_capitulos .vmodul {float:left;padding: 5px 3px;border-bottom: 1px dashed #B7B8A6;}

#lista_capitulos .vmodul .imagen {float: left;width: 87px;height: 76px;}

#lista_capitulos .vmodul .texto {float: right;width: 233px;color: #A03C00;font-family: Arial;margin-left:3px}

#lista_capitulos .vmodul .texto a {color: #646450;text-decoration: none;font-weight:bold;}

#lista_capitulos #controls a {

	display: block;

	height: 23px;

	width: 332px;

	position: absolute;

	left: 0;

	text-decoration: none;

	border-bottom: 1px dashed #B7B8A6;

	background-color: #F5F8EB;

}

#lista_capitulos #controls a span {

	cursor:pointer;

	display: block;

	width: 26px;

	height: 10px;

	margin: 5px auto;

	background-repeat: no-repeat;

	background-position: left top;

}

#lista_capitulos #controls a:hover span {background-position: left bottom;}

#lista_capitulos #controls a#up {top: 0;border-top: 1px dashed #B7B8A6;}

#lista_capitulos #controls a#up span {background-image: url('/elcordelaciutat/img/flecha_up.gif');}

#lista_capitulos #controls a#down {top: 264px;border-top: 1px dashed #B7B8A6;}

#lista_capitulos #controls a#down span {background-image: url('/elcordelaciutat/img/flecha_down.gif');}

#pelicula {

	padding-top: 15px;

	height: 275px;

}



#descripcion h2 {

	font-size: 11px;

	font-weight: bold;

	padding: 6px;

	padding-left:0;

	border-bottom: 1px dashed #A0A08C;

}

#descripcion h3,#descripcion .h3,#pag-personatge #personaje h2,#actriz h2 {

	color: #A03C00;

	font-size: 14px;

	font-weight: bold;

	padding: 6px;

	padding-left:0;

	border-bottom: 1px dashed #A0A08C;

}

#descripcion {

	width: 355px;

	min-height: 253px;

	margin-bottom: 10px;

}

#descripcion h3 a:link{

	color: #A03C00;

	text-decoration: none;

}

#descripcion h3 a:visited{

	color: #A03C00;

	text-decoration: none;

}

#descripcion h3 a:hover{

	color: #A03C00;

	text-decoration: underline;

}

#imposible {

	border-bottom: 1px dashed #A0A08C;

}



#descripcion .link_resumen {

color: #A03C00;

border-bottom: 1px dashed #A0A08C;

}



#descripcion .link_resumen a{

color: #504632;

font-weight: bold;

text-decoration: none;	

}



#descripcion .link_resumen a:hover{

color: #a03c00;

}



#descripcion .resumen,#personaje .resumen,#actriz .resumen {

	color: #A03C00;

	margin-bottom: 15px;

	border-bottom: 1px dashed #A0A08C;

}

#descripcion p,#personaje p,#actriz p ,#subscripcion p,#pag-jocs .resumen p{

	text-align: justify;

	padding-bottom: 10px;

}



a.link_gral{

color: #a03c00;

font-weight: bold;

text-decoration: none;	

}



p a{

color: #a03c00;

text-decoration: none;

}



a.link_gral:hover,p a:hover{

text-decoration:underline;

}



#banner1 {

  position: absolute;

	top: -104px;

	left: 1px;

	width: 840px;

	padding: 0 4px 1px 138px;

	height: 89px;

	background: url('/elcordelaciutat/img/banner1.gif') no-repeat top left;

}



#banner2 {

	width: 300px;

	height: 248px;

	background: url('/elcordelaciutat/img/banner2.gif') no-repeat top left;

	margin: 20px auto 15px auto;

	padding: 28px 16px 15px 16px;

}



#banner3 {

	margin: 10px auto;

	width: 122px;

	height: 620px;

	background: url('/elcordelaciutat/img/banner3.gif') no-repeat top left;

	padding-top: 19px;

	padding-left: 1px;

}

h1 {margin-left: -18px;clear: both;}

#pag-home h1 {margin-top: 1px;margin-left: -18px;}

#menu {

	position: absolute;

	left: 4px;

	top: 112px;

	z-index: 2;

	width: 978px;

	height: 26px;

	background: #000;

}

#menu,#menu a {color: #C8C3AA;}

#menu li {

	float: left;

	list-style-type: none;

	background: url('/elcordelaciutat/img/menu_item-bg.gif') no-repeat right top;

	padding-right: 10px;

	margin-left: 10px;

}

#menu li a span {visibility: hidden;}

#menu a {

	text-decoration: none;

	display: block;

	height: 31px;

	background-repeat: no-repeat;

	background-position: left bottom;

}

#menu .selected a {background-position: left top;}

#menu a:hover {background-position: left center; cursor: hand;}

#menu #capitols {width: 93px;background-image: url('/elcordelaciutat/img/menu-capitols.gif');}

#menu #personatges {width: 132px;background-image: url('/elcordelaciutat/img/menu-personatges.gif');}

#menu #elbarri {width: 100px;background-image: url('/elcordelaciutat/img/menu-elbarri.gif');}

#menu #fusteria {width: 125px;background-image: url('/elcordelaciutat/img/menu-fusteria.gif');}

#menu #quiosc {width: 106px;background-image: url('/elcordelaciutat/img/menu-quiosc.gif');}

#menu #jocs {width: 55px;background-image: url('/elcordelaciutat/img/menu-jocs.gif');}

#menu #blog {width: 57px;background-image: url('/elcordelaciutat/img/menu-blog.gif');}

#menu #corobert {width: 94px;background-image: url('/elcordelaciutat/img/menu-podcast.gif');}

#menu #contacte {width: 102px;background-image: url('/elcordelaciutat/img/menu-contacte.gif');}

#right {

	width: 138px;

	float: right;

	padding-top: 18px;

	background: url('/elcordelaciutat/img/right-bg.gif') no-repeat left top;

}

#pag-home #right {width: 249px;margin-top: 1px;background: url('/elcordelaciutat/img/right-home-bg.gif') no-repeat right top; }

.seccion {padding-bottom: 32px;width: 100%;background: url('/elcordelaciutat/img/right-section-bg.gif') no-repeat left bottom;}

#header {

	position: absolute;

	left: 2px;

	top: 0px;

	width: 957px;

	height: 161px;

	z-index: 1;

	background: url('/elcordelaciutat/img/header-bg.gif') no-repeat left top;

	padding-top: 1px;

	padding-left: 25px;

}

#pag-home #header {width: 955px;background: url('/elcordelaciutat/img/header-bg6.gif') no-repeat left top;}

#pag-capitols #header,  #pag-capitol #header {background: url('/elcordelaciutat/img/header-bg2.gif') no-repeat left top;}

#pag-personatges #header, #pag-personatge #header {background: url('/elcordelaciutat/img/header-bg3.gif') no-repeat left top;}

#pag-barrio #header {background: url('/elcordelaciutat/img/header-bg4.gif') no-repeat left top;}

#pag-contacte #header {background: url('/elcordelaciutat/img/header-bg5.gif') no-repeat left top;}

#pag-corobert #header {background: url('/elcordelaciutat/img/header-bg7.gif') no-repeat left top;}

#pag-blog #header {background: url('/elcordelaciutat/img/header-blog-bg.gif') no-repeat left top; height: 175px;}

#pag-jocs #header {background: url('/elcordelaciutat/img/header-bg8.gif') no-repeat left top;}

#pag-fusteria #header {background: url('/elcordelaciutat/img/header-bg9.gif') no-repeat left top;}







#footer {

	width: 949px;

	height: 52px;

	margin-bottom: -5px;

	clear: both;

	text-align: right;

	padding-top: 50px;

	padding-right: 30px;

	background: url('/elcordelaciutat/img/footer-bg.gif') no-repeat left bottom;

}

#footer a {

	color: #646450;

	text-decoration: none;

}

#pag-home #footer {background: url('/elcordelaciutat/img/footer-home-bg.gif') no-repeat left bottom;}

img {border:0;}

.clear {clear:both;}

div.seccion div {margin: 0 0 0 auto;}

#de_sants a:hover

/*

#el_guionistes {height: 138px;background: url('/elcordelaciutat/img/el_guionistes.jpg') no-repeat 24px top;}

#la_fusteria {height: 136px;background: url('/elcordelaciutat/img/la_fusteria.jpg') no-repeat 0px top;}

*/

#set_pasada {margin-left: -18px;width: 460px;}

#set_pasada h1,#temporadas h1 {margin-left: 0;margin-top: -3px;}

#dias {

	padding-left: 18px;

	height: 39px;

	border-bottom: 1px solid #A0A08C;

	margin-left: -18px;

	margin-right: -15px;

	margin-bottom: 20px;

	background: url('/elcordelaciutat/img/tabs-bg.gif') repeat-x bottom left;

}



#dias li {float: left;list-style-type: none;margin-bottom: 1px;margin-right: 10px}

#dias li a {display:block;height: 40px;position: relative;text-decoration: none;}

#day1 {width: 108px;}#day2 {width: 111px;}#day3 {width: 131px;}#day4 {width: 97px;}#day5 {width: 130px;}

#dias li a span {position: absolute;top: 0;left: 0;height: 40px;background-repeat: no-repeat;background-position: bottom left;}

#dias li a#day1 span {width: 108px;background-image: url('/elcordelaciutat/img/tabs-lunes.gif');}

#dias li a#day2 span {width: 111px;background-image: url('/elcordelaciutat/img/tabs-martes.gif');}

#dias li a#day3 span {width: 131px;background-image: url('/elcordelaciutat/img/tabs-miercoles.gif');}

#dias li a#day4 span {width: 97px;background-image: url('/elcordelaciutat/img/tabs-jueves.gif');}

#dias li a#day5 span {width: 130px;background-image: url('/elcordelaciutat/img/tabs-viernes.gif');}

#dias li a:hover span {background-position: center left;}

#dias li a.selected span {background-position: top left;}

#dias li a:active {border: 0;}





#temporadas {

	width: 369px;

	border-left: 1px solid #ACAC99;

	margin-right: -15px;

	margin-bottom: -30px;

}

#temporadas ul {

	width: 340px;

	margin: 0 auto 15px auto;

	height: 325px;

	border-bottom: 1px dashed #A0A08C;

}

#temporadas li {list-style-type: none;margin-bottom: 10px;margin-top: 10px;}

#temporadas li a {

	display: block;

	position: relative;

	width: 335px;

	height: 35px;

	margin: 0 auto;

}

#temporadas li a span {

	display: block;

	position: absolute;

	left: 0;

	top: 0;

	width: 335px;

	height: 35px;

	margin: 0 auto;

	background-repeat: no-repeat;

	background-position: bottom left;

}





#temporadas li a:hover span {background-position: top left;}



#temporadas li#temporada_1 a span {background-image: url('/elcordelaciutat/img/temporada_1.gif');}

#temporadas li#temporada_2 a span {background-image: url('/elcordelaciutat/img/temporada_2.gif');}

#temporadas li#temporada_3 a span {background-image: url('/elcordelaciutat/img/temporada_3.gif');}

#temporadas li#temporada_4 a span {background-image: url('/elcordelaciutat/img/temporada_4.gif');}

#temporadas li#temporada_5 a span {background-image: url('/elcordelaciutat/img/temporada_5.gif');}

#temporadas li#temporada_6 a span {background-image: url('/elcordelaciutat/img/temporada_6.gif');}

#temporadas li#temporada_7 a span {background-image: url('/elcordelaciutat/img/temporada_7.gif');}



.capitol {

	float:left;

	padding-top: 10px;

	margin-left: 18px;

	width:414px;

	/*height: 80px;*/

	border-top: 1px dashed  #B7B8A6;

}

.capitol .texto {color: #504632;float: right;width: 300px;}

.capitol .texto h2 {font-size: 11px;color: #646450;}

.capitol .texto h2 .dia {font-weight: bold;color: #000;}

.capitol .texto h3 {font-size: 11px;color: #A03C00;}

.capitol .texto h3 a {text-decoration: none;color: #A03C00;}

.capitol .texto h3 a:hover {text-decoration: underline;}

.capitol .imagen {width: 100px;float: left;}



.capitol-pie {

	float:left;

	text-align:center;

	padding-top: 10px;

	margin-left: 18px;

	width:414px;

	height: 25px;

	border-top: 1px solid #B7B8A6;

	border-bottom: 1px solid #B7B8A6;

	background: url('/elcordelaciutat/img/bullet-ver_mas.gif') no-repeat 155px center;

}



#personaje {min-height: 250px;margin-top: 10px;margin-bottom: 15px;}

#personaje #descripcion {width: 458px;border-bottom: 1px dashed #B7B8A6;min-height: 244px;}

#zona_flash {

	height: 260px;

	width: 838px;

	padding-bottom: 25px;

	margin: 0 -15px 15px -18px;

	background: url('/elcordelaciutat/img/zona_flash-bg.gif') no-repeat left bottom;

}

#forum {width: 456px;height: 292px;border-right: 1px dashed #B7B8A6;}

#frm-btn {width: 447px;height: 108px;position: relative;}

#frm-btn span {width: 447px;height: 108px;position: absolute;left: 0;top: 0;background:  url('/elcordelaciutat/img/btn-foro.jpg') no-repeat top left;}

#imagen {padding: 3px;width: 322px;margin-left: -5px;}

#pag-personatge #personaje {

	border-right: 1px dashed #B7B8A6;

	margin: 0 0 0 10px;

	width: 372px;

	padding-right: 19px;

}

#actriz {width: 372px;}

#personaje #imagenes_per,#actriz #imagenes_act {

	margin: 5px auto;

	padding: 3px;

	width: 361px;

	height: 301px;

	border: 1px solid #A0A08C;

}



#pag-personatge #detalle{

float:left;

margin:0px 0 20px;

}



#pag-personatge #detalle h3{

margin:10px 0;

border-bottom: 1px dashed #A0A08C;

}



#pag-personatge #detalle .relacionats{

font-size: 11px;color: #A03C00;

padding:10px 0;



}

.capitol .texto h2 {font-size:12px;color: #646450;}



.ant,.sig {

	width: 159px;

	height: 24px;

	border: 1px solid #A0A08C;

	background-repeat: no-repeat;

	background-position: left bottom;

}

.ant:hover,.sig:hover {background-position: left top;}

.ant {background-image: url('/elcordelaciutat/img/btn-atr.gif');}

.sig {background-image: url('/elcordelaciutat/img/btn-sig.gif');}

#pag-personatge #personaje h2,#actriz h2 {border: 0;}

.strong {font-weight: bold;}

#opiniones {

	width: 400px;

	min-height: 330px;

	margin-bottom: -30px;

	margin-top: -2px;

	padding-top: 5px;

	border-right: 1px dashed #B7B8A6;

}

.opinion {border-bottom: 1px dashed #B7B8A6;}

.opinion p {margin-bottom: 10px;}

.opinion-pie{

	text-align:center;

	padding-top: 10px;

	height: 25px;

	border-top: 1px solid #B7B8A6;

	border-bottom: 1px solid #B7B8A6;

	background: url('/elcordelaciutat/img/bullet-ver_mas.gif') no-repeat 125px center;

}



.final {border-bottom: none;}



.autor {color: #A02800;}

#ver_mas {

	display: block;

	padding-top: 8px;

	padding-bottom: 8px;

	padding-left: 17px;

	border-bottom: 1px solid #A0A08C;

	font-weight: bold;

	color: #A02800;

	text-decoration: none;

	background: url('/elcordelaciutat/img/bullet-ver_mas.gif') no-repeat 5px center;

}



#imagenes_record {

	width: 330px;

	/*background: url('/elcordelaciutat/img/temporada.jpg') no-repeat left 35px;*/

	padding-bottom: 20px;

	border-bottom: 1px dashed #B7B8A6;

}

#imagenes_record h2 {border-top: 1px dashed #B7B8A6;margin-bottom: 8px;}



#album{

	overflow:hidden;

	width: 330px;

	padding-bottom:3px;

	border: 1px solid #A0A08C;

}



#album .control{

	margin-left:4px;

	width:323px;

}



#image_album{

	margin-left:4px;

	margin-top:4px;

	border: 1px solid #A0A08C;

}



#image_text{

	font-weight:bold;

	margin:4px 0 4px 6px;

}



#lista_temporada {

	border-left: 1px dashed #ACAC99;

	padding-left: 14px;

	padding-bottom: 15px;

	width: 439px;

	min-height: 500px;

}

#lista_temporada h2 {border-top: 1px dashed #B7B8A6;border-bottom: 1px dashed #B7B8A6;}

#lista_temporada .capitol {

	width: 439px;

	height: 45px;

	border-top: 0;

	margin-left: 0;

	padding-top: 10px;

	padding-bottom: 10px;

	border-bottom: 1px dashed #B7B8A6;

}

#lista_temporada .capitol h3 {font-size: 11px;color: #646450;}

#lista_temporada .capitol p{font-family: Arial;font-weight: bold;color: #a03c00;}

#lista_temporada .controls {padding: 8px 4px 8px 4px;}

#lista_temporada .controls li {list-style-type: none;float: left;margin-right: 18px;}

#lista_temporada .controls a {color: #646450;text-decoration: none;font-weight: bold;}

#lista_temporada #anterior,#lista_temporada #siguiente {text-transform: uppercase;font-size: 9px;}

#lista_temporada .capitol .links a{color: #504632;font-weight: bold;text-decoration: none;margin-right:5px}

#lista_temporada .capitol h3 a{color: #646450;font-weight: bold;text-decoration: none;}

#lista_temporada .capitol .links a:hover,#lista_temporada .capitol h3 a:hover{color: #a03c00;}



#pag-capitols #reproductor,#pag-capitol #reproductor,#pag-resum #reproductor,#pag-corobert #reproductor {width: 330px;}

#pag-capitols #descripcion,#pag-capitol #descripcion,#pag-resum #descripcion{width: 460px;}

#pag-personatges #descripcion h2 {border-top: 1px dashed #B7B8A6;}

#pag-personatges #banner2 {margin-top: 0;}

#pag-capitol #reproductor,#pag-capitol #descripcion,#pag-resum #reproductor,#pag-resum #descripcion,#pag-corobert #reproductor {padding-top:15px}

#pag-capitol #reproductor,#pag-resum #reproductor{padding-bottom:15px;border-bottom: 1px dashed #B7B8A6;}

#pag-capitol #descripcion,#pag-resum #descripcion{padding-bottom:17px;border-bottom: 1px dashed #B7B8A6;}

#pag-corobert #descripcion {width: 458px;border-bottom: 1px dashed #B7B8A6;border-top: 1px dashed #B7B8A6;min-height: 244px;margin-top:10px}



#tots-capitols{width: 456px;padding-top:10px}

#tots-caps-btn {width: 447px;height: 108px;position: relative;}

#tots-caps-btn span {width: 447px;height: 108px;position: absolute;left: 0;top: 0;background:  url('/elcordelaciutat/img/btn-tots.jpg') no-repeat top left;}



.correr {margin-left: -20px;}

.peu {

	margin-left:30px;

	text-align: left;

	padding: 2px;

}

.peutext {

	text-align: right;

	font-size:11px;

	color: #666666;

	font-family: Trebuchet MS,Arial, Helvetica, sans-serif;

	text-decoration: none;

}





#pag-barrio #descripcion {

	border-left: 1px dashed #ACAC99;

	padding-top:5px;

	padding-left: 14px;

	padding-bottom: 15px;

	width: 438px;

	min-height: 610px;

}

/*#pag-barrio #descripcion h2 {border-bottom: 1px dashed #B7B8A6;}*/



#barrio {

	height: 140px;

	width: 838px;

	margin: 15px -15px 0 -18px;

	border-top:1px dashed #ACAC99;

	/*background: url('/elcordelaciutat/img/barrio_temp.gif') no-repeat left bottom;*/

}



#barrio .barrio_img {

	float:left;

	border-right:1px dashed #ACAC99;

	height: 140px;

	width: 134px;

}



#barrio .first{

	margin-left:14px;

	border-left:1px dashed #ACAC99;

}



#barrio .barrio_img a {

	background:none;

	color:#a03c00;

	text-decoration:none;

	font-weight:bold;

	display:block;

	height: 100%;

	width: 100%;

}



#barrio .barrio_img a:hover{

	background: url('/elcordelaciutat/img/bg_link_barrio.gif') repeat-x left top;

	color:#f5f8ec;

}



#barrio .barrio_img a span{

	padding-left:9px;

	padding-top:6px;

	padding-bottom:6px;

	display:block;

	border-bottom:1px dashed #ACAC99;

}



#barrio .barrio_img img{

	margin-left:6px;

	margin-top:12px;

	border: 1px solid #646450;

}



.separador {

	width: 838px;

	height:22px;

	margin: 0 -15px 0 -18px;

	background: url('/elcordelaciutat/img/zona_flash-bg.gif') no-repeat left top;

}



#pag-corobert #subscripcion{width: 460px;padding-top:15px}



#subscripcion a{

color:#a03c00;

}



#subscriu-te a {

	display: block;

	position: relative;

	width: 335px;

	height: 35px;

	margin: 0 auto;

}

#subscriu-te a span {

	display: block;

	position: absolute;

	left: 0;

	top: 0;

	width: 335px;

	height: 35px;

	margin: 0 auto;

	background-repeat: no-repeat;

	background-position: bottom left;

}





#subscriu-te a:hover span {background-position: top left; cursor:hand;}

#subscriu-te a span {background-image: url('/elcordelaciutat/img/btn-subscriu-te.gif');}



/* acordeon*/



#acordeon{

margin-top:5px;

border-top: 1px solid #A0A08C;

}



.trigger {	

cursor: pointer;

margin-top: 5px;

color: #A03C00;

font-size: 12px;

font-weight: bold;

padding-bottom:5px;

padding-left:12px;

background: url('/elcordelaciutat/img/bullet-ver_mas.gif') no-repeat left center;

}

.trigger:hover { color:#504632; background: url('/elcordelaciutat/img/bullet-ver_mas-grey.gif') no-repeat left center;}



.slider{overflow:hidden;}

.slider ul {margin-bottom:15px;}



.slider li {

margin-bottom:5px;

list-style-type: none;

background: url('/elcordelaciutat/img/bullet-normal.gif') no-repeat left center;

padding-left: 10px;

}



.slider li a{text-decoration:none;}

.slider li a:hover{text-decoration:underline;}

.slide {border-bottom: 1px dashed #A0A08C;}



#pag-fusteria h2 {margin-left: -18px;clear: both;}



#pag-fusteria #banner2{margin-top:10px;}



#fusteria-virtual {width: 800px;height: 170px;}



#forum-fusteria {width: 800px;height: 150px;}

#forfus-btn {width: 447px;height: 130px;position: relative; top:0px; cursor:pointer}

#forfus-btn span {width: 447px;height: 130px;position: absolute;left: 0;top: 0;background: url('/elcordelaciutat/img/btn-foro2.jpg') no-repeat left top}





#forum {width: 456px;height: 292px;border-right: 1px dashed #B7B8A6;}

#frm-btn {width: 447px;height: 108px;position: relative;}

#frm-btn span {width: 447px;height: 108px;position: absolute;left: 0;top: 0;background:  url('/elcordelaciutat/img/btn-foro.jpg') no-repeat top left;}



#xat {width: 456px;height: 300px;padding-top:10px;border-right: 1px dashed #B7B8A6;}

#xat-btn {width: 447px;height: 130px;position: relative; top:0px; cursor:pointer}

#xat-btn span {width: 447px;height: 130px;position: absolute;left: 0;top: 0;background: url('/elcordelaciutat/img/btn-xat.jpg') no-repeat left top}



#pag-jocs h2{

margin-top:5px;

margin-bottom:5px;

}



#pag-jocs .imagen {

padding: 3px;

width: 362px;

height: 272px;

border: 1px solid #A0A08C;

}



#pag-jocs .imagen img {border: 1px solid #A0A08C;}



#pag-jocs .resumen{

padding: 3px;

width: 360px;

}



#pag-jocs #joc1{

width:48%;

padding-left:10px;

}



#pag-jocs #joc2, #pag-jocs #joc3{

width:48%;

padding-left:20px;

border-left:1px dashed #A0A08C;

}



#pag-jocs #banner2{margin-left:25px;}





/* NADAL */



#pag-nadal #video1{

width:400px;

/*padding-left:10px;*/

/*margin-right:-10px;*/

text-align:center;

}



#pag-nadal #video2, #pag-nadal #video3{

width:400px;

border-left:1px dashed #A0A08C;

text-align:center;

}



#pag-nadal #banner2 {

	margin-left:20px;

	margin-bottom:-10px;

}



#pag-nadal #header {width: 955px;background: url('/elcordelaciutat/img/header-nadal.gif') no-repeat left top;}



#pag-nadal #descripcion {

	width: 460px;

	height: 253px;

	margin-bottom: 10px;

}



#pag-nadal #destacat {

	width: 100%;

	margin-bottom: 10px;

	padding-bottom: 10px;

	border-bottom:1px dashed #A0A08C;

	text-align:center;

}



#pag-nadal #subscripcion h2 {

	color:#666666;

    font-size:14px;

    font-weight:bold;

}



#pag-nadal #postals {

	margin-top: 15px;

	padding-top:5px;

	border-top:1px dashed #B7B8A6;

}



#pag-nadal .postalitem {

	margin-top: 15px;

	margin-bottom: 15px;

	padding-top:5px;

	padding-bottom:5px;

	padding-left:10px;

	padding-right:10px;

	border-right:1px dashed #B7B8A6;

	text-align:center;

	width:135px;

	float:left;

}



#pag-nadal .postalitem_f {

	margin-top: 15px;

	margin-bottom: 15px;

	padding-top:5px;

	padding-bottom:5px;

	padding-left:10px;

	padding-right:10px;

	text-align:center;

	width:135px;

	float:left;

}



#pag-nadal .postalitem .titol {

	font-weight:bold;

}



#pag-nadal .postalitem_f .titol {

	font-weight:bold;

}



#pag-nadal .postalitem .codi {

	font-weight:bold;

	color:#666666;

}



#pag-nadal .postalitem_f .codi {

	font-weight:bold;

	color:#666666;

}



#pag-nadal #postals h2 {

	color:#666666;

	padding-bottom:5px;

	border-bottom:1px dashed #B7B8A6;

    font-size:14px;

    font-weight:bold;

}



#pag-nadal #modulinfo {

	width: 405px;

	margin-bottom: 10px;

}



#pag-nadal #reproductor {

	width: 320px;

}



#pag-nadal #lista_capitulos {

	width: 425px;

}



#pag-nadal #lista_capitulos #controls a {

	width: 405px;

}



#pag-nadal #lista_capitulos #otherVideos{

	width: 405px;

}



/* jocs popup */





#pag-joc1 #todo {

width: 978px;

background: url('/elcordelaciutat/img/todo-bg.gif') repeat-y -1px top;

padding-top: 65px;

}



#pag-joc1 #contenido {width: 803px}



#pag-joc1 #header {

width: 957px;

height: 65px;

background: url('/elcordelaciutat/img/header-joc-bg.jpg') no-repeat left top;

}



#pag-joc2 #todo {

width: 643px;

background: url('/elcordelaciutat/img/todo-bg-joc2.gif') repeat-y -1px top;

padding-top: 65px;

}



#pag-joc2 #contenido {width: 468px}



#pag-joc2 #header {

width: 622px;

height: 65px;

background: url('/elcordelaciutat/img/header-bg-joc2.jpg') no-repeat left top;

}





#pag-joc3 #todo {

width: 678px;

background: url('/elcordelaciutat/img/todo-bg-joc3.gif') repeat-y -1px top;

padding-top: 65px;

}



#scriptcontacte {

width: 445px;

margin-left: 20px;

margin-top: 20px;

}



#pag-joc3 #contenido {width: 503px}



#pag-joc3 #header {

width: 657px;

height: 65px;

background: url('/elcordelaciutat/img/header-bg-joc3.jpg') no-repeat left top;

}

	

.hr {

clear:both;

float:left;

width:100%;

background-color: #fcfff3;

border: none;

border-top: 1px dashed #A0A08C;

color:#fcfff3;

margin-top:10px;

margin-bottom:10px;

}



#planolBarri{

	float:left;

	margin-left:50px;

	color:#333333;

	font-size:15px;

	margin-top:15px;

	background-image:url(../img/el_barri.jpg);

	background-repeat:no-repeat;

}

#planolBarri2{

	float:left;

	margin-left:50px;

	color:#333333;

	font-size:15px;

	padding-top:20px;

}

.barriRight{

	margin-top:60px;

	margin-left:30px;

	padding-left: 30px;

	border-left:dashed;

	border-left-width:1px;

	border-left-color:#A0A08C;

	float:left;

	width:350px;



}



#mobils_compatibles{
	background-repeat:repeat-y;
	width:455px;
	height:460px;
	padding:0 0 0 5px;
	margin:15px;
	background-color: #E4E4E4;
}



#mobils_compatibles .llistat{
	width:430;
	padding:10px 10px 10px 15px;
	font-size:9px;
	color: #333333;

}