@import url( shopitems.css );

.cistic {
    clear: both;
    height: 1px;
    margin: -1px 0 0 0;
    padding: 0;
    border: none;
    visibility: hidden;
}

.floatright {float: right;}
.floatleft { float: left;}
.margin2px {margin:2px;}

img {
  border:0px;
}

.red { color: red;}
.info {color: green;}
             
body a:link    { text-decoration: underline; color: black;}
body a:hover   { text-decoration: none; color: red;}
a:visited { text-decoration: underline; color: black;}  
/*a:active  { text-decoration: underline; color: red;}
*/
.menuheading {
  padding: 0px 0px 0px 0px!important;
  margin: 5px 0px 0px 3px;
  width: 129px;
  height: 24px;
}

ul.menuitem li a{
  padding-left:3px;
  background-color: white;
  color: black;
  font-weight: bold;
  text-decoration: none;
  line-height: 150%;
}

#leftcol ul.menuitem li a {
  padding-left:0px;
}

ul.menuitem li a:visited {
  color : black;
  text-decoration:none;
} 

ul.menuitem li a:hover,ul.menuitem li a:active {
  color: red;
  text-decoration: underline;
}


.povinny {
  color: #ff0000;
}

.error {
  color: #ff0000;
}

ul.message {
  color: green;
}


.oddelovac{
  border-top:1px black dotted;
}

.smalltext {
  font-size:80%;
}

.w40 {
  width:40%;
}
.bold {font-weight: bold;}

/******** header ***********/

#topnav {
  position:absolute;
  top:71px;
  left:3px;
  height:22px;
  width:773px;
  background-color: #000000;
  color: #ffffff;
  font-family: Tahoma,Helvetica,sans-serif;
  font-size: 9pt;
  font-weight: bold;
  
}
#toplogo {
  position:absolute;
}

#logo1{
  position:absolute;
  left:670px;
  top:10px;  
}
#logo2 {
  position:absolute;
  left:720px;
  top:12px; 
}

#topfoto{
  position:absolute;
  display:block;
  top:93px;
  display: block;
  width:780px;
  height:153px;
  padding:0px;
  margin:0px;
  background-image: url(../images/teamountain.jpg);
  background-repeat: no-repeat;
  background-position: left top;
}
#header ul {
  padding:0px;
  margin:4px 0px 0px 8px;
}
#header li {
  padding:0px;
  margin-right:25px;
  display: inline;
}

#header li a:active,#header li a:link,#header li a:visited {
  text-decoration: none;
  color: #c6c6c6;                 
  
}

#header li a:hover {
  text-decoration: underline;
  color:#ffffff;
  } 

#header .vlajky{
  position: absolute;
  right:3px;
  top:3px;
}  

/************* BAR ***************/ 
div#bar {
 margin-top: 0px;
 margin-bottom: 1px;
 margin-left: 3px;
 padding-top:5px;
 height:22px!important;
 width: 773px!important;
 height: 18px;
 width: 769px;
 border-width: 1px 0px 1px 0px;
 border-color: #000000;
 border-style: solid;
 
}
#bar a {text-decoration: none; }
#bar span {
  font-size:100%;
  font-weight: bold;
}

#bar span#normal {
  position:absolute;
  padding-left:6px!important;
  padding-left:4px;
  margin-top:4px!important;
  margin-top:0px;
}

#bar span#tisk {
  position:absolute;
  padding:5px;
  margin-top:0px!important;
  margin-top:2px;
  right:8px;
  top: -2px;

}

.kosikImage {
  background-image: url(../images/shopcart.gif);
  width:21px;
  height:20px;
}


/*************** MAIN BLOCK ***************/

#main{
  padding:2px 5px 5px 5px;
  font-size:90%;
}

#main h2 {
  font-family: Geneva, Arial, Helvetica, sans-serif;
  font-size: 160%;
  color: #660000;
}

#main h3 {
  font-family: sans-serif;
  font-size: 110%;
  color: #000000;
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 0px 0px;
}

#main .news_title_enc {
  padding:5px 0px 0px 0px;
}

#main .news_title{
  font-family: Geneva, Arial, Helvetica, sans-serif;
  font-size: 150%;
  font-weight: bold;
  color:#000000;
  
}

#main .news_header {
  display:block;
  position: relative;
  margin-top: 10px;
  /*height:41px;*/
  padding: 7px 0px 8px 4px;
 /* background-image: url(../images/newsheadbackground.gif);*/
 /* width:457px;*/
  
}

#main .perex {
 /* border-color: #D4D4D4;
  border-style: solid;
  border-width: 0px 1px 1px 1px;*/
  padding: 10px 5px 10px 5px;
}

#main .alignright {
  text-align: right;
}

#main .aligncenter {
  text-align: center;
}

#main hrNews{
  
}

#main .aform {
  /*text-align: center;*/
  padding-left:10%;
  padding-top: 10px;
}

.aform label {
  font-weight: bold;

}
.aform td{
  padding:5px 2px 0px 0px;
}

.submit {
  background-color: #c6c6c6;
  border: 1px #0a0a0a solid;
  padding:1px;
  margin:1px;
  color: #000000;
}
/*
#main .aform input{
  border: 1px #000066 solid;
 width:10em;
  
}
*/
#main img {
  border:0px;
  margin:2px 5px 2px 5px;
}

#main div.notice {
  font-weight: bold;
  text-align: center;
  padding:20%;
}

#main p.notice {
  font-weight: bold;
}

#main .metadata {
  font-size: 80%;
  color: #993300;
  
}

#main .corner-left{
  position: absolute;
  left:0px!important;
  left:-5px;
  top:0px!important;
  top:0px;
}

#main .corner-right{
  position: absolute;
  right:0px!important;
  right:5px;
  top:0px;
}


/************** LEVE MENU ******************/

#leftcol ul {
  padding:0px;
  margin:0px 0px 0px 0px;
 
}
#leftcol li{
  list-style-type: none;
  padding:0px 0px 0px 5px;
  margin: 3px 0px 0px 0px;
  /*border: 1px black solid;
  background-color:yellow;*/
}
#leftcol ul.menuitem li ul li{
  font-size: 90%;
  padding-left:15px;
}

#leftcol li a.active{
  color:red;
  text-decoration: underline;
}
.leaf {
  position:relative;
  display: block;
  width: 17px;
  height: 14px;
  float:left;
}
.leafActive {
  background-image: url(../images/leaf.gif);
}
.leafEmpty {
  background-image: url(../images/leafempty.gif);
}



/************** PRAVE MENU ******************/
#rightcol ul {
  padding:0px;
  margin:0px;
  
}
#rightcol li{
  list-style-type: none;
  padding:1px 3px 1px 5px;
  margin:0px;
  
  
}

#rightbody {
  
  padding-left:0px;
}

/************** FOOTER ******************/

#footer {
  position: relative;
  top:10px;
  padding-bottom:5px;
  text-align: center;
  font-size:80%;
}

/*************** KOSIK **************/

table.kosik {
  width:100%;
  border: solid;
	border-color: #c6c6c6;
	border-width: 1px;
  border-collapse: collapse;
  background: white;
  margin: 5px 0 5px 0;
}

table.kosik thead {
    background: #efefef;
    color: #000000;
    font-weight: bold;
}

table.kosik thead th {
    text-align: center;
    border: none;
    border-right: 1px solid white;
    border-bottom: 1px solid #000000;
    padding: 2px 10px 2px 10px;
    margin: 0;
    vertical-align: middle;
    cursor: default;
    white-space: nowrap;  
}

table.kosik tbody td {
    padding: 3px 4px;
    border-left: 1px solid #c6c6c6;
    border-bottom: 1px solid #c6c6c6;
    vertical-align: middle;
    background-color: #ffffff;
}

table.kosik tr.footer td{
  border-width: 2px 1px 1px 1px;
  border-right: 1px solid white;
  background: #efefef;
  color: #000000;
  font-weight: bold;
}

table.kosik td.cena{
  text-align:right;
  
  /*border: 0px #000000 solid;*/
}

table.kosik #sumacelkem{
  text-align:right;
}

table.kosik li {
  list-style-type: none;
}

table.kosik th:last-child,table.kosik td:last-child,table.kosik tr.footer td:last-child {
  border-right: 1px solid #c6c6c6;
}

#inote {
  width:400px;
  height:100px;
}

/***************** ODKAZY *****************/

#odkazy {
  clear:both;
  padding-top:10px;
  padding-bottom:5px;
  position: relative;
  text-align: center;
  font-size: 85%;
}
#odkazy a {
  text-decoration: none;
}
#odkazy h3 {
  color: #660000; 
  text-align:center;
  padding: 0px 0px 0px 0px;
  font-size: 120%;
  margin:5px;
}

#odkazy img {
  vertical-align: middle;
}