/*
	Vychozi nastaveni barev
	Text:           #787878
	Odkazy:         #0285b9
	Odkazy hover:   #0285b9 underline
	Nadpisy:        #0285b9
*/


/*  reset vychoziho stylu prohlizecu */
html,body,div,
applet,object,
h1,h2,h3,h4,h5,h6,p,
a,address,
em,img,
li,ol,ul,
fieldset,form,label,legend,
table,caption,tbody,tfoot,thead,tr,th,td {
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: normal;
	font-style: normal;
	font-size: 100%;
	line-height: 1;
	font-family: inherit;
	text-align: left;
}
table { border-collapse: collapse; border-spacing: 0; }
input,textarea{ font-weight: normal; font-style: normal; font-size: 100%; line-height: 1; font-family: inherit; }
ol,ul { list-style: none; }
legend { display: none; }
a { text-decoration: none; }
a:hover { text-decoration: underline; }
/*  /reset vychoziho stylu prohlizecu */


/* vseobecne */
body { text-align: center; font: normal normal normal 62.5%/1 Tahoma,arial,sans-serif; color: #787878; background: #01415d url("../images/body-bg.png") repeat-x; }
h1 { font-size: 1.8em; }
h2 { margin: 0 0 .9em; font-size: 1.166em; font-weight: bold; color: #0285b9; }
h4, h5 { line-height: 1.5; color: #0285b9; }
p { margin: 0 0 18px; line-height: 1.5; }
address { line-height: 1.5; }

.all { width: 960px; margin: 10px auto; text-align: left; font-size: 1.2em; }
.clear { height: 0; clear: both; font-size: 0; }
.hidden { position: absolute; left: -1000px; top: -1000px; width: 1px; height: 1px; overflow: hidden; }
.more-info { text-align: right;}
.strong { font-weight: bold; }
div.warn, div.err{
  border: 1px solid #ee0000;
  margin-left: auto;
  margin-right: auto;
  margin-top: 10px;
  margin-bottom: 10px;
  padding-top: 10px;
  padding-left: 50px;
  padding-bottom: 10px;
  padding-right: 10px;
  background-image: url('http://www.kvalitniwebhosting.cz/img/warn.png');
  background-repeat: no-repeat;
  background-position: 10px 5px;
}
div.ok{
  border: 1px solid #0000ee;
  margin-left: auto;
  margin-right: auto;
  margin-top: 10px;
  margin-bottom: 10px;
  padding-top: 10px;
  padding-left: 50px;
  padding-bottom: 10px;
  padding-right: 10px;
  background-image: url('http://www.kvalitniwebhosting.cz/img/info.png');
  background-repeat: no-repeat;
  background-position: 10px 1px;
}
/* vseobecne */


/* hlavicka */
.top { background: url(../images/top-bg.png) repeat-y; }
.top a { color: #fff; }

	/* logo */
	h1, h1 span { float: left; position: relative; width: 349px; height: 103px; overflow: hidden; z-index: 1; }
	h1 span { position: absolute; top: 0; left: 0; display: block; background: url("../images/logo-bg.png") no-repeat left center; z-index: 2; cursor: hand; }
	/* /logo */


	/* navigace */
	.top ul { height: 38px; min-height: 38px; padding: 6px 10px 0 0; text-align: right; background: url("../images/top-nav-bg.png") no-repeat right top; }
	.top li { display: inline; margin: 0 20px 0 14px; padding: 7px 0 16px; line-height: 1.2em; }
	.top li.home { background: url("../images/top-nav-home.png") no-repeat left center; }
	.top li.offer { background: url("../images/top-nav-offer.png") no-repeat left center; }
	.top li.contact-us { background: url("../images/top-nav-contact.png") no-repeat left center; }
	.top li a { padding: 0 0 0 25px; font-size: 1em; }
	.top li.offer a { padding: 0 0 0 22px; }
	/* navigace */

/* /hlavicka */


/* obsah */
.contentP { padding: 10px; background: #e8f5ff url("../images/content-top-bg.png") no-repeat; }
.content { padding: 10px 0 0; }
.content a { color: #0285b9; text-decoration: underline;}

	/* bloky na uvodni strane */
	.content .block { display: inline; float: left; width: 300px; margin: 0 20px 20px 0; }
	.content .last-in-row { margin-right: 0; }

		/* tabulka domen */
		.block table.domains { width: 100%; margin: 0 0 10px; }
		.block table.domains th, .block table.domains td { padding: 6px 0 6px 13px; border-bottom: 1px solid #d2dbe1; background-color: #f2f8ff; }
		.block table.domains th { font-weight: bold; }
		.block p.domains { padding-right: 30px; }
		/* tabulka domen */


		/* hledani volnych domen */
		.block form { margin: 0 0 18px; }
		.domain-text { width: 100px; padding: 2px 4px; }
		/* hledani volnych domen */


		/* aktuality */
  		.block p.news { margin-bottom: 10px; }
        /* /aktuality */


		/* nahledy nabidek */
		.preview { padding: 15px 0 0; background: url("../images/offer-preview-top-bg.png") no-repeat; }

		    /* nadpis - nazev hostinu */
			.preview h3, .preview h3 span { position: relative; left: 15px; width: 270px; height: 20px; overflow: hidden; z-index: 1; }
			.preview h3 span { position: absolute; top: 0; left: 0; display: block; z-index: 2; cursor: hand; text-decoration: none; }
			.preview1 h3 a { font-weight: bold; text-decoration: none; font-size: 1.3em; color: #0285b9; }
			.preview2 h3 a { font-weight: bold; text-decoration: none; font-size: 1.3em; color: #b90276; }
			.preview3 h3 a { font-weight: bold; text-decoration: none; font-size: 1.3em; color: #0fb902; }
			/* nadpis - nazev hostinu */

        .preview p { padding: 5px 15px 0; }
		.preview .order { height: 150px; min-height: 150px; }
		.preview1 .order { background: url("../images/preview1-bottom-bg.png") no-repeat bottom; }
		.preview2 .order { background: url("../images/preview2-bottom-bg.png") no-repeat bottom; }
		.preview3 .order { background: url("../images/preview3-bottom-bg.png") no-repeat bottom; }

		.preview .order p { position: relative; top: 10px; left: 150px; width: 114px; overflow: hidden; z-index: 1; }

		.preview .order a { font-size: 1em; text-decoration: none; }
		.preview .order a strong { font-size: 1.25em; line-height: 1.25em; }
		.preview .order a span { display: block; width: 120px; height: 28px; margin-top: 10px; background: url(../images/order-bg.png) no-repeat left center; }
		.preview1 .order a { color: #0285b9; }
		.preview2 .order a { color: #b90276; }
		.preview3 .order a { color: #0fb902; }
		/* /nahledy nabidek */

	/* bloky na uvodni strane */

	/* idealni programy */
	.programlist .programs { float: left; width: 613px; margin-left: 10px;  }
	.programlist .programs .block { width: 623px; }
	.programlist .programs .preview { background: url("../images/programlist-preview-top-bg.png") no-repeat; }
	.programlist .programs .preview-bottom-bg { padding-bottom: 15px; background: url("../images/programlist-preview-bottom-bg.png") no-repeat left bottom; }
	.programlist .programs .preview .info { float: left; width: 400px; }
	.programlist .programs .preview .order { float: right; width: 200px; background: none; }
	.programlist .programs .preview .order p { position: static; width: 180px; }
	.programlist .programs .preview .order em { display: block; line-height: 2.2em; border-bottom: 1px solid #d3dee3; }
	.programlist .programs .preview .order strong { display: block; padding-top: .6em; }

	.orderlist .domains, .programlist .domains { float: right; width: 300px; }
	.orderlist .domains .block, .programlist .domains .block { float: right; clear: right; width: 300px; }
    /* /idealni programy */

	/* objednavka*/
	.order-block { float: left; width: 613px; margin-left: 10px; }
    .order-status li { margin: 10px 5px 0 0; float: left; width: 149px; height: 30px; line-height: 30px; font-size: 1.166em; }
    .order-status li a { display: block; height: 30px; line-height: 30px; text-decoration: none; }
    .order-status li.active span { font-weight: bold; background-position: left top; }
	.order-status li.passed span { background-position: 0 -84px; }
	.order-status li.last { margin-right: 0; }
    .order-status li span { display: block; padding: 0 0 0 10px; background: url("../images/order-steps.png") no-repeat 0 -42px; }
	.order-panel { padding: 35px 25px 10px; border: 1px solid #a2d2fa; background: #fff; }
	.order-panel .available { color: #009933; }
	.order-panel .unavailable { color: red; }
	.order-panel h3 { margin-bottom: 15px; font-size: 1.166em; }
	.order-panel p.buttons { margin: 25px 0 0; padding: 10px 0 0; text-align: right; border-top: 1px solid #cdcdcd;}
	.order-panel p.buttons input { float: right; margin: 0 0 0 8px; padding: 3px 5px; border-radius: 0.25em; -moz-border-radius: 0.25em; -webkit-border-radius: 0.25em; }
 	.order-panel .call { font-weight: bold; border: 1px solid #707070; background: #99ff99; }
	.order-panel .blank { border: 1px solid #707070; background: #efefef; }
	.order-panel p.buttons span { float: left; text-align: left; }
	.order-panel p.buttons span a { padding: 3px 5px; text-decoration: none; border: 1px solid #707070; background: #efefef; border-radius: 0.25em; -moz-border-radius: 0.25em; -webkit-border-radius: 0.25em; }
	.order-panel p.buttons span a:hover { background: #99ff99; }
	.order-panel p.buttons span a.active:hover { background: none; }
	.order-programs { margin: 40px 0 30px; }
	.order-programs label { float: left; display: block; width: 175px; padding: 8px 0; text-align: center; border-right: 1px solid #cdcdcd; }
	.order-programs .last label{ border: none; }
	.order-programs .checked{ background: #ccffcc; }
	.order-programs .hostingless label { background: #f9f6f6; }
	.order-programs span { display: block; padding: 0 0 15px; }
	.order-programs strong { display: block; padding: 0 0 3px; font-size: 1.083em; color: #aaa; font-weight: normal; }
	.order-programs strong em { display: block; line-height: 1.2em; font-size: 1.3em; color: #787878; font-weight: bold; text-align: center; }
	.order-programs span.price { width: 175px; color: #aaa; }
	.order-programs span.price strong { width: 175px; color: #0286b7;  font-weight: bold; }
	.order-programs input { text-align: center; vertical-align: middle; }

	.customer { margin: 40px 0 0; }
	.customer p {margin: 0 0 8px; }
	.customer label { display: block; float: left; width: 120px; margin: 3px 15px 0 0; text-align: right; }
	.customer input, .customer select { width: 250px; font-size: 1em; margin-right: 2px; }
    .customer p.checkbox { clear: right; }
	.customer p.checkbox .space { display: block; float: left; width: 120px; margin: 3px 15px 0 0; }
	.customer p.checkbox label { text-align: left; clear: right; }
	.customer p.checkbox input { display: block; float: left; width: auto; }
	.customer .contact-form-postal { display: none; }
	.customer .contact-form-invoice { display: none; }
	.order-customer { margin: 30px 0 0 0; border-bottom: 1px solid #ccc;}
	.order-status { width: 100%; margin: 30px 0 30px; }
	.order-customer th, .order-customer td { padding: 5px 15px 5px 0; }
	.order-customer th, .order-status th { font-weight: bold; }
	.order-status th, .order-status td { padding: 8px 15px 8px 0; background-color: #f2f8ff; border-bottom: 1px solid #ccc; }
	.order-status th { background: none; }
	.order-status .suma td { background: none; border: none; }
	.order-status .suma strong { color: #0088b4; }
	.order-status .price { text-align: right; }
	p.edit { margin: 8px 0 15px; }
	.order-finished h3 { margin-bottom: 20px; font-weight: bold; }
	ul.progress li { padding-left: 20px; line-height: 1.8em; background: url("../images/order-dot.png") no-repeat 4px center; }
	ul.progress li.passed { background: url("../images/order-checked.png") no-repeat left center; }
	
	.order-contact .formError { margin: 0 0 3em; padding: 1em; border: 1px solid red; background: #eee; }
	.order-contact .formError p { margin: 0; padding: 0; line-height: 2.3em; }
	.order-contact .formError em { font-weight: bold; }
	.order-contact p em { font-weight: bold; }
	.order-contact p.err input { border-color: red; }
	/* /objednavka */


	/* nedokoncena objednavka - informace pod hlavickou stranky*/
	.contentP.order-in-progress { margin: 0 0 10px; padding: 1px 10px; color: #fff; background: #000003; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
	.contentP.order-in-progress .content { padding: 8px 0 0; }
	.contentP.order-in-progress .content p { margin: 0 0 10px; }
	.contentP.order-in-progress .content a.continue { color: green; }
	.contentP.order-in-progress .content a.storno { color: red; }
	/* /nedokoncena objednavka - informace pod hlavickou stranky*/


	/* kontakt */
	.contact-container { float: left; width: 613px; margin-left: 10px; }
	.contact form { margin: 0 0 20px; }
	.contact legend { display: block; width: auto; padding: 0 1em; margin-left: -1em; color: #383838; }
	.contact label { display: block; margin: .4em 0 0; }
	.contact input, .registration select  { width: 250px; margin: .3em 0 .4em; color: #000; }
	.contact input { padding: 3px 4px; }
	.contact select { width: 258px; }
	.contact select.short { width: auto; }
	.contact textarea { width: 480px; height: 120px; }
    .contact .submit { height: 40px; font-weight: bold;}
	.contact span.err { display: block; margin: -.3em 0 1em; color: red; }
	.contact form.login input { width: 180px; }
	p.errorPanel { padding: 10px; line-height: 1.4em; background: #EBEBEB; border: 1px solid red; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
	/* /kontakt /


/* /obsah */


/* paticka */
.bottom { padding: 25px 10px 0 2px; font-size: 1.091em; background: url("../images/content-bottom-bg.png") no-repeat; }

	/* navigace */
	.bottom ul { float: left; }
	.bottom li { display: inline; padding: 0 8px; line-height: 1.6em; background: url("../images/indent.png") no-repeat right center; }
	.bottom li.last-in-line { background: none; }
	.bottom a { color: #fff; }
	.bottom p { text-align: right; color: #759bae; }
	/* /navigace */

/* /paticka */


/* klientska sekce */
.klient-menu {float:left;width:150px;padding:15px;background:#fff;border:1px solid:#666;border-radius:10px;}
.klient-menu li {padding-bottom:.6em;font-size:1.1em;}
.klient-menu li a:hover{text-decoration:none;}
.klient-content {float:right;width:730px;padding-bottom:40px;}
.klient-content table { margin: 10px 10px; }
.klient-content td, .klient-content th {padding: 6px 0 6px 13px; border-bottom: 1px solid #d2dbe1; background-color: #f2f8ff;}
.klient-content th { font-weight: bold; }
.klient-content h3 { margin: 0 0 .9em; font-size: 1.166em; font-weight: bold; color: #0285b9; }
.klient-content ul { list-style: circle; }
/* /klientska sekce */


/* debug */

/* /debug */