* {

margin:0;

padding:0

}



body {

background:#262424;

height:100%;

text-align:center

}



#container {

margin:0 auto;

min-height:100%;

position:relative;

text-align:left;

width:730px

}



#header h1 a {

color:#445971;

font-family:Arial, Helvetica, sans-serif;

font-size:36px;

padding:10px 0 0;

text-transform:uppercase

}



#header h2 a {

color:#fff;

font-family:Arial, Helvetica, sans-serif;

font-size:12px;

font-style:italic;

margin:-13px 0 0 13px;

padding-bottom:30px

}









#navigation h3 {

display:none

}



#navigation ul {

color:#FFF;

font-family:Arial, Helvetica, sans-serif;

list-style-type:none;

margin:20px auto auto 20px;

text-transform:uppercase

}



#navigation ul li {

overflow:hidden;

width:150px

}



#navigation a {

border-bottom:1px solid #7E9CC1;

color:#FFF;

display:block;

font-size:14px;

padding:10px 0 10px 8px;

text-decoration:none;

width:150px

}



#navigation a:hover {

padding:10px 0 10px 20px

}



#navigation a.active,#navigation a.active:hover {

border-bottom:3px solid #7E9CC1;

cursor:default;

font-weight:700;

padding:10px 0 10px 8px

}





#quicksearch form {

padding:10px

}



#quicksearch input,#quicksearch label {

clear:left;

float:left

}



#quicksearch input {

margin:0 0 0 15px;

width:140px

}



#quicksearch label {

color:#fff;

font-size:12px;

margin:10px 0 0 15px

}





#quicksearch fieldset {

border:1px solid #7E9CC1

}



#quicksearch legend {

color:#fff;

font-family:Arial, Helvetica, sans-serif;

font-size:14px;

margin-left:7px;

padding:5px

}



#quicksearch .submit {

clear:both;

float:left;

margin:20px 0 10px 15px;

padding:1px 10px

}



#middle {

padding:0 0 60px

}



/*  Content Elements  */





#content hr {

clear:both;

visibility:hidden

}








#content h3 {

border-bottom:1px solid #7E9CC1;

color:#445971;

font-family:"Times New Roman", Times, serif;

font-size:18px;

font-style:italic;

margin:5px 10px

}



#content p {

margin:3px 15px 10px;

text-align:left

}



#content h4 {

font-size:11px;

line-height:15px;

margin:2px 10px

}





#content a {

color:#7E9CC1;

text-decoration:none

}



#content img {

border:1px solid #7E9CC1;

margin:5px 15px

}



html,* html #container {

height:100%

}



/*  Footer  */

* html #footer {

margin-top:-50px

}





#footer a:hover,#content a:hover {

text-decoration:underline

}



#footer p {

color:#fff;

font-family:Geneva, Arial, Helvetica, sans-serif;

font-size:10px;

padding:15px 0 0

}



#footer a {

color:#fff;

text-decoration:none

}



/*  Classes  */

.left {

float:left

}



.right {

float:right

}



.gray {

background-color:#F2F3F4

}





/*  Content Controllers  */

/*  Use this to make a new row of columns  */

#content .row {

margin:5px auto;

overflow:hidden;

width:98%

}



/*  Combine columns to form a layout  */

.fullcolumn {

float:left;

width:99%

}



.threequartercolumn {

float:left;

width:73.5%

}



.halfcolumn {

float:left;

width:49%

}



.onethirdcolumn {

float:left;

width:33%

}



.twothirdcolumn {

float:left;

width:65%

}



.onequartercolumn {

float:left;

width:24.5%

}

#footer {overflow: hidden;}
#footer ul {
	margin-top: 20px;
	list-style-type: none;
	text-align: center;
}
	#footer ul li {
		display: inline;
		margin: 0 10px;
	}

#focus {

background:url(http://www.cos.elk.pl/couture/obciazajacych.jpg) center center no-repeat #50647B;

height:240px;

overflow:hidden;

width:730px

}
#navigation {

background:url(http://www.cos.elk.pl/couture/oswietlaly.gif) no-repeat top left #50647B;

float:left;

height:240px

}
#quicksearch {

background:url(http://www.cos.elk.pl/couture/siedzacy.gif) top right no-repeat #50647B;

float:right;

height:240px;

width:200px

}

#quicksearch .date {

background:url(http://www.cos.elk.pl/couture/baronowa.gif) center right no-repeat #FFF

}

#content {

background:url(http://www.cos.elk.pl/couture/wspaniale.gif) top center no-repeat #fff;

margin:10px 0 0

}

#content p.top {

background:url(http://www.cos.elk.pl/couture/takiego.gif) bottom center no-repeat;

margin:0;

padding:30px 0 0;

text-align:right

}

#content p.top a {

background:url(http://www.cos.elk.pl/couture/mysleli.gif) center left no-repeat;

margin:0 30px;

padding:0 0 0 15px

}
#content .date {

background:url(http://www.cos.elk.pl/couture/baronowa.gif) center left no-repeat #FFF;

color:#445971;

padding:0 0 0 20px

}

#footer {

background:url(http://www.cos.elk.pl/couture/przybywajac.gif) top center no-repeat #7e9CC1;

height:50px;

margin:-50px auto 0;

position:relative;

text-align:center;

width:730px

}
