/* Start of CMSMS style sheet 'KryspinMitura : km-styles' */
/*------------------------------------------------*/
/*-------------------[RESET]-------------------*/
/*------------------------------------------------*/

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,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}:focus{outline:0}ins{text-decoration:none}del{text-decoration:line-through}table{border-collapse:collapse;border-spacing:0}.accessibility,hr{position:absolute;top: -999em;left: -999em;}

/* STYLE.CSS styluje glówna strukture strony (oznaczone wielkimi literami) oraz marginesy */
/* XHTML & CSS by www.ryznart.pl */


/*------------------------------------------------*/
/*------------------[MAIN LAYOUT]-----------------*/
/*------------------------------------------------*/
html{
	margin : 0; 
	padding : 0; 
	color : #333; 
	text-align : center;
	min-width: 40em;
}

body {
	margin : 0px auto;
	padding : 0;
	text-align : left;
	color: #666;
	font : 83%/160% Arial, Tahoma, Verdana, sans-serif;
	background-color: #f6f6f6;
}

#WRAPP_BG { background-color: #e3ebf1;}

#WRAPPER {
	width: 967px;
	margin: 0 auto;
	text-align: left;
	position: relative;	
}

#TOP {
	height: 108px;
	position: relative;
	overflow: hidden;
}

#main_photo {
	width: 967px;
	height: 320px;
	background-image: url(../../uploads/themes/km-theme/main_photo.jpg);
	background-repeat: no-repeat;
}

#main_photo * {text-indent: -2000px;}

#CONTAINER {
	width: 100%;
	overflow:hidden;
}

#LEFT {
	width: 301px;
	float: left;
}

#CONTENT {
	width: 666px;
	float: right;
	overflow: hidden;
	background-color: #fff;
}

.contact #CONTENT { width: 100%; margin-bottom: 72px;}


#FOOTER {
	width: 967px;
	margin: 0 auto;
	color: #bcbdbd;
	font-size: 11px;
}

#footer-left {float:left;}
#footer-right { float:right; text-align: right; }

/*-------------------[MARGINS]--------------------*/
.m1 {margin:25px 32px 32px 32px;}
.contact #CONTENT .m1 { margin: 45px 82px 55px 82px;}
.m-footer {margin: 20px 10px;}
.clearb {clear: both;}
.reset { margin: 0; padding: 0;}


/* GLOBAL CSS - Typografia, formularze, bloki zagniezdzone 
Kolejnosc definicji bloków zgodnie z kolejnoscia wystepowania na stronie
Elementy typograficzne pogrupowane wedlug znaczników a nie miejsca wystepowania */

/*------------------------------------------------*/
/*-------------------[TYPOGRAPHY]-----------------*/
/*------------------------------------------------*/


/*-------------------[HEADINGS]--------------------*/
h1, h2, h3, h4, h5, h6 { clear : left; margin : 0; padding :0 0 .5em 0; color:#3d8db9; }

h1 { font: bold 210%/100% "Trebuchet MS", Tahoma, Arial;}
	.content_intro h1,.contact h1 { color: #767676; font-weight: normal; padding-bottom: .6em;}
h2 { letter-spacing: -1px;	font: normal 170%/100% "Trebuchet MS", Tahoma, Arial; letter-spacing: .002em;}
	.contact h2 { font-size: 130%; padding-bottom: .8em;}
h3 { font: normal 130%/100% "Trebuchet MS", Tahoma, Arial; color: #767676;}
h4 { font: normal 120%/100% "Trebuchet MS", Tahoma, Arial; color: #767676;}

h5,h6 {font-size : 100%; font-style: italic;}



/*-------------------[PARAGRAPH]--------------------*/
p {
   font-size: 1em;
   margin: 0 0 1.5em 0; /* some air around p elements */
   line-height: 1.5em;
   padding: 0;
}

.content_intro p { color: #4190bc; font-size: 17px; line-height: 1.2em; letter-spacing: .05em;}
#main_panel p{ line-height: 1.2em; margin-bottom: 1.2em;}

p.separated { border-bottom: dotted 1px #d8d8d8; padding-bottom: 1em;}
 

/*-------------------[LINKS]--------------------*/
a:link {color : #3a7a9d; text-decoration : none;}
a:visited {	color : #3a7a9d; text-decoration : none;}

h1#logo { display: inline;}

#logo a {
	display: block;
	width: 288px;
	height: 51px;
	background-image: url(../../uploads/themes/km-theme/logo3.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	overflow: hidden;
	text-indent: -1000px;
	cursor: pointer;
	position: absolute;
	top: 23px;
	left: 0;
}

a.button1{
	display: inline-block;
	font-size:11px;
	color:#fff !important;
	text-decoration:none;
	height:21px;
	line-height: 18px;
	background-image: url(../../uploads/themes/km-theme/button1_bg.png);
	background-repeat: no-repeat;
	background-position: left top;
	text-transform: uppercase;
}

a.button1 span{
	display:block;
	float:left;
	height:30px;
	padding-left:6px;
	padding-right:25px;
	cursor:pointer;
	background-image: url(../../uploads/themes/km-theme/button1_bg.png);
	background-repeat: no-repeat;
	background-position: right top;
	position: relative; right: -3px;
}

a.button2{
	display: inline-block;
	font-size:12px;
	color:#fff !important;
	text-decoration:none;
	height:25px;
	line-height: 22px;
	background-image: url(../../uploads/themes/km-theme/button2_bg.png);
	background-repeat: no-repeat;
	background-position: left top;
	text-transform: lowercase;
}

a.button2 span{
	display:block;
	float:left;
	height:30px;
	padding-left:20px;
	padding-right:35px;
	cursor:pointer;
	background-image: url(../../uploads/themes/km-theme/button2_bg.png);
	background-repeat: no-repeat;
	background-position: right top;
	position: relative; right: -3px;
}



h1 a, h1 a:visited,h2 a, h2 a:visited,h3 a, h3 a:visited{ text-decoration: none;}

/*remove dotted border in ff */
a:active{outline: none;}
a:focus {outline: none;}

/*-------------------[LISTS]--------------------*/
/*UL*/
ul{
	list-style-type: none;
	margin: 0 0 1em 0;
}

ul>li{
	margin-bottom: .6em;
	line-height: 1.2em;
	background-image: url(../../uploads/themes/km-theme/marker.gif);
	background-repeat: no-repeat;
	background-position: left 5px;
	padding-left: 15px;
}

ul ul{
	font-size: 93%;
	list-style-type: disc;
	font-weight: normal;
	margin-top: .5em;
	margin-left: 1.2em;
}

ul ul li {
	padding: 0; margin: .2em 0;
	background-image: none;
}

ul p {
	font-weight: normal;
	font-size: 90%;
}

ul img {
	margin: 3px;
}

/*OL*/
ol{
	margin: 1em 3em 2em 3em;
	list-style-type: decimal;
	font-weight: normal;
	list-style-position: outside;
}

ol li{
	margin-bottom: 1em;
	line-height: 1.2em;
}


ol ul {
	margin:.5em;
	font-weight:normal;
	font-size:90%;
}

ol li li{
	font-weight:normal;
	margin-bottom: .2em;
	line-height: 1.2em;
}

ol p {
	font-weight: normal;
	font-size: 90%;
}

ol img {
	margin: 3px;
}

/*-------------------[ QUOTE CODE PRE]--------------------*/
blockquote {
	display: block;
	font-weight:normal;
	font-style: italic;
	font-size: 110%;
	/*text-align: justify;*/  
}

blockquote p { quotes: "\201E" "\201D" }
blockquote p:before  { content: open-quote }
blockquote p:after { content: close-quote }

q {
	display: block;
	font-weight:normal;
	font-style: italic;
	font-size: 110%;
	/*text-align: justify;*/  
}

q:lang(pl) { quotes: "\201E" "\201D" "\00AB" "\00BB" }
q:before { content: open-quote }
q:after { content: close-quote }


code, pre { margin : 0; 
padding : 0; font : 1.5em monaco, courier, monospace; 
font-weight : normal; 
color : #666; }

pre { font-size : 80%; }

/*-------------------[OTHER]--------------------*/
img, img a { border : none; }

img.fleft { float: left; margin: 0 10px 6px 0;}
img.fright { float: right; margin: 0 0 6px 10px;}

strong { 
  font-weight: bold;
}



/*------------------------------------------------*/
/*-----------------[INSIDE BLOCKS]----------------*/
/*------------------------------------------------*/
#main_panel { overflow: hidden; line-height: 1.2em;font-size: 93%;}
#main_panel .bottom { position: relative;}
#main_panel .main_panel_item { width: 317px; float: left;}
#main_panel .main_panel_item  .m1 { margin:21px 24px;}
#main_panel .main_panel_item.center .m1 { margin:20px 28px;}

#main_panel .top { overflow: hidden;}
	* html #main_panel .top  { height: 100%; }
	
.trojkat {
	display: block;
	width: 10px;
	height: 10px;
	position: absolute;
	left: 25px;
	top: 0;
	background-image: url(../../uploads/themes/km-theme/trojkat.gif);
	background-repeat: no-repeat;
}

#main_panel .main_panel_item.center {
	border: solid 1px #a0a0a0;
	border-bottom: none;
	border-top: none;
	margin-bottom:-400px;
	padding-bottom:400px;
	width: 331px;
}

#main_panel .bottom .main_panel_item.center { border-color: #cdd0d2; padding-left:}

#main_panel .top { clear: both; background-color: #767676; color: #d8dbe2;}
#main_panel h2, #main_panel h3, #main_panel h4, #main_panel h5 {text-transform: uppercase; font-weight: bold; margin-bottom: .4em;} 
#main_panel .top h2, #main_panel .top h3, #main_panel .top h4, #main_panel .top h5 { color: #fff;  font-size: 140%;; letter-spacing: -0.03em;}

#contact_data {
	display: block;
	width: 231px;
	height: 62px;
	background-image: url(../../uploads/themes/km-theme/contact_data.gif);
	background-repeat: no-repeat;
	margin-bottom: 10px;
	text-indent: -2000px;
}

#main_panel .top .main_panel_item.center {
	background-image: url(../../uploads/themes/km-theme/hand.gif);
	background-repeat: no-repeat;
	background-position: right 40px;
}


#main_panel .top .main_panel_item.right {
	background-image: url(../../uploads/themes/km-theme/notes.gif);
	background-repeat: no-repeat;
	background-position: right 60px;
}

#main_panel .bottom .main_panel_item.center li { color: #3A7A9D !important;}

/*-----------------[SIDE PHOTO]----------------*/
.side_photo { width: 301px; height:239px;background-image: url(../../uploads/themes/km-theme/side_photos/01.jpg);}
.side_photo img { display: block;}

/*-----------------[CONTENT BLOCKS]----------------*/
.content_intro  { padding: 47px 32px 32px 32px; height: 160px; overflow: hidden; background-color: #f5f5f5;}

/*-----------------[ADDITIONAL BOX]----------------*/
.additional_box h2 { border-bottom: solid 1px #e0e0e0; padding-bottom: 0.3em; margin-bottom: 0.5em; padding-top: .4em;}
.left_col { width: 47%; float: left;}
.right_col { width: 48%; float: right;}

/*-----------------[CONTACT BOX]----------------*/
.contact_box { font-size: 93%;}
.contact_box.top { background-color: #757575;}
.contact_box.bottom { position: relative;}
.contact_box .m1 { margin: 0; padding: 20px 24px;}
.contact_box.top h4 {color: #fff; text-transform: uppercase;}
.contact_box h4 { font-weight: bold; margin-bottom: .4em; font-size: 140%;; letter-spacing: -0.03em;}


/* MENU.CSS styluje menu*/

/*------------------------------------------------*/
/*----------------[HORIZONTAL MENU]---------------*/
/*------------------------------------------------*/
#h_navigation {
	width:100%;
	clear:both;
	position: absolute;
	top: 50px; right: -1px;
}
#h_navigation ul {
	list-style: none;
	float: right;
	margin: 0; padding: 0;
}

#h_navigation ul li {
	display: inline;
	float: left;
	text-align: center;
	margin: 0; padding: 0;
	border-right: solid 1px #ccd3d8;
	background: none;
}

#h_navigation a, #h_navigation h3 {
	line-height: 28px;
	text-decoration: none;
	padding: 0 13px;
	color: #333;
	font-size: 15px;
	text-transform:lowercase;
	display: inline;
	margin: 0;
    font-family: Arial,Tahoma,Verdana,sans-serif;
}

#h_navigation amenuparent {}

#h_navigation h3, #h_navigation a.menuparent {color: #a2a9ae !important;}

#h_navigation a:hover {
	text-decoration: underline;
}

/*------------------------------------------------*/
/*-------------------[SECOND MENU]----------------*/
/*------------------------------------------------*/
.second_menu { /*border-bottom: solid 1px #ddd; margin-bottom: 2em;*/}
/*.second_menu ul li h3 {
	font-family:	Arial,Tahoma,Verdana,sans-serif;
	font-size:	13.2833px;
	font-weight:	400;
	font-style:	normal;
	color:	#667E99;
	text-align:	left;
	vertical-align:	baseline;
	display: inline;
}*/

.second_menu {
	color:#4190BC;
	font-size:17px;
	letter-spacing:0.05em;
	line-height:1.2em;
}
.second_menu h3 {font-size: 17px; margin:0; padding: 0; font-family: Arial,Tahoma,Verdana,sans-serif; line-height: 1.2em;}
.second_menu  li {padding: 0; margin: 0; background-image: none;}


/*------------------------------------------------*/
/*--------------------[FORMS]---------------------*/
/*------------------------------------------------*/
/* Style for forms */

.contact_form fieldset { text-align: left; margin-bottom: 5px;}
.contact_form legend {display: none;}

.contact_form input {
	border:1px solid #dcdcdc;
	height:17px;
	margin:2px 3px;
	padding:5px 10px;
	width:220px;
	color: #666;
}

.contact_form textarea {
	width: 350px; height: 80px;
	border:1px solid #dcdcdc;
	margin:5px 3px;
	padding:5px 10px;
	color: #999;
	font-style: italic;
}

.contact_form label {
	position:relative;
	bottom:1px;
    display: none;
}

label#nazwa_firmy_label{margin-left: 10px;}

/* higher for IE */
	*:first-child+html .contact_form label{bottom:10px;} 
	* html .contact_form label{bottom:10px;}

.contact_form #tresc_label {
	position: relative; bottom: 100px;
}

/* form buttons */
#buttons input {
	display: block;
	float: right;
	margin: 0 3px;
}

input#cntnt01fbrp_submit{
	width: 142px;
	height: 24px;
	border: none;
	background-color: transparent;
	background-image: url(../../uploads/themes/km-theme/wyslij_formularz.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
	font-size: 0;
	cursor: pointer;
	padding-top: 19px;
	color:#000;
	position: relative; top: 4px;
	float: right;
	margin: 0 8px;
}
		
/* End of 'KryspinMitura : km-styles' */