/*------ PNG FIX -----*/
div { behavior: url(iepngfix.htc) }

/*------ HOVER FIX -----*/
body { behavior: url("csshover3.htc"); } 

/*------ Style podstawowe ------*/
html,body{
  background:url(images/bg.png) repeat-y center #f5f7f7;
  text-align:left;
  margin:0;
  font-family:Calibri, Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;
  color:#4d4d4f;
  font-size:13px;
}
*{margin:0;padding:0;border:0;}
.clear{clear:both;}

/*------ Layout ------*/
#container {width:100%;background:url(images/bg-top.jpg) no-repeat top center;}
  #top{margin:0 auto; width:910px;height:190px;border-bottom:1px solid #a6b3ba;}
    #top div {float:right;text-align:right;margin:20px 0px 0px 0px;}
      #top div span {font-weight:bold;color:#009ed9;}
      blockquote {display:block;padding:0 40px;width:300px;text-align:justify;}
        blockquote p {margin:30px 0px 0px 0px;}
      blockquote:before, blockquote:after {color:#009ed9;display:block;font-size:700%;width:50px;}
      blockquote:before {content:open-quote;height:0;margin-left:-0.55em;font-family:"Times New Roman";}
      blockquote:after {content:close-quote;height:50px;margin-top:-30px;margin-left:310px;font-family:"Times New Roman";}
  .main{margin:0 auto; width:910px;border-bottom:1px solid #a6b3ba;padding:20px 0px 20px 0px;}
    .offer {float:left;color:#5c5c5c;font-size:13px;width:248px;height:58px;padding:15px 15px 15px 5px;margin:20px 0px 0px 20px;}
    .offer:hover {background:url(images/bg-offer.png) no-repeat;}
    #strony,#aplikacje,#linki,#consulting,#szkolenia{padding:0px 0px 0px 55px;}
    #strony{background:url(images/strony.png) no-repeat center left;}
    #aplikacje{background:url(images/aplikacje.png) no-repeat center left;}
    #linki{background:url(images/linki.png) no-repeat center left;}
    #consulting{background:url(images/consulting.png) no-repeat center left;}
    #szkolenia{background:url(images/szkolenia.png) no-repeat center left;}
    #portfolio {float:left; width:550px;padding:0px 10px 0px 20px;}
    #blog {float:right; width:300px;padding:0px 20px 0px 10px;}
      #blog ul {margin:0px 0px 0px 20px;}
        #blog p {text-align:justify;}  
  #clients{margin:0 auto; width:910px;text-align:center;padding:20px 0px 40px 0px;}

#footer-container{width:100%;background:#32393D;}
  #footer{margin:0 auto;width:910px;color:white;padding:20px 0px 20px 0px;font-size:14px;}
    #contact-form{float:left;width:459px;border-left:1px solid white;padding:0px 0px 0px 20px;}
    #contact-info{float:left;width:400px;padding:0px 0px 0px 30px;}
      #contact-info a {color:white;text-decoration:none;}
      #contact-info a:hover {color:#009ed9;}

/*------- Style ------*/
h2 {color:#009ed9;font-size:16px;font-weight:bold;text-transform:lowercase;text-align:center;margin:0px 0px 20px 0px;}
h3 {color:#009ed9;font-size:14px;font-weight:bold;text-transform:lowercase;margin:0px 0px 0px 0px;}
h4 {font-size:16px;font-weight:normal;text-transform:uppercase;}

a {color:#009ed9;font-weight:bold;text-decoration:none;}
a:hover {text-decoration:underline;}

.label{display:block;float:left;color:#009ed9;width:55px;}
p{margin:10px 0px 10px 0px;}

label {display:block;margin:10px 0px 0px 0px}
input, textarea {width:400px;border:1px solid #a6b3ba;background:white;font-family:Calibri, Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;font-size:14px;}
input {height:20px;}
textarea{height:100px;}
input.button {float:right;width:100px;height:25px;margin:10px 57px 0px 0px;background:#009ed9;color:white;font-weight:bold;}

/*------ Slider -------*/
#mid {
	width: 100%;
	padding-bottom: 20px;
	margin-top: 10px;
}

#mid.index {
	/*background: transparent url(images/indexbg.png) no-repeat 50% 0;*/
}

.panel {
	font-family: Georgia;
	color: #efefef;
	position: relative; 
	display: block; 
	width: 500px;
	height: 300px;
}

.post-title {
	max-width: 220px;
	font-size: 1.4em;
}

.post-title {
	max-width: 870px;
	padding: 15px;
	position: absolute;
	top: 20px;
	left: 20px;
	z-index: 100;
	background: transparent url(images/titlebg.png) repeat 0 0;
	font-size: 4em;
	font-weight: normal;
}

.post-title a {
	color: #efefef;
	text-decoration: none;
}

.entry {
	max-width: 440px;
	padding: 15px;
	position: absolute;
	bottom: 20px;
	right: 20px;
	z-index: 100;
	background: transparent url(images/titlebg.png) repeat 0 0;
	font-size: 1.2em;
	line-height: 1.5em;
}

.entry ul {
	margin: 5px 0 10px 0;
}

.entry li {
	padding: 5px 0 7px 0;
	border-bottom: 1px solid #3b3b3b;
	list-style: none;
}

.entry a:hover {
	color: #c6c6c6;
}

.entry .big {
	font-size: 2em;
}

.csw {width: 100%; height: 600px; overflow: hidden}
.csw .loading {margin: 0; text-align: center}

.stripViewer { /* This is the viewing window */
	position: relative;
	overflow: hidden;
	clear: both;
	width: 500px;
	height: 450px;
	margin: 0px auto;
	padding-top: 5px;
	
}

.stripViewer .panelContainer { /* This is the big long container used to house your end-to-end divs. Width is calculated and specified by the JS  */
	position: relative;
	left: 0; top: 0;
	width: 100%;
	/* -moz-user-select: none; // This breaks CSS validation but stops accidental (and intentional - beware) panel highlighting in Firefox. Some people might find this useful, crazy fools. */
}

.stripViewer .panelContainer .panel { /* Each panel is arranged end-to-end */
	float:left;
	height: 450px;
	position: relative;
	width: 500px; /* Also specified in  .stripViewer  above */
}

.stripNavL, .stripNavR {
	position: relative;
	top: -280px;
	z-index: 200;
}

.stripNavL { float: left; }

.stripNavR { float: right; }

/*------ Tooltip -------*/
#tooltip {
	position: absolute;
	z-index: 3000;
	/*border: 1px solid #111;*/
	/*background-color: #eee;*/
	padding: 5px;
	/*opacity: 0.85;*/
	color:#5c5c5c;font-size:13px;width:238px;height:63px;padding:10px 15px 15px 15px;margin:10px 0px 0px 10px;
	background:url(images/bg-offer.png) no-repeat;
}
#tooltip h3, #tooltip div { margin: 0; }