@charset "utf-8";
/*-------------------------------------------------------------*/
/* CSS Document                                                */
/* Template Name: Orange Lanes                                 */
/* Designed By: Santhosh                                       */
/* Homepage: www.themebin.com                                  */
/*-------------------------------------------------------------*/

@font-face {
    font-family: 'corbertregular';
    src: url('/fonts/corbert-regular-webfont.eot');
    src: url('/fonts/corbert-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('/fonts/corbert-regular-webfont.woff') format('woff'),
         url('/fonts/corbert-regular-webfont.ttf') format('truetype'),
         url('/fonts/corbert-regular-webfont.svg#corbertregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'corbertitalic';
    src: url('/fonts/corbert-italic-webfont.eot');
    src: url('/fonts/corbert-italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('/fonts/corbert-italic-webfont.woff') format('woff'),
         url('/fonts/corbert-italic-webfont.ttf') format('truetype'),
         url('/fonts/corbert-italic-webfont.svg#corbertitalic') format('svg');
    font-weight: normal;
    font-style: italic;
}

/* HTML Elements */
body {
	font : 80%/1.5em 'corbertregular', Arial, sans-serif;
	text-align : center; /* kvuli IE centrovat wrap */
	background : #000 url(vin-background.jpg) repeat;
}

body#dialog {
  text-align: left;
}

/* Header Styles */

h1, h2, h3 {
	font-family : 'corbertregular', Arial, Sans-serif;
	font-weight : bold;
}

h1 {
	font-size : 120%;
	color : #1c1206;
}

h2 {
	font-size : 110%;
	color : #000;
}

h3 {
	font-size : 110%;
	color : #000;
}

.hint {
  font-size : 80%;
}

/* Header Layout */

#header-top {
	height:40px;
	background:#1c1206;
	color:#fff;
}

#header-main {
	background : url(vin-logo.png) no-repeat;
	height : 200px;
	color : #ffffff;
	position:relative;
}

/* Header Logo and Slogan */

#logo-text {
	position : absolute;
	left:-1000px;
/*border: 1px solid black;*/
}
#logo-text a {
  color : #ffffff;
  text-decoration : none;
}

#account {
	position : absolute;
	top : 10px;
	right : 15px;
	background : transparent;
	border : none;
/*	float:right;*/
}

/* Navigation Bar */

#nav {
	background : #1c1206;
	height : 60px;
}

#nav-bar {
	position : relative;
	width : auto;
	height : 60px;
	margin : 0;
	padding : 0 0 0 0;
	font : 12px/28px 'corbertregular', Arial, Sans-serif;
	text-transform:uppercase;
}

#nav-bar ul {
	float : left;
	list-style : none;
	margin : 16px 0 0 20px;
	padding : 0;
}

#nav-bar ul li {
	display : inline;
	float : left;
	height:28px;
	padding : 0;
	margin:0 16px 0 0;
	background-color:#361c03;
	border-radius:3px;
}

#nav-bar ul li a {
	display : block;
	color : #fff;
	text-decoration : none;
	padding : 0 15px;
}

#nav-bar ul li a:hover {
	background-color:#442d0e;
	border-radius:3px;
}

#nav-bar ul li#selected span {
	display : block;
	color : #fff;
	background-color:#442d0e;
	padding : 0 15px;
	border-radius:3px;
}

/* Content */

#list-view {
/*	margin-top : 30px;*/

/*border:1px solid red;*/
}

#content {
	position:relative;
	background : #fff;
/*	margin-left : 246px;*/
/*	margin-right : 246px; 3 sloupce*/
	text-align : left;
	padding : 0 10px 10px 10px;
	border-top: 28px solid #fff;
	border-bottom : 28px solid #fff;
/*border:1px solid black;*/
}

#content a {
	color:#000;
}

.delete {
float:right;
}

#content h1 {
	margin-top : 0px;
	font-size:125%;
	font-weight:bold;
/*	font : bold 125% Verdana, 'Trebuchet MS', Sans-serif;*/
	padding : 8px 0;
/*	border-bottom : 1px solid #f8f4f1;*/
/*	text-align : justify;*/
}

#wrap {
	width : 1002px;
	margin : 0 auto;
	text-align : left;
/*	border:1px solid black;*/
}

#content-wrap {
	width : 1000px;
	background : #442d0e;
	margin : 0 auto;
	padding-bottom : 0;
	text-align : left;

	border:1px solid #1c1206; /*musi byt, jinak se rozhodi*/
/*border:1px solid brown;*/
}

#abar {
	height:28px;
	background-color:#d8d8d8;
}

#ableft {
	width:230px;
	height:30px;
	background-color:#d8d8d8;
}

#content-right {
  width : 754px;
  float : right;
  margin-left : 0px;

/*	border:1px solid green;*/
}

/* Search */

form.search {
	position : relative;
	top : 15px;
	right : 15px;
	background : transparent;
	border : none;
	float:right;
	margin: 0;
	padding: 0;
}

form.search input.textbox {
	margin : 0;
	padding : 0 5px;
	background : #DADADA;
	color : #000;
	width : 300px;
	height: 30px;
	border:none;
	border-radius:5px;
	font:italic 1em 'corbertitalic', sans-serif;
}

/* Sidebars */

#leftbar {
	float : left;
	width : 230px;
	margin-right : 0;
	margin-left : 0;
	background : #442d0e;
	margin-top : 0px;


/*	border:1px solid black;*/
}

#rightbar {
	float : right;
/*	width : 230px;*/
	margin-right : 0;
	margin-left : 0;
	background : #442d0e;
	margin-top : 0px;

/*	border:1px solid black;*/
}

#rightbar img {
margin:0 3px 5px 0;
}

.sidebar h1 {
	height:35px;
	margin : 0;
	padding : 0;
	font : bold 14px/35px 'corbertregular', Arial, Sans-serif;
	color : #fff;
	background : #9e9576;
	text-align:center;
	text-transform:uppercase;
}

.sidebar h1 img {
vertical-align: middle;
}

.sidebar h1 a {
color: silver;
float: right;
margin-right: 10px;
}

.sidebar .left-box {
	background : #442d0e;
	color:#fff;
	margin-top : 0;
	border-bottom : 28px solid #d8d8d8;
	padding-left : 10px;
}

.sidebar .last-box {
	background : #442d0e;
	color:#fff;
	margin-top : 0;
	padding-left : 10px;
}

.sidebar ul.sidemenu {
	margin-left : 3px;
	list-style : none;
	text-align : left;
	margin : 3px 0 8px 0;
	padding : 0;
	text-decoration : none;
}

.sidebar ul.sidemenu li {
	margin-left : 3px;
	padding : 2px 0 2px 25px;
/*	background : url(bullet.png) no-repeat 5px 5px;*/
	margin : 0 2px;
}

.sidebar ul.sidemenu a {
	font-weight : bolder;
	text-decoration : none;
	background-image : none;
}

#cart-box p {
	font-weight:bold;
	font-size:14px;
	margin-bottom:20px;
}

#cart-num {
	text-transform:uppercase;
}

#cart-box img {
	vertical-align:middle;
}

/* Images */

img {
	border : none;
}

img.float-right {
	margin : 5px 0 10px 10px;
}

img.float-left {
	margin : 5px 10px 10px 0;
}

code {
	margin : 4px 8px;
	padding : 8px;
	text-align : left;
	display : block;
	overflow : auto;
	font : 500 1em/1.5em 'Lucida Console', 'courier new', monospace;
	background : #f8f4f1;
	border : 1px dashed #D7C3C3;
}

/* Additional Formatting */

blockquote {
	margin : 10px;
	padding : 0 0 0 40px;
	border : 1px solid #D7C3C3;
	background : #f8f4f1 url(quote.png) no-repeat 5px 5px;
}

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

ul span, ol span {
}

form {
	margin : 10px;
	padding : 0 5px;
	border : 1px solid #D7C3C3;
	background-color : #f8f4f1;
}

form.nostyle {
margin:0;
padding:0;
border:0;
background-color:transparent;
}

label {
/*	display : block;*/
	font-weight : bold;
	margin : 5px 0;
	color: #333333;
}

input.frm {
  width : 300px;
	padding : 2px;
	border : 1px solid #D7C3C3;
	font : normal 1em Verdana, sans-serif;
	color : #000000;
	background-color : #ffffff;
}

.redborder {
  border : 1px solid #ff8080 !important;
}

.err, #error, #subdomerr {
  border : 2px solid #ff0000;
  background: #ff8080;
  padding: 3px;
  text-align: center;
}
#statusmsg {
  border : 2px solid #00ff00;
  background: #80ff80;
  padding: 3px;
  text-align: center;
}

#subdom {
  font-size:180%;
  font-weight:bold;
}

input.frml {
  width : 120px;
	padding : 2px;
	border : 1px solid #D7C3C3;
	font : normal 1em Verdana, sans-serif;
	color : #000000;
	background-color : #ffffff;
}

input.frmu {
  width : 169px;
	padding : 2px;
	border : 1px solid #D7C3C3;
	font : normal 1em Verdana, sans-serif;
	color : #000000;
	background-color : #ffffff;
}

.rgrpfld {
	padding : 3px;
	border : 1px solid #D7C3C3;
}

textarea {
	width : 400px;
	padding : 2px;
/*	font-family : Verdana, sans-serif;*/
	font : normal 1em Verdana, sans-serif;
	border : 1px solid #D7C3C3;
	background-color : #ffffff;
	height : 100px;
	display : block;
	color : #000;
}

.textfrm {
	width : 300px;
	padding : 2px;
	font-family : Verdana, sans-serif;
	border : 1px solid #D7C3C3;
	background-color : #ffffff;
	height : 60px;
	display : inline;
	color : #000;
}

input.btn {
	margin : 0px;
	width : 20px;
	font : bolder 12px Arial, Sans-serif;
	border : 1px solid #ccc;
	padding : 2px 3px;
	background : #ddd;
	color : #131212;
	cursor : pointer;
}

input.sub {
	margin : 10px 10px 10px 200px;
/*	width : 50px;*/
	font : bolder 12px Arial, Sans-serif;
	border : 1px solid #ccc;
	padding : 2px 3px;
	background : #ddd;
	color : #131212;
	cursor : pointer;
}

input.sub2 {
	margin : 10px 10px 10px 10px;
	width : 60px;
	font : bolder 12px Arial, Sans-serif;
	border : 1px solid #ccc;
	padding : 2px 3px;
	background : #ddd;
	color : #131212;
	cursor : pointer;
}

/* Footer */

#fbreak {
	background : 540px 0 url(vin-bottom_list.png) no-repeat;
	height : 88px;
}



#footer {
	background : #1c1206;
	height : 150px;
	margin-top:10px;
	font-size:90%;
}

#info {
	position:relative;
	width : 1002px;
	height : 150px;
	margin : 0 auto;
	text-align : left;
	padding:0px;
	color:#fff;
}

#info .fsl {
	position:absolute;
}

#fsl1 {left:25px}
#fsl2 {left:312px}
#fsl3 {left:600px}
.fthdr {width:75px}
#info sup {font-size:60%;}

#info h2 {
	color:#fff;
}

.clearfix {
	clear: both;
	overflow: hidden;
}

/* Kategorie */

#cat_list {
	list-style : none;
	margin:0;
	padding:20px;
}

#cat_container li {
	padding:5px;
}

#cat_active a {
	text-decoration:none;
	color:#d8d8d8;
	font-weight:bold;
}

/* pager */

.pager {
	margin: 0px;
	padding: 15px 6px;
	list-style: none;
	text-align: center;
	white-space:nowrap;
	overflow:hidden;
/*	width:500px;*/
/*	border:1px solid red;*/
}

.pager li {
	list-style: none;
	display: inline;
}

.pager b {
	margin: 0;
	padding: 3px 7px;
}

.pager li a {
	margin: 0;
	padding: 3px 7px;
	background-color:#442d0e;
}

.pager li a:hover {
	background-color:#361c03;
}

.pager a {
	color:#fff !important;
	text-decoration:none;
}

/* grid */

.grow-wide {
   position: relative;
   float: left;
   left: 0;
   width: 754px;
   height: 175px;
   margin: 30px 0;
   background: bottom center url(vin-police3.png) no-repeat;
/*   background-color: #828282;*/
}
.gleft1{
   position: relative;
   float: left;
   left: 0px;
}
.gleft2{
   position: relative;
   float: left;
   left: 8px;
}
.gleft3{
   position: relative;
   float: left;
   left: 16px;
}
.gright{
   position: relative;
   float: right;
   right: 0px;
}
.gbox {
   width: 246px;
   margin: 0;
   padding: 0;
   border: 0;
/*   background-color: red;*/
   overflow: hidden;
}
/* grid - items list */
.gb-ilist {
height: 160px;
}
.gb-ilist .ghead {
margin:0;
padding: 3px;
height: 20px;
overflow:hidden;
font-weight: bold;
font-size: 1em;
/*border: 1px solid black;*/
}
.gb-ilist .ghead a {
/*	color : #ffffff;*/
}
.gb-ilist .gbody {
/*height: 150px;*/
padding: 3px;
overflow: hidden;
font-size: .85em;
/*border: 1px solid yellow;*/
}
.gb-ilist .gtext-v {
float:left;
width:146px;
height:80px;
overflow:hidden;
/*border: 1px solid green;*/
}
.gb-ilist .gthumb-v {
position:relative;
float:left;
margin: 6px;
width: 75px;
height: 115px;
overflow:hidden;
/*border: 1px solid green;*/
}
.gb-ilist .gthumb-v img {
position:absolute;
left:0;
bottom:0;
}
.gshop-v {
position:relative;
float:left;
width: 146px;
height: 33px;
margin: 6px 0;
overflow: hidden;
/*border: 1px solid green;*/
}
.gb-ilist .gtext-h {
width:238px;
height:38px;
overflow: hidden;
/*border: 1px solid green;*/
}
.gb-ilist .gthumb-h {
float:left;
width: 150px;
height: 75px;
margin: 6px;
overflow:hidden;
/*border: 1px solid green;*/
}
.gshop-h {
position:relative;
float:left;
width: 72px;
height: 75px;
margin: 6px 0;
overflow: hidden;
text-align:center;
/*border: 1px solid green;*/
}
.gprice {
float:left;
width:70px;
height:32px;
font:italic bold 1.2em/32px 'corbertitalic', sans-serif;
}
.gb-ilist .crt {
position:absolute;
right:0;
bottom:0;
}

/* grid - picture editor */
.gb-piced {
height: 200px;
}
.gb-piced .ghead {
margin:0;
padding: 3px;
height: 20px;
overflow:hidden;
font-weight: bold;
font-size: 1em;
text-align: center;
/*border: 1px solid black;*/
}
.gb-piced .gbody {
height: 175px;
width:175px;
/*border: 1px solid yellow;*/
}
.gb-piced .gthumb-v {
float: left;
margin: 6px;
width: 75px;
height: 150px;
overflow:hidden;
/*border: 1px solid black;*/
}
.gb-piced .gbutt-v {
margin-left: 87px;
/*border: 1px solid red;*/
}
.gb-piced .gthumb-h {
margin: 6px;
width: 160px;
height: 75px;
overflow:hidden;
text-align: center;
/*border: 1px solid black;*/
}
.gb-piced .gbutt-h {
margin: 0px;
/*border: 1px solid red;*/
}
.gb-piced .gbutt-h input {
margin: 6px 12px;
}
/* List - paragraf */
.para {
padding-top:3px;
}

.grow {
   position: relative;
   float: left;
   left: 0;
   width: 540px;
   margin-bottom: 8px;
/*   background-color: #828282;*/
}

.para h3 a {
	font-size : 110%;
	color : #cc6600;
}
.para img {
float: left;
}
.para-flds {
margin-left:130px;
}
.picts {
/*	padding:0px;
	margin:0;
line-height:150px;*/
/*font-size:20px;*/
/*border:1px solid silver;*/
}
.pict, .pict-def {
/*vertical-align:bottom;*/
/*border:1px solid silver;*/
}
.tab {
font-size:90%;
border:1px solid #555;
border-collapse:collapse;
width:100%;
}
.tab td, .tab th {
border:1px solid #555;
padding:6px;
}
.tab tr.alt td {
background-color:#ede7e1;
}


/* Editace profilu */

.profile {
background:#f8f4f1;
}
.profile th {
background:#ADADAD;
}

.fldtyp {
width:18px;
height:18px;
text-align:center;
float:left;
margin:1px;
}

.fldtypsel {
background:#54CAFF;
}

.tst {
width:300px;
}

#menu {
	position:absolute;
	right:5px;
	top:0;
	margin: 0;
	padding: 0;
	height: 35px;
	width: 210px;
	display: block;
	background-color:#9e9576;
	color:#fff;
	text-transform:uppercase;
}
#menu li {
	padding: 0;
	margin: 0;
	list-style: none;
	display: inline;
}
#menu li a {
	float: left;
	padding-left: 15px;
	display: block;
	color:#fff;
}
#menu li a:visited {
	color:#fff;
}
#menu li a span {
	padding-right: 15px;
	padding-left: 0;
	text-decoration: underline;
}
#menu li a:hover {
}
#menu li a:hover span {
	color: #000;
}
#menu li a.active, .menu li a.active:hover {
	color:#000;
}
#menu li a.active span, .menu li a.active:hover span {
	text-decoration: none;
}
.menu-ord {
  float:right;
}
#menu li span {
	line-height: 35px;
	float: right;
	display: block;
	padding-right: 5px;
}
.menu .lbl {
	font-weight:bold;
}

a.btn{
border : 1px solid #ccc;
font : bolder 12px Arial, Sans-serif;
color:#000 !important;
padding : 2px 3px;
background-color : #ddd;
text-decoration : none;
}
a.btn:hover{
border : 1px solid #aaa;
color : #000;
background-color : #ccc;
}
a.ibtn{
border-radius:3px;
padding : 5px 20px;
background-color : #9e9576;
text-decoration : none;
}
a.ibtn:hover{
/*border : 1px solid #bbb;*/
color : #000;
background-color : #d8d8d8;
}
#price, .para-price{
font-size: 150%;
color: #ff0000;
}
.para-price{margin-top:6px}
.para-price strong{font-weight : normal}
/*.crt{right:6px;width:32px;height:32px;overflow:hidden;margin-left:6px;position:absolute;}*/
.crt{width:32px;height:32px;overflow:hidden;float:right;position:relative}
.crt1{position:absolute;left:0}
.crt2{position:absolute;left:-32px}
.para h3{margin-top:0;}
#price-ext{height:40px;position:relative;}
#crt-itm{width:32px;height:32px;overflow:hidden;margin-left:250px;position:absolute;top:4px;}
#price{margin:0;padding:10px}
#obj input.textbox{width:300px}
#obj textarea{width:480px}
.sidemenu #active {background:url(ok16.png) no-repeat 5px 5px;}
#contacts{padding-left:15px}

#sug_list {
    position: absolute;
    width: 500px;
    list-style-type: none;
    background-color: #ccc;
    margin: 0;
    padding: 0;
    cursor: pointer;
}

#sug_list li {
    border: 1px solid #ccc;
    padding: 3px 10px;
}

.sugSel {
    border: 1px solid #888;
    background-color: #ddd;
}