


body {
	color: #ababab;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}

.tutorial1 #main {
	background: url(images/1.jpg) no-repeat 60% top right;
}


.tutorial2 #main {
	background: url(images/2.jpg) no-repeat 60% top right;
}


.tutorial3 #main {
	background: url(images/3.gif) no-repeat 60% top right;
}

.small {
	margin-top:25px;
	margin-left:25px;
	width:550px;
}

strong {
	color:7f7f7f;
}

a img {
	border:1px;
}

p {
	margin-left:25px;
}

p img {
	margin-right:10px;
	vertical-align:middle;
}

#main {
	width:995px;
	margin-left:-497px;
	left:50%;
	position:relative;
}


.right {
	width:353px;
	padding-top:120px;
	font-size:90%;
}

h1 {
	position:relative;
	width:298px;
	height:72px;

}

h1 span {
	position:absolute;
	top:0px;
	left:0px;
	background:url(images/paintnet-small.gif) no-repeat;
	width:298px;
	height:72px;
}

.fr {
	float:right;
}

.kytka {
	margin-right:40px;
	vertical-align: top;
	padding-top:15px;
}

hr {
	background: url(images/line.gif) no-repeat top center;
	border:0px;
	clear:both;
	display: block;
}

.hr {
	background: url(images/line.gif) no-repeat top center;
	clear:both;
	height:5px;
}

.hr hr {
	display:none;
}

.uvod {
	padding-top:60px;
}

.uvod h1 {
	position:relative;
	width:745px;
	height:181px;
	margin:auto;
	padding-bottom:60px;
	_left:50%;
	_margin-left:-362px;
}

.uvod h1 span {
	position:absolute;
	top:0px;
	left:0px;
	background:url(images/paintnet.gif);
	width:745px;
	height:181px;
}

.mainmenu li a img {
	border:0px;
}

.mainmenu li {
	list-style-type: none;
	text-align:left;
	margin-bottom:75px;
	padding-left:10%;
}

.mainmenu {
	margin:auto;
	background: url(images/pozadi.gif) center no-repeat;
	height:548px;
}

.mainmenu li a {
	padding-left: 75px;
	display:block;
}

.mainmenu li a:hover {
	background: url(images/kytka.gif) no-repeat 0px;
}

.back {
	position: absolute;
	left:50%;
	margin-left:-51px;
	margin-top:20px;
}

.back a {
	position: relative;
	width:103px;
	height:61px;
	color:black;
}

.back a span {
	position: absolute;
	width:103px;
	height:61px;
	left:0px;
	top:0px;
	background:url(images/zpet.gif);
}

.back a:hover span {
	background:url(images/zpet-hover.gif);	
}

.back a:hover {
	color:#c3e279;
}

h2 {
	color:black;
	text-transform: uppercase;
	font-weight:bold;
	font-size:85%;
}

.h {
	text-decoration: none;
	color:black;
	text-transform: uppercase;
	font-weight:bold;
	display:block;
	width:700px;
	margin-bottom:90px;
	position:relative;
	left:170px;
}

.h:hover {
	color:#c3e279;
}

.center {
	text-align: center;
}

.center img {
	vertical-align:top;
}

p a {
	text-decoration: none;
	color: #c3e279;
}

.tutorialy {
	padding-top:40px;
}