/*
 *	CSS - styly jednotlivych stranek
 *	Copyrighted by Michal Madlenak <madlenak@ltweb.cz>, www.LTweb.cz
 */


#green-box-dark {
	width: 971px; 
	height: 142px;
	background: url("../img/content/dark-under-green-box.jpg") no-repeat bottom left;
}
#green-box {
	width: 971px;
	height: 135px;
	position: relative;
	z-index: 3;
	font-family: system, 'Arial CE', 'Helvetica CE', Arial, helvetica, sans-serif;
	font-size: 1em;
	margin: 0 0 3px 0;
}
.green-box-padding {
	padding-left: 35px;		
}
#green-box img {
	background: none;
}
#green-box .img-green {
	position: absolute;
	left: 0;
}
#green-box table {
	border-collapse: collapse;
	width: 900px;
	display: block;
	margin: 20px 0 0 0;
	position: absolute;
	height: 90px;
}
#green-box table tr td {
	width: 266px;
	padding: 0 10px 0 0;
	margin-left: 10px;
	vertical-align: middle;
	height: 90px;
}
#green-box table tr td.image {
	width: 21px;
	padding: 0;
	margin: 0;
	background: url("../img/content/grey-box-link.jpg") no-repeat center center;
}
#green-box table ul {
	margin: 0 0 0 0;
	padding: 0 0 0 100px;
	list-style: none;
}
#green-box table ul li {
	margin: 0;
	padding: 0;
	clear: both;
}
#green-box table .crs {
	background: url("../img/ikony/ikona-1.jpg") no-repeat left top;
}
#green-box table .work {
	background: url("../img/ikony/ikona-2.jpg") no-repeat left top;
	width: 270px;
}
#green-box table .grafic {
	background: url("../img/ikony/ikona-3.jpg") no-repeat left top;
}
#green-box a:link, #green-box a:visited {
	color: #000000;
	text-decoration: none;
	font-weight: bolder;
	padding: 2px 0;
	margin: 0;
	display: block;
	float: left;
}
#green-box a:hover, #green-box a:active {
	text-decoration: underline;
	color: #1157a3;
}

.box-homepage-txt {
	width: 268px;
	background: #d8ecf9;
	border: 1px solid #83afcd;
	float: left;		
	margin: 2px 10px 10px 10px;
	padding: 10px;
	text-align: left;
}
.box-homepage-txt p {
	text-align: left;
	margin: 0;
	padding: 0;		
}		
.box-homepage-txt-left {
	margin-left: 0;		
}

.box-boxes {
	width: 970px;
	background: #d8ecf9 url(../img/content/box-boxes-background.png) no-repeat center center;
	border: 1px solid #83afcd;
	border-bottom: none;
	padding: 0 0 0 0;
	color: #444444;		
		
}
.box-boxes h2 {
	color: #062f5e;
	margin: 0;
	padding: 0 0 8px 0;
}
.box-boxes ul {
	margin: 0;
	padding: 0;		
}
.box-boxes li {
	background: url("../img/content/li-plus-dark-blue-bigger2.jpg") no-repeat left top;
	list-style: none;
	padding: 0 0 5px 15px;
	margin: 0;
}
.box-boxes #box-left-top {
	float: left;
	width: 448px;
	padding: 10px 18px 10px 18px;	
}
.box-boxes #box-right-top {
	float: right;		
	width: 448px;
	padding: 10px 18px 10px 18px;
}
.box-boxes #box-left-bottom {
	float: left;		
	width: 448px;
	padding: 10px 18px 7px 18px;
}
.box-boxes #box-right-bottom {
	float: right;
	width: 448px;
	padding: 10px 18px 7px 18px;		
}
.box-boxes-botom-shadow {
	background: url(../img/content/homepage_background.jpg) no-repeat right bottom;
	padding-bottom: 24px;
	margin-top: 10px;
}

/* ruzne druhy boxu --------------------------------------------- */
.background-1box-blue a:link, .background-1box-blue a:visited {
	color: #ffffff; 
}
.background-1box-blue a:hover, .background-1box-blue a:active {
	color: #0a4181; 
}
.background-1box-blue {
	width: 761px;
	/*background: #4898e6 url("../img/reference-nazev/reference-nazev.jpg") repeat-x bottom;*/
	background: #4898e6;
	padding: 0 0 10px 0;
	margin: 0 0 5px 0;
	border: 1px solid #1e5a84;
}
.background-1box-blue-dark {
	width: 762px;
	position: relative;
	z-index: 5;
	background: url("../img/content/dark-under-box-1.jpg") no-repeat bottom;
	padding: 0 0 15px 0;
	margin-left: 0px;
	margin-right: -1px;
}
.background-1box {
	width: 761px;
	background: #d8ecf9;
	border: 1px solid #83afcd;
	padding: 0 0 10px 0;
	margin: 0 0 5px 0;
}
.background-1box-no-padding {
	padding: 0;		
}
.background-1box-dark1 {
	padding: 0; 
	border-bottom: none;
}
.background-1box-dark {
	width: 763px;
	position: relative;
	z-index: 5;
	background: url("../img/content/dark-under-box-1.jpg") no-repeat bottom;
	padding: 0 0 20px 0;
	margin-left: -1px;
	margin-right: -1px;
}
.title-box h1, .background-1box-blue h1 {
	width: 729px;
	margin: 0 0 5px 0;
	background: #155fb2 url("../img/content/tmave-modre-pozadi-nadpisy.jpg") repeat-x top;
	padding: 14px 17px;
	color: #ffffff;
}
.background-1box .nadpis {
	width: 741px;
	background: #155fb2 url("../img/content/tmave-modre-pozadi-nadpisy.jpg") repeat-x top;
	padding: 10px 10px;
}
.background-1box .nadpis h1 {
	color: #ffffff; 
}
.articles {
	padding: 0 10px; 
}
.background-1box h1.kontakt {
	width: 741px;
	margin: 0;
	background: url("../img/ikony-nadpisy/h1-kontakt.gif") no-repeat right center;
	padding: 5px 0;
	color: #ffffff;
}
/*.background-1box .nadpis-freehosting2 {
	padding-top: 0;
	padding-bottom: 0;		
}*/
.background-1box h1.freehosting2 {
	width: 741px;
	margin: 0;
	/*background: url("../img/ikony-nadpisy/h1-freehosting.gif") no-repeat right;*/
	/*padding: 13px 0;*/
	padding: 5px 0;
	color: #ffffff;
}

.background-2box {
	width: 970px;
	background: url("../img/content/background-2box-new.jpg") no-repeat bottom;
	padding: 0 0 25px 0; 
}
#content .background-2box {
	width: 763px;
	background: url("../img/content/background-2box-content.jpg") no-repeat bottom;
	padding: 0 0 20px 0;
}
.dark-under-box-2-3 {
	width: 644px; 
	float: left;
	background: url("../img/content/dark-under-box-2-3.jpg") no-repeat bottom;
	padding-bottom: 24px;
}

.blue-box-2, .blue-box-2r {
	width: 481px;
	background: #d8ecf9;
	border: 1px solid #83afcd;
	border-bottom: none;
	padding: 0 0 10px 0;
}
.blue-box-2-3 {
	width: 636px;
	background: #d8ecf9;
	border: 1px solid #83afcd;
	border-bottom: none;
	padding: 0 0 10px 0;
	float: left;
}
#content .blue-box-2-3 {width: 492px;}
.dark-under-box-1-3 {
	width: 320px; 
	float: right;
	background: url("../img/content/dark-under-box-1-3.jpg") no-repeat bottom;
	padding-bottom: 24px;
	margin-right: 2px;
}
.blue-box-1-3 {
	width: 326px;
	background: #d8ecf9;
	border: 1px solid #83afcd;
	border-bottom: none;
	padding: 0 0 10px 0;
	float: right;
}
#content .blue-box-1-3 {width: 263px;}
.blue-box-2-3 h2, .blue-box-1-3 h2 {
	width: 602px;
	background: #155fb2 url("../img/content/tmave-modre-pozadi-nadpisy.jpg") repeat-x top;
	margin: 0;
	padding: 14px 17px;
	color: #ffffff;
}
.blue-box-2 h2, .blue-box-2r h2 {
	width: 447px; 	
	background: #155fb2 url("../img/content/tmave-modre-pozadi-nadpisy.jpg") repeat-x top;
	margin: 0;
	padding: 14px 17px;
	color: #ffffff;	
}
.blue-box-1-3 .list-aktuality h3, .blue-box-2 .list-aktuality h3 {
	margin: 0;	
	padding: 0 0 3px 2px;		
}
.blue-box-1-3 .list-aktuality .title, .blue-box-2 .list-aktuality .title {
	padding: 0 0 0 2px;		
}
.list-aktuality li {
	padding-bottom: 2px;		
}
#mainpart .background-2box .blue-box-2 .list-aktuality li span {
	padding: 0 2px;
	margin: 1px 0 0 0;
	display: block;
	text-align: justify;
	text-indent: 0;	
}
.blue-box-1-3 .list-aktuality a:link,
.blue-box-1-3 .list-aktuality a:visited,
.blue-box-2 .list-aktuality a:link,
.blue-box-2 .list-aktuality a:visited {
	text-decoration: none;
	color: #062f5e;		
}
.blue-box-1-3 .list-aktuality a:hover,
.blue-box-1-3 .list-aktuality a:active,
.blue-box-2 .list-aktuality a:hover,
.blue-box-2 .list-aktuality a:active {
	text-decoration: underline;		
}
#content .blue-box-2-3 h2 {width: 458px;}
#content .blue-box-1-3 h2 {width: 229px;}
.blue-box-1-3 h2 {width: 292px;}
.blue-box-2-3 ul, .blue-box-2r ul {
	margin: 10px 0 0 15px;
	padding: 0;
	width: 295px;
	float: left; 
}
.blue-box-2r ul {width: 220px;}
.blue-box-2-3 ul li, .blue-box-2r ul li {
	list-style: none;
	margin: 0;
	padding: 2px 0; 
	width: 295px;
}
.blue-box-2r ul li {width: 220px;}
.blue-box-2-3 ul li span, .blue-box-2r ul li span {
	background: url("../img/content/li-plus.jpg") no-repeat left center;
	padding: 0 0 0 20px;
}
.blue-box-1-3 ul, .blue-box-2 ul {
	margin: 2px auto 0 auto;
	padding: 2px 0 0 0;
}
.blue-box-1-3 ul li, .blue-box-2 ul li {
	padding: 0 15px 4px 15px;
	margin: 8px 0 4px 15px;
	background: url("../img/content/li-plus-dark-blue-bigger.jpg") no-repeat left top;
	font-size: 0.9em;
	list-style: none;
 }
 .blue-box-2 ul li {
 	margin: 8px 0 0 15px;
 	padding-bottom: 1px;
 }
.blue-box-1-3 ul li span, .blue-box-2 ul li span {
	display: block;	
	padding: 0 15px 0 15px;
}
.blue-box-1-3 ul li span span, .blue-box-2 ul li span span {
	padding: 0;
	background: none;
}
.blue-box-1-3 ul li p, .blue-box-2 ul li p {
	font-size: 1em;
	margin: 0;
}
.blue-box-1-3 ul li .link-reference, .blue-box-2 ul li .link-reference {
	text-align: right;
	float: right;
	margin-right: 10px;
}

/* reference na uvodni strance ------------------------------------- */
#content2 .homepage-reference {
		
}
.homepage-reference {
	width: 970px;
	border: 1px solid #1e5a84;
	margin-bottom: 5px;
	background: #4b9ced url("../img/content/dark-blue-box.jpg") repeat-x bottom;
}
.homepage-reference h2 {
	width: 936px;
	background: #155fb2 url("../img/content/tmave-modre-pozadi-nadpisy.jpg") repeat-x top;
	margin: 0;
	padding: 14px 17px;
	color: #ffffff;
	border-bottom: 1px solid #1f5d8a;
}
.homepage-reference .link-to-next-reference {
	position: absolute;
	display: block;
	margin: -38px 0 0 0;
	left: 359px;
	padding-top: 5px;
	width: 600px;
	float: right;
	color: #ffffff;
}
.homepage-reference .link-to-next-reference a:link, .homepage-reference .link-to-next-reference a:visited {
	width: 123px;
	height: 23px;
	background: #63c055 url("../img/button/button-homepage-reference-link.jpg") no-repeat top;
	display: block;
	text-align: center;
	padding: 5px 0 0 0;
	margin: -5px 10px 0 5px;
	float: right;
	color: #000000;
	text-decoration: none;
}
.homepage-reference .link-to-next-reference a:hover, .homepage-reference .link-to-next-reference a:active {
	text-decoration: underline; 
	background: #61c054 url("../img/button/button-homepage-reference-active.jpg") no-repeat top;
}
	
.homepage-reference .reference-box {
	width: 457px;
	padding: 10px 0;
	color: #ffffff;
}
.homepage-reference table {
	border-collapse: collapse;
	width: 457px; 
	margin-left: 0;
 }
.homepage-reference .f_left {padding-left: 15px;}
.homepage-reference .f_right {padding-right: 15px;}
.homepage-reference .reference-box h3 {
	color: #ffffff;
	margin: 0;
	padding: 0;
}
.homepage-reference .reference-box a:link, .homepage-reference .reference-box a:visited {color: #ffffff;}
.homepage-reference .reference-box a:hover, .homepage-reference .reference-box a:active {color: #7fe41e;}
.homepage-reference .reference-box ul.ul-references {margin: 0;}
.homepage-reference .reference-box ul.ul-references li {
	width: 200px;
	display: block;
	float: left;
	margin: 0;
	padding: 0 0 0 40px;
	background: url("../img/content/sluzba-produkt/sipka.gif") no-repeat left center;
}
.homepage-reference .reference-box a:link.link-page, .homepage-reference .reference-box a:visited.link-page {
	color: #ffffff;
	display: block;
	padding: 0 0 10px 0;
}
.homepage-reference .reference-box a:hover.link-page, .homepage-reference .reference-box a:active.link-page {
	color: #7fe41e;		
}
.homepage-reference .reference-box .text {
	font-size: 0.9em;
	display: block;
	text-align: justify;
	padding: 0 15px 0 0;
	height: 100px;
}
.homepage-reference .reference-box .box-links {
	font-size: 0.9em;
	font-style: italic;		
}
.homepage-reference .reference-box .box-links a:hover, .homepage-reference .reference-box .box-links a:active {
	color: #7fe41e;		
}
.homepage-reference .reference-box .image div {
	background: url("../img/content/img-box.gif") no-repeat top;
	width: 214px;
	height: 162px;
	margin-left: 0;
}
.homepage-reference .reference-box .image div a {
	display: block;
	padding: 4px 6px 5px 7px;
}

/* kontakt ----------------------------------------------- */
.background-1box .address {
	width: 700px;
	border-collapse: collapse;
	margin: 10px auto 0 auto;
	font-size: 0.9em;
	text-align: left;
}
.background-1box .address td {
	width: 33%;
	vertical-align: top;
}
.background-1box .address .ltweb {
	font-size: 1.3em;
	margin: 5px 0 4px 0;
	display: block; 
}
.background-1box .address .spaced{
	margin-top: 5px;
}
.background-1box .address td.top-space{
	padding-top: 9px;
}
.background-1box .address td .nazev {
	display: block;
	float: left;
	width: 50px;
}
.background-1box .address td .link-contakt a:link, .background-1box .address td .link-contakt a:visited {color: #062f5e;}
.background-1box .address td .link-contakt a:hover, .background-1box .address td .link-contakt a:active {
	color: #000000;
}
.contacts-name {
	position: relative;
	border: none;
	border-collapse: collapse;
	text-align: left; 
	margin: 15px 0 15px 0;
	left: 4px;
	padding: 0 0 0 0;
	width: 255px;
	float: left;
}
.contacts-name-left {
	width: 235px; 
	margin: 15px 0 15px 0; 
	left: 7px;
}
.contacts-name .first-row {
	height: 65px;
	vertical-align: top;
}
.contacts-name .bublina-otaznik {
	display: block;
	font-weight: bold;
	background: url("../img/ikony/bublina-otaznik.jpg") no-repeat left center;
	padding: 2px 5px 2px 25px;
}
.contacts-name .user-name {
	border-collapse: collapse;
	margin: 0;
	padding: 0;
}
.contacts-name .user-name .person {
	background: url("../img/ikony/person.jpg") no-repeat left top;
	vertical-align: top;
	padding: 0 11px 0 10px;
}
.contacts-name .user-name .item {
	width: 60px;
}
.contacts-line {
	width: 3px;
	height: 133px;
	float: left;
	margin: 10px 0 0 7px;
	background: url("../img/content/contacts-line.jpg") no-repeat;
}
.contacts-name .contacts-question {
	display: block;
	font-size: 0.85em;
	padding: 3px 0 0 26px;
}
.contacts-name .contacts-question .seo-question {
	padding: 0 0 0 15px;
}

.contacts-form {
	background: #062d5a url("../img/content/background-contact-form.jpg") repeat-x top;
	height: 470px;
	width: 760px;
	border: 1px solid #30678e;
	margin: 5px 0 5px 0;
}
.contacts-form2 {
	background: #062d5a url("../img/content/background-contact-form.jpg") repeat-x top;
	width: 761px;
	border: 1px solid #30678e;
	margin: 5px 0 7px 0;
}
.contacts-form h2 {
	background: url("../img/ikony-nadpisy/h2-kontaktujte-nas.jpg") no-repeat left center;
	padding: 15px 0 15px 70px;
	color: #ffffff;
}
.contacts-form .step_1 {
	width: 290px; 
	float: left;
} 
.contacts-form .step_1 .nadpis_step_1 {
	display: block;
	color: #ffffff;
	background: url("../img/content/contact-form/step1.jpg") no-repeat left top;
	width: 290px;
	text-align: center;
	padding: 10px 0 24px 0;
	margin: 5px 0 0 0;
}
.contacts-form .step_1 .nepovinne-polozky {
	width: 251px;
	height: 191px;
	padding: 0 0 0 25px;
	background: url("../img/content/contact-form/nepovinne-polozky.jpg") no-repeat;
	margin: 0;
}
.contacts-form .step_1 .nepovinne-polozky .format {
	width: 200px;
	/*background: #a6b4c1;*/
	background: #ccd6de;
	border: 1px solid #3d70a5; 
}
.contacts-form .step_1 .nepovinne-polozky label {
	display: block;
	/*color: #98b2d3;*/
	color: #aec3de;
	margin: 8px 0 0 0; 
	font-size: 0.9em;
	font-style: italic;
}
.contacts-form .povinne-polozky {
	margin: 10px 0 28px 25px;
}
.contacts-form .povinne-polozky .format {
	width: 200px;
	border: 1px solid #99bdd5;
}
.contacts-form .nepovinne-polozky span {
	color: #98b2d3;
	font-size: 0.9em;
	padding: 5px 10px 0 0;
	font-style: italic;
}
.contacts-form .povinne-polozky label {
	color: #ffffff;
	display: block;
	margin: 8px 0 0 0;
}
.contacts-form .step_2 {
	width: 470px;
	float: left; 
} 
.contacts-form .step_2 .nadpis_step_2 {
	display: block;
	color: #ffffff;
	background: url("../img/content/contact-form/step2.jpg") no-repeat left top;
	width: 370px;
	float: left;
	text-align: left;
	padding: 17px 0 25px 70px;
	margin: 5px 0 0 0;
}
.contacts-form .step_2 .povinne-polozky {
	margin: 10px 0 28px 70px;
	padding: 20px 0 0 0;
}
.contacts-form2 .step_2 .povinne-polozky { 
  margin-left: 20px; 
}
.contacts-form .step_2 .povinne-polozky .format {
	width: 375px;
	border: 1px solid #99bdd5;
}
.contacts-form .step_2 .povinne-polozky .format-area {
	width: 370px;
	height: 165px;
	border: 1px solid #99bdd5;
}
.contacts-form .step_2 .povinne-polozky .format-area2 {
	width: 420px;
  border: 1px solid #99bdd5;
  font-size: 1em;
}
.contacts-form .code {
	display: block;
	float: left;
	font-size: 0.9em;
	color: #ffffff;
	padding: 10px 0 0 0;
}
#mailform-code {
	float: left;
	margin: 17px 0 0 20px;
}
#free-code {
	float: left;
	margin: 14px 0 0 20px;
}
.contacts-form .step_3,
.contacts-form .step_3_png {
	background: #adf529 url("../img/content/contact-form/step3.jpg") no-repeat;
	display: block;
	border: none;
	width: 157px;
	padding: 0 0 0 65px;
	height: 48px;
	color: #000000;
	float: right;
	text-align: left;
	font-weight: bold;
	margin: 24px 0 0 0;
}
.contacts-form .submit-sent-png {
	position: absolute;
	left: 0;
	margin: -105px 0 0 15px;
	float: none;
	
}
.contacts-form .step_3-active,
.contacts-form .step_3-active_png {
	background: #7be31d url("../img/content/contact-form/step3-active.jpg") no-repeat;
	text-decoration: underline;
}
.contacts-form .step_3_png {
	float: none;
	margin: 0;
	height: 49px;
	background: url("../img/content/submit-3-odeslat.png") no-repeat left bottom;
}
.contacts-form .step_3-active_png {
	background: url("../img/content/submit-3-odeslat-active.png") no-repeat left bottom;
}

.contacts-form .submit {
	padding-right: 25px;
}

/* freehosting --------------------------------------------------- */
.mailform {
	padding: 5px 10px;
}
.mailform label {
	display: block;
	color: #ffffff;
	padding: 8px 0 3px 0;
	font-weight: bold;		
}
.freehosting-left {
	width: 270px;
	float: left;
}
.freehosting-right {
	width: 460px;
	float: right;			
}
.freehosting-right textarea {
	width: 455px;	
	height: 280px;
	font-size: 12px;		
}
.freehosting-left .submit {
	border: none;
	font-weight: bold;
	width: 123px;
	height: 28px;
	background: url("../img/button/button-homepage-reference-link.gif") no-repeat top;
	display: block;
	text-align: center;
	margin: 93px 10px 0 0;
	padding: 0;
	float: right;
	color: #000000;
	text-decoration: none;
}
.freehosting-left .submit-active {
	background: url("../img/button/button-homepage-reference-active.gif") no-repeat top;		
}
.freehosting-left .security-1 {
	float: left;
	width: 200px;
	font-size: 0.9em;		
}
.freehosting-left .security-2 {
	float: right;
	width: 30px;		
}

/* reference ----------------------------------------------------- */
.references-types {
	width: 740px;
	border-collapse: collapse;
	margin: 0 auto;
	color: #ffffff;
}
.references-types td {
	vertical-align: top;
	width: 185px;
	padding: 2px 0 7px 5px;
}
.references-types .active-item {
	background: url(../img/content/box-references-links-active.png) no-repeat;
	font-weight: bold;		
}
.background-1box .nadpis-2 {
	padding: 5px 10px;		
}
.references-types td.title {
	font-weight: bold;
}	
.references-types a:link, .references-types a:visited {
	color: #ffffff;
	text-decoration: none;
	font-size: 0.9em; 
	display: block;
	float: left;
	padding: 7px 0 7px 35px;
}

.references-types a:hover, .references-types a:active {
	text-decoration: underline;
}
.references-types .prodej-zajezdu {
	background: url("../img/ikony/reference/travel.gif") no-repeat left center;
}
.references-types .programovani {
	background: url("../img/ikony/reference/programovani.gif") no-repeat left center;
}
.references-types .redakcni-system {
	background: url("../img/ikony/reference/editor.gif") no-repeat left center;
}
.references-types .loga-identity {
	background: url("../img/ikony/reference/loga.gif") no-repeat left center;
}
.references-types .internetove-obchody {
	background: url("../img/ikony/reference/shop.gif") no-repeat left center;
}
.references-types .tiskoviny {
	background: url("../img/ikony/reference/tiskoviny.gif") no-repeat left center;
}
.references-types .design-webu {
	background: url("../img/ikony/reference/design.gif") no-repeat left center;
}

.references {
	border-collapse: collapse;
	width: 702px;
	margin: 10px auto;
}
.references td {
	padding-bottom: 20px; 
	padding-left: 30px;
	width: 204px;
}
.references td.no-left {
	padding-left: 0;
	width: 234px; 
}
.references a.title:link, .references a.title:visited {
	color: #0b3f7a;
	text-decoration: none;
	display: block;
	font-weight: bold;
	font-size: 1.1em;
	width: 210px;
}
.references a.title:hover, .references a.title:active {
	text-decoration: underline; 
}
.references .image {
	width: 200px;
	height: 150px;
	background: #9fbdd9 url("../img/content/background-images-212x162.jpg") no-repeat;
	margin: 0;
	padding: 6px;
}	
.references .image img {
	display: block;
}

.strankovani-reference {
	border-collapse: collapse;
	margin: 10px auto 20px auto;
	width: 702px;
}
.strankovani-reference td {
	width: 351px; 
}
.strankovani-reference a:link, .strankovani-reference a:visited {
	color: #062f5e;
	font-weight: bold;
	text-decoration: none;
	display: block;	
}
.strankovani-reference a:hover, .strankovani-reference a:active {
	text-decoration: underline;
}
.strankovani-reference .all {
	text-align: center;
}
.strankovani-reference .all a {padding: 15px 0 15px 0;}
.strankovani-reference .back a {
	background: url("../img/content/sipka-left.jpg") no-repeat left center;
	padding: 15px 0 15px 60px;
}
.strankovani-reference .next {text-align: left; float: right;}
.strankovani-reference .next a:link, .strankovani-reference .next a:visited {
		background: url("../img/content/sipka-right.jpg") no-repeat right center;
 	padding: 15px 60px 15px 0;
 	float: right;
 	display: block;
}
#content .background-1box .background-1box-dark .strankovani-reference .next a {
	float: right;		
}

/* Sluzba produkt ------------------------------------------------ */
/* reference k jednotlivym prodkutum */
#content .homepage-reference {
	width: 761px; 
	border-bottom: none;
	background: #3486c3;
}
#content .homepage-reference h2 {width: 727px;}
#content .homepage-reference .reference-box {width: 740px;}
#content .homepage-reference .reference-box .image div {
	background: url("../img/content/background-images-150x114.gif") no-repeat;
	width: 150px;
	height: 104px;
	padding: 5px;
	margin-left: 0;
}	
#content .homepage-reference .link-to-next-reference {
	left: 159px;		
}
#content .homepage-reference .reference-box .image div img {
	margin: 0;
	padding: 0; 
}
#content .homepage-reference .reference-box .image div a {padding: 0;}
#content .homepage-reference .reference-box td {padding: 0 15px;}
.dark-box-reference {
	width: 763px;
	position: relative;
	margin-left: -1px;
	margin-right: -1px;
	padding: 0 0 25px 0;
	background: url("../img/content/dark-blue-box-1-reference.jpg") no-repeat bottom;
}

.sluzba-left {
	float: left;
	margin: 3px 0 0 0;
	padding: 0 0 0 3px;
	width: 544px;
}
.sluzba-right {
	margin: 3px 0 0 0;
	padding: 0 5px 0 0;
	width: 203px;
	float: right;
}

/* sluzba popis */
.sluzba-produkt-info {
	width: 525px;
	padding: 5px 10px;
	border: 1px solid #1f5b85;
	color: #ffffff;
	background: #3284c0 url("../img/content/sluzba-produkt/background-sluzba-produkt.jpg") repeat-x top;
}
.sluzba-produkt-info a:link, .sluzba-produkt-info a:visited {
	color: #ffffff;
}
.sluzba-produkt-info a:active, .sluzba-produkt-info a:hover {
	color: #000000;
}
.sluzba-produkt-info h1 {
	color: #ffffff;
	padding: 15px 0;
}
.sluzba-produkt-info p {
	color: #ffffff; 
}
.sluzba-produkt-info h1 {
	margin: 0;
	padding: 5px 0;	
	
}
.sluzba-produkt-info h1 span {
	display: block;
	padding: 10px 0 0 0;	
}
.sluzba-produkt-info h1 img {
	background: none;
	float: right;
	margin: 0;
	padding: 0;	
}
.sluzba-produkt-info h1.prodej-zajezdu {
	background: url("../img/ikony-nadpisy/h1-travel.gif") no-repeat right;
}
.sluzba-produkt-info h1.internetove-obchody {
	background: url("../img/ikony-nadpisy/h1-shop.gif") no-repeat right;
}
.sluzba-produkt-info h1.redakcni-system {
	background: url("../img/ikony-nadpisy/h1-editor.gif") no-repeat right;
}
.sluzba-produkt-info h1.programovani-na-miru {
	background: url("../img/ikony-nadpisy/h1-programovani.gif") no-repeat right;
	padding-right: 50px;
}
.sluzba-produkt-info h1.reklama {
	background: url("../img/ikony-nadpisy/h1-reklama.gif") no-repeat right;
	padding-right: 50px;
}
.sluzba-produkt-info h1.freehosting {
	background: url("../img/ikony-nadpisy/h1-freehosting.gif") no-repeat right;
	padding-right: 50px;
}
.sluzba-produkt-info h1.webhosting {
	background: url("../img/ikony-nadpisy/h1-webhosting.gif") no-repeat right;
	padding-right: 50px;
}
.sluzba-produkt-info h1.internetove-stranky-na-miru {
	background: url("../img/ikony-nadpisy/h1-internetove-stranky-na-miru.gif") no-repeat right;
	padding-right: 50px;
}
.sluzba-produkt-info h1.graficke-prace {
	background: url("../img/ikony-nadpisy/h1-tiskoviny.gif") no-repeat right;
}
.sluzba-produkt-info h1.zpracovani-zajezdu-cestovnich-kancelari {
	background: url("../img/ikony-nadpisy/h1-zpracovani-dat-ck.gif") no-repeat right;
}
.sluzba-produkt-info h1.seo-optimalizace-pro-vyhledavace {
	background: url("../img/ikony-nadpisy/h1-SEO.gif") no-repeat right;
}
.sluzba-produkt-info h1.prodej-zajezdu-ltweb-travel {
	background: url("../img/ikony-nadpisy/h1-travel.gif") no-repeat right;		
}
.sluzba-produkt-info h1.internetovy-obchod-ltweb-shop {
	background: url("../img/ikony-nadpisy/h1-shop.gif") no-repeat right;		
}
.sluzba-produkt-info h1.redakcni-system-ltweb-editor {
	background: url("../img/ikony-nadpisy/h1-editor.gif") no-repeat right;		
}
.sluzba-produkt-info-full {
	width: 733px;	
}

/* sluzba menu */
.sluzba-produkt-menu {
	border: 1px solid #1f5b85;
	background: #3284c0 url("../img/content/sluzba-produkt/background-sluzba-produkt.jpg") repeat-x top;
	width: 203px;
}
.sluzba-produkt-menu h3 {
	color: #ffffff;
	margin: 0;
	width: 180px;
	padding: 10px 10px 10px 10px;
}
.sluzba-produkt-menu ul {
	list-style: none;
	margin: 0;
	padding: 0 0 5px 0;
	width: 203px;
}
.sluzba-produkt-menu ul li {
	width: 203px;
	margin: 0; 
	padding: 0;
	background: url("../img/content/sluzba-produkt/line.gif") no-repeat center top; 
}
.sluzba-produkt-menu ul a:link, .sluzba-produkt-menu ul a:visited {
	text-decoration: none;
	color: #ffffff;
	display: block;
	text-align: left;
	width: 203px;
	padding: 2px 0;
	position: relative;
}
.sluzba-produkt-menu ul a.active {
 background: #72b0e2 url("../img/content/sluzba-produkt/menu-active.jpg") repeat-y top center;
}
.sluzba-produkt-menu ul a:hover, .sluzba-produkt-menu ul a:active {
	text-decoration: underline;
}
.sluzba-produkt-menu ul a span {
	display: block;
	width: 174px;
	padding: 2px 10px 2px 23px;
	background: url("../img/content/sluzba-produkt/sipka2.gif") no-repeat left center;
}

.care {
	padding: 5px 0 5px 0; 
}
.care ul {
	padding: 0;
	margin: 0;
	list-style: none;
}
.care ul li {
	margin: 0;
	padding: 0; 
	float: left;
	width: 203px;
	background: url("../img/content/sluzba-produkt/line.jpg") no-repeat center top;
}
.care-no-line ul li, .care ul li.no-line {
	background: none;		
}
.care ul li.no-care-line {
	background: none;
}
.care ul a:link, .care ul a:visited {
	background: url("../img/content/sluzba-produkt/button-visited.jpg") no-repeat left center;
	display: block;
	color: #062f5e;
	padding: 15px 0 15px 35px;
	text-decoration: none;
	font-weight: bold;
}
.care ul a:hover, .care ul a:active {
	text-decoration: underline;
}

/* clanek */
.article {
	color: #063163;
	padding: 5px 0;
}
.article .code-inline {
	/*font-style: italic;*/
	border: 1px solid #c0c0c0;
	color: #000000;
	background: #e6e6e6;
	font-size: 0.85em;
	padding: 0 2px;
	/*font-family: "Arial CE", Arial, "Lucida Grande CE", Lucida, "Helvetica CE", Helvetica, sans-serif;*/
	font-family: 'Courier New CE', 'Courier CE', 'Courier New', courier, monospace;
}
.article .code-inline .code {
	/*font-family: "Arial CE", Arial, "Lucida Grande CE", Lucida, "Helvetica CE", Helvetica, sans-serif;*/
	font-family: 'Courier New CE', 'Courier CE', 'Courier New', courier, monospace;
	font-size: 1em;		
}
.article .code-block {
	display: block;
	/*font-style: italic;*/
	border: 1px solid #c0c0c0;
	color: #000000;
	background: #e6e6e6;
	font-size: 1.1em;
	padding: 2px 5px;
	width: 95%;
	margin: 0 auto;
	/*font-family: "Arial CE", Arial, "Lucida Grande CE", Lucida, "Helvetica CE", Helvetica, sans-serif;*/
	font-family: 'Courier New CE', 'Courier CE', 'Courier New', courier, monospace;		
}
.article h2 {
	color: #063163;
	font-size: 1.4em;	
}
.article h3 {
	color: #063163;
	font-size: 1.3em;
	padding: 5px 10px;
}
.article p {
	padding: 0 10px;
}
.article ul {
	margin: 10px 0;
	padding: 0 0 0 0;
	list-style: none;
}
.article ul li {
	display: block;
	background: url("../img/content/sluzba-produkt/sipka-mapa-stranek.jpg") no-repeat left top;
	padding: 0 0 0 40px;
}

.strankovani-sluzba-produkt {
	border-collapse: collapse;
	margin: 30px 0 20px 10px;
	width: 520px;
}
.strankovani-sluzba-produkt td {
	width: 260px;
	text-align: left; 
}
.strankovani-sluzba-produkt .note {
	width: 180px;
	display: block;
} 
.strankovani-sluzba-produkt a:link, .strankovani-sluzba-produkt a:visited {
	color: #062f5e;
	font-weight: bold;
	text-decoration: none;
	display: block;	
	width: 180px;
}
.strankovani-sluzba-produkt a:hover, .strankovani-sluzba-produkt a:active {
	text-decoration: underline;
}
.strankovani-sluzba-produkt .back a {
	background: url("../img/content/sipka-left.jpg") no-repeat left center;
	padding: 15px 0 15px 60px;
}
.strankovani-sluzba-produkt .next {text-align: right; float: right;}
.strankovani-sluzba-produkt .next a:link, .strankovani-sluzba-produkt .next a:visited {
	background: url("../img/content/sipka-right.jpg") no-repeat right center;
	padding: 15px 60px 15px 0;
	margin: 0 0 0 35px;
}
.strankovani-sluzba-produkt a span.note {
	font-weight: normal;		
}

/* Produkty ----------------------------------------------------------- */
.produkty-left {
	width: 210px;
	float: left;
	padding: 10px 0 0 3px;
}
.produkty-left .care {
	padding-left: 10px; 
}
.produkty-left .care ul, .produkty-left .care li {
	width: 180px; 
}
.produkty-left .care a {
	width: 162px; 
}
.produkty-right {
	width: 545px;
	float: right;
	padding: 10px 0 3px 0;
}
.produkty-right h2 {
	color: #062e5b;
	font-size: 1.9em;
}
.produkty-right h2 a:link, .produkty-right h2 a:visited {
	color: #062e5b;
}
.produkty-right h2 a:hover, .produkty-right h2 a:active {
	color: #000000;
}
.produkty-right .article {
	padding-right: 20px;
	padding: 0 20px 0 0;
}

.produkty-right .reference .image {
	width: 158px;
	height: 119px;
	padding: 6px;
	background: url("../img/content/produkty/image-170x131px.jpg") no-repeat;
}
.produkty-right .reference {
	border-collapse: collapse;
	margin-left: 8px; 
}
.produkty-right .reference td {
	padding: 0;
}

/* reference nazev --------------------------------------------- */
.reference-nazev .f_left {
	width: 390px;
	padding: 6px 0 0 0;
}
.reference-nazev .images-references {
	margin: 0 auto;
	width: 370px;
}
.reference-nazev .images-references .background-images-small {
	width: 174px;
	height: 131px;
	padding: 2px;
	float: left;
	background: url("../img/content/img-box-small2.jpg") no-repeat;
	margin: 4px 13px 4px 0;
}
.reference-nazev .images-references .no-margin-right {margin-right: 0;}
.reference-nazev .f_right ul {
	font-size: 0.9em;		
}
.background-images-big {
	/*width: 361px;*/
	/*height: 271px;*/
	padding: 3px;
	background: url("../img/content/img-box-big.gif") no-repeat;
	margin: 5px 0 5px 0;
}
.background-images-big-center {
	background: url("../img/content/img-box-big-center.jpg") repeat-y top;
	position: relative;
	height: auto;
}
.background-images-big-top {
	background: url("../img/content/img-box-big-top.jpg") no-repeat top;
	position: relative;
}
.background-images-big-bottom {
	background: url("../img/content/img-box-big-bottom.jpg") no-repeat bottom;
	position: relative;
}
.background-images-big-bottom img {
	
}
.background-images-big-bottom a:link,
.background-images-big-bottom a:visited {
	display: block;
	padding: 5px 3px 5px 5px;			
}
.nahledy {
	position: relative;		
	clear: both;
	margin-top: 5px;
}
.nahledy a:link,
.nahledy a:visited {
	position: relative;		
}
.background-images-big-bottom img {
	 	
}

.reference-nazev .f_right {
	width: 360px;
	padding: 6px 10px 0 0;
	color: #ffffff;
}
.reference-nazev .f_right h2 {
	color: #ffffff;
	padding-left: 3px;
}

.reference-nazev .odkaz-web {
	font-size: 1em;
}
.reference-nazev .odkaz-web a:link, .reference-nazev .odkaz-web a:visited {
	color: #ffffff;
	display: block;
	background: url("../img/reference-nazev/odkaz-icon.jpg") no-repeat left center;
	padding: 6px 0 6px 35px;
	text-decoration: none;
}
.reference-nazev .odkaz-web a:hover, .reference-nazev .odkaz-web a:active {
	text-decoration: underline;
}

.reference-nazev ul li {
	text-align: left;
}

.reference-nazev .web-info {
	font-style: italic;
	text-align: right;
	float: right;
	width: 350px;
	margin: 5px 0 5px 20px;
	list-style: none;
}
.reference-nazev .web-info li {
	display: block;
	text-align: right;
}
.reference-nazev .web-info a:hover,
.reference-nazev .web-info a:active {
	color: #d4f4be;	
}
.reference-description ul {
	list-style: none;
	margin: 0 0 0 10px;
	padding: 0;	
}
.reference-description li {
	background: url("../img/content/sluzba-produkt/sipka2.gif") no-repeat left center;
	padding-left: 25px;
}
.reference-nazev p.center a:link, .reference-nazev p.center a:visited {
	color: #ffffff;
	font-weight: bold;
	text-decoration: none;
}
.reference-nazev p.center a:hover, .reference-nazev p.center a:active {
	text-decoration: underline;
}

#reference .link-button {
	text-align: center;
	padding-bottom: 10px;
}
#reference .link-button a:link, #reference .link-button a:visited {
	width: 123px;
	height: 23px;
	background: #63c055 url("../img/button/button-homepage-reference-link.jpg") no-repeat top;
	display: block;
	text-align: center;
	padding: 5px 0 0 0;
	margin: 20px auto 10px auto;
	color: #000000;
	text-decoration: none;
}
#reference .link-button a:hover, #reference .link-button a:active {
	text-decoration: underline; 
	background: #61c054 url("../img/button/button-homepage-reference-active.jpg") no-repeat top;
}


/* vyhledavac GA CSE ------------------------------------------------- */
.search-cse-form {
	background: #062d5a url("../img/content/background-contact-form.jpg") repeat-x top;
	width: 760px;
	border: 1px solid #30678e;
	padding: 10px 0;
	margin: 5px 0 0 0;
}
.search-cse-form h2 {
	padding: 15px 0 15px 20px;
	color: #ffffff;
}
.search-cse-form .povinne-polozky {
	margin: 10px 0 28px 25px;
}
.search-cse-form .povinne-polozky .format {
	width: 400px;
	border: 1px solid #99bdd5;
}
.search-cse-form .povinne-polozky label {
	color: #ffffff;
	font-weight: bold;
	display: block;
}
.search-cse-form .step_3 {
	background: #adf529 url("../img/content/contact-form/step3.jpg") no-repeat;
	display: block;
	border: none;
	width: 157px;
	padding: 0 0 0 65px;
	height: 48px;
	color: #000000;
	float: right;
	text-align: left;
	font-weight: bold;
	margin: 24px 0 0 0;
}
.search-cse-form .step_3-active {
	background: #7be31d url("../img/content/contact-form/step3-active.jpg") no-repeat;
	text-decoration: underline;
}
.search-cse-form .submit {
	padding-right: 25px;
}

/* seznam clanku ----------------------------------- */
.seznam-clanku {
	margin: 4px auto;
	width: 98%;
	border-collapse: collapse;
}
.seznam-clanku p {
	margin: 0;
	padding: 0;
}
.seznam-clanku h2 {
	margin: 5px 0;
	padding: 0;
}
.seznam-clanku .images {
	width: 158px;
	height: 119px;
	padding: 6px;
	background: url("../img/content/produkty/image-170x131px.jpg") no-repeat;
	margin: -1px 5px 0 0;		
}
.gallery .popis {
	width: 158px;
	height: 119px;
	padding: 6px;
	background: url("../img/content/produkty/image-170x131px.jpg") no-repeat;
	margin: 0 5px 0 0;			
}

.homepage-reference .images-references {
	margin: 10px 0 10px 15px;
	width: 730px;
}
.homepage-reference .images-references .background-images-small {
	width: 110px;
	height: 82px;
	padding: 2px 2px 2px 2px;
	float: left;
	background: url("../img/content/img-box-small.gif") no-repeat;
	margin: 4px 8px 4px 0;
}
.homepage-reference	.images-references .no-margin-right {margin-right: 0;}

.homepage-reference .dark-box-reference .reference-box table td {
 		
 }
 
 .references-links {
 	margin: -20px 0 0 0;
 	padding-top: 10px;
 	color: #ffffff;
 	right: 0;
 	float: right;
 	width: 370px;
 	text-align: center;
 }
.references-links a:hover,
.references-links a:active {
 	color: #000000;
}
 .link-reference-news {
 	text-align: right;
 	padding: 2px 0;
 }
 .link-reference-news a:link,
 .link-reference-news a:visited {
 	font-size: 0.9em;
 }
 
 .box-description {
 	padding: 0 15px;
 }
 
/* tabulka ----------------------------------------------- */
.table-overview {
	border-collapse: collapse;
	border: 1px solid #000000;		
}
.table-overview .thead td {
	background: #4695d8;
	color: #ffffff;
	padding: 3px;
	text-transform: uppercase;
	font-weight: bold;
	border: none;
}	
.table-overview td {
	background: #9fcced;
	padding: 1px 3px;
	border: 1px solid #000000;
}

.list-offset {
	margin-top: 5px;
	margin-bottom: 5px;
}

.table-uls {
	border-collapse: collapse;
	margin-left: 0;
}
.table-uls td {
	padding: 0;
	vertical-align: top;
}
.table-uls td ul {
	padding-top: 0;
	padding-bottom: 0;
	margin-top: 0;
	margin-bottom: 0;
}

.info-icons {
	background: none;
	padding: 2px 3px;
}

.box-space-li li {
	margin-top: 8px;
	margin-bottom: 8px;
}

/* reference na detailu sluzby */
.table-references-images {
	border-collapse: collapse;
	margin: 0;
	padding: 0;
	width: 740px;
}
#content #content2 .homepage-reference .dark-box-reference .reference-box .table-references-images tbody td.no-padding {
	margin: 0;
	padding: 0 9px;
}
#content #content2 .homepage-reference .dark-box-reference .reference-box .table-references-images tbody td.first-td {
	padding-left: 5px;
	padding-right: 8px;		
}
#content #content2 .homepage-reference .dark-box-reference .reference-box .table-references-images tbody td.last-td {
	padding-right: 0;
	padding-left: 8px;		
}
.table-references-images td .background-img {
	margin: 0;
	background: url(../img/content/background-images-170x131.jpg) no-repeat;
	padding: 5px 6px 6px 6px;
	width: 158px;
	height: 131px;
}

.article ul {
	font-size: 0.9em;	
}

/** reference slider  */

#slider {
	height: 190px;
}
#slider .slide {
  display: none;
}
#slider .slide.active {
  display: block;
}