/* Basic styles */
*{margin:0;padding:0}
body{line-height:1}
img,fieldset{border:0}
img{vertical-align:bottom}
a,a:hover{cursor:pointer;text-decoration:none;outline:none}
ul{list-style:none}
option{padding:0 .5em 0 1px}
input{font-size:1em;}
input.submit{cursor:pointer}
table{border-collapse:separate;border-spacing:0}
td{vertical-align:top}
th{vertical-align:top;text-align:left;font-weight:normal}
p,li,h1,h2,h3{line-height:103%}
.clear{clear:both}
.clearfix:after{content:"";display:block;clear:both}
.hide{display:none}

/* Html,body,wrapper */
html{background:#2F0126 url(../images/html_bg.png) repeat-x;}
body{background:url(../images/body_bg3.png) center top no-repeat;;}
body.home{background:url(../images/body_home_bg2.jpg) center top no-repeat;;}
body,input,textarea,select{color:#fff;font-size:11px;font-family:tahoma,arial,sans-serif;}
#body{width:930px;margin:0 auto;}
#skip{position:absolute;top:0px;left:-9999px;}

/* CONTENT Styles */
.c p,.c table,.c form{margin:0 0 1.5em}
.wysiwyg{margin:0 0 1.5em;}
.c p,.c li,.wysiwyg{line-height:18px;}
.c a{color:#21C0D5;}
.c a:hover{text-decoration:underline;}
.c img{display:inline;vertical-align:bottom;}
.c h1{color:#fff;font-size:30px;margin:0 0 40px;padding:0 0 0 9px;}
.c h2{color:#7439c5;font-size:14px;margin:10px 0;}
.c h2 a{color:#0073ae;}
.c h2 a:hover{color:#909090;}
.c ul{margin:0.5em 0 1em 0;list-style:disc}
.c ul li{margin:0 0 0 1.5em}
.c ul li li{margin:0 0 0 1.5em;padding:0;background:none;list-style:disc}
.c ol{list-style:decimal;margin:0.5em 0 1em 0}
.c ol li{margin:0 0 0 2em}
.c dl{margin:0.5em 0 1em 0}
.c dl dt{margin:0 0 .2em;font-weight:bold}
.c dl dd{margin:0 0 1em 3em}
.c blockquote{padding:0 0 0 1em}
.c img.right{float:right;margin:0 0 1em 1em;}

/* CONTENT Form Styles */
.c form{margin:10px 0;font-size:11px;}
.c form .row{float:left;width:100%;margin:0 0 5px;}
.c label{width:160px;float:left;line-height:1.5em}
.c input,.c textarea,.c select{float:left;padding:2px;border:1px solid #ccc;font-size:11px;margin:0 3px 0 0;}
.c option{padding:0 1em 0 1px;}
.c select{padding:0;}
.c input.image{border:0;padding:0;margin:10px 0 0;float:none;}
.c form p.submit{margin:20px 0 0 160px}

/* CONTENT Table Styles */
.c table{border-collapse:collapse;}
.c table thead th{background:#21C0D5;color:#fff;font-weight:bold;text-align:center;padding:9px 5px;}
.c table td{color:#F0B7E5;border:1px solid #632356;padding:9px 5px;white-space: nowrap;text-align:center;}
.c table tbody th{color:#eee;border:1px solid #632356;padding:9px 5px;font-weight:bold;}

/* IBOX Styles */
#ibox_w{position:absolute;top:0;left:0;z-index:100;width:100%;height:100%;background-color:#000;margin:0;padding:0;-moz-opacity:0.0;opacity:0.0;filter:alpha(opacity=0);}
#ibox_progress{margin:0;padding:0;position:absolute;z-index:105}
#ibox_wrapper{position:absolute;top:0;left:0;z-index:1000;padding:10px;border:1px solid #ccc;width:300px;height:300px;background:#999;padding-bottom:30px; margin:0}
#ibox_content{background:#fff;width:100%;height:100%;margin-bottom:5px;position:relative;top:0;left:0;border:1px solid #000;padding:2px}
#ibox_footer_wrapper{position:relative;padding:0;margin:0;top:0;left:0}

/* HEADER */
#header{height:147px;position:relative;}
#logo img{padding:40px 0;margin:-1px 0 0 9px;}
#nav{position:absolute;top:66px;left:260px;height:23px;}
#nav li{float:left;}
#nav li a{display:block;height:23px;float:left;}
#nav li:hover,#nav li.hover,#nav li.active{margin-left:-2px;position:relative;}
#nav li:hover a,#nav li.hover a,#nav li.active a{padding-left:2px}
#nav li:hover img,#nav li.hover img,#nav li.active img{visibility:hidden;}
#nav-hosting:hover, #nav li.active #nav-hosting{background:url(../images/nav-hosting-h.png);width:89px;}
#nav-o_nas:hover, #nav li.active #nav-o_nas{background:url(../images/nav-o_nas-h.png);width:75px;}
#nav-jak_pracujemy:hover, #nav li.active #nav-jak_pracujemy{background:url(../images/nav-jak_pracujemy-h.png);width:139px;}
#nav-kontakt:hover, #nav li.active #nav-kontakt{background:url(../images/nav-kontakt-h.png);width:90px;}
#nav-portfolio:hover, #nav li.active #nav-portfolio{background:url(../images/nav-portfolio-h.png);width:98px;}
#nav-technologie:hover, #nav li.active #nav-technologie{background:url(../images/nav-technologie-h.png);width:118px;}

#header-kontakt{position:absolute;top:0;right:0;}

/* MAIN */
#main{min-height:600px;height:auto;}
#main:after{content:"";display:block;clear:both;}
.home #main{min-height:100px;height:360px;}


/* LEFT */
#left{width:260px;float:left;}
#news{width:195px;margin-left:12px;}
#news h3{color:#21C0D5;font-size:11px;font-weight:bold;margin:15px 0 10px;}
#news p{margin:0 0 5px;background:url(../images/news_li.png) no-repeat left bottom;padding:0 0 20px;}
#news p span.date{color:#F0B7E5;display:block;margin:0 0 5px;}
#news a{color:#21C0D5;}

/* FOOTER */
#footer{height:95px;background:url(../images/footer_bg.png);position:relative;color:#F1B7E6;}
.home #footer{height:195px;background:url(../images/home_footer_bg.png) no-repeat;}
#footer hr{display:none;}
#footer address{font-style:normal;padding:50px 0 0;}
#footer address span.adres{background:url(../images/ico-dot.png) 0 5px no-repeat;padding:0 35px 0 10px;float:left;}
#footer address span.tel{background:url(../images/ico-dots.png) left center no-repeat;padding:0 35px 0 10px;float:left;}
#copyright{float:left;padding:50px 35px 0 12px;}
#copyright strong{color:#fff;}
#copyright strong em{color:#E88101;font-style:normal;}
#footer a.email{color:#21C0D5;position:absolute;top:60px;left:800px;}
#footer a.email:hover{text-decoration:underline;}

/* CONTENT */
#content{width:660px;float:left;padding:0 0 20px;position:relative;}

#site_path{color:#F1B7E6;position:absolute;top:30px;left:11px;background:url(../images/ico-arrow.png) left center no-repeat;padding:0 0 0 20px;}
#site_path a{color:#E88101;font-weight:normal;}
#site_path a:hover{text-decoration:underline;}

.c form{}
.c form div.row-f{overflow:hidden;zoom:1;margin:0 0 10px;}
.c form input{background:#3E0132;border:1px solid #75015D;padding:2px;float:left;font-size:11px;}
.c form textarea{background:#3E0132;border:1px solid #75015D;padding:2px;float:left;font-size:11px;}
.c form label{color:#fff;width:85px;float:left;}
.c form input.submit{border:0;padding:0;margin:0 0 0 85px;}


#kontakt-address{float:left;width:135px;background:url(../images/ico-vdots.png) repeat-y top right;}
#kontakt-phone{float:left;width:150px;padding:0 0 0 25px;}
#kontakt-phone b{display:block;float:left;width:50px;}
#kontakt-form{float:left;width:310px;background:url(../images/ico-vdots.png) repeat-y top left;padding:0 0 0 35px;margin-top:-80px}
.c big{font-size:14px;font-weight:bold;}

#projekty{list-style:none;margin:0;overflow:hidden;zoom:1;margin-right:-30px}
#projekty li{float:left;width:200px;margin:0 30px 0 0;height:190px;position:relative;}
#projekty li p{color:#E88101;font-size:14px;font-weight:bold;line-height:110%;padding:5px 0 0 10px;}
#projekty li p a{font-size:11px;font-weight:normal;}
#projekty li img{padding:6px;}
#projekty li .bg{display:block;}
#projekty li .bg img{position:absolute;top:-6px;left:-6px;display:block;}

#portfolio_strony{overflow:hidden;zoom:1;}
#portfolio_strony a{display:block;float:left;height:19px;margin:0 3px;width:19px;background:url(../images/number_bg.png);color:#fff;text-align:center;line-height:19px;font-size:10px;}
#portfolio_strony a.active{background:url(../images/number_bg_active.png) center top no-repeat;}
#portfolio_strony a.arrow{background:none;}

#projekt{position:relative;height:620px;}
#projekt img{padding:6px 0 0 77px;}
#projekt img.bg{position:absolute;top:0;left:71px;padding:0;}
#projekt a img{padding:0;}
#projekt .prev{position:absolute;top:145px;left:0px;z-index:11;}
#projekt .next{position:absolute;top:145px;left:605px;z-index:11;}
#projekt h1{font-size:30px;color:#F58903;font-weight:normal;margin:0;}
#projekt .opis{float:left;width:330px;padding:0 20px 0 65px;background:url(../images/ico-vdots.png) repeat-y top right;}
#projekt .opis p{padding:0 0 0 10px;}
#projekt .dane{padding:0 0 0 20px;width:140px;float:left;}
#projekt #portfolio_strony{padding:20px 0 0 65px;}
#projekt b{color:#E88101;;}

#cytat{margin:30px 40px 10px 10px;font-family:georgia,arial,sans-serif;font-size:24px;color:#e88101;background:url(../images/ico-cite_left.png) no-repeat;padding:18px 0 0;}
#cytat cite{background:url(../images/ico-cite_right.png) right bottom no-repeat;font-style:normal;padding:0 0 10px;display:block;}

#zapytanie label{display:block;float:none;width:auto;width:600px;margin:0 0 3px;}
#zapytanie input{width:600px;}
#zapytanie input.submit2{width:auto;}

#success{color:#fff;margin:0 0 1em;font-weight:bold;}

div.aktualnosc{font-size:1.1em;}

#content .news h2{color:#21C0D5;font-size:11px;font-weight:bold;margin:15px 0 10px;}
#content .news p.subh1{color:#F0B7E5;display:block;margin:0 0 5px;}

.hr{border-top:1px dashed #999;overflow:hidden;padding:20px 0 0;height:0}

#errors{color:red;}