/* esclusive CSS stylesheet - sestavy */

/* listing SESTAV */
.listSestav {
position: relative; left: 10px;
width: 575px;
margin-bottom: 25px;
}

#sestavaParam SPAN { color: #b4b4b4; font-weight: bold; font-size: 12px; }
#sestavaParam UL { margin: 5px 0 12px 10px; }

#sestavaParam .row { border-bottom: 1px solid #4b4b4b; padding: 4px; font-size: 11px; }

#sestavaParam .row DIV { float: right; color: white; font-weight: bold; font-size: 12px; }

.monitorBox {
  float: left;
  width: 370px;
  height: 160px;
  position: absolute;
  visibility: hidden;
  background: #616161;
  overflow: hidden;
  }
 
.monitorCena { text-align: right; color: #ffffff; font-size: 14px; font-weight: bold; letter-spacing: 0; margin-right: 5px; }
.monitorCena FONT { color: black; font-weight: normal; font-size: 11px; letter-spacing: 0; }
.monitorImg IMG { border: 5px solid white; margin: 2px 5px 0 0; } 
.monitorImg A:hover { text-decoration: none; } 

.monitorName { color: #ff7900; font-size: 15px; font-weight: bold; }
.monitorName:hover { color: #ffffff; text-decoration: none; }

.monitorMore { font-weight: bold;  }

.monitorParams { overflow: hidden; height: 105px; } /* limituje vysku param na 7radku */

/* poznamka o specializovani prodeje jednoltivych produktu */
#itemPoznamka  {
 position: absolute; width: 40%; left: 30%; 
padding: 15px; margin: 10px; 
border: 1px dotted #949494; background: #6b6b6b;
 font-size: 12px;
 visibility: hidden;
 }

#containerTotal { position: absolute; text-align: center; }
#sestavaTotal { position: fixed; text-align: left; }

/* totals radky */
.totalRow  { border-bottom: 0px dashed white; clear: both; text-align: left; }
.totalRow SPAN { color: #ff7900; float: right; border-bottom: 1px dotted #4b4b4b; width: 180px; text-align: right; margin: 2px 5px 5px 0; }

.totalPrice { float: right; font-size: 18px; color: #ffffff;  font-weight: bold;  }
.totalPrice B { position: relative; top: -2px; right: 5px; font-size: 12px; color: #b4b4b4; text-decoration: none; }


.sestavyNadpis { font-size: 16px; color: #b4b4b4; font-weight: bold; margin: 5px; }

/* sestavy category page: BOX */
.sestavaBox {
 float: left;
 cursor: pointer;
 width: 280px; height: 216px;
 margin: 4px;
 background-repeat: no-repeat;
 }

 .sestavaPadding { padding: 4px 8px 4px 8px; }
 
.sestavaName { font-size: 14px; font-weight: bold; }
A.sestavaName:hover  { color: white; }

.sestavaPopis { text-align: left; padding: 5px; font-size: 12px; color: #ffffff; text-decoration: none; font-weight: normal; }
.sestavaBox A:hover { text-decoration: none; }

.sestavaPopis IMG { float: left; height: 155px; position: relative; left: -5px; }

.sestavaCena {
 font-size: 14px; font-weight: bold;
 clear: both; color: #ff7900; 
 position: relative; top: -50px; right: 5px;
 text-align: right;
}

.boxSpace { width: 500px; height: 30px; clear: left; border-bottom: 0px solid white; }

A.akce { color: #ffffff; }

/* _sestava PAGE style */

#sestavaImg { float: left; }
#sestavaImg IMG { margin: 0 5px 5px 15px; }

#sestavaHead  { height: 220px; margin-left: 200px; }
#sestavaHead  SPAN { color: #b4b4b4; font-weight: bold; }

#sestavaLogo {
 border: 0px solid red; position: absolute;
 margin-top: -10px; width: 570px; text-align: right; } 

#sestavaParam  SPAN { color: #b4b4b4; font-weight: bold; }
#sestavaParam UL { margin: 5px 0 12px 10px; }

/* SESTAVA peripherals */

.peripheralsBox { margin-left: 180px; width: 388px; height: 173px; position: absolute; padding: 5px 5px 5px 10px; }

.peripherals {

	margin: 10px 5px 10px 15px; text-align: justify; padding-bottom: 12px;

 min-height: 180px;
 height:auto !important;
 height: 180px;
}

.peripheralslist A { color: #b4b4b4; }
.peripheralslist A:hover { color: #ffffff; text-decoration: underline }

.spacer { 

width: 550px;
height: 30px;
border: 0px solid white;

}


/* mysi - PERIPHERALS */

#perImage { float: left; margin: 0 15px 8px 15px; }
#perText { height: auto; margin-bottom: 25px; }
#perText P { text-indent: 15px; }

#perParam { margin: 10px 10px 45px 0px;
 padding-left: 75px;
 border-left: 30px solid #ff7900; 
 padding-bottom: 150px;
 }
 
#perParam UL { text-indent: 0; margin: 15px 0 0 0; padding: 0; }
 
.perKoupit { position: absolute; text-align: right; width: 580px; margin: -32px 5px 0 0; }
.perKoupit .akceCena { margin-bottom: 0; top: -5px; position: relative; }

#perGallery { position: absolute; width: 40px; margin: 15px 0 0 10px; }
#perGallery IMG { width: 60px; border: 0; margin: 4px; }


/*
item.php
*/

#detailsWindow {
margin: 7px;
}

#detailsImg {
 float: left;
 border: 5px solid white;
 margin: 0 4px 4px 0px; }

#detailsWindow .close  { float: right; }

.itemDesc { margin: 10px 0 10px 0; }
.itemDesc H4 { color: #ff7700; margin: 0; padding: 0; letter-spacing: 1px; }
.itemDesc UL { list-style-type: disc  ; }

.group  A { font-size: 13px; color: white; margin: 7px 0 1px 0; }
.group A:hover  { font-size: 13px; color: white; text-decoration: none; }

/* hide OS  */
#total_os { display: none; }