/* CSS Document */
a {
  color: #ffba00;
  font-family: arial;
  font-weight: 800;
  text-decoration: none; 
}
a:hover {
  text-decoration: underline;
}
h1 {
  background: transparent;
  color: rgb(209,209,209);
  font-family: verdana;
  font-size: 18px;
  font-weight: 900;
  margin: 0px auto;
  padding: 10px 50px 30px 50px;
  text-align: left;
}
h1.center {
  text-align: center;
}
h1.kategorie {
  text-transform: uppercase;
}
h1.sluzby {
  text-transform: lowercase;
}
h2 {
  background-image: url('../images/bg-nadpis2-homepage.jpg');
  background-repeat: no-repeat;
  background-position: left center;
  color: rgb(209,209,209);
  display: block;
  font-family: verdana;
  font-size: 15px;
  font-weight: bold;
  padding: 15px;
  text-transform: uppercase;
  text-align: left;
}
h2.cena {
  background: transparent;
  font-size: 13px;
  padding: 10px 20px 35px 110px;
}
h2.cena_zlute {
  background: transparent;
  font-size: 17px;
  font-family: tahoma;
  font-weight: normal;
  padding: 10px 20px 35px 110px;
  text-transform: none;
}
h2.sluzba {
  background: transparent;
  padding: 40px 20px 15px 60px;
}
h2.sluzbaH {
  background: transparent;
  padding: 18px 20px 0px 60px;
  visibility: hidden;
}
h2.sluzbaMensia {
  background: transparent;
  font-size: 14px;
  padding: 40px 20px 15px 60px;
}
h2.novinky {
  background: transparent;
  color: rgb(255,255,153);
  font-family: arial;
  font-style: italic;
  font-size: 14px;
  line-height: 23px;
  padding: 20px 30px 0px 30px;
  text-transform: uppercase;
}
h3 {
  background: transparent;
  color: rgb(255,255,153);
  font-family: arial;
  font-style: italic;
  font-size: 14px;
  line-height: 23px;
  padding: 10px 30px 0px 30px;
  text-transform: uppercase;
  text-align: left;
}
h3.mensi {
	font-size: 13px;
	padding-top: 30px;
	text-transform: none;
}
html, body {
  height: 100%;
  padding: 0;
  margin: 0;
}
body {
  background-image: url('../images/bg-index-top.jpg');
  background-color: #000000;
  background-repeat:repeat-x;
  background-position: top;
  color: rgb(209,209,209);
  font-family: arial;
  font-size: 12px;
  _text-align: center; /* IE */
}
div.cleaner {
  clear: both;
  font-size: 1%;
  height: 0px;
  overflow: hidden;
  position: relative;
  visibility: hidden;
}
img.doBloku {
  border: 0px;
  display: block;
  margin: 0px;
  padding: 0px;
}
img.center {
  margin: 0px auto;
}
strong {
  color: rgb(255,255,153);
  font-weight: bold;
}
table {
  border: 0px;
  border-collapse: collapse;
  margin: 0px auto;
  width: 400px;
}
th {
  color: rgb(165,165,165);
  font-family: verdana;
  font-size: 11px;
  font-style: italic;
  font-weight: bold;
  line-height: 16px;
  padding: 5px;
  text-align: right;
  vertical-align: middle;
}
td {
  color: white;
  font-family: verdana;
  font-size: 11px;
  line-height: 16px;
  padding: 5px;
  text-align: left;
  vertical-align: middle;
}
div.kontakty table {
  border: 0px;
  border-collapse: collapse;
  margin: 0px auto;
  width: 490px;
}
div.kontakty th {
  color: rgb(165,165,165);
  font-family: verdana;
  font-size: 11px;
  font-style: italic;
  font-weight: bold;
  line-height: 16px;
  padding: 5px;
  text-align: right;
  vertical-align: top;
}
div.kontakty td {
  color: white;
  font-family: verdana;
  font-size: 11px;
  line-height: 16px;
  padding: 5px;
  text-align: left;
  vertical-align: middle;
}

/* POZICE */
div#hlavniRamec {
  background-image: url('../images/bg-content.jpg');
  background-repeat: repeat-y;
  background-position: center;
  height: auto;
  min-height: 100%;
  _height: 100%; /* IE */
  margin: 0 auto;
  position: relative;
  width: 1000px;
  text-align: left;
}
div#header {
  background-image: url('../images/bg-header.jpg');
  background-repeat: no-repeat;
  height: 260px;
  position: relative;
  width: 1000px;
}
div#headerDoplnek {
  background-image: url('../images/bg-header-doplnek.jpg');
  background-repeat: no-repeat;
  height: 260px;
  left: -100px;
  position: absolute;
  top: 0px;
  width: 100px;
}
div#headerMenu {
  background: transparent;
  height: 51px;
  left: 351px;
  position: absolute;
  top: 159px;
  width: 630px;
}
div#headerTitulek {
  background: transparent;
  color: #011631;
  left: 360px;
  position: absolute;
  top: 70px;
  width: 550px;
}
div#headerTitulek a {
  background: transparent;
  color: #011631;
  display: block;
  height: 54px;
  width: 550px;
  text-decoration: none;
}
div#headerTitulek a:hover {
  text-decoration: none;
}
div#lavyObsah {
  background: transparent;
  padding: 10px 10px 10px 12px;
  position: relative;
  text-align: center;
}
div#lavyObsahRamec {
  background: transparent;
  float: left;
  position: relative;
  width: 225px;
}
div#obsahRamec {
  padding: 0px 0px 206px 0px;
  position: relative;
  width: 1000px;
}
div#patickaRamec {
  background-image: url('../images/bg-bottom.jpg');
  background-repeat: no-repeat;
  background-position: center;
  bottom: 0;
  height: 206px;
  left: 0;
  position: absolute;
  width: 100%;
}
div#paticka {
  padding: 180px 10px 0px 10px;
  position: relative;
  text-align: center;
}
div#pravyObsah {
  background: transparent;
  padding: 5px 4px 5px 0px;
  position: relative;
  text-align: center;
}
div#pravyObsahRamec {
  background: transparent;
  float: right;
  position: relative;
  width: 770px;
}
div#pravyObsahRamec p {
  text-align: left;
}
div#pravyObsahRamec p.center {
  text-align: center;
}

/* LEVE MENU */

div.leveTlacitko {
  background-image: url('../images/bg-leve-tlacitko.jpg');
  background-repeat: no-repeat;
  background-position: top center;
  display: block;
  height: 60px;
  margin: 0px auto;
  position: relative;
  width: 187px;
}
div.leveTlacitkoOtevreno {
  background-image: url('../images/bg-leve-tlacitko-active.jpg');
}
div.leveTlacitkoMezera {
  display: block;
  height: 7px;
  position: relative;
  visibility: hidden;
}
div.submenu {
  background-image: url('../images/bg-submenu.jpg');
  background-repeat: repeat-y;
  margin: 0px auto;
  position: relative;
  width: 187px;
}
a.leve {
  color: white;
  display: table;
  font-family: arial;
  font-weight: 900;
  font-size: 11px;
  height: 60px;
  text-align: center;
  text-transform: uppercase;
  text-decoration: none;
  vertical-align: middle;
  width: 187px;
}
a.leve:hover {
  color: #FFFF66;
}
a.leve span {
  display: table-cell;
  vertical-align: middle;
}
a.leve span span.ramec {
  display: block;
  line-height: 16px;
  padding: 0px 20px 0px 20px;
}
a.subleve {
  color: white;
  background-color: transparent;
  display: block;
  font-size: 11px;
  line-height: 15px;
  padding: 5px 10px 5px 30px;
  text-decoration: none;
  text-transform: lowercase;
  text-align: left;
}
a.subleve:hover {
  background-color: transparent;
  background-image: url('../images/bg-submenu-button-hover.jpg');
  background-repeat: no-repeat;
  background-position: 5px center;
  color: rgb(237,179,1);
  text-decoration: none;
  overflow: auto;
  _zoom: 1;
}
a.subleveOtevren {
  color: #33CC00;
}
div.kanalyRamec {
  margin: 0px auto;
  position: relative;
  width: 157px;
}
div.kanalyRamec span {
  display: block;
  font-family: verdana;
  font-weight: bold;
  padding: 7px;
}
div.kanaly {
  background-image: url('../images/bg-kanaly.jpg');
  background-repeat: no-repeat;
  height: 80px;
  margin: 0px auto;
  position: relative;
  width: 157px;
}
div.kanalyOdsadenie {
  padding: 5px;
  position: relative;
}

/* TITULNI MENU */

div.titulniTlacitko {
  background: transparent;
  display: block;
  float: left;
  height: 13px;
  margin: 0px auto;
  position: relative;
  width: auto;
}
div.titulniTlacitkoMezera {
  display: block;
  float: left;
  height: 13px;
  position: relative;
  visibility: hidden;
  width: 7px;
}
a.titulni {
  color: white;
  display: table;
  font-family: arial;
  font-weight: 900;
  font-size: 11px;
  height: 13px;
  text-align: center;
  text-transform: uppercase;
  text-decoration: none;
  vertical-align: middle;
  width: auto;
}
a.otevren {
  color: rgb(90,255,0);
}
a.titulni:hover {
  color: rgb(237,179,1);
}
a.titulni span {
  display: table-cell;
  vertical-align: middle;
}
a.titulni span span.ramec {
  display: block;
  line-height: 16px;
  padding: 0px 15px 0px 0px;
}

/* HOMEPAGE, VIDEO OKNO, TEXTOVY OBSAH */
div.aktualita {
  background-image: url('../images/bg-linka-homepage.jpg');
  background-repeat: repeat-y;
  position: relative;
  width: 224px;
}
div.aktualitaBig {
  background-image: url('../images/bg-linka-homepage-big.jpg');
  background-repeat: repeat-y;
  position: relative;
  width: 719px;
}
div.aktualitaRamec {
  float: left;
  padding: 0px 0px 0px 24px;
  position: relative;        
}
div.aktualitaOdsazeni {
  padding: 5px 12px 5px 12px;
  position: relative;
  text-align: left;
}
div.aktualitaOdsazeni p {
  font-size: 11px;
  line-height: 16px;
  text-align: left;  
}
div#videoOkno {
  background-image: url('../images/bg-video-player.jpg');
  background-repeat: no-repeat;
  background-position: center 130px;
  height: 564px;
  margin: 0px auto;
  position: relative;
  width: 668px;
}
div#videoOkno div {
  background-color: white; 
  margin: 0px 2px 0px 0px; 
  padding: 1px 0px 1px 1px;
  position: relative;
}
div#videoOkno object {
  display: block;
}
div.obsahRamec {
  position: relative;
}
div.obsahRamec p {
  font-size: 12px;
  line-height: 17px;
  padding: 5px 45px 5px 45px;
  text-align: left;
}


/* HLAVNI KATEGORIE */
div.oknoHlavniKategorie {
  margin: 0px auto;
  position: relative; 
  width: 597px;
}
div.oknoHlavniKategorie h2 {
  background: transparent;
  font-family: arial;
  font-style: italic;
  font-size: 12px;
  line-height: 23px;
  padding: 20px 30px 10px 30px;
  text-transform: uppercase;
}
div.oknoHlavniKategorieHlavicka {
  background-image: url('../images/bg-kategorie-top.jpg');
  background-repeat: no-repeat;
  height: 22px;
  position: relative;
  width: 597px;
}
div.oknoHlavniKategoriePaticka {
  background-image: url('../images/bg-kategorie-bottom.jpg');
  background-repeat: no-repeat;
  height: 22px;
  position: relative;
  width: 597px;
}
div.oknoHlavniKategorieVpravo {
  background-image: url('../images/bg-kategorie-vpravo.jpg');
  background-repeat: repeat-y;
  float: right;
  position: relative;
  width: 376px;
}
div.oknoHlavniKategorieVpravoRamec {
  padding: 6px;
  position: relative;  
}
div.oknoHlavniKategorieVlevo {
  background-image: url('../images/bg-kategorie-vlevo.jpg');
  background-repeat: repeat-y;
  float: left;
  position: relative;
  width: 221px;
}
div.menuKategorie {
  background-image: url('../images/bg-menu-kategorie.jpg');
  background-repeat: no-repeat;
  background-position: 0px center;
  display: block;
  position: relative;
  width: 202px;
}
div.menuKategorie a {
  display: block;
  color: rgb(255,255,255);
  text-transform: lowercase;
  text-align: left;
}
div.menuKategorie a:hover {
  color: rgb(216,172,1);
}
div.menuKategorie a span {
  display: block;
  line-height: 16px;
  padding: 8px 15px 8px 30px;
}

/* OKNO SLUZEB */
div.oknoSluzeb {
  background-image: url('../images/bg-sluzby.jpg');
  background-repeat: repeat-y;
  margin: 0px auto;
  position: relative;
  width: 690px;
}
div.oknoSluzebMenu {
  background-image: url('../images/bg-sluzby-menu.jpg');
  background-repeat: no-repeat;
  height: 52px;
  position: relative;
  width: 690px;
}
div.oknoSluzebMenuRamec {
  padding: 1px 5px 1px 5px;
  position: relative;
  text-align: center;  
}
div.menuSluzbaTlacitko {
  background-repeat: no-repeat;
  float: left;
  height: 50px;
  position: relative; 
  width: 110px;  /* povodne 130px */
}
div.menuSluzbaTlacitko a {
  color: white;
  display: block;
  font-size: 11px;
  height: 50px;
  width: 110px;  /* povodne 130px */
}
div.menuSluzbaTlacitko a span {
  display: block;
  padding: 37px 0px 0px 0px; 
}
div.menuSluzbaTlacitko a.sluzbaOtevrena {
  color: #33CC00;
}
div.menuSluzbaTlacitko a:hover {
  color: rgb(237,179,1);
  text-decoration: none;
}
div.menuSluzbaTlacitkoMedzera {
  float: left;
  height: 10px;
  position: relative;
  width: 4px;
}
div#msInfo {
  background-image: url('../images/ikona-sluzby-info.jpg');
  background-position: center center;
}
div#msFoto {
  background-image: url('../images/ikona-sluzby-fotografie.jpg');
  background-position: center center;
}
div#msKatalog {
  background-image: url('../images/ikona-sluzby-katalog-fotografu.jpg');
  background-position: center center;
}
div#msVideo {
  background-image: url('../images/ikona-sluzby-video.jpg');
  background-position: center center;
}
div#msCenik {
  background-image: url('../images/ikona-sluzby-cenik.jpg');
  background-position: center center;
}
div#msObjednavka {
  background-image: url('../images/ikona-sluzby-objednavka.jpg');
  background-position: center center;
}
div#msCasteOtazky {
  background-image: url('../images/ikona-sluzby-faq.jpg');
  background-position: center center;
}
div#msInfoP {
  background-image: url('../images/ikona-sluzby-info-p.jpg');
  background-position: center center;
}
div#msFotoP {
  background-image: url('../images/ikona-sluzby-fotografie-p.jpg');
  background-position: center center;
}
div#msKatalogP {
  background-image: url('../images/ikona-sluzby-katalog-fotografu-p.jpg');
  background-position: center center;
}
div#msVideoP {
  background-image: url('../images/ikona-sluzby-video-p.jpg');
  background-position: center center;
}
div#msCenikP {
  background-image: url('../images/ikona-sluzby-cenik-p.jpg');
  background-position: center center;
}
div#msObjednavkaP {
  background-image: url('../images/ikona-sluzby-objednavka-p.jpg');
  background-position: center center;
}
div#msCasteOtazkyP {
  background-image: url('../images/ikona-sluzby-faq-p.jpg');
  background-position: center center;
}
/* CENNIK sluzby */
div#pravyObsahRamec div.cenik table {
  width: 550px;
}
div#pravyObsahRamec div.cenik th {
  background-color: rgb(19,19,19);
  border: 1px solid rgb(13,13,13);
  font-style: normal;
  text-align: center;
}
div#pravyObsahRamec div.cenik th.vyraz1 {
  background-color: rgb(0,48,48);
}
div#pravyObsahRamec div.cenik th.vyraz2 {
  background-color: rgb(70,70,46);
}
div#pravyObsahRamec div.cenik td {
  border: 1px solid rgb(19,19,19);
  text-align: center;
}
div#pravyObsahRamec div.cenik td.vyraz1 {
  background-color: rgb(0,10,10);
}
div#pravyObsahRamec div.cenik td.vyraz2 {
  background-color: rgb(30,30,15);
}
div#pravyObsahRamec div.cenik ul {
	list-style-type: circle;
	list-style-position: inside;
}
div#pravyObsahRamec div.cenik ul li {
	color: rgb(233,233,204);
	font-size: 12px;
	line-height: 140%;
}

/* OBJEDNAVKA */
form.objednavka {
  display: block; 
  padding: 0px 0px 40px 0px;
  position: relative;
  text-align: center;
}
table.tabObj {
  border-collapse: collapse;
  margin: 0px auto;
  text-align: left;
  width: 570px;
}
td.tabObj1 {
  line-height: 16px;
  padding: 0px;
  width: 190px;
  vertical-align: middle;
  text-align: right;
}
td.tabObj1 div {
  padding: 10px; 
}
td.tabObj2 {
  padding: 0px;
  vertical-align: middle;
  text-align: left;
}
td.tabObj2 div {
  padding: 10px; 
}
td.tabObjChyba {
  background-color: rgb(18,18,18);
  padding: 10px;
  text-align: center;
}
input.inputText {
  background-color: rgb(255,255,204);
  border: 1px solid rgb(222,169,3);
  font-family: arial;
  font-size: 11px;
  padding: 2px;
  width: 280px;
}
input.Nep {
  background-color: rgb(213,213,213);
  border: 1px solid rgb(166,166,166);
}
select.inputSelect {
  font-size: 11px;
  width: 140px;
}
input.tlacitko {
  font-size: 11px;
  padding: 8px 25px 8px 25px;
}
textarea.textarea {
  background-color: rgb(255,255,204);
  border: 1px solid rgb(222,169,3);
  font-family: arial;
  font-size: 11px;
  padding: 2px;
  width: 280px;
}
span.komentar {
  font-size: 10px;
  font-style: normal;
}
div#pravyObsahRamec p.emailOk {
  color: rgb(0,240,0);
  text-align: center;
}
div#pravyObsahRamec p.emailFail {
  color: rgb(240,0,0);
  text-align: center;
}

/* SVATEBNI MISTA */
div.slozka {
  background: transparent;
  float: left;
  margin: 0px;
  padding: 0px;
  position: relative;
  width: 230px;
}
div.slozka div {
  padding: 10px 25px 10px 25px; 
  position: relative;
}
div.slozka a {
  color: white;
  display: block;
  width: 180px;
}
div.slozka a:hover {
  color: rgb(237,179,1);
  text-decoration: none;
}
div.slozka a span {
  display: block;
  background-image: url('../images/ikona-slozky.png');
  background-repeat: no-repeat;
  background-position: center 0px;
  width: 180px;
  height: 180px;
}
div.slozka a:hover span {
  background-position: center -180px;
}

/* DOPLNENO 05.05.2010 */
div.obsahRamec div#prehledAkci {
  margin: 0px auto;
  position: relative;
  width: 555px;
}
div.obsahRamec div#prehledAkci h2 {
  background: transparent;
  color: rgb(221,167,6);
  font-family: verdana;
  font-size: 12px;
  line-height: 23px;
  padding: 20px 30px 5px 30px;
  text-align: center;
  text-transform: uppercase;  
}
div.obsahRamec div#prehledAkci table {
  border: 1px solid rgb(19,19,19);
  border-collapse: collapse;
  margin: 0px auto;
  width: 550px
}
div.obsahRamec div#prehledAkci td {
  border: 1px solid rgb(19,19,19);
}
div.obsahRamec div#prehledAkci td.polozka {
  color: rgb(255,255,153);
}
div.obsahRamec div#prehledAkci td.sleva {
  color: rgb(221,167,4);
  font-weight: bold;
  text-align: center;
}
div.obsahRamec div#prehledAkci th {
  background-color: rgb(11,11,11);
  border: 1px solid rgb(19,19,19);
  text-align: center;
  vertical-align: middle;
}
div.obsahRamec div#prehledAkci th span {
  display: block;
  padding: 4px;
}
div.obsahRamec div#prehledAkci th.termin {
  width: 150px;  
}
div.obsahRamec div#prehledAkci th.polozka {
  width: 250px;  
}
div.obsahRamec div#prehledAkci th.sleva {
  width: 100px;  
}

div.obsahRamec div.oknoSluzeb h4 {
  color: rgb(255,255,153);
  font-style: italic;
  font-size: 13px;
  padding: 12px 10px 4px 60px;
  text-align: left;
}
div.obsahRamec div.oknoSluzeb h4 span {
  font-size: 75%;
}
div.obsahRamec div.oknoSluzeb ul {
  line-height: 120%;
  list-style-type: none;
  list-style-position: inside;
  margin: 0px auto;
  padding: 5px 5px 5px 60px;
  text-align: left;
}
div.obsahRamec div.oknoSluzeb ul span {
  font-size: 75%;
}

/* DOPLNENO 21.05.2010 */
div.obsahRamec div.mapaStranek ul {
  list-style-type: circle;
  text-align: left;
  list-style-position: inside;
}
div.obsahRamec div.mapaStranek ul li {
  line-height: 150%;
  padding-left: 55px;
}
div.obsahRamec div.mapaStranek ul li.sluzba span {
  font-size: 110%;
  font-weight: bold;
}

/* DOPLNENO 24.01.2011 */
div.partner {
	float: left;
	margin: 0px 0px 0px 50px;
	position: relative;
	width: 305px;
}
div.partner div {
	background-image: url('/images/bg-partneri.png'); 
	background-repeat: repeat-y;
	position: relative;
}
div.partner p {
	padding: 00px 10px 0px 95px;
}
div.partner span {
	display: block;
	padding: 75px 0px 0px 95px;
}
h2.partner_cb {
  background-image: url('/images/bg-partneri-cb.png');
  background-position: center top;
  color: rgb(255,255,153);
  font-family: arial;
  font-style: italic;
  font-size: 14px;
  line-height: 23px;
  padding: 0px;
  text-transform: uppercase;
}
h2.partner_fa {
  background-image: url('/images/bg-partneri-fa.png');
  background-position: center top;
  color: rgb(255,255,153);
  font-family: arial;
  font-style: italic;
  font-size: 14px;
  line-height: 23px;
  padding: 0px;
  text-transform: uppercase;
}