body {
	background:url("/pages/bg-body-1.gif"); 
	background-attachment: fixed;
	background-repeat: repeat-x;
	/*font-family: "Verdana CE", Verdana, Arial, lucida, sans-serif;*/
	font-family: "Verdana CE", "Helvetica CE", "Lucida Grande CE", Verdana, "Arial CE", Arial, Helvetica, lucida, sans-serif;
	font-size:10pt;
	}
img {border:none}
hr { display:none }

.schovat {display:none}
.nevidit {visibility:hidden}/* ovlivnuje formatovani - pruhledne*/

a:link { color:#336699; }
a:visited { color:#33476A; }
a:hover {
	color:white !important;
	background-color:#336699 !important;
	}
#popis2 a:hover {
	color:none !important;
	background-color:transparent !important;
	}
#popis1 a:hover {
	color:none !important;
	background-color:transparent !important;
	}
#page, #pagelin, #pagemod, #pageso {
	position:absolute; left:19px;top:98px;
	border: 2px solid #336699;
	width: 700px;
	}
#page p{
	margin:3px;
	}
#pagelin span, #pagemod span, #pageso span {
	float: left;
	margin:1px 0 0 10px;
	/*border: 1px dotted green;*/
	text-align: left;
	}
#pagelin span {
	width: 335px; height:20px;
	}

#pagemod span {
  width: 210px; height:100px;
  padding:5px;
  }
#pageso span {
	width: 200px; height:20px;
	}
#pageso{
	padding-top:10px;
	padding-bottom:10px;
	}
div.thumbnail {
  float: left;
  width: 150px; height:140px;
  margin: 1em;
  text-align: center;
  font-size: 7pt;
  background:none;
  }

.spacer {clear: both}

/*obrázky 2 v rade */
.row {
  clear: both;
  width: 90%;
  margin: 10px 4%;
  font-size: 7pt;
}
.left {
  float: left;
  width: 49%;
  text-align: center;
}
.right {
  float: left;
  width: 49%;
  text-align: center;
} 
.left img, .right img {
  margin: 10px auto;
} 
/*konec obrázky 2 v rade */

#header1{
	position:relative; left:10px;top:5px; /*uprava*/
	border: 1px solid #336699;
	width: 700px; height:70px;
	}
#header1 p{
	margin:3px;
	}
#upo{
	position:absolute; left:388px;top:63px;
	width: 330px; height:20px;
	text-align: center;
	}

#popis2 {
	position:absolute; left:280px;top:20px;
	}

h3 {
	font-weight:bold;
	text-align:center;
	margin-top:13px; 
	color:#336699;
	}
h4 {
	font-weight:bold;
	text-align:left;
	margin:13px 0 10px 15px; 
	color:#336699;
	}
h5 {
	font-weight:bold;
	text-align:center;
	margin-top:5px; 
	color:#336699;
	}

#header {
	position:absolute; left:10px;top:10px;
	width:750px; height:60px;
	margin:0; padding:0;
	text-align:left;
	border: 1px solid #336699;
	}
#popis {
	width:105px; height:35px;
	background:url("/pages/photo.gif") top left no-repeat;
	margin:-10px 0 0 275px;
	}
#popis1 {
	width:109px; height:33px;
	}
#telo {
	position:absolute; left:10px;top:100px;
	width:742px;
	padding:5px 5px 20px 5px;
	text-align:left;
	border: 2px solid #336699;
	}
#telo p {
	margin:8px 15px 5px 20px; 
	}
#telo span {
	margin:0px 15px ; 
	}
#telo a {
	font-style:italic; 
	}

#total {
	position:absolute; left:600px;top:20px;
	width:150px; height:20px;
	color:blue;
	}

.popisback {
	position:absolute; left:550px;
	margin:3px;
	}
#mezera {
	margin-bottom:10px;
	}
#mezera p {
	height:15px;
	border: 1px solid orange;
	}
address {
	position:relative; left:40px;
	}

#change a, #change a:hover {
	text-decoration:none; 
	color:black;
	cursor: crosshair;
	}
.novinka, .ihave {
	color:red;
	font-weight:bold;
	}
#predel {
	clear: both;
	width:650px; height:30px;
	background:url("/pages/predel.gif") top left no-repeat;
	margin-left:1.8em;
	}
.uline {
	margin-left:1em;
	}

