/*

		studiofabryka.pl
		mc, 21-01-2014

 */

@import '../fancybox/fancy.css';
@import 'fonts/stylesheet.css';


/* RESET */

html, body, div, span, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, a, address, img, strong, ul, ol, li, fieldset, form, label, legend, table, tbody, thead tr, th, td, button { margin: 0; padding: 0; border: 0; outline: 0; text-decoration: none; } header, article, footer, aside, section, nav {display:block;} body { line-height: 1; } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } table { border-collapse: collapse; border-spacing: 0; } sup { vertical-align: super; font-size: smaller; } small { font-size:smaller; }


.font {
	font-family: 'aller_displayregular';
	font-weight: normal;
	font-style: normal;
}

.fontb {
	font-family: 'allerbold';
	font-weight: normal;
	font-style: normal;
}


.border-radius (@radius) {
	border-radius: @radius;
	-o-border-radius: @radius;
	-ms-border-radius: @radius;
}

.transition (@time: .2s) {
	transition: all @time;
	-o-transition: all @time;
	-ms-transition: all @time;
	-moz-transition: all @time;
	-webkit-transition: all @time;
}
 
@color1:    #044282;
@txtcolor:  #525252;
@menucolor: #044282;

@blue:       #044282;
@beige:      #f1e3ce;


@width:     973px;
@list-style: square;




body {
	background: #a18665 url(../images/bg.jpg) top no-repeat;
	font-family: Tahoma, arial, sans-serif;
	font-size: 14px;
	line-height: 23px;
	color: @txtcolor;
}

.content {
	width: @width;
	margin: 0 auto;
	position: relative;
}

header, article, footer {
	float: left;
	width: 100%;

	position: relative;
	z-index: 10;
}

body.kontakt {
	.main {
		float: left;
		width: 300px;
	}

	.map {
		float: left;
		margin: 0 15px;

		iframe {
			width: 330px;
			height: 310px;
		}

		a {color: @color1 !important;}
	}

	.form {
		float: right;
	}
}


h1, h2, h3, h4, h5, h6 {
	.fontb;
	color: @color1;
	text-transform: uppercase;
}





/* header */

header {
	height: 455px;
}

.logo {
	float: left;
	margin: 25px 0 0 0;
}

nav {
	float: right;
	margin-top: 33px;

	.lvl1 > li {
		float: left;
	}

	.lvl1 > li > a {
		.font;
		font-size: 12px;
		color: @menucolor;
		text-transform: uppercase;

		padding: 8px 12px 5px;
		margin: 0 2px;
		.border-radius(5px);
		.transition;
	}

	.lvl1 > .current > a,
	.lvl1 > li > a:hover {
		background: @menucolor;
		color: @beige;
	}
}



/* article */

article {padding: 1.5em 0;}

aside {
	float: right;
	width: 193px;
	margin-right: 30px;
	margin-left: 50px;

	h2 {
		color: @beige;
		font-size: 20px;
	}

	hr {margin:20px 0 10px;}

	p {
		float: left;
		width: 160px;
		margin-top:10px;
		padding: 0 0 10px 40px;
		color: @beige;
		text-transform: uppercase;
		.fontb;
		font-size: 14px;

		a {
			color: @beige;
			&:hover {text-decoration: underline;}
		}
	}

	.adres {background: url(../images/poczta.png) 0 5px no-repeat;}
	.tel   {background: url(../images/tel.png) 0 3px no-repeat;}
	.mail  {background: url(../images/mail.png) 3px 1px no-repeat;}
}

article hr {
	float: left;
	clear: both;
	height: 1px;
	width: 70px;
	border:0;
}

hr.beige {border-bottom: 1px solid @beige;}
hr.blue {border-bottom: 1px solid @blue;}

.sections {
	float: left;
	width: 690px;
}


.home section {
	float: left;
	width: 100%;

	img {
		float: left;
		margin-right: 1.5em;
	}
}

h1 {
	font-size: 20px;
}

hr.blue {
	margin: 18px 0;
}



/* footer */

footer {
	height: 154px;

	hr {
		color: white;
	}
	
	.row {
		float: left;
		width: 100%;
		height: 110px;
	}

	address {
		float: left;
		margin-top:5px;
		font-style: normal;
		color: #3c3c3c;
		font-size: 13px;
	}

	.madeby {
		float: right;
		margin-top:5px;

		strong, img {
			float: left;
		}

		strong {
			font-weight: normal;
			font-size: 10px;
			color: #333;
			line-height: 1em;
			margin: 3px 3px 0 0;
		}

		img {.transition;}

		&:hover {
			img {opacity: .8;}
		}
	}
}





/* other */

section {
	p {text-align: justify;}
	p, ul, ol {
		margin-bottom: 1em;

		a {
			color: lighten(@color1, 15%);
			&:hover {text-decoration: underline;}
		}
	}

	ul li {
		list-style: @list-style outside;
		margin-left: 30px;

		ol, ul {padding: .3em 0;}

		ul li {
			margin-left: 20px;
			color: darken(@txtcolor, 20%);

			ul li {
				color: darken(@txtcolor, 50%);
			}
		}
	}

	ol li {
		list-style: decimal outside;
		margin-left:35px;

		ol, ul {padding: .3em 0;}

		ol li {
			margin-left: 23px;
			list-style: lower-latin outside;
			color: darken(@txtcolor, 20%);

			ul li {
				list-style: @list-style outside;
				color: darken(@txtcolor, 50%);
			}
		}
	}

	h2, h3, h4, h5, h6 {margin:.5em 0 .3em;}

	h2 {font-size: 19px;}
	h3 {font-size: 17px;}
	h4 {font-size: 15px;}
	h5 {font-size: 13px;}
	h6 {font-size: 11px;}

	img {
		border: 2px solid white;
		.border-radius(5px);
	}
}





/* gallery */

.gallery {

	ul, li, a, img {
		float: left;
	}

	ul {
		clear: left;
		width: 100%;
		margin:0;
	}

	li {
		margin: 0 0 16px 16px;
		list-style: none;
	}

	li:first-child {margin-left:0;}

	img {
		.border-radius(5px);

		border: 5px solid white;
		box-shadow: 0 3px 3px #ddd;
	}

	a {
		.transition;

		&:hover {
			opacity: .8;
			filter:alpha(opacity=80);
		}
	}
}



/* list of files to download */

.download {
    float: left;
    
    .plik{
		display:none;
		color: lighten(@txtcolor, 20%);
	}
    a:hover {text-decoration: none;}
}

.type_text {.plik{display: inline;}}

.type_icons {

    li {
    	list-style: none !important; 
    	margin:4px 20px !important;
    }

    a {
		color: @txtcolor !important;
		text-decoration: none !important;
		padding:1px 0 2px 23px;
		background: url(../images/modules/download/page_white.png) 0 0 no-repeat;

		&:hover {color: @color1 !important;}
    }

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

}






/* tables */



@tborder: #CEC0A7;
@table-row-hover: #CEC0A7;
@sorted-highlight: #CEC0A7;



table.centered {
    margin:0 auto 1em;

    th, td {
    	text-align: center;
    }
}

table {
    border-collapse: separate;
    border-spacing: 2px;
    margin-bottom:1em;

    td, th {
	   padding:8px;
	   border:solid 1px @tborder;
	   font-size:12px;
	   line-height: 1.5em;

	   p {padding-bottom: 0 !important;}
    }

    th {
	   border:solid 1px lighten(@tborder, 20%);
    }
}

.only-rows {
    border-collapse: collapse;
    border-spacing: 0;

    td, th {
	border:0;
	border-top:solid 1px @tborder;
    }

    th {border:0;}
}

.zebra {
    border-collapse: collapse;
    border-spacing: 0;

    td, th {
	border:0;
	border-top:solid 1px lighten(@tborder, 5%);
    }

    th {background: lighten(@tborder, 10%);}

    .even td {
	background: lighten(@tborder, 18%);
    }

    th {border:0;}
}

.hovered {
    tr:hover td {
	background: @table-row-hover;
    }
}





// sortowalna tabela:

.sort thead th {
	background: url(../images/modules/sorted_tables/table-unsort.png) right no-repeat;
	padding-right:20px;
	text-align: left;
	cursor:pointer;
}

.sort thead th.notsorted {
	background: none;
	cursor: text;
}

th.headerSortUp {
    background-image: url(../images/modules/sorted_tables/table-asc.png) !important;
    background-color: @sorted-highlight !important;
}

th.headerSortDown {
    background-image: url(../images/modules/sorted_tables/table-desc.png) !important;
    background-color: @sorted-highlight !important;
}





/* paginator */

#pages {
  width: 160px;
  float: none;
  margin: 10px auto;
  /*margin: 10px 0 0 173px;*/ }



#pages-container {float: left; width: 100%;}




.jPaginate{
    height:34px;
    position:relative;
    color:#a5a5a5;
    font-size:small;
  width:100%;
}
.jPaginate a {
    line-height:15px;
    height:18px;
    cursor:pointer;
    padding:1px 6px 0;
    margin:1px;
    font-size: 11px;
    float:left;
    color: #333;
}
.jPag-control-back{
  position:absolute;
  left:0;
}
.jPag-control-front{
  position:absolute;
  top:0;
}
.jPaginate span{
    cursor:pointer;
}
ul.jPag-pages {
    float:left;
    /*width:auto !important;*/
    list-style-type:none;
    margin:0;
    padding:0;
}
ul.jPag-pages li {
    float: left;
    padding:0;
    margin:0;
}
ul.jPag-pages li a {
    float: left;
    padding:1px 6px 0;
    color: #777;
}

ul.jPag-pages li a:hover, .jPag-first:hover, .jPag-last:hover {
  background: #ddd;
  opacity:.8;
  filter:alpha(opacity=80);
}

span.jPag-current{
    line-height:15px;
    height:18px;
    cursor:pointer;
    padding: 1px 6px 0 6px;
    margin: 1px;
    font-size: 11px;
    float:left;
    color: white;
    background: #999 !important;
}
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:22px;
    margin:0;
    float:left;
    line-height:18px;
}

ul.jPag-pages li span.jPag-previous,
ul.jPag-pages li span.jPag-previous-img{
    margin: 0;
    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:0;
    font-size:18px;
    width:15px;
    text-align:right;
    color: #555;
}
span.jPag-snext,
span.jPag-snext-img{
    margin:0;
    font-size:18px;
    width:15px;
    text-align:right;
    color: #555;
}
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;
            }






/* forms */


@form-width: 300px;
@inset-padding: 5px;
@form-border-color: #ccc;
@border-size: 1px;
@borders: @border-size solid @form-border-color;

@textarea-height: 115px;

@error-bg: #cc0000;
@ok-bg: #5FA00B;

@submit-padding: 5px;
@submit-color: #fff;



.shadow(@size:5px, @tsx: 0, @tsy: 1px, @tss: 1px) {
	box-shadow: inset 0 0 @size lighten(@form-border-color, 5%);
	text-shadow: @tsx @tsy @tss @form-border-color;
}

.form {width: @form-width;}

.standard-form {
	float: left;
	width: 100%;

	fieldset {
		float: left;
		width:100%;
	}

	fieldset > div {
		float: left;
		width:100%;
		padding: 0 0 .2em;
	}

	span {color: #ff0000;}

	label, input, textarea {
		clear: left;
		float: left;
	}

	input, textarea {
		letter-spacing: 1px;
		padding: @inset-padding;
		border: @borders;

		width: (@form-width - @inset-padding*2);

		.shadow(10px);
		.border-radius(2px);
	}

	input {width:70%;}
	textarea {height: @textarea-height;}

	.error, .ok {
		float: left;
		color: white;
		margin:0 0 3px 0;
		font-size: 12px;
		padding: @submit-padding @submit-padding*2;
		width: @form-width + (@border-size*2) - @submit-padding*4;

		.border-radius(2px);
		display: none;
	}

	.error {background: @error-bg;}
	.ok {background: @ok-bg;}

	button {
		float: right;
		padding: @submit-padding @submit-padding*2;
		background: @color1;
		color: @submit-color;
		font-weight: bold;

		.border-radius(2px);
		cursor: pointer;

		&:hover {
			background: darken(@color1, 10%);
		}
	}

	.star-info {
		float: left;
		font-size: 11px;
	}

	.error-input {
		border:@border-size solid #ff0000 !important;
	}

	input:disabled, textarea:disabled {
		@include opacity(0.7);
		cursor: default;
	}

}







/* podstrony */

.sub {
	background: url(../images/sub-repeater.jpg) top repeat-y;

	.bg { 
		float: left;
		width: 100%;
		min-height: 592px;
		background: url(../images/subbg.jpg) top no-repeat;
	}

	.sections {width: 100%;}


} /* sub */



.clear {
	float: left;
	width: @width;
	height: 35px;
}