/*  
Theme Name: Slide-O-Matic
Theme URI: http://praegnanz.de/portfolio/slide-o-matic
Description: Minimalistic template by praegnanz.de
Version: 2.6.3
Tags: one column, sliding, effect, jquery, green, minimalistic, clean, simple, typography, minimal, widget ready, elastic, valid XHTML, widgets
Author: Gerrit van Aaken
Author URI: http://praegnanz.de/

	Slide-O-Matic
	http://praegnanz.de/portfolio/slide-o-matic

	This theme was designed and built by Gerrit van Aaken,
	whose blog you will find at http://praegnanz.de/

	The CSS, XHTML and design is released under GPL:
	http://www.opensource.org/licenses/gpl-license.php

*/

* {
margin: 0;
padding: 0;
list-style: none;
}

html {
height: 101%;
}

body {
font-size: 14px;
line-height: 1.643em;
padding-bottom: 50px;
background: #fff;
}

body, input, textarea, select, option {
font-family: "Lucida Grande", "Lucida Sans Unicode", tahoma, verdana, arial, sans-serif;
color: #333;
}

.topmenu {
    
  font-family: "Lucida Grande", Arial, Helvetica, sans-serif;
}


em {
font-family: helvetica, arial, sans-serif;
padding-right: 0.2em;
}

p, ul, dl, ol, textarea, input {
margin: 0 0 0.786em 0;
}

input[type=submit]:hover, button:hover {
	cursor: pointer;
}

.smallprint {
font-size: 0.8571em;
line-height: 1.66666em;
color: #777;
}

.screenreader {
position: absolute;
left: -999em;
top: -999em;
}

a:link, a:visited {
color: #D78807;
text-decoration: underline;
}

a:focus, a:hover, a:active {
text-decoration: none;
}

img {
border: 0;
}

.article .alignleft {
	float: left;
	margin: -3px 0.6em 0 0;
text-align:left;

}

.article p {
	float: left;
        text-align:left;
}

.article h2 {
	float: left;
        text-align:left;
}


.article .alignright {
	float: right;
	margin: -3px 0 0 0.6em;
}

.article .aligncenter {
	margin: 0 auto;
}

.wp-caption a {
	margin: 0;
	display: block;
	overflow: hidden;
	padding: 0;
}

.wp-caption-text {
	font-size: 0.7857em;
	line-height: 1.272727em;
	margin: -6px 10px 0 0;
	padding: 0 0 1.4em 0;
	clear: both;
}

hr {
border: none;
height: 7px;
overflow: hidden;
background: #EEE;
clear: both;
}

.bottomspace {
margin-bottom: 2em;
}

.topspace {
margin-top: 2em;
}

fieldset {
border: none;
}


/* Header-Bereich --------------------------------- */

div#head {
margin: 0.5em auto;
overflow: hidden;
}

div#head p {
font: normal 1.643em/1em georgia, "Times New Roman", serif;
float: left;
margin: -0.1em 0 -0.1em 0;
}

div#head form {
float: right;
text-align: left;
margin: 0;
}

div#head form fieldset {
display: inline;
}

input#livesearch {
width: 9em;
font-size: 0.9em;
color: #777;
padding: 0 0 0 0.2em;
border: 1px solid #D78807;
margin-right: 0.3em;
line-height: 2em;
height: 1.4em;
line-height: 1.4em;
margin: 0;
position: absolute;
top: 0.5em;
right: 2.5em;
}

input#livesearchsubmit {
font-size: 0.8em;
height: 1.8em;
color: white;
width: 2.5em;
background: #D78807;
border: none;
position: absolute;
right: 0;
top: 0.5em;
}

input#livesearchsubmit:hover {
cursor: pointer;
}

#head p a:link, #head p a:visited {
text-decoration: none;
}

/* Hauptnavigation --------------------------------- */

#navi-main {
clear: both;
margin: 0 0 2.2em 0;
border-top: 1px solid #207118;
border-bottom: 1px solid #207118;
background: #D78807 url(images/gradient2.gif) left bottom repeat-x;
overflow: hidden;
}

#navi-main ul {
margin: 0 auto;
width: 32.143em;
overflow: hidden;
position: relative;
border-left: 1px solid #4BB741;
}

#navi-main li {
font-size: 0.929em;
display: inline;
line-height: 1.538em;
}

#navi-main li a:link,
#navi-main li a:visited {
border-right: 1px solid #4BB741;
color: white;
text-shadow: 0 0 0 #D78807;
display: block;
float: left;
font-weight: bold;
text-decoration: none;
padding: 0 1.2em;
padding-bottom: 0.1em;
}

#navi-main li a:focus,
#navi-main li a:hover,
#navi-main li a:active {
background: #94D480;
background: #D78807 url(images/gradient.gif) left top repeat-x;
}

#navi-main li.current_page_item a {
background: #94D480;
background: #D78807 url(images/gradient.gif) 0 -15px repeat-x;
color: #333;
}

/* Blogtoys ------------------------------------------- */

.blogtoy {
border-top: 1px solid black;
font-size: 0.8571em;
line-height: 1.66666em;
clear: both;
}

.blogtoy .space1,
.blogtoy .space2 {
clear: both;
width: 200px;
padding-bottom: 0.6em;
}

.blogtoy h2.widgetheader {
font-size: 1.1666em;
width: 32.141em;
margin: 0 auto;
text-align: left;
background: url(images/arrowdownblack.gif) right no-repeat;
position: relative;
z-index: 10;
line-height: 1.75em;
}

.blogtoy h2.widgetheader:hover {
color: #D78807;
background: url(images/arrowdown.gif) right no-repeat;
cursor: pointer;
}

.blogtoy dt {
float: left;
clear: left;
padding-left: 0.9em;
margin-right: 1.2em;
background: url(images/pix-arrow-right.gif) 0 0.5em no-repeat;
}

.blogtoy dd {
margin-left: 0.9em;
}

.blogtoy a:link,
.blogtoy a:visited {
text-decoration: none;
}

.blogtoy a:focus,
.blogtoy a:hover,
.blogtoy a:active {
color: #333;
text-decoration: underline;
}

.blogtoy .innerwidget {
margin: 0 auto;
width: 37.5em;
text-align: left;
overflow: hidden;
position: relative;
z-index: 0;
}

.blogtoy ul li {
padding-left: 13px;
background: url(images/pix-arrow-right.gif) 1px 0.5em no-repeat;
}

.blogtoy ul li.rss {
background: url(images/rss.gif) 1px 50% no-repeat;
padding-left: 18px;
}

/* Content-Bereich --------------------------------- */

div.article {
margin: 0 auto;
width: 32.143em;
padding: 0.5em 0 1.2em 0;
position: relative;
}

.article img {
float: left;
margin: 10px 10px 10px 0;
}

.wp-caption img {
	margin-left: 0;
	margin-right: 0;
}

.article img.wp-smiley {
float: none;
margin: 0;
}

.article table {
border-collapse: collapse;
margin: 0 0 1em 0;
width: 100%;
}

.article table td {
vertical-align: top;
line-height: 1.3em;
padding: 0.2em 0.7em 0.2em 0;
border-bottom: 1px solid #bbb;
font-size: 0.9em;
border-right: 0.4em solid white;
}

.article table th {
line-height: 1.3em;
text-align: left;
font-weight: bold;
vertical-align: bottom;
border-bottom: 1px solid #555;
border-right: 0.4em solid white;
padding: 0.2em 0.7em 0.2em 0;
font-size: 0.9em;
}

.article ol li {
list-style: decimal;
}

.article ul li,
.article dl dd {
position: relative;
left: -12px;
padding-left: 13px;
background: url(images/pix-arrow-right.gif) 0 0.6em no-repeat;
margin-bottom: 0.2em;
}

.article ul li li {
left: 10px;
}

dt {
	font-weight: bold;
}

.article ol li li {
	margin-left: 22px;
}

.article dl dd {
	margin-left: 14px;
	margin-bottom: 1em;
}



blockquote {
position: relative;
left: -30px;
padding: 0 0 0.3em 30px;
font-family: georgia, "Times New Roman", serif;
font-size: 1.1em;
color: #777;
background: url(images/quotes.gif) 0 3px no-repeat;
}

code {
font-size: 0.92857142857em;
font-family: consolas, "Bitstream Vera Mono", monaco, courier, "Courier New", fixed;
color: #333;
background: #eee;
}

pre {
padding: 0.3em 1em;
margin: 0.6em 0;
background: #eee;
}

.date, .essaydate {
width: 7em;
position: absolute;
top: 1em;
left: -9em;
text-align: right;
padding: 0 1em 0 0;
color: #D78807;
border-right: 1px solid black;
}

.essaydate {
top: 0.65em;
font-size: 1.1em;
line-height: 0.9em;
}

.date_month {
margin: -0.5em 0 -0.25em 0;
letter-spacing: -0.05em;
}

.date_day {
font-size: 3.8em;
line-height: 0.85em;
letter-spacing: -0.1em;
}

p.articlefooter {
padding-top: 0.5em;
clear: both;
}

p.articlefooter span {
padding: 0 17px;
}

p.articlefooter span span {
padding: 0;
}


.posted {
background: url(images/posted.png) left no-repeat;
}

.kommentar {
background: url(images/comments.png) left no-repeat;
}

.trackback {
background: url(images/trackback.png) left no-repeat;
}

.tags {
background: url(images/tags.png) left no-repeat;
}

.cats {
background: url(images/cats.png) left no-repeat;
}

.kommentarfeed {
background: url(images/kommentarfeed.png) left no-repeat;
}

.article h2,
.article h1,
.article h3,
.aa dt {
color: #D78807;
font: normal 2.143em/1.1em georgia, palatino, "Times New Roman", serif;
margin: 0.1em 0 0.4em 0;
clear: left;
}

.aa dt {
margin-top: 1.1em;
}

.article h2 a:link,
.article h2 a:visited {
text-decoration: none;
}

.article h2 a:focus,
.article h2 a:hover,
.article h2 a:active {
text-decoration: underline;
}

.article h3 {
font-size: 1.5em;
margin: 0.9em 0 0.5em 0;
}

.article .bildrahmen img {
border-top: 5px solid #ddd;
border-bottom: 5px solid #ddd;
margin: 1em 0;
padding: 0.3em 0;
}

.article .bildrahmen a:hover img {
border-top: 5px solid #aaa;
border-bottom: 5px solid #aaa;
}

/* Comments Section -------------------------- */

div#Kommentar,
div#cpreview {
margin: 0 auto;
width: 32.14285714286em;
}

fieldset#yourcomment {
margin-top: 2em;
}

.nocomments {
padding-bottom: 2em;
}

div#Kommentar {
margin-bottom: -0.8em;
}

#yourcomment #submitcomment {
padding: 0 1em;
}

div#Kommentar h2,
div#cpreview h2,
p#txpCommentInputForm {
color: #D78807;
font: normal 2.3em/1em georgia, palatino, "Times New Roman", serif;
margin: 0.3em 0 0.4em 0;
}

div#Kommentar h3,
div#cpreview h3 {
font-weight: bold;
font-size: 1em;
padding: 0.4em 0 0.3em 0;
line-height: 1.3em;
}

div#Kommentar ol li:last-child {
background: none;
}

div#Kommentar ol li {
position: relative;
clear: both;
display: block;
padding-bottom: 0.8em;
margin-bottom: 0.8em;
background: url(images/line.gif) left bottom no-repeat;
}

img.avatar {
position: absolute;
left: -63px;
top: 0.6em;
width: 40px;
height: 40px;
border: 4px solid #BBDFB5;
}

a:hover img.avatar,
a:focus img.avatar {
border: 4px solid #D78807;
}

div#cpreview {
position: relative;
padding: 0 0 3em 0;
}

textarea#message {
width: 100%;
line-height: 1.4em;
height: 9em;
font-size: 1em;
padding: 0.2em;
font-family: "Lucida Grande", "Lucida Sans Unicode", tahoma, verdana, arial, sans-serif;
}

div#cpreview input[type=text] {
width: 50%;
margin: 0.7em 0.6em 0 0;
padding: 0.2em;
font-size: 1em;
}

div#cpreview div input {
margin-right: 0.6em;
font-size: 1em;
}

div#cpreview div {
margin-top: 1em;
}

.commentpermlink {
padding-right: 0.5em;
}

#yourcomment div label,
#yourcomment div input {
vertical-align: middle;
padding: 0;
line-height: 1.5em;
margin: 0;
}

div#cpreview input#remember {
margin-right: 0.2em;
}

/* Calendar */

#wp-calendar {
	width: 100%;
}

#wp-calendar td,
#wp-calendar th {
	background: #eee;
	line-height: 2em;
	text-align: center;
	vertical-align: middle;
}

#wp-calendar th {
	background: #ddd;
}

#wp-calendar td a {
	display: block;
}

#wp-calendar td a:focus,
#wp-calendar td a:hover {
	background: #D78807;
	text-decoration: none;
	color: #fff;
}


/* Footer ------------------------------- */

ul#paging {
overflow: hidden;
width: 32em;
margin: -1.6em auto -1em auto;
padding: 2em 0;
}

#portfolio ul#paging {
margin: -2.3em auto -1.1em auto;
}

ul#paging li a:link,
ul#paging li a:visited {
text-indent: -999em;
display: block;
float: left;
width: 40px;
height: 40px;
margin-right: 10px;
background: url(images/paging.gif) 0 0 no-repeat;
}

ul#paging li#older a:link,
ul#paging li#older a:visited {
background-position: right top;
}

ul#paging li#newer a:focus,
ul#paging li#newer a:hover,
ul#paging li#newer a:active {
background-position: left bottom;
}

ul#paging li#older a:focus,
ul#paging li#older a:hover,
ul#paging li#older a:active {
background-position: right bottom;
}


/*------------------------------------------------------------------------
# JA Olyra - Jul, 2007
# ------------------------------------------------------------------------
# Copyright (C) 2004-2007 J.O.O.M Solutions Co., Ltd. All Rights Reserved.
# @license - Copyrighted Commercial Software
# Author: J.O.O.M Solutions Co., Ltd
# Websites:  http://www.joomlart.com -  http://www.joomlancers.com
-------------------------------------------------------------------------*/
/* COMMON STYLE
--------------------------------------------------------- */
html, body, form, fieldset {
        margin: 0;
        padding: 0;
}

body {
        background: #FFFFFF;
        color: #000000;
        font-family: "Lucida Grande", Arial, Helvetica, sans-serif;
        line-height: 1.5;
}

body#bd {
        color: #333333;
        text-align: center;
        background: #FFFFFF url(http://www.soffa.pl/templates/ja_olyra/images/bg.gif) 0 0 repeat-x;

}

body.contentpane {
        margin: 1em 2em;
        width: auto; /* Printable Page */
        background: #FFFFFF;
        color: #000000;
}

body.fs1{
        font-size: 10px;
}

body.fs2{
        font-size: 11px;
}

body.fs3{
        font-size: 12px;
}

body.fs4{
        font-size: 13px;
}

body.fs5{
        font-size: 14px;
}

body.fs6{
        font-size: 15px;
}

/* Normal link */
a {
        color: #D78807;
        text-decoration: none;
}

a:hover, a:active, a:focus {
        color: #D78807;
        text-decoration: underline;
}

/* Title text */
.contentheading, .componentheading, .blog_more strong, h1, h2, h3, h4, h5, h6 {
}

/* Small text */
small, .small, .smalldark, .mosimage_caption {
        color: #999999;
        font-size: 100%;
}

/* Heading */
h1 {
        font-size: 170%;
}

h2 {
        font-size: 150%;
}

h3 {
        font-size: 125%;
}

h4 {
        font-size: 100%;
        text-transform: uppercase;
}

p, pre, blockquote, ul, ol, h1, h2, h3, h4, h5, h6 {
        margin: 10px 0;
        padding: 0;
}

ul {
        list-style: none;
}

ul li {
        padding-left: 35px;
/*        background: url(http://www.soffa.pl/templates/ja_olyra/images/bullet-list.gif) no-repeat 25px 8px; */
        line-height: 170%;
}

ol li {
        margin-left: 35px;
        line-height: 170%;
}

th {
        padding: 5px;
        font-weight: bold;
        text-align: left;
}

fieldset {
        border: none;
}

fieldset a {
        font-weight: bold;
}

hr {
        border-bottom: 0;
        border-left: 0;
        border-right: 0;
        border-top: 1px solid #CCCCCC;
        height: 1px;
}

a img {
        border: none;
}

td, div {
        font-size: 100%;
}

/* FORM
--------------------------------------------------------- */
form {
        margin: 0;
        padding: 0;
}

form label {
        cursor: pointer;
}

input, select, textarea, .inputbox {
        padding: 1px;
        font: 100% Tahoma, Arial, sans-serif;
}

select, textarea, .inputbox {
        background: #FFFFFF;
        color: #333333;
}

.button, .button:hover {
}

.button:active, .button:focus {
}

.inputbox {
        border: 1px solid #999999;
        margin-bottom: 1px;
}

.inputbox:hover, .inputbox:focus {
        border-color: #333333;
}

/* BONUS TYPOGRAPHY STYLES
--------------------------------------------------------- */
pre, .code {
        padding: 10px 15px;
        margin: 5px 0 15px;
        border-top: 3px solid #D78807;
        background: #FDF7EE;
        font: 1em/1.5 "Courier News", monospace;
}

blockquote {
        padding: 15px 40px 15px 60px;
        background: url(http://www.soffa.pl/templates/ja_olyra/images/open_quotes.gif) 20px 10px no-repeat;
        font: 1em/1.5 Georgia, Times, serif;
}

p.quote {
        margin: 0;
        padding: 0;
        background: url(http://www.soffa.pl/templates/ja_olyra/images/close_quotes.gif) bottom right no-repeat;
}

/* Quote hilight */
div.quote-grey {
        padding: 0;
        margin: 0;
        border: 1px dotted #999999;
        background: url(http://www.soffa.pl/templates/ja_olyra/images/q1_std.gif) no-repeat 20px 10px #F7F7F7;
}

div.quote-grey blockquote {
        margin: 0;
        background: url(http://www.soffa.pl/templates/ja_olyra/images/q2_std.gif) no-repeat right bottom;
}

/* Rropcap */
.dropcap {
        float: left;
        padding: 4px 8px 0 0;
        display: block;
        color: #999999;
        font: 50px/40px Georgia, Times, serif;
}

.dropcap-hilite {
        float: left;
        padding: 4px 3px 0 3px;
        margin: 0 4px 0 0;
        display: block;
        color: #FFFFFF;
        background: #D78807;
        font: 50px/40px Georgia, Times, serif;
}

/* Tips, Error, Message, Hightlight*/
.error {
        padding-left: 25px;
        color: #CC0000;
        background: url(http://www.soffa.pl/templates/ja_olyra/images/bullet-error.gif) no-repeat top left;
}

.message {
        padding-left: 25px;
        color: #D78807;
        background: url(http://www.soffa.pl/templates/ja_olyra/images/bullet-info.gif) no-repeat top left;
}

.tips {
        padding-left: 25px;
        color: #6DA43A;
        background: url(http://www.soffa.pl/templates/ja_olyra/images/bullet-tips.gif) no-repeat top left;
}

.highlight {
        border-bottom: 1px dotted #D78807;
        padding: 0 5px;
        background: #FDF7EE;
        font-weight: bold;
}

/* Note Style */
div.stickynote {
        margin-top: 20px;
        padding: 0;
        border: 1px solid #E2E2E2;
}

div.stickynote p {
        margin: 0;
        padding: 10px 15px 10px 55px;
        border: 2px solid #F3F3F3;
        background: url(http://www.soffa.pl/templates/ja_olyra/images/sticky-bg.gif) no-repeat left center #FFFFFF;
}

div.pinnote {
        margin-top: 20px;
        padding: 0;
        border: 1px solid #E2E2E2;
        background: #F5FAF0;
}

div.pinnote p {
        margin: 0;
        padding: 10px 15px 10px 55px;
        border: 2px solid #F3F3F3;
        background: url(http://www.soffa.pl/templates/ja_olyra/images/pin-bg.gif) no-repeat left center #FFFFFF;
        color: #D78807;
}

div.contact {
        margin-top: 20px;
        padding: 0;
        border: 1px solid #E2E2E2;
        background: #F5FAF0;
}

div.contact p {
        margin: 0;
        padding: 10px 15px 10px 55px;
        border: 2px solid #F3F3F3;
        background: url(http://www.soffa.pl/templates/ja_olyra/images/contact-bg.gif) no-repeat left center #FFFFFF;
        color: #18B8DF;
}

.blocknumber {
        clear: both;
        padding: 5px 15px 10px;
        position: relative;
}

/* Check list */
ul.checklist {
        list-style: none;
}

ul.checklist li {
        margin-left: 3px;
        padding: 0px 0 5px 23px;
        background: url(http://www.soffa.pl/templates/ja_olyra/images/checklist-bg.gif) no-repeat 0px 0px;
}

/* Bignumber */
.bignumber {
        float: left;
        margin-right: 8px;
        padding: 6px 7px;
        display: block;
        color: #FFFFFF;
        background: url(http://www.soffa.pl/templates/ja_olyra/images/ol-bg.gif) no-repeat top left;
        font: 20px/normal Arial, sans-serif;
        font-weight: bold;
}

/* Talking box. Thinking box. */
div.bubble1, div.bubble2, div.bubble3, div.bubble4 {
        margin: 15px 0;
}

div.bubble1 div {
        margin: 0;
        width: 100%;
        background: url(http://www.soffa.pl/templates/ja_olyra/images/bub1-br.gif) no-repeat bottom right;
}

div.bubble1 div div {
        background: url(http://www.soffa.pl/templates/ja_olyra/images/bub1-bl.gif) no-repeat bottom left;
}

div.bubble1 div div div {
        background: url(http://www.soffa.pl/templates/ja_olyra/images/bub1-tr.gif) no-repeat top right;
}

div.bubble1 div div div div {
        background: url(http://www.soffa.pl/templates/ja_olyra/images/bub1-tl.gif) no-repeat top left;
}

div.bubble1 div div div div div {
        margin: 0;
        padding: 15px 15px 30px 15px;
        width: auto;
}

div.bubble2 div {
        margin: 0;
        width: 100%;
        background: url(http://www.soffa.pl/templates/ja_olyra/images/bub2-br.gif) no-repeat bottom right;
}

div.bubble2 div div {
        background: url(http://www.soffa.pl/templates/ja_olyra/images/bub2-bl.gif) no-repeat bottom left;
}

div.bubble2 div div div {
        background: url(http://www.soffa.pl/templates/ja_olyra/images/bub2-tr.gif) no-repeat top right;
}

div.bubble2 div div div div {
        background: url(http://www.soffa.pl/templates/ja_olyra/images/bub2-tl.gif) no-repeat top left;
}

div.bubble2 div div div div div {
        margin: 0;
        padding: 15px 15px 35px 15px;
        width: auto;
}

div.bubble3 div {
        margin: 0;
        width: 100%;
        background: url(http://www.soffa.pl/templates/ja_olyra/images/bub3-br.gif) no-repeat bottom right;
}

div.bubble3 div div {
        background: url(http://www.soffa.pl/templates/ja_olyra/images/bub3-bl.gif) no-repeat bottom left;
}

div.bubble3 div div div {
        background: url(http://www.soffa.pl/templates/ja_olyra/images/bub3-tr.gif) no-repeat top right;
}

div.bubble3 div div div div {
        background: url(http://www.soffa.pl/templates/ja_olyra/images/bub3-tl.gif) no-repeat top left;
}

div.bubble3 div div div div div {
        margin: 0;
        padding: 15px 15px 50px 15px;
        width: auto;
}

div.bubble4 div {
        margin: 0;
        width: 100%;
        background: url(http://www.soffa.pl/templates/ja_olyra/images/bub4-br.gif) no-repeat bottom right;
}

div.bubble4 div div {
        background: url(http://www.soffa.pl/templates/ja_olyra/images/bub4-bl.gif) no-repeat bottom left;
}

div.bubble4 div div div {
        background: url(http://www.soffa.pl/templates/ja_olyra/images/bub4-tr.gif) no-repeat top right;
}

div.bubble4 div div div div {
        background: url(http://www.soffa.pl/templates/ja_olyra/images/bub4-tl.gif) no-repeat top left;
}

div.bubble4 div div div div div {
        margin: 0;
        padding: 15px 15px 55px 15px;
        width: auto;
}

/* MODULE
--------------------------------------------------------- */
div.module-green h3,
div.module-orange h3,
div.module-sticky h3,
div.module h3 {
        margin: 0 -1px 5px;
        padding: 0;
        color: #D78807;
        font-size: 115%;
}

div.module-green,
div.module-orange,
div.module-sticky,
div.module {
        margin: 0 0 10px;
        padding: 0;
        float: left;
        clear: both;
        width: 100%;
        background: url(http://www.soffa.pl/templates/ja_olyra/images/box-br.gif) no-repeat bottom right;
}

div.module-green div,
div.module-orange div,
div.module-sticky div,
div.module div {
        padding: 0;
        background: url(http://www.soffa.pl/templates/ja_olyra/images/box-bl.gif) no-repeat bottom left;
}

div.module-green div div,
div.module-orange div div,
div.module-sticky div div,
div.module div div {
        padding: 0;
        background: url(http://www.soffa.pl/templates/ja_olyra/images/box-tr.gif) no-repeat top right;
}

div.module-green div div div,
div.module-orange div div div,
div.module-sticky div div div,
div.module div div div {
        padding: 10px 15px 15px;
        background: url(http://www.soffa.pl/templates/ja_olyra/images/box-tl.gif) no-repeat top left;
}

div.module-green div div div div,
div.module-orange div div div div,
div.module div div div div {
        margin: 0;
        padding: 0;
        float: none;
        background: none;
}

div.module-green h3,
div.module-orange h3 {
        color: #FFFFFF;
}

div.module-green,
div.module-orange {
        color: #FFFFFF;
}

div.module-orange {
        background: url(http://www.soffa.pl/templates/ja_olyra/images/orange-br.gif) no-repeat bottom right;
}

div.module-orange div {
        background: url(http://www.soffa.pl/templates/ja_olyra/images/orange-bl.gif) no-repeat bottom left;
}

div.module-orange div div {
        background: url(http://www.soffa.pl/templates/ja_olyra/images/orange-tr.gif) no-repeat top right;
}

div.module-orange div div div {
        background: url(http://www.soffa.pl/templates/ja_olyra/images/orange-tl.gif) no-repeat top left;
}

div.module-green {
        background: url(http://www.soffa.pl/templates/ja_olyra/images/green-br.gif) no-repeat bottom right;
}

div.module-green div {
        background: url(http://www.soffa.pl/templates/ja_olyra/images/green-bl.gif) no-repeat bottom left;
}

div.module-green div div {
        background: url(http://www.soffa.pl/templates/ja_olyra/images/green-tr.gif) no-repeat top right;
}

div.module-green div div div {
        background: url(http://www.soffa.pl/templates/ja_olyra/images/green-tl.gif) no-repeat top left;
}

div.moduletable h3 {
        margin: 0 0 5px;
        padding: 0;
        color: #D78807;
        font-size: 115%;
}

div.moduletable {
        margin: 0;
        padding: 10px 1px;
}

#ja-col1 div.moduletable {
        margin: 0 10px;
}

#ja-col2 div.moduletable {
        margin-left: 10px;
}

/* JOOMLA STYLE
--------------------------------------------------------- */
.article_seperator {
        display: block;
        background: url(http://www.soffa.pl/templates/ja_olyra/images/dot-sep.gif) repeat-x center;
        height: 20px;
}

table.blog .article_seperator {
}

#ja-col1 .article_seperator,
#ja-col2 .article_seperator,
#ja-topsl .article_seperator,
#ja-botsl .article_seperator {
        display: none;
}

table.contentpane {
        border: none;
        width: 100%;
        border-collapse: collapse;
}

table.contentpaneopen {
        border: none;
        border-collapse: collapse;
}

table.contenttoc {
        margin: 0 0 10px 10px;
        padding: 0 0 5px;
        width: 35%;
        border: 1px solid #CCCCCC;
}

table.contenttoc a {
        font-weight: bold;
}

table.contenttoc td {
        padding: 5px 5px 2px 20px;
        background: url(http://www.soffa.pl/templates/ja_olyra/images/bullet-list.gif) no-repeat 10px 12px;
}

table.contenttoc th {
        border-bottom: 1px solid #CCCCCC;
        background: #F7F7F7;
        text-indent: 5px;
        text-transform: uppercase;
}

table.poll {
        padding: 0;
        width: 100%;
        border-collapse: collapse;
}

table.pollstableborder {
        border: none;
        padding: 0;
        width: 100%;
        text-align: left;
}

table.pollstableborder img {
        vertical-align: baseline;
}

table.pollstableborder td {
        padding: 2px !important;
}

table.pollstableborder tr.sectiontableentry1 td {
        border: none;
        background: #EFEFEF;
}

table.pollstableborder tr.sectiontableentry2 td {
        border: none;
}

table.searchintro {
        padding: 10px 0;
        width: 100%;
}

table.searchintro td {
        padding: 5px !important;
}

table.adminform {
        width: 400px!important; /*Control the Frontend Editor area width*/
}

.adminform .inputbox {
}

.blog_more {
        margin: 15px 0;
}

.blog_more strong {
        margin: 0 0 5px;
        display: block;
        font-size: 150%;
}

.blog_more ul {
        margin: 0;
        padding: 0;
}

.blog_more ul li {
        padding-left: 13px;
        margin: 0;
        background: url(http://www.soffa.pl/templates/ja_olyra/images/bullet-list.gif) no-repeat 2px 8px;
}

td.buttonheading {
        padding: 0 0 0 5px!important;
        text-align: center;
}

td.buttonheading a {
        border: none;
}

.category {
        font-weight: bold;
        text-transform: uppercase;
}

.clr {
        clear: both;
}

.componentheading {
        margin-bottom: 15px;
        padding-bottom: 5px;
        background: url(http://www.soffa.pl/templates/ja_olyra/images/sep.gif) repeat-x bottom;
        color: #333333;
        font-size: 180%;
        font-weight: bold;
        line-height: normal;
        text-transform: uppercase;
}

.contentdescription {
        padding-bottom: 30px;
}

table.blog .contentheading {
        font-size: 160%;
        font-weight: bold;
        line-height: normal;
}

.contentheading {
        color: #D78807;
        font-size: 180%;
        font-weight: bold;
        line-height: normal;
}

a.contentpagetitle {
        border-bottom: none;
}

a.contentpagetitle:hover,
a.contentpagetitle:active,
a.contentpagetitle:focus {
        border-bottom: none;
}

a.readon {
        border-bottom: none;
        font-weight: bold;
}

a.readon:hover, a.readon:active, a.readon:focus {
        border-bottom: none;
}

table.contentpaneopen td, table.contentpane td {
}

table.contentpaneopen, table.contentpane, table.blog {
        width: 100%;
        border-collapse: collapse;
        border-spacing: 0;
}

.createdate {
        margin: 5px 0 10px;
        color: #999999;
}

.modifydate {
        color: #999999;
        height: 15px;
}

.moduletable {
        padding: 0;
}

.mosimage {
        margin: 15px 10px 10px 0!important;
        margin: 15px 5px 10px 0;
        padding: 0;
}

.mosimage img {
}

.mosimage_caption {
        margin-top: 5px;
        padding: 1px 2px;
        color: #999999;
}

.pagenav, .pagenav_prev, .pagenav_next, .pagenavbar {
        padding: 0 2px;
}

a.pagenav, .pagenav_prev a, .pagenav_next a, .pagenavbar a {
}

.pagenavbar {
}

.pagenavcounter {
        padding: 8px 14px 0 14px;
        background: url(http://www.soffa.pl/templates/ja_olyra/images/pages.gif) no-repeat 0 11px;
}

.sectiontableheader {
        padding: 5px;
        background: #505050;
        color: #FFFFFF;
        font-weight: bold;
}

tr.sectiontableentry1 td {
        padding: 5px 5px;
        border-bottom: 1px solid #DDDDDD;
        background: #FFFFFF;
}

tr.sectiontableentry2 td {
        padding: 5px 5px;
        border-bottom: 1px solid #DDDDDD;
        background: #EFEFEF;
}

tr.sectiontableentry1:hover td,
tr.sectiontableentry2:hover td {
        background: #FDF7EE;
}

.small {
}

.smalldark {
        text-align: left;
}

div.syndicate div {
        text-align: center;
}

.pollstableborder tr.sectiontableentry1 td,
.pollstableborder tr.sectiontableentry2 td {
        background: none;
}

/* MAIN LAYOUT DIVS
--------------------------------------------------------- */
#ja-wrapper {
       /* background: #FFFFFF; */

}

#ja-headerwrap,
#ja-topslwrap,
#ja-botslwrap,
#ja-mainnavwrap1,
#ja-subnavwrap,
#ja-footerwrap,
#ja-hpwrap {
        clear: both;
        width: 100%;
}

#ja-wrapper {
        margin: 0 auto;
        width: 750px;
        text-align: left;
}

.wide #ja-wrapper {
        margin: 0 auto;
        width: 970px;
}

.auto #ja-wrapper {
        width: 90% !important;
}

/* LEFT COLUMN + RIGHT COLUMN
--------------------------------------------------------- */
/* Left column */
#ja-col1 {
        float: left;
        width: 26.8%;
        overflow: hidden;
}

#ja-col1 div.innerpad {
        padding: 10px 25px 10px 0;
}

#ja-col1 div.moduletable {
        background: url(http://www.soffa.pl/templates/ja_olyra/images/dot-sep.gif) repeat-x bottom;
}

/* Right column */
#ja-col2 {
        float: right;
        width: 20.8%;
        overflow: hidden;
}

#ja-col2 div.innerpad {
        padding: 0 0 10px 10px;
}

/* Left column + Right column */
#ja-col1 table, #ja-col2 table {
        border-collapse: collapse;
        border-spacing: 0;
}

#ja-col1 ul, #ja-col2 ul {
        margin: 0;
        padding: 0;
}

#ja-col1 ul li, #ja-col2 ul li {
        padding-left: 13px;
        background: url(http://www.soffa.pl/templates/ja_olyra/images/bullet-list.gif) no-repeat 2px 8px;
}

/* CONTENT COLUMN
--------------------------------------------------------- */
#ja-mainbody {
/*        border-right: 1px solid #CCCCCC;*/
        background: url(http://www.soffa.pl/templates/ja_olyra/images/bbook-bg.gif) repeat-y 21% 0%;

}

#ja-mainbody, #ja-mainbody-fl, #ja-mainbody-fr, #ja-mainbody-f {
}

#ja-mainbody, #ja-mainbody-fr {
        float: left;
        width: 79%;
}

#ja-mainbody-fl {
        float: left;
        width: 100%;
}

#ja-mainbody-fl #ja-contentwrap {
        float: left;
        width: 80%;
        background: none;
}

#ja-mainbody-fl #ja-col2 {
        float: left;
        width: 20%;
}

#ja-mainbody-fr {
        border-right: 1px solid #CCCCCC;
        width: 100%;
        background: url(http://www.soffa.pl/templates/ja_olyra/images/bbook-bg.gif) repeat-y 21% 0%;
}

#ja-mainbody-f #ja-contentwrap {
        width: 100%;
}

#ja-mainbody-f #ja-book-tl,
#ja-mainbody-f #ja-book-bl,
#ja-mainbody-f #ja-content {
        border: none;
        background: none;
}

#ja-mainbody-f {
        float: none;
        width: 100%;
}

#ja-mainbody-f #ja-content {
        padding: 0 !important;
}

#ja-contentwrap {
        float: right;
        width: 73%;
}

#ja-book-tl {
        background: url(http://www.soffa.pl/templates/ja_olyra/images/book-tl.gif) no-repeat 21% 0%;
}

#ja-book-bl {
        border-left: 1px solid #CCCCCC;
        padding-bottom: 20px;
        background: url(http://www.soffa.pl/templates/ja_olyra/images/book-bl.gif) no-repeat 21% 100%;
}

#ja-content {
        padding: 15px 20px 15px 30px;
/*        background: url(http://www.soffa.pl/templates/ja_olyra/images/body-tr.gif) no-repeat top right;*/
}

/* COLLAPSIBLE LAYOUT
--------------------------------------------------------- */
#ja-containerwrap {
}

#ja-container {

}

/* full */
#ja-containerwrap-f, #ja-containerwrap-f #ja-container {
        background: #FFFFFF;
}

#ja-containerwrap-f #ja-content {
        width: 100%;
}

/* content + col + mass */
#ja-containerwrap-cm {
}

#ja-containerwrap-cm #ja-container {
        background: none;
}

#ja-containerwrap-cm #ja-col1,
#ja-containerwrap-cm #ja-col2 {
        width: 100%;
}

/* content + col */
#ja-containerwrap-c {
}

#ja-containerwrap-c #ja-container {
        background: none;
}

#ja-containerwrap-c #ja-content {
        width: 80%;
}

#ja-containerwrap-c #ja-colwrap {
        width: 20%;
}

#ja-containerwrap-c #ja-col1,
#ja-containerwrap-c #ja-col2 {
        width: 100%;
}

/* content + mass */
#ja-containerwrap-m {
}

#ja-containerwrap-m #ja-container {
        background: none;
}

/* HEADER
--------------------------------------------------------- */
#ja-headerwrap {

}

#ja-header {
        line-height: normal;
        text-align: left;
        position: relative;
	padding: 0px;
	margin: 14px 0 0 0;


}

#ja-header h1 {
        margin: 0;
        padding: 0;
        float: left;
        width: 471px;
        font-size: 2.5em;
        height: 140px;
}

#ja-header h1 a {
        width: 471px;
        display: block;
        background: url(http://www.soffa.pl/templates/ja_olyra/images/logo.png) no-repeat top left;
        text-transform: uppercase;
        text-indent: -500%;
        height: 140px;
	padding: 0px;
	margin: 0px;

}

#ja-header h1 img {
        float: left;
}

#ja-header a {


}

/* MAIN NAVIGATION
--------------------------------------------------------- */
#ja-topnav {
/*        position: absolute;
        top: 0px;
        right: 0;
width:950px;
        background: url(http://www.soffa.pl/templates/ja_olyra/images/logo-happy.gif) no-repeat top right;
        padding: 0px 0px 60px 0px;
        margin-left: 15px;
        margin-right: -15px;
 position:absolute; top:0; right:0;
     display: block;*/

	background: url(http://www.soffa.pl/templates/ja_olyra/images/logo-happy.gif) no-repeat top right;
	width:950px;
	height: 137px;
	padding: 14px 0 0 40px;
	margin: -14px 0 0 0;

}

#ja-topnav .w1 {
}

#ja-topnav .w1 .w2 {
 
}

#ja-topnav .w1 .w2 .w3 {

}

#ja-topnav #ja-iconmenu {
        float: left;
}

#ja-mainnavwrap {
/*        background: url(http://www.soffa.pl/templates/ja_olyra/images/logo-top.jpg) no-repeat top left #505050; */
margin-left: 100px; /*przesuniecie gornego menu*/
}

#ja-mainnav {
        padding-left: 330px;
        height: 40px;
}

#ja-mainnavwrap1 a,
#ja-mainnavwrap1 a:hover,
#ja-mainnavwrap1 a:active,
#ja-mainnavwrap1 a:focus {
        border-bottom: none;
}

#ja-mainnav ul {
        margin: 0;
        padding: 0;
        list-style: none;
}

#ja-subnavwrap {
}

#ja-subnav {
}

#ja-search {
        float: right;
}

#ja-search div.search {
        padding-top: 4px;
}

#ja-search div.search .inputbox {
        width: 150px;
        border: 1px solid #B7B7B7;
        padding: 3px 0 3px 4px;
        margin-bottom: 0;
        background: url(http://www.soffa.pl/templates/ja_olyra/images/icon-search.gif) no-repeat 95% 50%;
}

/* Default Joomla! Menu */
a.mainlevel {
        margin: 0;
        padding: 5px 5px 5px 14px;
        width: 90%;
        border-bottom: 1px solid #EFEFEF;
        display: block;
        color: #333333;
        background: url(http://www.soffa.pl/templates/ja_olyra/images/bullet-list.gif) no-repeat 3px 12px;
}

a.mainlevel:hover,
a.mainlevel:active,
a.mainlevel:focus {
        color: #D78807;
        background: #F7F7F7;
}

a.mainlevel#active_menu {
        color: #D78807;
}

a.sublevel {
        padding: 3px 3px 3px 14px;
        border-bottom: none;
        display: block;
}

a.sublevel:hover,
a.sublevel:active,
a.sublevel:focus {
        border-bottom: none;
}

#active_menu {
        color: #CC0000;
        font-weight: bold;
}

/* SPOTLIGHT
--------------------------------------------------------- */
/* Spotlight Box Style */
.ja-box-left, .ja-box-center, .ja-box-right {
        float: left;
        overflow: hidden;
}

.ja-box-full {
        float: none;
        overflow: hidden;
}

.ja-box-left div.moduletable {
        padding: 0 15px 0 0;
}

.ja-box-right div.moduletable {
        padding: 0 0 0 15px;
}

.ja-box-center div.moduletable {
        padding: 0 15px;
}

/* Top Spotlight */
#ja-topslwrap {
        margin-bottom: 10px;
}

#ja-topsl {
        clear: both;
        padding: 0;
        position: relative;
}

#ja-topsl-head {
        padding: 8px 0 8px 10px;
        background: url(http://www.soffa.pl/templates/ja_olyra/images/topsl-head-bg.gif) no-repeat top right;
        color: #FFFFFF;
        font-weight: bold;
        font-size: 130%;
}

#ja-topsl h3 {
        margin: 0;
        padding: 0;
}

#ja-topsl a {
}

#ja-topsl div.moduletable {
        margin: 0;
        padding: 15px 25px;
}

#ja-topsl div.ja-box-left,
#ja-topsl div.ja-box-center,
#ja-topsl div.ja-box-right {
        padding: 0;
}

#ja-topsl-leftwrap {
        float: left;
        width: 80%;
}

#ja-topsl-left {
        margin: 0;
        padding: 0;
        background: url(http://www.soffa.pl/templates/ja_olyra/images/topsl-br.gif) no-repeat bottom right;
}

#ja-topsl-leftwrap div.innerpad {
        padding-right: 10px;
}

#ja-topsl-left div.wrap1 {
        margin: 0;
        padding: 0;
        background: url(http://www.soffa.pl/templates/ja_olyra/images/topsl-bl.gif) no-repeat bottom left;
}

#ja-topsl-left div.wrap2 {
        margin: 0;
        padding: 0;
        background: url(http://www.soffa.pl/templates/ja_olyra/images/topsl-tr.gif) no-repeat top right;
}

#ja-topsl-left div.wrap3 {
        margin: 0;
        padding: 0;
        background: url(http://www.soffa.pl/templates/ja_olyra/images/topsl-tl.gif) no-repeat top left;
}

#ja-topsl-right {
        width: 20%;
        float: right;
}

#ja-topsl-right div.innerpad {
        padding: 0;
}

#ja-topsl-right h3 {
        padding: 0 0 8px 0;
        margin-bottom: 15px;
        color: #FFFFFF;
        font-size: 130%;
}

#ja-topsl-right div.module {
        margin: 0;
        padding: 0;
        background: url(http://www.soffa.pl/templates/ja_olyra/images/topsl-r-br.gif) no-repeat bottom right;
}

#ja-topsl-right div.module div {
        background: url(http://www.soffa.pl/templates/ja_olyra/images/topsl-r-bl.gif) no-repeat bottom left;
}

#ja-topsl-right div.module div div {
        background: url(http://www.soffa.pl/templates/ja_olyra/images/topsl-r-tr.gif) no-repeat top right;
}

#ja-topsl-right div.module div div div{
        padding: 10px 10px 15px;
        background: url(http://www.soffa.pl/templates/ja_olyra/images/topsl-r-tl.gif) no-repeat top left;
}

/* Bottom Spotlight */
#ja-botslwrap {
        margin: 20px 0;
        border: 1px solid #CCCCCC;
        background: url(http://www.soffa.pl/templates/ja_olyra/images/bg-footer.gif) no-repeat top left #FFFFFF;
}

#ja-botsl {
}

#ja-botsl div.moduletable {
        padding: 10px;
        background: none;
}

#ja-botsl div.ja-box-left,
#ja-botsl div.ja-box-center {
        background: url(http://www.soffa.pl/templates/ja_olyra/images/sep.gif) repeat-y right;
}

#ja-botsl h3 {
        margin: 0 0 5px;
        padding: 0;
}

/* Common Styles for both Spotlight Area */
#ja-topsl ul,
#ja-botsl ul {
        margin: 0;
        padding: 0;
}

#ja-topsl li,
#ja-botsl li {
        padding-left: 12px;
        margin: 0;
        background: url(http://www.soffa.pl/templates/ja_olyra/images/bullet-list.gif) no-repeat 2px 8px;
}

#ja-topsl td,
#ja-botsl td {
        padding: 0;
}

#ja-botsl .article_seperator,
#ja-topsl .article_seperator {
        display: none;
}

#ja-botsl table,
#ja-topsl table {
        border-collapse: collapse;
        border-spacing: 0;
}

/* PATHWAY
---------------------------------------------------------*/
#ja-pathway {
        padding: 0;
        float: left;
        width: 80%;
}

#ja-pathway a {
        font-weight: bold;
}

#ja-pathway img {
        padding: 1px 2px;
}

/* FOOTER
--------------------------------------------------------- */
#ja-footerwrap {
/*        border-left: 1px solid #CCCCCC;
        border-right: 1px solid #CCCCCC;
        border-bottom: 1px solid #CCCCCC;
*/
        margin-top: 15px;
/*        background: url(http://www.soffa.pl/templates/ja_olyra/images/footer-bg.gif) repeat-x top left;*/
}

#ja-footer {
        clear: both;
        padding: 20px 10px 20px;
        color: #999999;
        text-align: left;
        overflow: hidden;
        position: relative;
}

#ja-footer a {
        color: #999999;
        font-weight: bold;
}

#ja-footer a:hover,
#ja-footer a:active,
#ja-footer a:focus {
        color: #333333;
        font-weight: bold;
}

#ja-cert {
        position: absolute;
        right: 10px;
        top: 18px;
}

#ja-cert a {
        padding-left: 2px;
        border-bottom: none;
}

/* MISCELLANOUS
----------------------------------------------------------- */
ul.accessibility {
        position: absolute;
        top: -100%;
}

/* User Tools */
#jausertoolswrap {
        width: 30px;
        display: block;
        font-size: 12px;
        z-index: 999;
        position: relative;
}

#jausertoolswrap:hover,
#jausertoolswrap.ja-toolswraphover {
}

span.ja-sitetool {
        margin: 0;
        padding: 0;
        width: 30px;
        display: block;
        font-weight: bold;
        text-align: center;
        text-decoration: none;
        cursor: pointer;
}

#ja-usertools {
        padding: 0;
        width: 30px;
        font-size: 11px;
        line-height: normal;
        position: absolute;
        bottom: 20px;
        right: 0px;
        height: 0px;
        overflow: hidden;
}

#ja-usertools ul {
        margin: 5px 0 5px;
        padding: 0;
}

#ja-usertools ul li {
        padding: 0;
        margin: 0;
        list-style: none;
        background: none;
        line-height: normal;
}

#ja-usertools img {
        padding: 0 7px;
        clear: both;
}

.ja-banner {
        margin-top: 10px;
        padding: 10px 0;
        background: url(http://www.soffa.pl/templates/ja_olyra/images/sep.gif) repeat-x top;
        text-align: center;
}

.ja-banner a, .ja-banner a:hover, .ja-banner a:active, .ja-banner a:focus {
        border-bottom: none;
}

.ja-content-module {
        margin-top: 15px;
        padding: 10px 0;
        background: url(http://www.soffa.pl/templates/ja_olyra/images/sep.gif) repeat-x top;
        text-align: center;
}

div.back_button a,
div.back_button a:hover,
div.back_button a:active,
div.back_button a:focus {
        border-bottom: none;
        float: left;
        margin: 10px 0;
        display: block;
        font-weight: bold;
}

#mod_login_password, #mod_login_username {
        width: 90%;
}

#mod_login_remember {
        border: none;
        background: none;
}

/* Clearfix */
.clearfix:after {
        clear: both;
        display: block;
        content: ".";
        height: 0;
        visibility: hidden;
}

* html > body .clearfix {
        width: 100%;
        display: block;
}

* html .clearfix {
        height: 1%;
}

/* Firefox Scrollbar Hack - Do not remove */
html {
        margin-bottom: 1px;
        height: 100%!important;
        height: auto;
}

/*------------------------------------------------------------------------
# JA Olyra - Jul, 2007
# ------------------------------------------------------------------------
# Copyright (C) 2004-2007 J.O.O.M Solutions Co., Ltd. All Rights Reserved.
# @license - Copyrighted Commercial Software
# Author: J.O.O.M Solutions Co., Ltd
# Websites:  http://www.joomlart.com -  http://www.joomlancers.com
-------------------------------------------------------------------------*/

/* Icon Menu
--------------------------------------------------------- */
#ja-iconmenu {
	position: relative;
	float: right;
}

#ja-imageTitle {
	font-weight: bold;
	white-space: nowrap;
	position: absolute;
	top: 0;
	color: #666666;
}

#ja-iconmenu table {
	border-collapse: collapse;
	border-spacing: 0;
}

/*------------------------------------------------------------------------
# JA Olyra - Jul, 2007
# ------------------------------------------------------------------------
# Copyright (C) 2004-2007 J.O.O.M Solutions Co., Ltd. All Rights Reserved.
# @license - Copyrighted Commercial Software
# Author: J.O.O.M Solutions Co., Ltd
# Websites:  http://www.joomlart.com -  http://www.joomlancers.com
-------------------------------------------------------------------------*/

/* TransMenu
-------------------------------------------------
Originally developed by Aaron Boodman
http://www.youngpup.net/
--------------------------------------------------
NOTE: TransMenu background and some
configurations are located in the ja-transmenu.js.
-------------------------------------------------*/


/* this is the clipping region for the menu. it's width and height get set by script, depending on the size of the items table */
.transMenu {
	position: absolute;
	overflow: hidden;
	left: -1000px;
	top: -1000px;
}

/* this is the main container for the menu itself. it's width and height get set by script, depending on the size of the items table */
.transMenu .content {
	position: absolute;
}

/* this table comprises all menu items. each TR is one item. It is relatively positioned so that the shadow and background transparent divs can be positioned underneath it */
.transMenu .items {
	position: relative;
	left: 0px;
	top: 0px;
	z-index: 2;
}

.transMenu.top .items {
}

/* this DIV is the semi-transparent white background of each menu. the -moz-opacity is a proprietary way to get transparency in mozilla, the filter is for IE/windows 5.0+. */
/* we set the background color in script because ie mac does not use it; that browser only uses a semi-transparent white PNG that the spacer gif inside this DIV is replaced by */
.transMenu .background {
	position: absolute;
	left: 0px;
	top: 0px;
	z-index: 1;
	-moz-opacity: .9;
	filter: alpha(opacity=90);
}

/* same concept as .background, but this is the sliver of shadow on the right of the menu. It's left, height, and background are set by script. In IE5/mac, it uses a PNG */
.transMenu .shadowRight {
	width: 2px;
	position: absolute;
	z-index: 3;
	top: 3px;
	-moz-opacity: .4;
	filter: alpha(opacity=40);
}

/* same concept as .background, but this is the sliver of shadow on the bottom of the menu. It's top, width, and background are set by script. In IE5/mac, it uses a PNG */
.transMenu .shadowBottom {
	position: absolute;
	z-index: 1;
	left: 3px;
	height: 2px;
	-moz-opacity: .4;
	filter: alpha(opacity=40);
}

/* each TR.item is one menu item */
.transMenu .item {
	color: #FFFFFF;
	text-transform: none;
	text-align: left;
	/* this is a hack for mac/ie5, whom incorrectly cascades the border properties of the parent table to each row */
	border: none;
	cursor: pointer;
	font-size: 100%;
}

/* this is the class that is used when the mouse is over an item. script sets the row to this class when required. */
.transMenu .item.hover {
	color: #FFFFFF;
	background: #666666;
}

/* this is either the dingbat that indicates there is a submenu, or a spacer gif in it's place. We give it extra margin to create some space between the text and the dingbat */
.transMenu .item img {
	margin-left: 10px;
}

/* ----------------------------------------------------------------
- Added classes by Khanh - 050629
- Style and mark-up improved by Hieu Nguyen & Ha Le Viet - 060718
-------------------------------------------------------------------*/
.transMenu .item#active {
	color: #FFFFFF;
	background: #8C8C8C;
	/* -moz-opacity: .6;
	filter: alpha(opacity=60); */
}

.transMenu .item#active:hover {
	color: #FFFFFF;
	background: #8C8C8C;
}

/* For first level menu.*/
#ja-transmenu {
	margin: 0;
	padding: 0;
}

#ja-transmenu li {
	margin: 0;
	padding: 0;
	background: none;
	display: inline;
}

#ja-transmenu li a { /* common styles for 1st level menu */
	float: left;
	margin: 0;
	padding: 0 15px;
	line-height: 40px;
	display: block;
	color: #CCCCCC;
	font-size: 115%;
	font-weight: bold;
	text-decoration: none;
	outline: none;
}

#ja-transmenu a.havechild-mainlevel-trans {
}

#ja-transmenu a.havechild-mainlevel-active-trans,
#ja-transmenu a.havechild-mainlevel-active-trans:hover,
#ja-transmenu a.havechild-mainlevel-active-trans:active,
#ja-transmenu a.havechild-mainlevel-active-trans:focus {
	color: #FFFFFF;
	background: url(http://www.soffa.pl/templates/ja_olyra/images/mainnav-active-bg.gif) no-repeat top right;
}

#ja-transmenu a.jahover {
	background: #666666;
	color: #FFFFFF;
}

#ja-transmenu a.jahover-active {
	color: #FFFFFF;
		background: url(http://www.soffa.pl/templates/ja_olyra/images/mainnav-active-bg.gif) no-repeat top right #8C8C8C;
}

a.mainlevel-trans {
}

#ja-transmenu a.mainlevel-trans:hover,
#ja-transmenu a.mainlevel-trans:active,
#ja-transmenu a.mainlevel-trans:focus {
	background: #666666;
	color: #FFFFFF;
}

#ja-transmenu a.mainlevel-active-trans,
#ja-transmenu a.mainlevel-active-trans:hover,
#ja-transmenu a.mainlevel-active-trans:active,
#ja-transmenu a.mainlevel-active-trans:focus {
	color: #FFFFFF;
		background: url(http://www.soffa.pl/templates/ja_olyra/images/mainnav-active-bg.gif) no-repeat top right;
}

/* First item */
#ja-transmenu a.havechild-mainlevel-active-trans-first,
#ja-transmenu a.havechild-mainlevel-active-trans-first:hover,
#ja-transmenu a.havechild-mainlevel-active-trans-first:active,
#ja-transmenu a.havechild-mainlevel-active-trans-first:focus,
#ja-transmenu a.mainlevel-active-trans-first,
#ja-transmenu a.mainlevel-active-trans-first:hover,
#ja-transmenu a.mainlevel-active-trans-first:active,
#ja-transmenu a.mainlevel-active-trans-first:focus {
	color: #FFFFFF;
	background: url(http://www.soffa.pl/templates/ja_olyra/images/mainnav-active-bg.gif) no-repeat top right;
}

#ja-transmenu a.havechild-mainlevel-trans-first:hover,
#ja-transmenu a.havechild-mainlevel-trans-first:active,
#ja-transmenu a.havechild-mainlevel-trans-first:focus,
#ja-transmenu a.mainlevel-trans-first:hover,
#ja-transmenu a.mainlevel-trans-first:active,
#ja-transmenu a.mainlevel-trans-first:focus {
	background: #666666;
	color: #FFFFFF;
}