/** TITLES */

#title1 { background: url(/img/layout/homepage23.gif) no-repeat right top; margin-top: 15px; }
#title2 { background: url(/img/layout/homepage24.gif) no-repeat; }
#title3 { background: url(/img/layout/homepage13.gif) no-repeat; }
#title4 { background: url(/img/layout/homepage14.gif) no-repeat; }
#title5 { background: url(/img/layout/homepage15.gif) no-repeat; }

#title6 { background: url(/img/layout/subpage1_02.gif) no-repeat; margin-left: 10px}
#title7 { background: url(/img/layout/subpage1_03.gif) no-repeat;margin-left: 10px }
#title8 { background: url(/img/layout/subpage1_04.gif) no-repeat; margin-left: 10px}

#title9 { background: url(/img/layout/subpage2_01.gif) no-repeat; }

.advertising {
	position: relative; top: 15px; left: 85px
	
}

.ref table {
	 width: 100%;
	 margin-bottom: 15px; 
	  
}
.ref td {
	 padding: 3px 5px;
 	 vertical-align: top;
}
 

.kontakt table {
	 width: 100%;
	 margin-bottom: 15px; 
	 background: #E9F5FE!important;
}
.kontakt td {
	 padding: 3px 5px;
 	 background: #E9F5FE!important;
}
.kontakt th {
	padding: 3px 5px;
	width: 150px; 
	background: #E2E2E2!important;
	text-align: left;
}

.big td, .big th {
	font-size: 13px;
	
}
.inner li {
	 padding-bottom: 8px;
	 
}

.inner {
	padding-left: 40px;  
}

.inner h1 {
	 color:#2e7cba;
	 font: bold 17px/25px Arial, sans-serif; 
}

.inner h2 {
	 color:#30639F;
	 font: bold 12px/25px Arial, sans-serif; 
}
.inner h3 {
	 color:#2e7cba;
	 font: normal 11px/15px Arial, sans-serif; 
	 border-left: 3px solid #2e7cba;
	 padding-left: 10px;
}

.inner li {
	 list-style-type: square;
}
.inner ul.active li{
     list-style-image: url(/img/symbol-ok.png);
     display:list-item;
}

.cenik table {
	  width: 100%;
	  margin-bottom: 15px;
}

.cenik th {
	 padding: 3px 5px;
	 text-align: left;
}

.cenik th h2 {
	 color: red;
}

.cenik td {
	 padding: 3px  5px;
	 width: 130px;
	  
}
.cenik td.dark, th.dark {
	 background: #e8ecee;
	 padding: 3px  5px;
}

.cenik th.dark {
	 width: 300px; 
}

.cenik td.dark-top, th.dark-top {
	 background: #e2e2e2;
	 padding: 3px  5px;
}

.cenik td.light-top, th.light-top {
	 background: #e9f5fe;
	 padding: 3px  5px;
}

.img-doprava {
	padding-bottom:0px; 
	border: none!important; 
}

.cd-title {
	padding-left: 20px; padding-bottom:10px; margin-left: 0px;
	background: url(/img/layout/homepage12.gif) no-repeat;
	 
}

.cd-title h2{
	padding-left: 10px; 
	 
}

.cd-left {
	width: 24%;
	float: left;
	 
}

.cd-left li {
	 padding-bottom: 8px;
	 list-style-type: none;	
}


.cd-right {
	width: 46%;
	float: left;
	padding-left: 20px;	
	
}
.cd-right h4 {
	padding-bottom: 3px;	
} 

.cd-right li {
	 padding-bottom: 8px;
	 
}


.cd-right-right {
	width: 24%;
	float: left;
	padding-left: 20px; 	
	 
}
 

.title {
	padding-left: 0px;
	background: url(/img/layout/homepage12.gif) no-repeat;
}

.title h1, .title h2, .title h3 {
	height: 23px;
	margin: 0px;
	padding: 0px;
}

.produkt-box { 
	background: url(/img/layout/box-1.gif) no-repeat;
	width:167px; height:49px;
	margin-bottom: 5px;
}

.produkt-title { 
	 width:167px; height:49px;
	 text-align:center;
	 padding-top: 17px;	 
}
.produkt-title a { 
	text-decoration:none;
 	 
}
.produkt-title a:hover { 
	text-decoration: underline;;	 
}

.client-login {
 
margin-left: -10px;
	 
}
.boxes {
	border: 0;
	margin-bottom: 5px;
}

#logo img {
	border: 0;
} 

#logo h1 {
	 color:#667887;
	 font: normal 13px/20px Arial, sans-serif;
	 text-transform: uppercase;
	 margin-left: 18px;
} 

#logo h2 {
	 color:#667887;
	 font: normal 10px/20px Arial, sans-serif;
	  
	 margin-left: 18px;
} 
#logo h3 {
	   display: none;
}

/** BASIC */

html, body {
	height: 100%;
}

/** WRAPPER */

#wrapper {
	position: absolute;
	z-index: 1000;
	width: 100%;
}

#extra1 {
	position: absolute;
	top: 0%;
	left: 0%;
	width: 50%;
	height: 333px;
}

#extra2 {
	position: absolute;
	top: 0%;
	left: 50%;
	width: 50%;
	height: 333px;
}

/** HEADER */

#header {
	position: relative;
	width: 766px;
	height: 126px;
	margin: 0px auto;
	 
}

#logo {
	float: left;
	width: 383px;
	height: 119px;
}


#online-pic {
	width:212px;
	height:119px;
	position: relative;
	/*left: 410px;*/
	float: right;
	z-index: 1000;
	background: url(/img/online.png) no-repeat;
}

#logo img {
	padding: 29px 0px 0px 17px;
}

/** HEADER-MENU */

#header-menu {
	position: absolute;
	right: -20px;
	width: 383px;
	height: 119px;
}

#header-menu ul {
	margin: 0px;
	padding: 55px 0px 0px 200px;
	list-style: none;
}

#header-menu li {
	display: block;
	float: left;
	width: 68px;
	height: 36px;
	padding: 12px 0px 0px 10px;
	background: url(/img/layout/homepage06.gif) no-repeat;
}

#header-menu a {
	display: block;
	float: left;
	width: 50px;
	padding-left: 15px;
}

#header-menu1 { background: url(/img/layout/homepage04.gif) no-repeat left center; }
#header-menu2 { background: url(/img/layout/homepage05.gif) no-repeat left center; }

/** SPLASH */

#splash {
	width: 766px;
	height: 207px;
	margin: 0px auto;
}

#splashA {
	float: left;
	width: 354px;
	height: 207px;
}

#splashB {
	position: relative;
	float: left;
	width: 251px;
	height: 297px;
	margin-top: -97px;
}

#splashC {
	float: left;
	width: 161px;
	height: 207px;
}

/** SPLASH-MENU */

#splash-menu {
	height: 23px;
	padding: 9px 0px 0px 15px;
}

#splash-menu ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
}

#splash-menu li {
	display: inline;
}

#splash-menu a {
	display: block;
	float: left;
	padding: 0px 12px 0px 12px;
	background: url(/img/layout/homepage10.gif) no-repeat 0px 4px;
}

/** SPLASH-MENU */

#mainmenu {
	width: 766px;
	height: 23px;
	margin: 0px auto;
	padding: 9px 0px 0px 30px;
}

#mainmenu ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
}

#mainmenu li {
	display: inline;
}

#mainmenu a {
	display: block;
	float: left;
	padding: 0px 18px 0px 18px;
	background: url(/img/layout/homepage10.gif) no-repeat 0px 3px;
}

/** CONTENT */

#content {
	width: 766px;
	margin: 0px auto;
	padding: 26px 0px 30px 0px;
	 
}

#left {
	float: left;
	width: 490px;
}

#right {
	float: left;
	width: 211px;
}


.sublogo {
 margin-top: 20px;
 margin-left: 130px;
}

.subtitle1 {
 
 margin-left: 6px;
}

/** BOX1 */

#box1 {
 
}

#box1 .title {
	height: 64px; 
}

 

#box1 .content {
	padding: 0px 12px 0px 80px;
}

#box1 .content p {
	text-align: right;
}

#box1 .content .link3 {
	padding-left: 10px;
	background: url(/img/layout/homepage25.gif) no-repeat left center;
}

/** BOX2 */

#box2 {
	padding-top: 50px;


}

#box2 .title {
	height: 46px;
}

#box2 .title h1, #box2 .title h2, #box2 .title h3 { position: absolute; left: -10000px; }

#box2 .content {
		border-left: 3px solid #2e7cba;
		padding-left:10px
}

#box2 .input2 {
	float: right;
}

#box2 table {
	margin-left: 25px;
}

/** BOX3 */

#box3 {
	float: left;
	width: 293px;
	padding-left: 28px;
}

#box3 .title {
}

#box3 .content {
	padding: 15px 0px 0px 28px;
}

#box3 .content p {
	padding-right: 8px;
}

/** BOX4 */

#box4 {
	float: left;
	width: 167px;
	padding-left: 30px;
}

#box4 .title {
}

#box4 .content {
	padding: 15px 0px 0px 10px;
}

/** BOX5 */

#box5 {
	float: left;
	width: 173px;
	padding-left: 38px;
}

#box5 .title {
}

#box5 .content {
	padding: 15px 0px 0px 10px;
}

/** BOX6 */

#box6 {
}

#box6 .title {
}

#box6 .content {
	padding: 15px 0px 0px 10px;
}

#box6 .content p {
	padding-right: 8px;
}

/** BOX7 */

#box7 {
	padding-left: 38px;
}

#box7 .title {
}

#box7 .content {
	padding: 15px 0px 0px 10px;
}

/** BOX8 */

#box8 {
	padding: 10px 0px 0px 38px;
}

#box8 .title {
}

#box8 .content {
	padding: 15px 0px 0px 10px;
}

/** BOX9 */

#box9 {
	padding: 0px 28px;
}

#box9 .title {
}

#box9 .content {
	padding: 15px 0px 0px 10px;
}

#box6 .content p {
	padding-right: 8px;
}

/** FOOTER */

#footer {
}

#links {
	margin: 0px;
	padding: 12px 0px 10px 0px;
}

#copyright {
	margin: 0px;
	padding: 10px 0px 50px 0px;
}
.margin-bottom{
  margin-bottom: 3px;
}
