/* cokoladove deti */


body {

	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#333333;
	font-size:13px;
	line-height:130%;
}


*, body, html {
	margin:0;
	padding:0;
	
}

body {
	background:url(../images/body-back.gif) repeat-x;
}

h2 {
	color:black;
}

img {
	border:0;
}

a {
	color:#333333;
	text-decoration:underline;
}

a:hover {
	text-decoration:none;
}

p {
	padding:5px 0;
}

table tr td {
	padding:2px;
}


#right ul {
	margin:20px;
}

#right ol {
	margin:20px;
}

#right ul li {
	margin-left:30px;
	list-style:none;
	background:url(../images/li.gif) left 5px no-repeat;
	padding-left:15px;
	line-height:150%;
}

#right ol li {
	
	padding-left:15px;
	line-height:150%;
}

.arrow {
	background:url(../images/li.gif) left center no-repeat;
	padding-left:15px;
}

#container {
	width:1035px;
	background:url(../images/inner-top-background.jpg) top center no-repeat #fff;
	margin:auto;
	min-height:500px;
	margin-top:21px;
	position:relative;
}

#container #header {
	
	width:990px;
	height:312px;
	background: right top url(../images/headers/1.jpg) no-repeat;
}

#container #header #cu {
	width:456px;
	height:67px;
	background:url(../images/cu-background.gif);
	position:absolute;
	top:243px;
	right:22px;
}

#container #header #cu p {
	font-family:Arial, Helvetica, sans-serif;
	font-size:200%;
	display:block;
	padding:20px 0 0 50px;
}

#searchbox {
	width:200px;
	float:right;
	margin:23px;
	_margin-right:0;
}

#searchbox input, #searchbox select  {
	width:150px;
}

#c-inside {
	margin:0 23px 0 23px;
}

h1#logo {
	position:absolute;
	top:0px;
	left:20px;
	display:block;
	background:url(../images/logo.gif) no-repeat;
	width:524px;
	height:275px;
}

h1#logo a {
	display:block;
	width:524px;
	height:275px;
}

h1#logo span {
	display:none;
}

#left {
	width:220px;
	min-height:400px;
	margin:0px 23px 23px 0;
	float:left;
}

#left #menu {
	width:236px;
	background:#fff;

}

#menu ul {
	width:236px;
	display:block;	
	overflow:hidden;
}

#menu ul li {
	width:236px;
	_height:44px;
	min-height:44px;
	height:auto;
	display:block;
	list-style-type:none;	
	margin-bottom:2px;
}

#menu ul li a {
	width:216px;
	height:44px;
	display:block;
	list-style-type:none;	
	text-decoration:none;
	color:white;
	background:#EFEFEF;
	border-left:#E5E5E5 20px solid;
	color:#666666;
	overflow:hidden;
}

#menu ul li.green a.active, #menu ul li.green a:hover {
	border-left:#11644D 20px solid;
	background:#E5E5E5;
} 

#menu ul li.lightgreen a.active, #menu ul li.lightgreen a:hover {
	border-left:#A0B046 20px solid;
	background:#E5E5E5;
} 

#menu ul li.yellow a.active, #menu ul li.yellow a:hover {
	border-left:#F2C94E 20px solid;
	background:#E5E5E5;
} 

#menu ul li.orange a.active, #menu ul li.orange a:hover {
	border-left:#F78145 20px solid;
	background:#E5E5E5;
} 

#menu ul li.red a.active, #menu ul li.red a:hover {
	border-left:#F24E4E 20px solid;
	background:#E5E5E5;
} 

#menu ul li a span {
	display:block;
	padding:15px 5px 0 28px;
}

#menu ul li a:hover, #menu ul li a.active {
	background:url(../images/menu-li-a.jpg) no-repeat;
	color:black;
	overflow:hidden;
}

#menu ul li ul {
	background:white;
}

#menu ul li ul li{	
	display:list-item;
	color:black;
	background:white;
	height:30px;
	
	min-height:15px;;
	overflow:hidden;
	padding:2px 0px 0px 20px;
	background:url(../images/more.gif) 45px center no-repeat;
	font-size:11px;
	margin:0;
	*height:28px;
	_height:28px;
	_margin-bottom:-2px;
	*margin-bottom:-2px;
}
/**/

#menu ul li ul li a{	
	display:inline;
	float:right;
	margin:0;
	padding:0;
	height:32px;
	overflow:hidden;
	color:black;
	padding:0;
	text-decoration:underline;
}

#menu ul li ul li a span {
	padding:7px 6px 6px 6px;
}

#menu ul li ul li a:hover, #menu ul li ul li a.active {
	text-decoration:none;
	background:none;
}

/*#menu ul li ul li a span {
	padding:0;
}*/



#right {
	width:676px;
	float:right;
	margin:23px;
}

#right h2 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:26px;
	font-weight:normal;
	margin:25px 0 25px 0;
	background:url(../images/h2.gif) no-repeat left center;
	text-transform:uppercase;
	color:#11644D;
}

#right h3 {
	font-size:14px;
	color:black;
}

#right img {
	border:10px solid #E5E5E5;	
}

#coko {
	margin:20px 0 0 0;
}

#right #sponzori img {
	border:0;
}

#right #katalog {
	width:100%;
	margin:25px 0;
}

#right #katalog tr td {
	width:50%;
	min-height:115px;
	height:115px;
	vertical-align:top;
}

#right #katalog tr td .content {
	margin-left:100px;
}

#right #katalog tr td .content ul {
	display:block;
	margin:5px;
}

#right #katalog tr td .content ul li {
	margin:0;
	padding:0;
	display:inline;
	list-style-type:none;
	background:none;
	
}

td#indukcni {
	background:url(../images/ico_indukcni.jpg) 10px 10px no-repeat;
}

td#indukcni_casove {
	background:url(../images/ico_indukcni_casove.jpg) 10px 10px no-repeat;
}

td#kapacitni {
	background:url(../images/ico_kapacitni.jpg) 10px 10px no-repeat;
}

td#opticke {
	background:url(../images/ico_opticke.jpg) 10px 10px no-repeat;
}

td#magneticke {
	background:url(../images/ico_magneticke.jpg) 10px 10px no-repeat;
}

td#ostatni {
	background:url(../images/ico_ostatni.jpg) 10px 10px no-repeat;
}

td#prislusenstvi {
	background:url(../images/ico_prislusenstvi.jpg) 10px 10px no-repeat;
}

td#kabely {
	background:url(../images/ico_kabely.jpg) 10px 10px no-repeat;
}

#left h2, #searchbox h2 {	
	font-size:17px;
	padding:6px 0;
	font-weight:normal;
}

#left h2.shop {
	padding-left:40px;
	background:url(../images/h2_order.gif) left center no-repeat;
}


#left h2.news {
	padding-left:40px;
	background:url(../images/h2_news.gif) left center no-repeat;
}

#searchbox h2.search {
padding-left:40px;
	background:url(../images/search.gif) left center no-repeat;
}

input.order, input.search {
	float:right;

}

#searchbox input.search {
	width:81px;
}

.clear {
	clear:both;
	height:1px;
}

.inside {
	padding:15px 8px;
}

#left .inside {
	padding:25px 8px;
}

.right {
	text-align:right;
}

.more {
	padding-left:20px;
	background:url(../images/more.gif) 5px center no-repeat;
}

p {
margin:6px 0 6px 0;
}


#footer {
	height:75px;
	background:#EFEFEF;
	
}

#footer #in-footer {
	width:992px;
	height:75px;
	background:url(../images/footer-back.gif);
	margin:auto;
	border-left:20px solid #fff;
	border-right:20px solid #fff;
}

#footer #in-footer a {
	color:black;
}

#copy {
	float:left;
	margin:31px 0 0 47px;
}

#footer #in-footer #address {
	width:200px;
	float:left;
}

#footer #in-footer #phone {
	width:200px;
	float:left;
}

#footer #in-footer #mail {
	width:200px;
	float:right;
}

#cokoladky {
	width:200px;
	margin:30px auto 10px 20px;
}

#cokoladky h3 a {
	color:#11644D;
	font-weight:normal;
	text-transform:uppercase;
}

.border-img {
height:50px;
float:left;
}

#left h2 {
text-transform:uppercase;
	color:#11644D;
	padding:0;
	margin:10px 0 10px 0;
	padding-bottom:5px;
	border-bottom:1px solid #EEE;
	font-size:1.4em;
}

#left #cokoladky h3 a{
	text-transform:none;
	font-size:0.9em;
}

#jazyky  {
	display:block;
	list-style:none;
	position:absolute;
	top:315px;
	left:850px;
}

#jazyky li {
	display:block;
	float:left;
	border:10px solid #E8E8E8;
	margin:5px;
	background:#E8E8E8;
}

#jazyky li#cs.selected {
	background:#11644D;
	border:10px solid #11644D;
}

#jazyky li#en.selected {
	background:#F78145;
	border:10px solid #F78145;
}

#jazyky li#de.selected {
	background:#F24E4E;
	border:10px solid #F24E4E;
}


#maillogin {
 background:#EFEFEF;
 padding:10px;
 width:240px;
 border-left:20px solid #E8E8E8;
}

#maillogin .button {
	background:#11644D;
	padding:5px;
	color:white;
	border:none;
}

#facebook {
	position:absolute;
	top:242px;
	left:170px;	
}

#facebook2 {
	position:absolute;
	top:0px;
	left:0px;	
	z-index:1000;
	background:white;
}

#left-box {
	width:250px;
	float:left;	
}

#right-box {
	width:350px;
	float:right;	
}