/* ___| CSS document |_____________________ */


html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, menu, dl, li, dt, dd, p, blockquote, pre, form, fieldset, table, th, td { margin: 0; padding: 0; }
body	{ font-family: Tahoma, 'Lucida Grande CE', lucida, sans-serif; font-size: 13px; color: #FFFFCC; background: #830000 url("../img/bg.jpg") no-repeat center top; }
body#uvod	{ background: #830000 url("../img/bg_uvod.jpg") no-repeat center top; }
button, input.butt_small, input.butt_big, input.butt_big-blue { cursor: pointer; }
a img	{ border: 0; }
.none	{ display: none; }
.hidden	{ visibility: hidden; }
.clear	{ margin: 0; padding: 0; height: 0; overflow: hidden; clear: both; }


/* ___| container |_____________________ */


#container { margin: 0 auto; width: 960px; position: relative; }


/* ___| header |_____________________ */


#header { margin: 0; width: 960px; height: 414px; float: left; clear: both; position: relative; }
#header h2 { margin: 41px 0 42px 59px; left: 0; top: 0; width: 182px; height: 24px; overflow: hidden; background: none; display: block; position: relative; float: left; }
#header h2 a { width: 182px; height: 24px; color: #fff; text-decoration: none; cursor: pointer; display: block; }
#header h2 span { left: 0; top: 0; width: 182px; height: 24px; background: url("../img/reklamka.png") no-repeat; display: block; position: absolute; }

#header h1 { clear: left; margin: 0 0 16px 59px; color: #feb250; font-size: 18px; font-weight: normal; font-family: 'Lucida Sans Unicode', 'Lucida Console', Arial, fixed, monospace; }
#header p { margin: 0 0 8px 59px; color: #fffcaf; font-weight: bold; line-height: 130%; }
#header a { text-decoration:underline; color: #fffcaf; font-weight:bold;}
#header a:hover{ text-decoration:underline; color: #FFCC66; font-weight:bold;}
#top-img { margin: 0 28px 0 0; padding: 40px 0 0 10px; width: 430px; height: 298px; float: right; position: relative; }
#timg-over { margin: 0; width: 440px; height: 338px; position: absolute; top: 0; left: 0; background: url("../img/over_top.png") no-repeat 0 0; }


/* ___| menu |_____________________ */


menu { margin: 0; padding: 0 0 0 22px; width: 878px; height: 76px; background: #171717 url("../img/bg_menu.jpg") no-repeat 0 0; position: absolute; top: 338px; left: 30px; float: left; clear: both; }
menu li { margin: 0 1px 0 0; list-style: none; float: left; font-size: 14px; text-transform: uppercase; }
menu li a { display: block; float: left; color: #ccc; text-align: center; text-decoration: none; cursor: pointer; }
menu li a span { padding: 19px 0 0 0; height: 29px; display: block; }
menu li.m1 a { width: 77px; }
menu li.m2 a { width: 182px; }
menu li.m3 a { width: 148px; }
menu li.m4 a { width: 145px; }
menu li.m5 a { width: 88px; }
menu li.m6 a { width: 103px; }
menu li.m7 a { width: 106px; }
menu li a:hover { color: #ff6600; }
menu li.now a { background: url("../img/bg_item-l.png") no-repeat 0 0; color: #ff6600; }
menu li.now a span { background: url("../img/bg_item-r.png") no-repeat right 0; }

menu li ul, menu li.now ul { margin: 0; position: absolute; top: 52px; width: 800px; left: 37px; }
menu li ul li, menu li.now ul li { margin: 0; color: #ff6600; list-style: none; float: none; display: inline; font-size: 11px; text-transform: none; }
menu li ul li a, menu li.now ul li a { margin: 0 8px 0 6px; display: inline; float: none; color: #ff6600; text-align: left; text-decoration: none; background: none; }
menu li ul li a:hover, menu li.now ul li a:hover { text-decoration: underline; }
menu li ul li a.now, menu li.now ul li.now a { font-weight: bold; background: none; }


/* ___| main |_____________________ */


.main { margin: 0; width: 960px; float: left; clear: both; background: url("../img/bg_main-m.jpg") repeat-y 0 0; }
#main-t { margin: 0; width: 960px; float: left; clear: both; background: url("../img/bg_main-t.jpg") no-repeat top; }
#main-b { margin: 0; padding: 26px 44px 64px 44px; width: 872px; min-height: 530px; float: left; clear: both; background: url("../img/bg_main-b.jpg") no-repeat bottom; }
.main h1 { margin: 0 0 10px 25px; font-size: 15px; color: #ffae4f; font-family: 'Lucida Sans Unicode', 'Lucida Console', Arial, fixed, monospace; font-weight: normal; text-transform: uppercase; }
.main h2 { margin: 0 0 16px 10px; padding: 0 0 13px 10px; font-size: 14px; color: #ffae4f; background: url("../img/bg_tit.png") no-repeat 0 bottom; font-family: 'Lucida Sans Unicode', 'Lucida Console', Arial, fixed, monospace; font-weight: normal; text-transform: uppercase; }
.main h2.no-line { margin: 0 0 10px 25px; padding: 0; font-size: 15px; color: #ffae4f; font-family: 'Lucida Sans Unicode', 'Lucida Console', Arial, fixed, monospace; font-weight: normal; text-transform: uppercase; background: none; }

.main-ref #main-b { background: url("../img/bg_ref.jpg") no-repeat 0 0; min-height: 490px; }
.main-ref #main-t { background: url("../img/bg_main-b.jpg") no-repeat bottom; }
.main-ref .rbox { margin-bottom: 0; }
#ref { margin: 0; width: 872px; height: 360px; float: left; clear: both; position: relative; }
#ref-over { margin: 0; width: 772px; height: 279px; background: url("../img/bg_ref-over.png") no-repeat 0 0; position: absolute; top: 16px; left: 36px; }
#ref img#ref-1 { margin: 40px 0 0 37px; float: left; }
#ref img#ref-2 { margin: 42px 0 0 51px; float: left; }
#ref img#ref-3 { margin: 17px 64px 0 0; float: right; }
#ref a#a-ref1 { position:absolute; left:35px; top:40px; display:block; width:231px; height:231px; }
#ref a#a-ref2 { position:absolute; left:315px; top:40px; display:block; width:257px; height:256px; }
#ref a#a-ref3 { position:absolute; left:608px; top:15px; display:block; width:202px; height:201px; }

.rbox { margin: 0 0 20px 10px; width: 849px; float: left; clear: both; }
.rbox-t { margin: 0; width: 849px; font-size: 0; height: 3px; background: url("../img/bg_rbox-t.png") no-repeat 0 0; float: left; clear: both; }
.rbox-m { margin: 0; padding: 11px 16px 1px 16px; width: 815px; border-left: 1px solid #4a0101; border-right: 1px solid #4a0101; background: #870000 url("../img/bg_rbox-m.png") repeat-x 0 top; float: left; clear: both; }
.rbox-m a{ text-decoration:underline; color: #FFFFCC; font-weight:bold;}
.rbox-m a:hover{ text-decoration:underline; color: #FFCC66; font-weight:bold;}
.rbox-b { margin: 0; width: 849px; font-size: 0; height: 3px; background: url("../img/bg_rbox-b.png") no-repeat 0 0; float: left; clear: both; }
.main .rbox p { margin-bottom: 10px; font-size: 12px; line-height: 140%; }
.main .rbox ul { margin: 0 0 12px 20px; padding: 0; }
.main .rbox ul li { line-height: 140%; }

.gall { margin: 0 0 40px 0; width: 872px; float: left; clear: both; }
.glast { margin: 0; }
.gall button.arr-l, .gall button.arr-r { margin: 48px 0 0 0; display: block; float: left; width: 22px; height: 22px; position: relative; border: none; }
.gall button.arr-l { background: url("../img/arr-l.png") no-repeat 0 0; font-size: 0; }
.gall button.arr-r { background: url("../img/arr-r.png") no-repeat 0 0; font-size: 0; }
.gall-slide { margin: 0 0 0 4px; padding: 0; float: left; width: 820px; height: 120px; overflow: hidden; }
.gall-slide ul { margin: 0; padding: 0; }
.gall-slide ul li { margin: 0 2px; padding: 2px 0 0 2px; width: 158px; height: 120px; float: left; background: url("../img/bg_foto.png") no-repeat; list-style: none; }

.ybox { margin: 0 0 20px 11px; width: 853px; float: left; clear: both; }
.ybox-t { margin: 0; width: 853px; height: 12px; font-size: 0; float: left; clear: both; background: url("../img/bg_ybox-t.png") no-repeat 0 0; }
.ybox-m { margin: 0; width: 813px; padding: 4px 20px 0 20px; float: left; clear: both; background: url("../img/bg_ybox-m.png") repeat-y 0 0; }
.ybox-b { margin: 0; width: 853px; height: 15px; font-size: 0; float: left; clear: both; background: url("../img/bg_ybox-b.png") no-repeat 0 0; }
.main .ybox p { margin-bottom: 10px; font-size: 12px; line-height: 140%; color: #333; }

.box-img { margin: 0; float: left; clear: both; width: 849px; padding: 50px 0 15px 0; position: relative; }
.r-img .rbox-m { margin: 0; padding-right: 300px; width: 531px; }
.l-img .rbox-m { margin: 0; padding-left: 300px; width: 531px; }
.image-over { width: 300px; height: 240px; position: absolute; top: 0; clear: both; }
.image-over a { font-weight: bold; color: #3C3C3C; font-weight: bold; font-style: italic; text-decoration: none; font-size: 11px; }
.r-img .image-over a span { position: absolute; top: 196px; left: 127px; }
.l-img .image-over a span { position: absolute; top: 198px; left: 52px; }
.image-over a:hover { color: #000000; }
.r-img .image-over { right: -35px; }
.l-img .image-over { left: 5px; }
.main .l-img h2.no-line { padding-left: 285px; }


/* ___| formular |_____________________ */


fieldset#formular { margin: 0 0 0 30px; padding: 0; border: none; width: 880px; float: left; clear: both; }
fieldset#formular h2 { margin: 0 0 16px 0; padding: 0 0 13px 30px; font-size: 18px; font-weight: normal; color: #ffae4f; background: url("../img/bg_tit.png") no-repeat 0 bottom; font-family: 'Lucida Sans Unicode', 'Lucida Console', Arial, fixed, monospace; }
fieldset#formular table { margin: 0 0 20px 34px; padding: 0; width: 840px; border-collapse: collapse; border: none; }
fieldset#formular table td { padding: 3px 2px; }
fieldset#formular table td.stext { font-size: 11px; }
fieldset#formular table td input { background: #600000 url("../img/bg_input.png") repeat-x 0 0; height: 21px; padding: 6px 0 0 6px; width: 270px; border: none; color: #ff8d3f; font-family: Tahoma, 'Lucida Grande CE', lucida, sans-serif; font-size: 12px; }
fieldset#formular table td select { background: #600000 url("../img/bg_input.png") repeat-x 0 0; padding: 5px 6px; width: 276px; border: none; color: #ff8d3f; font-family: Tahoma, 'Lucida Grande CE', lucida, sans-serif; font-size: 12px; }
fieldset#formular table td textarea { background: #600000 url("../img/bg_textarea.png") repeat-x 0 0; height: 80px; padding: 6px; width: 380px; border: none; color: #ff8d3f; font-family: Tahoma, 'Lucida Grande CE', lucida, sans-serif; font-size: 12px; }
fieldset#formular table td button { background: #ff8d3f url("../img/bg_button.png") repeat-x 0 0; height: 25px; padding: 0 0 2px 0; width: 130px; border: none; color: #310000; font-family: Tahoma, 'Lucida Grande CE', lucida, sans-serif; font-size: 13px; font-weight: bold; }
.form-footer {
	padding:10px 0px 30px 30px;
	line-height:1.4em;
}
.form-footer a, #kontakt-left a, #kontakt-center a, #kontakt-right a {
	color:#ffae4f;
}
.form-footer a:hover, #kontakt-left a:hover, #kontakt-center a:hover, #kontakt-right a:hover {
	color:#ffffff;
}
/*Reference-columns*/
#reference-left {
	width:240px;
	margin-left:20px;
	padding-right:10px;
	float:left;
	background:url(../img/bg-kontakt-column.png) right top no-repeat;
	line-height:1.9em;
}
#reference-center {
	width:240px;
	margin-left:35px;
	float:left;
	background:url(../img/bg-kontakt-column.png) right top no-repeat;
	line-height:1.9em;
}
#reference-right {
	width:240px;
	margin-left:35px;
	float:left;
	line-height:1.9em;
}
p.right {
	text-align:right;
	margin-right:15px;
}
.clear {
	clear:both;
}
/*Reference-columns*/

/*Kontakt-columns*/
#kontakt-left {
	width:176px;
	padding-right:10px;
	float:left;
	background:url(../img/bg-kontakt-column.png) right top no-repeat;
	padding-left:20px;
	height:320px;
}
#kontakt-center {
	width:142px;
	margin-left:42px;
	float:left;
	background:url(../img/bg-kontakt-column.png) right top no-repeat;
	height:320px;
}
#kontakt-right {
	width:435px;
	margin-left:42px;
	float:left;
	font-size:0.9em;
}
/*Kontakt-columns*/

/*Form*/
#vzkaz input, #vzkaz select, #vzkaz textarea {
	background:#7c0000;
	color:#ff8d3f;
	padding:2px 7px;
	border:none;
	border-bottom:2px solid #950000;
	width:260px;
}
#vzkaz select {
	padding-right:0px;
	width:273px;
}
#vzkaz textarea {
	height:100px;
}
#vzkaz label {
	padding-right:20px;
	display:block;
	padding-top:3px;
}
#vzkaz span {
	font-size:1.3em;
	padding-left:3px;
}
#vzkaz table td {
	padding:4px 0px;
	vertical-align:top;
}
#vzkaz p.form-info {
	float:left;
	font-size:0.85em;
}
#vzkaz input.submit {
	width:120px;
	float:right;
	padding:0px;
	height:23px;
	padding-bottom:1px;
	background:url(../img/bg-input-submit.png) left top repeat-x;
	overflow:visible;
	color:#000000;
	font-weight:bold;
	cursor:pointer;
	margin-right:20px;
	border:none;
}
/*Form*/

/*mapa*/

#kontakt-mapka {
	width:858px;
	height:262px;
	overflow:hidden;
	background:url(../img/bg-mapka.png) left top no-repeat ;
	text-align:center;
	margin-left:8px;
}
#mapa {
	width:846px;
	height:250px;
	text-align:center;
	padding-left:7px;
	padding-top:5px;
}

/*mapa/


/* ___| footer |_____________________ */


#footer { margin: 0; padding-top: 15px; float: left; clear: both; width: 100%; height: 107px; background: #390000; border-top: 7px solid #670000; }
#foot_c { margin: 0 auto; width: 890px; }
#footer p { color: #f1ca8c; font-size: 11px; }
#footer p#foot_r { float: right; text-transform: lowercase; }
#footer p a { margin: 0 3px; color: #f1ca8c; text-decoration: none; }
#footer p a:hover { color: #f1ca8c; text-decoration: underline; }