@charset "utf-8";
/* CSS Document */

* { margin:0; padding:0; font-family: Arial, Verdana, Helvetica, sans-serif; }

.cleaner { clear:both; font-size: 1px; }
.cleaner-left { clear:left; font-size: 1px; }		
.cleaner-right { clear:right; font-size: 1px; }

a {color: #342321;}
a:hover {color: #c43c00;}

body {
	background: url(/img/body_bg.jpg);
	overflow-x:hidden;
	}

#page_top {
	position:relative;
	height: 288px;
	background: url(/img/top_bg.jpg) top center no-repeat #d0b78f;
	}
#page_top_sk {
	position:relative;
	height: 288px;
	background: url(/img/top_bg_SK.jpg) top center no-repeat;
	}
#page_top_en {
	position:relative;
	height: 288px;
	background: url(/img/top_bg_EN.jpg) top center no-repeat;
	}
	
#page_mid {
	position: relative;
	background: url(/img/rozcestnik_s_rukou.jpg) center top no-repeat;
	}
	
#page_mid.nohand {
	position: relative;
	background: url(/img/body_bg.jpg) center top no-repeat;
	}
	
#page_bottom {
	position: relative;
	 height: 70px;
	 background: url(/img/bottom_bg.jpg) bottom center no-repeat;
	 }	
	 
.page_column {
	position: relative;
	width: 900px;
	margin: 0 auto;
	}

#cke { padding: 20px; } 
	
	#home1 {
		height: 424px;
		}
	 
	#home2 {
	 	position: relative;
	 	background: url(/img/home2_bg.jpg);
		
		margin: 0 0 0 0;
		}
		
	#home3 {
		height: 64px;
		}
		
	#galerie {
		padding: 26px 0 20px 0;
		}	
		
	#loga_klientu {
	  background: url(/img/loga.png) 0px 25px repeat-x;
		display: table;
		position: relative;
		width: 900px;
		height: 120px;
		margin: 0 auto;
		padding: 0px 0;
		}		
		
		
		
		
/* top */

#page_top2 {
	height: 288px;
	background: url(/img/top_bg_2.png) bottom repeat-x;
	}
		 	
	ul.languages {
		position: absolute;
		top: 0;
		left: 0;
		list-style: none;
		float: left;
		}
		
		ul.languages li {
			float: left;
			margin: 0 1px 0 0;
			}
			
		ul.languages li a, ul.languages li a.active {
			display: block;
			width: 23px;
			height: 29px;
			font: Verdana, Arial, Helvetica, sans-serif;
			font-size: 12px;
			color: #000;
			text-align: center;
			line-height: 29px;
			text-decoration: none;
			}
			
		ul.languages li a:hover, ul.languages li a.active {
			background: url(/img/languages_bg.png);
			}		
			
	ul.topmenu {
		position: absolute;
		top: 0;
		right: 0;
		float: left;
		list-style: none;
		}
		
		ul.topmenu li {
			margin: 0 1px 0 1px;
			float: left;
			}
			
		ul.topmenu li a, ul.topmenu li a.active {
			display: inline-block;
			height: 43px;
			padding: 0 0 0 0;
			font-size: 11px;
			color: #000;
			text-transform: uppercase;
			text-decoration: none;
			/*background: url(../img/topmenu_left_bg.png) left no-repeat;*/
			}
			
		ul.topmenu li a span, ul.topmenu li a.active span {
			display: block;
			height: 43px;
			line-height: 43px;
			padding: 0 11px 0 0;
			margin: 0 0 0 11px;
			font-size: 12px;
			color: #000;
			text-transform: uppercase;
			text-decoration: none;
			/*background: url(../img/topmenu_right_bg.png) right no-repeat;*/
			}	
			 
		ul.topmenu li a:hover, ul.topmenu li a.active { 
			background: url(/img/topmenu_left_bg.png) left no-repeat;
			}
			
		ul.topmenu li a:hover span, ul.topmenu li a.active span	{
			background: url(/img/topmenu_right_bg.png) right no-repeat;
			}

	#home {
		position: absolute;
		top: 100px;
		left: 65px;
		width: 91px;
		height: 80px;
		}
		
		
				
/* mid */

	#facebook {
		position: absolute;
		top: -4px;
		right: 1px;
		width: 90px;
		height: 31px;
		background: url(/img/facebook.jpg) no-repeat;
		z-index:5000
		}

	ul.rozcestnik {
		padding: 21px 0 0 0;
		float: left;
		
		list-style: none;
		}
		
		ul.rozcestnik li {
			float: left;
			margin: 0 10px 0 0;
			background: url(/img/rozcestnik_bg.jpg) no-repeat;
			}
		
		

	.rozcestnik_item {
		position: relative;
		width: 169px;
		height: 389px;
		background: url(/img/rozcestnik_bg.jpg) no-repeat;
		}
		
	.rozcestnik_item .bezdph {
		position: absolute;
		top: 85px; 
		left: 40px;
		font-size: 9px;
		color: white;
		}
		
		#mini {
			background: transparent url(/img/rozcestnik_bg_top.png) 0 12px no-repeat;
			}
			
		#basic {
			background: transparent url(/img/rozcestnik_bg_top.png) -179px 12px no-repeat;
			}
			
		#mild {
			background: transparent url(/img/rozcestnik_bg_top.png) -358px 12px no-repeat;
			}
			
		#pro {
			background: transparent url(/img/rozcestnik_bg_top.png) -537px 12px no-repeat;
			}
      
    #extra {
			background: transparent url(/img/rozcestnik_bg_extra.png) 0px 12px no-repeat;
			}	 
			
		
		.rozc_cena {
			position: absolute;
			top: 56px;
			left: 15px;
			width: 85px;
			height: 27px;
			text-align: center;
			line-height: 27px;
			font-size: 16px;
			color: #311a17;
			font-weight: bold;
			}
			
			ul.rozc_ikony {
				padding: 105px 0 0 6px;
				float: left;
				list-style: none;
				height: 70px;
				}
				
				ul.rozc_ikony li {
					float: left;
					margin: 0 4px 3px 0;
					width: 33px;
					height: 32px;
					/*background: url(../img/rozcestnik_ikony.png);*/
					}
					
					ul.rozc_ikony li.roz_iko_1 { background: url(/img/rozcestnik_ikony.png) 0 0 no-repeat; }
					ul.rozc_ikony li.roz_iko_2 { background: url(/img/rozcestnik_ikony.png) -36px 0 no-repeat; }
					ul.rozc_ikony li.roz_iko_3 { background: url(/img/rozcestnik_ikony.png) -76px 0 no-repeat; }
					ul.rozc_ikony li.roz_iko_4 { background: url(/img/rozcestnik_ikony.png) -113px 0 no-repeat; }
					ul.rozc_ikony li.roz_iko_5 { background: url(/img/rozcestnik_ikony.png) 0px -38px no-repeat; }
					ul.rozc_ikony li.roz_iko_6 { background: url(/img/rozcestnik_ikony.png) -36px -38px no-repeat; }
					ul.rozc_ikony li.roz_iko_7 { background: url(/img/rozcestnik_ikony.png) -76px -38px no-repeat; }
					ul.rozc_ikony li.roz_iko_8 { background: url(/img/rozcestnik_ikony.png) -113px -38px no-repeat; }
				
			ul.rozc_popis {
				padding: 10px 0 0 25px;
				max-height: 160px;
				overflow: hidden;
				list-style: disc;
				clear:left;
				}
				
				ul.rozc_popis li {
					font-size: 11px;
					color: #fff;
					line-height: 16px;
					background: none;
					float: none;
					}
					
			.rozc_objednat {
				position: absolute;
				bottom: 8px;
				left: 88px;
				display: block;
				width: 74px;
				height: 26px;
				font-size: 12px;
				font-weight: bold;
				color: #fff;
				text-align: center;
				text-transform: uppercase;
				text-decoration: none;
				line-height: 26px;
				background: url(/img/objednat.png);
				cursor: pointer;
				}
				
			a.rozc_objednat:hover { color: #311916; }
				
			.rozc_vice {
				position: absolute;
				bottom: 8px;
				left: 9px;
				display: block;
				width: 74px;
				height: 26px;
				font-size: 12px;
				font-weight: bold;
				color: #311916;
				text-align: center;
				text-transform: uppercase;
				text-decoration: none;
				line-height: 26px;
				background: url(/img/detail.png);
				cursor: pointer;
				}	
				
	#rozcestnik_hand {
		position: absolute;
		right: -437px;
		top: 0;
		width: 452px;
		height: 424px;
		background: url(/img/rozcestnik_bg_handx.jpg) no-repeat;
		}
    
  #rozcestnik_newie_cs, #rozcestnik_newie_sk, #rozcestnik_newie_en {
		position: absolute;
		right: 12px;
		top: 18px;
		width: 71px;
		height: 71px;
		}
    
  #rozcestnik_newie_cs, #rozcestnik_newie_sk { background: url(/img/newie.png) no-repeat; }
  #rozcestnik_newie_en { background: url(/img/new.png) no-repeat; }			 		
				
	#home_left {
		float: left;
		width: 267px;
		padding: 23px 0;
		}
		
	#home_right {
		float: right;
		width: 612px;
		padding: 23px 0;
		}
		
		
/* home page */		
		
		
		#hands {
			width: 155px;
			height: 144px;
			background: url(/img/ruce_bg.jpg) no-repeat;
			position: absolute;
			top: 0;
			left: -20px;
			z-index: 100;
			}
			
		#deset {
			position: relative;
			z-index: 1000;
			}	
			
		#deset_top {
			width:267px;
			height: 119px;
			background: url(/img/deset_top.png) top no-repeat;
			}
		#deset_top_sk {
			width:267px;
			height: 119px;
			background: url(/img/deset_top_SK.png) top no-repeat;
			}
		#deset_top_en {
			width:267px;
			height: 119px;
			background: url(/img/deset_top_EN.png) top no-repeat;
			}
			
		#deset_body {
			width: 250px;
			padding: 5px 0 10px 17px;
			background:url(/img/deset_body.png);
			}
			
		#deset_bottom {
			width: 267px;
			height: 6px;
			background: url(/img/deset_bottom.png) bottom no-repeat;
			}	
			
			.points {
				display: table;
				height: 30px;
				margin: 5px 0 0 0;
				/*display: table-cell;
				width: 234px;
				margin: 0 auto;
				padding: 0 0 0 44px;
				font-size: 11px;
				color: #40221f;
				vertical-align: middle;*/
				}
				
			.points span {
				display: table-cell;
				margin: auto 0;
				padding: 0 0 0 44px;
				font-size: 14px;
				color: #40221f;
				vertical-align: middle;
				}
				
				#deset_body a { color: #40221F; text-decoration: none; }
				#deset_body a:hover span { text-decoration: underline; }
				
				#p1 { background:  url(/img/point1.png) left center no-repeat }
				#p2 { background:  url(/img/point2.png) left center no-repeat }
				#p3 { background:  url(/img/point3.png) left center no-repeat }
				#p4 { background:  url(/img/point4.png) left center no-repeat }
				#p5 { background:  url(/img/point5.png) left center no-repeat }
				#p6 { background:  url(/img/point6.png) left center no-repeat }
				#p7 { background:  url(/img/point7.png) left center no-repeat }
				#p8 { background:  url(/img/point8.png) left center no-repeat }
				#p9 { background:  url(/img/point9.png) left center no-repeat }
				#p10 { background:  url(/img/point10.png) left center no-repeat }
				
				
		#garance {
			position: relative;
			margin: -6px 0 0 -7px;
			width: 286px;
			height: 91px;
			background: url(/img/garance_bg.png) no-repeat;
			z-index: 2000;
			}
		#garance_sk {
			position: relative;
			margin: -6px 0 0 -7px;
			width: 286px;
			height: 91px;
			background: url(/img/garance_bg_SK.png) no-repeat;
			z-index: 2000;
			}
		#garance_en {
			position: relative;
			margin: -6px 0 0 -7px;
			width: 286px;
			height: 91px;
			background: url(/img/garance_bg_EN.png) no-repeat;
			z-index: 2000;
			}
			
		#garance2 {
			position: absolute;
      top: 60px;
      left: 740px;
			width: 200px;
			height: 200px;
			border: none;
			}
			
			
	#reference {
		width: 116px; height: 18px;
		background: url(/img/nadpis-reference.jpg) left no-repeat;
		}		
		
	ul.reference {
		float: left;
		list-style: none;
		padding: 16px 0 0 0;
		}
		
		ul.reference li {
			float: left;
			width: 119px;
			height: 88px;                /*86*/
			margin: 0 3px 7px 0;
			background: url(/img/reference_ul_bg.png) left top no-repeat;
			}
			
		ul.reference li a {
			display: block;
			width: 116px;
			height: 86px;
			margin: 2px 0 0 0px;
			text-decoration: none;
            background: url('/img/multibox/mb_components/loader.gif') center center no-repeat;
			}
			
			ul.reference li a img {
				width: 116px;
				height: 86px;
				border: none;
				background-color: white;
				}
				
					
		#home_right h2 {
			padding: 44px 0 0 0;
			font-size: 16px;
			color: #342321;
			}
			
		#home_right p {
			padding: 16px 0 0 0;
			font-size: 14px;
			color: #342321;
			line-height: 22px;
			text-align: justify;
			font: Arial, Helvetica, sans-serif;
		}		
					
					
					
					
/* galerie */

	#chap-name {
		position:absolute;
		top: 20px;
		left: 0;
		height: 27px;
		width: 150px;
		}
	#chap-name h2{ position: absolute; font-size: 10px; top: -50px; z-index: -1; }
	#chap-name h1{ position: absolute; font-size: 10px; top: -50px; z-index: -1; }
	#chap-name img{
		position:absolute;
		top: 0px;
		left: 0px;
		}
		
		.chap-reference { background: url(/img/chap-reference.jpg) top left no-repeat; }
		

	.galerie_item {
		float: left;
		position: relative;
		width: 269px;
		min-height: 210px;
		background: url(/img/galerie_bg.png) -1px top no-repeat;
		margin: 0 50px 25px 0;
		}
		
	.galerie_item_l {
		clear: left;
		float: left;
		position: relative;
		width: 269px;
		min-height: 210px;
		background: url(/img/galerie_bg.png) -1px top no-repeat;
		margin: 0 50px 25px 0;
		}
		
	.galerie_item_r {
		float: left;
		position: relative;
		width: 269px;
		min-height: 210px;
		background: url(/img/galerie_bg.png) -1px top no-repeat;
		margin: 0 -15px 25px 0;
		}
		
	.galerie_item a.img, .galerie_item_r a.img, .galerie_item_l a.img {
		background: url('/img/multibox/mb_components/loader.gif') center center no-repeat;
        display: block;
	/*	width: 260px;*/
		height: 194px;
		border: none;
		padding: 0 0 0 1px;
		}
			
	.galerie_item a.img img, .galerie_item_r a.img img, .galerie_item_l a.img img {
		max-width: 260px;
		height: 194px;
		border: none;
		}
		
	.galerie_item h2, .galerie_item_r h2, .galerie_item_l h2 {
		font-size: 12px;
		padding: 9px 0 0 2px;
		color: #311916;
		text-transform: uppercase;
		}
		
	.galerie_item p, .galerie_item_r p, .galerie_item_l p {
		font-size: 11px;
		padding: 5px 0 0 2px;
		color: #311916;
		}

#galerie .artweb {
    position: absolute;
    top: -5px;
    right: 4px;
    width: 73px;
    height: 75px;
    cursor: pointer;
}

#galerie a .web {
    background: url('/img/web.png') left 0px no-repeat;
}

#galerie a:hover .web {
    background: url('/img/web.png') left -75px no-repeat;
}

#galerie a .eshop {
    background: url('/img/e-shop.png') left 0px no-repeat;
}

#galerie a:hover .eshop {
    background: url('/img/e-shop.png') left -75px  no-repeat;
}

.artwebpopup {
    background-color: #ffffff;
    border: solid 2px #ffffff;
    border-radius: 5px;
    max-width: 90%;
    max-height: 90%;
    text-align: center;
}

.artwebpopup h3 {
    padding: 21px;
    color: #311916;
    text-align: left;
    text-transform: uppercase;
}

.artwebpopup div.divider {
    background: url("/img/bottom_bg2.png") repeat-x scroll center top;
    height: 5px;
}

.artwebpopup img {
    background: url("/img/bottom_bg2.png") repeat-x scroll center top;
    border: 0;
    margin: auto;
    max-width: 100%;
    max-height: 90%;
}

.artwebpopup p {
    margin: 20px;
    text-align: left;
    font-weight: normal;
    font-size: 16px;
}

.artwebpopup p.left {
    float: left;
}

.artwebpopup p.right {
    float: right;
}

.artwebpopup div.close {
    position: absolute;
    top: 15px;
    right: 15px;
    width: 32px;
    height: 32px;
    cursor: pointer;
    background: url('/images/colorbox/close.png') top left no-repeat;
}
		 
		 
/* produkt */

	#description {
		position: relative;
		}
		
		#description p {
			font-size: 14px;
			color: #fff;
			line-height: normal;
			margin-bottom: 55px;
			}
		
	#balicek {
		float: left;
		width: 193px;
		height: 271px;
		}
		
		.mini { background: url(/img/balicek-mini.jpg) no-repeat; }
		
	#balicek-popis {
		float: right;
		width: 700px;
		}
		
	#bal-nadpis {
	  position: relative;
		margin: 79px 0 0 0;
		width: 400px;
		height: 33px;
		}
	
	#bal-nadpis h2{ position: absolute; z-index: -1; font-size: 10px; left: -150px; width: 90px;}
	#bal-nadpis h1{ position: absolute; z-index: -1; font-size: 10px; left: -150px; width: 90px;}
  	
	#bal-nadpis img{ vertical-align: top;	}
		
		.bal-mini {
			background: url(/img/balicek-nadpis-mini.jpg) top left no-repeat;
			}
			
	.bal-objednat {
		display: block;
		position: absolute;
		right: 0;
		bottom: 0;
		width: 100px;
		height: 26px;
		background: url(/img/bal-objednat-x.png) 0px 0px no-repeat;
		font-size: 14px;
		color: #311916;
		text-align: center;
		line-height: 26px;
		text-decoration: none;
		padding-right: 7px;
		}
    
   .bal-objednat:hover {
		background: url(/img/bal-objednat-x.png) 0px -26px no-repeat;
		}		
  		
	#prod-left {
		float: left;
		width: 578px;
		padding: 0 0 35px 15px
		}
		
	#prod-right {
		float: right;
		width: 282px;
		padding: 35px 0 0 0;
		}
		
		#prod-left h2 span {
			display: block;
			margin: 32px 0 10px 0;
			height: 40px;
			width: 180px;
			line-height: 40px;
			padding: 0 22px;
			background: #2e1613 url(/img/prod-header.jpg) top right no-repeat;
			font-size: 16px;
			color: #fff;
			}
			
		#prod-left h3 {
			padding: 5px 0 0 0;
		 	font-size: 14px;
			color: #301815;
			}
			
		#prod-left h3 span {
			font-size: 10px;
			font-weight: normal;
			}	
		 	
			
		#prod-left p {
			font-size: 14px;
			color: #301815;
			padding: 5px 0 10px 0;
			}
			
		#prod-left p.akce {
			color: #FF0000;
			font-weight: bold;
			}		
			
		#produl-wrapper {
			position: relative;
			}	
		
    #prod-ico-ul {
			list-style: none;
			padding: 20px 0 0 0;
			}
    
    #prod-ico-ul  li {
		 	display: inline-block;
			}	
		
    #prod-ul {
      list-style: disc outside none;
			padding: 35px 0 0 0;
			}
			
		#prod-ul  li {
		 	margin: 0 0 10px;
			}
			
		#prod-ul li span {
			display: block;
			height: 25px;
			padding: 0 0 0 5px;
			font-size: 14px;
			color: #301815;
			}	
			
			ul.rozcestnik .emptyico { background: url(/img/nic.png) left no-repeat; }
      
      .li-koncepty { background: url(/img/prod-ul-koncepty.png) left no-repeat; }
			.li-revize { background: url(/img/prod-ul-revize.png) left no-repeat; }
			.li-designeri { background: url(/img/prod-ul-designeri.png) left no-repeat; }
			.li-navrhy { background: url(/img/prod-ul-navrhy.png) left no-repeat; }
			.li-bw { background: url(/img/prod-ul-bw.png) left no-repeat; }
			.li-vizitka { background: url(/img/prod-ul-vizitka.png) left no-repeat; }
			.li-papir { background: url(/img/prod-ul-papir.png) left no-repeat; }
			.li-manual { background: url(/img/prod-ul-manual.png) left no-repeat; }
			
			
		#prod-left #prod-subul {
			list-style: none;
			padding: 15px 0 0 0;
			}
			
		#prod-left #prod-subul li {
			font-size: 14px;
			color: #301815;
			} 
			
		
    a.prod-upsell {
			display: block;
      position: absolute;
			right: 0;
			bottom: 65px;
			width: 134px;
			background: url(/img/up_sell_bottom.png) left bottom no-repeat;
			cursor: pointer;
			font-size: 14px;
			text-align: center;
			padding: 10px 10px 25px 10px;
			text-decoration: none;
			/*letter-spacing: -0.2pt;*/
			}
			
		div.upsell_up {
			display: block;
      position: absolute;
			left: 0;
			top: -10px;
			width: 154px;
			height: 10px;
			background: url(/img/up_sell.png) left top no-repeat;
			/*letter-spacing: -0.2pt;*/
			}
			
		a.prod-upsell i {
      line-height: 40px;
      font-size: 12px;
      }
    
    .prod-objednat-cs {
			position: absolute;
			right: 0;
			bottom: 0;
			width: 154px;
			height: 64px;
			background: url(/img/prod-objednat-cs.png) no-repeat;
			cursor: pointer;
			}
      
    .prod-objednat-sk {
			position: absolute;
			right: 0;
			bottom: 0;
			width: 154px;
			height: 64px;
			background: url(/img/prod-objednat-sk.png) no-repeat;
			cursor: pointer;
			}
      
      .prod-objednat-en {
			position: absolute;
			right: 0;
			bottom: 0;
			width: 154px;
			height: 64px;
			background: url(/img/prod-objednat-en.png) no-repeat;
			cursor: pointer;
			}	
				 	
				 
		#pright-column {
			width: 282px;
			}
			
			#pright-header1 {
				height: 45px;
				background: url(/img/prod-right-header1.png);
				}
			
			#pright-header1.en {
				background: url(/img/prod-right-header2.png);
				}
				
			#pright-header2 {
				height: 16px;
				background: url(/img/prod-right-header-reference.png) no-repeat;
				margin: 45px 0 0 21px;
				}	
				
			#pright-body {
				background: url(/img/prod-right-body.png);
				}
				
			#pright-body .bezdph {
				font-size: 11px;
				padding-right: 25px;
				text-align: right;
				color: #301815;
				}
				
			
				#pros-mini, #pros-basic, #pros-mild, #pros-pro { 
					position: relative;
					width: 236px;
					height: 86px;
					margin: 0 auto 4px auto;
					z-index: 1000; 
					}
						
						#pros-basic { z-index: 1100; }
						#pros-mild { z-index: 1200; }
						#pros-pro { z-index: 1300; }
						
						#pros-mini.active { background: url(/img/prod-right-mini.png)  }
						#pros-basic.active { background: url(/img/prod-right-basic.png)  }
						#pros-mild.active { background: url(/img/prod-right-mild.png)  }
						#pros-pro.active { background: url(/img/prod-right-pro.png)  }
					
				.pros-bg,.pros-bgover {
					position: absolute;
					top: 0;
					left: 0;
					width: 236px;
					height: 86px;
					z-index: 500;
					}
					
				.pros-bgover {
					z-index: 800;
					}
          
        .pros-price { position: absolute; top: 20px; left: 208px; z-index: 1500; }	
						
				
				#pros-mini p, #pros-basic p, #pros-mild p, #pros-pro p {
					position: relative;
					display: table-cell;
					height: 86px;
					vertical-align: middle;
					padding: 0 0 0 88px;
					font-size: 10px;
					color: #311916;
					z-index: 1000;
					}		 
				
				
				
				.pros-butt {
					position: absolute;
					top: 0;
					left: 0;
					width: 236px;
					height: 86px;
					z-index: 1500;
					}
				
			ul.pright-ref {
				list-style: none;
				padding: 16px 0 0 15px;
				margin: 0 0 0 0;
				float: left;
				}
				
			ul.pright-ref li {
				width: 75px;
				height: 58px;
				float: left;
				margin: 0 5px 10px 5px;
                background: url('/img/multibox/mb_components/loader.gif') center center no-repeat;
				}
				
			ul.pright-ref li img {
				width: 75px;
				height: 58px;
				}
				
			#pright-bottom {
				width: 282px;
				height: 10px;
				background: url(/img/pright-bottom.png);
				}	
				
/* hodnoceni */

	#nadpis-hodnoceni {
		height: 60px;
		/*background: url(/img/nadpis-hodnoceni.png) left center no-repeat;*/
		}

	.hodnoceni-item-left {
		float: left;
		width: 426px;
		height: 211px;
		margin: 0 0 40px 0;
		background: url(/img/hodnoceni-item.png) no-repeat;
		}
		
	.hodnoceni-item-right {
		float: right;
		width: 426px;
		height: 211px;
		margin: 0 0 40px 0;
		background: url(/img/hodnoceni-item.png) no-repeat;
		}
		
		.hit-left {
			float: left;
			}
			
		.hodiko {
			float: left;
			width: 117px;
			height: 90px;
			margin: 90px 0 0 28px;
			background: url(/img/hodnoceni-ikona.png);
			padding: 4px 0 0 3px;
			}
			
		.hodiko img {
			width: 114px;
			height: 88px;
			}	
				
			
		.hit_right {
			float: right;
			width: 262px;
			padding: 11px 0 0 0;
			}
			
		.hodnotitel {
			display: table;
			vertical-align: middle;
			height: 40px;
			padding: 0 15px 0 0;
			font-size: 14px;
			color: #fff;
			/*line-height: 40px;*/
			}
			
		.hodnotitel img {
			margin: 0 15px 0 0;
			}	
				
		.hodnotitel span {
			display: table-cell;
			vertical-align: middle;
			font-size: 12px;
			color: #fff;
			}
			
		.hodnoceni p {
			padding: 41px 8px 0 0;
			font-size: 12px;
			color: #fff;
			height: 105px;
			overflow: hidden;
			}
      
    .hodnoceni p a { color: white;	}
			
		.hod-objednat {
			clear: both;
			display: block;
			text-align: center;
			width: 380px;
			height: 64px;
			margin: 0 auto 40px auto;
			background: url(/img/hodnoceni-objednat.png) no-repeat;
			}
      
     .hod-objednat img{ margin: auto;}	
				
/* vaskakovací hodnocení */
#pop_appr_bg { background: url('/img/bg_popappr.png') bottom left no-repeat; width: 600px; padding-bottom: 20px; }
#pop_appr_bg div.bg { background: url('/img/body_bg.jpg'); position: relative;}
#pop_appr { background: url('/img/popappr.png') top left no-repeat; width: 600px; min-height: 211px; }
#pop_appr .hit-left { float: left; }
#pop_appr	.hodiko { float: left; width: 117px; height: 90px; margin: 75px 0 0 20px; background: url(/img/hodnoceni-ikona.png); padding: 4px 0 0 3px; }
#pop_appr .hodiko img { width: 114px; height: 88px; }	
#pop_appr .hit_right { float: none; padding: 11px 0 0 0; width: auto;}
#pop_appr .hodnotitel { display: table; vertical-align: middle; height: 40px; padding: 0 15px 0 0; font-size: 14px; color: #fff; margin-left: 160px; /*line-height: 40px;*/ }
#pop_appr .hodnotitel img { margin: 0 15px 0 0; }	
#pop_appr .hodnotitel span { display: table-cell; vertical-align: middle; font-size: 12px; color: #fff; }
#pop_appr .hodnoceni p { padding: 25px 8px 0 0; font-size: 12px; color: #fff; height: auto; overflow: auto; margin-left: 160px; /* height: 120px; overflow: hidden; */ }	
#pop_appr .hod-objednat { clear: both; display: block; text-align: center; width: 380px; height: 64px; margin: 0 auto 40px auto; background: url(/img/hodnoceni-objednat.png) no-repeat; }
#pop_appr .hod-objednat img{ margin: auto; }
#pop_appr_bg div.close { position: absolute; top: -12px; right: -12px; width: 24px; height: 24px; cursor: pointer; 
                      background: url('/img/multibox/mb_components/close.png') top left no-repeat; }

				
/* formular */

	
	.nadpis {
		margin: 0 0 0 0;
		height: 65px;
		width: 250px;
		}
		
		#nadpis-produkt { background: url(/img/nadpis-produkt.png) center left no-repeat; }
		#nadpis-fak-adresa { background: url(/img/nadpis-fak-adresa.png) center left no-repeat; }
		#nadpis-platba { background: url(/img/nadpis-platba.png) center left no-repeat; }

	#prodinfo { position: relative; width: 902px; background-color: #3d2925; color: #FFFFFF; }
		#prtl { position: absolute; top: 0; left: 0; width: 7px; height: 7px; background: url(/img/prodinfo-tab-corners.jpg) top left no-repeat; }
		#prtr { position: absolute; top: 0; right: 0; width: 7px; height: 7px; background: url(/img/prodinfo-tab-corners.jpg) top right no-repeat; }
		#prbl { position: absolute; bottom: 0; left: 0; width: 7px; height: 7px; background: url(/img/prodinfo-tab-corners.jpg) bottom left no-repeat; }
		#prbr { position: absolute; bottom: 0; right: 0; width: 7px; height: 7px; background: url(/img/prodinfo-tab-corners.jpg) bottom right no-repeat; }

	

	table.prodinfo { color: #fff; }
	
	.pt-iko { width: 80px; height: 84px; text-align: center   }
	.pt-name { width: 270px; padding:  0 0 0 20px; }
	.pt-name a { font-size: 16px; font-weight: bold; color: #fff; text-decoration: none;}
	.pt-popis { width: 400px; padding: 0 0 0 20px; font-size: 14px;  }
	.pt-cena { width: 100px; padding: 0 15px 0 0; text-align: right; font-size: 20px; font-weight: bold }
  .pt-cena span { text-align: right; font-size: 9px; font-weight: normal; }				
				
	#obj-left {
		position: relative;
		/*float: left;*/
		display: inline-block;
		width: 440px;
		/*height: 510px;*/
		}
		
	#obj-right {
		/* float: right; */
		display: inline-block;
		width: 450px;
		/*height: 510px;*/
		padding-bottom: 30px;
		/*margin-bottom: 40px;*/
		}	
		
	#formular.down{
    }
    
  #formular table { width: 100%; }
  #formular table td { vertical-align: top; }
  #formular table td input { margin-top: 2px; }
	
		#formular span {
			font-size: 14px;
			color: #331c19;
			}
      
    #formular a span {
			text-decoration: underline;
			cursor: pointer;
			}
    #formular a:hover span {
			color: #C43C00;
			} 
	
		.frmdsc {
			display: inline-block;
			width: 95px;
			font-size: 11px;
			color: #331c19;
			text-align: right;
			}
			
		.frmfldbg {
			display: inline-block;
			margin: 0 0 0 15px;
			width: 235px;
			height: 21px;
			background: url(/img/frmfld.png) no-repeat;
			}
			
		.frmfld {
			font-size: 14px;
			padding: 3px 3px 0 3px;
			width: 229px;
			color: #331c19;
			border: none;
			background: none;
			} 
			
		.frmtxtbg {
			display: inline-block;
			margin: 6px 0 25px 15px;
			width: 235px;
			height: 120px;
			background: url(/img/frmtxt.png) no-repeat;
			}	
			
		.frmtxt {
			width: 225px;
			height: 105px;
			font-size: 14px;
			padding: 3px;
			margin: 3px 2px;
			color: #331c19;
			border: none;
			background: none;
			vertical-align: text-top;
			resize: none;
			}		
			
		.souhlas {
			vertical-align: middle;
			margin: 0 15px 0 35px;
			}
			
		#formular .zamek {
			display: block;
      margin: 5px 0 0px 35px;
			font-size: 11px;
			color: #c43c00;
			height: 40px;
			}
			
		#pokracovat {
			cursor: pointer;
			}
			
		#pokracovat a {
			display: block;
			width: 164px;
			height: 64px;
			line-height: 40px;
			text-align: center;
			font-size: 16px;
			color: #331c19;
			text-decoration: none;
			}		
			
		.mesidz {
			font-size: 11px;
			color: #FF0000
			}		
				
/* loga klientu */

	table.table_kloga tr td {
		padding: 0 20px;
		margin: 0 auto;
		}

	.kloga_item {
		position: relative;
		float: left;
		}
		
	.kloga_item a {
		display: block;
		height: 50px;
		}
	
	.kloga_item a img {
		vertical-align: middle;
		
		}
		
							
					
/* bottom */

#page_bottom2 {
	height: 70px;
	background: url(/img/bottom_bg2.png) top repeat-x;
	}	
	
#copyright {
	position: absolute;
	top: 35px;
	left: 0;
	font-size: 10px;
	color: #311916;
	}
	
	#copyright a, #copyright a:hover, #copyright a:visited, #copyright a:active {
		color: #311916;
		text-decoration: none;
		}

	#socky {
		position: absolute;
		top: 30px;
		right: 0;
		}
		
		#socky a {
			margin: 0 10px 0 0;
			text-decoration: none
			} 

	#likeit {
		position: absolute;
		top: 35px;
		right: 100px;
		}

input.required { position: absolute; border: none; background-color: transparent; width: 1px; height: 1px; color: transparent; }

#qa { display: block; position: relative; padding-bottom: 50px; }
#www { display: none; }
#frm-www { position: absolute; border: none; background-color: transparent; width: 1px; height: 1px; color: transparent; }
#frm-send { float: right; }
#qa p { font-size: 13px; color: #333; }
#qa a { font-size: 14px; color: gray; }
#qa a:hover { color: black; }
#qa td { vertical-align: top;}
#qa img { margin-left: 20px; vertical-align: middle; }
#qa h1 { padding: 0px 10px 0px 10px; font-size: 24px; color: #20a5d9; margin: 5px 0px 5px 0px;}
#qa h1 span { font-size: 17px; font-weight: normal;}

#qa p.otazka { margin: 0px; text-align: left; padding: 20px 15px 20px 15px; background: url(/img/bg_text.png) repeat-x bottom; }
#qa p.jmeno { float: right; }
#qa p.otazka span { display: block; text-align: right; padding: 3px 5px 0px 0px; font-weight: bold; font-size: 11px; width: 735px; }
#qa div.odpoved { text-align: left; padding: 20px 15px 20px 35px; background: url(/img/bg_text.png) repeat-x bottom; }
#qa div.odpoved a { font-weight: normal; text-decoration: underline; color: gray; }
#qa div.odpoved a:Hover { color: black; }

#qa div.aq_link { width: 875px; text-align: right; }
#qa div.aq_link a { font-weight: normal; font-size: 10px; text-decoration: underline; font-style: italic; color: gray;}

#qadotaz table { margin: auto; }
#frm-mail { border: solid thin silver; }
#frm-author { border: solid thin silver; }

#qadotaz { position: relative; margin: auto; width: 504px; height: 300px; background: url(/img/kontakt_form_stred.jpg) repeat-x top; }
#qadot-top { position: absolute; width: 504px; height: 2px; background: url(/img/kontakt_form_c_hore.gif) repeat-y top; }
#qadot-in { width: 504px; height: 300px; background: url(/img/kontakt_form_c_p_l.gif) no-repeat transparent; }
#qadot-rightedge { position: absolute; right: -1px; height: 220px; width: 2px; background: url(/img/kontakt_form_c_p_l.gif) no-repeat right transparent; }
#qadot-bottom { position: absolute; width: 504px; height: 15px; background: url(/img/kontakt_form_c_dole.gif) repeat-y bottom; }
#qadot-echo { position: absolute; left: 20px; top: 260px; color:#2e1614; font-size: 8pt; }
#qadotaz .error { color: red; padding: 0px 0px 0px 35px ; }
#qadotaz h3 { color: #2e1614; padding: 3px 0px 0px 20px; font-size: 11pt; }
#qadotaz label.qaname { position: absolute; left: 20px; top: 30px; color:#2e1614; font-size: 9pt; font-weight: normal; }
#qadotaz input.qainame { position: absolute; left: 20px; top: 50px; width: 226px; height: 26px; border: none; padding: 0px 3px 0px 3px; background: url(/img/kontakt_form_text_pas.jpg) no-repeat white; color:#2e1614; font-size: 10pt; }
#qadotaz label.qamail { position: absolute; left: 255px; top: 30px; color:#2e1614; font-size: 9pt; font-weight: normal; }
#qadotaz input.qaimail { position: absolute; left: 255px; top: 50px; border: none; width: 226px; height: 26px; padding: 0px 3px 0px 3px; background: url(/img/kontakt_form_text_pas.jpg) no-repeat white; color:#2e1614; font-size: 10pt; }
#qadotaz textarea.qaotazka { position: absolute; left: 20px; top: 90px; width: 460px; height: 128px; padding: 0px 3px 0px 3px; background: url(/img/kontakt_form_text_mesg.jpg) repeat-x bottom white; border: solid thin silver; font-family: Verdana,Tahoma,Arial,Helvetica,sans-serif; color: #2e1614; font-size: 10pt; line-height: 1.6;}
#qadotaz #frm-send { position: absolute; left: 380px; top: 235px; border: none; background: url(/img/kontakt_form_tlac_pas.jpg) no-repeat; font-weight: bold; font-size: 8pt; color:#2e1614; cursor: pointer; }
#qadotaz input.qacheckbox { display: none; position: absolute; left: 25px; top: 185px; }
#qadotaz label.qamamzajem { display: none; position: absolute; left: 47px; top: 187px; }


#cke h2, #prod-left h2 {	display: inline-block; margin: 32px 0 10px 0;	height: 40px;	line-height: 40px; padding: 0 22px;
			           background: #2e1613 url(/img/prod-header.jpg) top right no-repeat;	font-size: 16px;color: #fff;	}
#cke h2 span, #prod-left h2 span { margin: 0px; padding: 0px; background: none; }
/*#cke h2 span, #prod-left h2 span { display: block; margin: 32px 0 10px 0;	height: 40px;	width: 180px;	line-height: 40px; padding: 0 22px;
			           background: #2e1613 url(/img/prod-header.jpg) top right no-repeat;	font-size: 16px;color: #fff; }*/
#cke h3, #prod-left h3 {	padding: 5px 0 0 0;	font-size: 18px;	color: #301815;	}
#cke h3 span, #prod-left h3 span { font-size: 10px;	font-weight: normal; }	
#cke p, #prod-left p { font-size: 14px;	color: #301815;	padding: 5px 0 10px 0; }
#cke p.akce {	color: #FF0000;	font-weight: bold; }
#cke ul, #prod-left ul { list-style: outside; padding-left: 20px; }
#cke ol, #prod-left ol { list-style: decimal outside; padding-left: 20px; }
#cke li, #prod-left li { font-size: 14px;	color: #301815;	padding: 0px 0px; margin: 2px 0px; }
#cke img.float, #prod-left img.float { border: none;  margin: 0px 4px 4px 0px; } 

p.thanks { font-size: 16px;	color: #301815;	padding: 0px; float: left; margin: 20px 0px 0px 0px; }

#express { position: absolute; width: 120px; height: 75px; left: 245px; top: 180px; cursor: pointer; }

div.rozc-anchor { position: absolute; width: 167px; height: 95px; border: none; }

a.podminky { text-decoration: none; }
a.podminky:hover span { text-decoration: underline; }

#plusone { position: absolute; top: 35px; right: 250px; }

#addons { padding: 0 15px; float: right; }
#addons h3 { font-size: 16px; margin: 10px; }
#addons table { border-collapse: collapse; margin-bottom: 10px; width: 500px; }
#addons table td { padding: 2px 0px; font-size: 14px; color: #fff; }
#addons table td.right { text-align: right; padding-left: 20px; }
#addons tr.sum td.right { font-size: 20px; }
#addons tr td.right span { font-size: 9px; }
#addons tr.sum td { border-top: solid thin #fff; font-weight: bold; padding-top: 10px; }
#addons tr.head td { ; }

#payonline { float: right; }
#payonline input.submit { border: none; background: url(/img/opay_cs.png) left top no-repeat; width: 140px; height: 39px; cursor: pointer; }
#payonline.sk input.submit { background: url(/img/opay_sk.png) left top no-repeat; }
#payonline.en input.submit { background: url(/img/opay_en.png) left top no-repeat; }

#objednavka span.ok { font-weight: bold; color: green; }
#objednavka span.error { font-weight: bold; color: red; }
#objednavka div.rekap { padding: 10px 0px 0px 10px; font-weight: bold; text-transform: uppercase; }
#objednavka div.reklabel { padding: 10px; font-weight: bold; font-size: 14px; color: silver; }

#fact { font-size: 14px; }
#fact td { ; }
#fact td.label { width: 360px; font-weight: bold; font-size: 12px; padding-left: 20px; }

.cursor { cursor: pointer; }

#objednavka table.form { border-collapse: collapse; }
#objednavka table.form td { vertical-align: top; }

/* .shadow { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; background: url(/img/shadow_30.png); }*/

/* 

<div id="copyartfocus"><a class="artfocus" href="http://www.artfocus.cz/tvorba-www-stranek/tvorba-webovych-stranek.html" target="_blank" title="Tvorba webových stránek a e-shopů"><img src="img/nic.gif" width="89" height="30" border="0" alt="Artfocus" /></a></div>

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi faucibus suscipit nibh, non mattis sem congue a. Praesent sagittis magna eget leo semper sollicitudin. Nullam condimentum, dolor a interdum faucibus, neque mauris scelerisque dui, ut aliquam risus justo ut lacus. Morbi nunc dui, pellentesque at congue ultricies, iaculis in velit. 

Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Sed auctor eros id est facilisis tempor. Duis eu tellus sed dui ullamcorper dictum eget vel mi. Aenean pellentesque lorem ultricies eros accumsan laoreet. Praesent sit amet metus enim. Integer at diam id tortor scelerisque rutrum sed ut lectus. Praesent ac nisi lacus.

Aliquam semper rutrum placerat. Sed laoreet, ipsum sit amet hendrerit lobortis, enim massa faucibus felis, vel adipiscing lacus lectus ut urna. Pellentesque malesuada neque in sem consequat sed dapibus est laoreet. Duis dapibus interdum nisi eu tincidunt. Mauris commodo, dolor eu auctor cursus, odio urna blandit lorem, feugiat commodo ante tortor id neque. Duis dapibus urna vel metus sodales a pulvinar tortor malesuada. Integer bibendum est vel risus tincidunt eu auctor ipsum ullamcorper. Etiam vel felis non ligula malesuada aliquam. Maecenas at posuere purus. Duis feugiat leo non tellus eleifend ut pretium augue semper. Morbi imperdiet consequat erat, at pharetra erat pharetra eu. Integer libero nunc, scelerisque sit amet mattis in, gravida eget lectus. Donec et justo vel leo vehicula pulvinar sit amet eu ipsum. Suspendisse laoreet iaculis metus, eu consequat nisi elementum vitae.

Praesent eget urna at sem facilisis feugiat eu a urna. Fusce venenatis rutrum auctor. Duis viverra venenatis magna, at placerat tellus consequat at. Suspendisse ornare rhoncus dolor non gravida. Proin adipiscing cursus pellentesque. Maecenas euismod turpis diam. Pellentesque enim enim, bibendum at placerat vel, consequat nec est. Ut vel nisi nibh, molestie adipiscing ante. In mi felis, tincidunt a tempor at, cursus ut felis. Nam quis sem et felis faucibus dictum.

Sed id justo rutrum lacus lacinia ullamcorper. Cras imperdiet libero eros, eleifend imperdiet tortor. Pellentesque commodo nulla non dolor eleifend hendrerit. Sed sit amet scelerisque ipsum. Proin vel aliquam elit. Suspendisse potenti. Ut dapibus, neque euismod accumsan faucibus, augue arcu adipiscing leo, sit amet consequat elit massa in urna. Pellentesque rhoncus, lacus luctus dictum malesuada, nulla orci lobortis mi, scelerisque scelerisque quam metus vel libero. Integer ac purus et tellus suscipit accumsan vel id est. Donec sit amet rutrum nulla. Aliquam vehicula viverra odio, vitae bibendum erat iaculis et. Quisque posuere eros eget velit vehicula non venenatis lorem fringilla.

Aliquam at porta velit. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Donec id purus mauris, a consectetur ante. Nulla lacinia lacus ac enim vestibulum sollicitudin. Phasellus ac ipsum orci, vel dignissim libero. Sed velit tortor, dictum vel dignissim eget, sollicitudin a ipsum. Maecenas scelerisque fringilla elit volutpat luctus. In hendrerit euismod enim sed pulvinar. Morbi ultrices imperdiet convallis. Donec in nunc vitae enim porttitor bibendum quis vitae libero. Vivamus at metus orci, ac faucibus orci. Nulla pretium metus id magna iaculis vestibulum. Vestibulum at tortor a nisl tincidunt suscipit sed nec risus. Fusce viverra blandit arcu in aliquet. Aenean bibendum, magna et feugiat scelerisque, sem sapien auctor ipsum, lacinia suscipit nibh felis ac quam. Sed volutpat hendrerit augue, ullamcorper lacinia magna ullamcorper id. Maecenas accumsan suscipit lacus, id tristique quam mattis a.  

*/