@import 'system.css';
/* @group Reset */

html,body,div,w,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,code,em,font,img,small,strong,center,dl,dt,dd,ul,ol,li,form,fieldset {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-size: 100%;
vertical-align: baseline;
list-style: none;
}

/* @end */

/* @group Layout */
body {
font: 0.9em/1.25em Arial, sans-serif;
color: #6a6a6a;
background: #6d9ad9 url(../img/bg.jpg) center top no-repeat;
overflow: -moz-scrollbars-vertical;
}
a {
	text-decoration: none;
}
.l {
	float: left;
}
.r {
	float: right;
}
h2.title {
	background: #f8ab25 url(../img/bg-h2.png) right top no-repeat;
	height: 40px;
	line-height: 40px;
	padding: 0 20px;
	display: inline-block;
	vertical-align: middle;
	overflow: hidden;
	&zoom: 1;
	&display: inline;
	color: #353535;
	margin: 10px 0;
	color: #fff;
}
h2.title.large {
	font-size: 1.4em;
	padding: 0 40px;
}
#obrazek1 {
	background: url(../img/bg-house.png) left 20px no-repeat;
	&background: url(../img/bg-house.png) left 40px no-repeat;
	padding: 0 0 0 250px;
	margin-top: 10px;
	overflow: hidden;
	height: 190px;
	margin-bottom: 10px;
}
#obrazek1 table {
	width: 60% !important;
	float: right;
}
#obrazek1 label {
	width: 200px !important;
}
#obrazek1 table input.text {
	width: 80px !important;
}
.mini label {
	width: 260px !important;
}
.mini table input.text {
	width: 100px !important;
	float: left;
}
.small label {
	width: 220px !important;
}
.small table input.text {
	width: 300px !important;
	float: left;
}
.small table input#frm-plocha {
	width:130px !important;
}
.big label {
	width: 300px !important;
}
.big table input.text {
	width: 220px !important;
	float: left;
}
#wraper {
	width: 1002px;
	overflow: hidden;
	margin: 0 auto;
}
#container {
	width: 978px;
	background: url(../img/bg-container.png) left top repeat;
	padding: 0 12px;
	overflow: hidden;
	clear: both;
}
/* @end */
#header {
	height: 174px;
	padding-bottom: 10px;
	float: left;
	position: relative;
	width: 985px;
	background: url(../img/bg-header.png) right 50px no-repeat;
}	
.buttons {
	position: absolute;
	top: 0;
	right: 0;
}
.buttons a {
	display: block;
	width: 141px;
	height: 41px;
	text-align: center;
	color: #fff;
	line-height: 41px;
	background: url(../img/button-poptavka.png) left top no-repeat;
	float: left;
	font-size: .8em;
	margin-left: 5px;
}
.buttons a:hover {
	background-position: 0 -41px;
}
#header .l {
	width: 30%;
}
#header .l h1 {
	height: 86px;
	width: 248px;
	font-size: .9em;
	top: 50px;
	left: 0;
	float: left;
	position: relative;
}

#header .l h1 a,#header .l h1 a:visited {
	text-decoration: none;
	position: relative;
	top: 0;
	left: 0;
	width: 248px;
}

#header .l h1 a:hover {
	color: #000;
	text-decoration: underline;
}

#header .l h1 a,#header .l h1 a span {
	display: block;
	height: 126px;
	text-indent: -9999em;
}

#header .l h1 a span {
	position: absolute;
	top: 0;
	left: 0;
	width: 248px;
	background: url(../img/logo.png) left top no-repeat;
}
#header .r {
	width: 68%;
	position: relative;
	overflow: hidden;
	top: 70px;
}
#header .r .telefon {
	background: url(../img/ico-tel.png) left top no-repeat;
	display: block;
	text-indent: -9999em;
	width: 287px;
	height: 45px;
}
#navigation {
	background: url(../img/bg-nav.png) left top repeat-x;
	overflow: hidden;
	height: 55px;
	padding: 0 10px;
}
#navigation li {
	float: left;
	display: inline;
	margin-right: 7px;
}
#navigation li a {
	line-height: 50px;
	color: #4d4d4d;
	display: block;
	text-align: center;
	height: 55px;
	float: left;
	padding: 0 30px;
	font-weight: bold;
	text-transform: uppercase;
}
#navigation li a:hover, #navigation li a.active {
	background: #ffb534;
	color: #fff;
}
#breadcrumb {
	display: block;
	background: #ffb534;
	padding: 10px;
	margin-bottom: 10px;
}
#breadcrumb a {
	color:#fff;
}
#breadcrumb a:hover {
	text-decoration: underline;
}
#panel {
	width: 975px;
	overflow: hidden;
	height: 217px;
	background: url(../img/bg-top.png) left top no-repeat;
	position: relative;
	margin-bottom: 20px;
}
#panel span{
	width: 104px;
	height: 74px;
	display: block;
	position: absolute;
	bottom: 0;
	background: url(../img/bg-arrow.png) left bottom no-repeat;
	z-index: 999;
}
#panel .left {
	position: absolute;
	display: block;
	width: 46px;
	height: 57px;
	background: url(../img/bg-arrows.png) right top no-repeat;
	text-indent: -9999em;
	top: 70px;
	z-index: 9999;
}
#panel .left:hover {
	background-position: right -57px;
}
#panel .right {
	position: absolute;
	display: block;
	width: 46px;
	height: 57px;
	background: url(../img/bg-arrows.png) left top no-repeat;
	text-indent: -9999em;
	top: 70px;
	right: 0;
	z-index: 9999;
}
#panel .right:hover {
	background-position: left -57px;
}

#panel #slider li {
	width: 915px;
	float: left;
	position: relative;
	display: inline;
	padding-left: 60px;
}
#panel #slider li .spacer {
	overflow: hidden;
	padding: 20px 0;
	width: 93%;
}
#panel #slider li .spacer .l {
	width: 196px;
}
#panel #slider li .spacer .l img {
	border: 5px solid #fff;
	box-shadow: 0px 0px 5px #7a7a7a;
   -moz-box-shadow: 0px 0px 5px #7a7a7a;
   -webkit-box-shadow: 0px 0px 5px #7a7a7a;
}
#panel #slider li .spacer .r {
	width: 620px;
	overflow: hidden;
}
#panel #slider li .spacer .r h2 {
	font-size: 1.9em;
	text-decoration: none;  
    position: relative;
    color: #fff;  
  	padding-bottom: 10px;   
}
#panel #slider li .spacer .r p {
	color: #272727;
	text-shadow: 1px 1px 0 #ccc;
	font-size: 1.1em;
	line-height: 1.7em;
}
#panel .more {
	display: block;
	background: url(../img/bg-more-info.png) left top repeat-x;
	height: 43px;
	line-height: 43px;
	width: 145px;
	border: 1px solid #bcf253;
	text-align: center;
	color: #fff;
	position: absolute;
	right: 0;
	bottom: 0;
	text-transform: uppercase;
}
#panel .more:hover {
	background-position: 0 -43px;
	border: 1px solid #8e8e8e;
}
.fixed_h {
	height: 260px;
}
#content {
	width: 620px;
	float: left;
	background: #fff;
	box-shadow: 0px 0px 5px #7a7a7a;
   -moz-box-shadow: 0px 0px 5px #7a7a7a;
   -webkit-box-shadow: 0px 0px 5px #7a7a7a;
}

#content .spacer {
	padding: 15px;
}
#content .spacer p {
	line-height: 2em;
}
#content .spacer a {
	color: #444;
}
#content .spacer a:hover {
	color: #666;
}
#content .spacer h3 {
	color: #444;
	font-size: 1.4em;
	margin: 10px 0;
}
#content .spacer h3.title  {
	background: #f8ab25 url(../img/bg-h2.png) right top no-repeat;
	height: 40px;
	line-height: 40px;
	padding: 0 20px;
	display: inline-block;
	color: #353535;
	margin: 10px 0;
	color: #fff;
	font-size: 1em;
}
#content .spacer h3 a {
	color: #444;
	font-size: 1.4em;
}
#content .spacer h3 a:hover {
	color: #666;
}
#content .spacer .box {
	border: 1px solid #ccc;
	padding: 10px;
	margin-bottom: 10px;
	overflow: hidden;
	display:block;
	position: relative;
}
#content .spacer .box .more {
	display: block;
	background: url(../img/bg-more-info.png) left top repeat-x;
	height: 20px;
	line-height: 20px;
	width: 20px;
	border: 1px solid #bcf253;
	text-align: center;
	color: #fff;
	position: absolute;
	right: 0;
	bottom: 0;
	text-transform: uppercase;
}
#content .spacer .box h3 {
	margin-bottom: 10px;
}
#content .spacer .box img {
	float: left;
	margin: 0 10px 10px 0;
	border: 2px solid #444;
}
#content .spacer .image-detail {
	float: left;
	width: 52%;
}
#content .spacer .image-detail img {
	border: 3px solid #444;
}
#content .spacer .info-box {
	float: right;
	width: 45%;
}
#content .spacer .info-box .price {
	padding: 10px;
	border: 1px solid #ffa600;
	background: #f4e8d1;
	color:#111;
}
#content .spacer .info-boxa ul li {
	padding: 5px 0;
}
#content .spacer .info-boxa {
	float: left;
	width: 90%;
}
#content .spacer .info-boxa .price {
	padding: 10px;
	border: 1px solid #ffa600;
	background: #f4e8d1;
	color:#111;
}
#content .spacer .info-boxa ul li {
	padding: 5px 0;
}
#content .spacer .text-detail {
	clear: both;
	padding-top: 10px;
}
#content .spacer .text-detail p {
	line-height: 2em;
}
#content .spacer .text-detail h3 {
	font-size: 1.4em;
	margin: 20px 0 10px 0;
}
#content .spacer fieldset {
	padding:20px;
	margin-top:15px;
	width: 94%;
	clear: both;
	border-bottom: 1px solid #ccc;
}

#content .spacer fieldset legend {
	font-size:13px;
	line-height: 20px;
	padding:5px 10px 0 0;
}

#content .spacer fieldset p {
	margin-bottom:20px;
}

#content .spacer input, #content .spacer textarea, #content .spacer select {
	padding:5px;
	margin-right:10px;
}

#content .spacer select option {
	padding-right:15px;
}

#content .spacer textarea {
	display:block;
	width:99%;
	height: 160px;
	outline: none;
}

#content .spacer label {
	display:inline-block;
	width:120px;
	text-align: left;
	font-size: .9em;
}

#content .spacer input.button {
	background: url(../img/bg-more-info.png) left top repeat-x;
	border:1px solid #448e00;
	height: 30px;
	padding: 0 10px;
	color:#fff!important;
	margin-top: 5px;
}
#content .spacer input.button:hover {
	background-position: 0 -43px;
	border: 1px solid #8e8e8e;
	cursor: pointer;
}

#content .spacer fieldset input.text {
	width: 400px;
	height: 15px;
	outline: none;
}
#content .spacer fieldset legend {
	 color:#444;
	 font-size: 1.4em;
}


#content .spacer input, textarea, select {
	
	background: #fff url('../img/input.png') left -15px repeat-x;
 	border:1px solid #ddd;
 	color:#555;
}
#sidebar {
	width: 345px;
	float: right;
	background: #fff;
	box-shadow: 0px 0px 5px #7a7a7a;
   -moz-box-shadow: 0px 0px 5px #7a7a7a;
   -webkit-box-shadow: 0px 0px 5px #7a7a7a;
}

table.fullwidth {
	width:90%;
	font-size:1em;
	padding:1px;
	margin:10px 0;
	margin-left:15px;

}
.fullwidth input {
	width: 100px;
}

table.fullwidth thead, table.normal thead {
	text-transform:uppercase;
	font-size:10px;
}

table.fullwidth td, table.normal td {
	padding:5px 9px;
	margin:1px 0;
}
table.fullwidth, table.normal {
	 border:1px solid #ddd;
}

table.fullwidth thead, table.normal thead {
 background: #616161;
 color:#fff;
}

table.fullwidth thead tr, table.normal thead tr {
 color:#fff;
}

table.fullwidth tbody tr, table.normal tbody tr {
 color:#111;
  background:url('../img/input.png') 0 0 repeat-x;
  font-size: .9em;
}

table.fullwidth tr.odd, table.normal tr.odd {
 background:#f9f9f9;
 color:#888;
}
table.fullwidth td {
 border-bottom: 1px solid #ddd;
}
table th {
 vertical-align: top;
}

table.fullwidth tr.second .title{
	padding-left: 1.5em;
}
table.fullwidth tr.third .title{
	padding-left: 2.5em;
}
table.fullwidth tr.hover_tr {
 background: #f9f9f9;
}
table.fullwidth tr td.vala{
	background:#EFEFEF;
}
table.fullwidth tr td.valb{
	background:#fff;
}
table.fullwidth tr td.vysledek{
	background: #EEEDEE;
	width:35%;
}
#sidebar ul { 
	margin-top: 10px;
}
#sidebar ul.contact li { 
	padding: .5em 0 .5em 1em;
	margin-bottom: 5px;
}
#sidebar ul.ntk li { padding: .5em 0 .5em .5em; background: url(../img/icon-ol.png) left top no-repeat;
	margin-bottom: 5px;
}
#sidebar ul.ntk li a {
	color: #444;
}
#sidebar ul.ntk li a:hover {
	color: #666;
}
#sidebar ul.ntk li span { color: #444; font-weight: normal; margin-right: 20px; color: #fff; }

#package {
	width: 100%;
	background: #fff;
	margin-top: 20px;
	float: left;
	box-shadow: 0px 0px 5px #7a7a7a;
   -moz-box-shadow: 0px 0px 5px #7a7a7a;
   -webkit-box-shadow: 0px 0px 5px #7a7a7a;
   overflow: hidden;
}
#package ul {
	margin: 20px 0; 
	overflow: hidden;
}
#package ul li {
	display: inline;
	float: left;
	margin-left: 20px;
	overflow: hidden;
	border: 1px solid #06d1f8;
	position: relative;
}
#package ul li img {

}
#package ul li .info {
	height: 48px;
	width: 100%;
	display: block;
	position: absolute;
	bottom: 0px;
	left: 0;
	background: url(../img/bg-info.png) left top repeat;
}
#package ul li a.more {
	width: 92px;
	height: 42px;
	display: block;
	text-indent: -9999em;
	position: absolute;
	bottom: 47px;
	left: 100px;
	background: url(../img/button-info.png) left top no-repeat;
}

#package ul li .info h3 a {
	color: #fff;
	text-align: center;
	margin-top: 10px;
	display: block;
}
#package ul li .info h3 a:hover {
	color: #ccc;
}
#package ul li .info_text {
	height: 65px;
	width: 100%;
	display: block;
	position: absolute;
	bottom: 48px;
	color: #fff;
	text-align: center;
	font-size: .9em;
	left: 0;
	display: none;
	background: url(../img/bg-info.png) left top repeat;
}
#package ul li .info_text a {
	color: #fff;
}
#package ul li .info_text a:hover {
	text-decoration: underline;
}
#footer {
	height: 43px;
	background: url(../img/bg-more-info.png) left top repeat-x;
	line-height: 43px;
	padding: 0 10px;
	width: 960px;
	overflow: hidden;
	float: left;
	margin-top: 20px;
	color: #fff;
}
#footer .l {
	width: 90%;
}
#footer a  {
	color: #fff;
	font-size: .9em;
	
}
#footer a:hover {
	text-decoration: underline;
}

div.polozka {
	float: left;
	width:250px;
	margin:10px;
	background-color:#fff;
}

div.polozka a{
	float: left;
	width:210px;
	margin:auto;
	font-size: 1.4em;
	line-height: 40px;
	background-color:#fff;
	color: #000 !important;
	border:10px solid #87CB00;
	padding:10px;
}

div.polozka a:hover{
	border:10px solid #f8ab25;
	text-decoration:underline;
}

a.objednavka{
	background: url(../img/cart.png) left 0px no-repeat;
	font-size:1.4em;
	padding-left:60px;
	padding-top:30px;
	padding-bottom:30px;
	clear: both;
	width:100%;
}
p.objednavka{
	clear: both;
	width:100%;
}
a.objednavka:hover{
	text-decoration:underline;
}
fieldset.hidden{
	display: none;
}