h1{
  font-family: Trebuchet MS, Verdana, Tahoma, Arial;
  margin:0 0 5px 0;
  padding:0;
  font-size: 20px;
  font-weight: bold;
  color: #a3b30b;
}
h2{
  font-family: Trebuchet MS, Verdana, Tahoma, Arial;
  margin:20px 0 3px 0;
  padding:0;
  font-size: 20px;
  font-weight: bold;
  color: #a3b30b;
}
h3{
  font-family: Trebuchet MS, Verdana, Tahoma, Arial;
  margin: 15px 0 0 0;
  padding:0;
  font-size: 16px;
  font-weight: bold;
  color: #444;
}


p {
  font-size: 12px;
  font-family: Tahoma, Verdana, Arial;
  font-weight: normal;
  color: #3b3b3b;
  border-left: 2px dotted rgb(174,191,9);
  /*border-right: 2px dotted rgb(174,191,9);*/
  /*background-color: #f9f9f4;*/
  width: 579px;
  /*text-align: justify;*/
  padding:0px 5px;
  margin: 3px 0 10px 0;
}
.text_ramcek {
  font-size: 12px;
  font-family: Tahoma, Verdana, Arial;
  font-weight: normal;
  color: #3b3b3b;
  background-color: #f9f9f4;
  border-left: 2px dotted rgb(174,191,9);
  border-right: 2px dotted rgb(174,191,9);
  /*border-top:1px #e2e2cc solid;
  border-bottom:1px #e2e2cc solid;*/
  width: 569px;
  padding: 5px 10px;
  overflow:hidden
}
.text_ramcek a{
  color: #3b3b3b;
  font-weight: bold;
  text-decoration: none;
}
.text_ramcek a:hover{
  text-decoration: underline;
}
.text_ramcek img.right {
  float:right;
  margin-right:-10px;
  padding:3px 0 10px 10px;
}


.text_ramcek_white {
  font-size: 12px;
  font-family: Tahoma, Verdana, Arial;
  font-weight: normal;
  color: #3b3b3b;
  background-color: #ffffff;
  width: 569px;
  padding: 5px 10px;
  overflow:hidden;
}


.kontakt .text_ramcek {
  background: #f9f9f4 url(../images/logo_kontakt.gif) no-repeat center top;
}
.kontakt .text_ramcek a{
  color:#77840A;
  text-decoration: none;
}
.kontakt .text_ramcek a:hover{
  color:#A3B30B;
}

.kontakt_1 {
  float: left;
  margin: 10px 0px 0 0px;
  width: 230px; height:100px;
}
.kontakt_2 {
  float: right;
  margin: 10px 0px 0 0px;
  width: 230px; height:100px;
  text-align: right;
}
.kontakt_0 {
  float: left;
  padding: 5px;
  margin: 5px 10px 10px 0px;
  width: 262px;
  background-color: #f1f1e5;
  border:1px #e2e2cc solid;
}

.kontakt_0 .titul {
  color: #6d6d6d;
}
.kontakt_0 .popis {
  color: #8a971a;
  margin-top:6px;
  display: block;
}
.kontakt .text_ramcek .formular {
  float: left;
  margin: 10px 0px 10px 0px;
  padding: 0px;
  width: 573px;
  /*border:1px #e2e2cc solid;*/
}




.text_ramcek ul {
  padding:0;
  margin:5px 30px;
}
.text_ramcek li a {
  color: #3b3b3b;
  text-decoration: none;
}
.text_ramcek li a:hover {
  text-decoration: underline;
  color: #111;
}




div.text{
  font-size: 11px;
  font-family: Verdana;
  font-weight: normal;
  color: #464646;
  border-left: 2px dotted rgb(174,191,9);
  border-right: 2px dotted rgb(174,191,9);
  width: 579px;
  padding:0px 5px;
  margin-bottom: 10px;
}




td{
  vertical-align: top;
  height: 100%;
}
.main_index{
  font-size: 15px;
  font-family: Tahoma, Verdana, Arial;
  float:left;
  margin-left: 0px;
  width:740px;
}
.nadpis{
  color:  #a3b30b;
  font: bold 17px Tahoma;
}
.pol1{
  position: absolute;
  left: 450px;
}
.pol2{
  position: absolute;
  left: 510px;
}
.pol3{
  position: absolute;
  left: 570px;
}
.pol4{
  position: absolute;
  left: 630px;
}
div.popis{
  float:left;
  clear:right;
  font: 11px Tahoma;
  width: 425px;
  margin-left: 0px;
  padding-top: 3px;
  background: rgb(229,231,211);
}
div.obrazok{
  float:left;
  width: 160px;
  text-align: center;
}
div.ramcek{
  float:left;
  border-left: 2px dotted rgb(174,191,9);
  border-right: 2px dotted rgb(174,191,9);
  width: 589px;
  background: rgb(240,241,232);
}



div.moznosti{
  font: 11px Tahoma;
  color: #A3B30B;
  width: 118px;
  float: left;
  padding-left: 5px;
}

div.moznosti a{
  text-decoration:none;
  color: rgb(110,110,110);
  font: 11px Tahoma;
  display:block;
  padding:3px 0 7px 0;
}

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

div.moznosti img{
  float:left;
  padding-right: 3px;
}

div.moznosti span.akcia{
  color: #A3B30B;
  font: bold 11px Tahoma;
  margin:5px 0 0 0 ;
}

.prazdny_riadok{
  height: 20px;
  clear: both;
}

div.polozka{
  width: 720px;
}



a.polozka_up{
	margin:0 0 0 10px;
  font: bold 16px Verdana;
  color: #30302e;
  text-decoration: none;
}
a:hover.polozka_up{
	border-bottom: #aaa 1px solid;
}
a .polozka_kod {
  font: bold 17px Verdana;
  text-transform: uppercase;
  text-decoration: none;
  color: #30302e;
}




.polozka_lavy{
  width: 110px;
  font: bold 11px Tahoma;
  text-align:right;
  color: rgb(27,27,27);
}
.polozka_info_0{
  font: 11px Tahoma;
  padding-left:10px;
  color: rgb(27,27,27);
  vertical-align: middle;
}
.polozka_pravy{
  font: 11px Tahoma;
  color: rgb(27,27,27);
  vertical-align: middle;
}
.ceny{
	margin-top:3px;
  font: 11px Tahoma;
}
.hlavicka1{
  padding-left:5px;
  background: rgb(174,191,9);
  color: white;
  font-weight: bold;
  width:185px;
  border-bottom: 1px solid #e5e7d3;
}
.hlavicka2{
  background: rgb(174,191,9);
  color: white;
  font-weight: bold;
  width:60px;
  border-bottom: 1px solid #e5e7d3;
}
.paticka1{
  padding-left:5px;
  background: rgb(174,191,9);
  color: #000;
  width:185px;
  border-bottom: 1px solid #e5e7d3;
  text-align: center;
}
.riadok{
  padding-left:5px;
  background: rgb(201,211,110);
  border-bottom: 1px solid #e5e7d3;
}
.riadok_cena{
  background: rgb(201,211,110);
  border-bottom: 1px solid #e5e7d3;
}


.farby{
  padding-right: 3px;
}
div.strankovanie{
  /*border: 2px dashed orange;*/
  border-left: 2px dotted rgb(174,191,9);
  margin-bottom: 20px;
  padding-left:10px;
  width:349px;
  height: 25px;
  background: rgb(240,241,232);
  float:left;
  clear:left;
  color: black;
  font: 11px Tahoma;
  font-weight: bold;
  line-height: 25px;
}

div.strankovanie a{
  text-decoration: none;
  padding:0 3px;
}
div.strankovanie a:hover{
  text-decoration: underline;
}
div.strankovanie a.aktual{
  color: #A5B40B;
}
div.strankovanie a.no_aktual{
  color: #444;
}
div.strankovanie a:hover.no_aktual{
  color: #000;
}

div.zoradenie{
  border-right: 2px dotted rgb(174,191,9);
  text-align:right;
  padding-right:10px;
  width: 220px;
  vertical-align:middle;
  height: 25px;
  background: rgb(240,241,232);
  float:left;
  color: black;
  font: 11px Tahoma;

}
div.zoradenie form {
  margin: 0px;
  padding-top:4px;
  vertical-align:middle;
}
div.zoradenie select {
  font: 11px Tahoma;
  margin: 0px;
  padding-top:0px;
  vertical-align:middle;
  height: 17px;
  background-color: #fff;
  border: 1px #a3b30b solid;
}
.kod{
  text-transform: uppercase;
}






a.ix_bt {
  float: left;
  width: 142px;
  height: 22px;
  line-height: 22px;
  font-family: Tahoma;
  text-align: center;
  display: block;
  margin: 10px 0 0px 0;
  color: #555;
  font-weight: bold;
  font-size: 11px;
  background: url(../images/i_bt_142.gif);
  text-decoration: none;
}
a:hover.ix_bt {
  color: #222;
}
.ix_produkt {
  float: left;
  margin: 5px 10px 5px 0px;
  width: 180px;
  height: 160px;
  border:1px #e2e2cc solid;
  background-image: url(/images/ixp_bg.gif);
  background-position: center bottom;
  background-repeat: no-repeat;
}
.ix_produkt:hover {
  border:1px #d4d4b7 solid;
}

.ix_produkt a.cat {
  display: block;
  padding: 0px 5px;
  height: 20px;
  line-height: 20px;
  margin: 0 0 3px 0 ;
  color: #fff;
  font-weight: bold;
  font-size: 12px;
  background: url(../images/ixp_top.gif) top repeat-x;
  text-decoration: none;
}
.ix_produkt a:hover.cat {
  background: url(../images/ixp_top.gif) bottom repeat-x;
}

.ix_produkt a.sub {
  display: block;
  padding: 0 5px;
  text-decoration: none;
}

.ix_produkt a:hover.cat {
  background-color: #AEBF09;
}
.ix_produkt a.sub {
  font-size: 11px;
  color: #6a6363;
  font-weight: normal;
}
.ix_produkt a:hover.sub {
  color: #000;
  text-decoration: underline;
}

.ix_panel {
width:282px;
height: 184px;
float: left;
margin: 0 30px 30px 0;
  background: url(../images/bg_left2.gif) top left repeat-y;
}
.ix_panel a {
width:282px;
height: 184px;
display: block;
text-decoration: none;
}
.ix_panel a:hover {}
.ix_panel a img {border: 1px #777 solid;}
.ix_panel a:hover img {border: 1px #a3b30b solid;}
.ix_panel a span {display: block; margin: 4px 10px 0 0; text-align: right; font-size: 17px; font-weight: normal;}
.ix_panel a:hover span {color:#d0e50b; }







#indexH1 a {
  display: block;
  width: 590px;
  height: 60px;
  background-position: 15px 6px;
  background-color: #fff;
  background-repeat: no-repeat;
  position: relative;
  text-decoration: none;
}

#indexH1 a.produkty { background-image: url(/images/iH1_produkty.png); }
#indexH1 a.banery { background-image: url(/images/iH1_banery.png); }
#indexH1 a.print { background-image: url(/images/iH1_print.png); }
#indexH1 a.web { background-image: url(/images/iH1_web.png); }
#indexH1 a.dtp { background-image: url(/images/iH1_dtp.png); }
#indexH1 a.media { background-image: url(/images/iH1_media.png); }
#indexH1 a.vizualizacie { background-image: url(/images/iH1_3d.png); }

#indexH1 a.produkty:hover { background-color: #fffbeb; }
#indexH1 a.banery:hover { background-color: #f2f2fb; }
#indexH1 a.print:hover { background-color: #ebfafe; }
#indexH1 a.web:hover { background-color: #f7faeb; }
#indexH1 a.dtp:hover { background-color: #fdf2ff; }
#indexH1 a.media:hover { background-color: #fef3eb; }
#indexH1 a.vizualizacie:hover { background-color: #ffefef; }




#indexH1 a span.nadpis { display: none; }
#indexH1 a span.text {
  color: #787878;
  font-family: Verdana;
  font-size: 11px;
  display: block;
  position: absolute;
  top:37px;
  left:38px;
}
#indexH1 a:hover span.text {
  color: #555;
}
























.index_uvod h2 {
font-family: Georgia, Times New Roman, Times;
color: #444442;
font-weight: normal;
font-size: 22px;
margin: 20px 0 0 0;
padding: 0;
}

.index_uvod p {
border: none;
margin: -2px 0 0 15px;
padding: 0;
font-family: verdana;
font-size: 11px;
}






.grafika_obal {
  float: left;
  width: 300px;
  margin:10px 0px;
  padding:0;
  overflow: hidden;
  font-size: 11px;
  font-weight: bold;
  color: #3B3B3B;
}
.grafika_obal a.grafika {
  float: left;
  padding: 0 0 1px 0;
  /*border-bottom: 1px solid #3B3B3B;*/
  background: url(/images/272x1.gif) no-repeat left bottom;

}
.grafika_obal a.grafika img{
  float: left;
  width: 280px;
  height: 128px;
  border: none;
}



.index_obal {
  float: left;
  width: 290px;
  margin:10px 10px 10px 0;
  padding:0;
  border-bottom: 1px solid #a3b30b;
  overflow: hidden;
}
.index_obal img{
  float: left;
  width: 160px;
  height: 90px;
  margin-right: 3px;
  border: none;
}
.index_in {
  float: left;
  padding:0;
  color: #3B3B3B;
  font-size: 11px;
  margin:0 0 0 0;
}
.index_in a.cat {
  width: 125px;
  font-size: 15px;
  font-weight: bold;
  color: #a3b30b;
  display: block;
  text-decoration: none;
}
.index_in a.sub {
  width: 125px;
  font-size: 11px;
  color:  #555;
  display: block;
  text-decoration: none;
}
.index_in a:hover {
  text-decoration: underline;
}
.index_in a.sub:hover {
  color:  #222;
}










.webdesign_obal {
  width: 590px;
  margin:25px 0 0 0;
  padding:0;
  border-bottom: 1px solid #aaa;
  overflow: hidden;
}
.webdesign_obal img{
  float: left;
  width: 250px;
  height: 114px;
  margin-right: 5px;
  border: none;
}
.webdesign {
  float: left;
  width: 335px;
  padding:0;
  color:  #3B3B3B;
  font-size: 11px;
  margin:0 0 0 0;
}
.webdesign a{
  color: #3b3b3b;
  text-decoration: underline;
}
.webdesign a:hover{
  color: #222;
  text-decoration: none;
}
.webdesign div.nadpis {
  font-size: 17px;
  font-weight: bold;
  color: #a3b30b;
}
.webdesign div.nadpis span.info {
  font-size: 13px;
  font-weight: bold;
  color:  #666;
}
.webdesign div.info {
  margin-top: 10px;
  font-weight: bold;
}




.tlacPriklad {
  background-color: #eee;
  overflow: hidden;
  width: 590px;
  margin: 15px 0 0 0 ;
  background-color: #f9f9f4;
  font-size: 11px;
  vertical-align: middle;
  border-bottom: 1px solid #aaa;
  background-image: url(/images/tlac_obr_bg.gif);
}

.tlacPriklad img {
  width:240px;
  height:100px;
  float:left;
  background-color: #aaa;
  margin: 0 10px 0 0 ;
}

.tlacPriklad .info {
  margin-top:10px;
}

.tlacPriklad .cena1, .tlacPriklad .cena2 {
  font-family: trebuchet MS;
  font-size: 30px;
  line-height: 28px;
  letter-spacing: -2px;
  font-weight: bold;
}
.tlacPriklad .cena1 { color: #a3b30b; }
.tlacPriklad .cena2 { color: #bbb; font-size: 25px; }
.tlacPriklad .text2 { color: #777; }


.tlacPriklad h3 { display: inline; }








#kalkul {
position: absolute;
top:30px;
left:0;
padding: 5px;
background-color: #111;
color: #eee;
font-size: 11px;
font-family: tahoma;
display:none;
z-index: 100;
}

#kalkul span.silver {
color: #999;
}
#kalkul span.big {
color: #aebf09;
font-size: 17px;
font-weight: bold;
font-family: tahoma;
}
#kalkul b.green {
color: #aebf09;
}

#kalkul span.pocet {
font-size: 13px;
font-weight: bold;
}

#kalkul span.info {
color: #aebf09;
}
#kalkul div.top {
border-bottom: 1px solid #aebf09;
padding: 0px 0 1px 0;
margin: 0 0 5px 0;
}




span.tpt {
display:none;
}


ul.tlac {
  font-size: 12px;
  font-family: Tahoma, Verdana, Arial;
  font-weight: normal;
  color: #aebf09;
  padding: 0 0 0 13px;
  margin: 0 0 0 10px;
  list-style: square;
  overflow: hidden;
}
ul.tlac li{
  color: #333333;
  padding: 2px 0 ;
}