body{margin: 0; padding: 0; height: 100%; color: #D9D9D9;font-family: Tahoma;	font-size: 11px;	background-color: black;}
#page{height: 100%;	width: 100%;	background: url(../pics/bcg.jpg) no-repeat;	position: absolute;	top: 0;	left: 0;}
#slogan{color: black; position: absolute; margin-top: 117px; margin-left: 750px; font-family: arial;}

/* menu top */
#menu{position: absolute; top: 31px; left: 180px;	font-weight: bold; color: black;}
#menu a{padding-left: 15px; padding-right: 15px; font-weight: bold; color: black;}
#menu a:hover{padding-left: 15px; padding-right: 15px; font-weight: bold; color: black; text-decoration: underline;}
#menu *{padding-left: 15px; padding-right: 15px;}

/* nadpisy */
h1{color: black; font-size: 14px;}
h2{font-weight: normal;	color: #FFD800;	margin-top: 20px; font-size: 12px;}
h3{color: #FFD800; font-size: 11px; margin: 0px; font-weight: bold;}
h4{color: #8AB915; font-size: 11px;	margin: 8px 0 5px 0;}

/* levy sloupec */
#col1-cont {width: 235px;	padding-top: 30px !important;}
#col1 {width: 205px !important;	position: relative;;}
#menu-left{color:#878787; text-align: left; font-size: 11px; line-height: 2.0em;width: 150px; padding:10px;margin-left: 20px; background-color:#141414;}
a{color: #FFD800;	text-decoration: none;}
a:hover{color: #D9D9D9;}
a.menulink{color: #D9D9D9;	text-decoration: none;}
a.menulink:hover{color: #FFD800;}

/* stredovy obsah*/
#col2-cont{width: 600px;}
#col2{text-align: justify;} 

/* paticka */
#footer-cont {font-size: 9px; clear: both; height: 45px; width: 100%; color: black; background: #FFD800;}
#footer {padding: 4px 12px;}

/* inputs */
fieldset{border: 0px}
form{margin: 0; text-align: left !important;}
input{font-size: 10px; font-family: Arial;	color: #D9D9D9;}
textarea{font-family: Arial;	font-size: 10px; color: #D9D9D9;}
select{font-family: Arial; font-size: 10px;	color: #D9D9D9;}

/* prvky */
p {margin: 0;}
.color {color: #FFD800;}
hr{height: 1px; color: #141414; background-color: #141414; border: 0px solid #141414; width: 630px; margin: 0px; margin-left:auto; margin-right:auto}

/* portfolio */
.pr-title-cont {width: 625px; font-weight: normal;border-bottom: 1px solid #FFD800;padding: 20px 0 0 0;margin-bottom: 10px;}
.pr-title {background: #FFD800;	color: black;	width: 160px;	padding: 1px 5px;	text-align: left !important;}
.pr-img img {	margin: 0 5px;}
.pr-content {	padding-right: 50px !important;}
#portfolio {width: 100%;}
#por-cats {	width: 600px;	margin-left: 20px;	margin-bottom: -15px;}
#por-cats2 {width: 540px;	margin-left: 0px;	margin-bottom: -15px;}
#por-cats2 td.first {	width: 260px !important;}
#por-cats2 td {width: 220px;}
#por-cats td {width: 200px;}
#por-cats td.first {width: 280px !important;}
#por-cats  a {color: #D9D9D9;	background: url(../pics/sipka-rg.gif) no-repeat left 2px;	padding-left: 12px;	margin-bottom: 5px;	display: block;}
#por-cats a:hover {color: white;	background: url(../pics/sipka-rr.gif) no-repeat left 2px;}
#por-cats2  a {color: #D9D9D9;	background: url(../pics/sipka-rg.gif) no-repeat left 2px;	padding-left: 12px;	margin-bottom: 5px;	display: block;}
#por-cats2 a:hover {color: white;	background: url(../pics/sipka-rr.gif) no-repeat left 2px;}
.por-item {margin-bottom: 0;	margin: 10px 0 10px 25px;	}
.por-item.first {border-top: none !important;	margin-top: 0x;}
.por-img {float: left;	width: 151px;	height: 31px;	padding: 1px;	border: 1px solid #D9D9D9;	position: relative;}
.por-main {width: 700px;}
.por-content {width: 395px; margin-left: 165px;	position: relative;}
.por-detail-link-cont {vertical-align: bottom !important; padding: 0 10px 0 10px !important;}
.por-detail-link{width: 8px;height: 7px;background: url(../pics/sipka-rr.gif) no-repeat;display: block;}
.por-line {	width: 625px; border-top: 1px solid #141414; 	clear: left;}

/* hlavni strana obsah */
#content-col {padding-top: 22px !important;}
.lw-item{clear: left;margin-bottom: 9px;min-height: 40px;_height: 40px;}
.lw-img{float: left;width: 151px;	height: 31px;	padding: 1px;	border: 1px solid #D9D9D9;}
.lw-content{margin-left: 165px;}
.lw-title{color: #FFD800;text-align: left !important;}
#lw-pager{position: absolute;	left: 466px;	top: 331px;}

/* menu vlevo - obsah */

#col-one {text-align: justify;}
#col-one h1{padding-top: 25px; color: #FFD800}

hr.cara { border:0.5px #141414 solid; border-bottom:none; border-left:none; border-right:none; margin: 5px 0 5px 0;}



.valign-top, table.valign-top td {
	vertical-align: top !important;
}


table.vertical-middle td {
	vertical-align: middle !important;
}

.error {
	color: Red !important;
	font-weight: bold;
}

table.design { 
	border-collapse: collapse;  
	border-spacing: 0;  
}
table.design td, table.design th {
	padding: 0;
	vertical-align: top;
}

table.print { 
	border-collapse: collapse;  
	border-spacing: 5px;
  padding: 5px;  
}

table.print td{
  width: 80px;
	padding: 5px;
	text-align: center;
	vertical-align: top;
}

table.print td.ks{
  width: 80px;
	padding: 5px;
	text-align: left;
	vertical-align: top;
}

table.print td.grey{
  width: 80px;
	padding: 5px;
	background-color: #C2C2C2;
	color: #333333;
	text-align: center;
	vertical-align: top;
}




a.invert {
	color: #D9D9D9;
}
a.invert:hover {
	color: #FFD800;
}

a img {
	border: none;
}



ul {
	list-style: disc;
}

.title-cont {
	border-spacing: 0;
	border-collapse: collapse;
	width: 100%;
	margin: 8px 0;
}
.title-cont td {
	padding: 0;
}
.title-cont .title-line {
	border-bottom: 1px solid #8AB915;
	width: 100%;
}

a.next {
	position: absolute;
	left: 10px;
	width: 8px;
	height: 7px;
	background: url(../pics/sipka-rr.gif) no-repeat;
}
span.next {
	position: absolute;
	left: 10px;
	width: 8px;
	height: 7px;
	background: url(../pics/sipka-rg.gif) no-repeat;
}
a.prev {
	position: absolute;
	width: 8px;
	height: 7px;
	background: url(../pics/sipka-lr.gif) no-repeat;
}
span.prev {
	position: absolute;
	width: 8px;
	height: 7px;
	background: url(../pics/sipka-lg.gif) no-repeat;
}

#main-cont {
	margin-top: 431px;
	width: 100%;
}
#main-cont.block {
	background: url(../pics/content.jpg) no-repeat 210px top;
}
#main {
	/*min-height: 560px;
	_height: 550px;*/
	margin-bottom: 20px;
	border-collapse: collapse;
}
#main td {
	padding: 0;
	vertical-align: top;
}





#col4 {
	margin: 368px 0 0 0;
}
#prod-table {
	margin-left: -20px;
}
#prod-table td {
	text-align: center;
	border-right: 1px solid #D9D9D9;
	width: 183px;
}
#prod-table .pic-box {
	height: 132px;
	text-align: center;
}
#prod-table td.last {
	border-right: none;
}
#prod-table div {
	text-align: right;
	margin: 5px 10px 3px 10px;
}

#col-one {
	text-align: justify;
}

#con-table {
	border-collapse: collapse;
	width: 630px;
	margin-top: -12px;
}
#con-table th {
	font-weight: normal;
	border-bottom: 1px solid #878787;
	padding: 20px 0 0 0;
}
#con-table th.middle {
	padding-left: 60px;
}
#con-table td {
	padding: 10px 0 0 40px;
}
#con-table td.middle {
	padding-left: 100px;
}
.con-title {
	background: #878787;
	color: White;
	width: 160px;
	padding: 1px 5px;
}

#cli-col1, #cli-col2, #cli-col3 {
	width: 195px;
	float: left;
	margin-top: 10px;
	padding: 5px 0;
}
#cli-col1, #cli-col2{
	border-right: 1px solid #D9D9D9;
}
#cli-col3, #cli-col2, #cli-col3 {
	padding-left: 20px;
}
#cli-col1 a, #cli-col2 a, #cli-col3 a{
	color: #666666;
}
#cli-col1 a:hover, #cli-col2 a:hover, #cli-col3 a:hover{
	color: white;
}

#pricelist {
	margin-top: 10px;
}
#pricelist .pr-text {
	background: url(../pics/input.jpg);
	width: 109px;
	padding: 3px;
	height: 11px;
	border: none;
	margin-right: 4px;
}
#pricelist .pr-input {
	vertical-align: top;
}
#pricelist .pr-label {
	padding-right: 4px;
	text-align: right;
} 
#pl-osobni {
	width: 470px;
}
#pl-osobni td {
	padding-top: 4px;
}
.povinne {
	background: url(../pics/star.jpg) no-repeat;
	padding-left: 4px;
}
.line {
	border-top: 1px solid #D9D9D9;
	margin: 11px 0 0 0;
	margin-bottom: 12px;
	_margin-bottom: 0;
	width: 480px;
}
.pl-title {
	margin-bottom: 5px; 
}
#pl-prani {
	width: 460px;
	margin-left: 58px;
}
#pricelist textarea {
	background: url(../pics/textarea.jpg);
	width: 341px;
	height: 103px;
	border: none;
	padding: 3px;
	margin-left: 65px;
}
#pl-submit-cont {
	width: 440px;
	text-align: right;
}
#pl-submit {
	border: none;
	color: #878787;
	background: White url(../pics/sipka-rr.gif) no-repeat right 3px;
	cursor: pointer;
	padding-right: 10px;
	text-align: right;
	margin-top: 7px;
}
.error {
	color: #fe003c;
	font-weight: bold;
}
#col-one {
	width: 450px;
}




#por-pics {
	text-align: center;
	margin-bottom: 10px;
}
#por-pics img {
	border: 1px solid #B0B0B0;
}
#por-desc {
	margin-top: 10px;
}

#portfolio .pic-box {
	margin-bottom: 10px;
}

#por-pager {
	text-align: center;
	margin-top: 10px;
}
a.por-next {
	background: url(../pics/sipka-rg.gif) no-repeat right 3px;
	color: #666666;
	padding: 0 15px;
}
a.por-prev {
	background: url(../pics/sipka-lg.gif) no-repeat left 3px;
	color: #666666;
	padding: 0 15px;
}
a.por-next:hover {
	background: url(../pics/sipka-rr.gif) no-repeat right 3px;
	color: #FFD800;
}
a.por-prev:hover {
	background: url(../pics/sipka-lr.gif) no-repeat left 3px;
	color: #FFD800;
}

