/* HTML5 Boilerplate  */

*{margin:0; padding:0; border:none;}
a {text-decoration: none;}

article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; }
[hidden] { display: none; }

html { font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
html, button, input, select, textarea { font-family: sans-serif; color: #222; }
body { margin: 0; font-size: 1em; line-height: 1.4; background: #eff7fd;}

.clear {clear: both;}

#headerTop {width: 100%; height: 161px; background: url(../img/headerBg.png);}
#headerBottom {width: 100%; height: 188px; background:  url(../img/header2Bg.png) 50% 50%;}

.center {width: 1024px; margin: 0 auto;}

.ikony{
	height: 105px; 
}

#logo {
	width: 288px; 
	height: 90px; 
	background: url(../img/logo-sisco.jpg);  
	cursor: pointer;
	margin: 10px 0 0 0;
	float: left;
}

#poczta {
	width: 178px; 
	height: 47px; 
	background: url(../img/poczta.png); 
	margin: 30px 0 0 310px;
	cursor: pointer;
	float: left;
}

#nowapoczta {
	float: left;
	width: 200px;
	padding: 30px 0 10px 0;
	margin: 0 0 0 40px;
	color: red;
}

#nowapoczta a {
	color: red;
}

#menu {width: 1024px; height: 50px; position: relative; top: 3px;}
#menu ul {list-style: none; margin-left: -30px;}
#menu li {display: inline-block; margin-top: 15px; margin-left: 20px; font-size: 14px; font-family: FreeSans,'Liberation Sans','Nimbus Sans L',Arial,'Helvetica Neue',Helvetica,sans-serif; font-weight: bold; text-transform: uppercase; text-shadow: 1px 1px 2px #636363; filter: dropshadow(color=#636363, offx=1, offy=1);}
#menu li a {color: #fff; padding: 5px 10px; display: block; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;}
#menu li a:hover, #menu li a.hover {background: url(../img/menuHover.png);}

#text  {width: 547px; height: 76px; background: url(../img/text.png); position: relative; top: 50px; left: 60px;}
#pages {width: 329px; height: 312px; position: relative; z-index: 999; top: -173px; left: 700px; background: url(../img/sites.png); cursor: pointer;}

#content {width: 1020px; min-height: 400px; margin: 0px auto 10px auto; border-top-style: dotted; border-top-color: #b7b7b7; border-top-width: 1px;}
#content p {font-family: 'Trebuchet MS',Trebuchet,'Helvetica Neue',Helvetica,sans-serif; font-size: 13px; color: #333;}
#content h3 {font-family: 'Trebuchet MS',Trebuchet,'Helvetica Neue',Helvetica,sans-serif; font-size: 15px; margin: 10px 0 10px 0; color: #367cac;}
h2.main {margin: 15px 0 0 20px; font-family: 'Trebuchet MS',Trebuchet,'Helvetica Neue',Helvetica,sans-serif; font-weight: normal; font-style: italic; font-size: 19px; color: #5d5d5d;}
#leftBox {width: 670px; float: left;}
#rightBox {width: 350px; float: right;}
/*#content h2 {width: 940px; height: 44px; display: block; background: url(../img/longBarBg.png); font-size: 20px; line-height: 49px; text-indent: 30px; font-family: FreeSans,'Liberation Sans','Nimbus Sans L',Arial,'Helvetica Neue',Helvetica,sans-serif; font-weight: normal; color: #fff; text-transform: uppercase; text-shadow: 1px 1px 2px #636363; filter: dropshadow(color=#636363, offx=1, offy=1);}
#contentBox {width: 938px; min-height: 300px; border-width: 1px; border-style: solid; border-color: #bfc5c8;}*/

footer {width: 100%; height: 150px; background: url(../img/footerBg.png); clear: both; font-family: 'Trebuchet MS',Trebuchet,'Helvetica Neue',Helvetica,sans-serif; font-size: 13px; color: #497189;}
#footerTop {width: 100%; height: 150px; background: url(../img/footerTop.png) repeat-x;;}
footer #boxFirst {float: left; margin: 24px 0 0 50px;}
footer #boxSecond {float: left; margin: 28px 0 0 50px;}
footer #boxThird {float: left; margin: 50px 0 0 50px;}
footer p.title {font-size: 14px; font-weight: bold; color: #3b5e73;}
footer p {line-height: 23px; text-shadow: px px 1px #737373;text-shadow: 1px 1px 0.45px #a8cfff; filter: dropshadow(color=#3b668c, offx=2, offy=2);
}
footer a {color: #497189;}
footer h2 {color: #3b5e73;}
/* DEV */
/*#content {min-height: 300px; border-color: red; border-width: 1px; border-style: solid;}*/


/* Gallery */

div.content {
	display: none;
	float: right;
        margin-top: 15px;
	width: 725px; 
}
div.content a, div.navigation a {
	text-decoration: none;
	color: #777;
}
div.content a:focus, div.content a:hover, div.content a:active {
	text-decoration: underline;
}
div.controls {
	margin-top: 5px;
	height: 23px;
}
div.controls a {
	padding: 5px;
}
div.ss-controls {
	float: left;
}
div.nav-controls {
	float: right;
}
div.slideshow-container {
	position: relative;
	clear: both;
	height: 1015px; /* This should be set to be at least the height of the largest image in the slideshow */
}
div.loader {
	position: absolute;
	top: 0;
	left: 0;
	background-image: url('loader.gif');
	background-repeat: no-repeat;
	background-position: center;
	width: 720px;
	height: 1015px; /* This should be set to be at least the height of the largest image in the slideshow */
}
div.slideshow {

}
div.slideshow span.image-wrapper {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
}
div.slideshow a.advance-link {
	display: block;
	width: 725px;
	height: 1015px; /* This should be set to be at least the height of the largest image in the slideshow */
	line-height: 1015px; /* This should be set to be at least the height of the largest image in the slideshow */
	text-align: center;
}
div.slideshow a.advance-link:hover, div.slideshow a.advance-link:active, div.slideshow a.advance-link:visited {
	text-decoration: none;
}
div.slideshow img {
	vertical-align: middle;
}
div.download {
	float: right;
}
div.caption-container {
	position: relative;
	clear: left;
	height: 75px;
}
span.image-caption {
	display: block;
	position: absolute;
	width: 725px;
	top: 0;
	left: 0;
}

ul.thumbs {margin-top: 15px;}
ul.thumbs li {list-style: none; display: inline-block;}

/* Realizacje */

#realizacje ul {list-style: none;}
#realizacje li {float: left; margin: 20px 0 20px 30px;}
#realizacje p.info {text-indent: 10px;}
#realizacje p.link {text-indent: 10px; font-weight: bold;}
#realizacje p.link a {color: #179ee4;}

.hr {width: 1020px; height: 2px; padding-top: 10px; border-top-style: dotted; border-top-color: #b7b7b7; border-top-width: 1px; clear: both;} 

/* LightBox */

#sb-title-inner,#sb-info-inner,#sb-loading-inner,div.sb-message{font-family:"HelveticaNeue-Light","Helvetica Neue",Helvetica,Arial,sans-serif;font-weight:200;color:#fff;}
#sb-container{position:fixed;margin:0;padding:0;top:0;left:0;z-index:999;text-align:left;visibility:hidden;display:none;}
#sb-overlay{position:relative;height:100%;width:100%;}
#sb-wrapper{position:absolute;visibility:hidden;width:100px;}
#sb-wrapper-inner{position:relative;border:1px solid #303030;overflow:hidden;height:100px;}
#sb-body{position:relative;height:100%;}
#sb-body-inner{position:absolute;height:100%;width:100%;}
#sb-player.html{height:100%;overflow:auto;}
#sb-body img{border:none;}
#sb-loading{position:relative;height:100%;}
#sb-loading-inner{position:absolute;font-size:14px;line-height:24px;height:24px;top:50%;margin-top:-12px;width:100%;text-align:center;}
#sb-loading-inner span{background:url(../img/loading.gif) no-repeat;padding-left:34px;display:inline-block;}
#sb-body,#sb-loading{background-color:#060606;}
#sb-title,#sb-info{position:relative;margin:0;padding:0;overflow:hidden;}
#sb-title,#sb-title-inner{height:26px;line-height:26px;}
#sb-title-inner{font-size:16px;}
#sb-info,#sb-info-inner{height:20px;line-height:20px;}
#sb-info-inner{font-size:12px;}
#sb-nav{float:right;height:16px;padding:2px 0;width:45%;}
#sb-nav a{display:block;float:right;height:16px;width:16px;margin-left:3px;cursor:pointer;background-repeat:no-repeat;}
#sb-nav-close{background-image:url(../img/close.png);}
#sb-nav-next{background-image:url(../img/next.png);}
#sb-nav-previous{background-image:url(../img/previous.png);}
#sb-nav-play{background-image:url(../img/play.png);}
#sb-nav-pause{background-image:url(../img/pause.png);}
#sb-counter{float:left;width:45%;}
#sb-counter a{padding:0 4px 0 0;text-decoration:none;cursor:pointer;color:#fff;}
#sb-counter a.sb-counter-current{text-decoration:underline;}
div.sb-message{font-size:12px;padding:10px;text-align:center;}
div.sb-message a:link,div.sb-message a:visited{color:#fff;text-decoration:underline;}

/* Oferta */

#offers {font-family: 'Trebuchet MS',Trebuchet,'Helvetica Neue',Helvetica,sans-serif; font-size: 13px; color: #333;}
#offers h2.offer {position: relative; top: 5px; left: 1px; text-align: center; height: 40px; width: 200px; background: #fff; line-height: 42px; font-family: 'Trebuchet MS',Trebuchet,'Helvetica Neue',Helvetica,sans-serif; font-weight: bold; font-size: 14px; color: #9ba3a8; text-transform: uppercase;}
#offers .oferty {width: 940px; height: 44px; margin: 10px auto 0 auto; background: url(../img/longBarBg.png);}
#offers #urzad {width: 898px; margin: 0 auto;  border-style: solid; border-color: #bfc5c8; border-width: 1px; background: #fff; padding: 10px 20px;}
#offers #hosting {width: 898px; margin: 0 auto;  border-style: solid; border-color: #bfc5c8; border-width: 1px; background: #fff; padding: 10px 20px;}
#offers .text {width: 698px; float: left;}
#offers .media {width: 200px; float: left;}
#offers .text img {float: left; margin-right: 10px;}
#offers .text p {line-height: 23px;}
#offers .text span {color: #4398d6;}
#offers .info {width: 617px; height: 46px; background: url(../img/infoBg.png); margin: 15px auto 0 auto;}
#offers .info p {color: #fff; font-family: Tahoma,Geneva,'DejaVu Sans Condensed',sans-serif; line-height: 43px; text-indent: 30px; font-size: 15px; text-shadow: 2px 1px 1px #6c9db2; filter: dropshadow(color=#6c9db2, offx=1, offy=1);}

#offers h3 {margin: 0 0 10px 0; color: #9ba3a8; font-size: 18px; font-weight: normal;}

#offers a#bip {width: 80px; height: 80px; margin: 0 10px 0 0; float: left; background: url(../img/icons.png); display: block;}
#offers a#cms {width: 80px; height: 80px; margin: 10px 10px 0 0; float: left; background: url(../img/icons.png) 80px 80px; display: block;}
#offers a#portal {width: 80px; height: 80px; margin: 10px 10px 0 0; float: left; background: url(../img/icons.png) 0px 80px; display: block;}
#offers a#pup {width: 80px; height: 80px; margin: 0 10px 0 0; float: left; background: url(../img/icons.png) 80px 0px; display: block;}


/* Index */

#indexLeft {float: left;}
#indexRight {float: right;}

.smallBar {width: 620px; height: 44px; margin: 10px 0 0 42px; background: url(../img/shortBarBg.png);}
h2.smallBarH {position: relative; top: 3px; left: 35px; text-align: center; height: 40px; width: 200px; line-height: 42px; font-family: 'Trebuchet MS',Trebuchet,'Helvetica Neue',Helvetica,sans-serif; font-weight: bold; font-size: 14px; color: #fff; text-transform: uppercase;}
#smallBar {width: 578px; margin-left: 42px;  border-style: solid; border-color: #bfc5c8; border-width: 1px; background: #fff; padding: 10px 20px;}

.last {width: 277px; height: 80px; float: left; margin: 10px 0 0 0;}
.margin {margin-top: 20px; margin-bottom: 20px;}
.left {margin-left: 20px;}
.last img {float: left; margin-right: 5px;}
p.lastTitle {color: #9ba3a8; font-family: Tahoma,Geneva,'DejaVu Sans Condensed',sans-serif; font-size: 15px;}
p.lastTitle a {color: #9ba3a8;}
p.lastDesc {color: #000; font-family: Tahoma,Geneva,'DejaVu Sans Condensed',sans-serif; font-size: 11px;}

#partners {width: 315px; height: 284px; position: relative; top: 5px; right: 40px; background: url(../img/partnersBg.png);}
#partners .img1 {margin: 35px 0 0 80px;}
#partners .img2 {margin-left: 35px;}
#partners .img3 {margin-left: 35px;}

/* Contact */

#map {width: 312px; height: 304px; position: relative; top: 9px; right: 41px; border-width: 2px; border-style: solid; border-color: #C1C1C1;}

#contactLeft {width: 449px; float: left;}
#contactLeft p {text-align: center;}
#contactLeft p a {color: #4990b5;}
#contactLeft p strong {color: #194459;}
#contactRight {width: 449px; float: right;}
#contactRight p {text-align: center;}
#contactRight p strong {color: #194459;}

#form input {width: 200px; height: 20px; border-width: 1px; border-style: solid; border-color: #cecece; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;}
#form textarea {width: 300px; height: 100px; border-width: 1px; border-style: solid; border-color: #cecece; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;}
#form {font-family: 'Trebuchet MS',Trebuchet,'Helvetica Neue',Helvetica,sans-serif; font-size: 13px; color: #333;}
#form input.button_text {width: 75px; height: 32px; background: url(../img/wyslij.png); border: none; float: right; cursor: pointer;}

/* Pup */

.alert {background: #f7d5d2; border-width: 1px; border-style: solid; border-color: #ea7e6e; text-align: center; padding: 10px; font-weight: bold;}
.margin {}
#offers .normalText {width: 655px; float: left; margin-right: 10px;}
#offers .short {width: 655px;}
#offers .list {width: 470px; float: right;}
#offers .normalText p {line-height: 23px;}
#offers .normalText span {color: #4398d6;}
#offers ul {margin:0 0 10px 0;}
#offers li {margin-top: 5px; list-style-image: url(../img/blue-ok.png);}
img.stats {float: right; margin-top: 50px;}
img.screen {float: left; margin-top: 50px;}