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





/* 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; height: 193px; }

 

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


.productBox {

 float: left;
 cursor: pointer;
 width: 180px; height: 300px;
 margin-left: 6px;
 background-repeat: no-repeat;
 border: 0px solid red;
 }
 
A.productName { color: #ff7900; font-size: 13px; font-weight: bold;  } 
A.productName:hover { color: #ff7900; text-decoration: none; } 
  
.productPadding { padding: 4px 0px 4px 8px; width: 170px; }
.productPopis IMG { padding: 5px 0 5px 5px; float: left; }
.productPopis  { font-size: 10px; }
.productCena  {
    font-size: 14px;
    font-weight: bold;
    color: #ff7900; 
    text-align: right;
    margin-right: 16px;
    }
 
 
.detailIMG { float: left; margin: 4px 4px 4px 9px; }   
.detailCena {
 color: #ff7900;
 font-size: 17px;
 font-weight: bold;
}
.detailKoupit { position: absolute; width: 550px; margin-top: 4px; }
.detailKoupit IMG { float: right; }

.detailInfo { height: 188px; }

.detailInfo { margin-left: 190px; }
.detailInfo UL { color: #ff7900; margin: 20px 5px 0 6px; padding: 0; list-style: square; }

.detailObrazky { background: #ff7900; width: 30px; margin-left: 10px; padding: 4px 0 18px; float: left; }
.detailObrazky IMG { padding: 2px 0px 2px 0; position: relative; left: 10px; }
 
.detailPopis { margin-left: 96px; } 
 
 
.miniPCpopis IMG { padding: 5px; }

.miniPCpopis IMG { float: left; position: relative; left: -5px; }

.miniPCpopis  { font-size: 10px; }


.miniPCcena {

 font-size: 14px; font-weight: bold;

 color: #ff7900; 

 text-align: right;

}



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

 margin-left: 15px;

 }

 

#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: 5px; }



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





.kosik_headline { border-bottom: 2px solid #ff7700; }




#universal_radic {
position: relative;
text-align: right;
width: 570px;
margin-top: -60px;
margin-bottom: 50px;
font-weight: bold;
}

#universal_radic IMG { border: 0 }


.popis_kategorie {
  color: #B4B4B4;
  padding: 8px; margin: 0 26px 8px 6px;
  border: 1px solid #B4B4B4;
  font-weight: bold;
}