/* --------------  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, ins, kbd, q, s, samp,
small, strike, sub, sup, tt, var,
dl, dt, dd,fieldset, form, label, legend, img,
table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;padding: 0; 0;text-align: left;background-color: transparent;
}
h1, h2, h3{letter-spacing:1px;color: #1d2029;padding: 3px 0px 10px; font-family:  Tahoma, Verdana; font-size: 15px;}
h3{font-size:13px}
/* -------------- end of reset -------------- */


/* -------------- common elemnt -------------- */
html {  font-size: 11px;font-family: Tahoma, Verdana, Arial, Georgia; color:#474645;}
body {background-color: #fff; background:transparent url('../media/_images/top-stripe.jpg') repeat-x top;}
pre { text-align: left;  color: #B4B4B4; }
acronym{ border-bottom: dotted 1px #666666; }
fieldset{border-width: 0px}
input,textarea, select{border: 1px solid #C3C3C3; padding: 3px; color: #696969; font-family: Tahoma}
input:hover,textarea:hover, select:hover{border: 1px solid #787878; padding: 3px; color: #000000; background-color:#FFF0FE}

input[type="submit"]{border: 1px solid #A5A5A5; padding: 8px; color:#000000; background-color:#C3C3C3;}
input[type="submit"]:hover{border: 1px solid #787878; padding: 8px; color:#5A5A5A; background-color:#D2D2D2}

.ui-widget-content a{color: #1032CF}
.ui-widget-content a:hover{color: #05257A}
#inline-menu a{color: #fff; margin-left: 9px;}
#inline-menu a:hover{text-decoration: underline;}
a{color: #274678;text-decoration: none; }
a:hover{color: #14161b; text-decoration: underline;}
a.arrow{background:transparent url('../media/_images/arrow.gif') no-repeat left; padding-left: 10px; 
font-weight: normal;text-align: right; color: #fff;font-size:10px; }
.clear {clear: both;}
.float-left{float: left;}
.float-right{float: right;}
.hide{display:none;}
.msg{margin-top:10px;margin-bottom:10px;}
.msg .ui-state-highlight,.ui-state-error{padding: 5px;}
.center{margin-left: auto;margin-right:auto;}
 ul.non-breakable{ list-style-type: none; }
 ul.non-breakable li{float:left; padding: 4px;}
button{padding: 3px; width: auto; font-size:11px;font-family:Verdana;}
.button{padding: 3px; width: auto; }
/* -------------- common elemnt -------------- */


div#top{background: url('../media/_images/top-background.jpg') no-repeat top center; border-top: 5px solid #00619f;
	 width: 934px;height: 160px;}
div#top-under{ width: 934px;height: 243px; }
div#middle{ margin-top: 5px;width: 934px;width: 934px;}
div#bottom{background: transparent url('../media/_images/grass.jpg') repeat-x top ; width: 100%;}

/* -------------- top -------------- */
#logo {width: 250px; height: 150px;}
#logo a{display:block; padding: 30px;border: 0px solid red;}
#logo a img{border:0px solid red;}

#header{width: 680px;height: 160px; }
#header #h_top{width: 680px;height: 82px; }
#header #h_top .top-box{float:right;line-height: 1.5em; margin-right: 30px;padding-right: 10px; margin-top: 15px; background: transparent url('../media/_images/something.jpg') no-repeat right; }
#header #menu{width: 680px; height: 80px; background: transparent url('../media/_images/left-corner-menu.jpg') no-repeat left;  }
#header #menu ul  {list-style-type: none; padding: 0px;margin:0px 0px 0px 16px; font-weight: bold;  padding-top:1px; }
#header #menu ul  li{float:left; padding: 1px; text-align: center;}
#header #menu ul  li a {z-index: 5;display:block; text-align: center; padding: 32px 26px; color: #00619f; background-color: #f0f0f0;}
#header #menu ul  li a:hover { color: #fff; background: #00619f url('../media/_images/button-menu.jpg') no-repeat bottom;}
#header #menu ul  li.last-child{width: 9px;height: 130px;border-top: 1px solid #fff; background-color: #f0f0f0}
#header #menu ul  li:first-child{width: 145px;}
/* -------------- top-under -------------- */
#big-button-left{width: 253px;}
#big-button-left .button{background: transparent url('../media/_images/big-button-left.jpg') no-repeat left;
						width: 253px;height:98px}
#big-button-left .button .bolder{display: block; margin-top: 30px; width: 220px;font-weight: bold; margin-left: 20px; color: #274678;}
#big-button-left .button .bolder img{border: 0px solid #2d3544}
#big-button-left .button .details{float: right; margin-right: 15px; font-size: 9px; font-family: Arial;  margin-top: 15px;color: #707072;}
#image-slider{ background-color: #747474;width:680px; height: 207px;overflow: hidden}
#image-slider-corner{background: transparent url('../media/_images/corners-top.jpg') no-repeat right;	
					width:934px; height: 36px; }

	
/* -------------- middle -------------- #f0f0f0 */	
#panel { width: 250px; min-height: 150px;background: #f0f0f0; margin-right: 3px; }					
 ul#submenu{list-style: none; margin:0px; margin-right: 20px; margin-left: 15px;padding: 0px;font-size: 11px; color: #2d384d; font-weight: bold; border }					
 ul#submenu li{clear: both;  display: block;}
ul#submenu li a{border-bottom: 1px solid  #00609e; border-left: 1px solid  #00609e;border-right: 1px solid  #00609e; 
padding: 10px;padding-left: 20px;display: block;}
ul#submenu li a.active{background-color: #b8c4d1; }
ul#submenu li a.active:hover{background-color: #00619f; color: #fff}
ul#submenu li a:hover{background-color: #00619f; color: #fff}

ul#submenu   li:first-child {background-color: #00609e; height: 20px;}
ul#submenu   li.last-child {background-color: #00609e;  height: 20px;}
					
#content-containter{width: 680px;}
#content-containter #c_header{ width: 681px;height: 32px;background: transparent url('../media/_images/content-corner-top.jpg') no-repeat left; }
#content-containter #c_header h1{margin-left: 25px; padding-top: 5px;}
#content-containter #c_bottom{ width: 681px;height: 10px;background: transparent url('../media/_images/content-corner-bottom.jpg') no-repeat left;}
#content-containter #content {color: #2a2a2a; text-align: justify;background-color:#f0f0f0;
		 width: 680px; margin-top: 1px; line-height: 1.7em;}
#content-containter #content .text{padding: 25px;}
#content-containter #content #content-text{ min-height: 120px; line-height: 1.7em; padding: 0px 50px 20px;}


/* -------------- footer -------------- */
#footer{line-height: 1.5em;color: #1a1a1a; width: 934px; height: 70px;margin-left: auto; margin-right: auto;margin-top:4px;background: transparent url('../media/_images/footer-background.jpg') no-repeat left; }
#copyright{float:right; width: 400px; height: 40px;margin-right: 25px; font-size: 9px; margin-top: 15px;color: #3a3a36; text-align: right;}
#footer-menu{ float:left;font-size: 10px;width: 360px; padding-top:10px;}

#certificate {list-style: none; margin:0px;	 padding: 0px;}
#certificate li {margin-bottom: 10px; width: 305px;float: left; height: 240px;margin-right: 10px; border-bottom: 1px solid #d7d9db}
#certificate li img {margin-right: 10px; border: 1px solid #314f66;}
#certificate li a {font-weight: bold;}
#certificate li .date {font-size: 10px;color: #8a989f}

#certificate2 {list-style: none; margin:0px;	 padding: 0px;}
#certificate2 li {margin-bottom: 10px; width: 305px;float: left; height: 240px;margin-right: 10px; border-bottom: 1px solid #d7d9db}
#certificate2 li img {margin-left: 100px;margin-right: 10px; border: 1px solid #314f66;}
#certificate2 li a {font-weight: bold;}
#certificate2 li .date {font-size: 10px;color: #8a989f}


.email-form{width: 450px;float:right;}
.email-form ul {padding:0px;}
.email-form ul li{list-style-type: none;  background-color: #e9e8e4; padding: 15px; border-bottom: 1px solid #dcddda;;}
.email-form ul li label{ width: 120px; display:block; float: left;}

.msg{border: 1px solid #b0ef5a; background-color: #edfee0; color: #173302;padding: 15px;}
.error{border: 1px solid #df7b7b; background-color: #fdebdb; color: #831f05;padding: 15px;}


#slideshow { width: 681px; height: 207px;}
#nav { margin-left: 240px; margin-top: 8px;}
#nav li { width: 10px;height: 10px;float: left; margin: 3px; list-style: none }
#nav a { width: 10px; height: 10px;	display: block; border: 1px solid #ccc; }
#nav a.activeSlide { background: #a2a3a8 ; text-decoration:none;}
#nav a:focus { outline: none; text-decoration:none;}
#nav img { border: none; display: block }

.realizacje {margin: 0px; padding: 0px; }
.realizacje img {border: 0px;}
.realizacje li {margin-right: 8px;}


#slideshow2 {  }
#nav2 { left: -100px; margin-left:0px; padding; 0px; }
#nav2 li {  float: left; margin: 2px; list-style: none }
#nav2 a { display: block; }
#nav2 a.activeSlide { background: #00619f }
#nav2 a:focus { outline: none; }
#nav2 img { border: none; display: block }

#tooltip { 
    position: absolute; 
    z-index: 3000; 
    border: 1px solid #2e1c4a; 
    background: Orange; 
    color: White; 
    padding: 5px; 
    opacity: 1; 
} 
 
#tooltip h3, #tooltip div { margin: 0; color:#2e1c4a; font-size:12px; }