BODY { 

font-family: Verdana, Tahoma, Sans Serif;

font-size: 12px;

padding: 0px;

margin: 0px;

background: #616161; 

background-position: top center;

color: #ffffff;

letter-spacing: 0px;

}



TABLE, INPUT, TEXTAREA  { 

 font-family: Verdana;

 font-size: 12px;

 margin: 0px;

 padding: 2px;

 border: 0px;

 }

 

 /* 16bit fix */

 BODY { background: url('img/bg_16bit.jpg'); }

 

A { text-decoration: none; color: #ff7900; }

A:hover { text-decoration: underline; color: #ff7900; }



A.divize { text-decoration: none; color: #ffffff; }

A.divize:hover { text-decoration: underline; color: #ff7900; }



#mainArea {


margin: 0px;

padding: 0px;

width: 950px;

text-align: left;

}



* html body #mainArea { width: 970px; }



/* TOP menus */



#topContainer {

height: 186px;

margin: 9px 0px 0px 9px;

}



#topLogo {

 float: left; width: 142px; margin-right: 8px;

}



#topMiddle {

 float: left; width: 602px; height: 186px;  margin-right: 8px;

}

#topMiddle IMG { position: absolute; visibility: visible; }



#topNavigate {

 float: left; width: 181px; height: 186px;

 background: url('img/toprohy2.jpg') no-repeat;

}



.divizeA { display: block; text-decoration: none; font-weight: bold; font-size: 13px;  padding: 4px 0px 2px 10px; }



.topB1 { margin-bottom: 4px; color: white; background: #ff7900; }

.topB1:hover { margin-bottom: 4px; color: white; background: #ff7900; }

 

.topB0 { margin-bottom: 4px; color: #909090; border: 1px solid #909090; }

.topB0:hover { margin-bottom: 4px; color: #909090; border: 1px solid #909090; }



/* banners style */

#bannerMini {

background: url('img/toprohy1.jpg') no-repeat;
height: 30px; padding: 3px 2px 0px 3px; color: #b3b3b3;

}
#bannerMini IMG { border: 0px solid white; }



#bannerTop {
 height: 60px; 
 width: 468px;
 position: absolute;
 margin: 124px 0 0 2px;
 

}

#bannerTop IMG { border: 0px solid white; }


#bannerMini {

padding: 4px;

}
#bannerSide IMG { border: 0px solid white; }


#quickMenu {

height: 25px;

color: #ffffff;

font-size: 15px;

font-weight: bold;

padding: 2px 0px 1px 505px;

}



#quickMenu A { text-decoration: none; color: #ffffff; background: #616161; padding: 1px; }

#quickMenu A:hover { text-decoration: none; color: #000000; background: #ff7900; padding: 1px; }



/**/



#leftColumn {

 float: left;

 width: 159px;

 padding-top: 15px;

}

#rightColumn {

 float: right;

 width: 190px;

 margin-top: 15px;

 background: url('img/right.jpg') repeat-y;

}



#centerText {

margin-left: 165px;

margin-right: 200px;

padding-top: 50px;



}



/* headings */

h1 { margin: 0 2px 15px 10px; padding: 0; color: #ff7900; font-size: 18px; font-weight: bold; text-decoration: underline; }



h2 { margin: 2px; padding: 0; color: #ff7900; font-size: 18px; font-weight: bold; text-decoration: none; }



h3 { margin: 0; padding: 0; color: #dddddd; font-size: 13px; font-style: italic; font-weight: normal; }



/* article main text padding and spacing is IMPORTANT */

.article { margin: 10px 5px 10px 15px; text-align: left; padding-bottom: 12px; line-height: 140%; }

#centerText P { text-indent: 10px; }

#centerText { padding-bottom: 50px; } 



INPUT { color: #ffffff; font-family: Tahoma; font-size: 11px; }



/* left COLUMN */



.boxTop, .ultimaTop {

background: #616161 url('img/box_top.jpg') no-repeat; 

height: 32px; font-weight: bold;

color: #949494;

}

.boxTop SPAN { position: relative; top: 18px; left: 17px; text-decoration: underline; font-size: 11px; } 

.ultimaTop SPAN { position: relative; top: 18px; left: 17px; text-decoration: underline; font-size: 11px; color: #ff7900; } 



.boxBody, .ultimaBody {

 background: #616161 url('img/box_body.jpg') repeat-y;

 padding: 12px 0 0 0px;

 }



.boxEnd, .ultimaEnd { background: #616161 url('img/box_end.jpg') no-repeat; height: 13px;  }



.ultimaTop { background: #616161 url('img/ultima_top.jpg') no-repeat;  }

.ultimaBody { background: #616161 url('img/ultima_body.jpg') repeat-y;  }

.ultimaEnd { background: #616161 url('img/ultima_end.jpg') no-repeat;  }



/* box BUTTON */

.boxButton { margin-left: 9px; position: absolute; margin-top: -11px; margin-bottom: 12px; }

.boxButton IMG { border: 0; }



.button {

 height: 20px;

 width: 142px;  margin-bottom: -8px;

 display: block;

 background: #949494; font-weight: bold; }

 

.button  IMG { position: absolute; }



.findField { 

 width: 125px; height: 17px; border: 0px solid #ff7900;

 background: #949494;

 padding: 1px 2px 1px 2px;

}



/* menuTECKY */

.menuKat {

 height: 17px; 

 margin: 0 -8px 0 0; padding: 0 0 0 0px; text-align: right;

 font-weight: bold; letter-spacing: -0.3px;

 position: relative; left: -10px;

}

.menuKat  IMG { float: right; border: 0; margin-left: 5px; height: 16px; }

.menuKat A  { margin-top: 10px; color: #ffffff; text-decoration: none; }

.menuKat A:hover  { color: #ff7900; text-decoration: none; }



.menuSub {

 margin: 0 22px 0 0;

 padding: 0;

 text-align: right;

 }

.menuSub A  { color: #ffffff; text-decoration: none; }

.menuSub A:hover  { color: #ff7900; text-decoration: none; }

 

.menuSpace { font-size: 7px; height: 9px; }

 

.navBottom { text-align: right; padding-right: 0; position: relative; right: 6px; }

 

/* right COLUMN */ 

#navLogin {

padding: 0 0 0 15px;

height: 190px; 

}

#navLogin A { color: #ffffff; text-decoration: none; }

#navLogin A:hover { color: #ffffff; text-decoration: underline; }



.logout { float:right; margin-right: 15px; }

.zbytecnejButton A { color: #616161; font-weight: bold; }

.zbytecnejButton A:hover { color: #ffffff; font-weight: bold; text-decoration: none; }



#loginForm  { padding: 5px 0 10px 0; margin: 0; }



#loginForm  DIV { float: left; width: 34px; }



.login {

 width: 100px; height: 17px;

 border: 1px solid #ffffff;

 background: #ff7900;

 margin-bottom: 2px;

 padding: 1px 2px 1px 2px;

 }

 

.loginSubmit {

 width: 100px; height: 16px;

 border: 0px solid #ffffff; background: #ffffff; 

 color: #ff7900; font-weight: bold;

 margin-top: 8px;

 }





.column {

width: 190px;

padding: 4px 0 4px 20px; text-align: justify;

line-height: 125%;

}



.column P { margin-top: 3px; text-indent: 10px; }

.column > B { color: #ff7900; text-decoration: underline; }



.columnTop { height: 22px; }

.columnPrice { text-align: right; color: #b4b4b4; font-weight: normal; }



.akceTitle A { font-weight: bold; color: #ffffff; font-size: 14px; letter-spacing: -1px; }



.akce { margin-bottom: 8px; width: 175px; background: #ffffff; padding: 2px; }

.akce IMG { border: 0px; }

.akce A:hover { text-decoration: none; } 



.akceCena { text-align: right; font-size: 18px; font-weight: bold; }



#akceKategorie  { float: left; margin: 0 8px 0 0; }



#columnNej A { color: white; font-weight: bold; }

 

/* home page LIST PRODUKTU */

#randomProdukty {

position: relative; left: 10px;

width: 575px;

margin-bottom: 25px;

}





 .prodBox {

  float: left;

  width: 133px;

  height: 200px;

  letter-spacing: -1px;

  padding: 5px 5px 0 5px;

  margin-bottom: 20px;

  }

   

.prodCena { text-align: right; color: #ff7900; font-size: 13px; font-weight: bold; margin: -4px 2px 0 0; letter-spacing: 0; }

.prodCena FONT { color: black; font-weight: normal; font-size: 10px; letter-spacing: 0; margin-right: 2px; }

.prodImg { width: 130px; background: #ffffff; border-bottom: 4px solid #ff7900; text-align: center; }

.prodImg IMG { border: 0; margin: 5px; } 

.prodImg A:hover { text-decoration: none; } 



.prodEdit { width: 130px; background: #ff7900; letter-spacing: 0px; }

.prodEdit A { color: #ffffff; font-weight: normal; padding: 0 2px 1px 2px; }

.prodEdit A:hover { color: #ffffff; }



.prodName A { color: #ffffff; }

.prodName A:hover { color: #ff7900; text-decoration: none; }



.prodName { 

color: #ffffff; font-weight: bold; text-align: center;

margin: 1px -6px 2px -6px;  width: 142px; letter-spacing: 0px;

 }

.prodDesc { font-size: 10px; color: #dcdcdc; text-align: justify; font-family: Verdana; }

 

.prodDelimeter { border-top: 1px solid #ff7900; } 





/**/





/* produkt list */



#produktCategory { position: absolute; margin: -42px 0 0 -5px; font-weight: bold; } 



#produktSubCategory { margin: 8px 0 35px 30px; } 

#produktSubCategory DIV { float: left; width: 135px; } 





#produktMenu { width: 587px; position: absolute; margin-top: -30px; text-align: right; }



#produktMenu IMG { border: 0; }



#produktMenu DIV {

	float: left;

	width: 530px;

	margin: 12px 0 5px 0;

	text-align: right;

 }

 

#produktMenu A { font-weight: bold; color: #ffffff; text-decoration: none; }

#produktMenu A:hover { font-weight: bold; color: #ff7900;  text-decoration: none; }





/* trikovani s layoutem parametru + fotek */

#produktParam {

 margin-left: 15px; padding-left: 75px;

 border-left: 30px solid #ff7900; 

 }



#produktGallery { position: absolute; width: 40px; margin: 5px 0 0 15px; }

#produktGallery IMG { width: 60px; border: 0; margin: 4px; padding-left: 15px; }





#produktBuy {

position: absolute; text-align: right;

margin-top: -80px;

margin-left: 370px;

}



#produktBuy INPUT {

 width: 20px; height: 16px;

 border: 0px solid #ff7900;

 background: #949494;

 padding: 1px;

 }



#produktKusu { position: relative; bottom: 12px; }

 

SPAN { color: #b4b4b4; font-weight: bold; }



#prodCeny { text-align: right; }



.price { font-size: 14px; color: #ff7900; }

.splatky { font-weight: normal; color: #ff7900; }



#kalkulacka {

 border: 1px solid #bebebe;

 color: #b4b4b4;

 background: #6b6b6b;

 padding: 0px;

 font-weight: bold;

 margin-top: 2px;

}



/* BONUS section for admin */

/* counter.php a objednavky.php  */



#basic_padding { margin: 25px 0 0 15px; }



.visit { background: #ff7900; color: #ffffff; }

.bot { color: #ff7900; }



/* import_sestavy,php */

FORM #import,SELECT,INPUT {

 font-family: Verdana, Tahoma, Sans Serif;

 font-size: 12px; }



.submit { background: #ff7900; color: #ffffff; font-weight: bold; cursor: pointer; }

 

/* error hlaska */



#hlaska {

 z-index: 50;

 position: absolute;

 margin-left: -200px;

 width: 400px;

 background: #6b6b6b;

 color: #ffffff;

 margin-left: -200px;

 left: 50%;

 border: 5px solid #ff7900;

}



#hlaska_text  { padding: 40px; }

.hlaska_close { float: right; padding: 0 5px 0 0; }

.hlaska_close A { color: #ff7900; font-size: 18px; font-weight: bold; text-decoration: none; }

.hlaska_close A:hover { text-decoration: none; }



.dph_nevedem { font-weight: bold; color: white; font-size: 14px; }





.kontaktLink { height: 25px; width: 150px; float: left; }

.kontaktArticle { margin: 10px 5px 10px 15px; text-align: justify; padding-bottom: 12px; }

.kontaktArticle P { text-indent: 0px; }



/* kontakt 2   divize */

#rozdeleni_divizi .row { border-bottom: 1px solid #4b4b4b; padding: 5px 2px 5px 0px; }

#rozdeleni_divizi H2 { text-decoration: none; font-size: 18px; margin-left: 5px; }



.pan_vedouci { margin-bottom: 10px; text-align: right; }

.pan_vedouci  I {color:  #949494; }



/* statistika counter */

#rozdeleni_divizi .right { float: right; cursor: help; }

#rozdeleni_divizi .ip, #rozdeleni_divizi .ip:hover { color: #ffffff; text-decoration: none; cursor: help; }

#rozdeleni_divizi .ip:hover { text-decoration: underline; }



.noline { text-decoration: none; color: #b4b4b4; }

.noline:hover { text-decoration: none; color: #ff7900; }



/* box akce - tip */

.akceTIP { 

color: #b4b4b4; background: #6b6b6b;

font-weight: bold; padding: 5px; border: 1px solid #949494;

margin: 0 0 10px 20px; width: 175px;

position: relative; line-height: 135%; font-size: 13px;

 }

 

.akceTIP EM { color: white; font-style: normal; }



/* default color classes */

.orange { color: #ff7900; }



/* development */



#devHandler { 

text-align: right;

margin: -20px 0pt 0pt 0;

width: 580px;

position: absolute; 

}



/* sestavaBox -> poplatky */

.vsechny_poplatky { position: absolute; font-size: 9px; letter-spacing: -1px; color: white; margin: 0 0 6px 4px; }





/* reference box s popiskem */

#reference_box { position: absolute; 

 background: #ff7900;

 color: #ffffff;

 border: 3px solid #6b6b6b;

 margin: 15px 0 0 15px; padding: 6px 6px 6px 6px;

 visibility: hidden;



 }



 .reference_desc { visibility: hidden; position: absolute; }



 .footer_dph {

 font-size: 9px; margin: 0 0 14px 0;

 }



/* vymena odkazu */

#boxLinky {

margin: 8px 5px 5px 10px;

}



#boxLinky H5 { color: #B4B4B4; font-size: 12px; margin: 0px 4px 8px 4px; padding: 0; text-decoration: underline; }







/* dotaznik ULTIMA-HTPC*/
/* 8.2.2011 pribyl dotaznik formular-servis */

.formular_nezavazny { margin: 0 0 0 16px; }

.formular_choices { margin: 4px 8px 16px 8px; }
.formular_choices B { cursor: pointer; }

.formular_kontakt { margin: 4px 0 8px 8px; }

.article EM, .article strong { letter-spacing: 1px; }
.dotaznik INPUT { color: black; }


.produkty_dodatek { font-size: 0.8em; display: block; width: 570px; float: left; }

#odkaz_servis H2 {
  color: white; font-weight: bold;
  font-size: 1.2em;
}

#odkaz_servis { 
text-align: center; font-weight: bold; font-size: 1.1em; padding: 10px; 
border: 1px solid #fc7607;
background: #756158;
 }