/*
Theme Name: extra-web theme
Theme URI: http://wordpress.org/
Description: The theme of the extra-web webdesign company.
Version: 0.9a
Author: epic
Author URI: http://www.extra-web.cz
Tags: fixed width

	extra-web theme

*/

html, body, ul, ol, li, p, h1, h2, h3
{
	list-style: none;
	margin: 0;
	padding: 0;
}

h1,
h2,
h3
{
  font-family: 'Arial', sans-serif;
  font-size: 100%;
  font-weight: normal;
}

a,
a:active,
a:visited
{
  border: none;
  color: #e21216;
  font-weight: bold;
  text-decoration: none;
}

a:hover,
a.odkaz:hover
{
  border-bottom: 1px #e21216 dotted;
  color: #e21216;
  text-decoration: none;
}

a.odkaz
{
  border-bottom: 1px #555555 dotted;
  color: #555555;
}

html
{
  background: #ffffff url('images/html.gif') repeat top center;
}

body
{
  color: #555555;
  padding: 0 0 32px 0;
}

#content
{
  background: transparent url('images/body.png') no-repeat top center;
  font-family: 'Arial', sans-serif;
  font-size: 62.5%;
  font-style: normal;
  font-weight: normal;
  height: auto !important;
  height: 0;
  margin: 0 auto;
  min-height: 0;
  padding: 0;
  position: relative;
  width: 900px;
}

#header
{
  background: transparent url('images/header.png') no-repeat top left;
  height: 208px;
  overflow: hidden;
  position: relative;
}

#header ul li a
{
  border: none;
  display: block;
  height: 115px;
  left: 20px;
  overflow: hidden;
  position: absolute;
  top: 20px;
  padding: 0 0 0 405px;
  width: 0;
}

#back_pra
{
  border: none;
  background: url('images/back_pra.png') no-repeat right top;
  position: absolute;
  display: block;
  width: 477px;
  height: 186px;
  left: 455px;
  top: 0px;
  z-index: 1;
}


#main
{
  background: transparent url('images/main.png') no-repeat right top;
  float: left;
  left: 200px;
  padding: 0 0 25px 0;
  position: relative;
  width: 500px;
}

#main p
{
  color: #555555;
  font-size: 120%;
  line-height: 1.5em;
  padding: 8px 40px;
  text-align: justify;
  text-indent: 0;
}

#main p.center,
#main p.zarovnat-na-stred,
#main p.na-stred
{text-align: center; text-indent: 0;}

#main p.horni
{
  padding-bottom: 0;
}

#main p.vnitrni
{
  padding-bottom: 0;
  padding-top: 0;
}

#main p.spodni
{
  padding-top: 0;
}

#main .podtrzeno
{text-decoration: underline;}

#main p.poznamka
{
  font-style: italic;
}

#main p.odstup
{padding-bottom: 40px;}
#main p.odstup-2
{padding-bottom: 80px;}
#main p.odstup-3
{padding-bottom: 120px;}

#main h1
{
  color: #555555;
  font-size: 320%;
  padding: 20px 40px 16px 40px;
}

#main h2
{
  color: #e21216;
  font-size: 140%;
  font-weight: bold;
  margin: 8px 40px 0 40px;
}

#main h3
{
  color: #e21216;
  font-size: 120%;
  font-weight: bold;
  margin: 8px 40px 0 40px;
}

#main h4
{
  color: #e21216;
  font-size: 120%;
  font-weight: normal;
  margin: 8px 40px 0 40px;
  text-decoration: underline;
}

#main ul,
#main ol
{
  font-size: 100%;
  overflow: hidden;
  padding: 8px 40px 8px 60px;
}

#main ul ul,
#main ol ol
{
  margin: 8px 0;
}

#main ul li,
#main ol li
{
  font-size: 120%;
  margin: 5px 0;
  padding: 0 0;
}

#main ul li
{list-style: disc;}

#main ol li
{list-style: decimal;}

#main li li
{
  font-size: 100%;
}

#main table
{
  border: none;
  border-collapse: collapse;
  margin: 20px 40px;
  width: 420px;
}
#main table th
{
  background: #979797;
  border: 1px #979797 solid;
  color: #ffffff;
  font-size: 120%;
  padding: 0.25em 0.5em;
  text-align: left;
}

#main table td
{
  border: 1px #979797 solid;
  font-size: 120%;
  padding: 0.25em 0.5em;
  text-align: left;
}

#main table .vlevo
{float: none; text-align: left;}

#main table .vpravo
{float: none; text-align: right;}

#main table .na-stred
{text-align: center;}

#side
{
  background: transparent;
  float: left;
  left: -500px;
  overflow: hidden;
  padding: 0 0 25px 0;
  position: relative;
  width: 200px;
}

div.item
{
  background: transparent url('images/item_bottom.gif') no-repeat 0% 100%;
  margin: 0 0 0 30px;
  overflow: hidden;
  padding: 0 0 4px 0;
  position: relative;
  width: 170px;
}

div.novinky div.bg h3,
div.nejctenejsi div.bg h3,
div.reklama div.bg h3
{
  font-size: 120%;
  padding: 8px 10px 4px 10px;
}

div.novinky div.bg p,
div.nejctenejsi div.bg p,
div.reklama div.bg p
{
  color: #757575;
  font-size: 110%;
  padding: 4px 10px;
}

div.novinky p.bg,
div.nejctenejsi p.bg
div.reklama p.bg
{
  padding: 10px 10px 10px 85px;
  width: 75px;
}

div.item form
{
  padding: 10px 10px;
  width: 150px;
}

div.item form p
{
  padding: 10px 0 0 75px;
}

a.archiv
{
  background: transparent url('images/button_archiv.gif') no-repeat 0 0;
  border: none !important;
  cursor: pointer;
  display: block;
  height: 16px;
  line-height: 16px;
  margin: 0 0;
  padding: 0 0;
  overflow: hidden;
  text-indent: 75px;
  width: 75px;
}

a.archiv:hover
{background: transparent url('images/button_archiv.gif') no-repeat 0 -16px;}

div.kontakt ul
{
  padding: 10px;
}

div.kontakt ul li
{
  font-size: 110%;
}

div.kontakt ul li.odstup
{
  padding-bottom: 10px;
}

/**** side reklama *****/
div.reklama ul
{
  padding: 10px;
}

div.reklama ul li
{
  font-size: 110%;
}

div.reklama ul li.odstup
{
  padding-bottom: 10px;
}

div.spolupracujeme p
{
  font-size: 110%;
  padding: 10px;
}

#otherside div.item
{
  margin: 0 30px 0 0;
}

div.item .bg
{
  background: transparent url('images/item.gif') repeat-y 0 0;
}

div.item h2
{
  background: transparent repeat-y 0 0;
  display: block;
  height: 32px;
  line-height: 32px;
  overflow: hidden;
  text-indent: 170px;
  width: 170px;
}

div.vyhledavani h2 {background-image: url('images/item_h2_vyhledavani.gif');}
div.novinky h2 {background-image: url('images/item_h2_novinky.gif');}
div.nejctenejsi h2 {background-image: url('images/item_h2_nejctenejsi.gif');}
div.kontakt h2 {background-image: url('images/item_h2_kontakt.gif');}
div.reklama h2 {background-image: url('images/item_h2_reklama.gif');}
div.newsletter h2 {background-image: url('images/item_h2_newsletter.gif');}
div.spolupracujeme h2 {background-image: url('images/item_h2_spolupracujeme.gif');}

#otherside
{
  float: left;
  left: 0;
  overflow: hidden;
  padding: 0 0 25px 0;
  position: relative;
  width: 200px;
}

#footer
{
  background: transparent url('images/footer.gif') no-repeat top left;
  clear: both;
  height: 120px;
  padding: 0 0;
}

#footer p
{
  color: #5e5e5e;
  font-size: 110%;
  font-weight: bold;
  padding: 5px 0;
  text-align: center;
}

#footer ul.ostatni
{
  height: 16px;
  overflow: hidden;
  padding: 5px 0 0 0;
  position: absolute;
  right: 28px;
  width: 288px;
}

#footer ul.ostatni li
{
  display: block;
  float: left;
  height: 16px;
  padding: 0 2px;
  width: 140px;
}

#footer ul.ostatni li a
{
  background: transparent no-repeat 0 0;
  border: none !important;
  cursor: pointer;
  display: block;
  height: 16px;
  line-height: 16px;
  margin: 0 0;
  padding: 0 0;
  overflow: hidden;
  text-indent: 140px;
  width: 140px;
}

#footer ul.ostatni li a:hover
{background-position: 0 -16px;}

#footer ul.ostatni li.obchodni-podminky a {background-image: url('images/button_obchodni_podminky.gif');}
#footer ul.ostatni li.ochrana-osobnich-udaju a {background-image: url('images/button_ochrana_osobnich_udaju.gif');}

/** levy footer */
#footer ul.levy_foot
{
  height: 16px;
  overflow: hidden;
  padding: 5px 0 0 0;
  position: absolute;
  left: 28px;
  width: 288px;
}

#footer ul.levy_foot li
{
  display: block;
  float: left;
  height: 16px;
  padding: 0 2px;
  width: 140px;
}

#footer ul.levy_foot li a
{
  background: transparent no-repeat 0 0;
  border: none !important;
  cursor: pointer;
  display: block;
  height: 16px;
  line-height: 16px;
  margin: 0 0;
  padding: 0 0;
  overflow: hidden;
  text-indent: 140px;
  width: 140px;
}

#footer ul.levy_foot li a:hover
{background-position: 0 -16px;}

#footer ul.levy_foot li.spol a {background-image: url('images/button_spol.gif');}
#footer ul.levy_foot li.onas a {background-image: url('images/button_onas.gif');}



#menu
{
  left: 39px;
  position: absolute;
  top: 160px;
}

#menu h2
{
  display: none;
}

#menu ul li
{
  display: inline;/* block;*/
/*  float: left;*/
  height: 48px;
  padding: 0 2px;
  width: 0;
}

#menu ul li a
{
  border: none !important;
  display: block;
  float: left;
  height: 48px;
  overflow: hidden;
  padding: 0 0;
  width: 0;
}

#menu ul li.uvod {width: 67px;}
#menu ul li.clanky {width: 80px;}
#menu ul li.pravni-predpisy {width: 148px;}
#menu ul li.rozhodnuti-soudu {width: 166px;}
#menu ul li.vzory-smluv-a-podani {width: 194px;}
#menu ul li.online-poradna {width: 144px;}

#menu ul li.uvod a {background: transparent url('images/menu/menu_uvod.png') no-repeat 0 0; padding-left: 67px;}
#menu ul li.clanky a {background: transparent url('images/menu/menu_clanky.png') no-repeat 0 0; padding-left: 80px;}
#menu ul li.pravni-predpisy a {background: transparent url('images/menu/menu_pravni_predpisy.png') no-repeat 0 0; padding-left: 148px;}
#menu ul li.rozhodnuti-soudu a {background: transparent url('images/menu/menu_rozhodnuti_soudu.png') no-repeat 0 0; padding-left: 166px;}
#menu ul li.vzory-smluv-a-podani a {background: transparent url('images/menu/menu_vzory_smluv_a_podani.png') no-repeat 0 0; padding-left: 194px;}
#menu ul li.online-poradna a {background: transparent url('images/menu/menu_online_poradna.png') no-repeat 0 0; padding-left: 144px;}

#menu ul li a:hover
{
  background-position: 0 -48px;
}

#menu ul li.aktualni a
{
  background-position: 0 -96px !important;
}

#napiste-nam
{
  background: transparent url('images/napiste_nam.png') no-repeat 0 0;
  height: 120px;
  left: 480px;
  overflow: hidden;
  padding: 0 0 0 20px;
  position: absolute;
  top: 20px;
  width: 370px;
}

#napiste-nam h2
{
  display: none;
  position: relative;
}

.cform
{
  margin: 0 auto;
  padding: 0;
  width: 100%;
}

.cform fieldset
{
  background: none;
  border: none;
  margin: 0;
  padding: 0;
  width: 100%;
}

.cform fieldset legend
{
  display: none;
}

.cform input, .cform label, .cform textarea, .cform select
{
  color: #555555;
  font-family: 'Arial', sans-serif;
  margin: 0;
  padding: 0;
}

.cform label
{
  background: none !important;
  color: #999999;
  font-size: 110%;
  font-weight: bold;
  padding: 1px 0 0 0;
  text-align: left;
  width: 150px;
}

.cform li.cf_li_err label
{
  color: #ff383d;
}

.cform input
{
  background: transparent url('images/input.gif') no-repeat 0 0;
  border: none !important;
  font-size: 110%;
  height: 14px;
  line-height: 14px;
  overflow: hidden;
  padding: 1px 2px;
  text-align: left;
  width: 146px;
}

.cform input:hover, .cform input:focus
{
  background: transparent url('images/input.gif') no-repeat 0 -16px;
}

.cform li.cf_li_err input
{
  background: transparent url('images/input.gif') no-repeat 0 -32px;
}

.cform select
{
  background: #f8f8f8;
  border: 1px #cacaca solid;
  font-size: 120%;
  padding: 2px;
  text-align: left;
  width: 170px;
}

.cform select:hover
{
  background: #e8e8e8;
  border: 1px #bababa solid;
}

.cform textarea
{
  background: transparent url('images/textarea.gif') no-repeat 0 0;
  border: none !important;
  font-size: 110%;
  height: 78px;
  overflow: auto;
  padding: 1px 2px;
  width: 176px;
}

.cform textarea:hover, .cform textarea:focus
{
  background-position: 0 -80px;
}

.cform li.cf_li_err textarea
{
  background: transparent url('images/textarea.gif') no-repeat 0 -160px;
}

.cform input.sendbutton
{
  background: transparent url('images/button_odeslat.gif') no-repeat 0 0;
  cursor: pointer;
  height: 16px;
  line-height: 16px;
  padding: 0 0;
  overflow: hidden;
  text-indent: 75px;
  width: 75px;
}

.cform input.sendbutton:hover
{background: transparent url('images/button_odeslat.gif') no-repeat 0 -16px;}

#searchform input.sendbutton
{background: transparent url('images/button_hledat.gif') no-repeat 0 0;}
#searchform input.sendbutton:hover
{background: transparent url('images/button_hledat.gif') no-repeat 0 -16px;}

#newsletterform input.sendbutton
{background: transparent url('images/button_registrovat.gif') no-repeat 0 0;}
#newsletterform input.sendbutton:hover
{background: transparent url('images/button_registrovat.gif') no-repeat 0 -16px;}

div.cf_info
{
  background: transparent url('images/status.gif') no-repeat 0 0;
  height: 16px;
  left: 285px;
  overflow: hidden;
  position: absolute;
  text-indent: 16px;
  top: 90px;
  width: 16px;
}

div.failure, div.mailerr
{
  background-position: 0 -48px;
}

div.success
{
  background-position: 0 -32px;
}

.cform ol
{
  font-size: 100%;
  margin: 0;
  padding: 0;
}

.cform ol.cf-ol li, .cform ol.cf-ol li.cf_li_err
{

  background: none !important;
  border: none !important;
  font-size: 100%;
  margin: 0 !important;
  padding: 0 !important;
  width: 150px
}

.cform span.reqtxt, .cform span.emailreqtxt
{
  display: none;
}

#main .cform
{
  background: transparent url('images/form.gif') no-repeat 0 0;
  height: 220px;
  margin: 0 40px;
  padding: 20px;
  position: relative;
  width: 380px;
}

#main .cform.poradna-banka
{
  background-image: url('images/form2.gif');
  height: 270px;
  padding: 20px;
}

#main .cform ol
{
  margin: 0;
  padding: 0;
}

#main .cform ol li
{
  font-size: 100%;
  list-style: none;
  margin: 0;
  padding: 0 0;
}

#main .poradna ol li
{
  position: absolute;
}

#main .poradna ol li.jmeno
{
  left: 20px;
  top: 20px;
}

#main .poradna ol li.email
{
  left: 200px;
  top: 20px;
}

#main .poradna ol li.dotaz
{
  left: 20px;
  top: 60px;
}

#main .poradna ol li.podminky
{
  left: 20px;
  top: 200px;
}

#main .poradna.poradna-banka ol li.podminky
{
  left: 20px;
  top: 250px;
}

#main .poradna ol li.indikator
{
  background: transparent url('images/indikator.png') no-repeat 0 0;
  height: 6px;
  left: 20px;
  overflow: hidden;
  width: 380px;
  top: 180px;
}

#main .poradna ol li.indikator div#indikator
{
  background: transparent url('images/indikator.png') no-repeat 0 -6px;
  height: 0;
  overflow: hidden;
  padding: 6px 0 0 0;
  width: 0;
}

#main .cform ol li label
{
  clear: both;
  display: block;
}

#main .cform ol li.checkbox input
{
  float: left;
  margin-top: 8px;
  width: 15px;
}

#main .cform ol li.checkbox label
{
  clear: none;
  display: block;
  float: left;
  margin: 0 0 0 5px;
  width: 270px;
}

#main .cform ol li textarea
{
  background-image: url('images/textarea2.gif');
  height: 98px;
  width: 376px;
}

#main .cform textarea:hover, #main .cform textarea:focus
{
  background-position: 0 -100px;
}

#main .cform li.chyba label
{color: #ff383d;}
#main .cform li.chyba label a
{color: #555555;}
#main .cform li.chyba input
{background-position: 0 -32px;}
#main .cform li.chyba textarea
{background-position: 0 -200px;}

#main .cform p
{
  margin: 0;
  padding: 0;
}

#main #poradna-sendbutton
{
  background-image: url('images/button_odeslat2.gif');
  height: 20px;
  line-height: 20px;
  position: absolute;
  right: 20px;
  text-indent: 80px;
  top: 205px;
  width: 80px;
}

#main .poradna.poradna-banka #poradna-sendbutton
{
  background-image: url('images/button_odeslat2.gif');
  height: 20px;
  line-height: 20px;
  position: absolute;
  right: 20px;
  text-indent: 80px;
  top: 255px;
  width: 80px;
}

#main #poradna-sendbutton:hover
{background-position: 0 -20px;}

#main .poradna.poradna-banka ol.dotazy
{
  left: 15px;
  overflow: visible;
  position: absolute;
  top: 185px;
  width: 400px;
}
#main .poradna.poradna-banka ol.dotazy li
{
  float: left;
  overflow: visible;
  padding: 0 10px 0 0;
  position: relative;
}

#main .poradna.poradna-banka ol.dotazy li input,
#main .poradna.poradna-banka ol.dotazy li label
{
  clear: none;
  float: left;
  width: auto;
}

#main .poradna.poradna-banka ol.dotazy li input
{
  background: none;
  border: none;
  height: 16px;
  width: 16px;
}

#main .poradna.poradna-banka ol.dotazy li label
{
  cursor: pointer;
  height: 16px;
  line-height: 16px;
  padding: 0 0 0 5px;
}

#main .poradna.poradna-banka ol.dotazy li div
{
  background: transparent url('images/popup.gif') no-repeat 0 -90px;
  bottom: 20px;
  display: none;
  font-size: 100%;
  height: 80px;
  left: 0;
  overflow: hidden;
  padding: 5px 10px;
  position: absolute;
  width: 180px;
  z-index: 50;
}

#main .poradna.poradna-banka ol.dotazy li:hover div
{
  display: block;
}

#main .poradna.poradna-banka ol.dotazy li div h3
{
  font-size: 120%;
  margin: 0;
  padding: 0;
}

#main .poradna.poradna-banka ol.dotazy li div ul
{
  margin: 0;
  padding: 5px 0;
}

#main .poradna.poradna-banka ol.dotazy li div ul li
{
  display: block;
  float: none;
  font-size: 110%;
  margin: 0;
  padding: 0;
}

#main .poradna.poradna-banka ol.dotazy li div em
{
  font-style: normal;
  font-weight: bold;
}

.linklove {display: none;}
.vlevo, .left {float: left;}
.vpravo, .right {float: right;}
.velka-pismena {text-transform: uppercase;}

.ngg-galleryoverview
{
  margin: 0 54px;
}

#li--2
{
  left: 230px;
  position: absolute;
  top: 10px;
}

#li--3
{
  left: 230px;
  position: absolute;
  top: 45px;
}

#li--4
{
  left: 35px;
  position: absolute;
  top: 10px;
}

#sendbutton
{
  left: 305px;
  position: absolute;
  top: 90px;
}

div.banner
{
  background: transparent url('images/banner.gif') no-repeat 0 0;
  height: 600px;
  margin: 20px 0 20px 20px;
  overflow: hidden;
  padding: 1px 1px 1px 24px;
  width: 125px;
}

div.banner div
{
  background: #ffffff;
  height: 600px;
  overflow: hidden;
  width: 125px;
}

#main hr
{
  background: none;
  border: none;
  border-bottom: 1px #9e9e9e solid;
  height: 0;
  margin: 24px auto 24px auto;
  padding: 0;
  width: 200px;
}

#main .podtrzeno
{
  text-decoration: underline;
}

#main .vyrazne
{
  color: #e21216;
  font-size: 160%;
  font-weight: bold;
}

#cse-search-box
{
  margin: 0 auto;
  width: 300px;
}

#main div.informacni-plocha
{
  background: transparent url('images/form.gif') no-repeat 0 0;
  height: 220px;
  margin: 0 40px;
  overflow: hidden;
  padding: 20px;
  position: relative;
  width: 380px;
}

#main div.informacni-plocha.banka
{
  height: 250px;
  padding: 5px 20px;
}

#main div.informacni-plocha.platby
{
  height: 180px;
  padding: 80px 20px 0 20px;
}

#main div.informacni-plocha p
{
  padding: 10px 0;
  text-align: center;
}

#main div.informacni-plocha #kod
{
  background: transparent url('images/textarea.gif') no-repeat 0 -80px;
  display: block;
  font-size: 300%;
  font-weight: bold;
  height: 80px;
  line-height: 80px;
  margin: 10px auto;
  overflow: hidden;
  text-align: center;
  width: 180px;
}

#main input.sendbutton.paysec
{
  background: transparent url('images/button_paysec.gif') no-repeat 0 0;
  border: none;
  cursor: pointer;
  height: 40px;
  line-height: 40px;
  margin: 0 0 0 130px;
  padding: 0 0;
  overflow: hidden;
  text-indent: 120px;
  width: 120px;
}

#main input.sendbutton.paysec:hover
{
  background: transparent url('images/button_paysec.gif') no-repeat 0 -40px;
}

#main div.mpPromoWidget
{
  background: none;
  border: none;
  width: 480px;
}

#main div.mpPromoWidget p b.highlight
{
  color: #e21216;
}