/*
Theme Name: New SAGA Brokers
Theme URI: http://sagabrokers.pl/
Description: Glowny styl SAGA Brokers.
Version: 2.0
Author: Michal Nakoneczny
Author URI: http://nakoneczny.art.pl
*/

/*
  Wszystkie elementy witryny sagabrokers.pl sa chronione prawem autorskim. Wszystkie prawa zastrzezone (c) 2008 SAGA Brokers Sp. z o.o.
  All elements of sagabrokers.pl site are protected. All rights reserved (c) 2008 SAGA Brokers Sp. z o.o.
*/

* {
outline : 0 !important ;
border : 0;
margin : 0;
}

html {
height: 100%;
}

body {
background-color : #e0e0e0;
background-image : url("images/backrightrull.jpg");
background-position : left 0%;
background-repeat : repeat-y;
font-family : Tahoma;
font-size : 13px;
color : #4d4d4d;
text-align : justify;
padding : 0;
margin : 0;
line-height : 20px;
width : 991px;
height: 100%;
}

address {
font-style : normal;
}

p, h2, h3, h4 {
margin-top: 10px;
}

li {
padding-top: 2px;
padding-bottom: 2px;
}

div#page {
background-image : url("images/backright.jpg");
background-position : right 0%;
background-repeat : repeat-y;
width:991px;
min-height: 100%;
background-color: #fff;
padding-bottom: 0;
margin-bottom: 0;
}

div#main {
border-top : 2px solid #6495ed;
width : 775px;
 float: left; 
 display:inline; 
 position: relative;
}

div#side {
text-align : left;
border-top : 2px solid #6495ed;
width : 156px;
clear: both;
 float:left; 
 position:relative; 
margin-left : 15px;
margin-right : 15px;
}

div#header {
position : relative;
z-index : 0;
padding : 0;
margin : 0;
text-align : left;
width : 790px;
height : 200px;
float : left;
background : url("http://sagabrokers.pl/images/header.png");
display : inline;
}

p#footer {
display : block;
clear : both;
margin-left : 15px;
margin-bottom: 0;
padding-bottom: 0;
font-weight: bold;
}

a[href$=".pdf"], a.pdf {
padding-left: 20px;
background-image: url("http://sagabrokers.pl/images/pdf.png");
background-repeat: no-repeat;
background-position: center left;
}

a img {
border : 0;
}

h1 {
display : none;
}

h2 {
font-size : 14px;
font-weight : bold;
clear : both;
}

h3, h3 a {
display: table;
width: 765px;
font-size : 13px;
font-weight : bold;
clear : both;
color : #fff !important ;
background-color : #6495ed;
padding-left : 10px;
margin-bottom: 2px;
margin-top: 2px;
letter-spacing:1px;
}

h4, h4 a {
display: table;
width: 765px;
font-size : 13px;
font-weight : bold;
clear : both;
color : #6495ed;
padding-left : 10px;
margin-bottom: 2px;
margin-top: 2px;
}

h3 a.toggle, h4 a.toggle {
display: table-cell !important;
width: 50px !important;
text-align: right !important;
padding-right: 10px;
}

ul#menu {
padding : 0;
margin : 15px;
display : inline;
float : left;
width : 156px;
text-align : left;
}

ul#menu li {
position : relative;
width : 156px;
list-style : none;
border-bottom : 1px dotted black;
margin : 0;
padding : 0;
line-height : 22px;
}

ul#menu li a {
display : block;
font-family : tahoma;
font-size : 13px;
color : #4d4d4d;
padding-left : 15px;
text-decoration : none;
width : 140px;
}

ul#menu li a:hover {
color : #6495ed;
}

ul#menu li ul {
margin : 0;
padding : 0;
position : absolute;
left : 155px;
top : 0;
display : none;
background : #fff;
z-index : 1;
width : 156px;
}

ul#menu li ul li {
width : 160px;
list-style : none;
border-bottom : 1px dotted black;
margin : 0;
padding : 0;
line-height : 22px;
background: #fff;
}

ul#menu li:hover ul {
display : block;
padding-right: 11px;
padding-bottom: 7px;
background: url(http://sagabrokers.pl/images/shadow.png) no-repeat bottom right;
*display: none;
}

/* Fix IE. Hide from IE Mac \*/
* html ul li { float: left; height: 1%; }
* html ul li a { height: 1%; }
/* End */

body#b-strona-glowna ul#menu li a#strona-glowna, body#b-firma ul#menu li a#firma, body#b-dlaczego ul#menu li a#dlaczego, body#b-uslugi ul#menu li a#uslugi, body#b-zespol ul#menu li a#zespol, body#b-kontakt ul#menu li a#kontakt, body#b-pasje ul#menu li a#pasje, body#b-grupy-zawodowe ul#menu li a#grupy-zawodowe, body#b-aktualnosci ul#menu li a#aktualnosci, body#b-o-nas ul#menu li a#o-nas {
color : #6495ed;
padding-left : 20px;
width : 135px;
cursor: pointer !important;
}

body#b-strona-glowna ul#menu li a#strona-glowna:before, body#b-firma ul#menu li a#firma:before, body#b-dlaczego ul#menu li a#dlaczego:before, body#b-uslugi ul#menu li a#uslugi:before, body#b-zespol ul#menu li a#zespol:before, body#b-kontakt ul#menu li a#kontakt:before, body#b-pasje ul#menu li a#pasje:before, body#b-grupy-zawodowe ul#menu li a#grupy-zawodowe:before, body#b-aktualnosci ul#menu li a#aktualnosci:before, body#b-o-nas ul#menu li a#o-nas:before {
content: "» ";
}

a, a:link, a:visited, a:active {
color : #6495ed;
text-decoration : underline;
}

a:hover {
text-decoration : none;
}

.tooltip {
text-decoration : underline;
}

.english {
padding-left : 25px;
background : url("http://sagabrokers.pl/images/gb.png") left no-repeat;
}

.german {
padding-left : 25px;
background : url("http://sagabrokers.pl/images/de.png") left no-repeat;
}

.polish {
padding-left : 25px;
background : url("http://sagabrokers.pl/images/pl.png") left no-repeat;
}

img {
padding : 5px;
}

.left {
float : left;
padding-right : 10px;
}

.right {
float : right;
padding-left : 10px;
}

.center {
display : block;
margin-left : auto !important;
margin-right : auto !important;
text-align : center;
width: auto;
}

.border {
border : 1px solid #ccc;
margin : 10px;
padding : 5px;
}

table {
text-align : center;
margin-left : auto;
margin-right : auto;
width : 100%;
border-spacing : 0;
border-collapse : collapse;
}

table.hide {
text-align: left;
margin-left: 0;
width: auto;
border: 0;
}

table th {
text-align : center;
font-weight : bold;
padding : 2px;
border : 1px solid #666666;
}

table.hide th {
border: 0;
}

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

table td {
text-align : left;
padding : 2px;
border : 1px solid #666666;
}

table.hide td {
border: 0;
}

table td.digit {
text-align : right;
}

label {
float : left;
width : 100px;
padding : 0 1em;
text-align : right;
float : left;
cursor : pointer;
}

label.radio {
width: auto;
}

input.text, textarea {
padding : 2px;
width : 300px;
border-top : 1px solid #555;
border-left : 1px solid #555;
border-bottom : 1px solid #ccc;
border-right : 1px solid #ccc;
background : #fff;
font-family : Tahoma;
font-size : 12px;
color : #333;
outline : 0;
}

form fieldset {
border: 0;
border-top: 1px solid #6495ed;
padding-bottom: 5px;
}

form fieldset legend {
font-weight: bold;
}

textarea {
height : 200px;
}

input.submit, input.button {
width : 145px;
height : 25px;
}

form div {
padding : 5px;
display : block;
clear : both;
}

form p, fieldset {
padding: 0;
margin: 0;
}

form div input {
float : left;
}

form div br {
display : none;
}

form#search input#s {
margin : 0;
margin-top : 10px;
width : 126px;
}

form#search input#do {
width : 20px;
height : 21px;
border-bottom : 1px solid #555;
border-right : 1px solid #555;
border-top : 1px solid #ccc;
border-left : 1px solid #ccc;
background : #fff;
font-family : Tahoma;
font-size : 12px;
color : #333;
outline : 0;
}

form#login input.text {
margin-top: 5px;
margin-right: 10px;
}

form#login label {
margin-top: 5px;
}

p.more {
text-align : right;
}

div#referencje {
width : 377px;
border-right : 1px solid #ccc;
padding-right : 10px;
float : left;
}

div#nagrody {
width : 377px;
padding-left : 10px;
float : right;
}

p#to-top {
clear : both;
}

#google-map {
width : 540px;
height : 400px;
border : 1px solid #ccc;
padding : 5px;
margin : 10px;
}

#medal {
margin-top: 35px;
}

ul.image-dynamic li {
color : #6495ed;
}

ul.image-dynamic li.inactive {
color: #000;
}

ul.image-dynamic li img {
display : none;
}

ul.image-dynamic li:hover img {
display : block;
}

p.arrow {
padding-left: 60px;
padding-top: 3px;
background-image: url(http://sagabrokers.pl/images/arrow.gif);
background-repeat: no-repeat;
background-position: top left;
min-height: 30px;
}

cite {
text-align:right;
}

body#blad-404 div#frame {
border: 1px solid #9e9e9e;
background-color: white;
width: auto;
align: center;
vertical-align: center;
margin-left: auto;
margin-right: auto;
}

a.button, span.button, del.button{
	
	display:-moz-inline-box;
	display:inline-block;
	cursor:pointer;
	border:none;
    font-size:0;
    line-height:0;
    
	/*
	for Safari, read this first
	http://creativebits.org/webdev/safari_background_repeat_bug_fix
	*/
	background-position:0 0;
	background-repeat:no-repeat;
	height:30px;
	text-decoration:none;
	color:#2e523b;
	font-style:normal;
	margin:0 6px 0px 0;
	padding:0 10px 0 0;	
	vertical-align:middle;	
	
    padding-top:-2px;
	_position:relative;
	_width:10px;	
	_overflow-y:hidden;
}



a.button, span.button, del.button,
a.button span, span.button button, span.button input, del.button span{
    background-image:url(http://sagabrokers.pl/images/button.png);
outline: none;
}


a.button span, span.button button, span.button input, del.button span{
	
	white-space:nowrap;
	cursor:pointer;
    color:#222;
	display:-moz-inline-box;
	display:inline-block;
	line-height:1;
    letter-spacing:0 !important;
    font-family:"Arial" !important;
    font-size:12px !important;
    font-style:normal;    
    background-color:transparent;
	background-position:100% 0;
	background-repeat:no-repeat;
	height:30px;
	padding:8px 20px 0 10px;
	margin:0 -16px 0 10px;
	border:none;
	vertical-align:text-top;
	zoom:1;
	_position:relative;
    _padding-left:0px;
	_padding-right:12px;
	_margin-right:-10px;	
	_display:block;
	_top:0;
	_right:-5px;
	
}


span.button button{
   line-height:2.5;/*Opera need this*/
width: 120px;
outline: none;
}

span.button button:active {
outline: none;
}

html.safari a.button span, 
html.safari del.button span{
  line-height:1.3;
}

html.safari span.button button{
  line-height:2.6;
}

html.safari a.button:focus,
html.safari span.button button:focus{
    outline:none;
}



del.button{
	/* cursor:not-allowed;	*/
	background-position:0 -120px;
	
}

del.button span{
	cursor:default;
    color:#aaa !important;
	background-position:100% -120px;
}


span.button button, span.button input{
	padding-top:0px;
	line-height:2.5;/*Opera need this*/
}


/** optional **/
/*
a.button:visited{
	color:#aaa;
}
*/


/*Hover Style*/

a.button:hover, 
span.button:hover,
a.button:focus, 

a.dom-button-focus, 
span.button-behavior-hover{
	background-position:0 -60px;
	color:#222;
	text-decoration:none;
}





a.button:hover span, 
span.button:hover button, 
a.button:focus span, 

span.button-behavior-hover button, 
span.button-behavior-hover input{
	background-position:100% -60px;
}


a.button:active, a.button:focus span{
	color:#444;
}




del.button-behavior-hover, del.button:hover{
	background-position:0 -180px;
	/* cursor:not-allowed; */
}


del.button-behavior-hover span, del.button:hover span{
	background-position:100% -180px;
	/* cursor:not-allowed; */
	
}

span.button button, del.button span, span.button input{


	
	_behavior:expression(
		(function(el){

			if( typeof( behavior_onMouseEnter) == 'undefined'){

				
				behavior_onMouseEnter = function(el){
					
					var dEl = this.parentNode;					
					var sClass = dEl.className ;
					dEl.__defaultClassName = sClass ;
					dEl.className = sClass + ' button-behavior-hover';	
					this.setCapture();
				};

				behavior_onMouseLeave = function(el) {
					var dEl = this.parentNode;
					dEl.className = dEl.__defaultClassName ;
					dEl.__defaultClassName = undefined;
					this.releaseCapture();
				};


			};
			
			
			el.runtimeStyle.behavior = 'none';
			el.onmouseenter = behavior_onMouseEnter;
			el.onmouseleave = behavior_onMouseLeave;
			
			
		})(this));




}