/*
		StudioFabryka.pl
*/






body {
    font-family: 'robotoregular';
    font-size: 14px;
    line-height: 1.3em;
    color: white;
    background: #313131;
}

header, article, footer {
    position: relative;
    overflow: hidden;
    width: 100%;
    float: left;
}

.cycle-slideshow {
    position: absolute;
    top:0; left:0;
    z-index: 10;
    width: 100%;
    height: 479px;
    overflow: hidden;
}

header .container {
    position: relative;
    z-index: 20;
}

.woman {
    float: right;
    margin-top: 15px;
}

.navbar-brand {
    float: left;
    margin: 30px 0 0 0;
}

header .row {
    height: 60px;
    background: #eded00;
    color: black;
    font-size: 30px;
    line-height: 60px;
}


header .row a {
    color: black;
}

header .row img {
    margin-right: 10px;
    margin-top: -5px;
    display: inline-block;
}


article {
    min-height: 521px;
    background: url(../img/article.png) top repeat-x;
}



footer {
    margin-top: 1.5em;
    background: #191919;
    padding: 1.5em 0;
    line-height: 1em;
}

footer small {
    font-size: 10px;
    color: white;
}

.madeby {
    float: right;
    line-height: 1em;
}

.madeby small {
    font-size: 9px;
    float: left;
    margin: 3px 3px 0 0;
}


.main {
    padding: 30px 0;
    line-height: 1.6em;
}

.main strong, .main address {
    color: #fbfb00;
    font-family: 'robotobold';
    font-weight: normal;
}

.main address {
    font-size: 18px;
    line-height: 1em;
}


h2 {
    position: relative;
    height: 52px;
    line-height: 40px;
    width: 100%;
    float: left;
    padding: 0 10px 0 15px;
    background: #fbfb00;
    border-bottom: 12px solid #313131;
    color: #313131;
    font-size: 18px;
    text-transform: uppercase;
    font-family: 'robotobold';
    margin: 0 0 15px;
}

h2 img {
    position: absolute;
    right:0; top:0;
}


.badania ul {
    margin:0;
    padding:0;
}

.badania li {
    list-style: none;
    margin-bottom: 15px;
}

.badania li img {margin-right: 20px;}

.badania li a {
    color: white;
    transition: all .3s;
}

.badania li a:hover {color: #fbfb00; text-decoration: none;}

.porady ul {
    float: left;
    width: 50%;
    padding-left: 15px;
}

.porady li {
    list-style-image: url(../img/bullet.png);
    margin-bottom: 15px;
}

.porady li a {
    color: white;
    transition: all .3s;
}

.porady li a strong {
    font-family: 'robotobold';
    font-weight: normal;
    color: #fbfb00;
}

.porady li a:hover {color: #ffde00; text-decoration: none; opacity:.8;}



.specjalisci h2 {
    text-align: center;
    border-bottom: 0;
    height: 42px;
    margin-bottom: 0;
}

.panel {
    margin:0 !important;
    border-radius: 0 !important;
    float: left;
    box-shadow: none;
    width: 100%;
}

.panel-default {
    border:0 !important;
}

.panel-heading {
    padding:0 !important;
    border-radius: 0 !important;
    margin:0;
    border:0 !important;
    background: #494949 !important;
}

.panel-group .panel-heading+.panel-collapse>.panel-body, .panel-group .panel-heading+.panel-collapse>.list-group {border:0 !important;}

.panel-title {
    width: 100%;
}

.panel-title a {
    background: #494949 url(../img/arr.png) 97% center no-repeat;
    color: white;
    font-family: 'robotobold';
    font-weight: normal;
    font-size: 16px;
    padding: 15px 2%;
    width: 100%;
    float: left;
    border:0 !important;
    margin:0 !important;
    border-top: 1px solid #313131 !important;

    transition: all .3s;
}

.panel-title a:hover {
    background: #2f2f2f url(../img/arr.png) 98% center no-repeat;
    text-decoration: none;
}

.panel-title a:focus, .panel .active a {
    background: #ffde00 url(../img/arr2.png) 97% center no-repeat;
    color: #313131;
    text-decoration: none;
    border-top: 1px solid #dbc009 !important;
}

.panel-title img {margin-right: 15px;}

.panel .active img {
    -webkit-filter: invert(100%);
    -moz-filter: invert(100%);
    -ms-filter: invert(100%);
    -o-filter: invert(100%);
    filter: invert(100%);

    -ms-filter: 'progid:DXImageTransform.Microsoft.BasicImage(invert=1)'
}


.panel-body {
    background: #383838;
    width: 100%;
    padding: 30px;
    float: left;
}

.panel-collapse {
    background: #383838;
    width: 100%;
    float: left;
}

.panel {background-color: #383838}




/* list of files to download */

.download {
    float: left;
	}

	.download ul {margin:0; padding: 0;}

    .download .plik{
		display:none;
		color: #fff;
	}

    .download a:hover {text-decoration: none;}


.type_text .plik {display: inline;}

.type_icons li {
    	list-style: none !important;
    }

    .type_icons a {
		text-decoration: none !important;
		padding:1px 0 2px 27px;
		background: url(../img/modules/download/page_white.png) 0 0 no-repeat;
		background-position: 0 3px !important;
    }

    .type_icons .pdf {background: url(../img/modules/download/acrobat.png) 0 0 no-repeat;}
    .type_icons .swf {background: url(../img/modules/download/flash.png) 0 0 no-repeat;}
    .type_icons .txt, .rtf {background: url(../img/modules/download/text.png) 0 0 no-repeat;}
    .type_icons .doc,
    .type_icons .docx,
    .type_icons .odf,
    .type_icons .ott,
    .type_icons .sxw,
    .type_icons .stw {background: url(../img/modules/download/word.png) 0 0 no-repeat;}
    .type_icons .jpg,
    .type_icons .jpe,
    .type_icons .jfif,
    .type_icons .png,
    .type_icons .jpeg,
    .type_icons .gif,
    .type_icons .tif,
    .type_icons .tiff,
    .type_icons .ico,
    .type_icons .bmp,
    .type_icons .raw,
    .type_icons .dcs {background: url(../img/modules/download/picture.png) 0 0 no-repeat;}
    .type_icons .flv,
    .type_icons .mov,
    .type_icons .mpeg,
    .type_icons .avi,
    .type_icons .divx {background: url(../img/modules/download/movie.png) 0 0 no-repeat;}
    .type_icons .ods,
    .type_icons .sxc,
    .type_icons .xls,
    .type_icons .xlt {background: url(../img/modules/download/excel.png) 0 0 no-repeat;}
    .type_icons .odg,
    .type_icons .sxd,
    .type_icons .psd {background: url(../img/modules/download/paint.png) 0 0 no-repeat;}
    .type_icons .cdr,
    .type_icons .ai {background: url(../img/modules/download/vector.png) 0 0 no-repeat;}
    .type_icons .php,
    .type_icons .html,
    .type_icons .css,
    .type_icons .js,
    .type_icons .less,
    .type_icons .asp,
    .type_icons .c {background: url(../img/modules/download/code.png) 0 0 no-repeat;}
    .type_icons .sql,
    .type_icons .db,
    .type_icons .dbf,
    .type_icons .dbk {background: url(../img/modules/download/database.png) 0 0 no-repeat;}
    .type_icons .zip,
    .type_icons .tar,
    .type_icons .gz,
    .type_icons .gzip,
    .type_icons .rar {background: url(../img/modules/download/zip.png) 0 0 no-repeat;}
    .type_icons .rb {background: url(../img/modules/download/ruby.png) 0 0 no-repeat;}
    .type_icons .as {background: url(../img/modules/download/actionscript.png) 0 0 no-repeat;}
    .type_icons .cf {background: url(../img/modules/download/coldfusion.png) 0 0 no-repeat;}
    .type_icons .odp,
    .type_icons .sxi,
    .type_icons .ppt {background: url(../img/modules/download/powerpoint.png) 0 0 no-repeat;}
    .type_icons .iso,
    .type_icons .nrg {background: url(../img/modules/download/dvd.png) 0 0 no-repeat;}






form .alert {
	display: none;
	font-size: 13px;
	line-height: 1.2em;
	margin-bottom:0;
}

form * {border-radius: 0 !important;}

.map iframe {
	width: 100%;
}

form label {
	font-weight: normal;
}

.form {margin-bottom: 1.5em;}

.forform {margin-top:1em;}





/* paginator */

#pages-container {
	float: right;
	width: 350px;
	background: white;
	box-shadow: 0 1px 0 rgba(0,0,0,.1);
}

.jPaginate{
    height:34px;
    position:relative;
    color:#a5a5a5;
    font-size:small;
	width:100%;
}
.jPaginate a {
    line-height:34px;
    height:34px;
    cursor:pointer;
    padding: 0 10px !important;
    margin:0 2px;
    float:left;
	text-decoration: none !important;
}
.jPag-control-back {
	position:absolute;
	left:0px;
}
.jPag-control-front{
	position:absolute;
	top:0px;
}
.jPaginate span {
    cursor:pointer;
}
ul.jPag-pages{
    float:left;
    list-style-type:none;
    margin:0px 0px 0px 0px;
    padding:0px;
}
ul.jPag-pages li{
    display:inline;
    float:left;
    padding:0px;
    margin:0px;
}
ul.jPag-pages li a {
    float:left;
    padding:2px 5px;
}
span.jPag-current {
    cursor:default;
    font-weight:normal;
    line-height:34px;
    height:34px;
    padding: 0 10px;
    margin:0 2px;
    float:left;
}
ul.jPag-pages li span.jPag-previous,
ul.jPag-pages li span.jPag-next,
span.jPag-sprevious,
span.jPag-snext,
ul.jPag-pages li span.jPag-previous-img,
ul.jPag-pages li span.jPag-next-img,
span.jPag-sprevious-img,
span.jPag-snext-img{
    height:34px;
    margin:0 2px;
    float:left;
    line-height:26px;
}

ul.jPag-pages li span.jPag-previous,
ul.jPag-pages li span.jPag-previous-img{
    margin:2px 0px 2px 2px;
    font-size:12px;
    font-weight:bold;
    width:10px;

}
ul.jPag-pages li span.jPag-next,
ul.jPag-pages li span.jPag-next-img{
    margin:2px 2px 2px 0px;
    font-size:12px;
    font-weight:bold;
    width:10px;
}
span.jPag-sprevious,
span.jPag-sprevious-img{
    margin:2px 0px 2px 2px;
    font-size:18px;
    width:15px;
    text-align:right;
}
span.jPag-snext,
span.jPag-snext-img{
    margin:2px 2px 2px 0px;
    font-size:18px;
    width:15px;
     text-align:right;
}
ul.jPag-pages li span.jPag-previous-img{
    background:transparent url(../images/previous.png) no-repeat center right;
            }
ul.jPag-pages li span.jPag-next-img{
    background:transparent url(../images/next.png) no-repeat center left;
            }
span.jPag-sprevious-img{
    background:transparent url(../images/sprevious.png) no-repeat center right;
            }
span.jPag-snext-img{
    background:transparent url(../images/snext.png) no-repeat center left;
            }








/* RWD */

@media screen and (max-width: 980px) {
    .woman {width: 375px;}
    .cycle-slideshow {height: 392px}
}


@media screen and (max-width: 640px) {
    .woman {width: 270px;}
    .cycle-slideshow {height: 287px}
    header .row {font-size: 22px;}
}

@media screen and (max-width: 600px) {
    .woman {width: 230px;}
    .cycle-slideshow {height: 247px}
    header .row {font-size: 22px;}
}


@media screen and (max-width: 480px) {
    .woman {display: none}
    .cycle-slideshow {height: auto;}
    .cycle-slideshow img {width: 100%;}

    .navbar-brand {
        float: none;
        margin: 30px auto 42px;
        display: block;
        width: 300px;
    }

    .navbar-brand img {width: 100%;}
    header .row {font-size: 18px;}

    .porady ul {width: 100%}

    .panel-title a {font-size: 13px;}

    header .row {font-size: 16px;}
}



@media screen and (max-width: 375px) {
    .cycle-slideshow img {width: 130%;}
    header .row {font-size: 15px;}
    .badania li img {margin-right: 5px;}
    .badania a {font-size: 12px;}

    .panel-title img {margin-right: 5px;}

    h2 {font-size: 14px;}
}

@media screen and (max-width: 360px) {
    h2 {font-size: 13px;}
}

@media screen and (max-width: 320px) {
    .cycle-slideshow img {width: 150%;}
    header .row {font-size: 13px;}
    header .row img {display: none;}
    .badania li img {
        margin-right: 5px;
        width: 12px;
    }
    .badania a {font-size: 14px;}

    .panel-title img {margin-right: 5px; width: 12px;}

    h2 {font-size: 12px;}
}