@charset "utf-8";
/* CSS Document */

html {
	background:url(../img/bg.jpg) repeat-x top #ECECEC;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:12px;
}

/* --- Layout --- */

#main-wrap {
	width:800px;
	margin:0 auto;
}
#head-wrap {
	
}
#logo-line {
	padding:10px 0 0 0;
}
#logo-line span {
	float:left;
	display:block;
	padding:12px;
}
#social-wrap {
	float:right;
	padding:15px 5px 0 0;
}
#hlavicka {
	width:801px;
	height:254px;
	background:#FFF;
	padding:5px;
	margin:10px 0;
	-moz-box-shadow:    0px 0px 15px -8px #666666;
  	-webkit-box-shadow: 0px 0px 15px -8px #666666;
  	box-shadow:         0px 0px 15px -8px #666666;
}
#menu-wrap {
	
}
#image-line {
	width:790px;
	height:200px;
	background:#FFFFFF url(../img/main_image.jpg) center top no-repeat;
	z-index:0;
}
#image-text {
	position:relative;
	margin-top:-68px;
	background:rgba(0,0,0,0.5);
	font-size:20px;
	text-align:right;
	color:#FFFFFF;
	padding:10px;
	z-index:1;
}

/* --- Menu --- */
#menu-wrap ul {
}
#menu-wrap li {
	float:left;
}
#menu-wrap a {
	font-size:14px;
	font-variant:small-caps;
	display:block;
	padding:20px 15px 12px 18px;
	border-bottom:#999 solid 5px;
	border-right:#CCC solid 1px;
	text-decoration:none;
	color:#000000;
	font-weight:bold;
	background:url(../img/menu_bg.jpg) repeat-x top;
}

#menu-wrap a:hover {
	color:#FFF;
	border-bottom:#F00 solid 5px;
	background:url(../img/menu_bg2.jpg) repeat-x top;
}
.menu_posledni {
	padding-right:18px !important; 
	border-right:none !important;
}

/* --- Okna --- */

h3 {
	font-size:18px;
	color:#666;
	border-bottom:#999 solid 5px;
	font-style:italic;
	font-variant:small-caps;
	font-weight:bold;
	padding-left:5px;
}
h3 a {
	text-decoration:none;
	color:#666;
}
#okna-wrap {
	padding-bottom:10px;
}
.okno {
	width:260px;
	float:left;
}
.okno_stred {
	margin:0 10px;
}
.okno_bottom {
	min-height:530px;
	background:#CCC;
	border-top:#666 solid 1px;
	padding:10px;
	text-align:justify;
	color:#333;
}

.okno-hlavni {
	width:530px;
	float:left;
	margin:0px 10px 0 0;
}
.okno-vedlejsi {
	width:260px;
	float:left;
	height:394px;
}

.oddelovac {
	width:530;
	border-top:solid #999 5px;
	border-bottom:solid #666 1px;
	border-left:none;
	border-right:none;
	margin:0 -10px 10px -10px;
}

.okno_bottom p {
	padding-bottom:10px;
}
.okno_bottom img {
	margin-bottom:10px;
	border:#999 solid 3px;
}
.okno_bottom a {
	color:#333333;
}
.okno_bottom a:hover {
	color:#666;
}
.okno_bottom_white {
	border-top:#666 solid 1px;
	text-align:justify;
	color:#333;
	padding-top:10px;
}

/* --- Texty --- */

h4 {
	font-size:14px;
	font-weight:bold;
	font-variant:small-caps;
	padding-bottom:10px;
}
em {
	font-style:italic;
}
.kontakty {
	width:100%;
	
}
.kontakty td {
	width:50%;
	vertical-align:top;
}
.seznam {
	margin-left:20px;
	padding-bottom:10px;
}
.seznam li {
	list-style:disc;
}
.tabulka td {
	padding:5px;
}

/* --- Paticka --- */

#foot-wrap {
	margin-top:10px;
	border-top:#999 solid 5px;
}
#foot-wrap div {
	border-top:#666 solid 1px;
	padding:5px 10px;
	text-align:right;
}
#foot-wrap a {
	text-decoration:none;
	color:#333333;
	font-variant:small-caps;
	margin-left:15px;
}
#foot-wrap a:hover {
	color:#666;
}

/* --- Vyrobky --- */

.polozka {
	float:left;
	width:150px;
	background:#FFF;
	border:#999 solid 3px;
	padding:5px;
	margin:0 10px 10px 0;
	text-align:center;
}
.polozka_text {
}
.polozka1 {
	float:left;
	background:#FFF;
	border:#999 solid 3px;
	padding:5px;
	margin:0 10px 10px 0;
	padding:5px;
}

/* --- Pomocne --- */

.clear {
	clear:both
}
.vyska {
	min-height:0 !important;
}
strong {
	font-weight:bold !important;
}

/* --- Styl pro Chrome -- */

@media screen and (-webkit-min-device-pixel-ratio:0) {

#menu-wrap a {
	padding:20px 20px 12px 22px;
}
.menu_posledni {
	padding-right:18px !important; 
	border-right:none !important;
}
#image-line {
	-moz-box-shadow:    0px 0px 15px -4px #666666;
  	-webkit-box-shadow: 0px 0px 15px -4px #666666;
  	box-shadow:         0px 0px 15px -4px #666666;
}
#image-text {
	margin-top:-72px;
}
}