/* CSS Document */

/* RESET */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p,
blockquote, pre, a, abbr, acronym, address, big,
cite, code, del, dfn, em, font, img,
ins, kbd, q, s, samp, small, strike,
strong, sub, tt, var, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
center, u, b, i {
     margin: 0;
     padding: 0;
     border: 0;
     outline: 0;
     font-weight: normal;
     font-style: normal;
     font-size: 100%;
     font-family: inherit;
     vertical-align: baseline
}

body { line-height: 1 }
:focus { outline: 0 }
 ul { list-style: none }
table { border-collapse: collapse; border-spacing: 0 }
blockquote:before, blockquote:after, q:before, q:after { content: "" }
blockquote, q { quotes: "" "" }
input, textarea { margin: 0; padding: 0; width:100px;}
td {height:24px;}


/* Base */
html { background:#373736; font-family:Arial, Helvetica, sans-serif, "Arial Narrow";}
.separador {clear:both;}
.centrat {text-align:center;}
.esquerra {text-align:left;}
.dreta {text-align:right;}
.petit {width:25px;}
.boto {width:123px;}
.caixa_text {width:400px;}
.texteLegal {color:#999999;}
.petit {font-size:10px;}
.destacat {padding:10px; border:1px dashed #999999; text-align:center;}
#contingut .pendent {font-size:14px; color:#FF0000; font-weight:bold;}
/* ESTRUCTURA */
#web {width:900px; margin: 0 auto;}
	#capcalera {}
		#capcalera #flaix {margin-top:8px; margin-left:244px;}
		#capcalera p { text-align:right; color:#a8a8a7;}
		#capcalera p a {color:#a8a8a7; font-family:Arial, Helvetica, sans-serif, "Arial Narrow"; font-size:12px; text-decoration:none;}
		#capcalera p a:hover {text-decoration:underline; color:#CCC;}
		#capcalera p a.blanco {color:#FFF;}
	#menu_superior {height:36px; margin-top:-36px;}
		#menu_superior ul {margin-left:255px;}
		#menu_superior ul li {display:block; float:left;padding:5px;}
		#menu_superior ul li a { padding:5px; background:#cdcdcd; font-family:Tahoma; font-size:18px; color:#373736; text-decoration:none; letter-spacing:2px; border-right:1px solid #000; border-bottom:1px solid #000;}
		#menu_superior ul li a:hover {background:#FFFFFF;}
	#contenidor {width:900px; padding-top:5px;}
		#col_esquerra { width:209px; float:left; background:url(img/col-esquerra-middle.jpg) top left repeat-y; margin-top:-11px;}
		#col_central { width:458px; float:left;}
		#col_dreta { width:213px; float:left; background:url(img/col-dreta-middle.jpg) top left repeat-y; margin-top:-11px;}
		
/* COLUMNA ESQUERRA */
#col_esquerra p {text-align:center;}
#col_esquerra ul {padding-left:15px;}
#col_esquerra ul li a {color:#004b91; font-size:14px; text-decoration:none; padding:6px 10px; display:block; width:148px;}
#col_esquerra ul li a:hover,
#col_esquerra ul li a.activo {background:#7aa1c6; color:#FFF;}
#col_esquerra ul li ul {background:#f0f4f9; width:153px;}
#col_esquerra ul li ul li a {font-size:12px; width:130px;}
#col_esquerra ul li ul li a:hover { background:none; text-decoration:underline; color:#004b91;}
#col_esquerra #logos {background:#373736; text-align:center;}
#col_esquerra #logos h1 {color:#FFF; text-align:center; text-transform:uppercase; font-size:12px; font-family:"Arial Black", Arial, Helvetica, sans-serif, "Arial Narrow"; padding-top:22px; padding-bottom:12px;}

/* COLUMNA DRETA */
#col_dreta h1 {color:#004b91; text-align:center;font-weight:bolder; text-transform:uppercase; font-size:12px; font-family:"Arial Black", Arial, Helvetica, sans-serif, "Arial Narrow"; padding-top:22px;}

#cuentratras table {margin-left:27px; margin-top:10px;}
#cuentratras table tr th { background:#7aa1c6; font-size:12px; color:#FFF; padding:11px 8px; font-weight:bold;}
#cuentratras table tr td {text-align:center; padding-top:7px; background:#000000; height:36px;}
#cuentratras table tr td span#cd {font-weight:bold; color:#FFFFFF; font-size:22px;}

#canales {overflow:scroll; width:150px; height:131px; margin-left:35px; margin-top:10px;}
#canales ul { width:123px; font-size:12px;}
#canales ul li a {color:#004B8F; text-decoration:none; width:100%; display:block; padding:5px;}
#canales ul li a:hover {background-color:#f0f4f9;}

#countdown {background:URL(img/countdown2.jpg) top left no-repeat; width:222px; height:147px; margin-left:2px; position:relative;}
span#cd {font-weight:bold; color:#FFF; font-size:22px; position:absolute; top:88px; left:25px;}

#baners  {padding-left:30px;}
#colaboradores {padding-left:40px; padding-top:10px;}
#baners img {padding:5px;}

/* COLUMNA CENTRAL */
#contingut {background:#FFF; padding:20px 20px 40px 20px; color:#4d4d4d; font-size:12px;}
#contingut a {color:#004b91;}
#contingut a:hover {color:#032d58; text-decoration:none;}
#contingut strong {color:#004b91; font-weight:bolder;}
#contingut p { line-height:120%; margin-top:20px; text-align:justify;}
#contingut h1 {border-bottom: 10px solid #7aa1c6; font-family:Tahoma, Arial, Helvetica, sans-serif, "Arial Narrow"; color:#004b91; font-weight:bold; font-size:24px; padding-bottom:5px;}
#contingut h2 {font-weight:bold; color:#004b91; margin-top:20px; font-size:14px;}
#contingut span.mes_info {text-align:right; display:block; margin-top:10px;}
#contingut ul {list-style:square; padding-left:27px; margin-top:20px;}
#contingut ul li {margin-bottom:1em; line-height:120%;}
#contingut ol { padding-left:27px; margin-top:20px;}
#contingut ol li {margin-bottom:1em;}



#contingut p.fotografias a {border:solid 10px #F0F4F9; margin:4px; display:block; width:75px; height:75px; float:left;}
#contingut p.fotografias a:hover {border:solid 10px #7AA1C6;}


#contingut #molletes {margin-bottom:20px;}
#contingut_decorat #molletes {margin-bottom:20px;}

#contingut_decorat {background:URL(img/relleno.gif) bottom right no-repeat #FFF;  padding:20px 20px 40px 20px; color:#4d4d4d; font-size:12px;}
#contingut_decorat a {color:#004b91;}
#contingut_decorat a:hover {color:#032d58; text-decoration:none;}
#contingut_decorat strong {color:#004b91; font-weight:bolder;}
#contingut_decorat p { line-height:120%; margin-top:20px; text-align:justify;}
#contingut_decorat h1 {border-bottom: 10px solid #7aa1c6; font-family:Tahoma, Arial, Helvetica, sans-serif, "Arial Narrow"; color:#004b91; font-weight:bold; font-size:24px; padding-bottom:5px;}




#contingut #agenda {border: solid 2px #004b91; float:left; width:100%; position:relative; margin-top:27px; padding-bottom:25px;}
html>/**/body #contingut #agenda {padding-bottom:4px;}
	#agenda h1 {font-family: Tahoma, Arial, Helvetica, sans-serif, "Arial Narrow"; color:#FFF; background:#7aa1c6; padding:10px; border:none; display:inline; font-weight:bold; font-size:18px; position:absolute; top:-26px; left:7px;}
	#agenda #programa {background:#f0f4f9; margin:20px;}
	#agenda #programa ul li {text-align:justify;}
	/*
	#agenda #dia1,
	#agenda #dia2 {width:43%; background:#f0f4f9; margin-top:20px;}
	* html #agenda #dia1 {width:38%;}
	* html #agenda #dia2 {width:38%;}
	#agenda #dia1 {float:left; margin-left:22px;}
	#agenda #dia2 {float:right; margin-right:22px;}
		
	#agenda #dia1 h2,
	#agenda #dia2 h2 { color:#000; text-align:center; font-weight:bold; background:url(img/ico-calendario.gif) top left no-repeat; height:17px; width:100px; display:block; margin:10px auto 0px auto;}
	*/
	#agenda ul {padding:12px 33px;; line-height:120%; list-style:url(img/ul.jpg);}
	#agenda ul li {color:#7aa1c6; font-weight:bold; font-size:12px; margin-bottom:10px; line-height:120%;}
	#agenda ul li a {color:#004b91; font-size:12px;  font-weight:bold; text-decoration:none;}
#invitados {background:URL(img/invitados.jpg) top left no-repeat; width:378px; height:123px;}

#programa-del-evento {text-align:center;}
#programa-del-evento a {width:200px; margin:0px auto; padding:10px 10px 20px 10px; background:#014B92; color:#FFF; text-decoration:none; font-weight:bold;}
#programa-del-evento a:hover {background:#7AA1C6;}
#programa-del-evento span.subpeu {font-size:11px; color:#FFF;}

#contingut div.noticia {margin:10px 0px; height:81px; overflow:hidden;}
#contingut div.noticia img {float:left; margin-right:13px; margin-bottom:13px;}
#contingut div.noticia h2 {padding:0px; margin:0px;}
#contingut div.noticia h2 a {color:#004b91; font-weight:bold; text-decoration:none;}
#contingut div.noticia h2 a:hover {color:#7aa1c6;}
#contingut div.noticia p {margin:0px; padding:0px;}

#peu {background:#373736; color:#b2b2b1; font-size:12px; text-align:center; border-top:2px solid #000; padding-top:10px; padding-bottom:30px;}
#peu a { color:#b2b2b1;;}
#peu a:hover {color:#FFF; text-decoration:none;}