/* -- start setup -- */

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

/* -- 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;}
body#nahled_obrazku {text-align : left; margin : 15px; background-color: White;}
body#nahled_obrazku img {}

#container {width : 970px;}

#navig, #main {float: left;}
#navig {width : 216px;}

#main {
width : 754px;
position: relative;
}

#user {
position: absolute;
top: 0;
right: 0;
width : 217px;


z-index: 100;
}

#main {}

#user {
background : url(../pcs/pcs_layout/user-background.gif) repeat-x top left;
background-color: #F4F4F4;
}

#baseMenu {
height: 184px;
background : url(../pcs/pcs_layout/base-menu-background.gif) repeat-y top left;	
}

a#home {
display: block;
width: 166px;
height: 38px;
background : url(../pcs/pcs_layout/logo.gif) no-repeat center;
position: absolute;
top: 22px;
left: 28px;
}

#baseMenu ul  {
position: absolute;
top: 80px;
left: 36px;
}

#baseMenu ul li {
line-height : 21px;
list-style : square inside;
}

#baseMenu ul li a {
text-transform : uppercase;
text-decoration: none;
font-size : 120%;
}

#baseMenu ul li a:HOVER {background : White;}


#mainMenu {
background : url(../pcs/pcs_layout/main-menu-background.gif) repeat-y top left;	
padding: 20px 0;
}


ul.mainMenu  {margin-left: 6px;}

ul.mainMenu li {
display: block;
line-height : 17px;
/*height : 17px;*/
list-style : none outside;
}

ul.mainMenu li a {
line-height : 17px;
/*height : 14px;*/
display: block;
text-transform : uppercase;
text-decoration: none;
font-size : 115%;
color: #555555;
padding-left: 30px;
}

ul.mainMenu li a:HOVER {
color : Black;
background : #DFDFDF;
}

ul.subMenu  {margin-left: 40px;}

ul.subMenu li a  {
background-image: url(../pcs/pcs_layout/submenu-img.gif);
background-position: center left;
background-repeat: no-repeat;
padding-left: 15px;
text-transform : none;
font-size: 110%;
}

ul.subMenu li a:HOVER  {
color: Black;
background-color: transparent;
background-image: url(../pcs/pcs_layout/submenu-img.gif);
background-position: center left;
background-repeat: no-repeat;
}

#content {
padding: 20px 60px 10px 10px;
line-height: 18px;
margin-left: 220px;

position: relative;
}

#contentIn {
float: left;
}

/*	pr.strana - login	*/
#logedUser {
position: absolute;
top: 20px;
left: 20px;  	
text-transform: uppercase;
line-height: 20px;
height: 20px;
}

#cart {
position: absolute;
top: 40px;
left: 20px;  	
line-height: 20px;
height: 20px;
padding: 3px 20px 3px 10px;
background-color: #FFD100;
text-transform: uppercase;
display: block;
}

#cart span {font-weight: bold;}

#loginMenu {margin: 90px 0 20px 40px;}
#loginMenu li {line-height: 15px;}
#loginMenu li a {text-decoration: none;}
#loginMenu li.second {text-transform: uppercase;}

#footer {
margin-top: 50px;
background-color: #ECECEC;
width: 964px;
padding: 20px 0;
line-height: 25px;
text-align: center;
border-left: 6px solid #FFD100;
}

/*	textove styly	*/
h1 {
background-color : Black;
padding : 5px;
color : White;
display: inline;
margin: 20px 0;
text-transform : uppercase;
font-size: 125%;
}

h2, h3, h4 {
margin: 20px 0;
text-transform : uppercase;
font-size: 110%;
}

p.odstavec {margin: 1.5em 0}

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


/*	DD styles	*/
/*  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;
border-bottom: 3px solid #FFD100;
}

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

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

/*	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 : 166px;
height : 90px;
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: 575px;
}

table.tabulka1 td, table.tabulka1 th {
padding : 6px 10px;
border : 1px solid #CCCCCC;
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;
padding: 7px 20px 7px 10px;
text-align: left;
line-height: 15px;
}

table.tabulkaSeznam tr th {color: Black;}
table.tabulkaSeznam tr td {background-color: #F4F4F4;}
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: #EBEBEB;
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: #FFD102;
color: Black;
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 #ECECEC;
margin: 15px 15px 10px 0;
float:left;
}