/*

QuickSite Wireframe CSS

This is the main stylesheet

author:		Ron Hall, Busy Noggin, Inc.
e-mail:		templavoila@busynoggin.com
website:	www.busynoggin.com & templavoila.busynoggin.com

*/

/* @group Reset Styling */

/* -------------------------------------------------------------- 
  
   reset.css
   * Resets default browser CSS.
   
   Based on work by Eric Meyer:
   * meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/
   
-------------------------------------------------------------- */

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, code,
del, dfn, em, img, q, dl, dt, dd, ol, ul, li,
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-size: 12px;
	font-family: inherit;
	/* vertical-align: baseline;*/
}

h3 {
	font-size:18px;
	font-weight:400;
	margin-bottom:5px;
	margin-top:10px;
}

/* Tables still need 'cellspacing="0"' in the markup. */
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight:400; }

/* Remove possible quote marks (") from <q>, <blockquote>. */
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }

a img { border: none; }

a:active {
	outline: none;
	}

a:focus {
	-moz-outline-style: none;
	}

/* @end Reset Styling */

/* @group Base Styling */

html {
	height: 100%;
}

body {
	font-family:'Arial',"Verdana",Helvetica,Sans-serif;
	font-size:13px;
	color: #333333;
	font-weight: normal;
	height: 100%;
	background-color:#f6f6f6;
}

/* NOTE: Much of the typography styling is handled in rte.css */


/* @group Table Styling */

/* NOTE: Table Styling is mostly handled in rte.css */
table {
	border-collapse:collapse;
	width: auto;
	}
	
/* @end Table Styling */

/* @group Additional Tags */


pre {
	margin-bottom: 15px;
	}

code {
	margin-left: 10px;
	margin-right: 10px;
}

pre code {
	margin-left: 0px;
	margin-right: 0px;
	}

pre,
code {
	font-family: 'andale mono', 'monotype.com', 'lucida console', monospace;
	}

li {
	list-style-image:url("images/bulletdot.png");
	}

/* @end Additional Tags */

/* @group Forms */

/* forms */
input{width:23em;border:1px solid #ddd;background:#fafafa;font:bold .95em arial, sans-serif;-moz-border-radius:.4em;-khtml-border-radius:.4em;padding:.15em;margin:0.5em 0;}
input:hover,input:focus{background:#f6f6f6;border-color:#c5c5c5;}
input.default{color:#bbb;}
textarea{width:23em;border:1px solid #ddd;background:#fafafa;font:bold .95em arial, sans-serif;-moz-border-radius:.4em;-khtml-border-radius:.4em;padding:.15em;margin-bottom:0.5em;}
textarea:hover,input:focus{background:#f6f6f6;border-color:#c5c5c5;}
textarea.default{color:#bbb;}
label { font-weight:bold; padding:0.2em 0;}
/*
input[type=checkbox], input[type=radio] { visibility: hidden; width:0; height:0; padding:0; margin:0; }
input[type=checkbox] + label, input[type=radio] + label { padding-left:18px; }
input[type=checkbox] + label{ background: url(../gfx/check_radio.png) 0 0 no-repeat; }
input[type=checkbox]:focus + label{ background-position: 0 -16px; }
input[type=checkbox] + label:hover{ background-position: 0 -32px; } 
input[type=checkbox]:checked + label{ background-position: 0 -48px; }

input[type=radio] + label{ background: url(../gfx/check_radio.png) 0 -64px no-repeat; }
input[type=radio]:focus + label{ background-position: 0 -80px; }
input[type=radio] + label:hover{ background-position: 0 -96px; } 
input[type=radio]:checked + label{ background-position: 0 -112px; }
*/

input.radio, input.check {width:20px;}

form option {
	margin: 0px;
	margin-left: 5px;
	margin-right: 10px;
	}

optgroup {
	font-weight: bold;
	font-style: italic;
	margin: 0;
	margin-top: 5px;
	}

optgroup option {
	padding-left: 5px;
}

legend {
	font-weight: bold;
	color: black;
	}


/* @end Forms */

/* @end Base Styling */

/* @group Common Classes */

.clear {
	clear: both;
	}

.clearOnly {
	clear: both;
	height: 0px;
	margin: 0;
	padding: 0;
	overflow: hidden;
	line-height: 0;
	}

.outOfSight {
	position: absolute;
	top: 0;
	left: -4000px;
	}

.csc-firstHeader {
	margin-top: 0px;
	}

.graphicTextWrap {
	overflow: hidden;
	}

.graphicText {
	line-height:300px;
	display: block;
	}

/* @end Common Classes */

/* @group Layout */

#pageWrap {
	border:#badddb 1px solid;
	background:#fff url(images/bgpage.gif) repeat-y top left;
	width: 980px;
	padding: 0;
	margin-left: auto;
	margin-right: auto;
	margin-top:0;
	margin-bottom:0;
	}

#feature {
	margin-bottom: 20px;
	}

#generatedContent-1 {
	background-color:#e6e6e6;
	width: 230px;
	float: left;
	margin-right: 20px;
	padding:15px;
	}

#generatedContent-2 {
	width: 230px;
	float: right;
	}
	
#f1d #contentBlock-1 {
	float: right;
	width: 680px;
	padding-right:20px;
	padding-bottom:20px;
	}

#f1e #contentBlock-1 {
	float: left;
	width: 700px;
	}

#f1f #contentBlock-1 {
	float: left;
	width: 480px;
	}

#f2a #contentBlock-1 {
	float: left;
	width: 700px;
	}

#f2a #contentBlock-2 {
	width: 230px;
	float: right;
	}

#f2b #contentBlock-1 {
	float: left;
	width: 700px;
	}

#f2b #contentBlock-2 {
	width: 230px;
	float: right;
	}

#f2c #contentBlock-1 {
	float: left;
	width: 700px;
	}

#f2c #contentBlock-2 {
	width: 230px;
	float: right;
	}


#f2d #contentBlock-1 {
	float: left;
	width: 480px;
	}

#f2d #contentBlock-2 {
	width: 230px;
	float: right;
	}

#f2e #contentBlock-1 {
	float: left;
	width: 480px;
	margin-right: 20px;
	}

#f2e #contentBlock-2 {
	width: 230px;
	float: left;
	}

#f3a #contentBlock-1,
#f3b #contentBlock-1 {
	float: left;
	width: 480px;
	margin-right: 20px;
	}

#f3a #contentBlock-2,
#f3b #contentBlock-2 {
	width: 230px;
	float: left;
	}

#f3a #contentBlock-3,
#f3b #contentBlock-3,
#f3c #contentBlock-3,
#f3d #contentBlock-3 {
	width: 230px;
	float: right;
	}

#f3c #contentBlock-1,
#f3d #contentBlock-1 {
	float: left;
	width: 480px;
	}

#f3c #contentBlock-2,
#f3d #contentBlock-2 {
	width: 230px;
	float: left;
	margin-right: 20px;
	}

/* @end Layout */

/* @group Header */

#header {
	margin:0;
	background: url(images/header-bg-left.png) no-repeat left top;
	height:99px;
	}

#masthead {
	float: left;
	margin: 0 0 0 325px;
	padding: 0;
	height: 75px;
	width: 325px;
	overflow: hidden;
	background: url(images/tic-logo.png) no-repeat;
	}

#masthead a {
	display: block;
	padding-top: 100px;
	}

#busyNogginID {
	float: right;
	width: 75px;
	height: 38px;
	overflow: hidden;
	background: url(images/bn_top_logo.gif) no-repeat;
	}

#busyNogginID a {
	display: block;
	padding-top: 100px;
	}

/* @group Global Menu */

#globalMenu {
	clear: both;
	margin-left: 0px;
	padding-top: 10px;
	font-size: 16px;
	}


#globalMenu li {
	display:block;
	float:left;
	list-style-type:none;
	margin:0 6px;
	padding:2px 0 8px 8px;
}

#globalMenu li a {
	height:19px;
	font-size:16px;
	color:#000;
	padding:2px 8px 8px 0;
}

#globalMenu li a {
	outline:none;
	text-decoration:none;
}

#globalMenu li a:hover {
	color:#174694;
	text-decoration:none;
}

#globalMenu li.active {
	background-image: url(images/globalMenu_selected.gif);
	background-repeat:no-repeat;
	background-position:top left;
}

#globalMenu li.active a {
	color: #fff;
	background-image: url(images/globalMenu_selected.gif);
	background-repeat:no-repeat;
	background-position:top right;
}


#globalMenu ul {
	position: absolute;
	height: 20px; 
	top: 20px;
	left: 0px;
	margin: 0px;
	background-color: #999;
	width: 940px;
	font-size: 11px;
	padding-left: 10px;
}

/* @end Global Menu */


/* Menu auxiliar*/
#auxilMenu {
	float:right;
	margin-top:70px;	
	}
	
#idiomes {
	}

/* @end Header */

/* @group Footer */

#footer {
	background:#e3e3e3 url('images/bgfooter.gif') repeat-x top left;
	border-top:#a2a2a2 1px solid;
	height:94px;
	padding-top:5px;
}

#footerCopyright {
	width:400px;
	float: left;
	color: #666666;
	font-size:0.75em;
	padding:20px 5px 5px 20px;
	text-align:center;
}

a#footerHomeLink {
	display: block;
	float: right;
	color: #999999;
	}

a#footerHomeLink:hover {
	color: black;
	}

/* @end Footer*/

/* @group Local Menu */

#localMenu {
	margin-left:0;
	padding-top:0;
	padding-bottom:5px;
	list-style-type:none;
	font-size:16px;
}

#localMenu a {
	display:block;
	font-size:13px;
}

#localMenu li {
	list-style-image:none;
	background:url(images/separador.gif) repeat-x left bottom;
	padding:5px 0;
	line-height:20px;
}

#localMenu li a {
	background:url(images/bullet.png) no-repeat left 2px;
	color:#0D8080;
	cursor:pointer;
	padding:2px 0 2px 25px;
	font-weight:bold;
}

#localMenu li.last a {
	background:url(images/cerca.png) no-repeat left 2px;
	color:#0d8080;
	cursor:pointer;
	padding:2px 0 2px 25px;
	font-weight:bold;
}

#localMenu li a:hover {
	text-decoration:none;
	color:#e24815;
}

#localMenu li.current a,#localMenu li.active a {
	background:url(images/bullet_act.png) no-repeat left 2px;
	color:#e24815;
	font-weight:bold;
}

#localMenu li ul {
	list-style-type:none;
	margin:5px 0 0;
	padding:0;
}

#localMenu li ul li {
	background:url(images/separador.gif) repeat-x left 2px;
	padding:5px 0;
}

#localMenu li ul li a {
	background:url(images/bullet2.png) no-repeat 25px 5px;
	padding-left:40px;
	color:#0D8080;
}

#localMenu li ul li.last a {
	background:url(images/bullet2.png) no-repeat 25px 5px;
	padding-left:40px;
	color:#0D8080;
}

#localMenu li.active ul li a,#localMenu li.current ul li a {
	background:url(images/bullet2.png) no-repeat 25px 5px;
	color:#0D8080;
}

#localMenu li.active ul li.current a,#localMenu li.active ul li.active a,#localMenu li.current ul li.current a,#localMenu li.current ul li.active a {
	background:url(images/bullet2_act.png) no-repeat 25px 5px;
	color:#E24815;
}

#localMenu li.active ul li a:hover,#localMenu li.current ul li a:hover {
	background:url(images/bullet2_act.png) no-repeat 25px 5px;
	text-decoration:none;
	color:#E24815;
}
	
/* @end Local Menu */






/* @group Module Styling */

.moduleHeader {
	margin: 0;
	padding: 0 15px 0 0;
	color: #333;
	background: url(images/right_module_cap.png) no-repeat right top;
	font-size:1em;
	font-weight:400;
	}

.moduleHeader .moduleHeaderInnerWrap {
	display: block;
	padding: 2px 0 2px 20px;
	background: url(images/left_module_cap.png) no-repeat left top;
	}

.moduleHeader .moduleHeaderInnerWrap span {
	font-size:1em;
	}

.moduleFooter {
	height: 10px;
	margin: 0;
	padding-right: 15px;
	background: url(images/right_module_cap.png) no-repeat right bottom;
	font-size: 1px;
	overflow: hidden;
	}

.moduleFooter span {
	display: block;
	height: 15px;
	background: url(images/left_module_cap.png) no-repeat left bottom;
	}

.moduleBody {
	padding: 5px 20px;
	background: #fff url(images/content_module_cap.png) repeat-x left top;
	min-height: 30px;
	color:#333;
	}

.moduleBody p {
	font-size:15px;
	text-align:justify;
	line-height:1.4em;
	color:#333;
	}
.moduleBody a {
	color: #3399FF;
	}

.moduleBody a:hover {
	color: #66CCFF;
	}
	
.moduleBodyWrap {
	}

.unframed .moduleBody,
.unframed .moduleBodyWrap {
	padding: 0;
	border: 0;
	}


.moduleBodyBleed {
	padding: 0;
	}

.columnGroup {
	margin-bottom: 10px;
	}

.columnGroupRule {
	border-bottom: 1px solid #7f7f7f;
	}

.moduleGroup {
	margin-bottom: 30px;
	}

.moduleFeature {
	margin-bottom: 15px;
	}

/* @end Module Styling */



/* @group Forms */

.csc-mailform-field label,
.csc-mailform-field label {
	display: block;
	}

/* @end */

/* Butons styles*/
.clear{
	overflow:hidden;width:100%;
	}
	
a.button{ 
	width:130px; 
	background:transparent url(images/bg_button_a.png) no-repeat scroll top right;
	color:#7d7d7d !important;
	display:block;
	float:left;
	font:bold 12px arial, sans-serif;
	height:30px;
	margin-right:6px;
	padding-right:25px;
	text-decoration:none !important;
	}
	
a.button span{
	text-align:center; 
	background:transparent url(images/bg_button_span.png) no-repeat;
	display:block;
	line-height:20px;
	padding:5px 0 5px 18px;
	}
	
a.button:hover {
	background-position:bottom right;
	color:#fff;
	outline:none;
	background:
	}
	
a.button:hover span {
	background-position:bottom left;
	padding:6px 0 4px 18px;
	}
	
a.mesinfo{ 
	width:120px; 
	background:transparent url(images/bg_mesinfo_a.png) no-repeat scroll top right;
	color:#7d7d7d !important;
	display:block;
	float:left;
	font:bold 12px arial, sans-serif;
	height:30px;
	margin-right:6px;
	padding-right:25px;
	text-decoration:none !important;
	}
	
a.mesinfo span{
	text-align:center; 
	background:transparent url(images/bg_mesinfo_span.png) no-repeat;
	display:block;
	line-height:20px;
	padding:5px 0 5px 18px;
	}
	
a.mesinfo:hover{
	background-position:bottom right;
	color:#7d7d7d;
	outline:none;
	}
	
a.mesinfo:hover span{
	background-position:bottom left;
	padding:6px 0 4px 18px;
	}

	
a.button2{ 
	width:95px; 
	background:transparent url(images/bg_button2_a.png) no-repeat scroll top right;
	color:#785d13 !important;
	display:block;
	float:left;
	font:bold 12px arial, sans-serif;
	height:30px;
	margin-right:6px;
	padding-right:23px;
	text-decoration:none !important;
	}
	
a.button2 span{
	text-align:center; 
	background:transparent url(images/bg_button2_span.png) no-repeat;
	display:block;
	line-height:20px;
	padding:5px 0 5px 18px;
	}
	
a.button2:hover {
	background-position:bottom right;
	color:#fff;
	outline:none;
	background:
	}
	
a.button2:hover span{
	background-position:bottom left;
	padding:6px 0 4px 18px;
	}
	

#felogin legend {
	display:none;
	}
	
#macina_baners .banner {
	padding:10px 0;
	}

#rootline {
	padding:30px 0 10px 0;
}

#rootline li {
	display:inline; 
	margin-right:5px;
	color:#7a7a7a;
	font-size:0.95em; 
}
	
#rootline li a {
	color:#7a7a7a;
	font-size:0.95em; 
}
	
#rootline li.current a {
	font-weight:bold; 
}


/* Special cal styles */

#month_smallcal {
	margin-top:30px;
	background: url(images/boxtop.png) no-repeat top left;
}

#month_smallcal .sideback {
	background-image:none;
}

#month_smallcal .titcal {
	color:#9e9e9e;
	margin-left:35px;
}

#month_smallcal .month-small th a{
	color:#3f3f3f;
	font-weight:bold;
}

#month_smallcal .month_smallcal_wrap {
	background: url(images/boxbottom.png) no-repeat bottom left;
	padding:20px 20px 10px 20px;
}

#month_smallcal table.month-small  {
	border:none
}

#month_smallcal .month-weekdays {
	background-color:#fff;
	font-weight:bold;
	border-top:1px solid #9e9e9e;
	border-bottom:none;
	color:#000;
}

#month_smallcal .monthSelected, #month_smallcal .monthSelectedWeek {
background-color:#eee;
}

#month_smallcal .monthToday {
	background:#eee url(images/day.png) no-repeat center center !important; 
	border:none !important;
}

#month_smallcal .month-small th, #month_smallcal .month-small td {
	text-align:center;
}

.tx-cal-controller .bold a {
	color:#D78012;
}

.cal_llistat {
	padding-bottom:10px;
}

.cal_titular a {
	font-size:14px;
	margin-bottom:5px;
	color:#D78012;
	font-weight:bold;
}

.cal_date {
	padding:5px 0;
	font-weight:bold;
}

.cal_descripcio {
	padding:5px 0;
	border-bottom:#d8d8d8 1px solid;
}

/* Classes per la static template de user_t3ticcat_pi2 */

#user_t3ticcat_pi2 {
	padding-bottom:50px;
}

#user_t3ticcat_pi2 h3  {
	margin-bottom:10px;
	margin-top:5px;
}

#user_t3ticcat_pi2 a.t3ticcat_nomlink {
    display:block;
    margin-bottom:5px;
    margin-top:5px;
    color:#D78012;
    font-size:18px;
    font-weight:bold;
    line-height:1.1em;
}

#user_t3ticcat_pi2 .t3ticcat_propereshook {
	padding-left:40px;
	padding-top:15px;
	background:#fff url(images/fletxa.png) no-repeat top left;
}

#user_t3ticcat_pi2 .t3ticcat_jornadahook {
	padding-bottom:10px;
}

#user_t3ticcat_pi2 .t3ticcat_tipus {
	padding-top:10px;
	display:block;
	}
	
#user_t3ticcat_pi2 .t3ticcat_numhook {
	background:#ffffff url(images/bulletnum.png) no-repeat top left;
	text-align:center;
	font-weight:bold;
	color:#fff;
	padding:3px 7px;
	float:left;
}

#user_t3ticcat_pi2 .grhook {
	display:block;
	margin-left:35px;
}

#user_t3ticcat_pi2 .t3ticcat_nomhook a {
	font-size:1.2em;
	color:#D78012;
}

#user_t3ticcat_pi2 .t3ticcat_datahook {
	font-weight:normal;
	padding:0;	
}

#user_t3ticcat_pi2 .t3ticcat_poblaciohook {
	padding:0;
}

#user_t3ticcat_pi2 .t3ticcat_titjornada {
	font-size:1em;
	color:#D78012;
}

#user_t3ticcat_pi2 .t3ticcat_jornada {
	padding-bottom:10px;
	border-bottom:#d8d8d8 1px solid;
}

#user_t3ticcat_pi2 .t3ticcat_data {
	font-weight:bold;
	color:black;
	padding-right:10px;	
}

#user_t3ticcat_pi2 .t3ticcat_poblacio {
	padding-right:10px;
}

#user_t3ticcat_pi2 .t3ticcat_cercador .fm {
	height:30px;
}

#user_t3ticcat_pi2 .t3ticcat_cercador label {
	float:left;
	padding:0 1em 0 0;
	text-align:left;
	width:130px;
	font-weight:normal;
}

#user_t3ticcat_pi2 .t3ticcat_cercador input, #user_t3ticcat_pi2 .t3ticcat_cercador select{
	width:275px;
}

#user_t3ticcat_pi2 h3.t3ticcat_nomllistat  {
	font-size:14px;
	margin-bottom:5px;
}

#user_t3ticcat_pi3 .t3ticcat_jornadainfo {
	float:right;
	margin-left:10px;
	width:240px;
	background: url(images/boxtop2.png) no-repeat top left;
}

#user_t3ticcat_pi3 .t3ticcat_jornadainfo_wrap {
	background: url(images/boxbottom2.png) no-repeat bottom left;
}

#user_t3ticcat_pi3 .t3ticcat_jornadainfo_inner {
	padding:30px 30px 10px 40px;
}

#user_t3ticcat_pi3 .t3ticcat_jornadadescripcio {
	margin-right:250px;
}

#user_t3ticcat_pi3 .t3ticcat_jornadaprograma td{
	border-bottom:#9c9c9c 1px solid;
	padding:5px;
	vertical-align:top;
}

#user_t3ticcat_pi3 .mapa{
	padding:2px 5px 10px 25px;
	background:#fff url(images/icomapa.gif) no-repeat top left;
	line-height:20px;
	font-weight:bold;
}