/*  
Theme Name: proinfo
Theme URI: http://stripes-design.pl
Description: Usługi Informatyczne PROINFO
Version: 1.0
Author: Stripes
Author URI: http://stripes-design.pl
Date: 02.01.2012
*/

/* WP CF7 (kontakt) START */
.wpcf7 input[type="text"] {
background-color: transparent;
background-image:url('images/pole-2.png');
background-repeat: no-repeat;
border: none;
width:180px;
height: 24px;
padding-left: 5px;
margin-top: 4px;
color: #2e2d2d;
font: normal 11px Tahoma, Helvetica, sans-serif;
}
.wpcf7 input[type="submit"] {
background-color: transparent;
height:26px;
width:98px;
background-image:url('images/wyslij.png');
background-repeat:no-repeat;
display:block;
}
/* WP CF7 END */

*{
outline: none;
padding:0px;
margin:0px;
}

a{
outline:none;
text-decoration: none;
border: 0;
}

p{
line-height: 16px;
}

html{
padding:0px;
margin:0px;
background-color: #d4d4d4;
background-image:url('images/tlo.jpg');
background-repeat: no-repeat;
background-position: center top;
}

img{
border: 0px;
margin: 0px;
padding: 0px;
}

body{
background-color:transparent;
background-image:url('images/tlo-glowna.jpg');
background-repeat: no-repeat;
background-position: center top;
margin: 0; padding: 0;
font: normal 12px Arial, Helvetica, sans-serif;
color: #737373;
}
.body-p{
background-image:url('images/tlo-podstrona.jpg');
}


/* SZKIELET */
h1{
font-size: 24px;
color: #214167;
font-weight:normal;
}
#haslo h1{
margin-top: 24px;
text-align:right;
font-size: 30px;
color: #214167;
font-weight:normal;
line-height: 12px;
float:right;
}
#haslo-p h2{
margin-top: 24px;
text-align:right;
font-size: 30px;
color: #214167;
font-weight:normal;
line-height: 12px;
float:right;
}
#haslo h1 span, #haslo-p h2 span{
font-size: 18px;
color: #214167;
}
#haslo h1 .czarny, #haslo-p h2 .czarny{
color:#13161c;
}
.naglowek h2{
color:#fff;
font-size: 16px;
float:left;
background-image:url('images/tlo-naglowek.png');
background-repeat: no-repeat;
background-position: right top;
height:33px;
padding-right: 29px;
padding-top: 12px;
margin-left: 0px;
min-width:164px;
}
.naglowek-p h2{
color:#fff;
font-size: 16px;
float:left;
height:33px;
padding-top: 12px;
margin-left: 0px;

}
.naglowek, .naglowek-p{
height:45px;
}
.naglowek-p{
background-image:url('images/tlo-naglowek.png');
background-repeat: no-repeat;
background-position: right top;
}
.naglowek-start{
background-color:transparent;
background-image:url('images/start-naglowek.png');
background-repeat: no-repeat;
width:20px;
height:45px;
float:left;
}
h3{
font-weight:normal;
color: #214167;
font-size: 18px;
line-height: 24px;
}


#tresc-inner h3{
color: #CBA402;
font-size: 16px;
margin-bottom:-12px;
margin-top:10px;
}
h4{
font-weight:normal;
color: #214167;
font-size: 12px;
line-height: 14px;
}
#sub-menu-dol h4{
margin-top: 4px;
}
h5{
color: #cba402;
font-size: 14px;
line-height: 24px;
}
#box2-1 h5{
margin-top: 27px;
}
#box2-1 h5 a{
color: #cba402;
}
#box2-1 h5 a:hover{
color: #e1bf32;
}
h6{
font-weight:normal;
color: #484848;
font-size: 16px;
}
#box-jakosc-1i h6, #box-jakosc-2i h6{
font-size: 12px;
}
#tresc-inner .h3-kontakt{
margin-top: 60px;
margin-bottom:0px;
}
/* główne */
.clear{clear:both;}
#wrapper{
background-color:transparent;
padding: 0;
margin: 0 auto;
width:994px;
height:1183px;
}
#wrapper-p{
background-color:transparent;
padding: 0;
margin: 0 auto;
width:994px;
}
#header{
background-color:transparent;
margin-top:0px;
margin-left:0px;
width:994px;
height:511px;
position:relative;
}
#header-p{
background-color:transparent;
margin-top:0px;
margin-left:0px;
width:994px;
height:417px;
position:relative;
}
#main-menu{
background-color:transparent;
background-image:url('images/tlo-menu.png');
background-repeat: no-repeat;
margin-top:32px;
margin-left:121px;
float:left;
width:590px;
height:54px;
}
#haslo{
background-color:transparent;
margin-top:0px;
margin-left:0px;
width:994px;
height:121px;
float:left;
position:absolute;
bottom:0px;
}
#haslo-p{
background-color:transparent;
background-image:url('images/tlo-haslo.png');
background-repeat: no-repeat;
margin-top:0px;
margin-left:0px;
padding-top:16px;
padding-right:75px;
width:919px;
height:105px;
float:left;
position:absolute;
bottom:29px;
}
#content{
background-color:transparent;
margin-top:0px;
margin-left:0px;
width:994px;
height:618px;
}
#content-p{
background-color:transparent;
margin-top:0px;
margin-left:0px;
width:994px;
}
#box1{
background-color:transparent;
margin-top:0px;
margin-left:0px;
width:994px;
height:321px;
float: left;
}
#box-uslugi-budzetowe{
background-color:transparent;
background-image:url('images/tlo-box-uslugi-budzetowe.png');
background-repeat: no-repeat;
margin-top:0px;
margin-left:0px;
width:670px;
height:321px;
padding-left: 11px;
float: left;
}
#box-uslugi-budzetowe-1{
background-color:transparent;
margin-top:0px;
margin-left:0px;
padding-top:44px;
padding-bottom:44px;
padding-left:21px;
width:306px;
height:188px;
float: left;
}
#box-uslugi-budzetowe-2{
background-color:transparent;
margin-top:0px;
margin-left:0px;
padding-top:44px;
padding-bottom:44px;
padding-left:19px;
width:324px;
height:188px;
float: left;
}
#box-jakosc{
background-color:transparent;
background-image:url('images/tlo-box-jakosc.png');
background-repeat: no-repeat;
margin-top:0px;
margin-left:0px;
width:313px;
height:321px;
float: left;
}
#box-jakosc-1{
width:150px;
padding-top: 33px;
text-align:center;
float:left;
}
#box-jakosc-2{
width:129px;
padding-top: 33px;
text-align:center;
float:left;
}
#box-jakosc-1i{
width:50%;
padding-top: 20px;
text-align:center;
float:left;
}
#box-jakosc-2i{
width:50%;
padding-top: 20px;
text-align:center;
float:left;
}
#box2{
background-color:transparent;
background-image:url('images/tlo-box2.png');
background-repeat: no-repeat;
margin-top:0px;
margin-left:0px;
padding-left: 11px;
width:983px;
height:297px;
float: left;
}
#box2-1{
background-color:transparent;
width:282px;
height:222px;
padding-top: 30px;
padding-left: 19px;
float: left;
}
#box2-2{
background-color:transparent;
width:285px;
height:247px;
padding-top: 5px;
padding-left: 41px;
float: left;
}
#box2-3{
background-color:transparent;
width:285px;
height:247px;
padding-top: 5px;
padding-left: 41px;
float: left;
}
#footer{
background-color:transparent;
margin-top:0px;
margin-left:0px;
width:994px;
height:54px;
float: left;
}
#sub-menu{
width:200px;
margin-left:12px;
float: left;
}
#sub-menu-inner{
background-color:#fff;
background-image:url('images/tlo-sub-menu.png');
background-repeat: no-repeat;
width:200px;
min-height:171px;
float: left;
padding-bottom:20px;
}
#sub-menu-dol{
background-image:url('images/sub-menu-dol.png');
background-repeat: no-repeat;
width:200px;
height:60px;
float: left;
margin-bottom:20px;
}
#tresc{
width:547px;
margin-left:16px;
margin-right:16px;
float: left;
}
#box-info{
width:191px;
margin-right:12px;
float: left;
}
#box-info-inner{
background-color:#fff;
width:191px;
float: left;
}
#box-info-bot{
background-image:url('images/tlo-box-info.png');
background-repeat: no-repeat;
width:191px;
height: 43px;
float: left;
}

#breadcrumbs-i{
background-image:url('images/pasek-naglowek.png');
background-repeat: no-repeat;
margin-top:0px;
margin-left:0px;
width:518px;
height:24px;
padding-left: 29px;
padding-top: 8px;
float:left;
color: #e2c039;
}
#tresc-inner{
background-color:#fff;
margin-top:0px;
margin-left:0px;
padding-top: 15px;
padding-left: 28px;
padding-right: 28px;
width:491px;
float:left;
}
#tresc-bot{
background-image:url('images/tlo-tresc-bot.png');
background-repeat: no-repeat;
margin-top:0px;
margin-left:0px;
width:547px;
height:55px;
float:left;
margin-bottom: 4px;
}
/* pic */

.pic-logo{
margin-top:0px;
margin-left:10px;
float: left;
}
.pic-kod{
margin-top:7px;
margin-right:12px;
float: left;
}
#box-jakosc-1 img, #box-jakosc-2 img{
margin-top: 12px;
}
#box-jakosc-1i img, #box-jakosc-2i img{
margin-top: 6px;
}
.pic-tel{
margin-top:21px;
margin-left:0px;
margin-right:8px;
float: left;
}
#box2-2 img, #box2-3 img{
border: solid 1px #447aa7;
margin-top: 18px;
margin-bottom: 15px;
}
#box2-2 a img, #box2-3 a img{
border: none;
margin-top: 0px;
margin-left: 5px;
margin-bottom: 0px;
vertical-align: middle;
}
#sub-menu-dol img{
float: left;
margin-right: 14px;
}
#tresc-inner img{
margin-top: 0px;
margin-bottom: 16px;
}


.alignleft{
float: left;
margin-right: 24px;
}
.alignright{
float: right;
margin-left: 24px;
}
.aligncenter{
text-align: center;
}
/* text */
#box-uslugi-budzetowe-1 p{
margin-top: 17px;
width: 280px;
}

#box-uslugi-budzetowe-2 ul{
list-style-image: url('images/punktor-1.png');
color:#0061d4;
line-height: 18px;
margin-top:17px;
margin-left:15px;
}
#box-jakosc p{
margin-top:32px;
margin-left:29px;
text-align: center;
width: 242px;
}
#box2-2 a, #box2-3 a{
color: #737373;
}
#box2-2 a:hover, #box2-3 a:hover{
color: #909090;
}

#footer p{
text-align: right;
color: #8a8a8a;
font-size: 11px;
line-height: 13px;
margin-top:0px;
margin-right:13px;
}

#footer a{
color: #8a8a8a;
}
#footer a:hover{
color: #707070;
}
#tresc-inner p{
margin-top: 16px;
}
#tresc-inner ul{
margin-top: 11px;
margin-left: 31px;
list-style-image: url('images/punktor-krop.png');
}
#tresc-inner ul li ul{
margin-top: 0px;
margin-left: 20px;
list-style-image: url('images/punktor-krop-z.png');
}
#tresc-inner ul li{
margin-top: 7px;
}
#tresc-inner ul li ul li{
margin-top: 7px;
}
#tresc-inner a{
color: #3a70ae;
}
#tresc-inner a:hover{
color: #245691;
}
#breadcrumbs-i a{
color: #fff;
font-weight:bold;
background-image:url('images/strzalka-biala.png');
background-repeat: no-repeat;
background-position: right center;
padding-right: 14px;
margin-right: 7px;
}

/* menu */

#main-menu ul{
list-style-type: none;
background-color: transparent;
float: left;
font-size: 14px;
margin-top:21px;
margin-left: 7px;
}

#main-menu ul li{
float: left;
}
#main-menu li a{
background-image:url('images/separator-menu.png');
background-repeat: no-repeat;
background-position: right center;
color: #fff;
padding-left: 18px;
padding-right: 18px;
padding-top: 12px;
padding-bottom: 10px;
width: 17px;
}

#main-menu ul li a:hover{
color: #e2c039;
}
#main-menu ul .menu-last a{
background-image: none;
}

/* sub-menu */
#sub-menu-inner ul{
list-style-image: url('images/punktor-kw.png');
font-size: 14px;
margin-left: 32px;
margin-top: 43px;
}
#sub-menu-inner ul li{
background-image:url('images/line-li.png');
background-repeat: no-repeat;
background-position: center bottom;
width: 140px;
margin-top: 5px;
padding-bottom: 5px;
}
#sub-menu-inner ul li a{
color: #575757;
}
#sub-menu-inner ul li a:hover{
color: #747474;
}

/* informacje */
#box-info-inner ul{
list-style-type: none;
font-size: 13px;
margin-left: 15px;
margin-top: 10px;
margin-bottom: 9px;
}
#box-info-inner ul li{
background-image:url('images/punktor-informacje.jpg');
background-repeat: no-repeat;
background-position: left bottom;
width: 146px;
margin-top: 5px;
padding-top: 3px;
padding-bottom: 3px;
padding-left: 25px;
}
#box-info-inner ul li a{
display:block;
color: #575757;
}
#box-info-inner ul li a:hover{
color: #747474;
}

#haslo a, #haslo a:hover, #haslo-p a, #haslo-p a:hover{
background-image:url('images/zobacz-pr.png');
height:72px;
width:73px;
background-repeat:no-repeat;
display:block;
float:right;
border:0px;
margin-top:13px;
margin-left:8px;
margin-right:26px;
}

#haslo a, #haslo-p a{
background-position: center bottom;
}
#haslo a:hover, #haslo-p a:hover{
background-position: center top;
}

/* stały button */

#static-button{
background: transparent;
padding: 0px;
width: 68px;	
position: fixed;
right: 0px;
top: 40%;	
}

.switch-pomoc{	
text-indent: -9999px;
position: absolute;	
background-color: transparent;
height: 222px;
width: 68px;
background: url('images/pomoc-online.png');
background-position: left center;
background-repeat:no-repeat;
display:block;
border:0px;
margin-top:0px;
margin-left:0px;
}

.switch-pomoc:hover{
background-position: right center;
}

a:focus { 
outline:none; 
}





#main-menu li, div.menu li {
	float: left;
	position: relative;
}

#main-menu ul ul {
	display: none;
	position: absolute;
	top: 5px;
	left: 0;
	float: left;
	width: 180px;
	z-index: 99999;
}

#main-menu ul li ul li {
min-width: 180px;
background: transparent;
background-image: url('images/tlo-sub-menu-header.png');
background-repeat: repeat;
clear:both;
padding-top: 7px;
padding-bottom: 7px;	
padding-left: 10px;	
padding-right: 10px;	
}
#main-menu ul ul ul {
	left: 100%;
	top: 0; 
}
#main-menu ul ul a {	
text-align: left;
padding: 0px;
font-family: 'Arial';
font-size: 13px;
color: #fff;
background-image: none;
}
#main-menu li:hover > a{
	color: #fff;
}

#main-menu ul li:hover > ul {
	display: block;
}
#main-menu ul li.current_page_item > a,
#main-menu ul li.current-menu-ancestor > a,
#main-menu ul li.current-menu-item > a,
#main-menu ul li.current-menu-parent > a {
	color: #74c4ed;
}
* html #main-menu ul li.current_page_item a,
* html #main-menu ul li.current-menu-ancestor a,
* html #main-menu ul li.current-menu-item a,
* html #main-menu ul li.current-menu-parent a,
* html #main-menu ul li a:hover {
	color: #fff;
}
#sub-menu-inner ul li.current_page_item > a,
#sub-menu-inner ul li.current-menu-ancestor > a,
#sub-menu-inner ul li.current-menu-item > a,
#sub-menu-inner ul li.current-menu-parent > a {
color: #5984b6;
font-weight:bold;
}

.top-kontakt{
background-color:transparent;
margin-top:0px;
margin-left:0px;
width:50%;
float: left;
}
#contactForm{
margin-top: 0px;
}
#contactForm p{
margin-top: 10px;
}

.gwazdka{
font-size: 12px;
color: #0061d4;
}

.pole-2{
background-color: transparent;
background-image:url('images/pole-2.png');
background-repeat: no-repeat;
border: none;
width:180px;
height: 24px;
padding-left: 5px;
margin-top: 4px;
color: #2e2d2d;
font: normal 11px Tahoma, Helvetica, sans-serif;
}

.pole-3{
background-color: transparent;
background-image:url('images/pole-3.png');
background-repeat: no-repeat;
border: none;
width:241px;
height: 119px;
padding-left: 5px;
padding-right: 5px;
padding-top: 5px;
margin-top: 4px;
color: #2e2d2d;
font: normal 12px Tahoma, Helvetica, sans-serif;
}

.error{
clear:both;
display: block;
color: #f7241a;
font-size: 11px;
}

.wyslij, .wyslij:hover{
background-color: transparent;
height:26px;
width:98px;
background-image:url('images/wyslij.png');
background-repeat:no-repeat;
display:block;
float:right;
border:0px;
margin-top:8px;
margin-right:0px;
}
.wyslij{
background-position: center bottom;
}
.wyslij:hover{
background-position: center top;
}
.pagelink{
background-image:url('images/pagelink-min.png');
background-repeat:repeat-x;
height:21px;
padding-top:5px;
float:left;
margin-top:15px;
padding-left:5px;
padding-right:5px;
margin-left: 0px;
}
#tresc-inner .pagelink p{
font-size:13px;
margin-top: 0px;
}
#tresc-inner .pagelink p a{
color: #fff;
}
#tresc-inner .pagelink p span{
margin-left: 4px;
margin-right: 4px;
}
.icon-call, .icon-call:hover{
background-color: transparent;
height:67px;
width:229px;
background-image:url('images/icon-call.png');
background-repeat:no-repeat;
display:block;
float:left;
border:0px;
margin-top:10px;
margin-bottom:10px;
}
.icon-call{
background-position: center bottom;
}
.icon-call:hover{
background-position: center top;
}
.icon-mail, .icon-mail:hover{
background-color: transparent;
height:67px;
width:261px;
background-image:url('images/icon-mail.png');
background-repeat:no-repeat;
display:block;
float:left;
border:0px;
margin-top:10px;
margin-bottom:10px;
}
.icon-mail{
background-position: center bottom;
}
.icon-mail:hover{
background-position: center top;
}