/* -- start setup -- */

* {
font-family : Georgia,Verdana,Helvetica,Arial,Trebuchet MS,sans-serif;
font-size : small;
font-size : 13px;
margin : 0;	
border : none;
padding : 0;
color:#646464;
}

.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;}

/* -- common -- */
.horniIndex {vertical-align : super; font-size:9px;}
.i {font-style : italic;}
sup {font-size: 0.7em;}

/* -- float -- */
.floatLeft {float : left;}
.floatRight {float : right;}
.clear, .reset {clear : both;}

/* -- all pages -- */
hr {display : none;}
.skryty, .neviditelny {display : none;}

/* barvy */
.ruzova {color:#ed027e;}

html {
background-image: url(../pcs/pcs_layout/background.gif);
background-position: top center;
background-repeat: repeat;
}

body {
text-align: center;
background-image: url(../pcs/pcs_layout/body-background.jpg);
background-position: top center;
background-repeat: repeat-x;
}

#header {
height:160px;
position:relative;
width:1000px;
margin:0 auto;
}

#logoArea {
position:absolute;
top:33px;
left:30px;
display:block;
width:222px;
height:51px;
background-image : url(../pcs/pcs_layout/logo.jpg);
background-position : top left;
background-repeat : no-repeat;
}

#container {
width:998px;
margin:0 auto;
text-align:left;	
border:1px solid #dcdcdc;
border-top:none;
background-color: #ffffff;
position:relative;
}

#topMenu {
position:absolute;
bottom:0;
left:20px;
}

#topMenu li {
list-style-type: none;
float: left;
height:39px;
line-height:30px;
}

#topMenu li a {
display:block;
float: left;
height:39px;
line-height:30px;
padding:0 9px;
padding:0 7px;
margin-right:5px;
color:#ffffff;
text-decoration:none;
text-transform:uppercase;
font-size:95%;
}

#topMenu li a:HOVER {background-color: #4e4e4e;}

#topMenu li a.active {
color:#ed027e;
background-color: White;
}

#topBanner {
position:absolute;
top:30px;
left:303px;	
}

#userOn, #userOff {
position:absolute;
top:0;
right:10px;		
width:178px;
background-position: center;
background-repeat: repeat-x;
border:1px solid #646464;
color:#ffffff;
text-align:right;
line-height:28px;
padding:5px 20px 0 0;
}

#userOn a, #userOff a {font-size:13px;}
#userOn a.logOut {font-size:15px;}

#userOn {
background-image: url(../pcs/pcs_layout/login-on-background.jpg);
height:101px;
height:96px;
}

#userOff {
background-image: url(../pcs/pcs_layout/login-off-background.jpg);
height:89px;
height:84px;
}

#userOn a, #userOff a, #userOn a strong, #userOff a strong {color:#ffffff;}
a.logOut {
padding-left:13px;
background-image: url(../pcs/pcs_layout/logout.gif);
background-position: left center;
background-repeat: no-repeat;
}

/*	content	*/
#sideBanner {
position:absolute;
top:0;
left:999px;
}

#menu, #main, #info {float:left;}

#menu {
width:200px;
margin:20px 15px 0 9px;
display:inline; /*	ie6fix	*/
}

#main {
width:550px;
margin-top:20px;
}

#info {
width:200px;
margin:20px 9px 0 15px;
}

.box {
width:160px;
padding:19px 19px 10px 19px;
border:1px solid #dcdcdc; 	
margin-bottom:10px;
background-image: url(../pcs/pcs_layout/box-background.jpg);
background-position: bottom left;
background-repeat: repeat-x;
}

.boxTitle {
color:#ed027e;
font-size:115%;
font-variant: inherit;
font-style: italic;
padding-bottom:7px;
border-bottom:1px solid #dcdcdc;
}

.boxLink {
color:#ed027e;
font-size:90%;
font-variant: inherit;
padding-bottom:7px;
margin-top:7px;
line-height:30px;
}

#searchBox {
width:180px;
padding:9px;
border:1px solid #dcdcdc; 	
margin-bottom:10px;
background-image: url(../pcs/pcs_layout/searchbox-background.jpg);
background-position: bottom left;
background-repeat: repeat-x;
position:relative;
}

#searchBox input {
width:144px;
border:1px solid #dcdcdc;
background-color: White;
padding:2px; 
}

#searchBox .searchSubmit {
width:38px;
height:38px;
position:absolute;
top:0;
right:0;
border:none;
/*background-image: url(../pcs/pcs_layout/search-submit.jpg);*/
background-position: center;
background-repeat: no-repeat;
padding:0; 
}

.bannerBox {
width:198px;
margin-bottom:10px;
background-image: url(../pcs/pcs_layout/box-background.jpg);
background-position: bottom left;
background-repeat: repeat-x;	
}

.bannerBoxFlash {
width:198px;
border:1px solid #dcdcdc;
margin-bottom:10px;
}

.kosikBox {
width:198px;
height:94px;
margin-bottom:10px;
background-image: url(../pcs/pcs_layout/kosik-background.jpg);
background-position: bottom left;
background-repeat: no-repeat;		
border:1px solid #dcdcdc; 	
position:relative;
}

.kosikBox p {
padding:15px 0 5px 20px;
color:White;
font-style: italic;
}

.kosikBox p strong {color:White;}

.kosikBox a {
position:absolute;
top:0;
left:0;
width:198px;
height:94px;
}

.menuTitle {
color:#333333;
font-size:120%;
text-transform:uppercase;
font-variant: inherit;
font-weight:bold;
padding:7px 0;
border-bottom:1px solid #dcdcdc;
}

.mainMenu li {list-style-type: none;}

.mainMenu li a {
display:block;
text-decoration : none;
font-size:90%;
font-weight:bold;
color:#646464;
padding:7px 0 7px 10px;
border-bottom:1px solid #dcdcdc;
background-image: url(../pcs/pcs_layout/menu-dot.gif);
background-position: left center;
background-repeat: no-repeat;
}

.mainMenu li a:first-letter {text-transform:uppercase;}
.mainMenu li a:HOVER {color:Black;}

.subMenu  {}
.subMenu li {list-style-type : none;}

.subMenu li a {
text-decoration : none;
font-size:11px;
font-weight:normal;
padding-left:25px;
background-image: none;
}

.subMenu li a:HOVER {color:#ec047e;}

.subMenu li.active a {
color:#ec047e;
font-weight:bold !important;
}

#path {
margin-top:10px;
height:32px;	
line-height:32px;
background-image: url(../pcs/pcs_layout/path-background.gif);
background-position: bottom left;
background-repeat: repeat-x;
margin-bottom:10px;
}

/*	txt	*/
h1, h2, h3 {
font-size:190%;
color:#ed027e;
margin-bottom:15px;
font-weight: normal;
margin-top:.9em;
}

h1{
background-image: url(../pcs/pcs_layout/path-background.gif);
background-position: bottom left;
background-repeat: repeat-x;
padding-bottom:10px;
}

h2 {
font-size:145%;
margin-top:1.4em;
}

h3 {
font-size:125%;
margin-top:.7em;
}

p.ods {margin:1em 0;}
.itemList {margin:1em 20px;}
.itemList li {line-height:150%;}


/*	info colum	*/
.vyrobciHome li {list-style-type: none;}

.vyrobciHome li a {
display:block;
text-decoration : none;
font-size:90%;
color:#666666;
padding:7px 0 7px 0;
border-bottom:1px solid #dcdcdc;
}

/*	ol v boxu	*/
.boxList li {margin-left:20px;}

.boxList li a {
display:block;
text-decoration : none;
font-size:90%;
color:#666666;
padding:7px 0 2px 0;
}

.boxList li a strong {
display:block;
font-size:100%;
}

p.boxInfo {
font-size:90%;
color:#666666;
padding:7px 0 7px 0;	
}

p.boxInfo strong {
display:block;
font-size:100%;
}

.imgBox img {border:1px solid #dcdcdc;}

/*	foooter	*/
#up {
width:980px;
margin:0 auto;
}

#up a {
float:right;
width:78px;
padding-left:10px;
height:17px;
padding-top:3px;
background-image: url(../pcs/pcs_layout/up-background.gif);
background-position: center;
background-repeat: no-repeat;
font-size:11px;
text-decoration:none;
text-align:left;
color:#646464;
font-weight:bold;
}

#up a:HOVER {text-decoration:underline;}

#footer {
width:998px;
margin:10px auto;
text-align:left;	
border:1px solid #dcdcdc;
background-image: url(../pcs/pcs_layout/box-background.jpg);
background-position: bottom left;
background-repeat: repeat-x;
}


#bottomMenu {margin:20px 0 35px 30px;}

#bottomMenu li { 
list-style-type: none; 
float:left;
font-size:90%;
}

#bottomMenu li { margin-right:5px;}

#bottomMenu li a {
font-size:100%;
color:#666666;
text-decoration:none;
}

#bottomMenu li a:HOVER {text-decoration:underline;}

#footer p {
margin:20px 0 35px 30px;
font-size:90%;
}

#footer p a {
font-size:100%;
font-weight:bold;
text-decoration:none;
}

#footer p a:HOVER {text-decoration:underline;}

.listovani {
text-align:center;
height:30px;
line-height:30px;
border-top:1px solid #dcdcdc;
border-bottom:1px solid #dcdcdc;
font-weight:bold;
}

.listovani a {
height:25px;
line-height:25px;
font-weight:bold;
}

.listovani img {vertical-align: middle;}



.filtrovani {
text-align:center;
height:22px;
line-height:22px;
padding-right:15px;
font-weight:bold;
}

.filtrovani a {
height:25px;
line-height:25px;
font-weight:bold;
}

.filtrovani select {
margin:0 3px;
border:1px solid #dcdcdc;
padding:0 0 0 3px ;
}

.filtrovani option {
border:1px solid #dcdcdc;
padding:0 0 0 3px ;
}

.filtrovani label {margin:0 0 0 15px;}


.karta_produkt, .karta_produkt_last {
width:170px;
height:280px;
margin-right:20px;
float:left;
position:relative;
}

.karta_produkt_last {margin-right:0; }

.jmeno_produkt {
height:50px;
line-height:15px;
font-size:95%;
color:#666666;
}

.jmeno_produkt strong {
font-size:105%;
color:#f11285;
font-weight:bold;
display:block;
}

.obrazek_produkt img, .kosikNahled {border:1px solid #dfdfdf;}

.showDetail {
float:right;
color:#ee027e;
font-weight:bold;
}

.wishListSmaz {
float:right;
color:#ee027e;
font-weight:bold;
margin-left:5px;
}
.cena {
color:#656565;
font-weight:bold;
}

.clearOdd {
clear:both;
height:25px;
background-image: url(../pcs/pcs_layout/path-background.gif);
background-position: center left;
background-repeat: repeat-x;
}

.prehledPiktogramy {
position:absolute;
top:60px;
right:6px;
width:80px;
}

.prehledPiktogramy img {
display:block;
margin-bottom:5px;
}

/*	form	*/
.formWarning {
color:#333333;
font-weight:bold;
}

.formWarning span {
color:#ed027e;
font-weight:bold;
}

.formular {margin:25px 0;}
.formular .form_sada {margin:5px 0;	}

.formular label {
width:170px;
margin:0 10px 0 0;	
float:left;
text-align:right;
color:#333333;
font-weight:bold;
}

.formular label span {
color:#ed027e;
font-weight:bold;
}

.formular input {
color:#333333;
background-color: White;
border:1px solid #d9d9d9;
width:350px;
padding:2px; 
}

.formular select {
color:#333333;
background-color: White;
border:1px solid #d9d9d9;
width:350px;
padding:2px; 
}

.formular option {
color:#333333;
background-color: White;
border:1px solid #d9d9d9;
padding:2px; 
}

.formular input.chBox {
color:#333333;
background-color: White;
border:1px solid #d9d9d9;
width:30px;
padding:2px; 
}



.formular textarea {
color:#333333;
background-color: White;
border:1px solid #d9d9d9;
width:350px;
height:120px;
padding:2px; 
}

.formular .formSubmit {
color:White;
font-weight:bold;
font-size:125%;
text-transform:uppercase;
border:1px solid #d9d9d9;
width:150px;
text-align:center;
height:44px;
line-height:44px;
background-image: url(../pcs/pcs_layout/submit-background.jpg);
background-position: center;
background-repeat: repeat-x;
}

/*	detail produktu	*/
h1.detailProduktu {
color:#ed027e;
font-size:150%;
font-weight:normal;
background-image: none;
}

h1.detailProduktu strong {
color:#ed027e;
font-size:100%;
font-weight:bold;
}

#detailVlevo {
float:left;
width:270px;
}

#detailVlevo a img {border:1px solid #dddddd;}

/*.otherImages {margin: 20px 0;}*/

.otherImages {clear:both;}

.otherImages a {
display:block;
float:left;
margin:8px 8px 0 0;
}

.otherImages a img {border:1px solid #dddddd;}

#detailVpravo {
position:relative;
margin-left:280px;
}

#detailVpravo p {
margin-bottom:15px;
color:#ed027e;
}

#detailVpravo p strong {
color:#333333;
font-size:90%;
}

#detailVpravo p span {
font-size:150%;
color:#ed027e;
}

#formDetail div {margin-bottom:10px;}

#formDetail label { 
color:#333333;
margin-right:8px;
font-weight:bold;
}

.detailVyberVelikost, .detailPocetkusu, .detailVyberKusy { 
border:1px solid #dcdcdc;
width:65px;
padding:2px 0 2px 2px;
text-align:center;
}

.detailVyberKusy { width:40px;}

.detailVyberVelikost option, .detailVyberKusy option { 
padding:2px;
text-align:center;
}

.detailPocetkusu { width:25px; }

.detailVlozitKosik {
/*position:absolute;
top:210px;
left:270px;*/		
margin-top:20px;
text-decoration:none;
display:block;
color:White;
font-weight:bold;
font-size:125%;
text-transform:uppercase;
border:1px solid #d9d9d9;
width:150px;
text-align:center;
height:44px;
line-height:44px;
background-image: url(../pcs/pcs_layout/submit-background.jpg);
background-position: center;
background-repeat: repeat-x;
}

.icoMail, .icoVelikost {
height: 17px;
line-height: 17px;
background-position: left bottom;
background-repeat: no-repeat;
text-decoration:none;
}

.icoMail:HOVER, .icoVelikost:HOVER {color:#EC0379;}

.icoMail {
background-image: url(../pcs/pcs_layout/ico-poslat.gif);
padding-left: 30px;
}

.icoVelikost {
background-image: url(../pcs/pcs_layout/ico-metr.gif);
padding-left: 36px;
}

table.tabulkaKosik {border-collapse: collapse;}
table.tabulkaKosik th, table.tabulkaKosik td  {vertical-align: top;  text-align: left;  }
.produktSirka {width:140px;}
table.tabulkaKosik td strong {color:#ed027e;} 

table.tabulkaKosik th  {padding:5px 0 0 20px;}
table.tabulkaKosik td	 {padding:20px 0 0 20px;}
table.tabulkaKosik td.first, table.tabulkaKosik th.first  {padding:5px 0 0 0;}

table.tabulkaKosik .odd  {
background-image: url(../pcs/pcs_layout/path-background.gif);
background-position: center left;
background-repeat: repeat-x;
}

table.tabulkaKosik .fullPrice  {
text-align:right;
font-size:125%;
}

table.tabulkaKosik .fullPrice strong  {font-size:100%;}

table.tabulkaKosik .pocetKosik {
border:1px solid #dcdcdc;
padding:2px 3px 3px 2px;
color:#666666;
}

table.tabulkaKosik .zmenaPocetKosik {
text-decoration:none;
font-weight:bold;
font-size:13px;
}

table.tabulkaKosik .zmenaPocetKosik:HOVER {color:Black;}

table.tabulkaSymboly {border-collapse: collapse;	}
table.tabulkaSymboly th, table.tabulkaSymboly td  {
vertical-align: top;  text-align: left;  
padding:5px 20px 5px 0;
}

#fazeNakupu {
height: 40px;
line-height: 40px;
background-position: center;
background-repeat: no-repeat;
}

.aktivniFaze1 {background-image: url(../pcs/pcs_kosik/kosik-faze1.gif);}
.aktivniFaze2 {background-image: url(../pcs/pcs_kosik/kosik-faze2.gif);}
.aktivniFaze3 {background-image: url(../pcs/pcs_kosik/kosik-faze3.gif);}
.aktivniFaze4 {background-image: url(../pcs/pcs_kosik/kosik-faze4.gif);}

.aktivniFaze1 #faze1 {color:White;}
.aktivniFaze2 #faze2 {color:White;}
.aktivniFaze3 #faze3 {color:White;}
.aktivniFaze4 #faze4 {color:White;}

#faze1, #faze2, #faze3, #faze4 {
display:block;
float:left;
height:40px;	
line-height:40px;	
color:#646464;
font-size:11px;
font-weight:bold;
text-align:center;
text-decoration:none;
}

#faze1 {width:120px;}
#faze2 {width:130px;}
#faze3 {width:140px;}
#faze4 {width:160px;}


.buttonZpet, .dokoncitObjednavku, .buttonPokracovat{
color:White;
font-weight:bold;
font-size:115%;
text-transform:uppercase;
border:1px solid #d9d9d9;
width:150px;
text-align:center;
height:44px;
line-height:44px;
background-image: url(../pcs/pcs_layout/submit-background.jpg);
background-position: center;
background-repeat: repeat-x;	
text-decoration:none;
}

.buttonZpet {
float:left;
width:95px;
}

.dokoncitObjednavku {
float:right;
width:230px;
}

.buttonPokracovat  {
float:right;
width:275px;
font-size:100%;
}

.buttonZpetNakup {
display:block;
background-image: url(../pcs/pcs_layout/ico-zpet.gif);
height:44px;
line-height:44px;
background-position: left center;
background-repeat: no-repeat;
padding-left: 30px;
text-decoration:none;
color:#EA027C;	
font-weight:bold;
}

#chybove_odeslani {color:#ed027e;}
#chybove_odeslani strong {color:#ed027e;}

table.tabulkaVelkosti, .tabulkaVelkostiSmall, .tabulkaVelkostiSmall2 { border-collapse: collapse;}

table.tabulkaVelkosti th, table.tabulkaVelkosti td, table.tabulkaVelkostiSmall th, table.tabulkaVelkostiSmall td, table.tabulkaVelkostiSmall2 th, table.tabulkaVelkostiSmall2 td  {
vertical-align: top;  
text-align: left;  
padding:5px 20px;
border:1px solid #dcdcdc;
background-image: url(../pcs/pcs_layout/box-background.jpg);
background-position: bottom left;
background-repeat: repeat-x;
}

table.tabulkaVelkostiSmall th, table.tabulkaVelkostiSmall td  {
padding:5px 10px;
}

table.tabulkaVelkostiSmall2 th, table.tabulkaVelkostiSmall2 td  {
padding:5px 4px;
font-size:10px;
}

table.tabulkaKosik td strong {color:#ed027e;} 	

.imgRight {
float:right;
margin:10px 0 10px 15px 	
}

.imgBorder {
border:1px solid #dcdcdc;
padding:2px;
}


#sloupec1menu { position: absolute; top: -400px; left: 74px; width: 140px; background: #020202;  z-index: 11; }
#sloupec2menu { position: absolute; top: -400px; left: 219px; width: 140px; background: #020202;  z-index: 11; }
#sloupec3menu { position: absolute; top: -400px; left: 314px; width: 165px; background: #020202;  z-index: 11; }

#sloupec1menu, #sloupec2menu, #sloupec3menu { text-align: left; }
#sloupec1menu ul, #sloupec2menu ul, #sloupec3menu ul { 
padding: 0;
margin: 0;
list-style: outside;
line-height: 22px;
text-align:left;
}

#sloupec1menu ul li, #sloupec2menu ul li, #sloupec3menu ul li {
margin: 0;
list-style-type: none;
text-align:left;
}

li#top_icon,li#down_icon	{ padding-bottom: 5px; !important; }

#sloupec1menu ul li a, #sloupec2menu ul li a, #sloupec3menu ul li a {
display:block;
padding: 4px 0 1px 10px;
text-decoration: none;
color: White;
text-align:left;
}

#sloupec1menu ul li a:hover, #sloupec2menu ul li a:hover, #sloupec3menu ul li a:hover { color: White; background: #4e4e4e; }
#top_icon a:hover		{ text-decoration: none !important; }

.childLay {text-align: center;}
.childLay a {
text-transform : uppercase;
font-size: 11px;
}

.icoBoty1, .icoBoty2, .icoBoty3, .icoBoty4 {
padding-left:40px;
padding-bottom:20px;
list-style-type: none;
background-image: url(../pcs/pcs_pece/ico-boty1.jpg);
background-position: top left;
background-repeat: no-repeat;
}

.icoBoty2 {background-image: url(../pcs/pcs_pece/ico-boty2.jpg);}
.icoBoty3 {background-image: url(../pcs/pcs_pece/ico-boty3.jpg);}
.icoBoty4 {background-image: url(../pcs/pcs_pece/ico-boty4.jpg);}


.imgLeft {
float:left;
margin:10px 15px 5px 0; 
}

.imgRight {
float:right;
margin:10px 0 5px 15px; 
}

.seoLinky {
padding-top:0px !important;
margin-top:0px !important;
}

.seoLinky, .seoLinky a {
font-size:11px !important;
font-weight:normal !important;;
}
