@charset "utf-8";
/* CSS Document */

html, body { background-color: #FFFFFF;}

div, p, span {
	font-family: Arial, Helvetica, sans-serif;
}

a { text-decoration: none;
	border-bottom-width: 1px;
	border-bottom-style: solid;
}

a.img, img {
	border: 0px;
}

#layout {
	width: 980px;
	margin: 10px auto;

}

/* menu glowne */
#menu {
	background-image: url(../images/bg_menu.png);
	background-repeat: repeat-x;
	height: 65px;
}

#menu li {	
	list-style-type: none;
	display: inline;
}

#menu a {
	border: 0;
	display: block;
	height: 65px;
	float: left;
	margin: 0px 3px;
	text-indent: -9999px;
	background-position-x: 0;
	background-position-y: 0;
}

#menu .mm_ofirmie {
	background-image: url(../images/mm_ofirmie.png);
	background-position: 0px 0px;
	width: 105px;
}

#menu .mm_obslugakadrowa {
	width: 225px;
	background-image: url(../images/mm_obslugakadrowa.png);
}

#menu .mm_doradztwobiznesowe {
	width: 181px;
	background-image: url(../images/mm_doradztwo.png);
}

#menu .mm_callcenter {
	width: 118px;
	background-image: url(../images/mm_callcenter.png);
}

#menu .mm_nasiklienci {
	width: 118px;
	background-image: url(../images/mm_nasiklienci.png);
}

#menu .mm_kontakt {
	width: 95px;
	background-image: url(../images/mm_kontakt.png);
}

#menu a:hover {
	background-position: 0px -65px;
}

#menu a.active {
	background-position: 0px -130px;
}
/* end - menu */

#content {
	margin: 16px 0px;
}

#footer {
	clear: both;
	background-color: #505050;
	padding: 10px;
}

#footer div {
	font-size: 12px;
	margin: 10px 0px;
	color: #FFFFFF;
}

#footer a {
	color: #FFFFFF;
}

#studio_moyoki {
	text-align: right;
}

/* content index */

#index {
	margin: 20px auto;
	position: relative;
	width: 960px;
	height: 640px;
}

#content #index h1, #content #index h1 a {
	border: 0;
	color: #333;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 13px;
	font-weight: normal;
	margin: 15px 5px;
}

#index div .photo {
	margin: 10px;
}

#index div .content {
	color: #353535;
	margin: 10px;
}

#dlaczegomy {
	background: #FFF url(../images/index_dlaczegomy.jpg) center top no-repeat;
	position:absolute;
	left:0px;
	height:100%;
	overflow: hidden;
	top:0px;
	width:270px;
	z-index:1;
}

#dlaczegomy ul {
	margin-top: 280px;
}

#index #dlaczegomy li {
	list-style-image: url(../images/index_ptaszek.png);
	line-height: 20px;
	margin-left: 25px;
}
#uslugi {
	background-color: #78bd18;
	border: 1px solid #669820;
	height: 430px;
	left: 280px;
	position: absolute;
	top: 0px;
	width: 220px;
}

#doradztwo {
	background-color: #4b9fce;
	border: 1px solid #5d96b7;
	height:430px;
	left:510px;
	position:absolute;
	top:0px;
	width: 220px;
}

#callcenter {
	background-color: #f68421;
	border: 1px solid #bb6921;
	height:430px;
	position:absolute;
	right:0px;
	top:0px;
	width: 220px;
}
#content #callcenter h1 a,
#content #doradztwo h1 a,
#content #uslugi h1 a {
	color: #FFF;
	text-shadow: 1px 1px #333;
}

#index #uslugi .content li,
#index #doradztwo .content li,
#index #callcenter .content li {
	color: #FFF;
	line-height: 16px;
	margin: 4px 0px 8px 15px;
}

.index_wiecej a {
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	bottom: 7px;
	border-radius: 3px;
	color: #eee;
	display: block;
	height: 20px;
	line-height: 16px;
	padding: 5px 10px 3px 10px;
	position: absolute;
	right: 10px;
	text-align: right;
	width: 50px;
}
#index #uslugi .index_wiecej a {
	border: 1px solid #669820;
	background-color: #669820;
}

#index #doradztwo .index_wiecej a {
	border: 1px solid #4789af;
	background-color: #4789af;
}

#index #callcenter .index_wiecej a {
	border: 1px solid #bb6921;
	background-color: #bb6921;
}

.index_wiecej a:hover {
	color: #FFF;
}

#kontakt {
	border-left: 1px dotted #333;
	bottom: 0px;
	height:190px;
	position:absolute;
	right: 230px;
	width:448px;
}

#kontakt p {
	margin: 12px 0px;
}

#kontakt .buttons {
	float: right;
	margin: 20px;
	width: 200px;
}
#kontakt  .buttons a {
	border: 0;
	margin: 10px;
}

#klienci {
	border-left: 1px dotted #333;
	bottom: 0px;
	height:190px;
	position:absolute;
	right: 0px;
	width:220px;
}

#content .slider li {
	list-style: none;
	margin: 0;
	padding: 0;
}
/* index boxy */

#mask {
	position:absolute;
	left:0;
	top:0;
	z-index:9000;
	background-color:#000;
	display:none;
}

#boxy .window {
	border: 3px solid silver;
	background-color: #FFF;
	display:none;
	height:200px;
	left:0;
	position:absolute;
	top:0;
	width:440px;
	padding:20px;
	z-index:9999;
}

#boxy .close {
	border: 0;
	position: absolute;
	height: 44px;
	right: -15px;
	top: -12px;
	width: 125px;
}

#boxy #szybka-wycena {
	width:650px;
	height:650px;
}

#boxy #szybka-wycena form {overflow: auto; }

#boxy #szybki-kontakt {
	width:650px;
	height:350px;
}

/* formularz kontaktowy */

#evaluation p, #contact p{
	border-top: 1px dotted #999;
	clear: left;
	color: #000;
	margin: 7px 0px;
	padding-top: 7px;
}

#evaluation p label, #contact p label, #evaluation > div  {
	display: block;
	float: left;
	font-weight: bold;
	margin: 0px 20px;
	text-align: right;
	width: 240px;
}

form p:hover label{
	color:#000;
}

#evaluation label.error, #contact label.error {
	color: red;
	clear: left;
	display: inline;
	font-weight: bold;
	margin-left: 170px;
}
#evaluation label.required:after,
#contact label.required:after {
	content: "*";
	color: red;
	font-weight: bold;
	margin-left: 5px;
}

#evaluation select option {
	font-size: 12px;
}


input[type=text] {
	background: rgba(255, 255, 255, 0.9);
	background:-moz-linear-gradient(90deg, #fff, #eee); /* Firefox */
	background:-webkit-gradient(linear, left top, left bottom, from(#eee), to(#fff), color-stop(0.2, #fff)); /* Webkit */
	border:1px solid #aaa;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	-moz-box-shadow:0 0 3px #aaa;
	-webkit-box-shadow:0 0 3px #aaa;
	padding:5px;
	width: 300px;
}

input[type=text]:focus {
	border-color: #982c32;
	-moz-box-shadow:0 0 3px #ad3a41;
	-webkit-box-shadow:0 0 3px #ad3a41;
}
p.submit {
	margin: 0;
	padding: 0;
	text-align: right;
}

input.digits {
	text-align: right;
	width: 100px;
}
#rozliczenia_zagraniczne_label {
	float: left;
	display: inline;
}

#rozliczenia_zagraniczne {
	float: left;
}
div.errors {
	-moz-box-shadow:0 0 3px #ad3a41;
	-webkit-box-shadow:0 0 3px #ad3a41;
	background-color: #FFF;
	border: 1px solid #982c32;
	color: red;
	width: 500px;
}

/* content inne strony */

#side_panel {
	float: right;
	width: 320px;
	border-left: 1px solid #505050;
	padding: 0px 10px 10px 10px;
	margin-bottom: 20px;
}

#content h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	text-transform: uppercase;
	color: #982c32;
	margin: 10px 0px;
}

#content div, #content p, #content span,
#content li {
	font-size: 12px;
	line-height: 22px;
}

#content .big_font {
	font-size: 14px;
	font-weight: bold;
}

#breadcrumb {
	font-size: 10px;
	font-family: "Courier New", Courier, monospace;
	color: #666;
	margin: 10px 0px 20px 0px;
}

#breadcrumb a {
	font-size: 10px;
	color: #666;
}

#content #inner {
	margin-right: 350px;
}
#content .firmy li {
	list-style: none;
	float: left;
	margin: 25px;
}

#content li {
	margin: 0px 15px;
	list-style-position: outside;
	list-style-type: none;
	list-style-image: url(../images/li.png);
}

/* mapa */

#map_canvas {
	border: 1px solid silver;
	height: 300px;
	width: 620px;
}

/* o firmie */

.podpis {
	float: right;
	margin: 20px;
	text-align: center;
	width: 200px;
}

/* obsluga_ksiegowa */

.buttons {
	text-align: center;
}

#cookie-div {
	background-color: #939391 !important;
}

#cookie-div, #cookie-div a {
	font-size: 12px;
	line-height: 16px;
}