/* ZAKLADNI VLASTNOSTI */
* { font-family: Verdana, "Geneva CE", "Arial CE", Arial, "Helvetica CE", Helvetica, sans-serif; }
body { text-align: center; background: #FFFFFF; font-size: 11px; padding: 0; margin: 0 0 10px 0; color: #515151; }
table { font-size: 11px; color: #515151; }
h1, h2, h3 { margin: 0; padding: 0; }
p { margin: 0; padding: 0; }
a { color: #F26600; }
img { border: none; }
hr, .hid { display: none !important; }
.clr { clear: both; }
.center { text-align: center; }

/* KONTEJNER WEBU */
#pg { width: 761px; text-align: left; margin-left: auto; margin-right: auto; }
#pg.tlapka { background: url(../img/tlapka.gif) no-repeat;  background-position: 526px 188px;  }
#hp { width: 770px; text-align: left; margin-left: auto; margin-right: auto; position: relative; margin-top: 20px; display: none; }
.watermark1 { background: url(../img/watermark1.gif); }
.watermark2 { background: url(../img/watermark2.gif); }
.watermark3 { background: url(../img/watermark3.gif); }

/* DEFINICE NA6DPISU - spolecne pro vsechny podstrany */
h2.onas { background: url(../img/nadpis_onas.gif) no-repeat; height: 20px; margin: 16px 0 7px 53px; }
h2.aktuality { background: url(../img/nadpis_aktuality.gif) no-repeat; height: 20px; margin: 16px 0 7px 53px; }
h2.produkty { background: url(../img/nadpis_produkty.gif) no-repeat; height: 20px; margin: 16px 0 7px 53px; }
h2.kontakty { background: url(../img/nadpis_kontakty.gif) no-repeat; height: 20px; margin: 16px 0 7px 53px; }
h2.dodavatele { background: url(../img/nadpis_dodavatele.gif) no-repeat; height: 20px; margin: 16px 0 7px 53px; }
h2.kariera { background: url(../img/nadpis_kariera.gif) no-repeat; height: 20px; margin: 16px 0 7px 53px; }
h2 span { display: none; }

/* MAIN MENU NA HP */
#hphead h1 span { display: none; }
#hphead ul { list-style: none; margin: 0; padding: 0; position: absolute; }
#hphead ul li { display: inline;  }
#hphead ul li a { font-size: 0.9em; display: block; float: left; color: #8f8f8f; text-decoration: none; padding-right: 8px; }
#hphead ul li a.active { color: #f26600; }
#hphead ul li a span { display: none; }
#hphead ul.mm { left: 330px; top: 24px; }
* html #hphead ul.mm { left: 310px; top: 24px; }
#hphead ul.mm a:hover { color: #f26600; text-decoration: none; }


#hpfoot ul { list-style: none; margin: 0; padding: 0; position: absolute; }
#hpfoot ul li { display: inline; }
#hpfoot ul li a { display: block; float: left; }
#hpfoot ul li a span { display: none; }
#hpfoot ul.lm { left: 697px; top: 356px; }
#hpfoot ul.lm a.lm1 { width: 12px; height: 10px; background: url(../img/lm1.gif) no-repeat; }
#hpfoot ul.lm a.lm2 { width: 24px; height: 10px; background: url(../img/lm2.gif) no-repeat; }
#hpfoot ul.lm a.lm3 { width: 24px; height: 10px; background: url(../img/lm3.gif) no-repeat; }
#hpfoot ul.lm a.lm1:hover, #hpfoot ul.lm a.lm1active { width: 12px; height: 10px; background: url(../img/lm1a.gif) no-repeat; }
#hpfoot ul.lm a.lm2:hover, #hpfoot ul.lm a.lm2active { width: 24px; height: 10px; background: url(../img/lm2a.gif) no-repeat; }
#hpfoot ul.lm a.lm3:hover, #hpfoot ul.lm a.lm3active { width: 24px; height: 10px; background: url(../img/lm3a.gif) no-repeat; }

/* PATICKA HLAVNI STRANKY */
/*#hpfoot { margin: 0 6px; padding: 0 17px 0 17px; color: #515151; font-size: 10px; }
#hpfoot ul { list-style: none; float: right; margin: 22px 0 0 0; padding: 0; }
#hpfoot ul li { display: inline; }
#hpfoot ul li a { color: #515151; }
#hpfoot ul li a.active { color: #F26600; }
#hpfoot ul li a:hover { color: #F26600; }
*/#hpfoot p { float: left; margin: 22px 0 0 0; }

/* HLAVICKA STRANKY */
#pghead { height: 204px; background: url(../img/top_moto.gif) no-repeat;  background-position: 422px 0px; position: relative; }
#pghead h1 { width: 422px; height: 204px; background: url(../img/top_animals.jpg) no-repeat; }
#pghead h1 a { display: block; width: 422px; height: 204px; }
#pghead h1 a span { display: none; }
#pghead ul { list-style: none; margin: 0; padding: 0; position: absolute; }
#pghead ul li { display: inline; }
#pghead ul li a { display: block; float: left; }
#pghead ul li a span { display: none; }

#pghead ul.mm li a { font-size: 0.9em; display: block; float: left; color: #8f8f8f; text-decoration: none; padding-right: 8px; }
#pghead ul.mm li a.active { color: #f26600; }
#pghead ul.mm li a span { display: none; }
#pghead ul.mm { left: 220px; top: 32px; }
#pghead ul.mm li a:hover { color: #f26600; text-decoration: none; }

#pghead ul.lm { left: 717px; top: 32px; }
#pghead ul.lm a.lm1 { width: 12px; height: 10px; background: url(../img/lm1.gif) no-repeat; }
#pghead ul.lm a.lm2 { width: 24px; height: 10px; background: url(../img/lm2.gif) no-repeat; }
#pghead ul.lm a.lm3 { width: 24px; height: 10px; background: url(../img/lm3.gif) no-repeat; }
#pghead ul.lm a.lm1:hover, #pghead ul.lm a.lm1active { width: 12px; height: 10px; background: url(../img/lm1a.gif) no-repeat; }
#pghead ul.lm a.lm2:hover, #pghead ul.lm a.lm2active { width: 24px; height: 10px; background: url(../img/lm2a.gif) no-repeat; }
#pghead ul.lm a.lm3:hover, #pghead ul.lm a.lm3active { width: 24px; height: 10px; background: url(../img/lm3a.gif) no-repeat; }
#hphead ul.mm a.mm6:hover, #hphead ul.mm a.mm6active { width: 69px; height: 10px; background: url(../img/mm6a.gif) no-repeat; }

/* PATICKA STRANKY */
#prepgfoot { height: 44px; clear: both;  }
#pgfoot { background: #F5F5F5; position: relative; margin: 0 6px; height: 42px; padding: 0 17px 0 52px; color: #515151; font-size: 10px; }
#pgfoot #footlogo { position: absolute; background: url(../img/bottom_logo.gif) no-repeat; width: 48px; height: 53px; left: 0px; top: -11px; }
#pgfoot ul { list-style: none; float: right; margin: 15px 0 0 0; padding: 0; }
#pgfoot ul li { display: inline; }
#pgfoot ul li a { color: #515151; }
#pgfoot ul li a.active { color: #F26600; }
#pgfoot ul li a:hover { color: #F26600; }
#pgfoot p { float: left; margin: 8px 0 0 0; }

/* ONAS */
div.onas { line-height: 14px; margin: 0 0 0 37px; }
div.onas div.l { float: left; width: 338px; }
div.onas div.l div.b1 { background-color: #FEF7F2; color: #F26600; padding: 12px 18px; margin-bottom: 17px; }
div.onas div.l div.b1 p.p2 { margin-top: 12px; }
div.onas div.l div.b2 { background-color: #EEF8FC; color: #3D90B0; padding: 12px 18px; }
div.onas div.l div.b2 p.p2 { margin-top: 12px; }
div.onas div.r { float: left; width: 355px; }
div.onas div.r p { padding: 12px 0 0 24px; color: #515151; }
div.onas div.r p a { font-weight: bold; }

/* PRODUKTY */
div.produkty { line-height: 14px;  }
div.produkty p { margin: 0px 52px 2px 52px; padding-top: 10px; padding-bottom: 26px; }
div.produkty h3 { background-repeat: no-repeat; background-position: 16px 10px; height: 55px; margin: 2px 37px 2px 37px; padding: 0; }
div.produkty h3.psi { background-image: url(../img/produkty_psi.gif); background-color: #F4EFE7; }
div.produkty h3.kocky { background-image: url(../img/produkty_kocky.gif); background-color: #F7EEF4; }
div.produkty h3.hlodavci { background-image: url(../img/produkty_hlodavci.gif); background-color: #F0F0F0; }
div.produkty h3.ryby { background-image: url(../img/produkty_ryby.gif); background-color: #EEF8FC; }
div.produkty h3.ptaci { background-image: url(../img/produkty_ptaci.gif); background-color: #FBF6DE; }
div.produkty h3.plazi { background-image: url(../img/produkty_plazi.gif); background-color: #FDEBE4; }
div.produkty h3.rostliny { background-image: url(../img/produkty_rostliny.gif); background-color: #ECF2DF; }
div.produkty h3 span { display: none; }
div.produkty div.vypis { background: #F8F8F8;  margin: 0 37px 0 37px; height: 131px; }
div.produkty div.vypis div { padding: 16px 0 0 16px; }
div.produkty div.vypis div ul { list-style: none; margin: 0; padding: 0; float: left; width: 160px; }
div.produkty div.vypis div ul li { display: inline; }
div.produkty div.vypis div ul li span { display: block; }

/* KONTAKTY */
div.kontakty { line-height: 14px; margin: 0 0 0 37px; }
div.kontakty div.l { float: left; width: 209px; }
div.kontakty div.l div.b1 { color: #F26600; padding: 130px 18px 12px 18px; margin-bottom: 17px; background: #FEF7F2 url(../img/mapa_cz.gif) no-repeat; background-position: 15px 12px; }
div.kontakty div.l div.b1 p.p2 { margin-top: 12px; }
div.kontakty div.l div.b2 { background-color: #EEF8FC; color: #3D90B0; padding: 120px 18px 12px 18px; background: #EEF8FC url(../img/mapa_sk.gif) no-repeat; background-position: 15px 12px; }
div.kontakty div.l div.b2 p.p2 { margin-top: 12px; }
div.kontakty div.r { float: left; width: 476px; padding: 6px 0 0 0; }
div.kontakty div.r p { padding: 8px 0 34px 39px; }
div.kontakty div.r table { margin: 0 0 0 39px; }
div.kontakty div.r table.odsad1 { margin-top: 14px; }
div.kontakty div.r table td { width: 215px; }
div.kontakty div.r h3 { padding: 0 0 0 39px; margin: 0; font-size: 11px; }

.kontakt-form { width: 690px; }
.kontakt-form h2 { color: #F26600; font-size: 18px; padding: 25px 0 14px 0; }
.k-formbg { background: #FEF7F2; padding: 22px 0 20px 25px; }
.k-formbg form { padding: 0; margin: 0; }
.k-formbg span { display: block; margin-bottom: 4px; }
.k-formbg td { vertical-align: top; padding: 0 24px 13px 0; }
.k-formbg textarea { width: 463px; height: 129px; border-bottom: 1px solid #515151; border-top: 1px solid #515151; border-left: 1px solid #515151; border-right: 1px solid #515151; font-size: 11px; font-family: Verdana, "Geneva CE", "Arial CE", Arial, "Helvetica CE", Helvetica, sans-serif; }
.k-formbg input { border-bottom: 1px solid #515151; border-top: 1px solid #515151; border-left: 1px solid #515151; border-right: 1px solid #515151; width: 151px; height: 20px; line-height: 20px; padding: 0; margin: 0; font-size: 11px; font-family: Verdana, "Geneva CE", "Arial CE", Arial, "Helvetica CE", Helvetica, sans-serif; }
.kontakt-form .subright { text-align: right; margin-top: 15px; padding: 0 0 0 20px; }
.kontakt-form .subright strong { display: block; margin-top: 10px; float: left; clear: right; }

div.errorbox { background: white url(../img/vysledek_spatne.gif) no-repeat left; border: 1px solid #F26600; margin: 40px 0 15px 0;  }
div.errorbox div { padding: 20px 15px 20px 67px; }
div.okbox { background: white url(../img/vysledek_spravne.gif) no-repeat left; border: 1px solid #F26600; margin: 40px 0 15px 0; }
div.okbox div { padding: 20px 15px 20px 67px; }



/* AKTUALITY */
div.aktuality { line-height: 14px; margin: 0 52px 0 52px; }
div.aktuality h3 { margin: 25px 0 0 0; padding: 0; font-size: 11px; font-weight: normal; }
div.aktuality p { padding: 0; margin: 0; }
div.aktuality div.obrazek { float: left; margin: 10px 10px 0 0; }
div.aktuality div.clrmez { clear: both; height: 1px; }

/* HP */
div.hp { height: 334px; }
div.bg1 { background: url(../img/hp_bg1a.gif) no-repeat; }
div.bgr1 { background: url(../img/hp_bg1b.gif) no-repeat right; }
div.bg2 { background: url(../img/hp_bg2a.gif) no-repeat; }
div.bgr2 { background: url(../img/hp_bg2b.gif) no-repeat right; }
div.bg3 { background: url(../img/hp_bg3a.gif) no-repeat; }
div.bgr3 { background: url(../img/hp_bg3b.gif) no-repeat right; }
div.hp h3 { font-size: 10px; font-weight: normal; }
div.hp a { display: block; background: url(../img/vice_ico.gif) no-repeat;  background-position: 1px 4px; padding-left: 8px; text-decoration: underline; }
div.hp div.akt1 { position: absolute; left: 546px; top: 108px; font-size: 10px; width: 194px; }
div.hp div.akt2 { position: absolute; left: 546px; top: 211px; font-size: 10px; width: 194px; }

/* DODAVATELE */
div.dodavatele { line-height: 14px; margin: 0 0 0 52px; }
div.dodavatele p { line-height: 14px; margin: 0 52px 30px 0; }
div.dodavatele h3 { display: none; }
div.dodavatele div { width: 149px; float: left; text-align: center; margin-right: 20px; }
div.dodavatele div.line1 { height: 85px; }
div.dodavatele div.line1 a { margin-top: 51px; display: block; }
div.dodavatele div.line2 { height: 93px; }
div.dodavatele div.line2 a { margin-top: 56px; display: block; }
div.dodavatele div.line3 { height: 85px; }
div.dodavatele div.line3 a { margin-top: 70px; display: block; }
div.dodavatele #logofitmin { background: url(../img/dodavatele/logo_fitmin.gif) no-repeat 19px 11px; }
div.dodavatele #logoresun { background: url(../img/dodavatele/logo_resun.gif) no-repeat 18px 4px; }
div.dodavatele #logoferplast { background: url(../img/dodavatele/logo_ferplast.gif) no-repeat 21px 0px; }
div.dodavatele #logoarovit { background: url(../img/dodavatele/logo_arovit.gif) no-repeat 34px 4px; }
div.dodavatele #logolasselsberger { background: url(../img/dodavatele/logo_lasselsberger.gif) no-repeat 0px 8px; }
div.dodavatele #logostylette { background: url(../img/dodavatele/logo_stylette.gif) no-repeat 13px 0px; }
div.dodavatele #logoflexi { background: url(../img/dodavatele/logo_flexi.gif) no-repeat 14px 6px; }
div.dodavatele #logoppl { background: url(../img/dodavatele/logo_ppl.gif) no-repeat 35px 8px; }
div.dodavatele #logokarlie { background: url(../img/dodavatele/logo_karlie.gif) no-repeat 35px 0px; }
div.dodavatele #logosera { background: url(../img/dodavatele/logo_sera.gif) no-repeat 14px 22px; }
div.dodavatele #logojbl { background: url(../img/dodavatele/logo_jbl.gif) no-repeat 53px 3px; }

/* KARIERA */
div.kariera { line-height: 14px; margin: 0 0 0 52px; }
div.kariera p { line-height: 14px; margin: 20px 20px 0 0; }
div.kariera h3 { margin: 20px 0 0 0; font-size: 14px; }
div.kariera a { font-size: 14px; text-decoration: none; }
div.kariera div { margin: 0 20px 20px 0; }

.hplayer { width: 950px; height: 525px; position: relative; top: -400px; margin: 0 auto; }