/* CSS Document */

a img{border:none;}
a{outline:none; color:#667076; text-decoration:underline;}
a:hover{color:#ca252c; text-decoration:none;}
h1, h2, h3, h4 {
  font-weight: normal;
  color: #667076;
  line-height:normal;
  font-family:"trebuchet ms", "helvetica neue", helvetica, arial, sans-serif;
  margin:0;
  padding:0;
}

h1 {font-size:22px; margin-bottom:0.1em;}
h2 {font-size:18px; margin-bottom:0.3em;}
h3 {font-size:13px; font-weight:bold;}
h4 {font-size:12px; font-weight:bold;}
h5 {font-size:12px; font-weight:bold; margin-bottom:0.5em;}
h6 {font-size:11px; font-style:italic;}

p{margin:0; padding:0 0 15px 0; line-height:190%;}
form{margin:0; padding:5px 0;}
address{font-style:normal; margin-bottom:10px;}
td, th{vertical-align:top;}
hr{margin: 10px 0; padding:0;}
ol,ul{margin:5px 0 15px 20px; padding:0;}
ol{margin:5px 0 5px 25px; padding:0;}
.clear{clear:both;}
.skry{display:none;}
table{border-collapse:collapse;border-color:#ddd !important;}
td, th{border-color:#ddd !important; padding:2px 5px;}

body{
	margin:0;
	padding:0 0 15px 0;
	font:normal 12px "trebuchet ms", "helvetica neue", helvetica, arial, sans-serif;
	line-height:140%;
	text-align:center;
	color:#333;
	background:#ececec url(images/bg_body.jpg) repeat-x 0 0;
	}

#container{
	width:962px;
	margin:0 auto;
	text-align:left;
	position:relative;
	background:url(images/bg_container.jpg) repeat-y 0 0;
	}

#head{
	width:962px;
	height:175px;
	position:relative;
	text-align:center;
	background:url(images/bg_body.jpg) repeat-x 0 0;
	}

#head #logo{padding:0; margin:0; display:block; background:url(images/logo.jpg) no-repeat 0 0; width:250px; height:70px; position:absolute; top:33px; left:355px;}
#head #logo a{display:block; width:250px; height:70px; text-indent:-9999px; overflow:hidden;}

#content{
	width:962px;
	padding-bottom:15px;
	}

.skin-intro #container, .skin-intro #head, .skin-intro #content{width:950px;}
.skin-intro #container{background:none;}
.skin-intro #head {height:130px; background:none;}

.skin-autoservis #content, .skin-rs #content, .skin-vizitka #content {
	float:right;
	width:700px;
	padding:20px 25px 20px 5px;
	}

#left {
	float:left;
	width:210px;
	padding:20px 0 20px 10px;
	} 

#footer{
	clear:both;
	width:962px;
	background:#ECECEC url(images/bg_footer.jpg) no-repeat 0 0;
	padding-top:20px;
	}

#footer p{
	text-align:center;
	font:normal 10px "trebuchet ms",Arial, Helvetica, sans-serif;
	margin:0;
	color:#667076;
	padding:5px 0 10px 0;
	}

#footer p a{color:#667076; text-decoration:none;}
#footer p a:hover{color:#ac0201; text-decoration:none;}

.skin-intro #footer{border-top:1px solid #d6dadd; width:950px; background:transparent none; padding:0;}
.skin-intro #footer p{color:#ac0201;}

.skin-intro #footer p a{color:#ac0201; text-decoration:none;}
.skin-intro #footer p a:hover{color:#ac0201; text-decoration:underline;}
/******** Main Menu *********/
#main-menu{
	margin:0;
	padding:0;
	}

#main-menu ul.menu{margin:0; padding:0; float:right;}
#main-menu ul.menu li{list-style:none; float:left; text-align:center; background:none; padding:0;}
#main-menu ul li a{color:#fff; font-size:14px; text-decoration:none; display:block; text-align:center; float:left; height:32px; padding:18px 12px 0 12px;}
#main-menu ul li a:hover, #main-menu ul li.selected a{color:#FFFFFF; text-decoration:none; background-color:#1159AF;}

.w-box-h1 {padding:10px 15px;}
.w-box-h1 .content{padding-top:15px;}

.w-box-h2{margin-bottom:10px;}
.w-box-h2 .title{border-bottom:1px solid #e1e2e3; font-size:16px; font-weight:bold; padding-bottom:5px;}

#intro ul{margin:0; padding:0 0 0 0; overflow:hidden;}
#intro li {float:left; width:315px; height:340px; list-style:none; margin:0;}
#intro li a{display:block; float:left; text-align:center; width:315px; height:340px; text-indent:-9999px; overflow:hidden;}

#intro li.i1 a{background:url(images/img-autoservis.jpg) no-repeat 0 0;}
#intro li.i2 a{background:url(images/img-racingshop.jpg) no-repeat 0 0;}
#intro li.i3 a{background:url(images/img-garaz-technika.jpg) no-repeat 0 0;}

#intro li a:hover{background-position:0 -340px;}
#intro li a:active{background-position:0 0;}

#intro li.i1, #intro li.i2{margin-right:2px;}

#adresa{clear:both; width:100%; text-align:center; color:#667076; font-size:14px; padding:20px 0 10px 0;}
#adresa a{color:#667076; text-decoration:underline;}
#adresa a:hover{color:#ac0201; text-decoration:none;}

#triple-menu{width:962px; height:60px; background:url(images/bg_menu.jpg) no-repeat 0 0; position:absolute; top:115px; left:0;}
#triple-menu ul{margin:0; padding:0 6px; width:950px; height:60px;}
#triple-menu ul li{margin:0; padding:4px 0 0 0; list-style:none; width:316px; height:56px; float:left;}
#triple-menu ul li#tab1, #triple-menu ul li#tab2{padding-right:1px;}
#triple-menu ul li a{display:block; width:100%; height:56px; text-indent:-9999px; overflow:hidden;}

#triple-menu ul li#tab1.selected a, #triple-menu ul li#tab1 a:hover{background:url(images/bg_menu.jpg) no-repeat -6px -64px;}
#triple-menu ul li#tab2.selected a, #triple-menu ul li#tab2 a:hover{background:url(images/bg_menu.jpg) no-repeat -323px -64px;}
#triple-menu ul li#tab3.selected a, #triple-menu ul li#tab3 a:hover{background:url(images/bg_menu.jpg) no-repeat -640px -64px;}

#wrapper{width:962px; min-height:315px; _height:315px; background:url(images/bg_wrapper.jpg) no-repeat 0 0;}

.menu{margin:0; padding:10px 0 0 40px;}
.menu li{margin:0; padding:0 0 4px 10px; list-style:none; background:url(images/menu-li.gif) no-repeat 0 5px;}
.menu li a{color:#667076; text-decoration:none; font-weight:bold;}
.menu li a:hover{color:#c9252c; text-decoration:none;}

.datum {font-weight:normal;}

.cat-strany{margin:0 auto; position:relative; width:670px; padding:0; font:normal 12px "trebuchet ms",Arial, Helvetica; margin-top:10px; padding:0; overflow:hidden;}
.prev{display:block; width:150px; float:left; height:20px;}
.next{display:block; width:150px; float:left; height:20px; text-align:right;}
.strany{display:block; text-align:center; width:370px; padding-top:3px; float:left; height:20px;}
.strany a{text-decoration:none;}
.strany a:hover{text-decoration:none;}
.strany a.selected{text-decoration:underline;}
a.prev:hover{}
a.next:hover{}


/************************* FORUM  **************************/
table.komentar {
	width: 100%;
	margin: 5px 0;
}
td.hlavicka {
	text-align: left;
	width: 35%;
	font-weight: bold;
	padding-left: 5px;
	font-weight:bold;
}
td.datum {
	text-align: right;
	padding-right: 5px;
}
td.telo {
	padding: 10px;
	border: 1px solid #eee;
	text-align: left;
}
form.formular  {
	width: 500px;
	padding-left:20px;
	border: 1px solid #D6DADD;
	margin: 10px auto;
	font-family: "Trebuchet MS", Arial;
}
.formular input, .formular textarea {
	width: 480px;
	background: #f9f9f9;
	border: 1px solid #eee;
	font-family: "Trebuchet MS", Arial;
	font-size: 12px;
}
.formular textarea {
	margin-bottom: 10px;
}

.formular input#text {
	width: 100px;
	margin: 3px 0;
	text-align: center;
	vertical-align: middle;
	font-weight: bold;
}
.formular input.submit {
	width: 120px;
	font-family: "Trebuchet MS", Arial;
	font-weight: normal;
	margin: 10px 0;
	border: 0;
	cursor:pointer;
	background-color:#D6DADD;
}
.formular label {
	text-align: left;
	display: block;
	padding: 5px 0 0 0;
}
.formular td{vertical-align:middle;}
.message {color:#C9252C;}
/**** FOTOGALERIA ****/

.tab-galeria{
	width:100%;
	}
.tab-galeria td{
	text-align:center;
	width:20%;
	vertical-align:middle;
	}
.tab-galeria td a img{
	padding:1px;
	border:1px solid #D6DADD;
	}
.tab-galeria td a:hover img {border-color:#C9252C;}
.fotogaleria-intro {padding-bottom:5px;}
.fotogaleria .kategoria {clear:both; width:100%; padding-bottom:15px; overflow:hidden;}
.fotogaleria .FotoImage {float:left; width:130px; text-align:center;}
.fotogaleria .FotoImage a img{padding:1px; border:1px solid #D6DADD; margin:0 auto;}
.fotogaleria .FotoImage a:hover img{border-color:#C9252C;}
.fotogaleria .FotoDesc {float:right; width:520px;}


#shopcontent{
	width:482px;
	float:left;
	}
#shoppingcart{padding-top:30px;}
#vyhladavanie, #shoppingcart, #prihlasenie{float:right; width:180px; padding-left:8px; margin-bottom:15px; clear:right;}
#vyhladavanie .content, #shoppingcart .content, #prihlasenie .content{padding-left:5px;}
#shoppingcart .links{margin:0; padding:5px;}
#shoppingcart .links li{list-style:none; background:url(images/ikona_plny.gif) no-repeat 0 0; padding-left:15px;}

.cat{margin:0; padding:10px 0 0 40px;}
.cat li{margin:0; padding:0 0 4px 10px; list-style:none; background:url(images/menu-li.gif) no-repeat 0 5px;}
.cat li a{color:#c9252c; text-decoration:none; font-weight:bold;}
.cat li a:hover{color:#c9252c; text-decoration:underline;}

/************** Kategorie ********************/
.cat{margin:0; padding:10px 0 0 40px;}
.cat li{margin:0; padding:0 0 4px 10px; list-style:none; background:url(images/menu-li-c.gif) no-repeat 0 5px;}
.cat li a{color:#c9252c; text-decoration:none; font-weight:bold;}
.cat li a:hover, .cat a.selected:hover{color:#c9252c; text-decoration:underline;}
.cat li a.selected{}

/* druhy level*/
.cat li ul{margin:0; padding:5px 0 0 0;}
.cat li ul li{margin:0; padding:2px 0 4px 10px; list-style:none; background:url(images/menu-li-c.gif) no-repeat 0 7px;}
.cat li ul li a, .cat li ul li a.selected{color:#c9252c; text-decoration:none; font-weight:normal;}
.cat li ul li a:hover, .cat ul li a.selected:hover{color:#c9252c; text-decoration:underline;}
.cat li ul li a.selected{}

#prihlasenie .require{}
.login{margin:0; padding:0; font-size:11px;}
.login td{padding:0;}
.login td.firstcol{padding:0 4px 0 0; white-space:nowrap;}
.login-field{border:1px solid #D1D1D1; font-size:11px; padding:2px; width:127px; margin:0 0 4px 0; color:#000;}
.en .login-field{width:110px;}
.login-submit{border:none; font-size:11px; color:#000000; cursor:pointer; background:url(images/login.jpg) no-repeat right top; width:100px; height:30px;}
.login-submit:hover{ background:url(images/login-h.jpg) no-repeat right top; color:#C9252C; text-decoration:none;}
.ldiv{text-align:right; padding-right:4px;}
.ldiv a{color:#000000; text-decoration:none; font-size:11px;}
.ldiv a:hover{text-decoration:none; color:#C9252C;}
.lost{padding-right:34px;}
.regbuton{font-size:11px; color:#000000; cursor:pointer; background:url(images/registracia.jpg) no-repeat right top; width:120px; height:25px; padding-top:5px; padding-right:30px; display:block; text-decoration:none; float:right;}
.regbuton:hover{color:#000000; background:url(images/registracia-h.jpg) no-repeat right top; text-decoration:none;}

.ShopIntro{text-align:justify;}
.product{width:482px; padding-bottom:5px; margin-bottom:1px; clear:both; overflow:hidden; position:relative; border-bottom:1px solid #d1d1d1;}
.product form{margin:0; padding:0;}
.product form input, .product .v-info{}
.product .product-image{width:100px; float:right; text-align:right;}
.product .product-description{float:left; width:360px; padding-left:10px;}
.product-description select{width:100%;}
.product .stav{color:#1772aa;}
.product-image img{margin:0 auto;}
.product h3{border-top:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5; padding:10px; margin-bottom:10px; background-color:#f3f3f3; padding-right:170px;}
.product h3 a{color:#c9252c; text-decoration:none;}
.product h3 a:hover{color:#c9252c; text-decoration:underline;}
.pathway{margin:0; padding:0;}

.cena{}
.cena strong{padding-right:5px;}
.product dl{margin:0; padding:0;}
.product dt{margin:0; padding:0 0 5px 0; float:left; width:95px; clear:both;}
.product dd{margin:0; padding:0 0 5px 0; float:left; width:265px;}
.product .add-to-cart{position:absolute; top:8px; right:5px; width:165px; text-align:right;}
.product .add{margin-left:5px;}

.bar{clear:both; font-size:11px; margin:0; padding:5px 0 5px 0; overflow:hidden; width:100%;}
.searchbar{padding:5px 10px; width:auto;}
.bar .cat-strany{ float:left; margin:0; padding:0; width:auto; font-size:11px;}
.bar .cat-strany a{ width:16px; height:16px; display:block; float:left; margin:0 2px; background:url(images/str.gif) no-repeat 0 0; text-align:center; text-decoration:none; color:#000000; font-size:11px;}
.bar .cat-strany a:hover, .cat-strany a.selected{background:url(images/str_selected.gif) no-repeat 0 0; text-decoration:none; color:#000000;}
.bar .cat-strany a.selected{font-weight:bold;}
.bar .cat-strany span{float:left; margin:0 2px; font-size:11px;}

.orderby{margin:0; padding:0; float:right;}

td.ks{white-space:nowrap; width:15px;}
.mini-shopping-cart{border-collapse:collapse; font-size:11px; width:100%; line-height:normal;}
.mini-shopping-cart td{vertical-align:top; padding:4px 8px 4px 0; border-bottom:1px solid #d1d1d1;}
.mini-shopping-cart td a{text-decoration:none;}
.mini-shopping-cart .total{}
.mini-shopping-cart .pr{padding-right:5px;}
.mini-shopping-cart .pr img{float:right; padding-top:5px; padding-left:3px;}
.mini-shopping-cart .price{display:block; text-align:right;}
.mini-shopping-cart .dual-price{display:block; text-align:right;}
.mini-shopping-cart strong{float:left;}

.note{background-color:#efffa6; margin:5px 0; padding:5px 10px;}

.shopping-cart{border-collapse:collapse; width:100%;}
.shopping-cart input{font-size:11px;}
.shopping-cart th{border-bottom:1px solid #E5E5E5; padding:0 2px; font-size:11px;}
.shopping-cart td{padding:5px 5px; border-bottom:1px solid #E5E5E5;}
.celkom{background-color:#f3f3f3;}
.celkom .cena{font:bold 14px Arial, Helvetica, sans-serif;}
.shopping-cart a{text-decoration:none;}

.category-name{
	background:#bcbfc1;
	text-align:center;
	padding:2px;
	color:#FFFFFF;
}

.registration{margin:0; padding:0;}
.registration table.registration{width:100%; border-collapse:separate;}
.registration table td{vertical-align:top;}
input.field{border:1px solid #E5E5E5; font-size:11px; padding:2px; width:250px; background-color:#f3f3f3;}
textarea.field{border:1px solid #E5E5E5; font-size:11px; padding:2px; background-color:#f3f3f3;}
.registration table .col1{width:150px; text-align:right;}
.registration fieldset legend{border:1px solid #E5E5E5; padding:2px 5px; background-color:#f3f3f3; font-weight:bold;}
.registration fieldset{border:1px solid #E5E5E5; padding:10px; margin-bottom:10px;}

.button, .submit{border:1px solid #E5E5E5; font-size:11px; padding:2px 10px; cursor:pointer; background-color:#D6DADD; color:#667076; text-decoration:none; width:auto;}
.button:hover, .submit:hover{background-color:#bcc0c4; color:#667076; text-decoration:none;}
.but1{width:160px;}
.but2{width:80px;}

.cartsubmit{width:150px;}

.require{font-size:11px; color:#FF0000;}
.prihlaseny{color:#000;}
.cart-radio{border:1px solid #E5E5E5; padding:2px; background-color:#f3f3f3; margin:0 0 5px 0;}

/************************/
#search{margin:0; padding:0;}
#search input.search{border:1px solid #d1d1d1; width:125px; font-size:12px; padding:2px 5px;}
#search input.search-submit{}
#search table{margin:0 auto; padding:0; border-collapse:collapse;}
#search table td{margin:0; padding:0 2px; vertical-align:middle;}
.search, span.kosik{}
/*****************************/
#reg{width:210px; float:left; padding:5px; font-size:11px;}
#noreg{width:210px; float:right; border:1px solid #E5E5E5; padding:10px; min-height:140px; _height:140px; font-size:11px; background-color:#FFFFFF;}
#noreg p{padding-bottom:10px;}
label{cursor:pointer;}

.methods{font-size:11px;}
.methods *{margin:0; padding:0;}
.post-method table, .pay-method table{width:100%; border-collapse:separate;}
.methods .col1{width:390px;}
.methods .col2{width:100px;}
.methods th{background-color:#f3f3f3; padding:5px 10px; border:1px solid #E5E5E5; text-align:left;}


.post-method table td{border:1px solid #f3f3f3; padding:2px 10px; background-color:#fcfcfc; vertical-align:middle;}
.pay-method table td{margin:0; padding:0;}
.pay-method table table td{border:1px solid #f3f3f3; padding:2px 10px; background-color:#fcfcfc; vertical-align:middle;}

fieldset.registration{margin:10px 0;}
.registration table.kontakt-data .col1{text-align:left; width:100px;}

.orders{width:100%;}
.orders td{padding:2px; border:1px solid #f3f3f3;}
.orders td a, .orders td a:hover{text-decoration:none;}
.order{width:100%;}
.order table.shopping-cart{border-collapse:collapse;}
.order table{border:1px solid #E5E5E5; width:100%; margin-bottom:10px; border-collapse:separate;}
.order h3{font-size:13px; margin:0; padding:5px 10px; background-color:#f3f3f3; border:1px solid #E5E5E5;}
.order td.col1{width:100px; padding:2px 10px;}
.order th h2{margin:0; padding:5px;}
.txt-zlava{font-size:10px; color:#FF0000; font-family:Tahoma, Arial, Helvetica, sans-serif;}

.product-detail{width:482px; overflow:hidden; padding-top:5px;}
.product-detail .product-image{text-align:center;}
.product-detail .product-image img{margin:0 auto; border:1px solid #E5E5E5; background-color:#FFFFFF;}
.product-detail .product-box{}
.product-detail .product-box p{padding:5px;}

.product-detail .dlhy-popis{clear:both; padding-top:5px;}
.stav{color:#1772AA;}

.product-detail h2{
	font-size:12px;
	font-weight:bold;
	margin:0;
	padding:0;
	text-align:left;
	}
.product-detail form{margin:0; padding:0;}
.product-detail h2 span{}
.desc-content{}
.desc-content table{border-collapse:collapse;}
.desc-content table td{padding:5px; border-color:#E5E5E5;}

.product-detail .product-box dl{
	margin:5px 0 5px 0;
	padding:5px;
	overflow:hidden;
	background-color:#F3F3F3;
	border-bottom:1px solid #E5E5E5;
	border-top:1px solid #E5E5E5;
	overflow:hidden; width:470px;
	}
	
.product-detail .product-box dt{margin:0; padding:0; float:left; width:95px; padding:1px 0 1px 5px; font-size:11px; clear:both;}
.product-detail .product-box dd{margin:0; padding:0; float:left; width:365px; padding:1px 0; font-size:11px;}
.product-detail select{font-size:11px; width:100%;}
.product-detail .add-to-cart{clear:both;}
.product-detail .add-to-cart table{text-align:right; float:right;}
.product-detail .add-to-cart table td{vertical-align:middle;}
input.ks{width:30px; border:1px solid #E5E5E5; text-align:center;}

.product-detail .druha-mena{padding-left:10px;}
.sendcart{text-align:right;}

.product-galery{margin:0 auto; border-collapse:separate;}
.product-galery td{width:100px; text-align:center; vertical-align:middle; padding:0 8px;}
.product-galery td img{
	background-color:#FFFFFF;
	border:1px solid #E5E5E5;
	margin:0 auto;
}

select, option{font-size:11px;}
.newsbox{margin-bottom:15px; line-height:190%; padding-bottom:10px;}
.title .newsss{font:bold 28px Arial, Helvetica, sans-serif; color:#C9252C; line-height:normal;}