/* CSS Document 
   Autor: Vojtech Bartos
*/

/* Global set --------------------------------------------------------------- */
body {
  background: #f9d68a;
  font-family:  Arial; 
  font-size: 12px; 
  color: #000000;
  line-height: 130%;
}

.cleaner { clear: both; }

/* H titles */
h1 { font-size: 16px; color: #DF0D62; margin: 10px 0 15px 0; }
h1.stitek { color: black; }
h2 { font-size: 14px; margin: 5px 0 10px 0; }
h3 { font-size: 14px; }
h4 { font-size: 13px; color:#c60c63; margin: 5px 0 10px 0;}
h5 { font-size: 12px; color:#c60c63; }
/* A */
a { color: #DF0D62; }
a:hover { text-decoration: none; }

/* UL */
/*ul { float: left; margin: 5px 5px 5px 10px; }

/* Background */
#background { width: 782px; padding: 0 54px 0 54px; margin: 0 auto 0 auto; background: url('../images/background/all.jpg'); }

/* Page */
#page { width: 782px;padding: 0 0 20px 0;  }

/* Left */
#left { float: left; width: 237px;}
#left #menu { position: relative; top: -3px; width: 224px; background: #FFFFFF; }
#left #menu a { text-decoration: none; }
#left #menu .box { width: 212px; padding: 0; margin: 0 0 5px 0; background: #ec9527; }
#left #menu .box .up      { width: 100%; height: 10px; background: url('../images/background/menuUp.jpg') top no-repeat; }
#left #menu .box .middle  { width: 182px; padding: 0 15px 0 15px; font-size: 16px; font-weight: bold; color: #FFFFFF; text-decoration: none; }
#left #menu .box .middle:hover { color: #c30d63; }
#left #menu .box .down    { width: 100%; height: 9px; background: url('../images/background/menuDown.jpg') bottom no-repeat; }
#left #menu .submenu { float: left; width: 100%; margin: 0 0 5px 0; background: #FFFFFF: }
#left #menu .submenu a { float: left; width: 194px; padding: 3px 15px 3px 15px; text-decoration: underline; font-weight:bold; }
#left #menu .submenu a:hover {text-decoration:none;}

#left #menu .subsubmenu { float: left; width: 100%; margin: 0 0 5px 10px;  }
#left #menu .subsubmenu a { float: left; width: 194px; padding: 3px 15px 3px 15px; text-decoration: underline; color:black;  font-weight:normal; }
#left #menu .subsubmenu a:hover {text-decoration:none;}

#left #menu .down { width: 100%; height: 37px; background: url('../images/background/menuAllDown.jpg') no-repeat; }

/* Right */
#right { float: right; width: 545px; }
#right #menu2 { width: 100%; height: 47px; }
#right #menu2 a { float: left; width: 123px; height: 30px; }
#right #menu2 .align { float: right; }
#right #menu2 .home            { float: left; width: 123px; height: 30px; margin: 17px 10px 0 0; background: url('../images/menu/home.gif') no-repeat top center; } 
#right #menu2 .o-nas           { float: left; width: 123px; height: 30px; margin: 17px 10px 0 0; background: url('../images/menu/o-nas.gif') no-repeat top center; }
#right #menu2 .kontakt         { float: left; width: 123px; height: 30px; margin: 17px 10px 0 0; background: url('../images/menu/kontakt.gif') no-repeat top center; }
#right #menu2 .home:hover      { width: 123px; height: 30px; background: url('../images/menu/home_up.gif') no-repeat top center; }
#right #menu2 .o-nas:hover     { width: 123px; height: 30px; background: url('../images/menu/o-nas_up.gif') no-repeat top center; }
#right #menu2 .kontakt:hover   { width: 123px; height: 30px; background: url('../images/menu/kontakt_up.gif') no-repeat top center; }


#right #header { position: relative; }
#right #header .sun { position: absolute; right: -52px; _right: -53px; top: 18px; }
#right #content { width: 520px; min-height: 400px; padding: 10px; overflow: hidden; background: #FFFFFF; }

#right #content .gallery_box { float: left; width: 100%; margin: 0 0 20px 20px; }
#right #content .gallery_box .picture { float: left; width: 100px; }
#right #content .gallery_box .picture img { width: 100px; }
#right #content .gallery_box .title { float: right; width: 410px; margin: 0 0 7px 0; }
#right #content .gallery_box .title a { font-size: 13px; }
#right #content .gallery_box .description { float: right; width: 410px; }
#right #content .gallery_box .title_2 { float: right; width: 100%; margin: 0 0 7px 0; }
#right #content .gallery_box .title_2 a { font-size: 13px; }
#right #content .gallery_box .description_2 { float: right; width: 100%; }
#right #content .gallery_box .title_detail { float: left; font-size: 13px; width: 100%; margin: 0 0 7px 0; }
#right #content .gallery_box .description_detail { float: left; width: 100%; margin: 0 0 15px 0; }
#right #content .gallery_box .picture_detail { float: left;  margin: 0 25px 15px 0; background-color:#f2f2f2; width:130px; height:90px;}
#right #content .gallery_box .picture_detail img {  }

/* SHOP */
#right #content .stitek { width: 510px; padding: 5px; margin: 0 0 10px 0; font-weight: bold; background: #ffffbc; font-size:14px; }
#right #content .kosik { width: 100%; }
#right #content .kosik .nadpis { float: left; width: 100%; font-weight: bold; font-size: 13px; margin: 0 0 0 0; }
#right #content .kosik .nadpis #ven { float: right; display: inline; }
#right #content .kosik .detail { width: 100%; margin: 0 0 10px 0; padding-bottom:5px; border-bottom:1px solid #f2f2f2; }
#right #content .kosik .detail #pocet { display: inline; margin: 0 0 0 3px; }
#right #content .kosik .pocet { width: 17px; }
#right #content .kosik .celkem { background-color:#f2e1e9; padding:5px; border-bottom: solid 1px #c60c63; margin-bottom:10px; }
#right #content .kosik .celkem table tr { line-height:20px;}

#right #content .obsahsekce { float: left; width: 100%; margin: 0 0 15px 0; border-bottom: solid 1px #c60c63;}
#right #content .obsahsekce .imaged { float: left; width: 100px; }
#right #content .obsahsekce .imaged .imgshop { width: 100px; }
#right #content .obsahsekce .imaged .newshop { position: absolute; }
#right #content .obsahsekce .sortb { float: right; width: 410px; height: 105px; }
#right #content .obsahsekce .sortb .nazevsekce { float: left; margin: 0 0 5px 0; width: 100%; font-size: 13px; font-weight: bold; }
#right #content .obsahsekce .sortb .nazevsekce img { float: right; }
#right #content .obsahsekce #kupend { float: right; width: 410px; text-align: right; background-color:#f2f2f2; padding:3px; background-color:#c60c63; padding: 3px 3px 3px 3px; color:white;}
#right #content .obsahsekce #kupend .cena { padding: 5px 0 0 0; font-weight: bold; }
#right #content .obsahsekce #kupend .pocet { width: 15px; }
#right #content .obsahsekce #kup { float: right; width: 403px; text-align: right;  background-color:#c60c63; padding: 3px 3px 3px 10px; color:white;}
#right #content .obsahsekce #kup .cena { padding: 5px 0 0 0; font-weight: bold; }
#right #content .obsahsekce #kup .pocet { width: 15px; }

#right #content .product_detail { width: 100%; }
#right #content .product_detail .picture { float: left; width: 200px; margin: 0 0 10px 0; }
#right #content .product_detail .details { float: right; width: 300px; }
#right #content .product_detail .details .line { float: left; width: 100%; padding: 5px 0 5px 0; border-bottom: 1px solid #234562; }
#right #content .product_detail .details .linekosik { float: left; width: 100%; padding: 5px 0 5px 0; background-color: #f2e1e9; }
#right #content .product_detail .details .line .nadpis { float: left; font-weight: bold; width: 150px; }
#right #content .product_detail .popis   { float: left; width: 100%; margin: 5px 0 05px 0; }


/* Footer */
#footer { width: 776px; padding: 0 54px 2px 60px; height: 25px; color: #FFFFFF; margin: 0 auto 0 auto; background: url('../images/background/footer.jpg'); }
#footer a { color:white; }

.fialova{ color: #c60c63; }