/*
Copyright (c) 2008, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 3.0.0pr2
*/
html{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:text-top;}sub{vertical-align:text-bottom;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}input,textarea,select{*font-size:100%;}legend{color:#000;}
body{font:13px/1.231 arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}select,input,button,textarea{font:99% arial,helvetica,clean,sans-serif;}table{font-size:inherit;font:100%;}pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;}
/* **************** TEMPLATE ***************** */
/* ====== Page Head, Body, and Foot ====== */
#bd{overflow:hidden; _overflow:visible; zoom:1;}
#page{margin: 0 auto; width: 950px;} /* wraps entire page */
.oldSchool{width:750px !important;}
.liquid{width: auto !important;margin:0;}
/* ====== Columns ====== */
.main{overflow:hidden; _overflow:visible; zoom:1;}
.leftCol{float:left; width:250px;}
.rightCol{float:right; width: 300px;}
/* extend columns to allow for common column widths */
.gMail{width:160px;}
.gCal{width:180px;}
.yahoo{width:240px;}
.myYahoo{width:300px;}
.multimedia{width: 340px;}

/* **************** PROPIOS ***************** */
/* ====== Page Head, Body, and Foot ====== */
html,body {
	background: #F0F0F0;
	font-size: 14px;
	/* url(../img/if/bg_page.png) repeat-y center top; /*url(../img/if/bg_body.jpg) repeat-x left top;*/
}
#page {
	margin-top: 15px;
	margin-bottom: 15px; 
	width: 990px;
	background: #fff;
/*	border-left: 6px solid #619892;
	border-right: 6px solid #619892;*/
	background: #FFF url(../img/if/bg_bd.png) repeat-y center top;
}
#hd {
	position: relative;
	padding: 5px 5px 0 5px;
	/*border-bottom: 1px solid red;*/
	background: url(../img/if/bg_hd.jpg) no-repeat center top;
/*	background: url(../img/if/bg_cabecera.jpg)  center -5px;*/

}
#bd {
	width: 940px; 
	margin: 0 auto;
	border-bottom: 1px solid #619892;
	padding: 15px 14px;
}
#bd p {
	text-align: justify;
}

#ft {
	padding: 21px;
	padding-top: 10px;
	background: url(../img/if/bg_ft.png) no-repeat center bottom;
}

/* ====== Columns ====== */
.leftCol{border: 1px solid red;}
.rightCol{ margin-left: 10px;}
.rightCol h2{ color: #990000 ;}
.rightCol .new {
	background: #F2F2F2;
}

.rightCol .publi a{
	margin-top: 5px;
}

#menu {
	position: relative;
	background: #fff;
	line-height: 25px;
	letter-spacing: 0.3px;
	border: 2px solid #5B9A91;
	z-index: 999;
}
#menu #cercador {
	float: right;
	margin-right: 18px;
	border-top: 1px solid #5b9a91;
	border-left: 1px solid #5b9a91;
}
#menu #cercador input{
	border: none;
	background: #fff;
	height: 19px;
	padding: 5px 16px 1px 8px;
	font-size: 11px;
}
#menu ul {
	font-weight: normal;
	margin:0; 
	padding:0;
	
	border: 18px solid #5b9a91;
	border-top: none;
	border-bottom: none;
/*	border-bottom: 1px solid #5b9a91;*/
	font-size: 12px;
	height: 25px;
	line-height: 25px;
	list-style: none;
}
#menu ul li {
	font-size: 13px;
	line-height:  
	color: #000;
	background: #FFF;
	display: block;
	float: left; 
	border-right: 1px solid #5b9a91;
}
#menu ul li span, #menu ul li a{
	font-weight: normal;
	width: auto;
	padding: 0px 10px;
	text-decoration: none;
	display: block;
	color: #000;
}
#menu ul li:hover, #menu ul li a:hover{
	background: #bfddda;
/*	color: #33615c;*/
}

/* Menu horizontal > Dropdowns */
#menu ul li ul {
	position:absolute;
	display:none;

	border: 2px solid #5b9a91;
	border-bottom-width: 1px;
	
/*	background: #FFF;*/

	height: auto; 

	top: 25px;
	margin-left: 10px;
	z-index: 1000;
}
#menu ul li ul li {
/*	background: transparent;*/
	background: #FFF;
	clear: both;
	line-height: 30px;
	border: 0; 
	border-bottom: 1px solid #5b9a91;
}
#menu ul li ul li.first {
/*	border-: 0px solid #5b9a91;*/
}

#menu ul li ul li span, #menu ul li ul li a{
	width: 10em;
	height:auto;
	float:left;
}
#menu ul li ul li:hover{
	background: #bfddda;
	font-weight: bold;
}

#menu ul ul ul{
	top:auto;
}	

#menu ul li ul ul {
	left:12em;
	margin:0px 0 0 10px;
}

#menu ul li:hover ul ul,
#menu ul li:hover ul ul ul,
#menu ul li:hover ul ul ul ul{
	display:none;
}
#menu ul li:hover ul,
#menu ul li li:hover ul,
#menu ul li li li:hover ul,
#menu ul li li li li:hover ul{
	display:block;
}

/* PAGINACION */
#paginacion {
	width: 450px;
	margin: 25px auto 0 auto;
	padding: 2px;
	text-align: center;
	border: 1px solid #ddd;
	border: 0;
	height: 25px;
}
#paginacion .pag {
	display: inline-table;
	width: 25px;
	height: 25px;
	border: 1px solid #619892;
	margin: 0 5px 0 0;
	text-align: center; 
	line-height: 25px;
}
#paginacion .pag a {
	text-decoration: none;
	display: block;
}
#paginacion .pag a:hover {
	background: #BFDDDA;
}
#paginacion .cur {
	background: #619892;
	color: #FFF;
}
#paginacion .prev, 
#paginacion .next {
	width: 80px;
}
#paginacion .first,
#paginacion .last {
display: none;
}

/* NOTICIAS */
.noticia {
	margin: 20px 5px 20px 10px;
}
.noticia p{
	margin: 0;
	padding: 0 0 1em 0;
}
.noticia.conrecursos{
	width: 580px;
}
#recursos {
	margin: 20px 10px 20px 5px;
	float: right;
	width: 320px;
	overflow: hidden;
}
#recursos .main{
	background: #666;
	color: #CCC;
}
#recursos .main p{
	padding: 0;
	margin: 3px 10px;
}
/* **************** CONTENT OBJECTS ***************** */
/* ====== Default spacing ====== */
h1, h2, h3, h4, h5, h6 { padding: 5px 15px 0px 10px; }
ul, ol,dl, p { padding: 5px 15px 10px 10px; }
pre{margin: 10px;}
table h1,table h2,table h3, table h4, table h5, table h6, table p, table ul, table ol, table dl {padding:0;}
/* ====== Elements ====== */
em{font-style: italic;}
strong{font-weight:bold;}
hr{border: 5px solid #BCBCBC; border-width: 0 0 5px 0; margin: 20px 20px 0 20px;}
code{color:#0B8C8F;}
/* ====== Headings ====== */
/* .h1-.h6 classes should be used to maintain the semantically appropriate heading levels - NOT for use on non-headings */
h1, .h1{font-size:196%;		font-weight:bold;   font-style: normal; color: #5B9A91; }
h2, .h2{font-size:167%;		font-weight:bold; 	font-style: normal; color: #1f4d48; }
h3, .h3{font-size:146.5%;	font-weight:normal;	font-style: normal; color: #1f4d48; }
h4, .h4{font-size:123.1%;	font-weight:normal;	font-style: normal; color: #5B9A91; }
h5, .h5{font-size:108%;		font-weight:bold;	font-style: normal; color: #5B9A91; }
h6, .h6{font-size:100%;		font-weight:bold;	font-style: normal; color: #333; }
/* if additional headings are needed they should be created via additional classes, never via location dependant styling */
.category{font-size:108%; font-weight:normal; font-style: normal; text-transform:uppercase; color: #333;}
.category a{color: #333;}
.important a{font-weight:bold;}
/* links */
a { color: #333;text-decoration: none }
a:focus, a:hover { text-decoration: underline }
a:visited { color:#555; }
/* heading links */
h1 a, .h1 a, 
h2 a, .h2 a,
h3 a, .h3 a, 
h4 a, .h4 a{color:#1f4D48; display:block;} 
h5 a, .h5 a{color:#5B9A91; display:block;}
h6 a, .h6 a{color:#404040; display:block;}
.h1 a:visited, h1 a:visited{color:#3f6d68;} 
.h2 a:visited, h2 a:visited{color:#3f6d68;}  /* #829e00 */
.h3 a:visited, h3 a:visited{color:#3f6d68;} 
.h4 a:visited, h4 a:visited{color:#3f6d68;} 
.h5 a:visited, h5 a:visited{color:#4F8680;}
.h6 a:visited, h6 a:visited{color:#4F8680;}
/* ====== Media Blocks ======*/
.media, .mediaExt{}
.media, .media .text, .mediaExt .text, .mediaExt {overflow:hidden; _overflow:visible; zoom:1;}
.media .media {float:left; margin:20px 0 0 20px;}
.mediaExt .media{float:right; margin:10px 10px 0 0;}
.wrap .text{ _float:none; overflow:visible;}
.wrap .media{margin:10px !important;}
/* ====== Lists ======*/
/* numbered list */
ol.simpleList li{list-style-type: decimal; margin-left:40px;}
/* standard list */
ul.simpleList li{list-style-type:disc; margin-left:40px;}
/* ====== Tables ====== */
.data{padding: 20px; position:relative; zoom:1;vertical-align: top;border-right:solid 1px transparent;/* border fixes a FF2 bug which causes the data table to overlay its borders*/}
.data table {width:100%;border:1px solid #AE0345;}
.data table th, .data table td{vertical-align:top;border:1px solid #AE0345;}
.txtC, .data .txtC td, .data .txtC th{text-align:center;}
.txtL, .data .txtL td, .data .txtL th{text-align:left;}
.txtR, .data .txtR td, .data .txtR th{text-align:right;}
.txtT, .data .txtT td, .data .txtT th{vertical-align:top;}
.txtB, .data .txtB td, .data .txtB th{vertical-align:bottom;}
.txtM, .data .txtM td, .data .txtM th{vertical-align:middle;}
.data th,.data td{padding:3px 20px}
/*.data .lastColumn{}
.data .lastRow td{}
.data .even{background-color:#fff;}
.data .odd{background-color: #D0E3FE;}*/
.data thead tr{background-color: #fff0f8;}
.data th{color: #000; font-weight:bold}
/* specification table - extends data table */
.spec{padding:20px 20px;}
.spec table{border-top: 1px solid #333; border-bottom-color:#fff;}
.spec th, .spec td{border:1px solid #000; border-width: 1px 0; padding-left:0;}
.spec .odd, .spec .even{background-color: #fff;}

a, a:visited {
color: #5B9A91;
}
a:hover{
color: #1f4d48;
}
#ft a, #ft a:hover {	
color: #555;
}

.imgsub { /** image substitution **/
	font-size: 0.00001px;
	text-indent: -300000px;
}

/** HEADER **/
#hd #logo {
	padding:0;
	width: 405px;
	height: 82px;
	background: url(../img/if/logo.jpg) no-repeat 0 -2px;
	overflow: hidden;
}
#hd #sublogo {
	padding:0;
	width: 405px;
	height: 30px;
	background: url(../img/if/logo.jpg) no-repeat 0 -84px;
}

.new {
	border-left: 1px solid #5B9A91;
	margin-bottom: 15px;
	padding-top: 0;
}
.esports {
	background: #dfeae9 !important;
}

.new h6{
	padding-top: 0;
	border-left: 15px solid #5B9A91;
}
.multimedia .new{
	border-left: 1px solid #dd6b6a !important;
}
.multimedia .new h3, .multimedia .new h3 a{
	color: #dd6b6a;
}
.multimedia .new h6{
	padding-top: 0;
	border-left: 15px solid #dd6b6a;
}

.mediaplayer {
	width: 320px;
	height: 256px;
	background: url(http://www.cerdanyola.info/res/13516.jpg) no-repeat center top;
	margin: 10px 0 10px 9px;
	display: none;
}
.mediatit {
	display: none;
}
.mediath img {
	height: 50px;
	width: 62px;
	margin: 10px 0px 10px 10px;
	border: 1px solid #ccc;
}

#tiempo {
	text-align: right;
	color: #bfddda;
	font-size: 10px;
}
#tiempo p{
	line-height: 12px;
	padding: 0 10px 0 0;
	font-size: 11px;
}
#tiempo h1, #tiempo h2{
	margin:0;
	padding: 6px 10px 0 0;
}
#tiempo h2{
	font-size: 16px;
	line-height: 16px;
	color: #ffea00;
}
#tiempo h1{
	font-weight: bold;
	color: #FFF;
	font-size: 50px;
	line-height: 50px;
}
#tiempo h1 sup{
	font-weight: normal;
	line-height: 45px;
}
.nublado{
	color: red;
	background: transparent url(../img/weather/nublado.png) no-repeat bottom center !important;
}

.titulares {
	margin: 15px -14px 0;
	padding: 20px 14px 0;
	border-top: 1px solid #619892;
	clear: both;
}
.titulares li {
	margin-bottom: 8px;
}
.titulares li{
/*	color: #619892;*/
	font-weight: bold;	
}

.accions h6{
	margin-bottom: 10px;
}
.accions div{
	margin-left: 15px;
	margin-bottom: 3px;
}
.accions h6 div{
	margin-left: 0px;
}
.accions li {
	margin-bottom: 5px;
}

/* LINKS */
.icon {
  display: block;
  margin-left: 1px; 
  padding: 0 0 0 21px;

  line-height: 18px !important; 
}

.icon.imatge	{	background: url(../img/icons/fugue/image.png) no-repeat 0 1px; } 

.icon.print		{	background: url(../img/icons/fugue/printer.png) no-repeat 0 1px; } 
.icon.audio		{	background: url(../img/icons/fugue/music.png) no-repeat 0 1px; } 
.icon.star		{	background: url(../img/icons/star.png) no-repeat 0 1px; } 
.icon.si		{	background: url(../img/icons/fugue/thumb-up.png) no-repeat 0 1px; } 
.icon.ojo		{	background: url(../img/icons/fugue/eye.png) no-repeat 0 1px; } 



.icon.rss		{	background: url(../img/icons/fugue/feed.png) no-repeat 0 1px; } 
.icon.rssadd	{	background: url(../img/icons/fugue/feed--plus.png) no-repeat 0 1px; } 
.icon.sitemap	{	background: url(../img/icons/sitemap_color.png) no-repeat 0 1px; } 
.icon.email		{	background: url(../img/icons/fugue/mail.png) no-repeat 0 1px; } 
.icon.access	{	background: url(../img/icons/mouse.png) no-repeat 0 1px; } 
.icon.publi		{	background: url(../img/icons/fugue/application-image.png) no-repeat 0 1px; } 
.icon.home		{	background: url(../img/icons/fugue/home.png) no-repeat 0 1px; } 
.icon.tel		{	background: url(../img/icons/fugue/mobile-phone.png) no-repeat 0 1px; } 
.icon.team		{	background: url(../img/icons/fugue/users.png) no-repeat 0 1px; } 

/*** FOOTER **/
#ft {
	position: relative;
}
#ft a{
	font-weight: normal;
}
#ft ul {
	height: 22px;
}
#ft ul li {
	border-left: 1px solid #619892;
	display: inline;
	float: left; /* opc*/
	padding: 0 10px;
	text-align: center;
  	line-height: 18px; 
}
#ft ul li:first-child {
	border-left: 0;
}

/* **************** GRIDS ***************** */
.line, .lastUnit {overflow: hidden; _overflow: visible; zoom:1;width:auto !important;}
.unit{float:left;zoom:1;}
.size1of1{float:none;}
.size1of2{width:50%;_width:49.9% !important;}
.size1of3{width:33.33333%;_width:33.25% !important;}
.size2of3{width:66.66666%;_width:66.65% !important;}
.size1of4{width:25%;_width:24.95% !important;}
.size3of4{width:75%;_width:74.95% !important;}
.size1of5{width:20%;_width:19.95% !important;}
.size2of5{width:40%;_width:39.95% !important;}
.size3of5{width:60%;_width:59.95% !important;}
.size4of5{width:80%;_width:79.95% !important;}
.lastUnit {float:none;_float:right;}