/*   CSS for www.ryb-bar.sk created by Peter Melaga / www.webygroup.sk */

h1,h2,h3,h4,h5,h6{margin:0; padding:0 0 10px 0; color:#3A5668; line-height:normal; font-family: "trebuchet ms", Arial, Helvetica, sans-serif; font-weight:bold;}
h1{font-size:20px; font-weight:normal;}
h2{font-size:18px; font-weight:normal;}
h3{font-size:14px;}
h4{font-size:12px;}

#left .basic002 .title h2{font:bold 11px "trebuchet ms", Arial, Helvetica, sans-serif; height:19px; background:url(images/bg_headbox.jpg) no-repeat 0 0; color:#FFFFFF; padding:5px 15px 0 10px;}
#left .basic002 .content{padding:5px 10px; background-color:#f6f6f6;}
.basic002{position:static; width:auto;}
.basic001, .basic002{clear:both; width:100%; position:static;}
.basic001 .title h1, .basic002 .title{padding:5px 0; text-align:left;}

#vyhladavac{position:absolute; top:217px; right:15px; font-size:11px;}
.SearchInput{font-size:11px; margin:0; padding:1px; border:1px solid #666666;}
.SearchSubmit{font-size:11px; border:1px solid #666666; background-color:#dddddd; cursor:pointer;}
.score{display:none;}


ul, ol{margin:5px 0 15px 30px; padding:0;}
ul ul{margin:5px 0 15px 30px; padding:0;}

p{padding:0 0 20px 0; margin:0; line-height:140%;}
address{font-style:normal; margin-bottom:15px;}

table{font-family:Arial, Helvetica, sans-serif;}

a img{border:none;}
a{color:#3A5668; text-decoration:underline; outline:none;}
a:hover{color:#93BCD2; text-decoration:none;}

.clearer{clear:both; height:1px;}
.skry{display:none;}

body{
	font:normal 12px "trebuchet ms", Arial, Helvetica, sans-serif;
	color:#333;
	text-align:center;
	margin:0;
	padding:0;	
	background:#4e768f url(images/bg_body.jpg) repeat-x 0 0;
	}

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

#head{
	width:900px;
	height:240px;
	background:#3a5668 url(images/bg_head.jpg) no-repeat 0 0;
	position:relative;
	}

#head #logo{
	position:absolute;
	top:216px;
	left:0px;
	width:250px;
	text-align:center;
	margin:0;
	padding:0;
	}
	
#head #logo a{color:#FFFFFF; font-size:12px; font-weight:bold; text-decoration:none;}
#head #logo a:hover{text-decoration:none; color:#FFFF00;}
#wrapper{}

#left{
	float:left;
	padding:0;
	width:250px;
	}

#content{
	float:right;
	width:610px;
	padding:10px 20px;
	}

#footer{clear:both; width:900px; position:relative;}

#footer p{
	color:#fff;
	text-align:left;
	margin:0;
	padding:15px 10px;
	background-color:#405f73;
	}
.seo{position:absolute; right:10px; top:15px;}
#footer a{color:#fff; text-decoration:none;}
#footer a:hover{color:#fff; text-decoration:underline;}

.XHTMLBeforeCategory, .XHTMLAfterCategory {clear:both;}
.XHTMLBeforeCategory p, .XHTMLAfterCategory p {padding:0 0 5px 0;}

/**** LEFT MENU ***/
#kategorie{font-family:"trebuchet ms", Arial, Helvetica, sans-serif;}
#kategorie h2{background-color:#77838a; color:#FFFFFF; font:bold 12px Verdana, Arial, Helvetica, sans-serif; margin:0; padding:8px 10px; text-align:center;}

#kategorie{margin-bottom:10px;}
#kategorie ul{margin:0; padding:0;}
#kategorie ul li{list-style:none;}
#kategorie ul li a{display:block; width:210px; padding:5px 10px 5px 30px; border-bottom:1px solid #8F9DA5; color:#fff; text-decoration:none; background-color:#B0C1CC; font-weight:bold;}
#kategorie ul li a:hover{background:#8F9DA5; color:#fff;}
/* druhy level */
#kategorie ul li ul{margin:0; padding:0;}
#kategorie ul li ul li{margin:0; padding:0;}
#kategorie ul li ul li a{width:190px; padding:2px 10px 2px 50px; background-color:#bfd1dd; border-bottom:1px solid #B0C1CC; color:#406074;}
#kategorie ul li ul li a:hover{background:#B0C1CC; color:#406074;}

/* treti level */
#kategorie ul li ul li ul{margin:0; padding:0;}
#kategorie ul li ul li ul li{margin:0; padding:0;}
#kategorie ul li ul li ul li a{width:170px; padding:2px 10px 2px 70px; background-color:#bfd1dd; border-bottom:1px solid #B0C1CC; color:#406074;}
#kategorie ul li ul li ul li a:hover{background:#B0C1CC; color:#406074;}

/**************** MAIN MENU ****************************/

#main-menu{
	position:absolute;
	top:210px;
	left:250px;
	height:30px;
	z-index:50;
	width:450px;	
}

#main-menu ul{ /* all lists */
	margin: 0;
	padding:0;
	height:30px;
	border-left:1px solid #405f73;
	text-align: left;
}


#main-menu ul li a {
	display:block;
	height:24px;
	padding:6px 15px 0 15px;
	color:#ffffff;
	text-align:center;
	text-decoration:none;
	font-size:11px;
	font-weight:bold;
	background:#3a5668;
	float:left;
}
#main-menu ul li a:hover{background-color:#405f73; color:#FFFF00; text-decoration:none;}

#main-menu li {
	list-style:none;
	margin:0;
	float:left;
	padding:0;	
	border-right:1px solid #405f73;
}

/*********************** KONIEC MAIN MENU *********************/


/*----------------------------------------------------------

START SHOP

---------------------------------------------------------- */

#obsah-obchodu{clear:both; width:100%; overflow:hidden;}

#topbar{
	overflow:hidden;
	padding:5px 0 5px 0;
	width:610px;
	background-color:#efefef;
	}
.login{ margin: 0; width: 300px; padding:2px 0 0 0; float:left;}
.Shop-login{}
.Shop-login p{  margin:0; padding: 0 5px; float: left; color:#000000;}
.Shop-login a {}
.Shop-login a:hover {}


/* Kosik

---------------------------------------------------------- */

#kosik{margin: 0; float:right; font-size:12px; overflow:hidden;}

#kosik span{float:left; padding:0 5px;}
#kosik .kosik{}
#kosik .kosik-obsah{ float:left;}
#kosik .kosik-cena{ font-weight: bold; }
#kosik a {display:block; }
#kosik a:hover { text-decoration: underline; cursor:pointer; }

/* Vyhladavanie v obchode

---------------------------------------------------------- */
.search{margin:0; padding:0;}
.search select, .search input{width: 130px; border:1px solid #969696; font-size:11px;}
.search input{padding:1px 0;}
.search .submit input {margin:0; padding:0; width: 50px; background-color:#eeeeee; color:#000000; font-size:11px; cursor:pointer; }
.search .advance{ font-weight: bold; }
.search p{margin:0; padding:3px 0;}
/*
#addon-search table{ border: 1px solid #dddddd; width: 100%; border-collapse: collapse; margin: 1em 0; font-size: .9em; }
#addon-search table td{ border-top: 1px solid #dddddd; border-bottom: 1px solid #dddddd;padding: 5px; background: #E1DED6; color: #594939; vertical-align: top; font-weight: bold; }
#addon-search table .col1{ width: 25%; }
*/

/* Vyhladavanie vysldky

---------------------------------------------------------- */
.UniSearch .Pages{ padding: 4px 0; text-align: left; width: 100%; color: #333; font-size: .9em;  }
.UniSearch .Pages span{ font-weight: bold; float: left; display: block; }
.UniSearch .Pages ul{ padding: 0 3px; margin: 0; }
.UniSearch .Pages ul li{ display: inline; margin: 0 3px; }
.UniSearch .Pages ul li b,
.UniSearch .Pages ul li a{ border: 1px solid #DE3024; padding: 0 3px; }
.UniSearch .Pages ul li a:visited{ border: 1px solid #DE3024; padding: 0 3px;  }
.UniSearch .Pages ul li a:hover{ border: 1px solid #feed20; background: #ffff00; color: #DE3024; }

.ResultsCount{ font-weight: bold; margin: 1em 0; }

.UniSearch ul h3{ margin: 1em 0 0 0; padding: 0; }
.UniSearch ul p{ margin: 0; padding: 0; }



/* Nadradene kategorie - cesta

---------------------------------------------------------- */

.ShopProductParentCategories {
	background:#989898 none repeat scroll 0 0;
	border:1px solid #D9D9D9;
	clear:both;
	color:#FFFFFF;
	font-size:12px;
	font-weight:bold;
	margin-bottom:5px;
	overflow:hidden;
	padding:5px 10px;
	text-align:left;
	text-transform:uppercase;
}
.ShopProductParentCategories ul{margin:  0; padding: 0;}
.ShopProductParentCategories ul li{display: inline; padding-right:5px; margin: 0;font-size:12px;}
.ShopProductParentCategories ul li a{color:#FFF;}
.ShopCategoryPages{padding: 8px 0;}

/* Dalsie strany

---------------------------------------------------------- */
.ShopCategoryPages{ padding: 4px 0; text-align: left; font-size: 11px; float:left;}
.ShopCategoryPages span{ float: left;}
.ShopCategoryPages ul{ padding: 0 3px; margin: 0; float:left; }
.ShopCategoryPages ul li{ display: inline; margin: 0 3px; }
.ShopCategoryPages ul li b,
.ShopCategoryPages ul li a{ border: 1px solid #eee; padding: 0 3px; text-decoration:none; }
.ShopCategoryPages ul li a:hover{ border: 1px solid #eee; background: #ececee; text-decoration:none; }


/* Sposob zobrazenia
---------------------------------------------------------- */

.ViewType{padding: 1px 0px; margin-bottom:5px; text-align: right; font-size:11px; float:right; display:none;}
.ViewType p, .ViewType form{ display: inline; padding:2px 0; }
.ViewType label{ padding-right: 5px; }
.TypeTitle{padding-right: 4px; }
.ViewType select{font-size:11px;}

/* Mena
---------------------------------------------------------- */

.ChangeCurrency{ clear:both; padding: 2px 0; text-align: right; font-size:11px; display:none; }
.ChangeCurrency p, .ChangeCurrency form{ display: inline; padding:2px 0; }
.ChangeCurrency label{ padding-right:5px; }
.ChangeCurrency select{ font-size:11px;}


/* ShopIntro - uvod

---------------------------------------------------------- */

.ShopIntro{ margin: 6px 0; font-size: 11px; clear: both; }

.ShopIntro h2{ background-color:#fff; padding:5px 0; font-size:14px; font-weight:bold;}
.ShopIntro h3{padding: 0; margin:8px 0 0 0; padding:0; }
.ShopIntro h3 a{font-size: 12px; font-weight: normal; }
.ShopIntro h3 a:hover{  }

.SellOuts, .Actions, .News
{
	text-align: center;
	margin-bottom:1em;
	overflow: hidden;
	background-color:#f6f6f6;
	padding:5px 5px;
}
.SellOuts .Row, .Actions .Row, .News .Row
{
	text-align: center;
	clear: both;
	padding: 0;
	width: 100%;
	background: transparent;
}
.SellOuts .RowContent, .Actions .RowContent, .News .RowContent
{
background: transparent;
width: 100%;
text-align: center;
border-top:1px solid #fff;
}

.SellOuts .Product, .Actions .Product, .News .Product
{
margin: 3px;
padding: 5px;
float: left;
display: inline;
width: 130px;
text-align: center;
}

.ShopIntro .Product img{ margin: 0 auto; border: 3px solid #fff; }
.ShopIntro .Product .ProductPrice{margin:0; padding:5px 0;}

.Product strike{color:#999999;}

.ShopIntro dl, .ShopIntro dd, .ShopIntro dt{margin:0; padding:0;}
.ShopIntro dd{font-weight:bold;}
.ShopIntro dd strike{font-weight:normal;}




/* ShopProductViewProduct - detail produktu

---------------------------------------------------------- */
.ShopProductView { width: 100%; font-size: 11px; text-align: center; clear: both; }
.ShopProductView h2{margin:0; padding:5px;}
.ShopProductView .Product{ padding:0 10px; text-align:center; margin: 0 auto; overflow: hidden; position: relative;}

.ShopProductView .ProductDescription{margin: 5px auto; background-color:#f6f6f6; width:370px;}
.ShopProductView .Product dl{font-weight: normal; padding: 0; width:370px; margin: 10px auto 5px auto; border-bottom:1px solid #fff; overflow:hidden;}
.ShopProductView .Product dt{float: left; width: 100px; padding: 2px 5px; margin: 1px 0 0 0; font-weight:bold; clear: both; text-align: right; border-top:1px solid #fff;}
.ShopProductView .Product dd{float: left; width: 250px; padding: 2px 5px; margin: 1px 0 0 0; text-align: left; border-top:1px solid #fff;}
.ShopProductView h3{clear: both; font-weight: bold;}
.ShopProductView .DetailDescription{ text-align: left;}

.ShopProductView .ProductImage{padding: 6px 0; text-align: center; overflow:hidden; width:590px;}
.ShopProductView .ProductImage img{ margin: 0 auto; border: 3px solid #fff;}

.ShopProductView .ProductButtons{ display: block; width:370px; margin: 0  auto; clear: both; padding: 5px 0; height:20px;}
.ShopProductView .ProductButtons img{ float: right; margin: 0 4px 0 4px; }
.ShopProductView .ProductButtons p{ margin: 0; float:right; }

.ShopProductView #Quantity{border:1px solid #dcdfec; text-align:center; width:25px; font-size:10px;}

.BackLink{ margin: 0 0 12px 0; font-weight: bold; }

/* Sposob zobrazenia - ikony

---------------------------------------------------------- */

.Obchod_Produkt_Ikony {clear: both;}
table.Obchod_Produkt_Ikony {border-collapse: collapse; width: 100%; margin:0; text-align: center; clear: both;}
table.Obchod_Produkt_Ikony td {width:33%; padding: 5px; border: 1px solid #f6f6f6; font-size: 11px; text-align: center; background-color:#f6f6f6; vertical-align:middle;}
table td.Obchod_Product_Name {padding:0 0 5px 0; background-color:#f6f6f6;}
table td.Obchod_Product_Separator {font-size:5px; border:none; background-color:#FFF; padding:0;}
table .Obchod_Product_Name a{}
table.Obchod_Produkt_Ikony img {margin: 0 auto; border: 3px solid #fff;}



/* Sposob zobrazenia - zoznam

---------------------------------------------------------- */
.ShopDivViewList{clear: both;}
.ShopDivViewList table{ width: 100%; clear: both; margin:0; font-size: 11px; border-collapse: collapse;}
.ShopDivViewList table th{padding: 4px; background:#ececee; border:1px solid #f6f6f6; font-weight:bold; font-size:11px;}
.ShopDivViewList table td{padding: 1px 4px; background: #f6f6f6; border: 1px solid #f6f6f6; vertical-align:middle;}
.ShopDivViewList table tr.even td{background-color:#fff;}

.ShopDivViewList table td a {font-weight:bold;}
.ShopDivViewList table td p{padding:0; margin:0;}
.ShopDivViewList input{border:1px solid #dcdfec; text-align:center; width:25px; font-size:10px;}



/* Sposob zobrazenia - podrobny pohlad

---------------------------------------------------------- */

.ShopDetailView { padding: 0 0 12px 0; clear: both;}
.ShopDetailView .Product{ margin: 6px 0; padding:10px; width:590px; position: relative; text-align: left; clear: both; overflow: hidden; background-color:#f6f6f6;}
.ShopDetailView .Product h3{margin:0; padding:2px 25px 2px 10px; background-color:#fff; position:relative; font-size:14px;}
.ShopDetailView .Product h3 img {position:absolute; right:0; top:0;}
.ShopDetailView .Product h3 a{color:#3A5668; text-decoration:none;}
.ShopDetailView .Product h3 a:hover{color:#93bcd2;}

.ShopDetailView .ProductDescription{ float: right; margin: 6px 6px 0 6px; display: inline; font-size: 11px; width:440px;}
.ShopDetailView dl{ font-weight: normal; width:440px;  overflow: hidden; padding: 0; margin: 0 0 6px 0; border-bottom: 1px solid #fff;}
.ShopDetailView dt{ float: left; width: 120px;; padding: 3px 5px; margin: 0; clear: both; border-top: 1px solid #fff;  font-weight:bold; text-align:right;}
.ShopDetailView dd{ float: left; width: 300px; padding: 3px 5px; margin: 0;  border-top: 1px solid #fff;  text-indent:0;}

.ShopDetailView dd div{float: left; margin-right: 5px; padding: 0 4px;}
.ShopDetailView dd strike{display: inline;}
	
.ShopDetailView .ShopIcons{ display: block; margin: 0 auto; clear: both; padding: 0 5px 0 0;}
.ShopDetailView .ShopIcons img{ float: right; margin: 0 0 0 4px; }
.ShopDetailView .ShopIcons p{ margin: 0; padding:0; float:right; }
.ShopDetailView .ShopIcons input{font-size:11px; border:1px solid #dcdfec; padding:4px 2px; text-align:center;}

.ShopDetailView .ProductImageOut{ width: 126px; float: left; text-align: center;  margin:6px; display: inline; overflow:hidden; position:relative; }
.ShopDetailView .ProductImage { width: 126px; float: left; text-align: center; display: inline; overflow:hidden; }
.ShopDetailView .ProductImage img{ margin: 0 auto; border: 3px solid #fff;}



strike {color: #999999;}

.Action, .SellOut, .New{color:#003399; font-size:12px; text-align:center; font-weight:bold;}


/* Kosik - vnutro
---------------------------------------------------------- */

.kosik-vnutro {clear: both; padding:0 0 0 1px;}
.kosik-vnutro caption{
	text-align: left;
	margin: 5px 0 0 0;
	padding: 0;
	font-size: 12px;
	background:#fff;
	padding: 3px;
	font-family:Arial, Helvetica, sans-serif !important;
}


.kosik-vnutro table{
	width: 100%; border-collapse: collapse; margin: 0 0 10px 0; border:1px solid #f6f6f6; font:normal 11px Arial, Helvetica, sans-serif !important;
}

.kosik-vnutro table td{
	border:1px solid #f6f6f6;
	padding: 5px;
	vertical-align: top;
}
.kosik-vnutro table input{
	margin: 3px 0; font-size:11px; border:1px solid #f6f6f6; padding:2px; text-align:center;
}
.nowrap{ white-space: nowrap; }
.kosik-vnutro table th{ background-color:#f6f6f6;  padding: 3px;}

#total-price{
	padding: 5px;
	background: #f6f6f6;
	text-align:right;
	}
#total-price strong{padding-right:15px;}
p.odoslat{margin:10px 0;}

/* Kosik - vnutro - finish
---------------------------------------------------------- */

#kosik-finish{ clear: both; }
#kosik-finish table{
	border-collapse: collapse;
	margin: 10px 0;
	width: 100%;
}
#kosik-finish table td{
	border:1px solid #f6f6f6;	
	background: #f7f8fb;
	padding: 2px 3px;
}

#kosik-finish table th{
	background:#ececee;
	padding: 3px;
}
#kosik-finish #total-price{
	text-align: right;
	color: #de3024;
}
#kosik-finish #comment{
	padding: 5px 10px;
	margin: 10px 0;
	border:1px solid #f6f6f6;	
	background: #f7f8fb;
}
#kosik-finish #comment textarea, 
#kosik-finish #comment label{
	margin: 5px;
}
#kosik-finish #comment textarea{border:1px solid #dcdfec;}

#kosik-finish .payment{
	border:1px solid #f6f6f6;	
	background: #f7f8fb;
	padding: 5px 0;
	margin: 3px 0;
}


.kosik-finish{border-collapse:collapse; margin-bottom:10px; width:99%; margin-left:1px; margin-top:5px;}
.kosik-finish td{
	border:1px solid #f6f6f6;	
	padding: 2px 3px;
	vertical-align: top;
}
.kosik-finish th{background:#ececee; padding: 3px;}

.dakujeme{padding:10px;}
.warning{color:#F00;}

/* Registracia + login
---------------------------------------------------------- */

#shop-registracia{ clear: both; }
#shop-registracia form { clear: both; }
#shop-registracia form b{}
#shop-registracia legend{ color: #93bcd2; border: 1px solid #f6f6f6; background-color:#f7f8fb; font-weight: bold; padding: 2px 10px; position:absolute; top:-10px;}
#shop-registracia fieldset { border: 1px solid #f6f6f6; padding: 6px 6px 10px 6px; margin:20px 0 6px 0; position:relative; margin-top:20px; }
#shop-registracia table { width: 70%; position:relative; top:10px; }
#shop-registracia table td{ padding: 1px 0; width: 50%; }
#shop-registracia .error{ font-weight: bold; color: #DE3024; }
#shop-registracia table td input{font-size:11px; border:1px solid #dcdfec; padding:2px; width:200px;}

#login{ clear: both; padding: 12px 0; }
.Obchod_Content_Login {  width: 95%; border-collapse: collapse; margin: 1em 0; font-size: 11px; }
.Obchod_Content_Login td{  padding: 5px; vertical-align: top; }

/************* order-in ******************/
.order-in{border-collapse:collapse;}
.order-in caption{
	margin-bottom:5px;
	font-weight:bold;
	}

#order, .order-in {border-collapse:collapse; margin-left:1px; width:99% !important; margin-top:10px;}
#order td, .order-in td{border: 1px solid #e0e3ee; padding:2px 5px;}
#order th, .order-in th{border:1px solid #f6f6f6; background:#f6f6f6; padding:2px 5px;}

.ConfirmOrder{border-collapse:collapse; width:99%; margin-bottom:20px; margin-left:1px;}
.ConfirmOrder td{border:1px solid #f6f6f6; padding:2px 4px;}
.ConfirmOrder th{border:1px solid #f6f6f6; padding:2px 4px; background-color:#f6f6f6;}

small {font-size:10px; color:#aaa;}	
/* ----------------------------------------------------------

END SHOP

---------------------------------------------------------- */

.Filter{clear:both;}
.Filter form{padding:2px 5px; margin:0; clear:both; background-color:#f5f5f5; border:1px solid #eeeeee; margin-bottom:2px;}
.Filter form span{white-space:nowrap;}
.Filter label{margin:0 10px 0 2px; padding:0; cursor:pointer;}
.FilterTitle{width:140px; margin:0; padding:0; height:16px; background:#ddd; color:#222; padding-top:2px; font:bold 12px Tahoma, Arial, Helvetica, sans-serif; text-transform:none; text-align:center; clear:both;}

.CustomSort{float:right;}