/* @group Core Elements */

html {
	height: 100%;
	margin-bottom: 1px;
}

body {
	margin: 0;
	padding: 0;
	color: #333;
	background: url(../images/bg.png);
	line-height: 135%;
}

#header .wrapper {
	position: relative;
	overflow: hidden;
	
}

/* Font family information */

body#ff-catalyst, #ff-catalyst td, #ff-catalyst .rok-content-rotator h2 {
	font-family:  Geneva, Tahoma, "Nimbus Sans L", sans-serif;
}

body#ff-catalyst h1, body#ff-catalyst h2, body#ff-catalyst h3, body#ff-catalyst h4,
body#ff-catalyst .contentheading, body#ff-catalyst .rotator-title,
body#ff-catalyst.componentheading  {
	font-family: Optima, Lucida, 'MgOpen Cosmetica', 'Lucida Sans Unicode', sans-serif;
}

body#ff-optima, #ff-optima td {
	font-family: Optima, Lucida, 'MgOpen Cosmetica', 'Lucida Sans Unicode', sans-serif;
}

body#ff-geneva, #ff-geneva td {
	font-family:  Geneva, Tahoma, "Nimbus Sans L", sans-serif;
}

body#ff-helvetica, #ff-helvetica td {
	font-family: Helvetica, Arial, FreeSans, sans-serif;
}

body#ff-lucida, #ff-lucida td {
	font-family: "Lucida Sans Unicode", "Lucida Grande", "Lucida Sans", Lucida, sans-serif;
}

body#ff-georgia, #ff-georgia td {
	font-family: Georgia, sans-serif;
}

body#ff-trebuchet, #ff-trebuchet td {
	font-family: "Trebuchet MS", sans-serif;
}

body#ff-palatino, #ff-palatino td {
	font-family: "Palatino Linotype", "Book Antiqua", Palatino, "Times New Roman", Times, serif;
}

/* end font family information */

form {
	margin: 0;
	padding: 0;
}

body.f-smaller,
body#ff-optima.f-smaller,
body#ff-georgia.f-smaller {
	font-size: 10px;
}

body,
body.f-default {
	font-size: 11px;
}

body#ff-optima,
body#ff-optima.f-default {
	font-size: 12px;
}

body#ff-georgia,
body#ff-georgia.f-default {
	font-size: 13px;
}

body.f-larger,
body#ff-optima.f-larger,
body#ff-georgia.f-larger {
	font-size: 14px;
}

p {
  /* setup some more readable paragraph spacing */
  margin-top: 10px;
  margin-bottom: 15px;
}

h1, h2, h4 {
	/* setup some more readable header spacing */
	padding-bottom: 5px;
	margin: 25px 0 10px 0;
	font-weight: normal;
	line-height: 120%;
}

h1 { 
	font-size: 200%;
	line-height: 100%;
}

h2 {
	font-size: 175%;
	line-height: 100%;
}

h3 {
	font-size: 120%;
	padding-bottom: 5px;
	margin: 0px 0 5px 0;
	font-weight: normal;
	line-height: 120%;
}

h4 {
	font-size: 120%;
}

a {
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

/* @end */

/* @group Joomla Elements */

.small,
.modifydate,
.createdate,
div.mosimage_caption {
	font-size: 95%;
}

.componentheading {
	font-size: 170%;
	line-height: 100%;
	padding: 0;
	margin: 25px 0 20px 0;
}

.contentheading {
	font-size: 190%;
	font-weight: normal;
	line-height: 110%;
	padding-bottom: 8px;
	margin: 15px 0 0 0;
}

td.buttonheading,
.contentpaneopen td.buttonheading {
	padding: 0px 3px 0;
}

td.column_separator {
	padding-left: 15px;
}

td.componentheading {
	padding-bottom: 15px;
}

.sectiontableheader {
  	font-weight: bold;
  	padding: 4px;
  	line-height: 20px;
}

tr.sectiontableentry1 td,
tr.sectiontableentry2 td,
td.sectiontableentry1,
td.sectiontableentry2 {
  	text-align: left;
  	padding: 2px 0 0px 5px;
  	border-bottom: 1px solid #f1f1f1;
}

tr.sectiontableentry2 td,
td.sectiontableentry2 {
 	height: 27px;
}

tr.sectiontableentry1 td,
td.sectiontableentry1 {
	height: 27px;
	background: #f7f7f7;
}

.contentpane,
.contentpaneopen {
	width: 100%;
	/*background: url(../images/mod_bg.png) 0 0;
	border: 2px solid #CCCCCC;*/
}

/* @end */

/* @group Structure */
#menues_top {
	width: 772px;
	height: 40px;
	background: url(../images/bg2.png) 0 0;
		
}
#topmod {
	padding: 0px 0;
	
	/*margin: -49px 0 0; /*  - height + padding-top ==> -69px + 20px = -49px */
	overflow: hidden;

		
}
#topmod-menu {
	height: 32px;
	overflow: hidden;
	color: #fff;
	width:330px;
	/*background: url(../images/bg2.png) 0 0;
	/*float:right;*/
	border-bottom:1px dotted #000;
	float:left;
}

#topmod-menu a {
	 line-height: 32px;
	 height: 32px;
	 margin-left: 15px;
	 padding-left: 15px;
	 
	 margin-top: 6px;
	 display: block;
	 float: right;
	 font-size: 90%;
	 text-indent: 0;
	 background: url(../images/bottom-menu-div.png) 0% 50% no-repeat;
	 color:#660000;
}

#topmod-menu a:hover{
	color: #fff;
}
#topmod2 {
	padding: 0px 0 0 15px;
	/*background: url(../images/bg2.png) 0 0;*/
	/*margin: -49px 0 0; /*  - height + padding-top ==> -69px + 20px = -49px */
	overflow: hidden;

	
}
#topmod2-menu {
	
	height: 40px;
	/* height: 32px;*/
	overflow: hidden;
	color: #fff;
	width:407px;
	background: url(../images/bottom-menu-div2.png) 100% 50% repeat-x;
	float:left;
	border-bottom:1px dotted #000;

}

#topmod2-menu a {
	 line-height: 32px;
	 height: 32px;
	 margin-right: 15px;
	 padding-right: 15px;
	 padding-left: 3px;
	 margin-top: 6px;
	 display: block;
	 float: left;
	 font-size: 90%;
	 text-indent: 0;
	 background: url(../images/bottom-menu-div.png) 100% 50% no-repeat;
	 color:#660000;
}

#topmod2-menu a:hover{
	color: #fff;
}
#logo {
	width: 772px;
	height: 197px;
	/* height: 206px; */


	
	
}

#header {
	height: 80px;
	background: url(../images/header-bg.png) 0 0 repeat-x;
}

#top-tab {
	width: 193px;
	height: 30px;
	float: right;
	margin-right: 78px;
	text-align: center;
	cursor: pointer;
}

#searchmod {
	position: absolute;
	margin-top: 40px;
	margin-left: 710px;
}

span.tab-text {
	padding-left: 12px;
}

#showcase2 {
	height: 200px;
}

#showcase-promo {
	height: 200px;
}

#showcase-promo img#promo {
	position: absolute;
	bottom: -29px;
	left: 40px;
	width: 877px;
	height: 207px;
}

#featured-mod,
#featured-mod2 {
	height: 136px;
	overflow: hidden;
	
}

#featured-shadow {
	height: 136px;
	
	/*background: url(../images/featured-shadow.png) 50% 0 no-repeat;*/
	overflow: hidden;
}


#featuredmodules {
	padding: 0 5px 0 25px;
	color: #fff;
	
}

#showcase,
#featured-mod,
#page-bg,
#showcase .wrapper,
#featured-mod .wrapper,
#page-bg .wrapper {
	position: relative;
	
}

#showcase {
	z-index: 1;
}

#featured-mod, #page-bg {
	z-index: 0;
}

#main-shadow {
	position: absolute;
	left: -20px;
	width: 20px;
	height: 100%;
	background: url(../images/page-shadow-l.png) 0 0 repeat-y;
}

#main-shadow2 {
	position: absolute;
	right: -20px;
	width: 20px;
	height: 100%;
	background: url(../images/page-shadow-r.png) 100% 0 repeat-y;
}

#main-content {
	background: #fff url(../images/bg2.png) 0 0;
}

table.mainbody,
table.blog {
	width: 100%;
}

td.leftcol {
	/*background: url(../images/column-shadow-l.png) 100% 50px no-repeat;*/
}

td.rightcol {
	/*background: url(../images/column-shadow-r.png) 0 50px no-repeat;*/

}

td.maincol .padding {
	padding: 12px 0px 0px 2px;
}

td.rightcol .padding,
td.leftcol .padding {
	padding: 0px 0px 0px 0px;
	
}

#inset {
	margin-bottom: 30px;
}

#page-bg {
	background: #fff url(../images/bg.png);
}

#page-bg-bottom {
	height: 31px;
	width: 772px;
	background: url(../images/bg2.png) 0 0 repeat-x;
	overflow: hidden;
	
}

#bottom-tab {
	height: 31px;
	width: 149px;
	margin-left: 50px;
	padding-top: 15px;
	text-align: center;
	cursor: pointer;
}

span.bottom-tab-text {
	padding-left: 12px;
}

span.tab-text, span.bottom-tab-text {
	color: #fff;
}

span.tab-text-up, span.bottom-tab-text-up {
	background: url(../images/tab-arrow-up.png) 0 50% no-repeat;
}

span.tab-text-down, span.bottom-tab-text-down  {
	background: url(../images/tab-arrow-dn.png) 0 50% no-repeat;
}

#bottom {
	overflow: hidden;
	padding: 20px 0 10px 0;
	background: url(../images/bg2.png);
	
}

#footer {
	
}

#footer2 {
	width: 333px;
	height: 121px;
	float: right;
	
}

img#rocket {
	width: 143px;
	height: 22px;
	margin-top: 35px;
	background: url(../images/rocket.png) 0 0 no-repeat;
}

.spacer .block {
	float: left;
}

.spacer.w99 .block {
	width: 100%;
}

.spacer.w49 .block {
	width: 50%;
}

.spacer.w33 .block {
	width: 33.3%;
}

.spacer.w24 .block {
	width: 25%;
}

/* @end */

/* @group Modules */

#featuredmodules {
	padding-top: 2px;
}

#featuredmodules .module div div div {
	padding: 0px;
	
}

#showcasemodules .module,
#bottommodules .module,
#featuredmodules .module,
td.maincol .module-hilite1,
td.maincol .module-hilite2,
td.maincol .module-hilite3,
td.maincol .module-hilite4 {
	margin-right: 10px;
	padding-right: 10px;
	margin-bottom: 30px;
	overflow: hidden;
	color:#333333;
}
#mainmodules .module {
	margin-right: 10px;
	padding-right: 10px;
	margin-bottom: 30px;
	overflow: hidden;

}
td.leftcol .module-hilite1,
td.rightcol .module-hilite1,
td.leftcol .module-hilite2,
td.rightcol .module-hilite2,
td.leftcol .module-hilite3,
td.rightcol .module-hilite3,
td.leftcol .module-hilite4,
td.rightcol .module-hilite4 {
	
	margin-bottom: 30px;
	overflow: hidden;
}

td.leftcol .module h3,
td.rightcol .module h3,
td.leftcol .module-menu h3,
td.rightcol .module-menu h3 {
	
	color: #333;
	background: url(../images/moduletitle.png) 0 0 no-repeat;
	padding-left: 5px;
	height:29px;
	line-height:29px;
	font-size:11px;
	font-weight:bold;
	padding-top: -25px;
	
}

td.leftcol .module,
td.rightcol .module{
	margin-bottom: 10px;
	margin-top:10px;
	overflow: hidden;
	width: 181px;
	background: url(../images/column_bg.png) 0 0 repeat-y;
	border-bottom: 2px solid #cccccc;

}

#main-content .module-hilite1 h3,
#main-content .module-hilite2 h3,
#main-content .module-hilite3 h3,
#main-content .module-hilite4 h3 {
	padding-left: 28px;
	padding-top: 5px;
}

#bottom .module h3 {
	padding-left: 20px;
}

.module-note h3 {
	font-style: italic;
	color: #65613E;
}

.module-note {
	font-style: italic;
	width: 215px;
	margin-bottom: 20px;
	background: url(../images/note-bg.png) 0 0 repeat-y;
	color: #65613E;
}

.module-note div {
	background: url(../images/note-bg-top.png) 0 0 no-repeat;
}

.module-note div div {
	background: url(../images/note-bg-bottom.png) 0 100% no-repeat;
}

.module-note div div div {
	padding: 30px 20px 20px 20px;
}

#mainmodules,
#featuredmodules {
	overflow: hidden;
}
#mainmodules {
	display: block;

	padding: 8px 20px 8px 36px;
	margin: 15px 0;	
	color: #333;
	border: 1px solid #13120F;
	background-color:#898272;
}
#mainmodules a{
 color:#333;
}
#mainmodules h3 {
	border-bottom: 3px solid #666666;

	color:#333333;

}
#bottom-menu {
	height: 32px;
	overflow: hidden;
	color: #fff;

}

#bottom-menu a {
	 line-height: 32px;
	 height: 32px;
	 margin-right: 15px;
	 padding-right: 15px;
	 padding-left: 0;
	 margin-top: 6px;
	 display: block;
	 float: left;
	 font-size: 100%;
	 text-indent: 0;
	 background: url(../images/bottom-menu-div.png) 100% 50% no-repeat;
	 color: #fff;
}

#bottom-menu a:hover a:active a:visited{
	color: #fff;
}

/* @end */

/* @group Horizontal Menu */

#horiz-menu {
	height: 42px;
	width: 772px;
	

}

#horiz-menu ul {
	list-style: none;
	margin: 0;
	padding: 0;
	float: right;
	text-align:left;
	
}

#horiz-menu li {
	display: block;
	float: left;
	margin: 0;
	padding: 0;
}

#horiz-menu a,
#horiz-menu li.active a {
	white-space: nowrap;
	display: block;
	float: left;
	height: 28x;
	line-height: 28px;
	padding: 0 17px;
	font-weight: normal;
	font-size: 100%;
	overflow: hidden;
	text-decoration: none;
}

#horiz-menu ul ul li a,
#horiz-menu ul li.active.parent ul a {
	padding-left: 5px;
}

#horiz-menu ul ul li a:hover,
#horiz-menu ul li.active.parent ul a:hover {
	padding-left: 5px;
	background: url(../images/dropdown-arrow-over.png) 10px 50% no-repeat;
	color: #fff;
}

/* mouseovers */

#horiz-menu li li a:hover {
	background: none;
}

#horiz-menu li li.active,
#horiz-menu li.active li a,
#horiz-menu li.active li a:hover {
	background: none;
}

#horiz-menu li li a {
	font-size: 100%;
	font-weight: normal;
	background: none;
}

/* @end */

/* @group Mainmenu */

a.mainlevel {
	display: block;
	line-height: 34px;
	text-indent: 26px;
	height: 32px;
	overflow: hidden;
	font-size: 120%;
}

a#active_menu.mainlevel {
	background-position: 0 -64px;
	padding-left: 12px;
}

a.mainlevel:hover {
	background-position: 0 -32px;
}

a.sublevel {
	text-decoration: none;
	line-height: 25px;
	padding-left: 10px;
	font-size: 120%;
	line-height: 34px;
}

a.mainlevel:hover,
a.sublevel:hover {
	text-decoration: none;
}

/* @end */

/* @group Sub Menu */

ul.menu {
	margin: 0 0 15px 0;
	padding: 0;
}

ul.menu li {
	list-style: none;
	margin: 0;
	padding: 0;
}

ul.menu span {
	display: block;
	height: 32px;
}

ul.menu a {
	display: block;
	line-height: 34px;
	text-indent: 15px;
	height: 32px;
	font-size: 120%;
}

ul.menu ul {
	margin: 4px 0;
}

ul.menu ul li a {
	text-indent: 10px;
}

ul.menu ul a {
	background: none;
	text-indent: 0;
}

ul.menu ul {
	margin-left: 10px;
	padding: 0;
}

ul.menu ul ul {
	padding: 0;
	margin-left: 20px;
}

ul.menu li li {
	padding: 0;
	margin: 0;
}

ul.menu ul a {
	text-indent: 0;
}

ul.menu li a {
	padding-left: 10px;
}

ul.menu li.active li a,
ul.menu li.active li a:hover {
	background: none;
}

ul.menu li.active a,
ul.menu li.active a:hover {
	background-position: 0 -64px;
	text-decoration: none;
	padding-left: 22px;
	line-height: 36px;
}

ul.menu li a:hover {
	background-position: 0 -32px;
	text-decoration: none;
}

/* @end */

/* @group Content Styles */

/* @group Readon */

a.readon {
	color:#333333;
	margin-top: 20px;
	font-weight: normal;
	font-size: 100%;
	display: block;
	text-indent: 10px;
	line-height: 110%;
	/*background: url(../images/path-arrow.png) 0 0 no-repeat;*/
	
}

#tabmodules a.readon {
	background: none;
	text-indent: 0;
}

#bottom a,
#bottom a.readon
#topmod a {
	color: #ddd;
}

#featured-mod a {
	color: #666;
}

/* @end */

/* @group Pathway */

span.pathway {
	display: block;
	line-height: 220%;
	font-weight: normal;
	height: 22px;
	line-height: 22px;
	overflow: hidden;
	margin-bottom: 15px;
}

span.pathway img {
	float: none;
	vertical-align: top;
	width: 6px;
	height: 22px;
	padding-right: 10px;
	background: url(../images/path-arrow.png) 0 50% no-repeat;
}

span.pathway a {
	float: none;
	padding: 0 12px 0 0;
}

/* @end */

/* @group Typography */

ul.bullet-1,
ul.bullet-2,
ul.bullet-3,
ul.bullet-4,
ul.bullet-5 {
	padding-left: 15px;
	margin-left: 0;
}

ul.bullet-1 li, 
ul.bullet-2 li,
ul.bullet-3 li,
ul.bullet-4 li,
ul.bullet-5 li {
	list-style: none;
	margin-left: 0;
	padding-bottom: 3px;
	margin-bottom: 5px;
	padding-left: 14px;
}

pre {
	padding: 10px;
	background: #f7f7f7;
	border-top: 1px solid #ddd;
	border-right: 5px solid #ddd;
	border-left: 5px solid #ddd;
	border-bottom: 1px solid #ddd;
}

blockquote {
	display: block;
	font-style: italic;
	font-size: 120%;
	line-height: 150%;
	width: auto;
	padding: 10px 20px 10px 20px;
	margin: 15px 0;
	background: #f7f7f7;
	border-top: 1px solid #ddd;
	border-right: 5px solid #ddd;
	border-left: 5px solid #ddd;
	border-bottom: 1px solid #ddd;
}

blockquote.color1,
blockquote.color2,
blockquote.color3 {
	display: block;
	font-style: italic;
	font-size: 120%;
	line-height: 150%;
	width: auto;
	padding: 0px 20px;
	margin: 15px 0;
	border: 0;
	background: 0;
}

blockquote.color1 {
	color: #666;
}

blockquote.quotes {
	display: block;
	background: url(../images/typo/quote-start.png) 0 5px no-repeat;
	padding: 0px 20px 0 38px;
	margin: 20px 0;
	font-size: 120%;
	line-height: 150%;
	width: auto;
	color: #666;
	border: 0;
}

blockquote.quotes p {
	padding: 0 38px 0 0;
	margin-top: 0;
	background: url(../images/typo/quote-end.png) 100% 100% no-repeat;
}

.important {
	border: 1px solid #999;
}

.important,
.important2,
.important3,
.important4 {
	padding: 15px;
	margin: 15px 0;
}

span.important-title,
span.important-title2,
span.important-title3,
span.important-title4 {
	display: block;
	float: left;
	margin-top: -24px;
	background: #fff;
	padding: 0 8px;
	font-weight: bold;
	font-size: 120%;
}

.important4 {
	border: 1px solid #000;
}

span.important-title,
span.number {
	color: #666;
}

span.important-title4 {
	color: #000;
}

span.number,
span.number-color,
span.number-color2 {
	display: block;
	font-size: 170%;
	float: left;
	margin: 2px 10px 0 15px;
}

span.highlight {
	background: #FFFBD5;
}

span.highlight,
span.highlight-color,
span.highlight-color2 {
	padding: 1px 2px;
}

span.highlight-bold {
	font-weight: bold;
	font-size: 120%;
}

span.dropcap,
span.dropcap-color,
span.dropcap-color2 {
	display: block;
	font-size: 260%;
	float: left;
	margin: 0px 4px 0 0;
	line-height: 100%;
}

span.inset-left {
	display: block;
	color: #000;
	padding: 15px;
	float: left;
	width: 20%;
	font-size: 110%;
	font-weight: bold;
	font-style: italic;
}

span.inset-right {
	display: block;
	color: #000;
	padding: 15px;
	float: right;
	width: 20%;
	font-size: 110%;
	font-weight: bold;
	font-style: italic;
}

/* @end */

/* @group Notice Styles */

span.attention,
span.notice,
span.alert,
span.download,
span.approved,
span.media,
span.note,
span.cart,
span.camera,
span.doc,
span.texto1,
span.texto2,
span.texto3 {
	display: block;
	padding: 8px 10px 8px 36px;
	margin: 15px 0;	
}

span.attention {
	color: #B79000;
	border: 1px solid #E7BD72;
	background: #FFF3A3 url(../images/typo/attention.png) 10px 50% no-repeat;
}

span.notice {
	color: #648434;
	border: 1px solid #9BCC54;
	background: #CDEFA6 url(../images/typo/notice.png) 10px 50% no-repeat;
}

span.alert {
	color: #CF3738;
	border: 1px solid #FFACAD;
	background: #FFD5D5 url(../images/typo/alert.png) 10px 50% no-repeat;
}

span.download {
	color: #1C6B8B;
	border: 1px solid #6ABCE2;
	background: #A8CDE3 url(../images/typo/download.png) 10px 50% no-repeat;
}

span.approved {
	color: #666;
	border: 1px solid #a8a8a8;
	background: #ccc url(../images/typo/approved.png) 10px 50% no-repeat;
}

span.media {
	color: #C76E34;
	border: 1px solid #FFBB65;
	background: #FFE0B6 url(../images/typo/media.png) 10px 50% no-repeat;
}

span.note {
	color: #B79000;
	border: 1px solid #E7BD72;
	background: #FFF3A3 url(../images/typo/note.png) 10px 50% no-repeat;
}

span.cart {
	color: #666;
	border: 1px solid #C5C5C5;
	background: #E6E6E6 url(../images/typo/cart.png) 10px 50% no-repeat;
}

span.camera {
	color: #666;
	border: 1px solid #C5C5C5;
	background: #E6E6E6 url(../images/typo/camera.png) 10px 50% no-repeat;
}

span.doc {
	color: #C76E34;
	border: 1px solid #FFBB65;
	background: #FFE0B6 url(../images/typo/doc.png) 10px 50% no-repeat;
}
span.texto1 {
	color: #cccccc;
	border: 1px solid #13120F;
	background-color: #585246;
	
}
span.texto2 {
	color: #ffffff;
	border: 1px solid #666666;
	background-color: #797363;
	
}
span.texto3 {
	color: #ffffff;
	border-top: 10px solid #716B5B;
	/*border-bottom: 5px solid #716B5B;*/
	background-color: #837D6D;
	
}
.module-texto1{
	display: block;
	padding: 18px 10px 8px 16px;
	margin: 15px 0;	
	color: #cccccc;
	/*border: 1px solid #000;*/
	background-color: #585246;

}
.module-texto2 {
	display: block;
	padding: 18px 10px 8px 16px;
	margin: 15px 0;	
	color: #ffffff;
	/*border: 1px solid #000;*/
	background-color: #797363;

}
.module-texto3{
	color: #ffffff;
	border-top: 10px solid #716B5B;
	/*border-bottom: 5px solid #716B5B;*/
	background-color: #837D6D;
	display: block;
	padding: 8px 10px 8px 16px;
	margin: 15px 0;	

}
.module-texto1 a, 
module-texto1 a:hover, 
module-texto1 a:visited, 
module-texto1 a:active{
	color: #fff;

}
/* @end */

/* @grup RokContentRotator */

.rok-content-rotator {
	margin: 0;
	background: url(../images/rotator-br.png) 100% 100% no-repeat;
}

.rotator-2 {
	background: url(../images/rotator-bl.png) 0 100% no-repeat;
}

.rotator-3 {
	background: url(../images/rotator-tr.png) 100% 0 no-repeat;
}

.rotator-4 {
	background: url(../images/rotator-tl.png) 0 0 no-repeat;
	padding: 0px 20px 20px 20px;
}

.rok-content-rotator li {
	height: 34px;
}

.rotator-title {
	padding: 0 0 3px 19px;
	font-size: 150%;
	height: 60px;
	line-height: 48px;
	color: #666;
	background: url(../images/h3-arrow.png) 0 16px no-repeat;
}

.rok-content-rotator h2 {
	width: 213px;
	height: 34px;
	font-size: 100%;
	line-height: 36px;
	text-indent: 40px;
	padding: 0;
	margin: 0 7px 0 7px;
	z-index: 1;
	background: url(../images/rotator-tab.png) 18px 0 no-repeat;
	outline: none;
}

.rok-content-rotator h2 a {
	display: block;
	z-index: 3;
	position: absolute;
	width: 213px;
	color: #666;
	outline: none;
}

.rok-content-rotator h2 a.active {
	font-weight: normal;
	font-size: 100%;
}

.rok-content-rotator h2 a:hover,
.rok-content-rotator h2 a:hover.active {
	text-decoration: none;
}

.rok-content-rotator .arrow {
	position: absolute;
	width: 213px;
	height: 34px;
	right: 27px;
	z-index: 2;
	background: url(../images/rotator-tab-active.png) 0 0 no-repeat;
}

.rok-content-rotator .content {
	padding: 0px 20px 20px 20px;
	margin-top: 65px;
}

/* dont change below */
.rok-content-rotator {
	position: relative;
}

.rok-content-rotator ul {
	padding: 0;
	float: right;
	margin: 0;
	width: 227px;
	background: url(../images/rotator-shadow.png) 100% 50% no-repeat;
}

.rok-content-rotator .arrow {
	position: absolute;
	top: 60px;
}

.rok-content-rotator li { 
	list-style: none;
	padding: 0;
}

.rok-content-rotator .content {
	position: absolute;
	left: 0;
	top: 0;
	margin-right: 250px;
}

/* @end */

/* @group RokSlide */

#moduleslider-size {
	height: 240px;
	overflow: hidden;
}

#tabmodules .module {

}

#tabmodules {
	overflow: hidden;
	background: url(../images/rotator-br.png) 100% 100% no-repeat;
}

#tabmodules div {
	background: url(../images/rotator-bl.png) 0 100% no-repeat;	
}

#tabmodules div div {
	background: url(../images/rotator-tr.png) 100% 0 no-repeat;	
}

#tabmodules div div div {
	padding: 0 0 0 20px;
	background: url(../images/rotator-tl.png) 0 0 no-repeat;
}

#tabmodules div div div div {
	background: none;
	padding: 0;
}

#tabmodules li span {		
	background: none;
	line-height: 46px;
}


#rokslide-toolbar span {
	white-space: nowrap;
}

#rokslide-toolbar {
	color: #666;
	margin: 0;
	padding: 0 0px;
}

#rokslide-toolbar li.current {
	background: url(../images/slide-tab-r.png) 100% 1px no-repeat;
	height: 42px;
}

#rokslide-toolbar li.current span {
	background: url(../images/slide-tab-l.png) 0 1px no-repeat;
	height: 42px;
}

#frame {
	text-align: left;
}

#frame #moduleslide .module {
	margin-top: 10px;
} 

#frame .module, #frame .module-hilite1, #frame .module-hilite2, #frame .module-hilite3, #frame .module-hilite4 {
	float: left;
}

#frame .module div, #frame .module-hilite1 div, #frame .module-hilite2 div, #frame .module-hilite3 div, #frame .module-hilite4 div {
	padding: 0;
}

#frame .module div div, #frame .module-hilite1 div div, #frame .module-hilite2 div div, #frame .module-hilite3 div div, #frame .module-hilite4 div div {
	padding: 0;
}

#frame .mmpr-1 .module, #frame .mmpr-1 .module-hilite1, #frame .mmpr-1 .module-hilite2, #frame .mmpr-1 .module-hilite3, #frame .mmpr-1 .module-hilite4 {
	width: auto;
}

#frame .mmpr-2 .module, #frame .mmpr-2 .module-hilite1, #frame .mmpr-2 .module-hilite2, #frame .mmpr-2 .module-hilite3, #frame .mmpr-2 .module-hilite4 {
	width: 46%;
}

#frame .mmpr-3 .module, #frame .mmpr-3 .module-hilite1, #frame .mmpr-3 .module-hilite2, #frame .mmpr-3 .module-hilite3, #frame .mmpr-3 .module-hilite4 {
	width: 31%;
}

#frame .mmpr-4 .module, #frame .mmpr-4 .module-hilite1, #frame .mmpr-4 .module-hilite2, #frame .mmpr-4 .module-hilite3, #frame .mmpr-4 .module-hilite4 {
	width: 22%;
}

#frame .mmpr-5 .module, #frame .mmpr-5 .module-hilite1, #frame .mmpr-5 .module-hilite2, #frame .mmpr-5 .module-hilite3, #frame .mmpr-5 .module-hilite4 {
	width: 18%;
}

/* @end */

a.nounder {
	text-decoration: none;
	border: 0;
	cursor: pointer;
}

a.nounder:hover {
	text-decoration: none;
}

a img.album {
	border-width: 2px;
	border-style: solid;
}

.clr {
	clear:both;
}

fieldset {
	border-left: 0;
	border-right: 0;
}

fieldset.input {
	border: 0;
}

a img {
	border: 0;
}

img.content-left {
	float: left;
	margin-right: 10px;
	padding: 5px;
}

img.content-right {
	float: right;
	margin-left: 10px;
	padding: 5px;
}

#referencewidth {
	width: 100%;
	overflow:hidden;
}

body .pollstableborder {
	border: 0px;
}

.back_button {
	margin-top: 20px;
}

/* @end */

/* @group Signal Login Styling */

#sl_horiz {
	height: 28px;
	overflow: hidden;
	float: right;
}

#sl_horiz #greeting {
	float: left;
	height: 22px;
	margin-right: 10px;
}

#sl_horiz .button {
	border: 0;
	width: 53px;
	height: 26px;
	padding: 0 0 5px 0;
	text-align: center;
	font-size: 100%;
	font-weight: bold;
	cursor: pointer;
	color: #666;
	background: url(../images/login-button.png) 0 0 no-repeat;
}

#sl_horiz .button:hover {
	color: #333;
}

#sl_horiz #sl_username {
	float: left;
}

#sl_horiz #sl_username input {
	padding-left: 24px;
	overflow: hidden;
	width: 110px;
	font-size: 100%;
	font-weight: normal;
	height: 22px;
	border: 1px solid #666;
	color: #666;
	background: #fbfbfb url(../images/user_bg.png) 0 50% no-repeat;
}

#sl_horiz #sl_pass {
	margin-left: 10px;
	float: left;
}

#sl_horiz #sl_pass input {
	padding-left: 24px;
	overflow: hidden;
	width: 110px;
	font-size: 100%;
	font-weight: normal;
	height: 22px;
	border: 1px solid #666;
	color: #666;
	background: #fbfbfb url(../images/pass_bg.png) 0 50% no-repeat;
}

#sl_horiz #sl_rememberme {
	margin-left: 10px;
	float: left;
	line-height: 22px;
	color: #fff;
}

#sl_horiz #sl_submitbutton {
	margin-left: 10px;
	float: left;
}

#sl_horiz #sl_lostpass,
#sl_hoziz #sl_lostname,
#sl_horiz a {
	margin-left: 10px;
	float: left;
	line-height: 22px;
	color: #fff;
}

#sl_horiz #sl_register {
	margin-left: 10px;
	float: left;
}

#sl_horiz #sl_posttext {
	margin-left: 10px;
	float: left;
}

/* @end */

/* demo content stuff */
/* can be deleted */

#featuredmodules .module div div div .png {
	padding-right: 4px;
}

.featured-1 {
	background: url(../images/demo-1.png) 0 5px no-repeat;
	margin-top: 20px;
	width: 42px;
	height: 60px;
	float: left;
}

.featured-2 {
	background: url(../images/demo-2.png) 0 5px no-repeat;
	margin-top: 20px;
	width: 42px;
	height: 60px;
	float: left;
}

.featured-3 {
	background: url(../images/demo-3.png) 0 5px no-repeat;
	margin-top: 20px;
	width: 42px;
	height: 60px;
	float: left;
}

.featured-4 {
	background: url(../images/demo-4.png) 0 5px no-repeat;
	margin-top: 20px;
	width: 42px;
	height: 60px;
	float: left;
}

span.featured-header {
	display: block;
	color: #eee;
	font-weight: bold;
	letter-spacing: -0.05em;
	font-size: 160%;
	line-height: 100%;
	margin-top: 25px;
	height: 25px;
	overflow: hidden;
}

span.featured-desc {
	color: #fff;
	font-style: italic;
	font-size: 100%;
}

.tool-tip {
	background: #f6f6f6;
	border: 1px solid #e6e6e6;
	padding: 4px;
}
.primer {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12pt;
	font-weight: bold;
	color: #0099CC;
}
/*///////////////ESTILS ESPECIFICS ZONA DINAMICA///////////////////////////7*/
TABLE.OBJECTE{
	/* Akest estil serveix unicament per identificar facilment el objectes independents
	/  als editors HTML, per poder seleccionarlos, i clonarlos, i apreciar on comença i acaba l'ojecte*/
}

TD.dinamica_textura_fons {
	/* Aplica un fons amb textura, a les capçaleres de les caixes. Util per no haber de 
	introduir manualment un fons, quan no es te imatge personalitzada, i per caixes genriques*/
	background-image:url(http://www.juga-la.cat/dinamica/imgs/estructura/caixes/fondos/textura.jpg); 
	background-repeat: no-repeat;
}

TD.dinamica_marc_sobre_textura {
	/*	Aplica un marc sobre el jpg-titol de les caixes */
	border-left: 1px solid #7e5714;
	border-top: 1px solid #7e5714;
	border-bottom: 1px solid #7e5714;
	border-right: 1px solid #7e5714;
}

TABLE.dinamica_taula_marges_10{
	/*Akest estil aplica un marge de 10 px per banda a la cel·la unica que conte la taula
	Per evitar incompatibiitat amb IE, cal aplicar akest estil a una taula amb auna unica cel·la 
	i tot el contingut a maquetar insertrlo dintre de una taula nova: 
	taula.dinamica_taula_marges_10 -> td (cel·la) -> taula amb multiples cel·les que 
	contenen elements maquetats... */
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	padding-right: 10px;
	text-align: justify;
}

TD.dinamica_caixa_text_format {
	/* Aplica un fons degradat a les ce·les k contenen text, aixi com un MARGE negre a la caixa
	Nota:En cas de que es procedeixo amb maquetacio de 2 columnes, i una sigui mes llarga que l'altre,
	cal crear una ultima FILA al final de la mes curta, i asignarli manualment una alçada en Pixels
	per ajustarla al tamany de l'altre columna, de tal forma que acabin parelles. */
	background: #d1d0d0;
	background-image: url(http://www.juga-la.cat/dinamica/imgs/estructura/caixes/fondos/degradat_fons.gif);
	background-repeat: repeat-x;
	border-left: 1px solid #464646;
	border-top: 1px solid #464646;
	border-bottom: 1px solid #464646;
	border-right: 1px solid #464646;
}

TD.dinamica_Gris_Mitja{
	/*Basat en l'estil generic Gris_petit, va acompanyat de definicions per ENLLAÇOS i ROLLOVER*/
	font-family: Arial, Helvetica, sans-serif;
	color: #392b1e;
	font-size: 11px;
	font-weight: bold;
}

A.dinamica_Gris_Mitja{text-decoration:none;  color :#392b1e; font-size : 11px; }
A.dinamica_Gris_Mitja:hover{	text-decoration: none;	color: #990000;	font-size: 11px;}

TD.dinamica_capsalera_seccio{
	/*Aplicar a INDICADOR DE SECCIO de la capçalera, va acompanyat de DEFINICIONS per ENLLAÇOS*/
	font-family: Arial, Helvetica, sans-serif;
	color: White;
	font-size: 10px;
	font-weight: bold;
}
A.dinamica_capsalera_seccio{	font-family: Arial, Helvetica, sans-serif;text-decoration: none;	color: #FF8C00;	font-size: 11px;	font-weight: bold;}
A.dinamica_capsalera_seccio:hover{font-family: Arial, Helvetica, sans-serif;	text-decoration: none;	color: White;	font-size: 11px;	font-weight: bold;}



/*///////////////ESTILS ESPECILS PER AREA DINAMICA///////////////////////////*/



/*///////////////ESTILS GENERICS DE JUGA-LA///////////////////////////7*/
/* Akests so enls estils usats a la rsta de la WEB, NO MODIFICAR! en cas de 
que calgui ajustar alguna cosa, o personalitzarla, es millor crear un estil
nou a la part SUPERIOR (estils AREA DINAMICA). Nomes estan aqui per poder 
usar elements generics, com a recurs suport */
 
body{
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	margin-right: 0px;
	background-color: #392b1e;
	font-size: 11px;
}




TABLE.Blanc_petit{
	font-family: Arial, Helvetica, sans-serif;
	color: white;
	font-size: 11px;
	font-weight: bold;
	background-color: #FF4500;
	border-style: dashed;
	border: 1px  dashed red;
}

TABLE.Taronja{
	font-family: Arial, Helvetica, sans-serif;
	color: white;
	font-size: 11px;
	font-weight: bold;
	border-style: dashed;
	border: 1px  dashed;
	border-color: #855607;
}


TABLE.Blau{
	font-family: Arial, Helvetica, sans-serif;
	color: white;
	font-size: 11px;
	font-weight: bold;
	border-style: dashed;
	border: 1px  dashed;
	border-color: #04284c;
}

TABLE.Roig{
	font-family: Arial, Helvetica, sans-serif;
	color: white;
	font-size: 11px;
	font-weight: bold;
	border-style: dashed;
	border: 1px  dashed;
	border-color: #4b0d0c;
}

TD.Marro_petit{
	font-family : Arial, Helvetica, sans-serif;
	color : #392b1e;
	font-size : 10px;
	font-weight : bold
	}
A.Marro_petit{text-decoration:none;  color :#392b1e; font-size : 10px; }
A.Marro_petit:hover{text-decoration:none;  color : white; font-size : 10px; }

TD.Gris_petit{
	font-family: Arial, Helvetica, sans-serif;
	color: #392b1e;
	font-size: 10px;
	font-weight: bold;
}
A.Gris_petit{text-decoration:none;  color :#392b1e; font-size : 10px; }
A.Gris_petit:hover{	text-decoration: none;	color: #990000;	font-size: 10px;}

TD.Blanc_petit{
	font-family: Arial, Helvetica, sans-serif;
	color: white;
	font-size: 10px;
	font-weight: bold;

}
A.Blanc_petit{text-decoration:none;  color : white; font-size : 10px; }
A.Blanc_petit:hover{text-decoration:none;  color : #5c3f22; font-size : 10px; }

TD.Blanc_mitja{
	font-family : Arial, Helvetica, sans-serif;
	color : white;
	font-size : 12px;
	font-weight : bold
	}
A.Blanc_gran{text-decoration:none;  color : white; font-size : 10px; }
A.Blanc_gran:hover{text-decoration:none;  color : #5c3f22; font-size : 10px; }


TD.Blanc_gran{
	font:  Verdana, Helvetica, sans-serif;
	color : white;
	font-size : 13px;
	font-weight : bold
	}
A.Blanc_gran{text-decoration:none;  color : white; font-size : 10px; }
A.Blanc_gran:hover{text-decoration:none;  color : #5c3f22; font-size : 10px; }


	
TD.MarroClar_petit{
	font-family : Arial, Helvetica, sans-serif;
	color : #5c3f22;
	font-size : 8px;
	font-weight : bold
	}
A.MarroClar_petit{text-decoration:none;  color : #5c3f22; font-size : 8px; }
A.MarroClar_petit:hover{text-decoration:none;  color : white; font-size : 8px; }


TD.Taronja_petit{
	font-family : Arial, Helvetica, sans-serif;
	color : #c77516;
	font-size : 10px;
	font-weight : bold
	}
A.Taronja_petit{text-decoration:none;  color :#c77516; font-size : 10px; }
A.Taronja_petit:hover{text-decoration:none;  color : white; font-size : 10px; }

/*   FORMULARIS    ----------------------------------------------------- */

.Login_input {
	width: 90px;
	height: 11px;
	font: 9px Verdana, Geneva, Arial, Helvetica, sans-serif;
	background-color: white;
	color: black;
	border: 0px solid white;
	margin-right: 0px;
	vertical-align: bottom;
} 

.Login_input {
	width: 90px;
	height: 11px;
	font: 9px Verdana, Geneva, Arial, Helvetica, sans-serif;
	background-color: white;
	color: black;
	border: 0px solid white;
	margin-right: 0px;
	vertical-align: bottom;
} 

.TextField_input {
	width: 193px;
	height: 14px;
	font: 11px Verdana, Geneva, Arial, Helvetica, sans-serif;
	background-color:transparent;
	color:black;
	border: 0px  #faeab7;
	margin-right: 0px;
	vertical-align: bottom;
	padding-left:3px;
	padding-right:3px;
} 



.TextField {
	width: 200px;
	background-image: url(img_estilos/fondo_texfield_1.gif);
} 

.fieldset {
    margin:0px;
    padding-bottom:0px;
    padding-left:0px;
    border:0px;
	 }

.TextField_input_petit {
	width: 80px;
	height: 14px;
	font: 11px Verdana, Geneva, Arial, Helvetica, sans-serif;
	background-color:transparent;
	color:black;
	text-align: center;
	border: 0px  #faeab7;
	margin-right: 0px;
	vertical-align: bottom;
	padding-left:3px;
	padding-right:3px;
	
} 

.TextField_input_gran {
	width: 340px;
	font: 11px Verdana, Geneva, Arial, Helvetica, sans-serif;
	background-color:transparent;
	color:black;
	text-align: left;
	border: 0px  #faeab7;
	margin-right: 0px;
	vertical-align: bottom;
	padding-left:3px;
	padding-right:3px;
	
} 

.TextField_petit {
	width: 87px;
	background-image: url(img_estilos/fondo_texfield_2.gif);
} 

.TextField_gran {
	width: 376px;
	background-image: url(img_estilos/fondo_texfield_3.gif);
} 
/* FI FORMULARIS  ------------------------------------------------------   */
    
	TD.Burdeos_Titular_Bold{
	font-family: Arial, Helvetica, sans-serif;
	color: #B22222;
	font-size: 14px;
	font-weight: bolder;
}
	 
	TD.Marro_Titular_Bold{
	font-family: Arial, Helvetica, sans-serif;
	color: #392b1e;
	font-size: 14px;
	font-weight: bolder;
}
	TD.Marro_Sub_Titular{
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #392b1e;
	font-size: 13px;
	font-weight: normal;
}
	TD.Marro_Text_1{
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #392b1e;
	font-size: 10px;
	font-weight: normal;
}
A.Marro_Text_1{text-decoration:none;  color :#392b1e; font-size : 10px; }
A.Marro_Text_1:hover{text-decoration:none;  color : #990000; font-size : 10px; }

TD.Turquesa_Peu{
	font-family: Arial, Helvetica, sans-serif;
	color: #343c3f;
	font-size: 12px;
	font-weight: bold;
}
TD.Turquesa_Peu_2{
	font-family: Arial, Helvetica, sans-serif;
	color: #343c3f;
	font-size: 10px;
	
}
A.Turquesa_Peu_2{text-decoration:none;  color :#343c3f; font-size : 10px; }
A.Turquesa_Peu_2:hover{text-decoration:none;  color : #343c3f; font-size : 10px; }


TD.Numero_Gran{
	font-family: "Arial Black";
	color:#ad6e0a;
	font-size: 34px;
	font-weight: bold;
}


TD.Negre_petit{
	font-family : Arial, Helvetica, sans-serif;
	color : black;
	font-size : 10px;
	font-weight : bold
	}
A.Negre_petit{
	text-decoration: none;
	color: Maroon;
	font-size: 10px;
}
A.Negre_petit:hover{text-decoration:none;  color: Maroon; font-size : 10px; }

A{text-decoration:none;  color : #339900; }
A:hover{text-decoration:none}


/*///////////////ESTILS ESPECILS PER AREA DINAMICA///////////////////////////*/
.text_normal {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 13pt;
}
.titol {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 16pt;
	font-weight: bold;
}
a.enll_normal {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 13pt;
	color: #000099;
	text-decoration: none;
}
a.enll_normal:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 13pt;
	color: #000099;
	text-decoration: underline;

}


/*///////////////EXPANSIO ESTILS AREA DINAMICA OCTUBRE 2009 ///////////////////////////*/


TD.dinamica_expansio_caixa_v2 {
	/* Aplica un fons amb textura, a les capçaleres de les caixes. Util per no haber de 
	introduir manualment un fons, quan no es te imatge personalitzada, i per caixes genriques*/
	background-image: url(http://www.juga-la.cat/dinamica/imgs/estructura/caixes_v2/degradat.gif);
	background-repeat: repeat-y;
	background-color: #d1d0d0;
}

TD.dinamica_expansio_caixaNova {
	/* Aplica un fons amb textura, a les capçaleres de les caixes. Util per no haber de 
	introduir manualment un fons, quan no es te imatge personalitzada, i per caixes genriques*/
	background-image: url(http://www.juga-la.cat/dinamica/imgs/estructura/areaibe/fondo_caixa.jpg);
	background-repeat: no-repeat;
	background-color: #929292;
	
}

TD.dinamica_expansio_solucions {
	/* Aplica un fons amb textura, a les capçaleres de les caixes. Util per no haber de 
	introduir manualment un fons, quan no es te imatge personalitzada, i per caixes genriques*/
	background-image: url(http://www.juga-la.cat/dinamica/imgs/estructura/areaibe/fitxa/fosc_down.jpg);
	background-repeat: no-repeat;
	background-color: #757575;
	}


.dinamica_expansio_caixa_v2_titol {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #525252;
	text-align: right;
	vertical-align: bottom;
}

.dinamica_expansio_caixa_v2_GranVermell {
	font-family: Helvetica, sans-serif;
	font-size: 16px;
	color: #6d2125;
	text-align: left;
	font-weight: bold;
}


TD.marc_negre {
	/*	Aplica un marc negre a les caixes_2 */
	border-left: 1px solid black;
	border-top: 1px solid black;
	border-bottom: 1px solid black;
	border-right: 1px solid black;
}

.caixa_2_titol {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight: bold;
	color: #4a4947;
	text-align: right;
	vertical-align: bottom;
}

.caixa_2_MainContent {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #4a4947;
	text-align: justify;
	vertical-align: top;
}

.caixa_2_MainContent_Darker {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #1d1d1d;
	text-align: justify;
	vertical-align: top;
}


TD.caixa_2_bkgrnd {
	background-image: url(http://www.juga-la.cat/dinamica/imgs/estructura/caixa_2/bkground_caixa.jpg);
	background-repeat: repeat-y;
}

.fitxa_titol {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 17px;
	font-weight: bold;
	color: #c8c8c8;
	text-align: center;
}

.fitxa_petita_text {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #3f3f3f;
	text-align: justify;
}

.fitxa_petita_main {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #d6d6d6;
	text-align: justify;
}

.fitxa_petita_text_gris {
font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #3f3f3f;
	text-align: justify;
}