/* CSS Document */
/* creted by GoldenDesign.CZ */

table {border-collapse:collapse;}
img, p {border:0px;margin:0px;padding:0px;}
p {text-indent: 15px; text-align: justify; margin: 5px 0;}
strong {color: #393939;}
a {text-decoration: none; color: #666666;}
a.news-a {color: #0066CC;}
a:hover, a.reference-a:hover {color: #FF8800;} 

.blue {color: #0066CC;}
.orange {color: #ff8800;}

p.news-body, .news-body {
	width: 164px;
	margin: 0 0 0 4px;
	padding: 8px 4px 8px 4px;
	text-align: left;
	border-top: 1px dotted #d1d1d1;}

p.p-news, p.p-contact {
	width: 194px;
	margin: 0 0 0 31px;
	padding: 8px 10px;
	text-align: justify;}
	
p.p-contact {
	text-indent: 0px;}
		
p.eonas-text {
	padding:0 10px 0 10px;
	text-align:justify;}

p.p-full {
	width: 570px;
	float: left;
	padding: 0 20px 0 10px;}

p.dph {
	width: 570px;
	text-align: right;
	font-weight: bold;
	float: left;
	padding: 0 20px 0 10px;}
			
.odsazeni-gray {
	width: 500px;
	margin: 10px 0 10px 10px;}
	
.webmap-text {
	padding: 0 0 0 50px;}

.webmap-subtopic {
	color: #0066CC;}
	
h1.email-topic{padding: 0 0 0 20px;}
	
h1 {font-size: 20px; 
	text-align: left;
	font-weight: bold;
	padding: 20px 0 0 20px;
	margin: 0px;
	color: #ff8800;}

h1 .topic-small {
	font-size: 12px;
	color: #ff8800;}

h2 {font-size: 15px; 
	text-align: left;
	font-weight: bold;
	padding: 0 0 0 10px;
	margin: 0px;
	color: #0066CC;}

h3 {font-size: 13px; 
	text-align: left;
	font-weight: bold;
	margin: 0px;
	padding: 0 0 5px 5px;
	color: #0066CC;}

h4 {font-size: 13px; 
	text-align: left;
	font-weight: bold;
	margin: 0px;
	padding: 0px;
	color: #ff8800;}
	
.zahlavi-logo {
	width: 220px;
	height: 50px;
	float: left;
	margin: 20px 0 0 240px;}

.zahlavi-links {
	width: 150px;
	line-height: 20px;
	float: right;
	text-align: right;
	margin: 10px 90px 0 0;}

.webmap-text {
	color: #0066CC;}

/* TOPIC SHADOW - START */
.topic { 	
	height: 50px;
	width: 350px;
	text-align: left;}

.topic-faq {background-image: url("../imgs/topic-faq.jpg"); background-repeat: no-repeat;}

.topic-reference {background-image: url(../design/topic-reference.png); background-repeat: no-repeat; width: 595px; height: 45px;}
.topic-kontakt {background-image: url(../design/topic-kontakt.png); background-repeat: no-repeat; width: 595px; height: 45px;}
.topic-form {background-image: url(../design/topic-form.png); background-repeat: no-repeat; width: 595px; height: 45px;}
.topic-gd {background-image: url(../design/topic-gd.png); background-repeat: no-repeat; width: 595px; height: 45px;}
.topic-spoluprace {background-image: url(../design/topic-spoluprace.png); background-repeat: no-repeat; width: 595px; height: 45px;}
.topic-procnas {background-image: url(../design/topic-procnas.png); background-repeat: no-repeat; width: 595px; height: 45px;}
.topic-zasady {background-image: url(../design/topic-zasady.png); background-repeat: no-repeat; width: 595px; height: 45px;}
.topic-porovnani {background-image: url(../design/topic-porovnani.png); background-repeat: no-repeat; width: 595px; height: 45px;}

.sluzby-01 {background-image: url(../design/sluzby-01.png); background-repeat: no-repeat; width: 595px; height: 45px;}
.sluzby-02 {background-image: url(../design/sluzby-02.png); background-repeat: no-repeat; width: 595px; height: 45px;}
.sluzby-03 {background-image: url(../design/sluzby-03.png); background-repeat: no-repeat; width: 595px; height: 45px;}
.sluzby-04 {background-image: url(../design/sluzby-04.png); background-repeat: no-repeat; width: 595px; height: 45px;}
.sluzby-05 {background-image: url(../design/sluzby-05.png); background-repeat: no-repeat; width: 595px; height: 45px;}
.sluzby-06 {background-image: url(../design/sluzby-06.png); background-repeat: no-repeat; width: 595px; height: 45px;}
.sluzby-07 {background-image: url(../design/sluzby-07.png); background-repeat: no-repeat; width: 595px; height: 45px;}
.sluzby-08 {background-image: url(../design/sluzby-08.png); background-repeat: no-repeat; width: 595px; height: 45px;}
.sluzby-09 {background-image: url(../design/sluzby-09.png); background-repeat: no-repeat; width: 595px; height: 45px;}
.sluzby-10 {background-image: url(../design/sluzby-10.png); background-repeat: no-repeat; width: 595px; height: 45px;}
.sluzby-11 {background-image: url(../design/sluzby-11.png); background-repeat: no-repeat; width: 595px; height: 45px;}
/* TOPIC SHADOW - END */
	
.home-text {
	width: 330px;	
	text-align: justify;
	padding: 10px 0 10px 65px;
	/*border-bottom: 1px dotted #d1d1d1;*/}

.home-odsazeni {padding: 0 0 0 30px;}

.no01 {background: url("../imgs/no01.jpg") 10px 24px; background-repeat: no-repeat;}
.no02 {background: url("../imgs/no02.jpg") 10px 15px; background-repeat: no-repeat;}
.no03 {background: url("../imgs/no03.jpg") 10px 18px; background-repeat: no-repeat;}
.no04 {background: url("../imgs/no04.jpg") 10px 16px; background-repeat: no-repeat;}	
.no05 {background: url("../imgs/no05.jpg") 10px 25px; background-repeat: no-repeat;}
		
.news{ 	
	width: 180px;
	height: 100%;
	float: right;
	margin: 0 0 10px 0;
	background-color: #efefef;
	border: 1px solid #d1d1d1;}

.news-topic{ 	
	line-height: 32px;
	font-size: 15px;
	text-align: left;
	font-weight:bold;
	padding: 0 0 0 10px;
	color: #ff8800;}


/* REFERENCE */
.reference-blok {
	width: 600px;
	float: left;
	margin: 0 0 50px 0;}

.reference {
	width: 180px;
	margin: 9px;
	padding: 0px;
	float: left;
	border: 1px solid #e5e5e5;}

.reference:hover {
	/*border: 1px solid #ff8800;*/}

a.reference-a {
	width: 180px;
	text-align: center;
	display: block;}

a.reference-a:hover {
	color: #ff8800;
	text-decoration: underline;}
	
.table-price, .table-faq {
	padding: 0 0 0 25px;}

.price-line td {
	border-top: 1px dotted #d1d1d1;
	border-bottom: 1px dotted #d1d1d1;}

.price-line:hover td {
	background-color: #efefef;}
		
.price-line-top td{
	border-top: 1px dotted #d1d1d1;
	background-color: #efefef;}

.price-line-bottom td{
	background-color: #efefef;
	border-bottom: 1px dotted #d1d1d1;}

.price-line-invisible {
	padding: 0 0 0 10px;}
	
.price {
	font-weight: bold;
	text-align: right;}

.question {
	font-weight: bold;
	text-align: center;}
	
.table-dph{
	width: 550px;
	margin: 0 auto;
	padding: 5px;
	color: #ff8800;
	text-align: center;
	background-color: #efefef;
	border: 1px solid #d1d1d1;}

.zapati-text {
	color: #999999;
	line-height: 79px;
	font-size: 10px;
	padding: 0 0 0 165px;}
	
.banner{
 	width: 210px;
	float:left;
	margin: 80px 0 0 25px;}
	
.banner-topic{
	width: 202px;
	height: 39px;
	padding: 0 0 10px 0;}
	
.banner-text{text-align: left;}

.errors-ko {
	background-color: #efefef;
	border: 1px solid #FF0000;}

.errors-ko tr td {
	font-weight: bold; 
	color: #FF0000; 
	padding: 15px;}
	
.errors-ok {
	background-color: #efefef;
	border: 1px solid #009900;}
	
.errors-ok tr td {
	font-weight: bold; 
	color: #009900;  
	padding: 15px;}

.preklad {
	width: 578px;
	margin: 5px 0 5px 0;
	padding: 20px 10px 10px 10px;
	border: 1px dotted #d1d1d1;}

.preklad:hover {
	background-color: #efefef;}


/* O NAS - START */
	p.p-about-5s {
		width: 500px;
		margin: 0 0 0 44px;
		padding: 5px;
		color: #ff8800;
		text-align: center;
		background-color: #f0f0f0;
		border: 1px solid #e0e0e0;
		float: left;}

	h2.h2-about {
		width: 599px;
		padding: 0 0 0 10px;
		margin: 15px 0 0 0;
		float: left;}
/* O NAS - END */



/* HOME-BOX - START */	
	.box-home {
		width: 190px;
		height: 220px;
		float: left;
		margin: 5px;
		background-image: url("../design/box-home-bg.png");}
		
	.box-price-star {
		width: 80px;
		height: 80px;
		position: absolute;
		background-image: url("../design/price-star.png");
		background-repeat:; background-repeat: no-repeat;
		margin: -15px 0 0 115px;
		padding: 22px 0 0 0;
		line-height: 16px;
		text-align: center;
		font-weight: bold;
		color: #FFFFFF;}
	
	h2.h-box-home{
		font-size: 20px; 
		margin: 20px 0 0 20px;
		padding: 0px;
		color: #0066CC;}
		
	h2.h-box-home .h-small {
		font-size: 11px;
		color: #FF6600;}
		
	a.a-box-home {
		width: 175px;
		line-height: 14px;
		display: block;
		text-align: right;
		text-decoration: none;
		position: absolute;
		margin: 120px 0 0 0;
		padding: 0 15px 0 0;
		color: #FF6600;}
			
	a.a-box-home:hover {
		text-decoration: underline;}
	
	p.p-box-home {
		padding: 5px 18px;
		text-indent: 0px;
		text-align: left;
		color: #292929;}
	
	p.p-box-home strong {
		color: #090909;}
/* HOME-BOX - END */	



/* HOME-TABLE - START */	
	table.table-intro tr td{
		border: 1px solid #fff;}
		
	table.table-intro{
		margin: 0 auto;}
		
	table.table-intro tr td.td-gc{
		background-color: #f6f6f6;
		text-align: center;}
		
	table.table-intro tr td.td-gp{
		background-color: #eaeaea;
		text-align: center;}
		
	table.table-intro tr td.td-gb{
		background-color: #e2e2e2;
		text-align: center;}
		
	table.table-intro tr td.td-empty{
		background-color: #f6f6f6;
		padding: 0 0 0 5px;}
		
	table.table-intro tr td.td-topic{
		color: #0066CC;
		font-weight: bold;
		padding: 5px 0 0 0;}
	
	.yes {
		color: #02c306;
		font-weight: bold;}
	
	.no {}
/* HOME-TABLE - END */	



/* CONTACT - START */	
	.contact-lane {
		width: 600px;
		float: left;}
			
	.contact-line {
		width: 500px;
		margin: 25px 0 25px 50px;
		height: 1px;
		float: left;
		background-color: #eee;
		border-top: 1px solid #ddd;}
	
	.contact-user {			
		width: 200px;
		float: left;
		text-align: left;
		padding: 0 0 0 100px;}
	
	.contact-user h2{	
		padding: 0px;
		margin: 15px 0 5px 0;}
	
	.user01 {background: url("../imgs/contact-kantorik.jpg") 10px 15px; background-repeat: no-repeat;}
	.user02 {background: url("../imgs/contact-bidenkova.jpg") 10px 15px; background-repeat: no-repeat;}
	.user03 {background: url("../imgs/contact-roman.jpg") 10px 15px; background-repeat: no-repeat;}
/* CONTACT - END */



/* FORM - CONTACT - START */		
	.form-top {
		width: 550px; 
		height:9px;
		margin:	25px 0 0 25px; 
		background:url("../design/form-bg-top.png") top left; background-repeat: no-repeat;
		float: left;}
	
	.form-body {
		width: 550px; 
		padding:0px;
		margin:	0 0 0 25px;
		background:url("../design/form-bg-middle.png") top left repeat-y; 
		float: left;}
		
	.form-bottom {
		width: 550px; 
		height:9px;
		margin:	0 0 10px 25px;
		background:url("../design/form-bg-bottom.png") top left; background-repeat: no-repeat;
		float: left;}
	
	.form-obr {
		display: none;
		position:absolute; 
		top:-29px; 
		right:20px; 
		width:114px; 
		height:95px; 
		background: url("../design/form-bg-obr.png") top left; background-repeat: no-repeat;}
	
	ul.ul-form {
		width: 510px;
		float: left;
		margin: 5px 0 10px 20px;
		padding: 0px;}
	
	ul.ul-form li {
		list-style: none;}
	
	ul.ul-form li.f-text, ul.ul-form li.f-input {
		width: 250px;
		margin: 0 0 2px 5px;
		float: left;}
	
	ul.ul-form li.f-text {
		color: #393939;
		margin: 10px 0 2px 5px;}
	
	ul.ul-form li.f-area{
		width: 500px;
		float: left;}
	
	ul.ul-form li.f-info{
		width: 500px;
		color: #999999;
		font-style: italic;
		float: left;}
	
	ul.ul-form li.f-anti{
		display: none;}	
	
	ul.ul-form li.f-button{
		width: 500px;
		text-align: right;
		float: left;}
		
	.txt-input, .txt-area {
		padding:2px;
		width: 230px;
		margin:2px 0px;
		color:#999999;		
		background-color:  #fdfdfd;
		border:1px solid #ccc;}
	
	.txt-area, textarea {
		width: 495px;}
		
	.txt-select, select {
		padding:2px;
		margin:2px 0px;
		color:#999999;
		background-color: #fdfdfd;
		border:1px solid #ccc;}
	
	input, textarea, select {
		padding:2px;
		margin:2px 0px;
		color:#999999;		
		background-color:  #fdfdfd;
		border:1px solid #ccc;}
	
	 input.administrace {
	 	width: 160px;}
	
	 select.administrace {
	 	width: 165px;}
		
	.txt-input:hover, .txt-area:hover, input:hover {
		border:1px solid #333;}
		
	.txt-input:focus, .txt-area:focus, input:focus {
		border:1px solid #fe7e01;
		color:#555;}
/* FORM - CONTACT - END */



/* SERVICES - START */
	p.keyw {
		color:#CCCCCC;
		display: none;} 
	
	.price-hidden {
		color:#0066CC;
		font-weight: bold;}
	
	.price-save {
		color:#ff8800;}
	
	ul.services {
		width: 510px;
		line-height: 18px;
		list-style: none;
		float: left;
		margin: 20px 0 20px 40px;
		padding: 0px}
	
	ul.services li{
		margin: 0 0 3px 0;
		padding: 0 5px;}
	
	ul.services li.s-name {
		width: 390px;
		font-weight: bold;
		color: #393939;
		border-bottom: 1px dotted #ff8800;
		float: left;}
	
	ul.services li.s-price{
		width: 100px;
		font-weight: bold;
		color: #FFFFFF;
		text-align: right;
		background-color: #ff8800;
		border-bottom: 1px solid #ff8800;
		float: left;}		
	
	ul.services li.sub-plus, ul.services li.sub-next {		
		width: 450px;
		background-image: url("../design/ul-orange.png");
		background-repeat:; background-repeat: no-repeat;
		background-position: 3px 5px;
		margin: 0 0 0 20px;
		padding: 0 0 0 20px;
		text-align: justify;
		float: left;}	
	
	ul.services li.sub-next {		
		margin: 0 0 20px 20px;}
		
	ul.services li.sub-incl {			
		width: 490px;
		font-weight: bold;
		color: #393939;
		margin: 5px 0 0 20px;
		padding: px;
		float: left;}		
/* SERVICES -END */



/* SubMenu LEFT BOX - START */	
	.left-box-top {
		width: 245px;
		height: 5px;
		background-image: url("../design/left-box-top.jpg");
		background-repeat:; background-repeat: no-repeat;
		margin: 2px 0 0 0;}
	
	.left-box-body {
		width: 245px;
		background-image: url("../design/left-box-body.jpg");
		background-repeat: repeat-y;}
	
	.left-box-bottom {
		width: 245px;
		height: 5px;
		background-image: url("../design/left-box-bottom.jpg");
		background-repeat:; background-repeat: no-repeat;}
/* SubMenu LEFT BOX - END */