/* podstrona info */
ul.info_kontakt {
    display: block;
    margin: 0;
    padding: 0;
    list-style-type: none;
    list-style-image: none;
    margin: 0 auto;
		text-align: center;
}
ul.info_kontakt li{
		display: inline-block;
    vertical-align: middle;
		margin: 5px;
    padding: 0;
}
li.kontakt{
		width: 220px;
		height: 160px;
		padding: 50px 0 0 0;
		vertical-align: middle;
		background: url(/images/bg_info_kontakt.png) no-repeat center center;
		text-shadow: 2px 2px 3px #797979;
}
#kontakt{
    margin: 80px 0 0 0;
}
#kontakt a{
	  font-family: verdana;
		font-size: 12px;
		color: #e1e1e1;
		text-decoration: none;
		font-weight: normal;
}
#kontakt a:hover, a:active, a:focus{
		color: #FFFFFF;
}
#kontakt a.info_kontakt{
		display: block;
		color: #eaeaea;
    font-size: 21px;
    font-weight: bold;
		margin: 0 0 5px 0;
}
#kontakt a.info_kontakt:hover, a.info_kontakt:active, a.info_kontakt:focus{
		color: #FFFFFF;
}

li.info{
		max-width: 660px;
		text-align: justify;
		line-height: 17px;
		text-shadow: 4px 4px 9px #797979;
}
/* podstrona oferta */
ul.oferta_oferta {
    display: block;
    padding: 0;
    list-style-type: none;
    list-style-image: none;
    margin: 0 auto;
		text-align: center;
}
ul.oferta_oferta li{
		display: inline-block;
		vertical-align: top;
    text-align: left;
		font-size: 16px;
		font-weight: bold;
		line-height: 27px;
	  padding: 0;
		margin: 5px 20px 5px 20px;
		text-shadow: 4px 4px 9px #797979;
}
ul.oferta_cennik {
    display: block;
    margin: 0;
    padding: 0;
    list-style-type: none;
    list-style-image: none;
    margin: 0 auto;
		text-align: center;
}
ul.oferta_cennik li{
		display: inline-block;
    margin: 0;
    padding: 0;
    text-align: left;
		vertical-align: top;
		margin: 0 0 25px 0;
		text-shadow: 4px 4px 9px #797979;
}
/* tabela cen */
#kolumna{
		display: inline-block;
		margin: 0 1px 0 0;
				
}
.komorka{
    margin: 2px 2px 2px 0;
}
/* /tabela cen */

/* menu realizacje */
/* Menu poziome */
#menu_realizacje {
				text-align: center;
        margin: 5px auto 0 auto;
				background: url(../images/bg_submenu.png) repeat-y center top;
				padding: 5px 0;
				box-shadow: 0px 1px 0px #959595;
}
#menu_realizacje ul {
        position: relative;
				padding: 0;
				margin: 0 auto;
}
#menu_realizacje li {
        position: relative;
        list-style: none;
				display:inline-block;
				padding: 0;
}
#menu_realizacje a {
        display: block;
				height: 30px;
				line-height: 32px;
				color: #4d4d4d;
				font-family: futura_sc_t_otbook;
        font-size: 19px;
				font-weight: normal;
				text-transform: uppercase;
        text-decoration: none;
				text-shadow: 1px 1px 2px #898989;
        padding: 0 18px 0 18px;
				margin: 0;
}
#menu_realizacje a:hover {
        color: #ffffff;
        font-family: futura_sc_t_otbook;
        font-size: 19px;
				font-weight: normal;
        text-decoration: none;
}
#menu_realizacje li.current a {
        color: #ffffff;
				background: url(../images/arrow_submenu.png) no-repeat;
}
/* koniec menu poziome */
/* /menu realizacje */

/* portfolio boxy */

/* rozmieszczenie siatki na li */
ul.boxes {
    display: block;
    margin: 0;
    padding: 0;
    list-style-type: none;
    list-style-image: none;
    margin: 0 auto;
    text-align: center;
}
ul.boxes li{
		display: inline-block;
    margin: 0;
    padding: 0;
    text-align: center;
    vertical-align: top;
		margin: 5px;
    padding: 0;
}
/* ul.boxes li img{
    display: block;
		width: 290px;
    height: 290px;
		margin: 0;
    padding: 0;
} */
/* żeby boxy ładnie się wyrównywały w treści znacznik zamykający musi się stykać z otwierającym </li><li> */

/* zawartość boxów */
.box{
    /* overflow: hidden; */
    border-radius: 6px;
    background: #fff;
		box-shadow: 1px 1px 3px #7f7f7f;
	  font-family: futura_t_otregular;
		font-size: 16px;
		text-align: left;
}
.box-img{
    overflow: hidden;
    border-radius: 6px 6px 0 0;
		/* background-color: #ef9a33; */
		background-color: #000;
		background-image: url(../images/lupa.png);
		background-repeat: no-repeat;
    background-position: center center;
}

.box-img img{
    display: block;
		width: 290px;
		margin: 0;
    padding: 0;
}
.box-head{
		padding: 10px 15px 1px 15px;
}
.box-name{
    float: left;
		width: 70%;
		font-family: futura_t_otregular;
		font-size: 19px;
    color: #ef9a33;
}
.box-icons{
    float: left;
		width: 30%;
		text-align: right;
}
.box-separator{
    height: 3px;
    margin: 0 15px;
    background: #ebebeb;
}
.box-separator-sub{
    width: 35px;
    height: 3px;
    margin: 0;
    background: #cacaca;
}
.box-dopisek{
    color: #adadad;
		padding: 5px 15px 0px 15px;
}
.box-prop{
    color: #909090;
		padding: 7px 15px 0px 15px;
}
.box-detail{
    color: #adadad;
		padding: 3px 15px 10px 15px;
}
.box-foot{
		font-size: 14px;
    color: #adadad;
		padding: 3px 15px 15px 15px;
}
.box-adres{
    float: left;
		width: 80%;
		font-size: 16px;
    color: #adadad;
}
.box-adres a{
		font-size: 16px;
    color: #ef9a33;
		text-decoration: none;
}
.box-off{
    width: 20%;
    float: left;
		text-align: right;
		font-size: 14px;
    color: #adadad;
		padding-top: 2px;
}
.box-off a{
		font-size: 14px;
    color: #ef9a33;
		text-decoration: none;
}
.floatstop {
		clear:both;
}
/* efekty */

.box-img a {
    text-decoration: none;
    /* display: inline-block; */
		display: block;
    opacity: 1;
    transform: scale(1,1);
    transition-timing-function: ease-out;
    transition-duration: 250ms;
    -webkit-transform: scale(1,1);
    -webkit-transition-timing-function: ease-out;
    -webkit-transition-duration: 250ms;
    -moz-transform: scale(1,1);
    -moz-transition-timing-function: ease-out;
    -moz-transition-duration: 250ms;
}
.box-img a:hover {
    opacity: .7;
    transform: scale(1.03,1.04);
    transition-timing-function: ease-out;
    transition-duration: 250ms;
    -webkit-transform: scale(1.03,1.04);
    -webkit-transition-timing-function: ease-out;
    -webkit-transition-duration: 250ms;
    -moz-transform: scale(1.03,1.04);
    -moz-transition-timing-function: ease-out;
    -moz-transition-duration: 250ms;
    position: relative;
    /* z-index: 99; */
		-webkit-filter: grayscale(100%);
}

/* podgląd obrazów w lightbox */
#boxplus .boxplus-dialog {
    background-color: white;
    background-color: rgba(255,255,255,1);
    color: black;
}

/* podstrona projektowanie graficzne */
#projektowanie{
    text-shadow: 4px 4px 9px #797979;
}
#projektowanie h2{
    display: block;
    font-family: futura_sc_t_otbook;
    font-size: 32px;
		font-weight: normal;
		text-transform: uppercase;
		line-height: 19px;
		padding: 7px 0;
		/* border: 1px solid #ff0000; */
}
#projektowanie span.dopisek{
		line-height: 12px !important;
    font-size: 16px;
		color: #dfdfdf;
}
#projektowanie h3{
    color: #ffffff;
    font-family: futura_sc_t_otbook;
    font-size: 16px;
		font-weight: normal;
		text-transform: uppercase;
		line-height: 19px;
}
#projektowanie h2{
		line-height: 25px;
}
#projektowanie h2.poligrafia{
		height: 89px;
		background: url(/images/bg_poligrafia.jpg) no-repeat center center;
}
#projektowanie h2.projektowanie_g{
		height: 89px;
		background: url(/images/bg_poligrafia.jpg) no-repeat center center;
}
#projektowanie h2.grafika_3d{
		height: 151px;
		background: url(/images/bg_3d.jpg) no-repeat center center;
		padding: 40px 0 0 0;
}
#projektowanie h2.fotografia{
		height: 151px;
		background: url(/images/bg_fotografia.jpg) no-repeat center center;
}


#projektowanie img{
    box-shadow: 4px 4px 9px #797979;
}