html {
  overflow-y: scroll; /* scrollbar fix for firefox */
  height: 100%;
}

.clear {
  clear:both;
  height:1px;
  overflow:hidden;
  margin-bottom:-1px;
}

* html .clear {display:none}

:link,:visited {text-decoration: none;}
ul,ol {list-style: none;}
h1,h2,h3,h4,h5,h6,pre,code,p {font-size: 1em;}
ul,ol,dl,li,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input {margin: 0; padding: 0;}
a img,:link img,:visited img {border: none;}

body {
  height: 100%;
  text-align: left;
  vertical-align: top;
  background: #ffffff;
  font-family: verdana, Trebuchet MS, "Arial CE", Arial, Helvetica, sans-serif;
  font-size: 10px;
  line-height: 14px;
  font-weight: bold;
  color: #6c6c6c;
}

img {
  border: none;
  padding: 0 0 0 0;
  margin: 0 0 0 0;
}

a {
  color: #c8ba00;
  text-decoration: none;
}

a:hover {
  color: #c8ba00;
  text-decoration: underline;
}

p {
  margin: 0 0 0 0;
}

h1, h2, h3 {
  font-weight: bold;
}

li {
  padding-left: 0px;
}

ul {
  list-style: none;
  padding-left: 0em;
  text-indent: 0em;  
}

/* ------- */
/* Layout  */
/* ------- */

.back_ukazka_3xs {background: url('images/vzorek_1.gif') 50% 50% no-repeat transparent;}
.back_ukazka_dalsi {background: url('images/vzorek_2.gif') 50% 50% no-repeat transparent;}
.back_portfolio {background: url('images/vzorek_gray.gif') 50% 50% repeat transparent;}

/*
body {background: url('images/vzorek_16.gif') 50% 50% repeat transparent;}
body.color2 {background: url('images/vzorek_15.gif') 50% 50% repeat transparent;}
body.color3 {background: url('images/vzorek_14.gif') 50% 50% repeat transparent;}
body.color4 {background: url('images/vzorek_4.gif') 50% 50% repeat transparent;}
*/

body {background: white}
body.color2 {background: url('images/vzorek_a_co_tvorime_g.gif') 50% 50% no-repeat transparent;}
body.color3 {background: url('images/vzorek_r_jak_tvorime_g.gif') 50% 50% no-repeat transparent;}
body.color4 {background: url('images/vzorek_t_a_tvorime_g.gif') 50% 50% no-repeat transparent;}

#content {
  width: 100%;
  height: 100%;
  margin: auto auto;
  padding: 0 0 0 0;
  position: relative;
}

#content td {
  vertical-align: middle;
}

#content #mainframe {
  border: 18px solid white;
}

#content #mainframe td {
  text-align: left;
  vertical-align: top;
  background-color: #ffffff;
}

#content #mainframe .color1, #content #mainframe .color2, #content #mainframe .color3, #content #mainframe .color4  {
  background: #d7e982;
  position: relative;
}

#content #mainframe .color2 {background: #fade83;} /* zluta */
#content #mainframe .color3 {background: #ffd6ad;} /* oranz */
#content #mainframe .color4 {background: #ffd1cf;} /* cervena */

#footprint, #footprint_long {
  width: 651px;
  text-align: right;
  margin: 0 0 0 0;
  background: white;
}

#footprint.trans, #footprint_long.trans {background: none;}

#footprint_long {
  width: 954px;
}

#footprint #copyright, #footprint_long #copyright {
  font-weight: normal;
  padding: 8px 0 0 0;
}

#copyright a, #copyright a.kontakt {
  text-decoration: none;
  color: #6c6c6c;
  background: white;
}

#copyright a:hover {
  color: #6c6c6c;
  background: #d7e982;
  text-decoration: none;
}

#copyright a.kontakt {color: white; background: #b052b3;margin-right: 24px; padding: 2px 2px 2px 2px;}
#copyright a.kontakt:hover {color: white; background: #b052b3; text-decoration: underline;}

#copyright a strong {
  font-weight: normal;
}

#footer {
  height: 36px;
  position: relative;
  left: 0px;
  top: 0px;
  background: white;
  border-top: 3px solid white;
  margin: 0 0 0 0px;
  font-weight: normal;
}

#footer a, #footer img {
  float: left;
}

#footer a {
  width: 36px;
  height: 36px;
  display: block;
  color: #666666;
  margin: 0 3px 0 0;
  background: url('images/selektor_back.gif') top left no-repeat transparent;
  text-align: center;
}

#footer a.info {
  background: url('images/selektor_info_back.gif') top left no-repeat transparent;
}

#footer a.prev, #footer a.next {
  width: 87px;
  background: url('images/selektor_navigation_back.gif') top left no-repeat transparent;
}

#footer a:hover {
  background-position: 0 -36px;
  text-decoration: none;
}

#footer a strong {
  font-weight: normal;
  margin: 10px 0 0 0;
  position: relative;
  top: 10px;
  left: 0px;
}

#lart_lista {
  width: 651px;
  height: 241px;
  position: relative;
}

#lart_lista_ukazky, #lart_lista_text {
  width: 954px;
  height: 36px;
  position: relative;
  border-bottom: 3px solid white;
}

#lart_lista_text {
  width: 651px;
}

#lart_lista_ukazky #lart_graficke_studio div.menu, #lart_lista_text #lart_graficke_studio div.menu {
  width: 540px;  /* 476 */
  height: 36px;
  position: absolute;
  top: 0px;
  left: 111px;
  background: #d7e982;
}

#lart_lista_ukazky #lart_graficke_studio div.menu h2, #lart_lista_text #lart_graficke_studio div.menu h2 {
  height: 36px;
  display: block;
  float: left;
  margin: 0 0 0 0;
  padding: 0 0 0 0;
}

#lart_lista_ukazky #lart_graficke_studio div.menu h2 a, #lart_lista_text #lart_graficke_studio div.menu h2 a {
  height: 36px;
  display: block;
  margin: 0 0 0 0;
  padding: 0 0 0 0;
  background: url('images/spacer.gif') top left no-repeat transparent;
  background-position: 0px 0px;
}

#lart_lista_ukazky #lart_graficke_studio div.menu h2 a:hover, #lart_lista_text #lart_graficke_studio div.menu h2 a:hover {
  background-position: 0 -36px;
}

#lart_lista_ukazky #lart_graficke_studio div.menu h2 a strong, #lart_lista_text #lart_graficke_studio div.menu h2 a strong {
  left: -9999px;
  position: absolute;
}

#lart_graficke_studio h2 strong {
  left: -9999px;
  position: absolute;
}

/*
#lart_lista_ukazky #lart_graficke_studio object {
  position: absolute;
  top: 0px;
  left: 111px;  
  z-index: 0;
}
*/

#lart_hlavni_ukazky {
  width: 651px;
  background: white;
  position: relative;
  z-index: 0;
}

#lart_hlavni_ukazky.padding {
  padding: 18px 0 0 0;
}

#lart_graficke_studio {
  width: 108px;
  height: 36px;
  position: absolute;
  top: 0px;
  left: 0px;
  border-right: 3px solid white;
  border-bottom: 3px solid white;
}

#lart_graficke_studio h1 a {
  width: 108px;
  height: 36px;
  display: block;
  background: url('images/lart_graficke_studio_logo.gif') top left no-repeat transparent;
}

#lart_graficke_studio h1 a:hover {
  background-position: 0 -36px;
}

#lart_graficke_studio h1 a strong {
  left: -9999px;
  position: absolute;
}

div.more_info, div#more_info {
  left: -9999px;
  position: absolute;
}



#obsah {
  width: 504px;
  height: 166px;
  position: absolute;
  top: 39px;
  left: 111px;
  background: white;
}

#obsah #left, #obsah #middle, #obsah #right {
	width: 120px;
	position: absolute;
	top: 22px;
	left: 24px;
}

#obsah #middle {left: 192px;}
#obsah #right {left: 360px}

#obsah div a {
	display: block;
}

#obsah div a strong {
	left: -9999px;
  position: absolute;
}

#obsah div a.balicek_web, #obsah div a.balicek_corporate, #obsah div a.balicek_firma {
	width: 120px;
	height: 120px;
	background: url('../images/balicek_web.png') top left no-repeat transparent;
}
#obsah div a.balicek_corporate {background: url('../images/balicek_corporate_identity.png') top left no-repeat transparent;}
#obsah div a.balicek_firma {background: url('../images/balicek_firma.png') top left no-repeat transparent;}

#obsah div a.balicek_web:hover, #obsah div a.balicek_corporate:hover, #obsah div a.balicek_firma:hover {
	background-position: 0 -120px;
}

div.text {
  width: 540px;
  position: relative;
  top: 14px;
  left: 3px;
  float: left;
  padding: 0 0 14px 0;
  font-weight: normal;
}

div.text #left, div.text #middle, div.text #right {
	width: 180px;
	position: relative;
	top: 0px;
	left: 0px;
	float: left;
}

div.text #middle {}
div.text #right {}

div.text #right a, div.text #left a, div.text #middle a  {
	display: block;
}

div.text div.left {
	float: left;
}

div.text div.right {
	float: right;
}

div.text h1, div.text h2, div.text h3, div.text h4 {
  font-weight: normal;
  font-size: 12px;
  line-height: 18px;
  padding-left: 14px;
  padding-bottom: 7px;
}
div.text h2 {font-size: 10px; font-weight: bold; color: #b052b3;}
div.text h3 {font-size: 10px; font-weight: bold;}
div.text h4 {font-size: 10px;}

div.text span.date {
	color: #b052b3;
	font-size: 10px;
  line-height: 18px;
}

div.text p, div.text ul {
  font-weight: normal;
  font-size: 10px;
  line-height: 18px;
  margin-left: 14px;
  margin-bottom: 7px;
}

div.text ul li {
  text-align: left;
  background: url('images/odrazka_obycejna.gif') top left no-repeat transparent;
  padding-left: 14px;
}

div.text div.emph {
  font-weight: normal;
  font-size: 10px;
  line-height: 18px;
  margin: 12px 0px 12px 14px;
  padding: 7px 14px 7px 14px;
  background: #f6f6f6;  
  color: #b052b3;
  border-left: 0px solid #d7e982;
}

div.text a {
  color: #b052b3;
  text-decoration: none;
  font-weight: bold;
}

div.text a:hover {
  color: #b052b3;
  text-decoration: underline;
}

div.text div ul {
  line-height: 18px;
  margin-top: 7px;
  margin-bottom: 14px;
}

div.text div ul li {
  text-align: center;
  background: none;
  padding: 0 0 0 0;
}

div.text div p a {
	display: inline;
}

div.text div a strong {
	left: -9999px;
  position: absolute;
}

div.text div a.balicek_web, div.text div a.balicek_corporate, div.text div a.balicek_firma {
	width: 120px;
	height: 120px;
	left: 30px;
	position: relative;
  background: url('../images/balicek_web.png') top left no-repeat transparent;
}

div.text div a.balicek_corporate {background: url('../images/balicek_corporate_identity.png') top left no-repeat transparent;}
div.text div a.balicek_firma {background: url('../images/balicek_firma.png') top left no-repeat transparent;}

div.text div a.balicek_web:hover, div.text div a.balicek_corporate:hover, div.text div a.balicek_firma:hover {
	background-position: 0 -120px;
}

div.text a.objednat {
	width: 80px;
	height: 50px;
  background: url('../images/balicek_objednat.png') top left no-repeat transparent;
	display: block;
}

div.text a.objednat:hover {
	background-position: 0 -50px;
}

div.text a.objednat strong {
	left: -9999px;
  position: absolute;
}

div.main_text div.text, div.panylek {
  width: 651px;
  position: relative;
  top: 0px;
  left: 0px;
  float: left;
  padding: 0 0 0 0;
  font-weight: normal;
}

div.main_text div.text h1, div.main_text div.text h2, div.main_text div.text h3, div.main_text div.text h4, div.main_text div.text p {
  padding-left: 20px;
  margin-left: 0px;
}

div.main_text div.text div.right {
  margin: 12px 0 0 10px;
}

div.panylek {
  height: 126px;
}

div.panylek div.b01, div.panylek div.b02, div.panylek div.b03, div.panylek div.b04, div.panylek div.b05  {
  position: absolute;
  top: 0;
  left: 0;
}

div.panylek div.b02 {left: 131px;}
div.panylek div.b03 {left: 263px;}
div.panylek div.b04 {left: 394px;}
div.panylek div.b05 {left: 525px;}

div.panylek div a {
  width: 120px;
  height: 120px;
  border: 3px solid #f8f8f8;
  display: block;
}

div.panylek div a:hover {
  border: 3px solid #d7e982;
}

#projekt {
  width: 504px;
  height: 39px;
  position: absolute;
  top: 0px;
  left: 111px;
}

#projekt h1 a, #projekt h2 a, #projekt h3 a {
  height: 36px;
  display: block;
  /* background: url('images/co_tvorime.gif') top center no-repeat transparent; */
  border-bottom: 3px solid white;
}

#projekt h1 a strong, #projekt h2 a strong, #projekt h3 a strong {
  left: -9999px;
  position: absolute;
}

#co_tvorime, #jak_tvorime, #a_tvorime {
  width: 168px;
  height: 205px;
  position: absolute;
  top: 0px;
  left: 111px;
}

#co_tvorime.page, #jak_tvorime.page, #a_tvorime.page {
  height: 39px;
}

#jak_tvorime {position: absolute; top: 0px; left: 279px;}
#a_tvorime {position: absolute; top: 0px; left: 447px;}

#lart_graficke_studio div.menu h3.sel {
  background: url('images/selektor_portfolio_back.gif') top left no-repeat transparent;
  background-position: 0 -18px;
}

#header #lart_lista #lart_graficke_studio div.menu #promo_akce, #header #ukazky div.menu #promo_akce {
  width: 75px;
  height: 75px;
  position: relative;
  top: 10px;
  left: 15px;
}

#header #ukazky div.menu #promo_akce {
  left: 8px;
}

#header #lart_lista #lart_graficke_studio div.menu #promo_akce a, #header #ukazky div.menu #promo_akce a {
  width: 75px;
  height: 75px;
  display: block;
  background: url('images/akce_balicky_pro_zacinajici.gif') top left no-repeat transparent;
}

#header #ukazky div.menu #promo_akce a {background: url('images/akce_balicky_pro_zacinajici_white.gif') top left no-repeat transparent;}
#header #ukazky div.menu #promo_akce a:hover {background-position: 0 -75px;}

#header.color1 #lart_lista #lart_graficke_studio div.menu #promo_akce a {background-position: 0 0;}
#header.color2 #lart_lista #lart_graficke_studio div.menu #promo_akce a {background-position: 0 -75px;}
#header.color3 #lart_lista #lart_graficke_studio div.menu #promo_akce a {background-position: 0 -150px;}
#header.color4 #lart_lista #lart_graficke_studio div.menu #promo_akce a {background-position: 0 -225px;}
#header #lart_lista #lart_graficke_studio div.menu #promo_akce a:hover {background-position: 0 -300px;}

#header #lart_lista #lart_graficke_studio div.menu #promo_akce a strong, #header #ukazky div.menu #promo_akce a strong {
  left: -9999px;
  position: absolute;
}

#ukazky {
  width: 954px;
  background: white;
  position: relative;
  z-index: 0;
}

#ukazky.text_page {
  width: 651px;
}

#ukazky div.menu {
  width: 108px;
  padding: 15px 0 17px 0;
  position: relative;
  top: 0px;
  left: 0px;
  float: left;
}

#ukazky div.menu h3 {
  font-size: 10px;
  line-height: 18px;
  padding: 0 0 0 26px;
  font-weight: normal;
/*  background: url('images/selektor_menu_back.gif') top left no-repeat transparent;  */
}

#ukazky div.menu h3 a, #ukazky div.menu h3 {
  color: #666666;
}

#ukazky div.menu h3.sel {
  background: url('images/selektor_menu_back.gif') top left no-repeat transparent;
  background-position: 0 -45px;
}

#ukazky div.menu h3 a strong, #ukazky div.menu h3 strong {
  left: 0px; position: relative; font-weight: normal;
}

#ukazky div.menu h3 a:hover {
/*  background-position: 0 -45px;  */
  text-decoration: underline;
}

div.menu h3.portfolio, #ukazky div.menu h3.portfolio {
  background: url('images/selektor_portfolio_back.gif') top left no-repeat transparent;
  background-position: 0 0;
}

div.menu h3.portfolio a, #ukazky div.menu h3.portfolio a {
  color: white;
}

div.menu h3.portfolio a:hover, #ukazky div.menu h3.portfolio a:hover {
  color: white;
}

#portfolio {
  position: relative;
/*  width: 840px;  */
  top: 14px;
  left: 0px;
  float: left;
}

#portfolio tr {
  height: 140px;
}

#portfolio tr td {
  width: 140px;
  height: 140px;
  float: left;
  position: relative;
  top: 0px;
  left: 0px;
}

#portfolio td a {
  width: 120px;
  height: 120px;
  margin: 0 0 0 0;
  padding: 3px 3px 3px 3px;
  border: 0;
  display: block;
  overflow:hidden;
}

#portfolio td a:link {
  background-color: #f8f8f8;
}

#portfolio td a:visited {
  background-color: #f8f8f8;
}

#portfolio td a:hover {
  background-color: #d7e982;
}

#portfolio td a.ukazka_dummy {
  background: url('images/spacer.gif') 0 0 no-repeat transparent;
  background-position: 0px 0px;
}

#portfolio td a.ukazka_dummy:visited {
  background: url('images/spacer.gif') 0 0 no-repeat #f8f8f8;
  background-position: 0px 0px;
}

#portfolio td a.ukazka_dummy:hover {
  background: url('images/spacer.gif') 0 0 no-repeat #d7e982;
  background-position: 0px -120px;
}

#projekt_info {
  width: 924px;
  top: 18px;
  left: -9999px;  /* 18 nebo -9999 */
  position: absolute;
  z-index: 500;
}

#blinder {
  width: 954px;
  height: 0px;
  top: 0px;
  left: 0px;
  position: absolute;
  z-index: 400;
  background: white;
  -moz-opacity: .0;
  opacity: .0;
}

#blinder a {
  width: 954px;
  height: 0px;
  display: block;
  color: white;
}

#pozadi {
  width: 924px;
  height: 0px;
  top: 0px;
  left: 0px;
  position: absolute;
  z-index: 600;
  background: white;
  -moz-opacity: .25;
  opacity: .25;
}

#zadani, #cil, #vysledek {
  width: 270px;
  position: absolute;
  top: 18px;
  left: 21px;
  z-index: 1000;
}

#zadani {background: url('images/projekt.gif') top left no-repeat #ffd6ad;}
#cil {background: url('images/cil.gif') top left no-repeat #fade83; left: 327px;}
#vysledek {background: url('images/vysledek.gif') top left no-repeat  #d7e982; left: 633px;}

#zadani h2 strong, #cil h2 strong, #vysledek h2 strong {
  left: -9999px;
  position: absolute;
}

#zadani div.menu {width: 236px; padding: 51px 17px 17px 17px;}
#cil div.menu {width: 236px; padding: 51px 17px 17px 17px;}
#vysledek div.menu {width: 236px; padding: 51px 17px 17px 17px;}

#vysledek div.menu a {color: #666666; font-weight: normal;}

#mnuclose a {
  width: 36px;
  height: 36px;
  display: block;
  color: #666666;
  position: absolute;
  top: 18px;
  left: 867px;
  z-index: 2000;
  background: url('images/switch_close.gif') top left no-repeat  #d7e982;
  text-align: center;
}

#mnuclose a:hover {
  background-position: 0 -36px;
  text-decoration: none;
}

#mnuclose a strong {
  font-weight: normal;
  margin: 10px 0 0 0;
  position: relative;
  top: 10px;
  left: 0px;
}

#zadani div.menu p, #cil div.menu p, #vysledek div.menu p {
  font-weight: normal;
  line-height: 18px;
}

#img1 {display: block; z-index: 10;}
#img2, #img3, #img4, #img5, #img6, #img7, #img8, #img9  {display: none; z-index: 10;}

#row1, #row2, #row3 {display: block;}
#row4, #row5, #row6, #row7, #row8, #row9, #row10, #row11, #row12, #row13, #row14, #row15, #row16, #row17, #row18, #row19, #row20, #row21, #row22, #row23, #row24, #row25, #row26, #row27, #row28, #row29, #row30 {display: none;}

#lart_graficke_studio #selektor {
  position: absolute;
  top: 0px;
  left: 654px;
  height: 36px;
}

#selektor td {
  width: 36px;
  height: 36px;
}

#selektor td a {
  width: 36px;
  height: 36px;
  display: block;
  color: #666666;
  margin: 0 3px 0 0;
  background: url('images/selektor_back.gif') top left no-repeat transparent;
  text-align: center;
  position: relative;
}

#selektor td a.info, #selektor td a.infosel, #selektor td a.slide, #selektor td a.slidesel {
  background: url('images/selektor_info_back.gif') top left no-repeat transparent;
}

#selektor td a:hover {
  background-position: 0 -36px;
  text-decoration: none;
}

#selektor td a.mnusel, #selektor td a.infosel, #selektor td a.slidesel {
  background-position: 0 -36px;
}

#selektor td a strong {
  font-weight: normal;
  margin: 10px 0 0 0;
  position: relative;
  top: 10px;
  left: 0px;
}

#lart_graficke_studio #switch {
  position: absolute;
  top: 0px;
  left: 587px;
  height: 36px;
  width: 64px;
  z-index: 2000;
}

#lart_graficke_studio div#switch {
  background-color: #d7e982;
}

#switch td {
  width: 32px;
  height: 36px;
}

#switch td img {
  background-color: #d7e982;
}

#switch td a {
  width: 32px;
  height: 36px;
  display: block;
  color: #666666;
  margin: 0 0 0 0;
  position: relative;
}

#switch td a.prev {background: url('images/switch_predchozi.gif') top left no-repeat transparent;}
#switch td a.next {background: url('images/switch_nasledujici.gif') top left no-repeat transparent;}

#switch td a:hover {
  background-position: 0 -36px;
  text-decoration: none;
}

#switch td a strong {
  font-weight: normal;
  display: none;
}

#co_tvorime h2 a, #jak_tvorime h2 a, #a_tvorime h2 a {
  width: 168px;
  height: 36px;
  display: block;
  background: url('images/co_tvorime.gif') top center no-repeat transparent;
  border-bottom: 3px solid white;
}

#jak_tvorime h2 a {background: url('images/jak_tvorime.gif') top center no-repeat transparent;}
#a_tvorime h2 a {background: url('images/a_tvorime.gif') top center no-repeat transparent;}

#co_tvorime h2 a:hover {
  background-position: center -36px;
  background-color: #fade83;
  border-bottom: 3px solid #fade83;
}

#jak_tvorime h2 a:hover {
  background-position: center -36px;
  background-color: #ffd6ad;
  border-bottom: 3px solid #ffd6ad;
}

#a_tvorime h2 a:hover {
  background-position: center -36px;
  background-color: #ffd1cf;
  border-bottom: 3px solid #ffd1cf;
}

#co_tvorime.page h2 a, #jak_tvorime.page h2 a, #a_tvorime.page h2 a, #co_tvorime.page h2 a:hover, #jak_tvorime.page h2 a:hover, #a_tvorime.page h2 a:hover {
  background-position: center -36px;
  border-bottom: 3px solid white;
}

#co_tvorime h2 a strong, #jak_tvorime h2 a strong, #a_tvorime h2 a strong {
  left: -9999px;
  position: absolute;
}

/* prebarveni cizich pri najeti nejakyho tlacitka */
#header.color1 #lart_lista #co_tvorime.page h2 a {border-bottom: 3px solid white; background-position: center 0;}
#header.color1 #lart_lista #jak_tvorime.page h2 a {border-bottom: 3px solid white; background-position: center 0;}
#header.color1 #lart_lista #a_tvorime.page h2 a {border-bottom: 3px solid white; background-position: center 0;}

#header.color2 #lart_lista #co_tvorime h2 a {border-bottom: 3px solid #fade83; background-position: center -36px;}
#header.color2 #lart_lista #jak_tvorime h2 a {background-position: center -72px;}
#header.color2 #lart_lista #a_tvorime h2 a {background-position: center -72px;}

#header.color2 #lart_lista #co_tvorime.page h2 a {border-bottom: 3px solid #fade83; background-position: center -36px;}
#header.color2 #lart_lista #jak_tvorime.page h2 a {background-position: center -72px;}
#header.color2 #lart_lista #a_tvorime h2.page a {background-position: center -72px;}

#header.color3 #lart_lista #jak_tvorime h2 a {border-bottom: 3px solid #ffd6ad; background-position: center -36px;}
#header.color3 #lart_lista #co_tvorime h2 a {background-position: center -72px;}
#header.color3 #lart_lista #a_tvorime h2 a {background-position: center -108px;}

#header.color4 #lart_lista #a_tvorime h2 a {border-bottom: 3px solid #ffd1cf; background-position: center -36px;}
#header.color4 #lart_lista #co_tvorime h2 a {background-position: center -108px;}
#header.color4 #lart_lista #jak_tvorime h2 a {background-position: center -108px;}

#header.color2 #lart_lista #co_tvorime.page h2 a {border-bottom: 3px solid white;}
#header.color3 #lart_lista #jak_tvorime.page h2 a {border-bottom: 3px solid white;}
#header.color4 #lart_lista #a_tvorime.page h2 a {border-bottom: 3px solid white;}

#co_tvorime div.menu, #jak_tvorime div.menu, #a_tvorime div.menu {
  width: 168px;
  height: 151px;
  background: url('images/vzor_co_tvorime.gif') 50% 50% no-repeat white;
  padding: 15px 0 0 0;
}

#jak_tvorime div.menu {background: url('images/vzor_jak_tvorime_v3.gif') 50% 50% no-repeat white;}
#a_tvorime div.menu {background: url('images/vzor_a_tvorime.gif') 50% 50% no-repeat white;}

#header.color2 #lart_lista #co_tvorime div.menu {background: #fade83;}
#header.color3 #lart_lista #jak_tvorime div.menu {background: #ffd6ad;}
#header.color4 #lart_lista #a_tvorime div.menu {background: #ffd1cf;}

div.menu h3 {
  font-size: 10px;
  line-height: 18px;
  padding: 0 0 0 38px;
}

#co_tvorime div.menu h3 {padding: 0 0 0 33px;}
#jak_tvorime div.menu h3 {padding: 0 0 0 32px;}

div.menu h3 a {
  color: #666666;
  text-decoration: none;
}

div.menu h3 a:hover {
  color: #666666;
  text-decoration: underline;
}

div.menu h3 span strong {font-weight: normal;}
div.menu h3 a strong, div.menu h3 span strong {left: -9999px; position: absolute; font-weight: normal;}

#header #lart_lista #lart_graficke_studio div.menu h3 span strong {left: 0px; position: relative;}

#header.color2 #lart_lista #co_tvorime div.menu h3 a strong, #header.color2 #lart_lista #co_tvorime div.menu h3 span strong {left: 0px; position: relative;}
#header.color3 #lart_lista #jak_tvorime div.menu h3 a strong, #header.color3 #lart_lista #jak_tvorime div.menu h3 span strong {left: 0px; position: relative;}
#header.color4 #lart_lista #a_tvorime div.menu h3 a strong, #header.color4 #lart_lista #a_tvorime div.menu h3 span strong {left: 0px; position: relative;}

#lart_lista #lart_graficke_studio div.menu {
  width: 108px;
  height: 151px;
  padding: 15px 0 0 0;
  position: absolute;
  top: 39px;
  left: 0px;
}

#lart_lista #lart_graficke_studio div.menu h3 {
  font-size: 10px;
  line-height: 18px;
  padding: 0 0 0 26px;
}

#lart_lista #lart_graficke_studio div.menu h3 a strong {
  left: 0px; position: relative; font-weight: normal;
}

/* odsazeni jednotlivejch menicek, podle barvy.. ridi se classou.. uvodni stranka classu nema */
#header.color1 #lart_lista #lart_graficke_studio div.menu h3 {padding: 0 0 0 26px;}

/* padding musi byt stejny pro vsechny tri barvy */
#header.color2 #lart_lista #lart_graficke_studio.co_tvorime div.menu h3 {padding: 0 0 0 26px;}
#header.color3 #lart_lista #lart_graficke_studio.co_tvorime div.menu h3 {padding: 0 0 0 26px;}
#header.color4 #lart_lista #lart_graficke_studio.co_tvorime div.menu h3 {padding: 0 0 0 26px;}
#header.color1 #lart_lista #lart_graficke_studio.co_tvorime div.menu h3 {padding: 0 0 0 26px;}

#header.color3 #lart_lista #lart_graficke_studio.jak_tvorime div.menu h3 {padding: 0 0 0 26px;}
#header.color2 #lart_lista #lart_graficke_studio.jak_tvorime div.menu h3 {padding: 0 0 0 26px;}
#header.color4 #lart_lista #lart_graficke_studio.jak_tvorime div.menu h3 {padding: 0 0 0 26px;}
#header.color1 #lart_lista #lart_graficke_studio.jak_tvorime div.menu h3 {padding: 0 0 0 26px;}

#header.color4 #lart_lista #lart_graficke_studio.a_tvorime div.menu h3 {padding: 0 0 0 26px;}
#header.color3 #lart_lista #lart_graficke_studio.a_tvorime div.menu h3 {padding: 0 0 0 26px;}
#header.color2 #lart_lista #lart_graficke_studio.a_tvorime div.menu h3 {padding: 0 0 0 26px;}
#header.color1 #lart_lista #lart_graficke_studio.a_tvorime div.menu h3 {padding: 0 0 0 26px;}

/* --------- */
/* formulare */
/* --------- */

div.form {
  width: 540px;
  /* width: 492px;  s paddingem 24 z obou stran */
  position: relative;
  top: 8px;
  left: 0px;
  float: right;
  padding: 0 0 0 0;
  margin: 0 0 8px 0;
  font-weight: normal;
  background: #f6f6f6;
}

div.form div.section {
  width: 492px;
  border-bottom: 3px solid white;
  padding: 0 24px 0 24px;
}

div.form div.row, div.form div.submit_row, div.form div.final_row {
  width: 492px;
  padding: 18px 24px 18px 24px;
}

div.form div.submit_row, div.form div.final_row {
  border-bottom: 3px solid white;
  line-height: 24px;
  position: relative;
}

div.section div.row {
  width: 492px;
  padding: 18px 0 18px 0;
}

div.form div.final_row {
  line-height: 18px;
}

div.submit_row label {
  float: left;
}

div.submit_row img {
  float: left;
  height: 18px;
  width: 60px;
  margin: 2px 10px 0 10px;
}

div.submit_row input#securitycode {
  float: left;
  width: 60px;
  margin: 0 0 0 0;
}

div.submit_row input#send {
  position: absolute;
  top: 18px;
  right: 24px;
}

div.final_row input#send {
  position: absolute;
  top: 15px;
  right: 43px;
  padding: 2px 10px 2px 10px;
  width: 130px;
}

input#send:hover {
  background: #d7e982;
}

input#send:focus {
  border: 1px solid #b052b3;
}

div.section div.left {
  width: 200px;
  border-right: 3px solid white;
  float: left;
  padding: 20px 0 18px 0;
}

div.section div.right {
  width: 265px;   /* 289 - 24 */
  float: right;
  padding: 20px 0 18px 24px;
  line-height: 30px;
}

div.right label {
  float: left;
  width: 50px;
}

div.right input {
  float: left;
  width: 180px;
  margin: 4px 0 0 10px;
}

span.left_title {
  margin: 0 0 0 25px;
}

span.required {
  color: #b052b3;
  font-size: 10px;
  margin: 0 0 0 3px;
}

sup {
  font-size: 11px;
}

input.important {
  color: #b052b3;
}

input, textarea {
  border: 1px solid #BCC0C3;
  color: #333333;
  padding: 2px 2px 2px 2px;
}

div.row textarea {
  width: 488px;
  height: 100px;
}

div.row h1, div.row h2, div.row h3, div.row h4 {
  font-weight: normal;
  font-size: 12px;
  line-height: 18px;
  padding-left: 0px;
  padding-bottom: 7px;
}
div.row h2 {font-size: 10px; font-weight: bold; color: #b052b3;}
div.row h3 {font-size: 10px; font-weight: bold;}
div.row h4 {font-size: 10px;}

div.row div.cena {
  font-weight: normal;
  font-size: 12px;
  line-height: 18px;
}

span.important {
  color: #b052b3;
}

div.row p {
  font-weight: normal;
  font-size: 10px;
  line-height: 18px;
  margin-left: 14px;
  margin-bottom: 7px;
}

div.row ul {
  line-height: 18px;
  margin-top: 7px;
  margin-bottom: 14px;
}

div.row ul.divider {
  padding: 0 0 14px 0;
  background: url('images/form_oddelovac.gif') bottom left no-repeat;
  position: relative;  
}

div.row ul li {
  text-align: left;
}

div.errors, div.ok {
  width: 492px;
  position: relative;
  top: 8px;
  left: 0px;
  float: right;
  padding: 0 0 0 0;
  margin: 0 0 8px 0;
  font-weight: normal;
  background: #ffd1cf;
  padding: 12px 24px 12px 24px;
}

div.ok {background: #d7e982;}