/*
Theme Name: Konto
Theme URI: http://biurokonto.eu
Author: LS Agata Glapiak
Author URI: http://ls-ag.pl/
Description: Theme do strony www dla Biura Rachunkowego Konto z Bydgoszczy
Version: 1.0
License: commercial
Text Domain: konto
*/

/* =Reset default browser CSS. Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html
-------------------------------------------------------------- */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
}
:focus {/* remember to define focus styles! */
	outline: 0;
}
body {
	background: #fff;
	line-height: 1;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	color: #1C1C1C;
}

blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}
a img {
	border: 0;
}

/* =Structure
----------------------------------------------- */


/* Alignment */
.alignleft {
	display: inline;
	float: left;
	margin-right: 1.625em;
}
.alignright {
	display: inline;
	float: right;
	margin-left: 1.625em;
}
.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.clr{
	clear: both;
}
a {
color: #1C1C1C;
}
a:hover, #stopka_prawa a:hover, #copyright a:hover{
	color: #9A0303;
}
.strona{
	width: 900px;
	margin: 0 auto;

}

	#naglowek{
	 /*	border-bottom: 1px solid #99CC33;*/
	}
	#naglowek_lang{
		text-align: right;
		padding: 10px 0 35px 0;
	}
		#naglowek_lang img{
			margin: 0 0 0 5px;
		}


	#naglowek_lewa{
		width: 330px;
		float: left;
		color: #666666;
	}
		#naglowek_lewa h1{
			margin: 5px 0;
			font-size: 16pt;
		}
		#naglowek_lewa h1 a{
			color: #666666;
			text-decoration: none;
		}

		#naglowek_lewa p{
			margin: 0;
		}
	#naglowek_prawa{
		float: right;
		width: 500px;
		margin: 15px 0 0 0;
	}


 /* menu obrazkowe*/
	#menu_gorne{
		margin: 35px 0 0 0;
	}

	#menu_gorne li{
		list-style: none;
		float: left;

	}
	#menu_gorne li a{
		text-decoration: none;
		display: block;
		float: left;
		margin: 0 19px;
		height: 27px;
		background-repeat: no-repeat;
	}


	#menu_gorne li a span{
		visibility: hidden;
		display: none;
	}
 		#menu_gorne .menu-item-26 a{
				background-image: url('images/menu_o_firmie.png');
				width: 78px;

		}
		#menu_gorne .menu-item-26 a:hover{
				background-image: url('images/menu_o_firmie_hover.png');
  		}
		#menu_gorne .menu-item-27 a{
				background-image: url('images/menu_oferta.png');
				width: 60px;

		}
		#menu_gorne .menu-item-27 a:hover{
				background-image: url('images/menu_oferta_hover.png');
		}

		#menu_gorne .sub-menu li a span{
			visibility: visible;
			display: inline;
		}
		#menu_gorne .sub-menu li a{
			background-image: none;
			display: block;
			width: 200px;
			text-decoration: none;
			color: #7F7F7F;
			font-size: 12pt;
			line-height: 20px;
			padding: 5px 0;
			height: auto;
		}
			#menu_gorne .sub-menu li a:hover{
			background-image: none;
			color: #9A0303;

			}
			#menu_gorne  li .sub-menu{
				display: block;
				width: 220px;
				position: absolute;
				margin-top: 27px;
				background-color: #fff;
				text-align: left;
				padding: 0 0 10px 0;
				left: -9999px;
				margin-left: 10px;
				border-left: 1px solid #9A0303;
				border-right: 1px solid #9A0303;
				border-bottom: 1px solid #9A0303;

			}

				#menu_gorne li:hover .sub-menu{
					left: auto;
				}

		#menu_gorne .menu-item-28 a{
				background-image: url('images/menu_wspolpraca.png');
				width: 119px;

		}
		#menu_gorne .menu-item-28 a:hover{
				background-image: url('images/menu_wspolpraca_hover.png');
		}
		#menu_gorne .menu-item-29 a{
				background-image: url('images/menu_kalendarium.png');
				width: 128px;

		}
		#menu_gorne .menu-item-29 a:hover{
				background-image: url('images/menu_kalendarium_hover.png');
		}
		#menu_gorne .menu-item-30 a{
				background-image: url('images/menu_przydatne_informacje.png');
				width: 210px;

		}
		#menu_gorne .menu-item-30 a:hover{
				background-image: url('images/menu_przydatne_informacje_hover.png');
		}
		#menu_gorne .menu-item-31 a{
				background-image: url('images/menu_kontakt.png');
				width: 74px;

	}
	#menu_gorne .menu-item-31 a:hover{
				background-image: url('images/menu_kontakt_hover.png');
	}


#tresc {
	background-color: #F9F9F9;
	background-image: url('images/tlo.png');
	border-top: 2px solid #fff;
	border-bottom:  2px solid #fff;
	padding: 50px 0;
	font-size: 10pt;
}

#tresc #tresc_lewa{
	width: 225px;
	float: left;
}
#tresc #tresc_prawa{
	width: 660px;
	float: right;
	text-align: justify;
	line-height: 20px;
}
#tresc #tresc_prawa p{
	margin: 20px 0;
}
#tresc #tresc_prawa h1{
	font-size: 26pt;
	margin: 0 0 30px 0;
	color: #99CC33;
	font-weight: normal;
	text-align: left;
	line-height: 36px;
}
#tresc #tresc_prawa ul{
	list-style: none;
	margin: 20px 0 20px 20px;
	}
#tresc #tresc_prawa ul li{
	line-height: 30px;
	padding-left: 20px;
	background-image: url('images/ico_punkt.png');
	background-repeat: no-repeat;
	background-position: 0 10px;
}

.hr{
	line-height: 0;
	font-size: 0;
  border-bottom: 1px solid #9A0303;
}


	#kontakt {
		background-color: #6B6B6B;
		border-top: 2px solid #fff;
		border-bottom:  2px solid #fff;
		padding: 25px 0;
		color: #fff;
		text-align: left;
		line-height: 20px;
	}

	#kontakt h2{
		color: #99CC33;
		font-size: 16pt;
		margin: 0 0 15px 0;
	}
		#kontakt p{
			margin: 15px 0;
		}
		#kontakt_lewa{
			width: 440px;
			float: left;


		}

		#kontakt_prawa{
			width: 460px;
			float: right;


		}

		#kontakt input{
			border: 1px solid #fff;
			padding: 7px;
			width: 260px;
			margin: 0 0 0 5px;

		}

		#kontakt textarea{
			border: 1px solid #fff;
			padding: 7px;
			width: 350px;
			height: 110px;
			margin: 0 0 0 5px;
			font-family: Arial, Helvetica, sans-serif;
			font-size: 10pt;
		}
			#kontakt_lewa label{
				float: left;
				width: 130px;
					text-align: right;
					line-height: 35px;
			}
			#kontakt_prawa label{
				float: left;
				width: 80px;
			 	text-align: right;
			}

			#kontakt .wpcf7-submit{
				margin: 0 0  0 210px;
				width: 200px;
				background-color: #99CC33;
				color: #fff;
				border: 1px solid #99CC33;

			}

	#stopka{
		background-color: #6B6B6B;
		padding: 25px 0;
		line-height: 20px;
	  /*	color: #666666;*/
	  color: #FFF;
	}

	#stopka_lewa{
		float: left;
		width: 200px;
		text-align: left;

	}

		#stopka_lewa h3{
			margin-bottom: 10px;
			font-size: 11pt;
		}

	#stopka_prawa{
		float: right;
		width: 690px;
		text-align: right;
		margin: 15px 0 0 0 ;
	}

		#stopka_prawa li{
			display: inline;
			text-transform: uppercase;
			padding: 0 10px;
			list-style: none;
		}

		#stopka_prawa a{
			color: #fff;
		}


	#copyright{
		font-size: 8pt;
		color: #BFBFBF;
		text-align: right;
		line-height: 15px;
	}


	#copyright a{
	 	color: #BFBFBF;
		text-decoration: none;

	}


/*style od obsługi komentarzy - komunikaty błedów*/
div.wpcf7-response-output{
	margin: 0;
	padding: 0;
	text-align: left;
}
div.wpcf7-mail-sent-ok {
	border: none;
	color: #99CC33;

}

div.wpcf7-mail-sent-ng {
	border: none;
}

div.wpcf7-spam-blocked {
		border: none;
}

div.wpcf7-validation-errors {
		border: none;
		color: #9E0D0D;

}

span.wpcf7-not-valid-tip {
	position: absolute;
	top: 20%;
	left: 20%;
	z-index: 100;
	background: #9E0D0D;
	font-size: 10pt;
	width: 280px;
	padding: 2px 10px;
		border: none;
}

table{
	width: 660px;
}
	td{
		padding: 5px;
	}
	td.cena{
		text-align: right;
		width: 100px;
	}
	th{
		text-align: center;
		background-color: #BFBFBF;
		padding: 5px;
	}

	table.ramka td{
		border: 1px solid #BFBFBF;
	}

    #tresc #tresc_prawa	.menu-container li{
		background-image: none;
		padding-left: 0;
	}

 .menu-container ul li a{
		color: #7F7F7F;
		font-size: 14pt;


	}

	.menu-container ul li a:hover{
 		color: #9A0303;
	}

	#tresc #tresc_prawa .menu-container ul{
	list-style: none;
	margin: 20px 0 ;
	}

		iframe{
		border: 1px solid #1C1C1C;
	}

	.maps{
		width: 310px;
		float: right;
		text-align: center;
	}


	.dosrodka{
		text-align: center;
	}

	.doprawej{
		text-align: right;
	}

#nawigacja{
	margin: 25px 0 0 0;
	font-size: 8pt;
}

#poprzednia{
	width: 320px;
	float: left;

}

#nastepna{
	width: 320px;
	float: right;
	text-align: right;

}