/*
			MAIN LAYOUT

*/

.list{
text-align:left; 
width:600px;
width:600px; 
margin-top:20px; 
font-size: 14px;	
}

.list li{
	
}
ul{

list-style: none;	
}
li.title{
	height: 20px;
	color: white;
	background-color: black;
}
li.imagea{
	
	border-bottom: 1px solid black;
}

li.idaukce{
	
	border-top: 1px solid black;
}

div.images{
	width: 100%;
	background-color: #bbb
}

div.images .in{
		padding-left: 80px;
}

table{
font: 11px Verdana;
}
b{font-size: 110%;}
em{color: red;}
#suprmain{
	width: 100%;
	
	text-align: center;  
}
#head{
	height: 70px; 
}
#logo{
	width: 800px; 
	float:left;
	height: 50px;  
}


#infoBar{
	width: 100%;
	height: 70px; 
	background-color: Silver;
	border-right: 1px solid #000;
	 
}

#topsection h1{
margin: 0;
padding-top: 15px;

}



#menuMain{
float: left;
width: 200px; /*Width of left column*/
margin-top : 0px;
top:0;
}


#footer a{
color: #FFFF80;
}

.innertube{
margin: 0px; /*Margins for inner DIV inside each column (to provide padding)*/
margin-top: 0;
}

.w600{
width: 600px;
}
.text{
	text-align: left;
}

.text h2{
	text-align: left;
	font-size: 14px;
	font-weight: bold;
	border-bottom: 1px solid silver;
}

.text h2 h3{
	font-size: 14px;
}

/*
	MENUS

*/



#menuBlock{
width: 200px;
border-right: 1px solid #000;
padding: 0 0 1em 0;
margin-bottom: 1em;
font-family: 'Trebuchet MS', 'Lucida Grande', Arial, sans-serif;
font-size: 70%;
background-color: #gray;
color: #333;
}

* html #menuBlock{ /*IE 6 only */
w\idth: 200px; /*Box model bug: 180px minus all left and right paddings for #menuBlock */
}

#menuBlock ul{
list-style: none;
margin: 0;
padding: 0;
border: none;
}

#menuBlock li {

border-bottom: 1px solid #90bade;
margin: 0;
}

#menuBlock li a{
display: block;
padding: 5px 5px 5px 8px;

background-color: #2175bc;
color: #fff;
text-decoration: none;
width: 100%;
}

html>body #menuBlock li a{ /*Non IE6 width*/
width: auto;
}

#menuBlock li a:hover{
border-left: 10px solid #1c64d1;
border-right: 10px solid #5ba3e0;
background-color: #2586d7;
color: #fff;
}


.gallerycontainer{
position: relative;
height:800px;
/*Add a height attribute and set to largest image's height to prevent overlaying*/
}

.thumbnail img{
border: 1px solid white;
margin: 0 5px 5px 0;
}


/* } */
 /*
 ITEM DETAIL
 
 */
 #item {
	border: 1px solid black;
	 margin: 10px 10px 10px 10px;
	 width: 512px; 
}
 #item #title{
	background-color: red;
	font-size: 14px;
	font-weight:bold;    
}
#item #actionForm{
	height: 50px;
	background-image: url(../images_layout/offer.jpg);
	background-repeat: no-repeat;
	background-color: white;
}
 /*
 ITEM LIST
 
 */
 
#box{
	border: 1px solid black;
	 margin: 10px 10px 10px 10px;
	 width: 200px; 
	 height: 300px;
	 vertical-align : top;
} 
#box #infobar{
	background-color: #64D965;  
}
#box #title{
		font-size: 14px;
	font-weight:bold; 
}

#box #offer{
	margin-top: 10px;
}


#box #imagebox{
float: left;
width: 110px;
}

* html #imagebox p{ /* IE 3px jog hack*/
height: 1%;
}

#box p{
margin-top: 0;
}

#box #detail{
	width:100%;
	height: 25px;
	margin-bottom: 0;
	text-align: center;
	text-decoration: underline;
	background-color: #E1E1E1;   
}

#modernbricksmenu{
padding: 0;
width: 1024px;
background: transparent;
voice-family: "\"}\"";
voice-family: inherit;
}


#modernbricksmenu ul{
font: bold 12px Arial;
margin:0;
margin-left: 40px; /*margin between first menu item and left browser edge*/
padding: 0;
list-style: none;
}

#modernbricksmenu li{
display: inline;
margin: 0 2px 0 0;
padding: 0;
text-transform:uppercase;
}

#modernbricksmenu a{
float: left;
display: block;
color: white;
margin: 0 1px 0 0; /*Margin between each menu item*/
padding: 5px 10px;
text-decoration: none;
letter-spacing: 1px;
background-color: gray; /*Default menu color*/
border-bottom: 1px solid white;
}

#modernbricksmenu a:hover{
background-color: gray; /*Menu hover bgcolor*/
}

#modernbricksmenu #current a{ /*currently selected tab*/
background-color: #D25A0B; /*Brown color theme*/ 
border-color: #D25A0B; /*Brown color theme*/ 
}

#modernbricksmenuline{
clear: both;
padding: 0;
width: 100%;
height: 5px;
line-height: 5px;
background: #D25A0B; /*Brown color theme*/ 
}

#myform{ /*CSS for sample search box. Remove if desired */
float: right;
margin: 0;
padding: 0;
}

#myform .textinput{
width: 190px;
border: 1px solid gray;
}

#myform .submit{
font: bold 14px Verdana;
height: 20px;
background-color: lightyellow;
}

#intro{
    width:100%;
    height: 100px;
    background-color:olive
}
#auctionStat{
  margin-top: 10px;
   margin-bottom: 10px;
    width:800px;
    background-color:#EFEFEF;

}
#auctionStat table{
    width: 100%;
}
 #auctionStat table td{
    width: 33%;
    vertical-align: top;
    
}
#auctionStat table td fieldset {
      height: 60px;
      text-align: left;
      padding-left: 10px;
}


#topItem{
    width:100%;
    height: 400px;
    background-color:purple;
}

#oferBox {
    
    width: 600px;
    height: 400px;
    border: 1px solid black
}
#innertube{
margin: 0px; /*Margins for inner DIV inside each column (to provide padding)*/
margin-top: 0;
}
#oferBox  ul{
padding: 0;
margin: 0;
list-style-type: none;
}

td.title{
background:olive;
color:white;
 border-bottom: 1px solid gray
}
#oferBox ul li{
    
}
.offerKey{
    left:0;
    padding-left: 20px;
    width: 100px;
    font-weight: bold;
    text-align: left;
    border-bottom: 1px solid  #E9E9E9;
    padding-top: 10px;
    vertical-align: bottom;
}
.offerValue{
   text-align: left;
   border-bottom: 1px solid  #E9E9E9;
   margin-top: 10px;
   vertical-align: bottom;
}
.offerline{
  padding-left: 20px;
 width: 100px;


 background-image: url("../images_layout/offer.jpg");
 background-repeat:no-repeat;
 background-position:left;
 height: 50px;
  
}
.redCorners{
border-top: 1px solid red;
  border-bottom: 1px solid red;
  
}
.white{
	background-color:white;
}

#thumbBox{ /*Outermost DIV for thumbnail viewer*/
position: absolute;
left: 0;
top: 0;
width: auto;
padding: 10px;
padding-bottom: 0;
background: #313131;
visibility: hidden;
z-index: 10;
cursor: hand;
cursor: pointer;
}

#thumbBox .footerbar{ /*Footer DIV of thumbbox that contains "close" link */
font: bold 16px Tahoma;
letter-spacing: 5px;
line-height: 1.1em;
color: white;
padding: 5px 0;
text-align: right;
}


#thumbBox #thumbImage{ /*DIV within thumbbox that holds the enlarged image */
background-color: white;
}

#thumbLoading{ /*DIV for showing "loading" status while thumbbox is being generated*/
position: absolute;
visibility: hidden;
border: 1px solid black;
background-color: #EFEFEF;
padding: 5px;
z-index: 5;
}






#biglistA{
	position:relative;
	width: 800px;
	height: 300px;
	border-bottom: 1px solid #000; 
	margin-bottom: 20px;
	background-color: #EEE;
}

#biglistA #img{
position:absolute;
left: 0;
width:300px;
height: 300px;
background-color: black;
vertical-align: middle;
}

#biglistA #img img{ 

}

#biglistA #info{
	position:absolute;
	right:0px;
	width:490px;
    height: 300px;
	text-align: left;
}
#biglistA #info ul li{
  margin-top: 5px;
}
#biglistA #info ul li span.ida{
 right:0;
 color:red;
 position: relative;
 float: right;
 margin-right: 5px;
}

#biglistA #info #id{
	font-size: 12px;
	font-weight: bold;
	color: black;
	width: 100%;
	margin-bottom: 10px;
}

#biglistA #info #title{
	font-size: 14px;
	font-weight: bold;
	text-decoration:underline;
	color: black;
	width: 100%;
	margin-bottom: 10px;
}

#biglistA #info #desc{
	width: 60%;
	margin-bottom: 20px;
	
}
#biglistA #info #oddo{
	width: 90%;
	margin-bottom: 20px;
	
}
#biglistA #info #title{
	font-size: 14px;
	font-weight: bold;
	text-decoration:underline;
	color: grey;
	width: 100%;
	margin-bottom: 20px;
}


#biglistA #info #prices{
	position:relative;
	width: 350px;
	margin-bottom: 20px;
	height:20px;
}


#biglistA #info #odhad{
	font-size: 12px;
	font-weight: bold;
	text-decoration:underline;
	color: black;
	
 	top:0;
 	right:0;
 	width:150px;
	
	margin-bottom: 20px;
}

#biglistA #info #limit{
	font-size: 14px;
	font-weight: bold;
	text-decoration:underline;
	color: black;
	
	margin-bottom: 20px;
	
	 top:0;
	 left:0;
	 width:150px;
}

li.detail{
  margin-top: 20px;
  background-color: black;
  text-align: right;
  padding: 10px;
}

li.detail a{
  color: white;
  text-decoration: none;
  font-size: 12px;
  font-weight: bold;
  padding-right: 20px;
}

li.detail a:hover{
  color: red;
}

#nazev{
  font-size: 12px;
    font-weight: bold;
    margin: 5px;

}