/*
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: 'Trebuchet MS', 'Verdana', sans-serif;
  font-size: 100%;
  font-weight: normal;
}

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

a:hover
{
  color: #000000;
  text-decoration: none;
}

html
{
  background: #311e0f url('images/html.jpg') repeat left top;
  padding: 20px 0 80px 0;
}

body
{
  background: transparent url('images/body.jpg') repeat-y center top;
  color: #735a32;
  margin: 117px 0 0 0;
  padding: 0 0;
}

#content
{
  background: transparent url('images/content.jpg') no-repeat center top;
  font-family: 'Trebuchet MS', 'Verdana', sans-serif;
  font-size: 62.5%;
  font-style: normal;
  font-weight: normal;
  margin: 0 auto 0 auto;
  padding: 0 0;
  position: relative;
  width: 950px;
}

#header
{
  background: transparent url('images/header.gif') no-repeat center top;
  height: 117px;
  margin: 0 0 -117px 0;
  overflow: hidden;
  position: relative;
  top: -117px;
}

#header ul li a
{
  border: none !important;
  display: block;
  height: 101px;
  left: 12px;
  overflow: hidden;
  position: absolute;
  top: 16px;
  padding: 0 0 0 187px;
  width: 0;
}

#main
{
  background: transparent no-repeat 0 14px;
  float: left;
  left: 200px;
  margin: 0 0;
  padding: 258px 0 0 0;
  position: relative;
  width: 750px;
}

div.odstup
{
  padding: 304px 0 0 0 !important;
}

body.ubytovani #main,
body.accomodation #main,
body.unterkunft #main
{background-image: url('images/main_ubytovani.jpg');}

body.restaurace #main,
body.restaurant #main
{background-image: url('images/main_restaurace.jpg');}

body.cenik #main,
body.price-list #main,
body.preisliste #main
{background-image: url('images/main_cenik.jpg');}

body.fotogalerie #main,
body.gallery #main,
body.galerie #main
{background-image: url('images/main_fotogalerie.jpg');}

body.akce #main,
body.programs #main,
body.veranstaltungen #main
{background-image: url('images/main_akce.jpg');}

body.vylety #main,
body.trips #main,
body.ausfluge #main
{background-image: url('images/main_vylety.jpg');}

body.jidelni-listek #main,
body.speisekarte #main
{background-image: url('images/main_listek.jpg');}

body.historie #main,
body.history #main,
body.historie #main
{background-image: url('images/main_historie.jpg');}

#main p
{
  font-size: 140%;
  line-height: 1.5em;
  padding: 10px 10px;
  text-align: left;
  text-indent: 0;
  width: 525px;
}

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

#main h1
{
  color: #423117;
  font-size: 190%;
  font-weight: bold;
  padding: 8px 10px;
  text-transform: uppercase;
}

#main h1 em
{
  color: #914034;
  font-style: normal;
}

#main h2
{
  color: #423117;
  font-size: 160%;
  font-weight: bold;
  margin: 8px 10px 0 10px;
}

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

#main ul
{
  font-size: 100%;
  padding: 10px 25px 20px 25px;
}

#main ul ul
{
  padding: 10px 20px;
}

#main ul li
{
  font-size: 120%;
  list-style: disc;
  margin: 2px 20px;
  padding: 0 0 0 5px;
}

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

#main ol.vzkazy
{
  padding: 10px 0;
  width: 545px;
}

#main ol.vzkazy li
{
  border-bottom: 1px #bf923b solid;
}

#main ol.vzkazy li p
{
  font-size: 120%;
}

#main ol.vzkazy li p.datum
{
  font-size: 110%;
  font-weight: bold;
  padding: 0 10px;
}

#main ol.vzkazy li h3
{
  font-size: 140%;
}

#main table
{
  background: #ecd4a6;
  border-spacing: 1px;
  margin: 16px 10px;
  width: auto;
}
#main table th
{
  background: #bf923b;
  color: #ffffff;
  font-size: 120%;
  font-weight: bold;
  padding: 3px 5px;
  text-align: center;
}

#main table td
{
  background: #d5b577;
  font-size: 120%;
  padding: 3px 5px;
  text-align: center;
}

#main table.jidelak {
  width:400px;
}
#main table.jidelak td {
  text-align:left;
}



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

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

#main p.upravit
{
  font-size: 100%;
  position: absolute;
  right: 60px;
  top: 280px;
  width: auto;
}

#main p.upravit a
{
  font-size: 120%;
  font-weight: bold;
}

#breadcrumbs
{
  left: 200px;
  position: absolute;
  top: 273px;
}

#breadcrumbs ul
{
  padding: 0 10px;
}

#breadcrumbs ul li
{
  display: inline;
  font-size: 110%;
}

#breadcrumbs ul li a
{
  color: #000000;
  font-weight: normal;
  text-decoration: underline;
}

#breadcrumbs ul li a:hover
{
  border: none;
  color: #ff0000;
  text-decoration: underline;
}

#side
{
  float: left;
  height: auto !important;
  height: 500px;
  left: -750px;
  margin: 0 0 0 0;
  min-height: 500px;
  overflow: hidden;
  position: relative;
  width: 200px;
}

#footer
{
  background: transparent url('images/footer.gif') no-repeat left bottom;
  bottom: -37px;
  clear: both;
  height: 37px;
  margin: -37px 0 0 0;
  padding: 0;
  position: relative;
}

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

#menu
{
  height: 59px;
  left: 300px;
  position: absolute;
  top: -69px;
  width: 590px;
}

#menu h2
{
  display: none;
}

#menu ul li
{
  margin: 0;
  padding: 0;
}

#menu ul li
{
  display: block;
  float: left;
}

#menu ul li a
{
  background: transparent url('images/menu.jpg') no-repeat 0 0;
  border: none !important;
  display: block;
  float: left;
  height: 59px;
  line-height: 59px;
  overflow: hidden;
  text-indent: 0;
  width: 0;
}

#menu ul li.ubytovani a {background-position: 0 0; text-indent: 105px; width: 105px;}
#menu ul li.ubytovani a:hover {background-position: 0 -59px;}

#menu ul li.restaurace a {background-position: -105px 0; text-indent: 113px; width: 113px;}
#menu ul li.restaurace a:hover {background-position: -105px -59px;}

#menu ul li.cenik a {background-position: -218px 0; text-indent: 67px; width: 67px;}
#menu ul li.cenik a:hover {background-position: -218px -59px;}

#menu ul li.fotogalerie a {background-position: -285px 0; text-indent: 119px; width: 119px;}
#menu ul li.fotogalerie a:hover {background-position: -285px -59px;}

#menu ul li.akce a {background-position: -404px 0; text-indent: 66px; width: 66px;}
#menu ul li.akce a:hover {background-position: -404px -59px;}

#menu ul li.vylety a {background-position: -470px 0; text-indent: 74px; width: 74px;}
#menu ul li.vylety a:hover {background-position: -470px -59px;}

#menu ul.en li a {background: transparent url('images/menu_en.jpg') no-repeat 0 0;}

#menu ul.en li.accomodation a {background-position: 0 0; text-indent: 118px; width: 118px;}
#menu ul.en li.accomodation a:hover {background-position: 0 -59px;}

#menu ul.en li.restaurant a {background-position: -118px 0; text-indent: 106px; width: 106px;}
#menu ul.en li.restaurant a:hover {background-position: -118px -59px;}

#menu ul.en li.price-list a {background-position: -224px 0; text-indent: 90px; width: 90px;}
#menu ul.en li.price-list a:hover {background-position: -224px -59px;}

#menu ul.en li.gallery a {background-position: -314px 0; text-indent: 80px; width: 80px;}
#menu ul.en li.gallery a:hover {background-position: -314px -59px;}

#menu ul.en li.programs a {background-position: -394px 0; text-indent: 98px; width: 98px;}
#menu ul.en li.programs a:hover {background-position: -394px -59px;}

#menu ul.en li.trips a {background-position: -492px 0; text-indent: 66px; width: 66px;}
#menu ul.en li.trips a:hover {background-position: -492px -59px;}

#menu ul.de li a {background: transparent url('images/menu_de.jpg') no-repeat 0 0;}

#menu ul.de li.unterkunft a {background-position: 0 0; text-indent: 100px; width: 100px;}
#menu ul.de li.unterkunft a:hover {background-position: 0 -59px;}

#menu ul.de li.restaurant a {background-position: -100px 0; text-indent: 100px; width: 100px;}
#menu ul.de li.restaurant a:hover {background-position: -100px -59px;}

#menu ul.de li.preisliste a {background-position: -200px 0; text-indent: 88px; width: 88px;}
#menu ul.de li.preisliste a:hover {background-position: -200px -59px;}

#menu ul.de li.galerie a {background-position: -288px 0; text-indent: 67px; width: 67px;}
#menu ul.de li.galerie a:hover {background-position: -288px -59px;}

#menu ul.de li.veranstaltungen a {background-position: -355px 0; text-indent: 127px; width: 127px;}
#menu ul.de li.veranstaltungen a:hover {background-position: -355px -59px;}

#menu ul.de li.ausfluge a {background-position: -482px 0; text-indent: 80px; width: 80px;}
#menu ul.de li.ausfluge a:hover {background-position: -482px -59px;}

#menu2
{
  padding: 50px 0 0 0;
}

#menu2 h2
{
  display: none;
}

#menu2 ul
{
  padding: 3px 20px 0 0;
}

#menu2 ul li
{
  border-bottom: 1px solid #D7B581;
  display: block;
  font-size: 120%;
  margin: 4px 20px;
  padding: 0 0 4px 7px;
}

#menu2 ul li.diskuse
{
  margin-top: 20px;
}

#menu2 ul li a
{
  text-transform: uppercase;
}

#menu-lang h2
{
  display: none;
}

#menu-lang ul
{
  clear: both;
  overflow: hidden;
  padding: 23px 0 0 26px;
}

#menu-lang ul li
{
  display: block;
  float: left;
  padding: 4px;
}

#menu-lang ul li a
{
  background: transparent no-repeat 0 0;
  border: 1px solid #000000;
  display: block;
  float: left;
  height: 10px;
  line-height: 10px;
  overflow: hidden;
  text-indent: 16px;
  width: 16px;
}

#menu-lang ul li.cs a {background-image: url('images/cs.png');}
#menu-lang ul li.en a {background-image: url('images/en.png');}
#menu-lang ul li.de a {background-image: url('images/de.png');}

#menu3
{
  padding: 33px 0 0 0;
}

#menu3 h2
{
  display: none;
}

#menu3 ul
{
  padding: 0 0;
}

#menu3 ul li
{
  display: block;
  font-size: 100%;
  margin: 0 0;
  padding: 0 0 ;
}

#menu3 ul li a
{
  background: transparent url('') no-repeat 0 0;
  display: block;
  height: 59px;
  line-height: 59px;
  overflow: hidden;
  text-indent: 179px;
  text-transform: uppercase;
  width: 179px;
}

#menu3 ul li.historie a {background-image: url('images/menu3_historie.jpg');}
#menu3 ul li.fotogalerie a {background-image: url('images/menu3_fotogalerie.jpg'); height: 64px; line-height: 64px;}

#menu3 ul.en li.history a {background-image: url('images/menu3_historie_en.jpg');}
#menu3 ul.en li.gallery a {background-image: url('images/menu3_fotogalerie_en.jpg'); height: 64px; line-height: 64px;}

#menu3 ul.de li.historie a {background-image: url('images/menu3_historie.jpg');}
#menu3 ul.de li.galerie a {background-image: url('images/menu3_fotogalerie_de.jpg'); height: 64px; line-height: 64px;}

#menu3 ul li a:hover
{
  background-position: 0 -59px;
}
#menu3 ul li.fotogalerie a:hover,
#menu3 ul.de li.galerie a:hover,
#menu3 ul.en li.gallery a:hover
{background-position: 0 -64px;}

.cform
{
  left: 10px;
  margin: 0 10px;
  padding: 0 0;
  position: relative;
  width: 500px;
}

#cforms2form
{
  height: 600px;
}

body.kontakt .cform
{
  left: 320px;
  position: absolute;
  top: 280px;
}

body.kontakt p.adresa
{
  width: 280px !important;
}

.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: #735a32;
  font-family: 'Trebuchet MS', 'Verdana', sans-serif;
  margin: 0;
  padding: 0;
}

.cform label
{
  background: none !important;
  clear: both;
  color: #735a32;
  display: block;
  font-size: 120%;
  font-weight: bold;
  margin: 0 0 1px 0;
  padding: 1px 0 0 0;
  text-align: left;
  width: 200px;
}

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

.cform input
{
  background: #ebd2a0;
  border: 1px solid #d8a556 !important;
  font-size: 110%;
  font-weight: bold;
  height: 18px;
  line-height: 18px;
  margin: 0 0 10px 0;
  overflow: hidden;
  padding: 1px 2px;
  text-align: left;
  width: 200px;
}

.cform input:hover, .cform input:focus
{
  background: #f1dcb3;
}

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

.cform select
{
  background: #ebd2a0;
  border: 1px solid #d8a556 !important;
  font-size: 110%;
  font-weight: bold;
  height: 18px;
  line-height: 18px;
  margin: 0 0 10px 0;
  overflow: hidden;
  padding: 1px 2px;
  text-align: left;
  width: 200px;
}

.cform select:hover
{
  background: #f1dcb3;
}

.cform textarea
{
  background: #ebd2a0;
  border: 1px solid #d8a556 !important;
  font-size: 110%;
  font-weight: bold;
  height: 120px;
  line-height: 18px;
  margin: 0 0 10px 0;
  overflow: hidden;
  padding: 1px 2px;
  text-align: left;
  width: 200px;
}

.cform textarea:hover, .cform textarea:focus
{
  background: #f1dcb3;
}

.cform p
{
  font-size: 100% !important;
  margin: 0 !important;
  padding: 15px 10px 5px 0 !important;
  width: auto !important;
}

.cform input.sendbutton
{
  cursor: pointer;
  font-size: 120%;
  font-weight: bold;
  height: 24px;
  line-height: 24px;
  text-align: center;
  text-transform: uppercase;
  width: 100px;
}

#cforms2form input.sendbutton
{
  bottom: 0;
  left: 0;
  position: absolute;
}

div.cf_info
{
  font-size: 140%;
  font-weight: bold;
  padding: 10px 10px;
}

.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: 235px;
}

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

.cform 
{
  display: block;
  margin: 0 0;
}

.cform .dp-choose-date img
{
  border: none !important;
}

#li-2-11 .dp-choose-date {left: 210px; position: absolute; top: 22px;}
#li-2-12 .dp-choose-date {left: 210px; position: absolute; top: 22px;}

#li-2-1 {left: 0px; position: absolute; top: 0;}
#li-2-2 {left: 0px; position: absolute; top: 20px;}
#li-2-3 {left: 0px; position: absolute; top: 70px;}
#li-2-4 {left: 250px; position: absolute; top: 20px;}
#li-2-5 {left: 250px; position: absolute; top: 70px;}

#li-2-6 {left: 0px; position: absolute; top: 140px;}
#li-2-7 {left: 0px; position: absolute; top: 160px;}
#li-2-8 {left: 0px; position: absolute; top: 210px;}
#li-2-9 {left: 250px; position: absolute; top: 160px;}

#li-2-10 {left: 0px; position: absolute; top: 260px;}
#li-2-11 {left: 0px; position: absolute; top: 280px;}
#li-2-12 {left: 0px; position: absolute; top: 330px;}
#li-2-13 {left: 250px; position: absolute; top: 280px;}
#li-2-14 {left: 250px; position: absolute; top: 330px;}

#li-2-15 {left: 0px; position: absolute; top: 380px;}
#li-2-16 {left: 0px; position: absolute; top: 400px;}

#li-2-16 label {display: none;}

.cform ol li.textonly
{
  font-size: 140% !important;
  font-weight: bold;
}

#dp-popup
{
  background: #ebd2a0;
  border: #d8a556 1px solid;
  font-size: 100%;
  left: 50%;
  padding: 10px !important;
  position: absolute;
  top: 700px;
  width: 150px;
}

#dp-popup img
{
  border: none;
}

#dp-popup .dp-nav-prev
{
  float: left;
  width: 50px;
}

#dp-popup .dp-nav-next
{
  float: right;
  width: 50px;
}

#dp-popup .dp-nav-prev a,
#dp-popup .dp-nav-next a
{
  padding: 0 4px;
}


#dp-popup table
{
  clear: both;
  font-size: 100%;
  width: 150px;
}

#dp-popup table tr th
{
  background: #d8a556;
  border: transparent 1px solid;
  color: #ebd2a0;
  font-family: 'Trebuchet MS', 'Verdana', sans-serif;
  font-size: 80%;
  text-align: center;
}

#dp-popup table tr td
{
  border: transparent 1px solid;
  cursor: pointer;
  font-family: 'Trebuchet MS', 'Verdana', sans-serif;
  font-size: 80%;
  text-align: center;
}

#dp-popup table tr td:hover
{
  border: #d8a556 1px solid;
}

#dp-popup table tr td.other-month
{
  color: #c3a289;
}

#dp-popup table tr td.today
{
  border: #d8a556 1px solid;
  font-weight: bold;
}

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

.ngg-galleryoverview
{
  margin: 0 10px;
  width: 500px;
}

.ngg-galleryoverview img
{
  background: transparent;
  border: 1px solid #d8a556;
  padding: 2px;
}

.ngg-galleryoverview img:hover
{
  background: #ebd2a0;
}

#main ul.fotky
{
  margin: 0;
  overflow: hidden;
  padding: 10px 100px 10px 15px;
}

#main ul.fotky li
{
  float: left;
  list-style: none;
  margin: 0 15px 0 0;
  padding: 0;
}

#main ul.fotky li a strong
{
  display: block;
  text-align: center;
}

#main ul.fotky li a img
{
  background: transparent;
  border: 1px solid #d8a556;
  padding: 2px;
}

#main ul.fotky li a img:hover
{
  background: #ebd2a0;
}

div#ano-sefe a
{
  background: transparent url('images/ano_sefe_logo.gif') no-repeat 0 0;
  display: block;
  font-size: 120%;
  margin: 20px 0 0 20px;
  padding: 130px 0 0 0;
  text-align: center;
  width: 150px;
}

div.video
{
  padding: 5px 10px;
}