@charset "utf-8";
/* CSS Document */


/* Global Resets */

html, body, div, span,
applet, object, iframe,
h1, h2, h2, 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, sup, tt, var,
dd, dl, dt, li, ol, ul,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: inherit;
	font-style: inherit;
	font-family: inherit;
	text-align: left;
	vertical-align: baseline;
}
a img, :link img, :visited img {border:0;}
table {border-collapse: collapse; border-spacing: 0;}
ol, ul {list-style: none;}

strong {font-weight: bold;}

q:before, q:after, blockquote:before, blockquote:after {content: "";}

input { padding:0; margin:0 }

/* overrides */

h1, h2, h3, h4, h5, h6 { font-weight: bold }

/*
q:before,q:after {content:'';}
abbr,acronym {border:0;}
*/

/* Universal Items */

.clearfix:after {clear:both!important; content:"."; display:block!important; height:1px; visibility:hidden; font-size:0;}

.clearLink {display:block; overflow:hidden; height:0; cursor:pointer;}

a { cursor: pointer; cursor: hand }

/* =============================== */
/* ======= Elementos HTML ======== */
/* =============================== */
body {
	color:#000;
	margin:0;
	padding:0;
	font-size:1em;
	font-family:Arial, Helvetica, sans-serif;}

a {text-decoration:none;}

a:hover {text-decoration:none;}

@font-face {
	font-family: 'Akzidenz-Grotesk-Condensed';
	src: url('../fonts/akzidenz_grotesk_r_condensed_medium-webfont.eot');
	src: local('☺'), url('../fonts/akzidenz_grotesk_r_condensed_medium-webfont.woff') format('woff'), url('../fonts/akzidenz_grotesk_r_condensed_medium-webfont.ttf') format('truetype'), url('../fonts/akzidenz_grotesk_r_condensed_medium-webfont.svg#webfont4NDNs00H') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'HelvCondensedRegular';
	src: url('../fonts/helvcondensed-webfont.eot');
	src: local('☺'), url('../fonts/helvcondensed-webfont.woff') format('woff'), url('../fonts/helvcondensed-webfont.ttf') format('truetype'), url('../fonts/helvcondensed-webfont.svg#webfontbpeE2zbp') format('svg');
	font-weight: normal;
	font-style: normal;
}
/*@font-face {
	font-family: 'Nobile002Regular';
	src: url('../fonts/nobile-webfont.eot');
	src: local('☺'), url('../fonts/nobile-webfont.woff') format('woff'), url('../fonts/nobile-webfont.ttf') format('truetype'), url('../fonts/nobile-webfont.svg#webfont5H62mvkp') format('svg');
	font-weight:normal;
	font-style:normal;
}*/

/* ========================================= */
/* ========= Estructura del sitio ========== */
/* ========================================= */

h1 {display:none;}

#main {position:relative; width:980px; margin:0 auto; font-size:0.9em; z-index:1; overflow:hidden; }

/*header*/
.colaboren {position:relative; border-top:1px solid #7a7a7a; border-bottom:1px solid #7a7a7a; margin:5px 0; height:75px; padding:5px; font-size:0.90em;}
/*.colaboren ul, .colaboren div {float:left; position:relative; display:inline;}*/
.colaboren div {width:auto; float:left; display:inline; margin-right:15px;}
.colaboren div.noMarge {margin:0;}
.colaboren div ul, .colaboren div div {float:none!important; position:relative; display:block!important;}
.colaboren div div {width:auto; padding:0; margin-top:5px; padding-bottom:5px;}
.colaboren div div img {float:left; } 
.colaboren div div p {padding:0 5px; line-height:1em; float:left;}
.colaboren div ul {clear:both; height:49px;padding-top:4px; }
/*.colaboren ul li {position:relative; display:inline; margin:0 3px; vertical-align:middle;}*/
.colaboren div ul li {position:relative; display:inline; margin:10px 5px!important; vertical-align:bottom;}
.colaboren .botoRightNegre {position:relative; margin-top:10px; text-align:right; width:100%; font-size:0.85em;}
.colaboren .botoRightNegre a {background:#000; color:#fff; padding:0 5px;}
.colaboren .botoRightNegre a:hover {background:#ee0919;}

#header {position:relative; clear:both; float:none; margin-top:30px; background-color:#ee0919; background-image:url(../img/fons-topos.gif); background-repeat:repeat-x; z-index:10;}
#header #logo {position:relative; margin:60px 0 30px 15px; }
#header p {position:relative; color:#fff; position:absolute; top:60px; right:15px; font-size:0.85em; text-align:right; }
#tiraLogos {position:relative; border-top:1px solid #fff; border-bottom:1px solid #fff; height:30px; clear:both;}
#tiraLogos2 {position:relative; border-top:1px solid #fff; border-bottom:1px solid #fff; height:34px; clear:both; background:#fff; padding:2px 15px;}
#tiraLogos2 img {height:34px; margin-right:5px; width:34px;}



#menu {position:relative; padding:8px 8px 5px 8px; clear:both; height:18px; z-index:100!important;}
#menu li {display:inline; position:relative; color:#000; border-right:1px solid #000; padding:0 10px 0 8px; font-family:'Nobile', 'Akzidenz-Grotesk-Condensed','HelvCondensedRegular', Arial, Verdana, Tahoma, sans-serifHelvetica; /*font-size:1.3em;*/ font-size:0.75em; text-transform:uppercase; font-weight:bold; float:left;}
#menu li a {color:#000; display:block; float:left;} #menu li a:hover, #menu li a.marcat {color:#fff;}
#menu li ul { position:absolute; visibility:hidden; margin:0; overflow_x:hidden; font-size:1.3em; margin-top:15px; left:0;padding-top:10px; width:300px!important;}
#menu li ul li {display:block; padding:5px; border:none; border-bottom:1px solid #7a7a7a; background-image:url(../img/tira-menu.gif) no-repeat right; background-color:#fff; clear:left;}
#menu li ul li a {color:#000; width:auto;}
#menu li ul li a:hover, #menu li ul li a.marcat {color:#ee0919;}
#menu li:hover ul {visibility:visible!important;}
.actiu {visibility:visible!important;}

/*CONTENIDOS*/
#content {position:relative; background:url(../img/fons-ratlletes.gif) repeat-y; margin:40px 0; z-index:1; font-size:1em; min-height:200px; }
.content2 {background:url(../img/fons-ratlletes2.gif)!important; background-repeat:repeat-y;}
#left, #middle, #right, #left2, #right2 {position:relative; float:left; padding:0 10px;}
#left {width:470px; font-size:1em;}
#middle {width:250px; }
#right {width:195px; float:right;}

#left2 {width:665px;}
#right2 {width:270px!important; float:right; ba}
/*LEFT TEXTOS*/

#left h2 span {display:none;}
#left p {margin:7px 0;}

/*interior*/
.interior {font-size:0.9em; position:relative; padding-bottom:20px; border-bottom:1px dashed #7a7a7a; }
.interior h2 {color:#ee0919; font-size:1.5em; margin:0; padding:0; font-weight:normal;}
.interior h3 {color:#000; font-weight:bold; font-size:1.95em; line-height:0.95em; margin-top:0;}
.interior ul { margin:5px 0 5px 25px;}
.interior ul li { list-style:url(../img/llista.gif); padding:5px 0;}
.interior ul li a {color:#000; text-decoration:underline;} .interior ul li a:hover {color:#ee0919; text-decoration:none;}
.interior p {}
.interior p a {color:#000; text-decoration:underline;}
.interior em {font-style:italic;}
.interior p a:hover {color:#ee0919; text-decoration:none;}
.interior form {margin:20px 0;}
.interior img {max-width:470px; margin:5px 0;}
.interior embed {margin:5px 0; max-width:470px;}
#left2 .interior embed {max-width:660px!important;}

/*FORMULARI*/

form {position:relative; margin-top:30px; font-size:0.95em;}
form span {font-size:0.95em; text-align:right; font-weight:bold; vertical-align:top; line-height:24px; width:150px; padding-right:2px; display:table-cell;}
form fieldset textarea, form fieldset input, form fieldset select {vertical-align:top; font-size:0.95em; font-family:Arial, Helvetica, sans-serif; border:1px solid #c0c0c0; font-size:1em; line-height:13px; padding:2px; width:160px;}
form fieldset {border:none;}
form fieldset textarea {font-family:Arial, Helvetica, sans-serif; font-size:0.95em; border:1px solid #c0c0c0; }
form .boto {position:relative; padding:0 3px; border:none; background:#ee0919; color:#fff; width:auto; margin:-10px 0 0 275px;}

.lletraPetita {position:relative; font-size:0.85em; padding-top:30px; color:#7a7a7a;}
.lletraPetita a {color:#7a7a7a!important;} .lletraPetita a:hover {color:#000!important; text-decoration:none;}


/*noticies*/
.llistaNotis {margin:0; padding:0; font-size:1em;}
.llistaNotis div {position:relative; border-bottom:1px dashed #7a7a7a; padding-bottom:5px; margin-bottom:25px; clear:both;}
.llistaNotis div h3 {color:#ee0919; font-size:1.45em; margin:0; padding:0; font-weight:normal; line-height:1em; margin-bottom:5px;}
.llistaNotis div h4 {color:#000; font-weight:bold; font-size:1.9em; line-height:0.95em;}
.llistaNotis div h4 a {color:#000;} .llistaNotis div h4 a:hover {color:#7a7a7a;}
.llistaNotis div h5 {color:#7a7a7a; font-size:0.75em; font-weight:normal; margin-bottom:5px;}
.llistaNotis div img {overflow:hidden; max-width:470px; margin:5px;}
.llistaNotis div p {font-size:0.85em;}
.llistaNotis div p a {color:#ee0919; text-decoration:underline;} .llistaNotis div p a:hover {text-decoration:none;}
.llistaNotis div p u {text-decoration:underline;}
.llistaNotis div p em {font-style:italic;}

#notisDetalle div.interior {border-bottom:none!important; margin-top:10px; font-size:0.95em;}
.botoRightRoig {position:relative; margin-top:10px; text-align:right; width:100%; font-size:0.85em; border:none!important; clear:both;}
.botoRightRoig a {background:#ee0919; color:#fff; padding:0 5px;}
.botoRightRoig a:hover {background:#000;}

.noBorder {border:none!important;}

/*MIDDLE SOCIAL*/

.socials, .banners {position:relative; float:none; clear:both; border-bottom:1px dashed #7a7a7a; margin-bottom:15px; padding-bottom:10px;overflow:hidden;}
.socials h5 {color:#ee0919; font-size:1.3em; margin-bottom:4px;}
.socials h5 img {float:right;}
.socials embed, .socials iframe {margin:3px 0 7px 0;}
.socials p {font-size:0.85em;}
.socials p a { color:#000; text-decoration:underline;} .socials p a:hover {color:#7a7a7a;}
.banners img {max-width:195px;}
/*RIGHT*/

/*index*/

.indexHome, .indexComplet {position:relative; padding-bottom:50px;}
.indexHome h5, .indexComplet h5 {color:#ee0919; font-size:1.2em;}
.indexHome h6, .indexComplet h6 {font-size:1.5em; margin:-4px 0 5px 0;}
.indexHome p, .indexComplet p {font-size:0.85em;}
.indexHome .alineaCentre, .indexComplet .alineaCentre {text-align:center; color:#7a7a7a; font-size:0.75em; padding-top:5px;}
.indexHome ul, .indexComplet ul {position:relative; clear:both; border-bottom:1px dashed #7a7a7a; margin-bottom:10px; padding-top:10px; }
.indexHome ul li, .indexComplet ul li {position:relative; clear:both; position:relative;  border-top:1px dashed #7a7a7a; min-height:0.95em;}
.indexHome ul li span, .indexComplet ul li span {float:left; color:#7a7a7a; width:15px; text-align:right; font-size:0.85em; padding:4px 0;}
.indexHome ul li p, .indexComplet ul li p { font-weight:bold; font-size:0.85em;}
.indexHome ul li p a, .indexComplet ul li p a {float:left!important; width:132px;  background:none; font-size:0.9em!important; color:#000; text-align:left; margin:0!important; padding:4px 2px 4px 4px!important;}
.indexHome ul li p a:hover, .indexComplet ul li p a:hover {background:none!important; color:#ee0919;}
.indexHome ul li u, .indexComplet ul li u {float:right; width:40px; text-align:right; text-decoration:none; font-size:0.85em; padding:4px 0;}
.indexHome a {background:#ee0919; color:#fff; font-size:0.8em; padding:1px 5px; float:right; margin-top:-3px;}
.indexHome a:hover {background:#000;}

.indexComplet h6 img {position:absolute; margin:-10px 0 0 7px;}

.topIndex {background:#000!important; height:1.6em; font-size:0.95em!important; border:none!important;}
.topIndex p, .topIndex u, .topIndex span {color:#fff!important; padding:4px 1px!important; float:left!important; font-weight:normal!important;}
.indexHome ul li.topIndex p {width:125px!important; padding-left:10px!important;}

.indexComplet ul li {font-size:0.95em!important;}
.indexComplet ul li span {width:20px; padding-right:10px!important;}
.indexComplet ul li p {width:370px!important; overflow:hidden!important; float:left!important;margin:0!important;}
.indexComplet ul li p a {padding:4px!important; font-size:1.05em!important;width:370px!important;}
.indexComplet ul li u {width:50px; float:right!important; margin:0!important; padding-right:5px!important;}
.indexComplet ul li.topIndex p, .indexComplet ul li.topIndex u, .indexComplet ul li.topIndex span {margin:0!important;}

/*FOOTER*/
#footer {position:relative; clear:both; padding:15px 17px!important; /*border-top:1px solid #7a7a7a; border-bottom:1px solid #7a7a7a;*/ background:#505050; margin:85px 0 0 0!important; font-size:11px!important; min-height:10px; color:#fff;}
#footer img {float:left;}
#footer .logo1 {position:absolute; top:-50px; left:17px; float:left;}
#footer .logo2 {position:absolute; top:-50px; right:17px; float:right;}
#footer .logo3 {margin-top:0px;}
#footer p {text-align:right;} #footer p a {color:#fff; text-decoration:underline;} #footer p a:hover {color:#999999; text-decoration:none;}
#footer ul {float:right; margin:5px 0 0 0; text-decoration:none;}
#footer ul li {display:inline; border-right:1px solid #fff; padding:0 5px;}
#footer ul li a {color:#fff; text-decoration:underline;}
#footer ul li a:hover {color:#999; text-decoration:none;}

/*TAULES ACTUACIONS*/
.millorsActuacions {position:relative; margin:0!important; border-bottom:1px dashed #7a7a7a; list-style:none!important;}
.millorsActuacions li {list-style:none!important;  position:relative; clear:both; border-top:1px dashed #7a7a7a; min-height:0.1em; background:none!important;}
.millorsActuacions li.topIndex {background:#000000!important;}
.millorsActuacions li p, .millorsActuacions li span, .millorsActuacions li u {float:left; padding:2px; margin:0!important; font-size:0.95em;}
.millorsActuacions li span {width:270px;}
.millorsActuacions li u {width:30px; text-align:right; text-decoration:none; padding-right:10px!important; font-weight:bold;}
.millorsActuacions li p {width:140px; overflow:hidden;}  .millorsActuacions li p em {font-style:italic;}

.millorsActuacions li.sumaIndex {background:#e0e0e0!important; height:1.6em; font-size:0.95em!important; }
.sumaIndex p, .sumaIndex u, .sumaIndex span {color:#000!important; padding:4px 1px!important; float:left!important; font-weight:normal!important;}

/*TOTS PATROCINADORS*/
.llistaPatrocina {position:relative;}
.llistaPatrocina ul {margin:0;}
.llistaPatrocina ul li {list-style:none!important; margin-top:10px; }
.llistaPatrocina h4 {margin-top:10px; border-top:1px dashed #7a7a7a; padding-top:50px;}
.llistaPatrocina h4 span {background:#000; color:#fff; padding:1px 5px;}
.llistaPatrocina ul li img {margin:0;}
.llistaPatrocina ul li p {font-weight:bold; color:#ee0919; margin:0!important; padding:0!important;}
.llistaPatrocina ul li a {color:#000; text-decoration:underline; margin-top:-10px!important; padding:0!important;}
.llistaPatrocina ul li a:hover {color:#ee0919; text-decoration:none;}

#comentarioKO {color:#F00; font-weight:bold;}

/*================================================*/
/*===================PAGINACIÓN===================*/
/*================================================*/

.paginacio {position:relative; clear:both; font-size:0.8em; padding:30px 0 5px 0; height:20px;}
.paginacio ul {position:relative; list-style:none; float:right;}
.paginacio ul li {position:relative; display:inline; margin:0 3px; color:#7a7a7a;}
.paginacio ul li a {position:relative; color:#000; text-decoration:underline;} 
.paginacio ul li a:hover {color:#ee0919; text-decoration:none;}
.paginaSeleccio {position:relative; color:#ee0919; font-weight:bold;}
.paginacio ul li a.avanca {background:#000; color:#fff; text-decoration:none; padding:1px 5px;}
.paginacio ul li a.avanca:hover {background:#ee0919;}
/*================================================*/


.taulaFCK {position:relative; border:1px solid #ccc!important; text-align:center; width:98%!important; margin:15px 0 15px 3px!important; font-size:12px!important;}
.taulaFCK tr td, .taulaFCK tr th {padding:3px 3px; border:1px solid #ccc!important; margin:0!important;}
.taulaFCK tr.top {background:#000; color:#fff; font-size:0.95em!important;}
.taulaFCK tr.griset {background:#f1f1f1;}
.taulaFCK tr td a {color:#000; text-decoration:underline;} .taulaFCK tr td a:hover {text-decoration:none; color:#666;}
.taulaFCK tr th.alineaEsq {text-align:right!important; padding-right:3px; font-weight:bold; color:#666;}

.desplegaConcurs {height:2em; margin-bottom:10px;}
.desplegaConcurs select {border:1px solid #000; font-size:0.95em; float:right;}

.aviso h4 {margin-top:20px!important; text-transform:uppercase;}
.aviso h5 {margin-top:20px!important; color:#666666; font-size:1em;}

.estrellaAbs {position:absolute; top:15px; right:-2px;}


/*STREAMING*/
#comentaris {position:relative;}
#comentaris div {position:relative; border-top:1px dashed #7a7a7a; padding-top:15px; margin-top:10px; clear:both;}
#comentaris div div {border:none; margin:0 0 10px 0; text-align:right;}
#comentaris div div a {margin-left:5px; color:#fff; background:#000; padding:1px 5px; }
#comentaris div div a:hover, #comentaris div div a.marcat {background:#ee0919;}
#comentaris div p {clear:both;}
#comentaris div div span {color:#777; padding-top:5px; font-size:0.85em;}
#comentaris form span {width:200px;}
#comentaris form textarea {width:300px;}
#comentaris form .boto {margin-left:380px; width:130px!important; padding:1px 2px!important;}


.bannerEnDirecte {text-align:center; padding-bottom:20px;}

#videoStreaming {background:#e9e9e9; margin:20px 0 30px 0; /*border:1px dashed #777;*/ padding:5px!important;}
#videoStreaming embed {margin-bottom:5px!important;}
#videoStreaming p {font-size:0.85em; color:#4a4a4a; padding:0 10px 5px 10px;}