/* 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 url('img/design/bg_body.png') repeat-x 0px 113px;
	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;
}

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

#wrap {
	width: 90%;
}

.nobackground {
}

#page-header {
  display:none;
}

#page-body, #page-body_col3 {
  margin:0;  
  padding:0;  
}
/* 2-columns design */
#page-inner-switch {
  float:left;
  /*width:100%;  /* 2-columns design */
}


#content {
  float:right;
  width:745px;  /* 2-columns design */      
}

#panel-left {
  display:none;  
}

#panel-right {
  display:none; 
}


#page-footer {
  display:none;
}


/* 3-columns design */

#page-body_col3 #page-inner-switch {
  width:745px !important;  /* 3-columns design */  
  float:right;
}


#page-body_col3 #panel-right {
  display:block !important;  /* 3-columns design */
}


#page-body_col3 #content {
  width:510px;  /* 3-columns design */  
  float:left;
}


/* 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;
	background: #F1F1F1;
	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 14px;
}

.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 14px;
}


.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;
  
}

/* 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;  
}
#page-product-detail{
	margin-left: 30px;
}
/*
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%;
}

*/