/* -- start setup -- */

* {
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : x-small;
margin : 0;
border : none;
padding : 0;
color : #787878;
}

/* -- common -- */

.m2 {margin : 2px;}
.m5 {margin : 5px;}
.m10 {margin : 10px;}
.m20 {margin : 20px;}
.m30 {margin : 30px;}

.mt5 {margin-top : 5px;}
.mt10 {margin-top : 10px;}
.mt14 {margin-top : 13px;}

.mt20 {margin-top : 20px;}
.mt40 {margin-top : 40px;}

.ml5 {margin-left : 5px;}
.ml10 {margin-left : 10px;}
.ml20 {margin-left : 20px;}
.ml40 {margin-left : 40px;}

.mb5 {margin-bottom : 5px;}
.mb10 {margin-bottom : 10px;}
.mb20 {margin-bottom : 20px;}
.mb40 {margin-bottom : 40px;}

.mr5 {margin-right : 5px;}
.mr10 {margin-right : 10px;}
.mr20 {margin-right : 20px;}
.mr40 {margin-right : 40px;}

.b1red {border : 1px solid Red;}
.b1bl {border : 1px solid Black;}
.b2bl {border : 2px solid Black;}
.b1wh {border : 1px solid White;}
.b2wh {border : 2px solid White;}

.b1oranz {border : 1px solid #FE5815;}

.p2 {padding : 2px;}
.p5 {padding : 5px;}
.p10 {padding : 10px;}
.p20 {padding : 20px;}
.p30 {padding : 30px;}
.p60 {padding : 60px;}

.pt2 {padding-top : 2px;}
.pt5 {padding-top : 5px;}
.pt10 {padding-top : 10px;}
.pt20 {padding-top : 20px;}
.pt30 {padding-top : 30px;}

.pr2 {padding-right : 2px;}
.pr5 {padding-right : 5px;}
.pr10 {padding-right : 10px;}
.pr20 {padding-right : 20px;}
.pr30 {padding-right : 30px;}

.pb2 {padding-bottom : 2px;}
.pb5 {padding-bottom : 5px;}
.pb10 {padding-bottom : 10px;}
.pb20 {padding-bottom : 20px;}
.pb30 {padding-bottom : 30px;}

.pl2 {padding-left : 2px;}
.pl5 {padding-left : 5px;}
.pl10 {padding-left : 10px;}
.pl20 {padding-left : 20px;}
.pl30 {padding-left : 30px;}

.ml0 {margin-left : 0;}

/* -- text -- */
.bez_podtrz {text-decoration : none;}
.b {font-weight : bold;}
.norm {font-weight : normal;}
.i {font-style : italic;}
.u {text-decoration : underline;}
.text_doprostred {text-align : center;}
.text_blok {text-align : justify;}
.text_doleva {text-align : left;}
.vcenter {vertical-align : middle;}

/* -- colors --*/
.wh {color : White;}
.cervena {color : Red;}
.cerna {color : Black;}
.blue {color : #00A0C6;}
.green {color: #87AF12;}

/* -- display --*/
.neviditelny {visibility : hidden;}
.skryty {display : none;}

/* -- font size -- */
.mediuml {font-size : medium;}
.small {font-size : small;} /* -- start size --*/
.x_small {font-size : xx-small;}
.font_x_small {font-size : 10px;}
.xx_small {font-size : xx-small;}
.horni_index {vertical-align : super;}

/* -- float -- */
.float_left {float : left;}
.float_right {float : right;}

.clear {clear : both;}

/* -- all pages -- */
hr {display : none;}

body {
background-color : White;
text-align:center;
}

body#nahled_obrazku {text-align : left; margin : 15px; background-color: White;}
body#nahled_obrazku img {}

#container {
width: 970px;
margin: 0 auto;
text-align:left;
position:relative;
}

#header {
height:184px;
background-image : url(../pcs/pcs_layout/header-background.gif);
background-position : center bottom;
background-repeat : no-repeat;
position:relative;
}

#homeRun {
position:absolute;
top:30px;
left:0px;	
height:120px;
width:180px;
display:block;	
}

#topBanner {
position:absolute;
top:23px;
left:199px;	
}

#user {
position:absolute;
top:23px;
right:20px;	

width:200px;
}

#main {
background-image : url(../pcs/pcs_layout/main-background.gif);
background-position : center;
background-repeat : repeat-y;
}

#footer {
height:62px;
background-image : url(../pcs/pcs_layout/footer-background.gif);
background-position : center;
background-repeat : no-repeat;
position:relative;
}

#navig, #content, #news {float: left;}

#navig {
width : 170px;
/*margin: 0 35px 0 40px;*/
/*position:relative;*/
padding: 0 35px 0 40px;
padding-top:30px;
}

#navig li {list-style-type : none;}

#content {
width : 550px;
margin: 0 29px 0 0;
}

#news {width : 136px;}

.firstMenu li {border-bottom:1px solid #767577;}
.firstMenu li a {
font-size:150%;
color:#000000;
line-height:1.7em;
height:1.7em;
text-decoration:none;
padding-left:22px;
background-image : url(../pcs/pcs_layout/first-menu-dot.gif);
background-position : left center;
background-repeat : no-repeat;
}

.firstMenu li a strong {font-size:150%;}

.menuTitle {
font-weight:bold;
color:Black;
font-size:110%;
}

.secondMenu {margin:5px 0 25px 0;	}

.secondMenu li a {
font-size:120%;
color:#C80000;
line-height:1.4em;
height:1.4em;
text-decoration:none;
padding-left:22px;
background-image : url(../pcs/pcs_layout/second-menu-dot.gif);
background-position : left center;
background-repeat : no-repeat;
}

 ul.subMenu {
 margin-left:10px;
 margin:3px 0 3px 10px;
 }

.subMenu li a {
font-size:120%;
color:#974F4F;
line-height:1.2em;
height:1.4em;
text-decoration:none;
padding-left:7px;
margin-left:15px;
background-image : url(../pcs/pcs_layout/sub-menu-dot.gif);
background-position : left center;
background-repeat : no-repeat;	
}


/*	news menu	*/
.newsMenu {margin-left:15px;	}

.newsMenu li a {
color:Black;
text-decoration:none;
}

.newsMenu li a:HOVER {color:Red;}

.novinka {margin:15px 0;}

.novinkaNadpis {
color:#CA0F0F;
font-size:115%;
font-weight:bold;
}

.novinkaText {
margin:5px 0;
color:#585858;
font-size:100%;
}

/*	content	*/
#content {position:relative;	}

#lokace {
position:absolute;
bottom:39px;
left:198px;
width:310px;
}

#lokace, #lokace a {color:#C80000;}

h1 {
color : #C80000;
margin: 0 0 20px 0;
font-size: 145%;
}

h2 {
color : #C80000;
margin: 20px 0;
text-transform : uppercase;
font-size: 125%;
}

h3 {
color : #C80000;
margin: 20px 0;
text-transform : uppercase;
font-size: 115%;
}

p.odstavec {
margin: 1.5em 0;
font-size:110%;
line-height:140%;
}

p.odstavec * {
font-size:100%;
}

/*	seznamy	*/
ul.itemList, ol.itemList {margin: 20px 0 20px 30px;}

#footer {
padding:0 0 0 45px;
text-align:left;
}

#footer p {
color:Black;	
padding-top:20px;
}

#footer p span {color : #C80000;}








/*  kategorie ve sloupcich */
ul.kategorie, ul.katVyrobce  {
margin:5px 0 0 20px;
width: 500px;
}


#topKat {
width: 500px;
_width: 485px;
/*background-color: #ECECEC;*/

margin: 0 -7px;
padding: 10px;
}

ul.kategorie li, ul.katVyrobce li{
color : Black;
float: left;
width: 160px;
line-height: 14px;
}

ul.kategorie li a {
font-size:12px;
}


ul.katVyrobce {width: 700px;}
ul.katVyrobce li{width: 182px;}

#filtr_vyrobci {
padding: 5px 10px;
/*line-height: 14px;*/
width: 497px;
}

.vyrobce {
float: left;
margin-right: 5px;
}

#filtr_vyrobci input {margin-top: 5px;}

/*	filtrovani, listovani	*/
.filtrovani {
margin: 5px 0;
background-color : #FBFBF9;
width: 523px;
}

.filtrovani label, .filtrovani select {margin: 0 9px 0 4px;}
.filtrovani select {
border : 1px solid #CECECE;
width: 80px;
width: 95px;
}

.filtrovani label {color: Black;}
.filtrovani select.filtr_radky {width: 40px;}

/*	nahledy	*/
.karta_produkt, .karta_produkt_last, .karta_produkt_akce,  .karta_produkt_akce_last {
float: left;
width : 134px;

width : 155px;

margin-right: 20px;
margin-top: 20px;
height: 220px;
background-color: #F5F5F5;
}

/*	nahledy	*/
.karta_produkt_akce,  .karta_produkt_akce_last {position:relative;}

.karta_produkt_akce img.akcniRuzek,  .karta_produkt_akce_last img.akcniRuzek {
position:absolute; 
top:118px;
left:0;
}

/*	4ta karta	*/
.karta_produkt_last,  .karta_produkt_akce_last {margin-right: 0px;}


/*	cross karta	*/
.karta_produkt_cross, .karta_produkt_cross_last {
float: left;
width : 155px;
margin-right: 20px;
margin-top: 20px;
height: 200px;
}

.karta_produkt_cross_last {margin-right: 0;}

.jmeno_produkt {
/*height: 30px;*/
color: Black;
font-weight: bold;
padding: 2px 0;
}

/*	upravy na akcni karte	*/
.karta_produkt_akce_last .jmeno_produkt, .karta_produkt_akce .jmeno_produkt {
color: Red;
}

/*	upravy na cross karte	*/
.karta_produkt_cross .jmeno_produkt, .karta_produkt_cross_last .jmeno_produkt {
color: #2A4377;
}

.obrazek_produkt {
margin: 3px 0 2px 0;
background-color : White;
padding : 1px;
border : 5px solid #CECECE;
}

.karta_produkt_akce .obrazek_produkt, .karta_produkt_akce_last .obrazek_produkt {border : 5px solid #BEBEBE;}

.cena_produkt {
margin-bottom: 2px;
height : 19px;
line-height : 19px;	
padding-top: 2px;
}

.cena_produkt input.pocet_kosik {
width: 12px;
border : 1px solid #CECECE;
height: 12px;
}

.cena_produkt p.cena {
float:right;
padding-right: 5px;
font-weight: bold;
line-height : 15px;	
}

.cena_produkt p.cena span {
font-weight: bold;
color: Red;
line-height : 15px;	
}

a.do_kosiku, a.do_kosiku_detail, a.diskuze, a.doplnky, a.pokracovat, a.opustit_kosik, a.zpet_kosik, a.zpet_nahoru, a.objednat_zbozi, a.zpet {
display : block;
width : 93px;
height : 19px;
background-image : url(../pcs/pcs_layout/do-kosiku.gif);
background-position : center;
background-repeat : no-repeat;
float: left;
}

a.do_kosiku_detail {
width : 113px;
background-image : url(../pcs/pcs_layout/do-kosiku-detail.gif);
}

a.diskuze {
width : 134px;
background-image : url(../pcs/pcs_layout/diskuze-k-produktu.gif);
}

a.doplnky {
width : 137px;
background-image : url(../pcs/pcs_layout/doplnky-k-produktu.gif);
margin-left: 4px;
}

a.pokracovat {
width : 100px;
background-image : url(../pcs/pcs_layout/pokracovat.gif);
float: right;
}

a.opustit_kosik {
width : 100px;
background-image : url(../pcs/pcs_layout/opustit-kosik.gif);
margin-left: 4px;
margin-right: 4px;
}

a.zpet_kosik {
width : 105px;
background-image : url(../pcs/pcs_layout/zpet-do-kosiku.gif);
}

a.zpet_nahoru {
width : 92px;
background-image : url(../pcs/pcs_layout/zpet-nahoru.gif);
}

a.objednat_zbozi {
width : 110px;

width : 247px;
height : 40px;
background-image : url(../pcs/pcs_layout/objednat-zbozi.gif);
}

a.zpet {
width : 45px;
background-image : url(../pcs/pcs_layout/zpet.gif);
}

a.vypis_napoveda {
display : block;
width : 27px;
height : 19px;
background-image : url(../pcs/pcs_layout/napoveda.gif);
background-position : center;
background-repeat : no-repeat;
float: left;
margin-left: 4px;
text-decoration: none;
}

/*	hover u ikon	*/
a.do_kosiku:HOVER {background-image : url(../pcs/pcs_layout/do-kosiku-hover.gif);}
a.do_kosiku_detail:HOVER {background-image : url(../pcs/pcs_layout/do-kosiku-detail-hover.gif);}
a.diskuze:HOVER {background-image : url(../pcs/pcs_layout/diskuze-k-produktu-hover.gif);}
a.doplnky:HOVER {background-image : url(../pcs/pcs_layout/doplnky-k-produktu-hover.gif);}
a.vypis_napoveda:HOVER {background-image : url(../pcs/pcs_layout/napoveda-hover.gif);}
a.pokracovat:HOVER {background-image : url(../pcs/pcs_layout/pokracovat-hover.gif);}
a.opustit_kosik:HOVER {background-image : url(../pcs/pcs_layout/opustit-kosik-hover.gif);}
a.zpet_kosik:HOVER {background-image : url(../pcs/pcs_layout/zpet-do-kosiku-hover.gif);}
a.zpet_nahoru:HOVER {background-image : url(../pcs/pcs_layout/zpet-nahoru-hover.gif);}
a.objednat_zbozi:HOVER {background-image : url(../pcs/pcs_layout/objednat-zbozi-hover.gif);}
a.zpet:HOVER {background-image : url(../pcs/pcs_layout/zpet-hover.gif);}


.perex_produkt {margin-top: 3px;}

/*  formulare   */
.formular {
/*padding : 20px 0 20px 10px;*/
margin: 5px 0;
}

.form_sada {
margin : 5px 0;
padding : 3px 0;
}

.formular label  {
display : block;
float : left;
width : 120px;
height : 23px;
line-height : 23px;
}

.formular label.second  {margin-left : 20px;}

.formular input, .formular textarea,  .formular select  {
background-color : #F9F9F8;
border: 1px solid Black;
padding : 3px;
color : #666651;
}

.formular input.error, .formular textarea.error  {border : 1px solid #EB2C2C;}

.formular textarea, .formular textarea.vyssi  {
width : 398px;
height : 70px;
_margin-left: -3px
}

.formular textarea.vyssi  {height : 170px;}

.formular input {
float : left;
width : 125px;
}

.formular select  {
float : left;
width : 137px;
}

/*	delsi prvky	*/
.formular input.long, .formular select.long  {width : 274px;}
.formular input.verylong  {width : 398px;}
.formular select.long  {width : 281px;}
.formular select.verylong  {width : 406px;}

.formular input.submit  {
width : 124px;
height : 19px;
border : 0px none;
padding : 0;
}

.formular input.LoginformSubmit  {
width : 160px;
text-align: center;
height : 19px;
border : 0px none;
padding : 0;
background-color: #FB0000;
color: White;
}



span.povinna_polozka {
font-size : 9px;
color :  #EB2C2C;
}

.vysvetlivky_red {
font-size : 9px;
margin-top : 7px;
margin-left : 140px;
color: #9F9F9F;
}


/*	kosik	*/
/*	horni obrazky	*/
a.kosik_pcs1, a.kosik_pcs2, a.kosik_pcs3, a.kosik_pcs4, a.kosik_pcs1_active, a.kosik_pcs2_active, a.kosik_pcs3_active, a.kosik_pcs4_active {
background-position : center;
background-repeat : no-repeat;
display: block;
width : 130px;
height : 75px;
float: left;
}

a.kosik_pcs1 {background-image : url(../pcs/pcs_kosik/kosik-pcs1.gif);}
a.kosik_pcs2 {background-image : url(../pcs/pcs_kosik/kosik-pcs2.gif);}
a.kosik_pcs3 {background-image : url(../pcs/pcs_kosik/kosik-pcs3.gif);}
a.kosik_pcs4 {background-image : url(../pcs/pcs_kosik/kosik-pcs4.gif);}

a.kosik_pcs1_active {background-image : url(../pcs/pcs_kosik/kosik-pcs1-active.gif);}
a.kosik_pcs2_active {background-image : url(../pcs/pcs_kosik/kosik-pcs2-active.gif);}
a.kosik_pcs3_active {background-image : url(../pcs/pcs_kosik/kosik-pcs3-active.gif);}
a.kosik_pcs4_active {background-image : url(../pcs/pcs_kosik/kosik-pcs4-active.gif);}



/* kosik */
table.tabulka1 {
margin: 10px 0;
border-collapse : collapse;
width: 535px;
}

table.tabulka1 td, table.tabulka1 th {
padding : 6px 10px;
border : 1px solid #D80000;
vertical-align : top;
text-align : left;
}

table.tabulka1 th {
padding : 10px;
background-color : #EBEBEB;
text-align : left;
}

table.tabulka1 tr.sudy td {background-color : #F5F5F5;}
table.tabulka1 tr td.tab_final_cena {background-color : #FFFFE1;}
table.tabulka1 td img, table.tabulka1 th img {vertical-align : middle;}

/* tab sirky */
table.tabulka1 td.item_number {
width: 60px;
text-align: center;
}


/*  detail produktu  */
#detail_vlevo {
width: 184px;
float: left;
}

#detail_jmeno {
color: Black;
font-weight: bold;
padding: 2px 0;
}

#detail_obrazek {
margin: 3px 0 2px 0;
background-color : White;
padding : 1px;
border : 1px solid #CECECE;
}

#detail_vpravo {margin-left: 205px;}

table.tabulkaSeznam {border-collapse: collapse;}

table.tabulkaSeznam tr td, table.tabulkaSeznam tr th {
background-color: #EBEBEB;
background-color: #D9D9D9;

padding: 7px 3px 7px 3px;
text-align: left;
line-height: 15px;
}

table.tabulkaSeznam tr th {color: Black;}

table.tabulkaSeznam tr td {
background-color: White;
border-right:1px solid #D9D9D9;
border-bottom:1px solid #D9D9D9;
}

table.tabulkaSeznam tr.style1 td {background-color: White;}

table.tabulkaSeznam input.addItem  {
width : 60px;
text-align: center;
height : 19px;
border : 0px none;
padding : 0;
background-color: #FB0000;
color: White;
}

table.vlastnosti_produktu, table.zakladni_vlastnosti {
border-collapse: collapse;
margin-bottom: 10px;
/*width: 410px;*/
}

table.tabulkaSeznam input.addItemInput  {
text-align: center;
line-height : 19px;
height : 17px;
_height : 19px;
border : 1px solid Black;
padding : 0;
width: 20px;
margin-bottom: 3px;
_margin-bottom: 0px;
}


table.zakladni_vlastnosti th {width: 90px;}

table.vlastnosti_produktu tr td, table.vlastnosti_produktu tr th, table.zakladni_vlastnosti tr td, table.zakladni_vlastnosti tr th {
background-color: #D9D9D9;
padding: 4px 20px 4px 10px;
text-align: left;
line-height: 15px;
}

table.zakladni_vlastnosti tr td, table.zakladni_vlastnosti tr th {padding: 7px 20px 7px 10px;}

table.vlastnosti_produktu tr th, table.zakladni_vlastnosti tr th {
color: Black;
font-weight: normal;
}

table.vlastnosti_produktu tr td, table.zakladni_vlastnosti tr td {background-color: #F5F5F5;}

.listovani {
line-height : 26px;
font-weight : bold;
font-size : 10px;
text-align: center;
margin: 5px 0; 
width: 550px;
}

.listovani a {
font-weight : bold;
font-size : 10px;
margin: 0 2px;
}

.listovani span {
font-weight : bold;
font-size : 10px;
margin: 0 2px;
}

.listovani a {font-weight : bold;}
.listovani img {vertical-align : middle;}

#chybove_odeslani {
background-image : url(../pcs/pcs_layout/error_odeslani.gif);
background-position : left center;
background-repeat : no-repeat;
padding: 15px;
padding-left : 40px;
border : 1px solid #E72121;
width : 200px;
margin: 10px 0;
}

#uspesne_odeslani {
background-image : url(../pcs/pcs_layout/uspesne_odeslano.gif);
background-position : left center;
background-repeat : no-repeat;
padding: 15px;
padding-left : 40px;
border : 1px solid #4A9CEF;
width : 200px;
margin: 10px 0;
}

#nas_tip {
background-image : url(../pcs/pcs_layout/informace.gif);
background-position : left center;
background-repeat : no-repeat;
padding: 15px;
padding-left : 40px;
border : 1px solid #4A9CEF;
width : 400px;
margin: 10px 0;
}

#nase_varovani  {
background-image : url(../pcs/pcs_layout/varovani.gif);
background-position : left center;
background-repeat : no-repeat;
padding: 15px;
padding-left : 40px;
border : 1px solid #E72121;
width : 400px;
margin: 10px 0;
}

/* vyhledavani  */
.searchForm  {
margin-left: 37px;
margin-top: 5px;
}

.searchForm input {
border: 1px solid #C6C6C6;
background-color: #F5F5F5;
padding: 3px;
height: 16px;
vertical-align: middle;
width: 90px;
}

.searchForm input.searchSubmit {
border: none;
background-color: #CB0E0E;
color: White;
height: 24px;
width: 65px;
}

/*	search	vysledky */
.searchImg {float: left;}
.searchImg img {
display: block;
float: left;
padding : 1px;
border : 1px solid #CECECE;
}

.searchTitle {margin-left: 90px;}
.searchPerex {
margin: 3px 0 8px 90px;
padding: 5px;
background-color: #F7F7F6;
}

/*	kosik produkty	tabulka */
.kosik_product_thumb {
display: block;
float: left;
padding : 1px;
border : 1px solid #CECECE;
margin: 0 10px 10px 0;
}

.cena_celkem {
font-size: 130%;
font-weight: bold;
color: #B90E0E;
}

/*.formSadaOdd {
padding: 10px;
border: 5px solid #E7E7E7;
 background-color: #FAFAFA;
}*/

/*	nev.tabulka	*/
table.invisibleTable {border-collapse : collapse;}

table.invisibleTable td,table.invisibleTable th {
text-align : left;
padding : 5px 20px 5px 0;
vertical-align : top;
}

#pocitadlo {
margin: 30px auto 20px auto;
width: 88px;
}

select.selectStr  {
margin: 5px 0;
border : 1px solid #CECECE;
padding: 1px;
width: 160px;
}

input.width20 {width: 30px; }

.formSubmitRazeni {
width: 25px;
height: 20px;
border: 1px solid Gray;
text-align: center;
}

.imageGalerie {
float: left;
margin: 0 20px 20px 0;	
}

.imageGalerie img {
padding: 6px;
border: 3px solid #ECECEC;
}


.imgLeft {	
padding:3px;
border:1px solid #9E9E9E;
margin: 15px 15px 10px 0;
float:left;
}

.imgRight {	
padding:3px;
border:1px solid #9E9E9E;
margin: 15px 0 10px 15px;
float:right;
}

/*	new	*/
.loginForm td {padding:1px 4px 1px 0;}

.loginForm input.inputForm {
background-color: #EEEEEE;
border: 1px solid #B9B9B9;
width:100px;
padding:2px;
}

.loginForm input.loginForm {
background-color: #C60402;
color:White;
width:104px;
padding:2px;
}

.loginForm td {color: #C8201D	;}

/*	top kosik	*/
.topCart {
background-image: url(../pcs/pcs_layout/kosik-top.gif);
background-position: left center;
background-repeat: no-repeat;
padding-left:25px;
font-size:120%;
font-weight:bold;
color:Black;
height:30px;
line-height:30px;
display:block;
text-decoration:none;
}

.topCart span {color:Red;}

#hledani {
position:absolute;
bottom: 40px;
right:238px;
}


.vyraznejsi {
background-color: White;
border: 1px solid Red;
padding:10px;
color:Black;
line-height:15px;
}

.vyraznejsi span {
font-weight:bold;
font-size:14px;
color:Black;
}

.vyraznejsi a {color:Black;}

#bannerArea {
	margin: 10px 0 15px 45px;
}


/*	filtrovani produktu	*/
.filtr  {
padding:3px;
background-color: White;
}

.filtr p {
display:inline;
margin-right:5px;
}

.filtr p select {
border:1px solid #787878;
padding:1px;
}

.filtr p option {padding:1px;}

.cenaCross {
text-align:right;
text-decoration:line-through;
color:#b0b0b0;
}