// LESS
/* @group parametry */

@logo-width: 300px;
@logo-height: 106px;
@color-text: #333;
@color-link: #035e9e;
@color-hover: #000000;
@font-size: 12px;
@line-height: @font-size + 6px;
@font-family-text: Arial, Verdana, sans-serif;
@font-family-h: MyriadProLight, "Helvetica Neue", Arial, sans-serif;
@background-color: #ffffff;
@width-site: 980px;
@background-color-main-content: #ffffff;
@background-color-aside: #f5f4f0;
@background-color-header-out: transparent;
@border: none;
@background-color-footer-out: #000000;
@h1-size: 22px;
@color-h: #6b6b6b;	
/* @end */

	/* @group CSS Sterowanie layoutem */


header#header-in

{
	width: @width-site;
	
}

div#wrapper {
	width: @width-site;
    }

footer#footer-in

{
	
	width: @width-site;
	
}

div#header-out {
	background: @background-color-header-out;
	}

section#main-content

{
border: @border;
background: @background-color-main-content;
}

aside

{
border: @border;
background:@background-color-aside;
}

div#footer-out

{
background: @background-color-footer-out;
border-top: @border;
}

div.footer-in-copyright

{
width:@width-site;
}

/* @end */



/* @group CSS Sterowanie layoutem - ogólne deklaracje */

body {
	font-size: @font-size;
	line-height: @line-height;
	font-family: @font-family-text;
	background: @background-color url(../images/bg.jpg) no-repeat top center;
	 
}

body, select, input, textarea, p {color: @color-text;}

a {color: @color-link;
-moz-transition: all 0.3s linear;  /* FF4+ */
-o-transition: all 0.3s linear;  /* Opera 10.5+ */
-webkit-transition: all 0.3s linear;  /* Saf3.2+, Chrome */
-ms-transition: all 0.3s linear;  /* IE10? */
transition: all 0.3s linear;
text-decoration:none;}
a:link {color: @color-link;} 
a:hover {color: @color-hover; 
	cursor: pointer;}
a:active {color: @color-link;}
a:visited{
	opacity:0.8; /* A bit basic, but it’s a bare minumum... */
}
a:focus{
	/* Give clicked links a depressed effect. */
	position:relative;
	top:1px;
}

.logo h1, .logo h1 a

{
width: @logo-width;
height: @logo-height;
}

h1, h2, h3, h4, h5, h6

{
font-family: @font-family-h;
color:@color-h;

}

h1

{
font-size: @h1-size;
}

h2

{
	font-size: @h1-size - 2px;
}

h3 {
	font-size: @h1-size - 4px;
}

h4 {
	font-size: @h1-size - 6px;
}

h5 {

	font-size: @h1-size - 8px;	
}

h6 {

	font-size: @h1-size - 10px;
	
}

/* @end */