@charset "utf-8";
/* CSS Document */
body {
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; 
font-size:0.9em;
color:#333;
background:url(images/body-bg.jpg) #9a9999 repeat-x;
font-weight:normal;
margin:0;
padding:0;
}
#main .right ul .red {
font-weight:bold;
color:#FF0000;
}
#main .textContent .nike {
border:1px dotted #666666;
margin:0 20px 0 20px;
padding-top:30px;
}
#container {
	margin:auto;
	width:1000px;
}

img {
    border: none;
} 
hr {
	display:none;
}
#main a {
	color:#CCC;
}
#main a:hover {
	text-decoration:none;
	background-color:#666;
	color:#FFF;
}
/*Header*/
#header {
	background:url(images/header2.png) no-repeat;
	height:252px;
	position:absolute;
	width:1000px;
	top:0;
}
#logo-wrap {padding:10px 20px 20px 25px; position:absolute; top:0; z-index:5;} 
#logo {margin:0; padding:0; width:969px; height:212px; overflow:hidden; }
#logo a {color:#C5C5C5;}
#logo span {display:block; margin:0; padding:0; position:relative; top:0; z-index:6; width:208px; height:148px; background:url("images/logo.png") 0 0 no-repeat; }

#1_PhotoList {
	list-style:none;
	width:700px;
}
#1_Text {
	padding:10px 10px 10px 10px;
}

/*language or quick menu*/
#menu {
	height:55px;
	background:url(images/menu-bg.png) repeat-y;
	position:absolute;
	width:1000px;
	top:210px;
}

#panel span {
	padding-left:60px;
	font-weight:bold;
}
#panel span a {
	color:#333;
}
#panel span a:hover {
	text-decoration:none;
}
#znacky-sel {
	margin:20px 0 0 10px;
}
#vybrat {
	margin-left:60px;
	color:#333;
	font-weight:bold;
}
/*main body*/
#main-wrap {
	background-color:#F8F8F8;
	margin-top:252px;
	width:1000px;
	color:#CCC;
	background:url(images/left-shadow.png) left repeat-y;
}
#main {
	margin:auto;
	overflow: hidden;
	text-align:justify;
	line-height:22px;
}
#main .padded {
	padding-left:240px;
}
#main p {
	padding:0 20px 0 20px;
}
#main h1 {
	font-size:20px;
	padding:20px 20px 20px 20px;
	background:url(images/h1.jpg) repeat-x;
	color:#999;
	border-bottom:1px solid #666;
}
#main h2 {
	padding:0px 20px 20px 20px;
	color:#666;
}
#main h3 {
	padding:0 20px 0 20px;
	color:#666;
}
/*2*/
#main .badge-cs span strong {
	color:red;
	font-size:9px;
	font-weight:100;
}
#container .textContent ul {padding:0 20px 0 50px;}
#main .badge-en {
  	background:url(images/brands-bg.png) no-repeat;
}
#main .badge-cs {
	background:url(images/znacky-bg.png) no-repeat;
}
#main .right {
 
	width:278px; 
	float:left;
	margin-left:30px; 
	margin-top:63px;
} 
#main .right ul {
	list-style: none;
	margin-left: 29px;
	padding: 0;
	font-weight:bold;
	width:220px;
	margin-top:75px;
	}
*:first-child+html #main .right ul {
	list-style: none;
	margin-left: 29px;
	padding: 0;
	font-weight:bold;
	width:220px;
	margin-top:80px;
	}
#main .right h3 {
	font-size:28px;
	text-align:center;
	padding-left:20px;
}
#main .right h2 {
	padding-top:10px;
}
#line2 {
	width:160px;
	height:1px;
	margin-left:40px;
	background-color:#999;
}
#main .right li a {
  	voice-family: "\"}\""; 
  	voice-family: inherit;
  	height: 1.83em;
	text-decoration:none;
	color:#666;
	border-bottom:dotted 1px #B2B2B2;
	}
#main .right li a span {
	color:#F00;
	font-weight:normal;
	text-align:right;
}

#main .right li a:link, #main .right li a:visited {
	display: block;
	background:#FFF;
	padding: 5px 0 0 10px;
	}
	
#main .right li a:hover {
	color:#fff;
	background:#000;
	padding: 5px 0 0 10px;
	}	


#main .znacky span {
	display:none;
}
#main .right .znacky-end {
	background:url(images/znacky-bg2.png) no-repeat center;
	height:130px;
}
#main .middle {	
	float:left;
	margin-left:50px;
	margin-top:70px;
	width:600px; 
	}
*:first-child+html #main .middle {	
	float:left;
	margin-left:50px;
	margin-top:82px;
	width:600px; 
}
#main .middle .main-text {
	background-color:#333;
	min-height:230px;
}
#russell {
	font-size:14px;
	text-align:center;
	font-weight:bold;
	color:#F00;
}
#line {
	width:560px;
	color:#999;
	margin:40px 20px 0 20px;
	border-bottom:1px dotted #666;
	height:1px;
}
/*novinky*/
#bottom-col {
	background-color:#EAEAEA;
	height:50px;
	position:absolute;
	top:0;
	z-index:16;
	margin:252px 0px 40px 11px;
	border-bottom:1px solid #CCC;
	width:977px;
	color:#666;
}
*:first-child+html #bottom-col {
	background-color:#EAEAEA;
	height:50px;
	position:absolute;
	top:0;
	z-index:16;
	margin:252px 0px 40px 11px;
	border-bottom:1px solid #CCC;
	width:977px;
	color:#666;
}
#bottom-col a {
	color:#666;
}
#bottom-col a:hover {
	color:#FFF;
	background-color:#333;
}
#bottom-col p {
	margin:0;
	padding:15px 30px 0 20px;
	font-size:14px;
}
#bottom-col .nove {
	float:left;
	margin-top:20px;
	width:50%;
}
.bottom-col .nove img {
	border:#000 5px solid;
}
/*akce - bottom col*/
#main #bottom {
	width:978px;
	height:430px;
	background-color:#333;
	margin:auto;
	clear:both;
	color:#CCC;
}
#main .bottom h2 {
	padding:40px 0 0 55px;
}
#main .bottom p {
	padding:10px 40px 0 45px;
}
#main .bottom .akce1 {
	width:30%;
	float:left;
	border-right:1px dotted #666;
	padding:10px 10px 10px 10px; 
	margin-left:0px;
	background-color:#333;
}
#main .bottom img {
	border:5px #000 solid;
}
#main .bottom .akce2 {
	width:30%;
	background-color:#333;
	border-right:1px dotted #666;
	padding:10px 10px 10px 10px;
	float:left;
}
#main .bottom .akce3 {
	width:28%;
	background-color:#333;
	padding:10px 10px 10px 10px;
	float:left;
}
/*footer*/
.footer-bg {
	background-color:#414141;
	height:20px; 
	width:977px;
	margin-left:11px;
}
.footer-bottom {
	background:url(images/footer-bottom2.png) no-repeat;
	margin-right:0px;
	margin-top:0px;
	height:85px;
}
#footer {
	background:url(images/footer-bg.png) repeat-y;
	height:60px;
	clear:both;
}
#footer .footer-imgs img {
	padding-left:80px;
	padding-top:40px;
}
#ft-links {
	text-align:center;
	padding:35px 40px 10px 0px;
	color:#666;
}
#ft-links a {
	color:#666;
	text-decoration:underline;
}
#ft-links a:hover {
	text-decoration:none;
}
/*- Menu 4--------------------------- */

/* ---------------------- Redslate nav ---------------------- */

.red #slatenav{
	position:absolute;
	top:210px;
	display:block;
	z-index:14;
	height:42px;
	width:976px;
	font-size:11px;
	margin-left:12px;
	font-weight:bold;
	background:transparent url(images/redslate_background.gif) repeat-x top left;
	font-family:Arial,Verdana,Helvitica,sans-serif;
	text-transform:uppercase;
}
.red #slatenav ul{margin:0px;padding:0;list-style-type:none;width:auto;}
.red #slatenav ul li{display:block;float:left;margin:0 1px 0 0;}
.red #slatenav ul li a{display:block;float:left;color:#FFF;text-decoration:none;padding:14px 21px 0 21px;height:28px;}
.red #slatenav ul li a:hover,.red #slatenav ul li a.current{color:#fff;background:transparent url(images/redslate_backgroundOVER.gif) no-repeat top center;}
/* ---------------------- END Redslate nav ---------------------- */

	/*test*/
a:focus {
	outline: none;
}
#panel {
	height: 55px;
	display: none;
	width:1005px;
	margin-left:0.01em;
	background:url(images/jazyky.png) no-repeat;
}
#panel span {
	padding-left:60px;
	font-weight:bold;
}
#panel span .ihned {
	font-weight:bold;
}
#panel span a {
	color:#333;
}
#panel span a:hover {
	text-decoration:none;
}
#skip {
	display:none;
}
.slide {
	margin: 0 12px 0 12px;
	padding: 0;
	border-top: solid 4px  #f68e1c;
	background: url(images/btn-slide.png) no-repeat center top;
}
.btn-slide {
	background: url(images/white-arrow.gif) no-repeat right -50px;
	text-align: center;
	width: 144px;
	height: 31px;
	padding: 10px 10px 0 0;
	margin: 0 auto;
	display: block;
	font: bold 120%/100% Arial, Helvetica, sans-serif;
	color: #fff;
	text-decoration: none;
}
.active {
	background-position: right 12px;
}
#phone a {
	text-decoration:none;
	background-color:none;
}
#phone a:hover {
	text-decoration:none;
	background-color:#333;
}
/*random misc*/
#flags {
	position:absolute;
	top:223px;
	z-index:15;
	margin-left:875px;
}
#number {
	position:absolute;
	height:15px;
	width:100px;
	top:224px;
	left:0;
	z-index:18;
	margin-left:945px;
	background:url(images/number.png) no-repeat;
}
#brands {
	padding:20px 0px 20px 50px;
}
#brands h3 {
	padding-left:10px;
	padding-top:0;
	margin:0;
}

#main .main-text .events h2 {
font-size:18px;
padding:15px 0 0 0;
margin:0;
}
#main .main-text .events {
}
#main .main-text .events li {
list-style:none;

}
#main .main-text .news h2 {
font-size:18px;
padding:15px 0 0 0;
margin:0;
}
#main .main-text .news {
}
#main .main-text .news li {
list-style:none;
padding:5px 5px 5px 5px;
}
#main .main-text .brandLogo {
float:right;
padding:10px 30px 0 30px;
}
.messageContainer {width:250px; padding-left:50px; padding-right:50px;}
#ContactForm_MessageText { height:250px; width:250px; }

#ContactForm_valRequired {width:450px; height:94px; overflow:hidden; margin-bottom:8px; margin-top:2px;}
#ContactForm_sendButton {width:187px; height:14px; margin:3px 0 0 13px; color:#000000; font-size:0.91em; background:0; border:0;}

#nakupovat {
	width:245px;
	float:right;
	margin-right:57px;
	color:#333;
	text-align:left;
	background-color:#F8F8F8;
	border:1px #CCC dotted;
}
#nakupovat ol {
	padding:0 30px 0 40px;
	color:#666;
	margin:0 0 7px 0;
}
#nakupovat ol li {
	padding:0 0px 0 0px;
}
#nakupovat h3 {
	padding-left:35px;
	padding-top:15px;
	margin:0;
	margin-top:5px;
	margin-left:8px;
	font-size:15px;
	height:40px;
	background:url(Images/smiley.gif) no-repeat left;  
}
#main .PhotoList ul {
	list-style:none;
	clear:both;
}
#main .PhotoList ul li {
	float:left;
	padding:5px 5px 5px 5px;
}
#sos-tricka {
position:absolute;
top:260px;
margin-left:665px;
z-index:20;
}
#brands img {padding:5px 5px 5px 0;}