

* { padding: 0; margin: 0; outline: 0; }

body {
    margin: 10px 0 0 0;
    padding: 0;
    font: normal 17px/1.6em  "helvetica neue", helvetica, verdana, tahoma, sans-serif;	 
    text-align: center;
    background: #29166F url(bg.jpg) repeat-x;
    color: #222; 
}

a {
    color: #001469;		
    background-color: inherit;
    text-decoration: underline;			
}

a:hover {	
    color: #528CED;
    background-color: inherit;	
}

a img {
    border: none;
}


h1, h2, h3, h4, h5 {
    font: normal 22px Helvetica, 'Trebuchet MS', Arial, Sans-serif;
    color: #528CED; /*jasny nieibieski*/
}

h1 { font-size: 2.5em; }
h2 { font-size: 1.8em; }
h3 { font-size: 1.5em; }
h4 { font-size: 1.3em; }
h5 { font-size: 1.1em; }

p, h1, h2, h3, h4, h5 {
    margin: 0;
    padding: 10px 15px;
}

ul, ol {
    margin: 10px 30px;
    padding: 0 15px;	
}


img {
    background: transparent;
    /*border: 3px solid #528CED;*/	
}

img.float-right {
    margin: .5em 0 .1em 1em; 
}

img.float-left {
    margin: 1px 1em .1em 0;
}

img.padding {
    padding-right: 5px;	
}



code {
    margin: .5em 0;
    display: block;
    padding: 20px;
    text-align: left; 
    overflow: auto;  
    font: 500 1em/1.5em 'Lucida Console', 'Courier New', monospace ;
    /* white-space: pre; */
    background: transparent;
    border: 1px solid #528CED;   
}


acronym {
    cursor: help;
    border-bottom: 1px dotted #528CED;
}


blockquote {
    margin: 10px 15px;
    padding: 10px 0 10px 30px;  
    background: transparent;
    /*border: 1px solid #528CED;   */
    font: normal 1.2em/1.3em Georgia, "Times New Roman", Times, serif;
}


table {
    margin: 10px 15px; 
    border-collapse: collapse;			
}

th strong {
    color: #fff;
}

th {
    background: #29166F; /*granatowy*/
    color: #fff;
    height: 3em;
    padding-left: 12px;
    padding-right: 12px;	
    text-align: left;
    border-left: 1px solid #29166F; /*granatowy*/
    border-right: 1px solid #29166F; /*granatowy*/
    border-bottom: 1px solid #29166F; /*granatowy*/
    border-top: 2px solid #528CED; /*jasny nieibieski*/
}

tr {
    color: #707070;
    height: 2.5em;	
}

td {
    padding-left: 12px;
    padding-right: 12px;
    border: 1px solid #211E20;	
}

form {
    margin: 10px 15px; 
    padding: 10px;
    background: transparent;
    border: 1px solid #528CED;  
}

fieldset {
    margin: 0;
    padding: 0;
    border: none;
}

label {
    display:block;
    font-weight:bold;
    margin: .4em 0;	
}

input {
    padding: .3em;
    border: 1px solid  #528CED;
    font: normal 1em Verdana, sans-serif;
    color: #29166F; /*granatowy*/
}

textarea {
    width: 55%;
    padding: .3em;
    font: normal 1em/1.5em Verdana, sans-serif;
    border: 1px solid #528CED;
    height: 10em;
    display:block;
    color: #29166F; /*granatowy*/
}

input.button { 
    font: bold 1em Arial, Tahoma, Sans-serif; 
    margin: 0;
    padding: .25em .3em;
    color: #29166F; /*granatowy*/
    background:  #528CED; /*jasny nieibieski*/
    border: 2px solid #29166F; /*granatowy*/ 
}


#header, #navigation, #content, #footer-container {
    width: 980px;
}


#header {
    clear: both;
    position: relative;
    margin: 0 auto; padding: 0;
    height: 158px;
    text-align: left;	
}



#header p#logo a {    
    margin: 0;
    padding: 0;
    position: absolute;
    text-decoration: none;

    left: 0px;
    top: 0px;
}


#header h1#logo-text a {
    position: absolute;
    margin: 0; padding: 0;
    font: bold 58px 'Trebuchet MS', Tahoma, Arial, Sans-serif;
    letter-spacing: -3px;
    color: #29166F;
    text-decoration: none;
    z-index: 9998;
    background: transparent;	
    /* pozycja logo*/
    top: 33px; left: 160px;	
}

#header p#slogan {
    position: absolute;	
    font: bold 16px 'Arial', Sans-serif;
    text-transform: none;
    color: #29166F; /*granatowy*/
    margin: 0; padding: 0;
    z-index: 9999;
    letter-spacing: 0px;

    /* pozycja sloganu */
    top: 95px; left: 160px;
}

#navigation {
    clear: both;	
    margin: 0 auto;
    padding: 0;		
}

#navigation ul {
    float: left;
    list-style: none;
    text-transform: uppercase;
    margin: 0;	padding: 0;	
    height: 48px;		
}

#navigation ul li {
    float: left;
    margin: 0; padding: 0;
    height: 48px;
}

#navigation ul li a {
    display: block;
    float: left;
    width: auto;
    margin: 0;
    padding: 0 13px;
    color: #a5a5a5;
    font: bold 16px/54px "Trebuchet MS", Helvetica, Arial, sans-serif;
    text-decoration: none;	
    letter-spacing: 1px;	
}

#navigation ul li a:hover, 
#navigation ul li a:active {
    color: #528CED; /*jasny nieibieski*/		
}

#navigation ul li.selected a {	
    color: #528CED; /*jasny nieibieski*/
}

#navigation ul li.order a {	
    color: lightcyan; 
}


#content-container {
    clear: both;
    float: left;
    width: 100%;
    background: #fff url(footer-top.jpg) repeat-x left bottom;
    border-bottom: 3px solid #528CED; /*jasny nieibieski*/
    min-height: 600px;
}


#content {
    text-align: justify;	
    padding: 0; 
    margin: 0 auto;		
}

#content ol.bibliografy {
    padding-top: 15px;
}

#content ol.bibliografy  li {
    font-size: 16px;
    padding-bottom: 15px;
    line-height: 130%;
    letter-spacing: -1px;
}

#content ol.bibliografy  li strong{
    letter-spacing: 0px;
    padding-left: 5px;
    padding-right: 5px;
}

#content div.description {
    margin-left: 0px;
    overflow: hidden;
}



#content p#klauzula {
    font: normal 12px Tahoma, Sans-serif;
    line-height: 100%;
    color: #528CED; /*jasny nieibieski*/
}


#content p.links a, 
#content p.links a:hover{
    text-decoration: none;
    color: #222;
}

#content ul.advantages_left,
#content ul.advantages_right{
    font-size: 18px;
    padding: 0px;
}

#content ul.advantages_left {
    margin-left: 5px;
    margin-right: 0px;    
}

#content ul.advantages_right {
    margin-left: 0px;
    margin-right: 20px;    
}


#content ul.advantages_left li,
#content ul.advantages_right li {
    padding-left: 35px; 
    padding-bottom: 20px;
    background: url('tick_yes.png') 0 2px no-repeat;
    list-style:none;
}


#content ul.advantages_left li {
    padding-right: 35px; 
}

#content ul.advantages_right li {
    padding-left: 35px; 

}




/* tresc glowna */
#main {
    margin: 50px 290px 50px 0px; 
    padding: 0;		
}
#main h1 { 
    font: bold 25px Helvetica, 'Trebuchet MS', Arial, Sans-serif;
    color: #528CED;	
    letter-spacing: 0px;		
    padding-left: 0px;
    padding-bottom: 0px;
    margin-bottom: 15px;
    border-bottom: 0px solid  #29166F; 	
}


#main h1 a {
    color: #001469;	
    text-decoration: none;	
}

#main h2 { 
    font: normal 22px Helvetica, 'Trebuchet MS', Arial, Sans-serif;
    color: #29166F;	
    letter-spacing: -1px;		
    padding-bottom: 0px;
    margin-bottom: 5px;
    border-bottom: 1px dotted  #528CED; 	/*jasny niebieski*/
}
#main h2 a {
    color: #001469;	
    text-decoration: none;	
}


#main h3 { 
    font: normal 1.2em 'Trebuchet MS', Arial, Sans-serif;
    color: #29166F;	
    letter-spacing: -1px;		
    padding-bottom: 0px;
    padding-top: 23px;
    margin-bottom: 5px;
    border-bottom: 1px dotted  #528CED; 	/*jasny niebieski*/
}


#main h3 a {
    color: #001469;	
    text-decoration: none;	
}


#main div.description {
    margin-bottom: 30px;
}

#main div.description_software {
    margin-bottom: 30px;
    min-height: 230px;
}


/* sidebar */
#sidebar {
    font: normal 13px arial, verdana, tahoma, sans-serif;
    float: right;
    width: 250px;
    margin: 10px 0 10px 0px; 
    padding: 0;	
}

#sidebar span.version {
    font-size: 19px;
    font-family: Arial, Verdana, Tahoma;
}

#sidebar span.disclaimer {
    font-size: 14px;
}


#sidebar h2 {
    font-size: 16px;
    padding: .3em 0 .5em 10px; 
    color: #29166F;			
    text-transform: uppercase;
    letter-spacing: 1px;	
    font-weight: bold;
}

#sidebar p {
    line-height: 150%;
    padding-left: 20px;
    padding-right: 20px;
}

#sidebar p.user_opinion {
    font-style: italic;
    line-height: 140%;
}


#sidebar p.thumbs_payments img {
    background: none repeat scroll 0 0 transparent;
    border: 1px solid #EBEBEB;
    margin: 3px;
    padding: 2px;
    position: relative;
}

#sidebar div.description {
    margin-bottom: 30px;
}


#sidebar div.promotion {
    /*display: none;*/
}


#sidebar ul.sidemenu {
    margin: 0 0 0 10px;
    padding: .1em 0 1em 0;		
    font-family: Arial, Tahoma, Sans-serif;		
    border-top: 1px solid lightgray;
}

#sidebar ul.sidemenu li {
    padding: 0; 
    border-bottom: 1px solid lightgray; 
    list-style:none;
}

* html body #sidebar ul.sidemenu li { height: 1%; }

#sidebar ul.sidemenu li a {
    display: block;
    font-weight: bold;
    color: #222;
    text-decoration: none;
    padding: .2em 0 .2em 30px;
    line-height: 20px;
    font-size: 13px;
}
#sidebar ul.sidemenu li a:hover {
    color: #29166F;				
}
#sidebar ul.sidemenu ul { margin: 0 0 0 15px; }
#sidebar ul.sidemenu ul li { border: none; }







#footer-container {	
    clear: both;
    padding: 0;	
    margin: 0 auto; 

}





#columns {
    clear: both;
    text-align: left;
    color: #5B9CFF;
    margin: 0 auto; 
    padding: 1.3em 0 .5em 0;
    width: 95%;	
}
#columns h3 {
    color: #528CED; /*jasny nieibieski*/
    margin: 0;
    padding: 0 10px; 	
    font-size: 16px;
    font-weight: bold;
    text-transform: uppercase;
}

#columns ul {
    list-style: none;
    float: left;
    margin: 5px 0 0 0; 
    padding: 0;	
    border-top: 1px solid #23125C;	
    font-size: .85em
}
#columns li {
    border-bottom: 1px solid #23125C;	
    float: left;	
}
#columns li a {
    display: block;
    padding: .01em 0 .1em 1em;
    color: #8F8F8E; /*szary*/
    text-decoration: none;	
}
#columns li a:hover {
    color: #528CED; /*jasny nieibieski*/	
}

#columns .column, .column-center {
    float: left;
    width: 31%;
}
#columns .column-center { 
    margin: 0 15px; 
}






#footer {
    clear: both;
    margin: 0 auto; 
    padding: 1px 20px;
    text-align: left;
    font-size: .65em;
}

#footer a,
#footer:hover, 
#footer:active,
#footer p#copyright {
    color: #8F8F8E; 
    text-decoration: none;
}


.float-left  { 
    float: left; 
}

.float-right { 
    float: right; 
}

.align-left  {
    text-align: left;
}

.align-right { 
    text-align: right; 
}

.clear { 
    clear: both; 
}

.orange {
    color: #FF9900
}

.red {
    color: #FF3300
}

.lightblue {
    color: #528CED
}

.hide {
    display: none
}

.no_padding {
    padding: 0 !important;
}

.no_margin {
    margin: 0 !important;
}



#compare table {
    margin-top: 30px;
    margin-bottom: 30px;
    border-spacing: 0;
    width: 100%;
}


#compare table tr, 
#compare table th, 
#compare table td {
    border: 0;
    vertical-align: middle;
    padding-top: 7px;
    padding-bottom: 7px;
}


#compare table tr.divided td {
    border-bottom: 1px solid #D5D5D5;
    border-top: 1px solid #D5D5D5;
}

#compare table tr.divided td.ender {
    /*border-bottom: none;*/
}

#compare table .label {
    text-align: right;
    text-transform: uppercase;
    padding-right: 20px;
    padding-top: 21px;
    font-size: 14px;
    font-weight: bold;
    line-height: 145%;   
    vertical-align: top;
}


#compare table th, 
#compare table td {
    height: 60px;
}


#compare table th {
    background: none;
}



#compare table th.column {
    -moz-border-radius: 4px 4px 0 0;
    -webkit-border-radius: 4px 4px 0 0;
    border-radius: 4px 4px 0 0;
    font-size: 16px;
    font-weight: bold;
    color: #528CED;
    line-height: 120%;
    padding-top: 20px;
    padding-bottom: 20px;
}


#compare table .column {
    text-align: center;
    background: #EFEFEF;
    width: 130px;
    font-size: 13px;
    line-height: 125%;    
}

#compare table td.column {
    vertical-align: top;
    text-align: left;
    padding-top: 13px;
}


#compare table span.yes {
    background: url('tick_yes.png') no-repeat center center;
    color: #2499C9;
}

#compare table span.no {
    background: url('tick_no.png') no-repeat center center;
    color: #2499C9;
}


#compare table span.yes, #compare table span.no {
    display: block;
    width: 32px;
    height: 32px;
    font-size: 1px;
    color: #EFEFEF;
    margin: 0 auto;
}


#compare table ul {
    margin: 0;
    padding: 5px 0 0 12px;
}

#compare table ul li {
    list-style-position: outside;
    margin-top: 6px;
    margin-bottom: 6px;
}


#compare table ul.disadvantages li {
    list-style-image: url('tick_no_mini_gray.png');
}

#compare table ul.advantages li {
    list-style-image: url('tick_yes_mini_gray.png');
}
