*{margin: 0; padding: 0;}

body { font-family: "Century Gothic",  Helvetica, Verdana, sans-serif; background: #a23f2e; font-size: 12px; color: #843933; line-height:150%;}
div#page { width: 980px; margin: 0 auto;}
div#top { height: 183px; width: 980px; float:left; background: url(../images/bg-top.jpg) no-repeat; position: relative}

a {color:#000000; text-decoration:underline;}

table {
  width: 100%;
}

td {
  min-width: 20%;
  text-align: left;
  width: 100px;
}

td.cena {
  text-align: right;
}

td.hmot {
  text-align: left;
  width: 40px;
}
/* -------------------------------------------------------------------------------------------------------------------------------------------------------------------- */

/* Volba jazyka */
div#top p.lang { float: right; color: #999999; margin: 5px 5px 0 0}
div#top p.lang a { color: #666666; font-size: 90%}

#logo {height:100px; padding-top:15px; text-align:center; background:url(/design/bg.jpg) repeat center; border-bottom:20px solid #000000;}

/* NAVIGACE */
#hornav { width: 980px; height: 51px; position: absolute; top: 135px; left: 0px; background: url(/design/menu.jpg) no-repeat}
#hornav ul { list-style: none; position: relative; left: 0px;}
#hornav ul li { position: relative; width: 122px; height: 51px; float: left; margin: 0 0px 0 0px;  overflow: hidden}
#hornav ul li.h01 span { position: absolute; width:100%; height: 100%; float: left; background: url(/design/me1nu.jpg) no-repeat}
#hornav ul li.h02 span { position: absolute; width:100%; height: 100%; float: left; background: url(/design/menu.jpg) -122px 0 no-repeat;}
#hornav ul li.h03 span { position: absolute; width:100%; height: 100%; float: left; background: url(/design/menu.jpg) -244px 0 no-repeat}
#hornav ul li.h04 span { position: absolute; width:100%; height: 100%; float: left; background: url(/design/menu.jpg) -366px 0 no-repeat}
#hornav ul li.h05 span { position: absolute; width:100%; height: 100%; float: left; background: url(/design/menu.jpg) -488px 0 no-repeat}
#hornav ul li.h06 span { position: absolute; width:100%; height: 100%; float: left; background: url(/design/menu.jpg) -610px 0 no-repeat}
#hornav ul li.h07 span { position: absolute; width:100%; height: 100%; float: left; background: url(/design/menu.jpg) -732px 0 no-repeat}
#hornav ul li.h08 span { position: absolute; width:100%; height: 100%; float: left; background: url(/design/menu.jpg) -854px 0 no-repeat}

#hornav ul li.h01 a:hover span, #hornav ul li.h01 a.act span { position: absolute; width:100%; height: 100%; float: left; background: url(/design/menu2.jpg) no-repeat; cursor:pointer;}
#hornav ul li.h02 a:hover span, #hornav ul li.h02 a.act span { position: absolute; width:100%; height: 100%; float: left; background: url(/design/menu2.jpg) -122px 0 no-repeat; cursor:pointer;}
#hornav ul li.h03 a:hover span, #hornav ul li.h03 a.act span { position: absolute; width:100%; height: 100%; float: left; background: url(/design/menu2.jpg) -244px 0 no-repeat; cursor:pointer;}
#hornav ul li.h04 a:hover span, #hornav ul li.h04 a.act span { position: absolute; width:100%; height: 100%; float: left; background: url(/design/menu2.jpg) -366px 0 no-repeat; cursor:pointer;}
#hornav ul li.h05 a:hover span, #hornav ul li.h05 a.act span { position: absolute; width:100%; height: 100%; float: left; background: url(/design/menu2.jpg) -488px 0 no-repeat; cursor:pointer;}
#hornav ul li.h06 a:hover span, #hornav ul li.h06 a.act span { position: absolute; width:100%; height: 100%; float: left; background: url(/design/menu2.jpg) -610px 0 no-repeat; cursor:pointer;}
#hornav ul li.h07 a:hover span, #hornav ul li.h07 a.act span { position: absolute; width:100%; height: 100%; float: left; background: url(/design/menu2.jpg) -732px 0 no-repeat; cursor:pointer;}
#hornav ul li.h08 a:hover span, #hornav ul li.h08 a.act span { position: absolute; width:100%; height: 100%; float: left; background: url(/design/menu2.jpg) -854px 0 no-repeat; cursor:pointer;}

#ram {width:980px; float:left; border:20px solid #000000; border-top:0px;}
#ram1 {float:left; width:980px; background:url(/design/ram1.jpg) no-repeat center top; height:111px; text-align:center;/* border:1px solid #009933;*/}
#ram1 h1 { font-size:24px; line-height:26px; color:#000000; margin-top:46px}
#ram3 {float:left; width:860px; padding-left:60px; padding-right:60px; background:url(/design/ram3.jpg) left;}
/*#ram3 {overflow:auto; height:320px;}*/

#ram2 {float:left; width:980px; background:url(/design/ram2.jpg) no-repeat center top; height:111px;}

#ram3 img {margin:12px;}

/*
#ram3>p{text-indent: 5em; padding-bottom:10px; line-height:18px;}
#ram3>p:first-child {font-style:italic; font-family:"Comic Sans MS"}
#ram3>p:first-child+p {text-indent:0; text-indent:1em; font-family:"Comic Sans MS"}
#ram3>p:first-child+p:first-letter {font-size:500%; color:#843933; float:left; margin-top:-0em; margin-right:0.0em; margin-left:-0.1em; padding-bottom:20px; padding-right:0px;}
*/


/*
#ram3>p {margin-bottom:20px;}
#ram3>p:first-child {text-indent:0; font-family:"Comic Sans MS"}
#ram3>p:first-child+p:first-letter {font-size:20px;; line-height:20px; color:#843933;}
*/

/*
@import url("style2.css");
body { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:8pt; color:#333333;}
div.clanek>p{text-indent: 3em; padding:10px;} div.clanek>p:first-child {font-style:italic;} div.clanek>p:first-child+p {text-indent:0; text-indent:1em;} div.clanek>p:first-child+p:first-letter {font-size:300%; color:#FF6633; float:left; margin-top:-0.0em; margin-right:0.0em; margin-left:0em; margin-bottom:-0.5em; padding-right:0px;} /*div.clanek>p:first-line {font-size:7pt;}
*/

.fotogalerie img {margin:10px; border:3px solid #000000;}

.podpis {color:#ca8d6b; text-align:left;}
.podpis a {color:#ca8d6b; text-decoration:underline}

.podpis span {float:right;}