a:link    {color: #02B7E3}
a:visited    {color: #0182A0}
a:active    {color: #02B7E3}
a:hover    { color: #02B7E3}
html, body { 
	width: 100%; 
	height: 100%; margin: 0; 
	padding: 0; color: white; 
	text-align: center; 
	background-color: #111e22;
	font: 11px/1.5 Arial;
}
#hlavicka {
        position: absolute;
        height : 60px;
        left: 0px;
	right: 0px;
        top: 0px;
	bottom: 0px;
        background-color: #000000;
        text-align: center;
	width: 100%;
	min-width: 800px;
	padding : 0px;
	z-index : 100;
}
#obsah {
        position: relative;
        width: 800px;
        background-image: URL('pozIndex.jpg');
	height: 1130px;
        top: 60px;
        margin:0 auto;
	z-index : 30;
	padding-top: 10px;
	padding-left: 0px;
}
#logo {
	position : relative;
	width: 260px;
	padding: 0px;
	margin-left: 80px;
	height: 120px;
}
#novinky {
	position : relative;
	float: left;
	border : 1px solid #111e22;
	width: 250px;
	padding: 5px;
	margin-top: 5px;
	left: 60px;
	height: 900px;
	font: 12px/1.5 Arial;
	color: white;
	overflow : auto;
	text-align: justify;
}
#projekty {
	position : relative;
	margin-top: 5px;
	width: 430px;
	height: 900px;
	margin-left: 330px;
	padding: 0px;	
}
#projektDarville {
	text-align: right;
	width: 400px;
	height: 150px;
}
#projektDotsAndBoxes {
	text-align: right;
	width: 465px;
	height: 150px;
}
#projektEdwardFogg {
	width: 395px;
	height: 150px;
}
#projektBugaboo {
	width: 430px;
	height: 150px;
}
#projektLittleWorld {
	text-align: right;
	width: 390px;
	height: 150px;
}
#projektCathysHolidays {
	width: 430px;
	height: 150px;
}
#main {
	text-align: left;
	background-color: #111e22;
	height: 1200px;
}
#vlajky {
	position: absolute;
	padding-top: 5px;
	width: 45px;
	height: 55px;
	right: 0px;
	z-index : 100;
}
.vpravo {
  	text-align: right;
  	float: right;
  	clear: right;
}
.vlevo {
  	text-align: left;
  	float: left;
  	clear: left;
}
.indexText {
  	color: #02B7E3;
}
.indexObr {
	margin-left: 50px;
	padding: 0px;
  	color: #02B7E3;
}