/*#############################################################
Name: Alucon s.r.o.
Date: 03.04.2008
Description: Web page
Author: Klara Pizlova
URL: http://www.alucon.cz
url(img/bg.jpg);
#############################################################*/

/* standard elements */
* {
	margin: 0;
	padding: 0;
}

a {color: #36C;}

a:hover {color: #06F;}

body {
	background-color: white;
	font: normal 80% "Arial",sans-serif;
	margin: 0; align: center;
        
}

p,blockquote,ul {margin-bottom: 1.2em;}

h1 {font: normal 1.6em serif;}

h2 {
	font: bold 2em Arial,serif;
	margin: 3px 0 1px;
}

ul {margin-left: 1.8em;}

blockquote {
	
	color: #D2691E;
	font: normal 1.4em serif;
	padding-left: 22px;
}

blockquote p {padding: 6px;}

/* misc */
.clearer {clear: both;}

.left {float: left;}

.right {float: right;}





/* structure */
.container {
	background: white;
        color: black;
        repeat-y center top;
	margin: 0 auto;
	width: 700px;
        border: 10px solid red; 
        align: center;
        
}

<!-- pod prostředním sloupcem, kouká napravo a nalevo -->

.top {
	background: white;
	float: center;
	text-align: center;
        width: 700px;
        padding: 0px;

}  <!-- prostřední sloupec pod horním obrázkem -->

.header {
	background: white no-repeat;
	font-size: 1.4em;
	height: 232px;
        align: center;
	
        
}

.header h1 {
	font: normal 3.2em Arial,sans-serif;
	padding: 62px 0 34px 0;
}





/* content */
.content {
	color: blue
	clear: both;
	font-size: 1.2em;
	margin: 0 52px;
	padding: 0 38px 12px;
}
.content .spacer {
	height: 42px;
}

/* content item */
.item {clear: both;}



.item .title {
	color: yellow; <!--titulek jakýkoliv, vč. ALucon-->
	font: Arial 2em serif;
}




.item .body {
	clear: both;
}

/* footer */
.footer {
	background: white;
	color: #666;
	font-size: 1.1em;
	line-height: 30px; 
	margin: 0 auto;
	text-align: center;
	width: auto;
        height: auto;
}

.footer a {
	color: #666;
	text-decoration: none;
}

.footer a:hover {
	color: #333;
	text-decoration: underline;
}