/*  SiCaffe - vychozi styl
    Martin Svetlik (c) 2008   */

* { margin: 0; padding: 0; border: 0; }
body {
  background: #7d2119 url('./layout/bg.png') top left repeat-x;
  font-family: "Trebuchet MS", "Geneva CE", lucida, sans-serif;
  font-size: small;
  line-height: 20px;
  color: #a39869;
}

/* ------------------------------ Vseobecne vlastnosti ---------------------------------*/

#page { width: 940px; margin: 0 auto; font-size: 90%; }

a, a:visited { color: #a99a75; text-decoration: underline; }
a:hover, a:focus { text-decoration: none; }

p { padding-bottom: 17px; }

.hidden { display: none; }
.center { text-align: center; }
.right { text-align: right; }
.left { padding-left: 5px; }
.left a, .right a { display: block; }

.cleaner {
  clear: both;
  height: 1px;
  margin: -1px 0 0 0; 
  padding: 0;
  border: none;
  visibility: hidden;
}

.replacement {
  position: relative;
  overflow: hidden;
}
.replacement span {
  display: block;
  position: absolute; 
  left: 0; 
  top: 0; 
  z-index: 1;
}

p.facebook { line-height: 64px; }
p.facebook a { background: url('./img/fb-icn.png') top left no-repeat; display: block; padding-left: 70px; color: #f4e9a7; font-weight: bold; }

/* ------------------------------ Horni cast stranky ---------------------------------*/

/* menu */
#menu { width: 940px; height: 40px; margin-top: 5px; margin-bottom: 6px; }

#menu ul li {
  position: relative;
  width: 156px;
  height: 40px;
  overflow: hidden;
  float: left;
  text-align: center;
}
#menu ul li a span {
  display: block;
  position: absolute; 
  left: 0; 
  top: 0; 
  z-index: 1;
  width: 156px;
  height: 40px;
  cursor: pointer; 
  background-repeat: no-repeat; 
  background-position: 0 0;
}
#menu ul li a { color: #a4974e; line-height: 40px; font-size: 125%; text-decoration: none; display: block; }
#menu ul li a:hover { color: #eae076; }

#menu ul li#m-uvod span { background: url('./menu/uvod.jpg') top left no-repeat; }
#menu ul li#m-uvod a:hover span {	background-position: 0 -40px; }

#menu ul li#m-sicaffe span { background: url('./menu/sicaffe.jpg') top left no-repeat; }
#menu ul li#m-sicaffe a:hover span {	background-position: 0 -40px; }

#menu ul li#m-nabidka { width: 158px; }
#menu ul li#m-nabidka span { width: 158px; background: url('./menu/nabidka.jpg') top left no-repeat; }
#menu ul li#m-nabidka a:hover span {	background-position: 0 -40px; }

#menu ul li#m-galerie span { background: url('./menu/galerie.jpg') top left no-repeat; }
#menu ul li#m-galerie a:hover span {	background-position: 0 -40px; }

#menu ul li#m-objednavka span { background: url('./menu/objednavka.jpg') top left no-repeat; }
#menu ul li#m-objednavka a:hover span {	background-position: 0 -40px; }

#menu ul li#m-kontakt { width: 158px; }
#menu ul li#m-kontakt span { width: 158px; background: url('./menu/kontakt.jpg') top left no-repeat; }
#menu ul li#m-kontakt a:hover span {	background-position: 0 -40px; }

/* hlavicka */
#head { 
  width: 940px;
  height: 220px;
  background: #fff url('./layout/head.jpg') top left no-repeat;
}

/* obsah - obal */
#cont {
  margin-top: 5px;
  border-top: 1px solid #51381f;
  padding-top: 17px;
}

/* ------------------------------ Leva cast stranky ---------------------------------*/

#c-left { 
  width: 261px; 
  float: left; 
  background: url('./layout/bg-left.jpg') top right no-repeat;
  padding: 0 45px 0 7px; 
}

#c-left h2 {
  position: relative;
  height: 45px;
  line-height: 45px;
  overflow: hidden;
  text-align: left;
  font-size: 210%;
  font-weight: bold;
  color: #f0e9b3;
  margin-bottom: 15px;
}
#c-left h2 span {
  display: block;
  position: absolute; 
  left: 0; 
  top: 0; 
  z-index: 1;
  height: 45px;
}

h2#t-uvod { width: 129px; }
h2#t-uvod span { width: 129px; background: url('./titles/uvod.jpg') top left no-repeat; }

h2#t-sicaffe { width: 150px; }
h2#t-sicaffe span { width: 150px; background: url('./titles/sicaffe.jpg') top left no-repeat; }

h2#t-nabidka { width: 199px; }
h2#t-nabidka span { width: 199px; background: url('./titles/nabidka.jpg') top left no-repeat; }

h2#t-galerie { width: 117px; }
h2#t-galerie span { width: 117px; background: url('./titles/galerie.jpg') top left no-repeat; }

h2#t-objednavka { width: 170px; }
h2#t-objednavka span { width: 170px; background: url('./titles/objednavka.jpg') top left no-repeat; }

h2#t-kontakt { width: 215px; }
h2#t-kontakt span { width: 215px; background: url('./titles/kontakt.jpg') top left no-repeat; }

#c-left h3 {
  position: relative;
  height: 45px;
  line-height: 45px;
  overflow: hidden;
  text-align: left;
  font-size: 150%;
  font-weight: normal;
  color: #ece4a1;
}
#c-left h3 span {
  display: block;
  position: absolute; 
  left: 0; 
  top: 0; 
  z-index: 1;
  height: 45px;
}

h3#t-aktualne { width: 121px; }
h3#t-aktualne span { width: 121px; background: url('./titles/aktualne.jpg') top left no-repeat; }

h3#t-kinfo { width: 213px; }
h3#t-kinfo span { width: 213px; background: url('./titles/kinfo.jpg') top left no-repeat; }

h3#t-kudy { width: 247px; }
h3#t-kudy span { width: 247px; background: url('./titles/kudy.jpg') top left no-repeat; }

h3#t-odoba { width: 169px; }
h3#t-odoba span { width: 169px; background: url('./titles/odoba.jpg') top left no-repeat; }


#c-left ul.list { margin: 5px 15px 15px 3px; }
#c-left ul.list li { background: url('./layout/bullet.gif') top left no-repeat; background-position: 0 6px; list-style: none; padding-left: 16px; }

/* aktuality */

#news ul { margin-bottom: 10px; }

#news ul li { 
  list-style: none;
  padding: 10px 0;
}

#news p { text-align: right; padding: 2px; }

p.intro-img img { border: 4px solid #fff; }

/* kontaktni formular */

fieldset legend { display: none; }
fieldset label { line-height: 28px; }
fieldset textarea { border: 1px solid #b69c6e; padding: 6px; width: 220px; height: 100px; background-color: transparent; color: #fff;  font-family: Tahoma, "Lucida Grande CE", lucida, sans-serif; overflow: auto; }
fieldset input { border: 1px solid #b69c6e; padding: 6px; background-color: transparent; color: #fff;  font-family: Tahoma, "Lucida Grande CE", lucida, sans-serif; }
.inp { width: 220px; }
input#submit { font-weight: bold; color: #a39869; }

p.ok { color: #fff; border: 2px solid #a39869; padding: 10px; margin-bottom: 5px; }

fieldset select { width: 235px; padding: 6px; border: 1px solid #b69c6e; background-color: #4f1410; color: #fff; }
fieldset select option { background-color: #fff; color: #000; padding-left: 15px; }
fieldset select optgroup { background-color: #f0e9b3; color: #000; padding: 2px 0; }

/* image */

p.nimg { width: 283px; height: 115px; line-height: 115px; text-align: center; }
p.nimg a { color: #fff; }
p.nimg span { width: 283px; height: 115px; background: url('./layout/banner.jpg') top left no-repeat; }

/* galerie - rozcestnik */
ul#gal-list { margin-bottom: 150px; font-size: 120%; }
ul#gal-list li { list-style: none; line-height: 50px; border-bottom: 1px solid #633227; }
ul#gal-list li a { display: block; background: url('./layout/bullet.gif') top left no-repeat; background-position: 0 21px; padding-left: 20px; }

/* ------------------------------ Stredni cast stranky ---------------------------------*/

#c-center { width: 313px; float: left; }
div.logo { width: 313px; height: 413px; }
div.logo span { width: 313px; height: 413px; background: url('./layout/center.jpg') top left no-repeat; }

div.logo h4 { font-size: 200%; text-align: center; color: #fff; line-height: 180px; }

div.logo p { text-align: center; }
div.logo p em { color: #efe9a5; font-size: 175%; font-style: normal; line-height: 35px; }

#c-center ul { margin-top: 10px; }
#c-center ul li { 
  color: #fff;
  text-align: center;
  list-style: none;
}
#c-center ul li a { color: #fff; }

/* ------------------------------ Prava cast stranky ---------------------------------*/

#c-right { 
  width: 314px; 
  float: right; 
  background: url('./layout/bg-right.jpg') top left no-repeat;
}

#c-right h3 {
  position: relative;
  height: 48px;
  line-height: 48px;
  overflow: hidden;
  text-align: left;
  font-size: 180%;
  font-weight: normal;
  color: #fff;
}
#c-right h3 span {
  display: block;
  position: absolute; 
  left: 0; 
  top: 0; 
  z-index: 1;
  height: 48px;
}

h3#t-galerie { width: 270px; }
h3#t-galerie span { width: 270px; background: url('./titles/gal-kav.jpg') top left no-repeat; }

h3#t-obj-co { width: 284px; }
h3#t-obj-co span { width: 284px; background: url('./titles/obj-co.jpg') top left no-repeat; }

h3#t-nove { width: 277px; }
h3#t-nove span { width: 277px; background: url('./titles/nove.jpg') top left no-repeat; }

h3#t-mapa { width: 154px; }
h3#t-mapa span { width: 154px; background: url('./titles/mapa.jpg') top left no-repeat; }

p.prod { width: 314px; height: 345px; color: #fff; font-size: 195%; line-height: 30px; }
p.prod span { width: 314px; height: 345px; background: url('./layout/right.jpg') top left no-repeat; }

p.new-image { width: 314px; height: 345px; color: #fff; font-size: 195%; line-height: 30px; }
p.new-image span { width: 314px; height: 345px; background: url('./layout/new-image.jpg') top left no-repeat; }

p.alzbetin { width: 314px; height: 345px; color: #fff; font-size: 195%; line-height: 30px; }
p.alzbetin span { width: 314px; height: 345px; background: url('./layout/alzbetin.jpg') top left no-repeat; }

p.isis { width: 314px; height: 345px; color: #fff; font-size: 195%; line-height: 30px; }
p.isis span { width: 314px; height: 345px; background: url('./layout/isis.jpg') top left no-repeat; }

.order { width: 210px; height: 33px; line-height: 33px; float: right; text-align: center; margin-right: 24px; }
.order span {  width: 210px; height: 33px; background: url('./layout/order.jpg') top left no-repeat; }

.order-isis { width: 210px; height: 33px; line-height: 33px; float: right; text-align: center; margin-right: 24px; }
.order-isis span {  width: 210px; height: 33px; background: url('./layout/order-isis.jpg') top left no-repeat; }

.more-info { width: 210px; height: 33px; line-height: 33px; float: right; text-align: center; margin-right: 24px; }
.more-info span {  width: 210px; height: 33px; background: url('./layout/info.jpg') top left no-repeat; }

div.gal { margin-top: 20px; text-align: right; }
div.gal img { margin-left: 5px; margin-bottom: 5px; border: 4px solid #fff; padding: 1px; }

div.gal-sci { margin-top: 20px; text-align: right; }
div.gal-sci img { margin-left: 7px; margin-bottom: 5px; }

p.photos-l img { margin-right: 5px; margin-bottom: 5px; border: 4px solid #fff; padding: 1px; }
p.photos-r { padding-top: 40px; }

.right-text { margin-left: 25px;}
.right-text h4 { line-height: 30px; color: #fff; font-size: 120%; }
.right-text ul { margin: 5px 15px 15px 10px; }
.right-text ul li { background: url('./layout/bullet.gif') top left no-repeat; background-position: 0 6px; list-style: none; padding-left: 16px; }

p.rki a img { margin-left: 105px; margin-top: 15px; border: none; }

/* ------------------------------ Paticka ---------------------------------*/
#footer {
  width: 314px;
  clear: both;
  float: right;
  padding: 11px 0;
  margin-top: 25px;
}

#footer p {
  text-align: right;
  color: #f2e9b1;
  padding-bottom: 1px;
}

#footer a { color: #f2e9b1; }