body {
 color : #000;
 background : #fff;
 margin : 5px;
 padding : 5px;        
 font-size : 75%; 
 font-family : sans-serif;
 }

a
{
	text-decoration: none;
	FONT-SIZE: 11px;
	COLOR: #000000;
	FONT-FAMILY: "Tahoma", "Arial", "Arial CE", "Helvetica", "Sans-serif";
}

 
 p {
 text-indent : 10pt;  
 align : left;
 }   
 
 .titlenews{
 background : #C6C6FF;
 margin : 5px;
 padding : 3px;
 }  
 
 
 .smallwa a:link { 
  font-size : 20px;
  text-decoration : none;
  color : white;
  background : transparent;
 }        
.smallwa a:visited {
  font-size : 20px;
  text-decoration : none;
  color : white;
  background : transparent;
 }  
 .smallwa a:hover {
  font-size : 20px;
  text-decoration : underline;
  color : white;
  background : transparent;
 }          
 .smallwa a:active {
  font-size : 20px;
  text-decoration : none;
  color : white;
  background : transparent;
 } 
 
 
img {
  border : 0px;
 } 
 
.title {
color : #2871F7;  
margin : 5px;
font-weight : bold;
}     
.news {
color : #000;
margin : 15px; 
font-size : 11px;
}
   
 


 
 #bottomline {                                            
 color : #fff;   
 text-align : center;
 background : #808080;
 font-weight : normal;
 font-size : 11px;
 width : 100%; 
 height : 18px;    
 background-position : right top;
 background-repeat : no-repeat;  
 margin : 1px;
}                 
 
 
 
 


.i {
color : #87cefa;   
}      




 


#top { 
 width : 100%; 
 height : 80px;
 background-image : url('../localwebfiles/logo.jpg');
 background-position : left top;
 background-repeat : no-repeat
 
}    


 
 
#rightside { 
 height : 1800px;  
 width : 200px; 
 padding : 0px; 
 background : #fff;                 
 border-left : 1px solid #cfcfcf;  
 border-right : 1px solid #cfcfcf;
 }     
 
 #right {
  background : #fff; 
  margin : 5px;
  padding : 10px;
  height : 200px;  
  background-image : url('../webpic/leftshadow.jpg');
  background-repeat : repeat-y;
  
  
  
 }
             

#center { 
 background : #fff;
 padding : 0px;
 margin : 1px;
 
}
    
 
 
.priceline {          
 
 height : 18px; 
 color : #3D2EF5;                 
 
 background-position : left top;
 background-repeat : no-repeat; 
} 
 
.itemfunction {
    
 text-align : right;
 background : #4682b4;
 font-weight : normal;
 font-size : small;
 padding-right: 10px;
 margin-right : 5px;
 height : 18px;
}  

.itemfunction a:link {
  font-weight : bold;
  text-decoration : none;
  color : #cfc;
  background : transparent;
 }        
.itemfunction a:visited {
  font-weight : bold;
  text-decoration : none;
  color : #cfc;
  background : transparent;
 }  
.itemfunction  a:hover {
  font-weight : bold;
  text-decoration : underline;
  color : #cfc;
  background : transparent;
 }          
.itemfunction a:active {
  font-weight : bold;
  text-decoration : none;
  color : #cfc;
  background : transparent;
 }       


                 

  
.shortdescription {
 background-color : #fff;    
 padding-right : 20px; 
 margin-left : 20px;   
 padding-left : 20px;
 text-align : left;
}

  
  
#sections { 
 width : 100%; 
 background-color : #fff;
}        

.categoryinfo { 
 background : #0cf; 
 padding : 4px;
 border : 1px solid #f93; 
 border-top : 5px solid #f90;
 height : 22px;  
}  

.find { 
 background : #fff; 
 width : 600px;
 padding : 4px;
 border : 1px solid #f93; 
 border-top : 5px solid #f90;
 height : 22px;  
 background-color : #ff6;
} 

#categories {          
 width : 200px; 
 background-color : #cdcdcd;
  
}        

.producers { 
 padding-left : 20px;
}  

      

.content { 
 background : red;
}                   



#findbox {  
 margin : 2px;
 padding : 6px;
 border : 1px dotted #f93; 
 height : 22px;  
 background-color : #fff;
}  

#logpanel {  
 background-repeat : no-repeat;
 background-position : top right;             
 background-image : url('../webpic/login.png'); 
              
 margin : 2px;
 padding : 0px;
 border : 1px solid #06c;
 border-top : 3px solid #06c; 
 height : 10px;  
 background-color : #03B44F;
}  

.basket {             
 margin : 2px;
 padding : 6px;
 border : 1px solid #06c;
 border-top : 3px solid #06c; 
 height : 22px;  
 background-color : #ff3; 
}                         

.basketrow {
}

.boxtitle {
color : red;
font-weight : bold;
font-family : Arial;
}  


.basketsum {
background : #8F9194;
color : #3D2EF5;  
font-weight : bold;
font-size : 14px;  

} 

.boxlink {
color : #069;
} 


.item {                      
 margin-left : 5px;   
 margin : 1px;
 background : transparent;
 border-bottom : 1px solid #4682b4;

}               

.item a:visited {
  text-decoration : underline;
  color : #63A7F1;
  background : transparent;
 }  



.date {
 color : #87cefa; 
 font-size : 75%;
 }

 /*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.mattblacktabs{
width: 100%;
overflow: hidden;
border-bottom: 1px solid #FF8040; /*bottom horizontal line that runs beneath tabs*/
}

.mattblacktabs ul{
margin: 0;
padding: 0;
padding-left: 0px; /*offset of tabs relative to browser left edge*/
font: bold 12px Verdana;
list-style-type: none;
}

.mattblacktabs li{
display: inline;
margin: 0;
}

.mattblacktabs li a{
float: left;
display: block;
text-decoration: none;
margin: 0;
padding: 7px 8px; /*padding inside each tab*/
border-right: 1px solid white; /*right divider between tabs*/
color: white;
background: #414141; /*background of tabs (default state)*/
}

.mattblacktabs li a:visited{
color: white;
}

.mattblacktabs li a:hover, .mattblacktabs li.selected a{
background: #FF8040; /*background of tabs for hover state, plus tab with "selected" class assigned to its LI */
}

/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.thumbnail{
position: relative;
z-index: 0;
}

.thumbnail:hover{
background-color: transparent;
z-index: 50;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: lightyellow;
padding: 5px;
left: -1000px;
border: 1px dashed gray;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: 0;
left: 60px; /*position where enlarged image should offset horizontally */

}

.backbutton {
padding:3px;
font-weight:bold; 
font-size:150%; 
text-align:right; 
height:45px; 
width:200px; 
border : 1px solid #6CF;
background-color:#9CF; 
background-image:url(../webpic/Symbol-Left-64.png);
background-repeat:no-repeat; 
background-position:0% 50%;
}
.nextbutton {
padding:3px;
font-weight:bold; 
font-size:150%; 
text-align:left; 
height:45px; 
width:200px; 
border : 1px solid #6CF;
background-color:#9CF; 
background-image:url(../webpic/Symbol-Right-64.png);
background-repeat:no-repeat; 
background-position:100% 50%;
}

/*zobrazeni prubehu objednavky*/

.ordermenubox {
    padding:5px;
    margin-bottom:2px;
    color:#4682b4;
    background-color:#FFF;
    border : 1px solid #B0C4DE;
}

.activeordermenu {
color : #F08080;
/*height:25px;*/
padding-left:20px;
padding-right:5px;
margin-bottom:2px;
border-bottom : 2px solid #FF0000;
background-color:#FFFFFF;
}

.inactiveordermenu {
color:#6495ED;
/*height:25px;*/
padding-left:33px;
padding-right:5px;
margin-bottom:2px;
/*border-bottom : 1px solid #333;*/
background-color:#FFFFFF;
}

.ordermenutitle {
font-size : 130%;
color:#F08080;
height:25px;
padding-left:33px;
padding-right:5px;
margin-bottom:6px;
/*border-bottom : 1px solid #333;*/
background-color:#FFFFFF;
}

.ordertitle {
font-size:200%;
color:#4682B4;
/*width:100%;*/
margin:0px;
padding:8px;
background:#FFFFFF;
border-bottom:2px #333 double;
}

.sendorderhead {
font-size:150%;
color:white;
height:25px;
padding-left:33px;
padding-right:5px;
margin-bottom:6px;
border-bottom : 1px solid #333;
background-color:#A9A9A9;
}
.orderinfo {
font-size:120%;
color:black;
padding-left:33px;
padding-right:5px;
margin-bottom:6px;
}
.orderbox {
     padding:5px;
     margin-bottom:2px;
     color:black;
     background-color:#FFF;
     border : 1px solid #B0C4DE;
}

.OrderProgressBox {
    padding:5px;
    margin-bottom:2px;
    color:#4682b4;
    background-color:#FFF;
    border : 1px solid #B0C4DE;
}

.OrderProgressBoxTitle {
font-size : 130%;
color:#F08080;
height:25px;
padding-left:33px;
padding-right:5px;
margin-bottom:6px;
/*border-bottom : 1px solid #333;*/
background-color:#FFFFFF;
}

.OrderProgressBoxItemName {
    
color:orange;
}

#transportnote {
    height:200px;
}

#orderform, #transportnote {
    margin:3px;
    padding:3px;
    background-color:#7c85f8;
    border-color:navy;
    border-width:thin;
    border-style:solid;
}