/* 
CSS Stylesheet - layout.css
 */

#web-bg {
	width: 100%; height: 100%;
	position: absolute; top: 0; left: 0; z-index: 2;
	background: url('../img/layout/web-bg-over.png') top center repeat;
}

#web {
	width: 1003px;
	position: relative; z-index: 10;
	margin: 0 auto; text-align: center;
	background: url('../img/layout/content-bg.png') 2px top repeat-y;
}
#content-end {
	width: 1003px; height: 65px;
	position: relative; z-index: 10;
	margin: 0 auto;
	background: url('../img/layout/content-bg-end.png') center top no-repeat;
}
#content-end div.left { padding: 40px 10px 10px 30px; color: white; }
#content-end div.right { padding: 40px 30px 10px 10px; color: white; }
#content-end div a { text-decoration: underline; color: #FFFF99; }
#content-end div span.gray { color: #FFFF99; }
#web #content {
	width: 919px;
	margin: 0 auto; padding: 0 7px; text-align: left;
	background: #ffede6; overflow: hidden;
}

#web #content #header {
	height: 225px; position: relative;
	background: url('../img/layout/header.jpg') top left no-repeat;
}
#web #content #header .menu {
	height: 37px; text-align: center;
	background: url('../img/layout/header-menu.jpg') top left no-repeat;
  letter-spacing: -0.06em;
}
.menu ul { 
	margin: 0 auto; padding: 0;
	list-style-type: none;
	font-size: 1.2em; color: #ffddd1;
	font-weight: bold;
}
.menu ul li {
	height: 37px; line-height: 30px;
  display: inline; 
}
.menu ul li a {
	color: #ffddd1; font-size: 1em;  padding: 0 12px; font-weight: 400; text-decoration: underline;
}
.menu ul li a.vyb {
	color: #ffddd1; font-size: 1em;  padding: 0 12px; font-weight: 400; text-decoration: none;
}
.menu ul li a:hover { color: white; }
.menu ul li a.vyb:hover { color: white; }

#web #content h1.png {
	width: 420px; height: 66px; line-height: 66px;
	position: absolute; top: 80px; right: 0;
	background: url('../img/layout/h1.png') top left no-repeat;
}

#web #content h1.png a {
	text-align: center; font-size: 1.2em; font-weight: bold; color: #a44c0f;
}

#web #content h1 {
	margin: 30px 0;
	text-align: center; font-size: 1.7em; font-weight: 400; color: #ee812a; letter-spacing: -0.06em;
}
#web #content h1 span { padding: 2px; }
#web #content h1 span.brown { color: #6d3921; }

#web #content .options { float: left; width: 192px; }
#web #content .content { float: right; width: 720px; margin: 17px 0 0 0; }

/* boxes */
.options .box { margin: 0 0 10px 0; color: #6d3921; }
.options .box a { color: #6d3921; }
.options .box .header {
	height: 35px; padding: 20px 0 0 0;
	background-repeat: no-repeat;
	background-position: top center;
	overflow: hidden;
}
.options .box .header h2 {
	margin: 0; padding: 10px 20px 0 10px; font-size: 1.5em; font-weight: 400;
}
.options .box .header.filtr { background-image: url('../img/layout/header-informace.png'); }
.options .box .header.sluzby { background-image: url('../img/layout/header-moznosti.png'); }
.options .box .header.kontakt { background-image: url('../img/layout/header-kontakt.png'); }
.options .box .header.www { background-image: url('../img/layout/header-www.png'); }
.options .box .header.reklama { background-image: url('../img/layout/header-reklama.png'); }

.options .box .text { 
	min-height: 110px; padding: 20px 0px 10px 10px;
	background: #ffede5 url('../img/layout/box-text.png') top center no-repeat;
	border-left: 1px solid #e3d3cd; border-right: 1px solid #e3d3cd;
}
.options .box .text { 
	min-height: 55px;
	background-image: url('../img/layout/box-text-smaller.png');
}
.options .box .pattern {
	height: 6px; overflow: hidden;
	background: transparent url('../img/layout/box-pattern.png') top center no-repeat;
}

.options .box .text ul {
	margin: 0 0 10px 0; padding: 0;
	list-style-type: none;
}
.options .box .text ul li {
}
.options .box .text ul li a {
	display: block;
	height: 16px; padding: 0 0 0 20px;
	background: url('../img/layout/ul-li.png') 2px 5px no-repeat;
	font-weight: bold; color: #6d3921;
}
.options .box .text ul li a.red { color: #f43c3c; };
.options .box .text ul li a span { font-weight: normal; }

.options .box p, .box p a { color: #4e4e4e; font-size: 0.9em; letter-spacing: -0.02em; }
.options .box p.blue, .box p.blue a { color: #0091a7; }
.options .box p.red, .box p.red a { color: #f43c3c; }

.telefon { margin: 10px 0 0 0; text-align center; display: block; }
.telefon img { margin: 0 10px -2px 0; }
.reklama { margin: 0 auto; }

.red { color: #f43c3c; }
.blue { color: #0091a7; }
a.red { color: #f43c3c; text-decoration: underline; }
a.blue { color: #0091a7; text-decoration: underline; }

/* content box */
.content .box { 
	padding: 6px 0 0 0;
	margin: 0 0 10px 0;
	background: url('../img/layout/table-top.png') top left no-repeat;
}
.content .box .text { 
	padding: 0 0 6px 0;
	background: url('../img/layout/table-bottom.png') bottom left no-repeat;
}
.content .box .text table {
	width: 100%;
	border-collapse: collapse;
	border-left: 1px solid #dbccc6; border-right: 1px solid #dbccc6;
	background: white url('../img/layout/table-bg.png') bottom left repeat-x;
}
.content .box .text table th { background: #ffdec5; padding: 0 0 5px 0; color: #6d3921; font-family: Tahoma, sans-serif; text-align: center; }
.content .box .text table td { padding: 5px 5px 2px; line-height: 16px; font-family: Tahoma, sans-serif; font-weight: bold; }
.content .box .text table .title { color: #ee812a; font-size: 1.4em; font-weight: 400; text-decoration: none; }
.content .box .text table .title span { text-decoration: underline; }
.content .box .text table .foto { width: 100px; }
.content .box .text table .info { width: 230px; }
.content .box .text table td span.gray { color: #5b5b5b; font-weight: normal; }
.content .box .text table td span.red { color: #ef4247; display: block; }
.content .box .text table td span.orange { color: #ee812a; display: block; }

/* DETAIL */
#detail { margin: 10px 0 0 0; text-align: left; }
#web #content #detail h1 { color: #6d3921; text-align: center; font-size: 1.8em; font-weight: 400; margin-top:15px; margin-bottom:15px; } 
#web #content #detail h1 span { margin-left: 50px; color: #fe3a3a; }

#detail .main-info { width: 304px; float: left; }
#detail .tech-info { width: 608px; float: right; }

#detail .main-info h3, #detail .tech-info h3 { color: #6d3921; text-decoration: none; font-size: 1.2em; font-weight: bold; margin: 5px; }

#detail .main-info div, #detail .tech-info div { border: 1px solid #e89f5c; padding: 1px; }
#detail .main-info div table, #detail .tech-info div table { border-collapse: collapse; }
#detail .main-info div table { width: 300px; }
#detail .tech-info div table { width: 604px; }
#detail .main-info div table .odd, #detail .tech-info div table .odd { background: #e89f5c; }

#detail .main-info div table th, #detail .tech-info div table th { text-align: left; }
#detail .main-info div table th, #detail .tech-info div table th,
#detail .main-info div table td, #detail .tech-info div table td { padding: 3px; height: 30px; }

#detail .foto-obal { float: left; margin: 8px 0 0 0; border: 1px solid #e89f5c; width: 302px; text-align: center; }
#detail .foto-obal .photo { margin: 1px; background: #e89f5c; }
#detail .foto-obal img { margin: 5px auto; }

#detail .google-adds { height: 185px; float: right; margin: 8px 0 0 0; border: 1px solid #e89f5c; width: 606px; text-align: center; }
#detail .google-adds .add { margin: 1px; border: 1px solid #e89f5c; height: 181px; }

#detail .photos, #detail .popis { margin: 8px 0 0 0; border: 1px solid #e89f5c; }
#detail .photos div, #detail .popis div { margin: 1px; background: #e89f5c; padding: 5px; }
#detail .popis strong { display: block; }

#detail .info-line { margin: 8px 0 0 0; line-height: 20px; }
#detail .info-line h3 { color: #7d2200; font-size: 1.2em; margin: 0 200px 0 20px; display: inline; font-weight: bold; text-decoration: none; }
#detail .info-line img { vertical-align: bottom; margin: 0 15px 0 40px }
#detail .info-line a { color: #6d3921; text-decoration: underline; font-weight: bold; }
#detail .info-line a:hover { text-decoration: none; }

#detail .info-panel { width: 328px; float: left; margin: 15px 0 0 0; }
#detail .info-panel .box { margin: 0 0 10px 0; color: #6d3921; }
#detail .info-panel .box a { color: #6d3921; }
#detail .info-panel .box .header {
	height: 35px; padding: 20px 0 0 0;
	overflow: hidden;
	background: url('../img/layout/detail-kontakt.png') top left no-repeat;
}
#detail .info-panel .box .header h3 {
	margin: 0; padding: 10px 20px 0 10px; font-size: 1.5em; font-weight: 400;
}
#detail .info-panel .box .text { 
	min-height: 110px; padding: 20px 0px 10px 10px;
	background: #ffede5 url('../img/layout/detail-text.png') top center no-repeat;
	border-left: 1px solid #e3d3cd; border-right: 1px solid #e3d3cd;
  font-size: 0.9em;
	color: #555;
}
#detail .info-panel .box .pattern {
	height: 8px; overflow: hidden;
	background: url('../img/layout/detail-pattern.png') top center no-repeat;
}
#detail .info-panel .text strong.red { color: #f43c3c; }

#detail .form {	width: 550px;	float: right;  margin: 15px 0 0 0; }
#detail .form h3 { font-size: 1.2em; font-weight: bold; margin: 10px 0 30px 0; color: #6d3921; }
#detail .form label { display: block; float: left; width: 60px; text-align: right; padding: 3px 10px 0 0;  }
#detail .form input { border: 1px solid #ccc; height: 18px; width: 200px; }
#detail .form textarea { width: 300px; height: 100px; border: 1px solid #ccc; }
#detail .form #odeslat { margin: 0 0 0 70px; }

#detail .tr { text-align: right; }
#detail .green { color: rgb(0, 97, 0); }
#detail .del { border-left: 1px solid #ffede6 }


/* SUPPLY */
#supply { text-align: center; }
#supply form { margin: 0 auto; width: 638px; text-align: left; }
#supply h2 {
	height: 75px; margin: 0 0 20px 0; line-height: 75px;
	background: url('../img/layout/supply-top.jpg') center top no-repeat;
	text-align: center; color: white; font-size: 1.5em; font-weight: 400;
}
#supply .opt {
	float: left;
	width: 196px; margin: 0 16px 0 0;
}
#supply .opt .header {
	height: 21px;  text-align: center; color: white; font-weight: bold; line-height: 18px;
	background: url('../img/layout/supply-options.jpg') top left no-repeat;
}
#supply .opt .data { margin: 20px 0; line-height: 18px; }
#supply .opt .data label { display: block; margin: 0 20px; }
#supply .opt .data label.double { float: left; width: 60px; margin: 0 10px 0 20px; }
#supply .next-info {
	width: 622px;
}
#supply .opt .data.tr { text-align: right; margin-right: 20px; }
#supply .opt .data .txt { width: 100px; border: 1px solid #ccc; margin: 0 0 2px 0; }
#supply textarea { border: 1px solid #ccc; background: #efefef; width: 600px; height: 90px; margin: 6px; padding: 5px; }
#supply .next-info .header {
	height: 21px; text-align: center; color: white; font-weight: bold; line-height: 18px;
	background: url('../img/layout/supply-options-long.jpg') top left no-repeat;
}

#supply .price {
	height: 46px; line-height: 46px; padding: 0 20px; color: white;
	margin: 10px 0;
	background: url('../img/layout/supply-price.jpg') top left no-repeat;
}

/* KONTAKT */
#kontakt { width: 620px; margin: 0 auto; margin-bottom: 30px; }
#kontakt .rk {
	width: 283px;
}
#kontakt .rk .info {
	text-align: center;
}
#kontakt .rk .info .header { height: 38px;
	overflow: hidden;
	background: url('../img/layout/kontakt-header.png') top left no-repeat; 
}
#kontakt .rk .info .text {
	padding: 10px 0px 10px 10px;
	background: #ffede5 url('../img/layout/kontakt-text.png') top center no-repeat;
	border-left: 1px solid #e3d3cd; border-right: 1px solid #e3d3cd;
	color: #1d9bb6;
}
#kontakt .rk .info .text .red { color: #e2363b; padding: 0 0 5px 0; text-decoration: underline; font-weight: bold; }
#kontakt .rk .info .text .blue { padding: 0 0 5px 0; text-decoration: underline;  font-weight: bold; }
#kontakt .rk .info .text a img { margin: 5px auto; display: block; }
#kontakt .rk .info .pattern {
	height: 7px; overflow: hidden;
	background: url('../img/layout/kontakt-pattern.png') top center no-repeat;
}

#kontakt .rk .info a { color: #1d9bb6; }

#kontakt .rk .osoby {
	margin: 0 30px;
  font-weight: bold;
}
#kontakt .rk .osoby .red { color: #e2363b; }
#kontakt .rk .osoby a { color: #28b1cf; }
#kontakt .rk .info .header {
	height: 38px; padding: 0px;
	background-repeat: no-repeat;
	background-position: top center;
	overflow: hidden;
}
#kontakt .rk .info .header h2 {
	margin: 0; padding: 10px 20px 0 10px; font-size: 1.5em; font-weight: 400; color: #6d3921; text-align: left;
}