html, * {
	margin: 0;
}

body { text-align: center;  background: #fff;  background-image: url("images/tuliptop2.jpg");  background-repeat: no-repeat;  }

h1, h2, h3, h4, h5, h6, p, ul, dl, span, legend, a { font-family: Arial, Helvetica, sans-serif;  text-align: left;  color: #333;  }

h1 { color: #621346;  font-size: 38px;  }

h2 { font-size: 13px;  }

h4 { font-size: 13px;  }

p, ul, dd {
	font-size: 12px;
}

p.center { text-align: center;  }

h1 a:link, h1 a:visited, h2 a:link, h2 a:visited, h3 a:link, h3 a:visited, h4 a:link, h4 a:visited, h5 a:link, h5 a:visited, h6 a:link, h6 a:visited, p a:link, p a:visited, span p_left a:link, span p_left a:visited, li a:link, li a:visited, dt a:link, dt a:visited, span a:link, span a:visited, a { color: #762282;  text-decoration: none;  }

h3 a:hover, h5 a:hover, h6 a:hover, p a:hover, li a:hover, dt a:hover, span a:hover { color: #000;  text-decoration: none;  border-bottom: 1px solid #680;  }

span p_left a:hover {color: #000; text-decoration: none; border-bottom: 1px solid #680; font-size: 20px; }

p_right a:hover { color: #000;  text-decoration: none;  border-bottom: 1px solid #680;  }

.learnabout p, .learnabout p { font: 11px Tahoma, Verdana;  line-height: 15px;  color: #919191;  width: 180px }

.learnabout p:hover, .learnabout p:hover { font: 11px Tahoma, Verdana;  line-height: 15px;  color: #565656;  width: 180px }

h1 a:hover, h2 a:hover, h4 a:hover { color: #680;  text-decoration: none;  }

.first { float: left;  font-size: 25px;  line-height: 30px;  margin: 1px 3px 1px 0;  padding: 1px 3px;  border: 1px solid #ccc;  background: #eee;  }

#wrapper { margin: 0 auto;  width: 760px;  background: url(images/pencilcoolrgb.gif) no-repeat 950px 1000px;  }

#logo {
	width: 720px;
	height: 60px;
	border-bottom: 1px solid #ccc;
	clear: both;
	padding: 20px 20px;
	background: url(images/transp.gif);
}

#logo h1 a {
	float: none;
	width: 360px;
	height: 40px;
	display: block;
	margin: 5px 0 0 0px;
	text-indent: 5px;
	background: transparent url("ludodesign_webb.gif" ) no-repeat top left;
	color: #621346;
}
#logo h2 {
	margin: 0px 0 0 10px;
}

#nav {
	clear: both;
	width: 760px;
	margin: 2px 0 0 0;
	padding: 0 0 0 2px;
	border-bottom: 1px solid #000;
	height: 153px;
}

#nav img { float: left;  padding: 0 0 0 2px;  }



ul.mainnav { float: left;  width: 131px;  padding: 0 2px 0 0;  list-style: none;  color: #43074b;  font-weight: bold;  line-height: 20px;  }
.mainnav li { display: block;  font-weight: bold;  font-size: 14px;  }
.mainnav li a:link, .mainnav li a:visited { color: #000;  width: 125px;  display: block;  padding-left: 10px;  }
.mainnav li a:hover { color: #43074b;  border: 0;  background: #eecbd3;  }

#webservis li.webservis a {color: #621346;  border: 0;  background: #eecbd3;  }
#webdesign li.webdesign a { color: #621346;  border: 0;  background: #eecbd3; }
#tvorba li.webdesign a { color: #621346;  border: 0;  background: #eecbd3; }
#redesign li.webdesign a { color: #621346;  border: 0;  background: #eecbd3; }
#seo li.webdesign a { color: #621346;  border: 0;  background: #eecbd3; }
#sprava li.webdesign a { color: #621346;  border: 0;  background: #eecbd3; }
#kodovanie li.webdesign a { color: #621346;  border: 0;  background: #eecbd3; }
#portfolio li.portfolio a { color: #621346;  border: 0;  background: #eecbd3; }
#galeria li.galeria a { color: #621346;  border: 0;  background: #eecbd3; }
#kontakt li.kontakt a { color: #621346;  border: 0;  background: #eecbd3; }


#main { float: right;  width: 455px;  height: 150px;  display: block;  border-right: 0px solid #ccc;  border-left: 1px solid #ccc;  background-image: url(images/main_img.jpg);   }
#main p { text-align: right;  margin: 35px 1px 0 0;  color: #621346;  font-size: 16px;  font-weight: bold;  }
#design { float: right;  width: 430px;  height: 150px;  display: block;  border-right: 0px solid #ccc;  background-image: url(images/colored_pensils.jpg);  background-repeat: no-repeat;  background-position: 330px 0;  }
#design p {
	text-align: left;
	margin: 35px 85px 35px 0px;
	color: #621346;
	font-size: 16px;
	font-weight: bold;
	line-height: 2;
}
ul.subnav { float: left;  width: 165px;  height: 150px;  display: block;  border-right: 1px solid #ccc;  border-left: 1px solid #ccc;  background: url("images/subnav_bg.gif" ) repeat-y center;  }
ul.subnav {width: 160px; padding: 0 0 0 5px; list-style: none; color: #43074b; font-weight: bold; line-height: 14px; }
#subnav { float: left;  width: 165px;  height: 150px;  display: block;  border-right: 1px solid #ccc;  border-left: 1px solid #ccc;  background: url("images/subnav_bg.gif" ) repeat-y center;  }
#subnav {width: 160px; padding: 0 0 0 5px; list-style: none; color: #43074b; font-weight: bold; line-height: 14px; }

.subnav li {display: block; padding: 3px 6px; font-size: 12px;}

.subnav li a:link, .subnav li a:visited {font-size: 12px; font-weight: bold;  color: #621346;   width: 135px;  display: block;  padding-left: 6px; }
.subnav li a:hover {color: #646a50; font-weight: bold; background: #f4dde2; border: 0; /*border-left: 3px solid #763a76;*/ border-right: 5px solid  #763a76;  padding-left: 6px; }

#tvorba li.tvorba a {
	color: #646a50;
	border: 0;
	background: #f4dde2;
	border-right: 5px solid  #763a76;
}
#redesign li.redesign a {
	color: #646a50;
	border: 0;
	background: #f4dde2;
	border-right: 5px solid  #763a76;
}

#seo li.seo a {
	color: #646a50;
	border: 0;
	background: #f4dde2;
	border-right: 5px solid  #763a76;
}
#sprava li.sprava a {
	color: #646a50;
	border: 0;
	background: #f4dde2;
	border-right: 5px solid  #763a76;
}
#kodovanie li.kodovanie a {
	color: #646a50;
	border: 0;
	background: #f4dde2;
	border-right: 5px solid  #763a76;
}

.learnabout {
	float: left;
	width: 173px;
	padding: 10px 25px 5px 15px;
	border-right: 0px solid #650;
	color: #336633;
	border-top: 10px solid #dccad1;
	text-indent: 25px;
	border-left: 0px solid #650;
	margin-left: 1px;
}

.learnabout h3 {color: #621346; font-size: 11px; text-align: justify; font-weight: normal; }

.mainsection {
	float: right;
	width: 179px;
	/*border-top: 28px solid #dccad1;*/
	display: block;
	margin-right: 1px;
	background: url(images/back_section.gif) repeat-x;
}

.mainsection h4 {font-size: 17px; font-weight: bold; padding: 7px 0 0 5px; }

.mainsection p {
	padding: 10px 8px 8px;
	line-height: 12px;
	text-indent: 15px;
	letter-spacing: 1px;
}

#footer {
	clear: both;
	width: 760px;
	padding: 0 0 20px;
	border-top: 35px solid #eecbd3;
}

#footer p {
	padding: 10px 0 0;
	margin: 0 10px;
}

#footer p a:link, #footer p a:visited {color: #333; }

#footer p_left a:hover { color: #000;  text-decoration: none;  border-bottom: 1px solid #680;  }

#header {float: left; width: 425px; padding: 0 0 0 2px; }

#header img {float: right; }

.leftside {
	float: left;
	width: 210px;
	border-top: 20px solid #cc99cc;
	background: transparent;
	padding: 30px 0;
	border-right: 1px solid #ccc;
}

.leftside h4 {font-size: 16px; font-weight: bold; color: #333; padding: 15px 10px 0; margin-bottom: -8px; }

.leftside h5 {font-size: 16px; font-weight: bold; color: #666; padding: 15px 10px 0; border-top: 1px solid #000; }

.leftside p {padding: 10px 10px 5px; }
.leftside_link {
	float: left;
	width: 210px;
	border-top: 5px solid #cc99cc;
	background: transparent;
	padding: 0 0 15px;
	border-right: 1px solid #ccc;
	margin: 20px 0 0 0;
	height: 50px;
}

.leftside_link p {
	padding: 10px 10px 5px;
	font-size: 10px;
}

.main {
	float: right;
	width: 530px;
	background: transparent;
	margin-left: 5px;
	padding: 0;
}

.main h3 {font-size: 18px; font-weight: bold; color: #763A76; margin: 0 0 0 15px; padding: 15px 0 5px; background: transparent url("heading_bg.jpg") no-repeat left bottom; width: 400px; }

.main h4 {
	font-size: 15px;
	font-weight: bold;
	color: #666;
	margin: 0 0 0 15px;
	padding: 5px 0 0;
}

.main h5 {font-size: 14px; font-weight: bold; color: #666; margin: 0 0 0 15px; padding: 5px 0 0; }

.main p {margin: 0 5px 0 15px; padding: 10px 0 5px; line-height: 1.4em; text-indent: 30px; text-align: justify; }

.main ul {margin: 0 0 0 15px; padding: 10px 0; list-style: none; }

.main dl {margin: -33px 0 0 105px; padding: 10px 0; list-style: none; }

.main li {margin: 0 0 0 10px; padding: 0 0 0 15px; line-height: 1.6em; background: transparent url("list_bullet_green.jpg") no-repeat left; }

.main table {text-align: left; font-size: 12px; padding: 4px; line-height: 1em; color: #000; font-family: Arial, Helvetica, sans-serif; }

.left {float: left; margin-left: 10px; text-align: left; }
/*
.clearfix:after {    content: ".";     display: block;      height: 0;      clear: both;      visibility: hidden; }

.clearfix {display: inline-table; }

.clear {clear: both;}
*/
td.left p {text-align: left; }

td.right p {text-align: right; font-weight: bold; }

.paging {font-family: Arial, Helvetica, sans-serif; text-align: left; color: #333; text-align: center; font-size: 12px; }

.paging a {color: #023893; text-decoration: underline; }

.paging a:hover {text-decoration: none; }

/*--portfolio---*/
#pd, #op, #ef, #tp, #pr, #er {width: 255px; margin: 10px 2px; float: left; }

#pd dt, #op dt, #ef dt, #tp dt, #pr dt, #er dt {float: right; width: 105px; text-align: right; font-size: 11px; }

#pd dd, #op dd, #ef dd, #tp dd, #pr dd, #er dd {width: 150px; float: left; padding-top: 150px; text-align: center; }

#pd dd {background: url(images/prvadrazobna_l.jpg) no-repeat;}

#op dd {background: url(images/optikpetrik_l.jpg) no-repeat; }

#ef dd {background: url(images/egyptfoto_l.jpg) no-repeat; }

#tp dd {background: url(images/tepelprojekt_l.jpg) no-repeat; }

#pr dd {background: url(images/prostav_l.jpg) no-repeat; }

#er dd {
	background-image: url(images/erby_l.jpg);
	background-repeat: no-repeat;
}

#ak, #vp, #jk, #ad, #ne, #or {width: 255px; margin: 10px 2px; float: right; }

#ak dt, #vp dt, #jk dt, #ad dt, #ne dt, #or dt {float: left; width: 105px; font-size: 11px; }

#ak dd, #vp dd, #jk dd, #ad dd, #ne dd, #or dd {width: 150px; float: right; padding-top: 150px; text-align: center; }

#ak dd {background: url(images/akkosice_r.jpg) no-repeat;}

#vp dd {background: url(images/vcelnicapiatok_r.jpg) no-repeat; }

#jk dd {background: url(images/judokosice_r.jpg) no-repeat; }

#ad dd {background: url(images/advokatka_r.jpg) no-repeat; }

#ne dd {background: url(images/nefrosa_r.jpg) no-repeat; }

#or dd {
	background-image: url(images/ortokal_r.jpg);
	background-repeat: no-repeat;
}

.p_right {
	float: right;
}
.l_right {
	float: left;
}

.back {float: left; }

.next {float: right; }

.learnabout h3, .learnabout h3 {
	font: 11px Tahoma, Verdana;
	line-height: 14px;
	color: #5A634E;
	width: 170px
}

.learnabout h3:hover, .learnabout h3:hover {
	font: 11px Tahoma, Verdana;
	line-height: 14px;
	color: #000;
	width: 170px
}
.lila {
	color: #762282;
	font-weight: bold;
}
.lila_ {
	color: #762282;
	text-decoration: underline;
}
.footmain {
	width: 530px;
}
.main .klik {
	text-indent: 0px;
	color: #C9909F;
	margin-top: -10px;
	font-size: 11px;
}

/*.leftside li {
	font-size: 12px;
}
.leftside ul li {

}
.leftside ul {
	font-size: 10px;
	margin-top: 15px;
}
*/
.link {
	margin-top: 10px;
	margin-left: 10px;
	padding-left: 30px;
}
.content {
	float: right;
}
.mainsection p {
	font-size: 11px;
}
.leftside p {
	font-size: 11px;
}
.img_clear {
	border-width: 0px;
/*	border-style: 0;*/
}
.leftside .sub {
	margin-top: 20px;
	padding-left: 40px;
}
#footer .link {
	font-size: 10px;
	margin-top: -40px;
	color: #621346;
}