/* Elements reset, body element, images and primary text/link colors 
------------------------------ */

body, form, input, select, p, pre, abbr, address, ul, ol, li,
h1, h2, h3, h4, h5, h6, img,
table, tr, td, th, input, textarea {
 	font-family: arial,helvetica,verdana,sans-serif;
	font-size: 12px;
	padding: 0;
	margin: 0;
}

body {
	background: #FFF;
	color: #333;
	text-align: left;
}

img {
	border: 0;
}

a, a:link, a:visited, a:active {
	color: #690;
	text-decoration: underline;
}

a:hover {
	color: #000;
	text-decoration: underline;
}

/* Hidden elements in print version (smartform doesn't support the class property) */
.print-hide, 
.print-hide-form form {
	display: none !important;
}

/* Definitions of main containers, prior loading of "content" container
------------------------------ */

#wrap {
	width:90%;
}

#page-header {
	display:none;
}

#page-body {
	margin:0;  
	padding:0;  
}

#panel-left {
	display:none;  
}

#panel-right {
	display:none; 
}


#page-footer {
	display:none;
}

/* Basic form elements
--------------------------------- */

input, select, textarea {
	border-width: 1px;
	border-style: solid;  
	border-color: #999 #CCC #CCC #999;
	background: #FFF;
	color: #333;
	padding: 3px 4px 3px 4px;
	font-weight:bold;  
	vertical-align:middle;
}

label {
	cursor:pointer;
}

input.input-error, textarea.input-error {
	border: 1px solid #F00 !important;
	background: #FEE;
}

input.radio {
	background-color: transparent;
	border: 0px;
}

input.checkbox {
	padding:2px;
}

.button, .minibtn, .midbtn, .bigbtn, .autobtn {
	border: 0px;
	background:#080 url('img/design/bg_button.png') repeat-x;
	cursor: pointer;
	color: #FFF;
	height:22px;
	width:70px;
	font-weight: normal;
	vertical-align:middle;
}
a.button {
	padding:5px 8px;
}
.minibtn {
	width:35px;
}
.midbtn {
	width:100px;
}
.bigbtn {
	width:140px;
}
.autobtn {
	width:auto;
}
fieldset {
	border:0;  
	padding:0;  
	margin:0;
}
fieldset.captcha * {
	vertical-align:middle;
}

fieldset.captcha .refresh {
	background:#FFF url('img/design/button_refresh.jpg') no-repeat;  
	border:1px solid #CCC;  
	width:25px;    
	height:24px;
	cursor:pointer;
}
fieldset.captcha .captcha {
	line-height:17px;
	height:17px;
	font-size:17px;  
	width:40px;
}
a.button2 { 
	background:url('img/design/bg_link.png') repeat-x;
	padding:4px 15px;
	border:1px solid #ACD3E5;  
	color:#1B8CBE;  
	font-weight:bold;  
	text-decoration:none;
}

fieldset dl {
	margin:0;  
	padding:0;  
}

fieldset dt {
	margin:0;  
	float:left;  
	clear:left;  
	width:50%;
}

fieldset dd {
	margin:0;
	float:left;
}

fieldset dd * {
	vertical-align:middle;
}

fieldset dd input {
	width:150px;
}

fieldset dd select {
	width:160px;
}

fieldset dt strong {
	font-size:130%;  
	color:#F00;  
	padding:0 5px;
}

fieldset.center dt {
	text-align:right;
	padding:3px 5px 0 0;  
	margin-bottom:5px;
}

fieldset.center dd {  
	margin-bottom:5px;
}

/* prices and info distribution lists
------------------------------ */
dl.prices, dl.info  {
	float: left;
	width: 100%;
	padding: 0;
	margin: 1px 0;
	text-align:right;
	color:#666;
}

dl.prices dt, dl.info dt {
	float: left;
	width: 35%;
	margin: 0;
	padding: 0;
	text-align:left;
	clear:left;
}

dl.prices dd, dl.info dd {
	float: left;
	width: 60%;
	padding: 0 0 0 5px;
	margin: 0;
	text-align:left;
}


/* Classes which contain price info
-------------------------- */

.cenasdph {
	color: #690;
	font-weight: bold;
}

.cenabezdph {
	color: #666;
	font-weight: bold;
}

.cenapayment {
	color:#00567A;
	font-weight: bold;
}

.beznacenasdph {
	font-weight: bold;
}

.beznacenabezdph {
	font-weight: bold;
}

.sleva, .akcnisleva {
	color: #8A3D94;
	font-weight: bold;
}

.akcnisleva {
	color: #ff3333;
	font-size: larger;
}

.kredity {
	color: #FEAB33;
	font-weight: bold;
}

.total-price {
	color: #FEAB33;
	font-weight: bold;
	font-size: 24px;
}

/* other global settings
------------------------- */

hr {
	background: gray;
	border: 0px;
	height: 1px;
}

br.tinyclear {
	clear:both;  
	line-height:1px;  
	height:1px;  
	font-size:1px;
}

div.clear {
	clear:both;  
	height:1px;  
	overflow:hidden;
}

p {
	line-height:140%;
}

abbr {
	cursor:help;
}

.col_2 {
	float: left;
	width: 50%;
}

.pass_strength {
	border:1px solid #CCC;  
	height:5px;  
	margin-top:2px;
}

/* arrows
---------------*/

span.arrow-up {
	display:block;
	background:url('img/design/arrows.gif') no-repeat -14px -14px;  
	width:14px;  
	height:14px;
}

span.arrow-up-active {
	display:block;
	background:url('img/design/arrows.gif') no-repeat 0px -14px;  
	width:14px;  
	height:14px;
}

span.arrow-down {
	display:block;
	background:url('img/design/arrows.gif') no-repeat -14px 0px;  
	width:14px;  
	height:14px;
}

span.arrow-down-active {
	display:block;
	background:url('img/design/arrows.gif') no-repeat 0px 0px;  
	width:14px;  
	height:14px;
}


span.arrow-left {
	display:block;
	background:url('img/design/arrows.gif') no-repeat -14px -28px;  
	width:14px;  
	height:14px;
}

span.arrow-left-active {
	display:block;
	background:url('img/design/arrows.gif') no-repeat 0px -28px;  
	width:14px;  
	height:14px;
}

span.arrow-right {
	display:block;
	background:url('img/design/arrows.gif') no-repeat -14px -42px;  
	width:14px;  
	height:14px;
}

span.arrow-right-active {
	display:block;
	background:url('img/design/arrows.gif') no-repeat 0px -42px;  
	width:14px;  
	height:14px;
}

/* center, right.. 
------------------------- */

.center {
	text-align:center;
}

.right {
	text-align:right;
}

/* specific colors for elements 
---------------------------------*/

.expedition-level0 {
	color:#080;
}

.expedition-level1 {
	color:#F80;
}

.expedition-level2 {
	color:#F00;
}


.flags {
	margin:5px 0px;  
	line-height:150%;
}
.flags span {
	font-size:90%;
	padding:2px 4px;  
	margin-right:2px;
}

tbody tr.odd td, tbody tr.odd th {
	background:#F2F2F2;
}

.legenda {
	padding:5px 0;
}
.legenda span.status-1, .legenda span.status-2, .legenda span.status-3 {
	padding:1px 8px;  
	margin-right:5px;
}

.legenda span.status-1 {
	margin-left:0;
}

/* elementy pro page 
-----------------------*/

.page {
}

.page .in {
}

.page .page-start {
	font-weight: bold;
	height:35px;
	border:0;
}

.page-on-index .page-start {  /* special styles for pages on homepage */
	background:none;  
	border-bottom:1px solid #1B8CBE;
} 

.page .page-start .in {
	padding:5px 0px;
}

.page-on-index .page-start .in {
	padding:8px 0px;
}

.page-start .in h1, .page-start .in h2 {
	color: #1B8CBE;
	font-size:140%;
}

.page-start .in h2 {
	font-size:125%;
}

.page .page-start {
	height:29px;
}

.page-on-index .page-start .in div {  /* special styles for pages on homepage */
	padding:8px 14px;
	display:inline;
	background: #1B8CBE;  
	color:#FFFFFF;
}


.page-middle {
}

.page-middle .in {
	padding:8px 0px;
}


.nobackground .page-middle .in {
	padding:8px 0;
}

.nobackground .page-middle .in > p {
	padding-left: 14px !important;
}

.page-middle .in h2, .page-middle .in h3 {
	color: #00567A;
	font-size: 130%;
	margin: 0 0 5px 0;
}


.page-middle .in h2 a, .page-middle .in h3 a {
	color: #00567A;
	text-decoration:none;
}

.page-middle .in h2 a:hover, .page-middle .in h3 a:hover {
	text-decoration:underline;
}


.page-end {
}

.page-end .in {
}

.page-bar {
	padding-top: 1px;
	padding-bottom: 1px;
	border-top: 1px solid #999;
	border-bottom: 1px solid #999;

}

.page-bar .in {
	color: white;
	padding: 1px 4px 1px 20px;
	background: #666 url('img/design/arrow-yellow.gif') no-repeat 5px 50%;
	border-top: 1px solid #aaa;
	border-bottom: 1px solid #aaa;
  
}

/* styles for product list */
.page .page-middle .list {
	list-style-type: none;
}

.sort-bar, 
.producers-bar, 
.flags-bar, 
.paging, 
.paging-bar, 
.display-bar,
.button  {
	display: none !important;
}

/* panely
------------------------------*/
.panel {
	margin:0 0 3px 0;
}

.panel .in {
}

.panel-start {
	font-weight: bold;
	color: #1B8CBE;
	height:30px;
	background: url('img/design/bg_panel_left-start.png') repeat-x;
	border-bottom:4px solid #AFD7E8;
}
.panel-start .in {
	padding:8px 14px;
}

.panel-middle {
}

.panel-middle .in {
	padding: 14px;
}

.panel-end {
}

.panel-end .in {
}

/* styles for product list in panels
---------------------------- */
.panel .products  {
	list-style-type:none;
}
.panel .products li {
	padding:0 0 10px 0;  
	margin:0 0 10px 0;
	border-bottom:1px solid #E9E9E9;    
	height:auto;
	min-height:1px !important;
	clear:both;
}
.panel .products li.last {
	padding:0;
	border:0;  
}
.panel .products li .image {
	float:left;  
	width:44px;  
	height:40px;
	border:1px solid #E5E5E5;
	background:#FFF;  
	text-align:center;  
	line-height:40px; /* vertical align hack - has to be height of the element*/
	font-size:0px;    /* vertical align hack */
}
.panel .products li .image img {
	vertical-align:middle;  /* vertical align hack */
	display:inline; /* vertical align hack */
}
.panel .products .info {
	width:150px;
	text-align:left;
	float:right;
}

.panel .products li h4 {
	margin:0 0 5px 0; 
}

.panel .products li h4 a {
	color:#00567A;  
	text-decoration:none;
}

.panel .products li h4 a:hover {
	text-decoration:underline;
}

.panel .products li p {  /* 3 lines for text */
	font-size:90%;
	height:3.9em;  
	font-weight:normal;
	overflow:hidden;  
}

.panel .products li dl {
	font-size:90%;
}

.panel .products li dl dt {
	width:16%;
}


/* Index-top and right panels specifications
---------------- */

#index-top {
	width:100%;    
	margin-bottom:2px;
	margin-top:5px;
}

#index-top .page {
	float:left;  
	width:510px;
	height:225px;  
	background:#F5F5F5;
}

#index-top .panel {
	float:right;  
	width:232px;  
	height:225px;
	background:#F5F5F5;  
	padding:0px 0px;
}
#panel-right .panel {
	margin-bottom:5px !important;
}
#index-top .panel .panel-start, #panel-right .panel .panel-start  {
	border:0;
	background:#ECECEC;  
	color:#1B8CBE;
}
#index-top .panel .panel-middle, #panel-right .panel .panel-middle  {
	background:#F5F5F5;
}

#index-top .panel .panel-middle .in {
	padding:12px 12px 0px 12px;
}

#panel-right .panel .panel-middle .in {
}

#index-top .products p, #panel-right .products p {
	display:none;
}

#index-top .products li {
	margin-bottom:5px;  
	padding-bottom:5px;  
}

/* tab-widget */
.tab-content {
	display: block !important;
}

.tab-content.print-hide {
	display: none !important;
}

/* Comments */
.discussion {
  list-style: none;
}

.discussion li {
  padding:0 0 10px;  
  margin:8px 0;
  border-bottom :1px solid #ccc;
}

.discussion li dt {
  font-weight: bold;
}

.discussion .level2 {
  padding-left:20px;
}

.discussion .level3 {
  padding-left:40px;
}

.discussion .level4 {
  padding-left:60px;
}

.discussion .level5 {
  padding-left:80px;
}

/* gallery */
.gallery {
	list-style: none;
}

.gallery li {
	float: left;
	margin-right: 10px;
}

/*
zatim nechat, bude se hodit pro dalsi implementaci
.success {
	text-align: center;
	color: green;
	font-weight: bold;
	margin-bottom: 5px;
}

.error {
	text-align: center;
	color: red;
	font-weight: bold;
	margin-bottom: 5px;
}

.exclamation {
	display: block;
	float: left;
	width: 0px !important;
	position: relative;
}

.exclamation-image-in, .exclamation-in {
	position: absolute;
	top: 0px;
	left: -18px;
	height: 13px !important;
	width: 15px !important;
	color: red !important;
	border: 1px green solid;
	font-weight: bold;
	text-align: center;
	padding: 1px 0 1px 0;
}

.exclamation-image-in {
	border-width: 0px !important;
	background: transparent url('img/exclamation.gif') no-repeat 50% 50%;
}

*/