/* ================================================== */
/* paramisa.com, 06/2009
/* styled by J.Sochor; http://www.jansochor.com
/* ================================================== */
		
body {margin: 0; padding: 0;  background: #ffffff;}

p, a, ul, li, h1, h2, h3, h4, h5, h6, em, img, fieldset, select, input, textarea, table {font-family: Arial, Helvetica, Geneva, sans-serif; text-decoration: none; margin: 0; padding: 0;}
fieldset {margin: 0; padding: 0; border: none;}
hr {margin: 0; padding: 0; border: none;}
ul, li {list-style-type: none;}
img {font-size: 0; line-height: 0; border: none;}
.clear {clear: both;}
.nodisplay {display: none;}

/* ================================================== */
/* layout containers 
/* -------------------------------------------------- */

#bgdCont {margin: 0; padding: 0 0 0 50px; background: #c2a9a2  url("../images/shop-bgd.jpg") 0 0 no-repeat; border: 10px solid #ffffff;}

#mainCont {width: 930px; margin: 0; padding: 0; text-align: left;}

/* ================================================== */
/* header
/* -------------------------------------------------- */

#headerCont {width: 930px; height: 180px; margin: 0; padding: 0;}
/* IE5.0-6.0 */ * html #headerCont {margin: 0 0 10px 0;}

h1.headerCont {}
h1.headerCont a {float: left; display: block; width: 180px; height: 180px; background: url(../images/shop-header-logo.jpg) 0 0 no-repeat; text-indent: -3000px;}

/* ================================================== */
/* language version
/* -------------------------------------------------- */

#langCont {float: left; width: 80px; height: 80px; margin: 50px 0 0 670px; background: url(../images/shop-lang-bgd.png) 0 0 no-repeat; text-align: center;}
/* IE5.0-6.0 */ * html #langCont {margin: 50px 0 0 425px; background: url(../images/shop-lang-bgd.gif) 0 0 no-repeat;}
p.langCont {font-size: 11px; color: #112369; font-weight: bold; padding: 32px 0 0 0; letter-spacing: 1px;}
p.langCont a {color: #fd1e75; text-decoration: none;}
p.langCont a:hover {color: #fd1e75; text-decoration: underline;}

/* ================================================== */
/* obsah
/* -------------------------------------------------- */

#obsahCont {width: 930px; line-height: 18px; background: url(../images/shop-left-column-bgd.gif) 0 0 no-repeat;}
/* IE5.0-6.0 */ * html #obsahCont {width: 933px;}

/* #sloupceCont {overflow:hidden;}

/* ================================================== */
/* obsah, levy sloupec
/* -------------------------------------------------- */

#obsahLeftCol {float: left; width: 180px; margin: 0 0 10px 0; padding: 0;}
/* IE5.0-6.0 */ * html #obsahLeftCol {display:inline; }

/* -------------------------------------------------- */
/* shop, flash
/* -------------------------------------------------- */

#shop {position: relative; top: -60px; left: -60px; width: 120px; height: 120px; z-index: 1;}
/* IE5.0-6.0 */ * html #shop {top: 13px;}

/* -------------------------------------------------- */
/* kapitoly
/* -------------------------------------------------- */

#kapitolyCont {width: 180px; height: 440px; margin: 10px 0 0 0; padding: 0; background: #fd1e75;}
/* IE5.0-6.0 */ * html #kapitolyCont {margin: -53px 0 0 0;}

ul.kapitoly {position: relative; top: -120px; left: 20px;  padding: 14px 0 0 0; width: 160px; z-index: 2;}
/* IE5.0-6.0 */ * html ul.kapitoly {top: -51px;  height: 373px;}

li.kapitoly {color: #ffffff; font-size: 11px; font-weight: bold; line-height: 30px; letter-spacing: 1px; text-transform: uppercase; }
li.kapitoly a {color: #ffffff;}
li.kapitoly a.normal {font-weight: normal;}
li.kapitoly a.selected {color: #112369;}
li.kapitoly a:hover {color: #112369;}

/* -------------------------------------------------- */
/* login
/* -------------------------------------------------- */

#loginCont {width: 180px; margin: 10px 0 0 0; padding: 0 0 20px 0 ; background: #ffffff; border-bottom: 1px solid #c2a9a2;}

p.login, p.login span  {font-size: 11px; font-weight: bold;}

p.login {padding: 20px; color: #c2a9a2; letter-spacing: 1px; text-transform: uppercase; border-bottom: 1px solid #c2a9a2;}
p.login span {padding: 10px 0 0 0; display: block; color: #112369; letter-spacing: 0px; text-transform: none;}

input.loginInput, input.loginButton  {margin: 20px 0 0 20px; color: #112369; font-size: 11px; letter-spacing: 1px; text-transform: uppercase; font-weight: bold;}
/* IE5.0-6.0 */ * html input.loginInput {margin: 18px 0 0 18px; width: 141px; height: 21px;}
/* IE5.0-6.0 */ * html input.loginButton {margin: 18px 0 0 18px; width: 141px; height: 28px;}

input.loginInput {background: #ede3dc; width: 132px; height: 15px; padding: 1px 0 0 4px; text-transform: none; letter-spacing: 0px;}
input.loginButton {background: #112369; width: 140px; height: 28px; border: 1px solid #112369; color: #ffffff; cursor: pointer;}
input.loginButton:hover {background: #fd1e75; border: 1px solid #fd1e75;}


/* -------------------------------------------------- */
/* kosik
/* -------------------------------------------------- */

#kosikCont {width: 130px; height: 100px; padding: 20px 0 0 50px; background: #ffffff; border-bottom: 1px solid #c2a9a2;}
/* IE5.0-6.0 */ * html #kosikCont {width: 180px; height: 120px;}

#kosik {width: 80px; height: 80px; background: url(../images/shop-basket-bgd.png) 0 0 no-repeat; text-align: center;}
/* IE5.0-6.0 */ * html #kosik {background: url(../images/shop-basket-bgd.gif) 0 0 no-repeat; cursor: pointer;}

#kosik:hover {background: url(../images/shop-price-bgd.png) 0 0 no-repeat; cursor: pointer;}

#kosik p {font-size: 11px; color: #ffffff; font-weight: bold; padding: 20px 0 0 6px; text-transform: uppercase; letter-spacing: 1px;}
#kosik p.normal {font-weight: normal; padding: 0 0 0 6px; letter-spacing: 1px;}

/* -------------------------------------------------- */
/* kapitoly
/* -------------------------------------------------- */

#menuCont {width: 180px; height: auto; margin: 0; padding: 0; background: #ffffff;}

ul.menu {padding: 20px 0 20px 20px;}

li.menu {color: #fd1e75; font-size: 11px; font-weight: bold; line-height: 30px; letter-spacing: 1px; text-transform: uppercase; }
li.menu a {color: #fd1e75;}
li.menu a:hover {text-decoration: underline;}

/* ================================================== */
/* obsah, pravy sloupec
/* -------------------------------------------------- */

#obsahRightCol {width: 750px; margin: 0 0 0 180px; padding: 0; }
/* IE5.0-6.0 */ * html #obsahRightCol {display:inline; margin: -10px 0 0 -3px;}

/* -------------------------------------------------- */
/* seznamy itemu
/* -------------------------------------------------- */

.listBox {float: left; width: 240px; height: 440px; background: #ffffff; margin: 10px 0 0 10px; padding: 0;}
/* IE5.0-6.0 */ * html .listBox {display: inline;}

.listImgHov {text-decoration: none; float: left; display: inline;}

.listImgHov img {position: relative; top: 0px; left: 0px; z-index: 1; width: 240px; height: 360px; background: #ffffff; margin: 0; padding: 0; border-bottom: 1px solid #c2a9a2; display: block;}

.listImgHov:hover {background: #ffffff; position: relative;}
.listImgHov:hover b {position: absolute; top: -10px; left: -10px; z-index: 2; width: 240px; height: 440px; background: none;  border: 10px solid #fd1e75; display:block;}
/* IE5.0-6.0 */ * html .listImgHov:hover b {position: absolute; top: -10px; left: -10px; width: 260px; height: 460px; background: none;}

h2.list {margin: 10px 10px 0 10px; padding: 0; width: 140px; height: 60px; font-family: Georgia, "Times New Roman", Times, serif; font-size: 11px; color: #112369; font-weight: normal;}

.listPriceCont {position: relative; top: -111px; left: 150px; z-index: 3; width: 80px; height: 80px; background: url(../images/shop-price-bgd.png) 0 0 no-repeat; text-align: center;}
/* IE5.0-6.0 */ * html .listPriceCont {position: relative; top: 0px; left: 150px; background: url(../images/shop-price-bgd.gif) 0 0 no-repeat; margin-top: -111px;}

p.listPriceCont {font-size: 11px; color: #ffffff; padding: 31px 0 0 0; letter-spacing: 1px;}

/* -------------------------------------------------- */
/* produkt box
/* -------------------------------------------------- */

#produktBox {float: left; width: 740px; min-height: 950px; background: #ffffff; margin: 10px 0 0 10px; padding: 0;}
/* IE5.0-6.0 */ * html #produktBox {display: inline; height:auto !important; height:950px;}

.lineCont {width: 720px; margin: 0; padding: 20px 0 20px 20px; background: #ffffff; border-bottom: 1px solid #c2a9a2; float: left;}
/* IE5.0-6.0 */ * html .lineCont {width: 740px;}
.lineCont.posledni {border-bottom: none; padding: 20px 0 0 20px;}
.lineCont.foto {padding: 20px 0 0 20px;}

/* fotografie */

.produktFotoCont {width: 400px; height: 620px; margin: -20px 0 0 0; padding: 0; background: #ffffff; border-left: 1px solid #c2a9a2; border-right: 1px solid #c2a9a2; float: left;}
.produktFotoCont img {width: 400px; height: 600px;}

.produktThumb {float: left; width: 150px; height: 150px; margin: 0 0 0 10px; padding: 0; background: #ffffff; }
/* IE5.0-6.0 */ * html .produktThumb {display: inline;}
.produktThumb a {cursor: pointer;}

.produktThumb.prvni {margin: -10px 0 0 10px;}
/* IE5.0-6.0 */ * html .produktThumb.prvni {display: inline;}

.produktThumbImgHov {text-decoration: none; float: left; display: inline;}

.produktThumbImgHov img {position: relative; top: 0px; left: 0px; z-index: 1; width: 100px; height: 150px; padding: 0; margin: 0 25px 0 25px; border: none; display: block;}

.produktThumbImgHov:hover {position: relative; z-index: 2;}
.produktThumbImgHov:hover b {position: absolute; top: -10px; left: -10px; z-index: 2; width: 150px; height: 150px; background: none;  border: 10px solid #fd1e75; display:block;}
/* IE5.0-6.0 */ * html .produktThumbImgHov:hover b {position: absolute; top: -10px; left: -10px; z-index: 2; width: 170px; height: 170px; background: none;}

/* text */

.lineCont h1, .lineCont h2, .lineCont h2 a, .lineCont h3, .lineCont h4, .lineCont h5, .lineCont h7, .lineCont p, .lineCont p a, .lineCont p.textblok  {font-family: Georgia, "Times New Roman", Times, serif; font-weight: normal;}

.lineCont h1  {color: #112369; font-size: 24px; display: inline;}
.lineCont h3, .lineCont h4 {color: #112369; font-size: 11px; display: inline;}

.lineCont h4.kosik {width: 280px; display: block; float: left;}

.lineCont h4.postovne {width: 400px; display: block; float: left;}
.lineCont h4.postovne span {padding: 0 0 0 10px; font-family: Arial, Helvetica, Geneva, sans-serif; letter-spacing: 1px; text-transform: uppercase; font-weight: bold;}

.lineCont h2 {font-size: 14px; color: #112369; font-weight: bold; display: inline; padding: 0 20px 0 0;}
.lineCont h2 a {color: #fd1e75; font-weight: normal; text-decoration: none;}
.lineCont h2 a:hover {text-decoration: underline;}

.lineCont h2.kosik {font-weight: normal; color: #c2a9a2; background: url(../images/shop-right.gif) right 4px no-repeat; padding: 0 23px 0 0; margin: 0 13px 0 0;}
.lineCont h2.kosik a {color: #fd1e75;}

.lineCont h5  {color: #112369; font-size: 11px; display: inline; letter-spacing: 0px; font-weight: bold;}
.lineCont h5.kosik  {width: 60px; display: block; float: left;}
.lineCont h5.kosikRight {width: 60px; display: block; float: left; text-align: right;}
.lineCont h5.odeslanikosiku {width: 340px; display: block; float: left; font-weight: normal;}

.lineCont h6 {color: #c2a9a2; width: 148px; font-size: 11px; letter-spacing: 1px; text-transform: uppercase; float: left}

.lineCont h6.kosik {width: 60px; height: 10px; display: block; text-align: right; padding: 4px 0 0 0;}
.lineCont h6.kosik a {}

.prazdny {width: 148px; height: 40px; float: left; margin: 0; padding: 0;}

.lineCont p {width: 400px; margin: 0 0 0 148px; color: #112369; font-size: 11px;}
.lineCont p.textblok {width: 500px; margin: 0 0 0 148px; padding: 0 0 20px 0; color: #112369; font-size: 11px;}
.lineCont h2.textblok {margin: 0 0 10px 148px; display: block; font-weight: bold; font-size: 14px;}
.lineCont p a {color: #fd1e75;}
.lineCont p a:hover {color: #fd1e75; text-decoration: underline;}

/* form */

input.produktInput, input.produktButton, input.registraceInput, input.registraceButton  {color: #112369; font-size: 11px; letter-spacing: 1px; text-transform: uppercase; font-weight: bold;}

input.produktInput, input.registraceInput {background: #ffffff; height: 15px; padding: 1px 0 0 4px;}
input.produktButton, input.registraceButton {background: #112369; height: 28px; border: 1px solid #112369; color: #ffffff; cursor: pointer;}

input.produktInput {width: 182px; background: #ede3dc;}
input.produktButton {width: 190px; margin: 0 16px 0 0;}
/* IE5.0-6.0 */ * html input.produktInput {width: 190px; height: 21px;}
/* IE5.0-6.0 */ * html input.produktButton {width: 190px; height: 28px;}

input.registraceInput {width: 392px; letter-spacing: 0px; text-transform: none; background: #ede3dc;}
input.registraceButton {width: 400px;}
/* IE5.0-6.0 */ * html input.registraceInput {width: 400px; height: 21px;}
/* IE5.0-6.0 */ * html input.registraceButton {width: 400px; height: 28px;}

input.produktButton:hover, input.registraceButton:hover {background: #fd1e75; border: 1px solid #fd1e75;}

select.velikost {background: #ede3dc; padding: 0 0 0 4px; width: 190px; color: #112369; font-size: 11px; letter-spacing: 1px; text-transform: uppercase; font-weight: bold;}
/* IE5.0-6.0 */ * html select.velikost {width: 190x; height: 21px;}

input.radio {margin: 3px 20px 0 0; width: 12px; height: 12px; float: left;}

/* tab */

.tab table {border-collapse: collapse; border: 1px solid #c2a9a2; width: 500px; margin: 10px 0 20px 148px; text-transform: uppercase;}
.tab table td {border: 1px dotted #c2a9a2; padding: 10px; color: #112369; font-size: 11px; letter-spacing: 1px; text-align: center; vertical-align: bottom;}

.tab table td {width: 100px; font-weight: bold;}
.tab table td.normal {width: 100px; font-weight: normal; font-family: Georgia, "Times New Roman", Times, serif; text-transform: none; letter-spacing: normal;}

/* ================================================== */
/* footer
/* -------------------------------------------------- */

#footerCont {width: 180px; height: 180px; margin: 0 0 10px 0; padding: 0; background: #ffffff; border-top: 1px solid #c2a9a2;}

#footerCont p, #footerCont p a  {font-family: Georgia, "Times New Roman", Times, serif; font-size: 11px; line-height: 22px;}
#footerCont p {padding: 10px 10px 10px 20px; color: #112369;}
#footerCont p a {color: #fd1e75;}
#footerCont p a:hover {color: #fd1e75; text-decoration: underline;}