<!doctype html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
	<title>Petr Jaburek - list of categories</title>

<style type="text/css" title="text/css">
/* <![CDATA[ */

body {
	margin: 0;
	padding: 0;
	background: #f0efed;
	background: white;
	background-image: url(Library/background/background_Za.jpg);
	background-attachment: fixed;
	background-position: 14% 70%;
	min-width: 60px;
	font-family: "Trebuchet MS","arial", "Georgia";
	text-align: left;
	}

#obal_full {
	background-image: url(Library/background/background_01.jpg!);
	background: white!;
	float: left;
	width: 100%;
	left: 0px;
	right: 0px;
	margin: 0;
	padding: 0;
	}

#obal_5c {
	background: white!;
	float: left;
	width: 90%;
	margin: 0% 5% 0 5%;
	padding: 0;
	}

#obal_10c {
	background: white!;
	float: left;
	width: 80%;
	margin: 0% 10% 0 10%;
	padding: 0;
	}

#obal_25c {
	background: white!;
	float: left;
	width: 50%;
	margin: 0% 25% 0 25%;
	padding: 0;
	}

#header {
	background-image: url(Library/podpapir_s.jpg!);
	background: #99ffcc!;
	float: left;
	width: 100%;
	height: 50%;
	border: Opx solid red;
	margin: 10px 0 0 0;
	padding: 0px 0px 0px 0px;
	}

#sidebar {
	color: #black;
	position: fixed;
	top: 0px;
	left: 76%;
	width: 23%;
	padding: 0px;
	border: 0px solid yellow;
	}


#pata {
	background-image: url(Library/background/background_02.jpg);
	background: #00ffcc!;
	background-position: 60% 100%;
	position: relative;
	width: 100%;
	height: 450px;
	float: right;
	border: 0px solid green;
	margin: 0% 0% 0% 0%;
	padding: 0px;
	}

#footer {
	background-image: url(Library/podpapir_s.jpg);
	background: #00ffcc;
	position: fixed;
	bottom: 0px;
	right: 0px;
	left: 0px;
	float: right;
	border: 0px solid green;
	margin: 0% 0% 0% 0%;
	padding: 10px;
	}

#footer_top {
	background-image: url(Library/background/background_Y.jpg);
	background-attachment: fixed;
	background-position: 45% 30%;
	position: fixed;
	top: 0px;
	right: 0px;
	float: left;
	border: 0px solid green;
	margin: 0% 0% 0% 0px;
	padding: 10px;
	}

#img {
	border: 0px solid #00ffcc;


	float: left;
	}

#img_right {
	border: 0px solid #00ffcc;
	margin: 10px;
	padding: 10px;
	float: right;
	}

#img_left {
	border: 0px solid #00ffcc;
	margin: 10px;
	padding: 10px;
	float: left;
	}

#img_rgb {
	border: 0px solid black;
	margin: 00px;
	padding: 0em;
	float: left;
	}

#img_0 {
	border: 10px solid white;
	margin: 10px;
	padding: 10px;
	float: left;
	}

#img_bez {
	margin: 0px 0px 10px 0px;
	padding: 0em;
	float: left;
	}

#img_black {
	border: 10px solid black;
	margin: 0em;
	padding: 0em;
	float: left;
	}

#img_white {
	border: 5px solid white;
	margin: 0em;
	padding: 0em;
	float: left;
	}

#img_cyan {
	border: 1px solid #00ffcc;
	margin: 1%;
	padding: 1%;
	float: left;
	}

p {
	line-height: 1em;
	text-indent: 2em;
	}
li {
	list-style-image: url(Library/objekty/odrazka.png)!;
	list-style-color: #5a5a5a;
	line-height: 2em;
	type: disc;

	}

a {
	background-color: red;
	color: #8c8c8c;
}

a:hover {
	background-color: red;
	color: #5a5a5a;
	line-height: 1em;
}


hr {
	border: 0;
	width: 100%;
	color: black;
	background-color: black;
	height: 1px;
	}

.style1 {
	font-weight: bold;
	text-align: left;
	font-size: 6em;
	line-height: 1;
	color: #00ffcc;
	}
.style2 {
	background-image: url(Library/background/background_y.jpg!);
	background-attachment: fixed;
	background-position: 14% 70%;
	font-size: 18px;
	font-weight: normal;
	text-align: left;
	word-spacing: 3px;
	letter-spacing: 2px;
	line-height: 18px;
	font-style: italic;

	}
.style3 {
	background-image: url(Library/background/background_y.jpg!);
	background-attachment: fixed;
	background-position: 14% 70%;
	font-size: 40px;
	line-height: 50px;
	color: #ffffff;
	font-style: italic;
	text-shadow: cyan 0px 0px 0px;
	}

.style4 {
	background-image: url(Library/background/background_y.jpg!);
	background-attachment: fixed;
	background-position: 14% 70%;
	font-size: 40px;
	line-height: 40px;
	font-weight: light;
	color: black;
	font-style: italic;
	}

.style5 {
	color: #00ffcc;
	font-size: 36px;
	line-height: 24px;
	font-weight: light;
	font-style: italic;
	}

.style6 {
	color: black;
	font-style: regular;
	font-size: 12px;
	line-height: 1em;
	word-spacing: 3px;
	letter-spacing: 2px;
	}

.style7 {
	background-image: url(Library/background/background_y.jpg!);
	background-attachment: fixed;
	background-position: 14% 70%;
	font-size: 40px;
	line-height: 50px;
	word-spacing: 10px;
	letter-spacing: 0px;
	color: #ffffff;
	text-align: right;
	font-style: italic;
	text-shadow: cyan 0px 0px 0px;
	}


#prvek_r_butt {
	background-image: url(Library/background/background_Y.jpg!);
	float: right;
	border: 0px solid #00ffcc;
	margin: 5px;
	padding: 5px;
	}

#prvek_30 {
	background-image: url(Library/background/background_Y.jpg!);
	background: white!;
	width: 29%;
	min-width: 100px;
	float: left;
	margin: 1%;
	padding: 1%;
	}

#prvek_120 {
	background-image: url(Library/background/background_Y.jpg!);
	background: white!;
	width: 120px;
	float: left;
	margin: 10px;
	padding: 1em;
	}

#prvek_pod {
	background-image: url(Library/background/background_Y.jpg);
	background: white!;
	width: 320px;
	float: left;
	margin: 0px;
	padding: 10px;
	}

#prvek_320 {
	background-image: url(Library/background/background_Y.jpg);
	background: white!;
	width: 240px;
	height: 240px;
	float: left;
	margin: 00px;
	padding: 20px;
	}

#prvek_480 {
	background-image: url(Library/background/background_Y.jpg);
	background: white!;
	width: 240px;
	float: left;
	border: 0px solid #00ffcc;
	margin: 0px;
	padding: 110px;
	}

#prvek_480_320 {
	background-image: url(Library/background/background_Y.jpg!);
	background: white!;
	width: 320px;
	float: left;
	border: 0px solid #00ffcc;
	margin: 10px;
	padding: 70px;
	}

#prvek_600 {
	background-image: url(Library/background/background_Y.jpg);
	background: white!;
	width: 490px;
	float: left;
	border: 0px solid #00ffcc;
	margin: 0px;
	padding: 60px;
	}

#prvek_20 {
	background-image: url(Library/background/background_Y.jpg);
	background: white!;
	width: 21%;
	float: left;
	margin: 1%;
	padding: 1%;
	}

#prvek_auto {
	background-image: url(Library/background/background_Y.jpg!);
	float: left;
	border: 1px solid #00ffcc;
	margin: 10px;
	padding: 10px;
	}

#prvek_right {
	background-image: url(Library/background/background_Y.jpg!);
	float: right;
	width: 36%;
	border: 0px solid #00ffcc;
	margin: 10px;
	padding: 10px;
	}

#prvek_auto_bez {
	background-image: url(Library/background/background_Y.jpg!);
	float: left;
	border: 0px solid #00ffcc;
	margin: 0;
	padding:50px 20px 0 50px;
	}

#prvek_38_L {
	background-image: url(Library/background/background_Y.jpg!);
	background: black!;
	width: 36%;
	float: right;
	border: 0px solid cyan;
	margin: 0px;
	padding: 0px;
	}

#prvek_38_R {
	background-image: url(Library/background/background_Y.jpg!);
	background: black!;
	width: 36%;
	float: left;
	border: 0px solid cyan;
	margin: 0px;
	padding: 0px;
	}

#prvek_62_R {
	background-image: url(Library/background/background_Y.jpg!);
	background: green!;
	width: 60%;
	float: left;
	border: 0px solid cyan;
	margin: 0px;
	padding: 0px;
	}

#prvek_62_L {
	background-image: url(Library/background/background_Y.jpg!);
	background: green!;
	width: 60%;
	float: right;
	border: 0px solid cyan;
	margin: 0px;
	padding: 0px;
	}

#prvek_200 {
	background-image: url(Library/background/background_Y.jpg!);
	width: 178px;
	height: 178px;
	float: left;
	border: 1px solid #00ffcc;
	margin: 0px;
	padding: 10px;
	}

#prvek_lusk {
	background-image: url(Library/objekty/lusk.png);
	width: 552px;
	height: 56px;
	float: right;
	border: 0px solid #00ffcc;
	margin: 0px;
	padding: 20px;
	}


#prvek_400 {
	background-image: url(Library/background/background_Y.jpg);
	background: white!;
	width: 360px;
	height: 360px;
	float: left;
	border: 0px solid #00ffcc;
	margin: 0px;
	padding: 20px;
	}

#prvek_62 {
	background-image: url(Library/background/background_Y.jpg!);
	background: black!;
	width: 60%;
	float: left;
	border: 0px solid cyan;
	margin: 0px;
	padding: 0px;
	}

#prvek_38 {
	background-image: url(Library/background/background_Y.jpg!);
	background: black!;
	width: 36%;
	float: right;
	border: 0px solid cyan;
	margin: 0px;
	padding: 2Opx;
	}

#prvek_obal {
	background-image: url(Library/background/background_Y.jpg);
	background: #99ffcc!;
	float: left;
	width: 100%;
	margin: 0;
	padding: 0;
	}

#prvek_obal_5 {
	background-image: url(Library/background/background_Y.jpg!);
	background: #99ffcc!;
	float: left;
	width: 38%;
	margin: 0px 50% 0px 12%;
	padding: 0;
	}
	
</style>

<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" /></head>
<body>

<div id="obal_full" style="background-image: url(Library/background/background_Y.jpg)">
	<div id="prvek_r_butt"><span style class="style5">kontakt</span><br /></div>
	<div id="prvek_r_butt"><span style class="style5">cv</span><br /></div>
	<div id="prvek_r_butt"><span style class="style5">about</span><br /></div>
	<div id="prvek_r_butt"><span style class="style5">dymky</span><br /></div>
	<div id="prvek_r_butt"><span style class="style5">portfolio</span><br /></div>
<hr></div>


<div id="obal_full" style="background-image: url(Library/pulec/00_L.jpg); background-width: 100%; height: 560px; background-position: 30% 50%">
			<div id="prvek_auto_bez"><span style class="style1">P u l e c</span><br /></div>

</div>


<div id="obal_10c">

</div>
<div id="obal_10c">
		<img src="Library/atlas/atlas_01.jpg" alt="image" id="img" />
	<img src="Library/atlas/00_200.jpg" alt="image" id="img" />

<div id="prvek_320">
		<span style class="style6">2004<hr>Laminát, monitor, přehrávač<hr>FaVU<hr></span>
	</div>
<div id="prvek_400">
		<p><span style class="style6">Bydleli jsme v domově dětí a mládeže, kde jsme měli dohodnuté obědy v místní závodní jídelně (možná že byla školní, nevím..). Dohoda zněla tak, že každý den po večeři přišel starosta a účastnil se veřejných konzultací nad pracemi z toho dne. Cenou za naše noclehy bylo odevzdat mu práci, kterou si vybral. Stalo se, že po mě požadoval také tuto práci, ale rozhodl jsem už dříve, že když tato situace nastane, tak nedám. A nedal. Měl jsem trošku obovau, aby nás nevykopnul, ale nestalo se tak.</span></p>
	</div>

	<img src="Library/atlas/atlas_03.jpg" alt="image" id="img" />
	<img src="Library/atlas/atlas_00.jpg" alt="image" id="img" />
	
	<div id="prvek_600" style="background-image: url(Library/background/background_Y.jpg)">
		<div id="prvek_auto_bez">
		<span style class="style1">Atlas</span><br />
		<span style class="style3">Sculpture<br /></span>
		<span style class="style4">2003<br /></span>
		<hr>
		<span style class="style2"><p>Tato vznikla na plenéru u Kyjova, kam jsme první týden v druhém měsíci vyučování každým rokem jezdili,
		abychom tu konfrontovali své dovednosti s realitou. </span></p>
		<p><span style class="style6">Bydleli jsme v domově dětí a mládeže, kde jsme měli dohodnuté obědy v místní závodní jídelně </span></p>
		</div>
	</div>
<hr>
</div>


<div id="prvek_obal">
	<div id="prvek_38">
		<img src="Library/shapes/arrow_y02-L02.png" alt="image" id="img_left" />
		<img src="Library/shapes/arrow_y02-R02.png" alt="image" id="img_left" />		
	</div>

	<div id="prvek_62">
		<div id="obal_10c">
		<span style class="style2"><br />předešlá / následující strana</span>
		</div>
	</div>
</div>

<div id="pata" style="background-image: url(Library/background/background_Ua.jpg); background-position: 42% 97%">
	<div id="prvek_62">
		<div id="obal_25c">
		</div>
	</div>

	<div id="prvek_38">
		<div id="prvek_120"><hr>
		<span style class="style2">nyní jste dole<br /><br />chcete nahoru?</span>
		</div>
	
	</div>
<div id="obal_10c"><hr>
	<div id="prvek_30">
		<span style class="style4">cmyk<br /></span><hr><p><span style class="style6">Bydleli jsme v domově dětí a mládeže, kde jsme měli dohodnuté obědy v místní závodní jídelně </span></p>
	</div>
	<div id="prvek_30">
		<span style class="style4">rgb<br /></span><hr><p><span style class="style6">Bydleli jsme v domově dětí a mládeže, kde jsme měli dohodnuté obědy v místní závodní jídelně </span></p>
	</div>
	<div id="prvek_30">
		<span style class="style4">hands<br /></span><hr><p><span style class="style6">Bydleli jsme v domově dětí a mládeže, kde jsme měli dohodnuté obědy v místní závodní jídelně </span></p>
	</div>
</div>

</div>


<div id="footer_top">
	<span style class="style2">home</span> 
</div>


</body>
</html>