/*
 * Pub-Me Content Management System (CMS)
 * http://www.pub-me.com/
 *
 * (c) 2005-2006 Malenek webdesign - http://www.malenek.cz
 *
 * This program or any of its parts may not be used, redistributed, and/or 
 * modified without an explicit permission of the author and/or 
 * the copyrights owner.
 *
 * Definition of styles used by the web
 *
 */

@import url("_common.css");
@import url("_gallery.css");
@import url("_system.css");

body { background:#fff url(img/bg_body.gif); width:100%; height:100%; text-align:center; }
#ContainerBody { background: url(img/bg.gif) top left repeat-x; }
#ContainerAll { width:840px; text-align:left; margin:0 auto; overflow:hidden; }

#Header { background:#cA861F url(img/header.jpg) top left no-repeat; position:relative; width:840px; height:182px; }
#Header div#h1,
#Header div#h1 a,
#Header div#h1 span { display:block; width:348px; height:113px; position:absolute; top:0; left:0; background:url(img/header.jpg) -51px -41px no-repeat; overflow:hidden; }
#Header div#h1 { font-size: 2.5em; left:51px; top:41px; }

#Favorites { background:#191919 url(img/favorites.gif) top repeat-x; padding:13px 30px 10px; text-align:right; line-height:22px; }
#Favorites a.Print {background:url(img/print.gif) left center no-repeat;padding:3px 0 3px 22px; line-height:22px; }
#Favorites a.AddToFavorite {background:url("img/fav.gif") left center no-repeat;padding:3px 0 3px 22px; line-height:22px; }
#Favorites a.TopPage {background:url("img/nahoru.gif") left center no-repeat;padding:3px 0 3px 22px; line-height:22px; }

#Footer { background: url(img/footer.gif) top left no-repeat; font-size:0.95em;  width:840px; text-align:center; color:#eee; }
#FooterIn { background: url(img/footer_bottom.gif) bottom left no-repeat; padding:40px 30px 35px;  }
#Footer p {  }
#Footer a { color:#fff; }
#Footer .Authors { display:block; padding-top:20px; font-size:0.91em; }
#Footer .Authors,
#Footer .Authors a { color:#888; }
#Footer a:hover,
#Footer .Authors a:hover { color:#D45601; }
#Footer strong { color:white; }

#Menu,
#Menu ul,
#Menu li,
#Menu a,
#Menu span { margin:0; padding:0; list-style:none; } 
#Menu { font-size:13px; width:840px; height:39px; overflow:hidden; background:#FAA62F url(img/menu.jpg) 0 -117px no-repeat; position:relative; }
#Menu ul { position:relative; left:13px;  height:35px;  }
#Menu li { float:left; line-height:39px; height:35px; letter-spacing:1px; font-weight:bold; letter-spacing:0.1px  }
#Menu li a { text-align:right; border-right:#FAA62F 1px solid; border-left:#DB8100 1px solid; color:#fff;  text-decoration: none;  padding: 10px; text-align: left; }
#Menu li a:hover { background:#fff; color:#000; text-decoration:underline   }
#Menu li span { background:#fff; color:#000; border-right:#FAA62F 1px solid; border-left:#DB8100 1px solid; padding: 10px; font-weight:bold}
#Menu li a span,
#Menu li span span { display:none; }
#Menu .killfloat { display:none; }
#Menu li.Parent a { background:#c97A00; }
#Menu li.Parent a:hover { background:white; }

ul#LangSwitch { position:absolute; padding:0; margin:0; top:8px; left:20px; line-height:1.2; font-size:11px; }
ul#LangSwitch li { padding:0 12px ; margin:0; list-style:none; float:left; border-right:1px solid #F4BC69; color:black; font-weight:bold; }
ul#LangSwitch li a { color:#F4BC69; }
ul#LangSwitch li a:hover { color:#fff; }
ul#LangSwitch li.last { border:none; }

#dispecinktop { position:absolute; padding:0; margin:0; top:8px; left:415px; line-height:1.2; font-size:11px; font-weight:bold;
    width: 127px;
}
#dispecinktop strong { color:white; }

 
#Content { background:#fff url(img/obsah.gif) top center repeat-y; margin:0; padding:0; }
#ContentIn { background: url(img/obsah-top.gif) top center no-repeat; margin:0; padding:0; } 
#MainColumn { width:567px; overflow:hidden; float:left; }
#SideColumn { width:255px; overflow:hidden; } 
#Akce {padding: 5px, 5px, 5px, 5px; text-align:center; font-size:20px; font-style:inherit; color:Red; border-style: outset; border-width: 7px;}

#ArticleContainer { padding:35px 16px 10px 53px; } 

.kroky {}
.kroky .krok { position:relative; }
.kroky .krok h2 { position:absolute; top:0; left:0; _left:-155px; width:150px; height:116px; overflow:hidden; background:#FAA62F url(img/kroky.gif); }
.kroky .krok h2.baleni { background-image:url(img/kroky-baleni.gif); }
.kroky .krok h2.kontakt { background-image:url(img/kroky-kontakt.gif); }
.kroky .krok h2.skladovani { background-image:url(img/kroky-skladovani.gif); }
.kroky .krok h2.stehovani { background-image:url(img/kroky-stehovani.gif); }
.kroky .krok h2.stehovani_do_noveho { background-image:url(img/kroky-stehovani-do-noveho.gif); }
.kroky .krok .text { width:320px; _width:340px; background:#F1F1F1; border:1px solid #CACACA; margin-left:155px; padding:5px 10px 5px; margin-bottom:15px; min-height:96px; }
.kroky .krok p { margin:0; padding:0 0 5px 0; }
.kroky .krok hr { clear:right; color:#DFDFDF; background:#DFDFDF; height:1px; border:none; padding:0; margin:0 0 12px; }
.kroky .krok h2 span.poradi { font-size:40px; font-family:Tahoma, sans-serif; display:block; position:absolute; top:0px; left:12px; }
.kroky .krok h2 span.poradi span { display:none; }
.kroky .krok h2 .h3 { font-size:20px; display:block; width:107px; height:68px; overflow:hidden; position:absolute; top:12px; left:38px; color:white; line-height:1.1; } 
.kroky .krok h2 .h3 span { display:block; color:#D45500; font-size:0.65em; }
.kroky .krok hr.last { display:none; margin-bottom:20px; }
.kroky .krok p.p1:first-line {color:#666; font-weight:bold}
.kroky .krok p.p1:first-letter { font-size:170%; color:#D45601; }

#SideColumn .Box * { margin:0; }
#SideColumn .Box { background:white url(img/rightbox.gif) top left repeat-y; }
#SideColumn .BoxTop { background: url(img/rightbox-top.gif) top left no-repeat; }
#SideColumn .BoxBottom { background: url(img/rightbox-bottom.gif) bottom left no-repeat;  padding:23px 33px 58px 42px; }

#SideColumnTop .Box { background:white url(img/toprightbox.gif) top left repeat-y; }
#SideColumnTop .BoxTop { background: url(img/toprightbox-top.gif) top left no-repeat; }
#SideColumnTop .BoxBottom { background: url(img/toprightbox-bottom.gif) bottom left no-repeat; padding:32px 23px 43px 32px; }

#SideColumn .Box h2 { color:#000; font-weight:bold; font-family:Arial,sans-serif; font-size:120%; letter-spacing:0.05px; }
#SideColumn .Box .dispecink h2,
#SideColumnMain .Box h2 { padding:5px 3px 15px; border-bottom:2px solid #A2A1A1; margin-bottom:12px; }
#SideColumn .Box .dispecink h2,
#SideColumnMain .Box .dispecink h2,
#SideColumnMain .Box .akce h2 { padding-top:12px; padding-bottom:20px; padding-left:47px; text-transform:uppercase; background:url(img/info.gif) 1px 3px no-repeat; }
#SideColumnMain .Box .akce h2 { background-image:url(img/akce.gif); }
.Box .dispecink,
#SideColumnMain .Box .akce { font-style:normal; }
#SideColumnTop .Box .dispecink { padding:10px 10px 25px; }
.Box .dispecink ul { padding:5px 0 0 3px; }
.Box .dispecink li { padding:0; list-style:none; padding-left:25px; text-indent:-25px; clear:both; }
.Box .dispecink strong { color:black; }
.Box .dispecink li.telefon { padding-left:0; text-indent:0; }
.Box .dispecink li.telefon strong { display:block; float:left; width:57px; }
.Box .dispecink li.telefon span { float:left; width:116px; 
display:block; }
.Box .dispecink .email a { font-size:0.9em; }

#SideColumnTop .procmy { padding:10px 10px 15px; }
#SideColumnTop .procmy h2 { padding:10px 0 5px; }
#SideColumnTop .procmy li { list-style: square inside ; border-bottom:1px dashed #FC9400; padding:8px 0; }
  
#localmenu { font-size:100%; }
#localmenu ul { padding:0 0 16px; }
#localmenu li { color:#000; font-weight:bold; font-family:Arial,sans-serif; font-size:120%; letter-spacing:0.05px; list-style:none; }
#localmenu li a,
#localmenu li span { display:block; @width:100%; padding:15px 10px 15px; color:black; }
#localmenu li a:hover { color:#D45500; }
#localmenu li ul { padding:0; _height:62px; min-height:62px; }
#localmenu li li { background:#E98A00; font-size:83.333%; font-family:Tahoma, sans-serif; font-weight:normal; display:block; border-bottom:#CD7A02 1px solid!important; border-top:#FEB141 1px solid; padding:0; }
#localmenu li li a,
#localmenu li li span {text-decoration: none; color:#fff; @width:185px; _width:200px; text-align: left; display:block; padding:6px 5px 6px 10px; }
#localmenu li li span { background:#c97A00; font-weight:bold; }
#localmenu li li a:hover {background:#586DD3; color:#fff; }
#localmenu li a span,
#localmenu li span span { display:none; }

#SideColumnTop .procmy li,
#SideColumnMain .akce p,
#SideColumnTop .dispecink li,
#SideColumnMain .dispecink li,
#SideColumnMain .zjisticenu p,
#SideColumnMain .referencehome p,
#SideColumnMain .referencehome li { letter-spacing:0.25px; }
#SideColumnMain .referencehome li { margin-left:15px; }

form h3 { margin:10px 0; }
form fieldset { background:#F1F1F1; border:1px solid #CACACA; padding:10px 10px 0; margin:10px 0; }
form label,
form input,
form select { float: left; }
form label { width:200px; font-weight:bold; }
form input,
form select { width:270px; }
form label br { display:none; }
form span.MultiList { width:270px; float:left; padding-bottom:10px; }
form span.MultiList input.checkbox { display:inline; vertical-align:middle; float:none; }
form span.MultiList label { display:inline; float:none; font-weight:normal; letter-spacing:0.5px; }
form span.MultiList br { }
form input.checkbox,
form input.radio { width: auto; }
form span.MultiList span.line { display:block; text-indent:-24px; padding-left:24px; padding-bottom:4px; }

form textarea { clear:both; width:100%; display:block; }
form input.SubmitButton { width:auto; background:#F1F1F1; border:1px solid #CACACA; cursor:pointer; padding-top:1px; padding-bottom:1px; padding-right:10px; padding-left:10px; @padding-right:0; @padding-right:0; }
form input.SubmitButton:hover { border-color:black; }
form br { clear:both; }

form p { clear:both; margin:0; padding:0 0 10px; }
form strong { color:black; }

form .boxik { width:49%; overflow:hidden; float:left; margin:0; padding:0; margin-top:-10px; }
form .boxik.right { float:right; text-align:left; }
form .boxik label { width:65px; }
form .boxik select,
form .boxik input { width:150px; }
form br { @display:none; clear:none; }
form br.visible { display:block; }
form .boxik input.radio { width:auto; float:none; clear:none; display:inline; }
form label.nofloat { float:none; font-weight:normal; clear:none; display:inline; }
form .boxik label.nofloat { float:none; font-weight:normal; clear:none; display:inline; }
form input.AntiSpamQuestion { float:none; width:100%; margin-bottom:5px; margin-top:5px; }
#AntiSpamProtection label { font-weight:bold; }

.ErrorMessage { background:#F1F1F1; border:1px solid #CACACA; padding:20px 10px; font-weight:bold; text-transform:uppercase; text-align:center; line-height:2em; }


div.kubikacekitem { width:49%; float:left; position:relative; height:50px; margin-bottom:5px; }
div.kubikacekitem.sudy { float:right; }
div.kubikacekitem .Ilustrace { display:block; position:absolute; width:70px; height:50px; left:0px; top:0px; background:center center no-repeat; }
div.kubikacekitem .Name { display:block; position:absolute; width:125px; left:75px; top:15px; font-size:0.95em; }
div.kubikacekitem .kubikacekCount { width:20px; position:absolute; right:20px; top:14px; text-align:center; background:#F1F1F1; border:1px solid #CACACA; }
div.kubikacekitem button { position:absolute; top:9px; right:-3px; width:16px; height:16px; border:none; background:none; background:url(img/up_arrow.gif) top left no-repeat; cursor:pointer; }
div.kubikacekitem .Up { } 
div.kubikacekitem .Down { top:25px; background-image:url(img/down_arrow.gif); }
#KubikacekSum,
#KubikacekSum2 { width:40px; text-align:right; background:#F1F1F1; border:1px solid #CACACA; } 
 

div.kubikacekitem.ST__Komoda .Ilustrace { background-image:url(img/kubikacek/image003.gif); }
div.kubikacekitem.ST__Zrcadlo .Ilustrace { background-image:url(img/kubikacek/image004.gif); }
div.kubikacekitem.ST__Skrin .Ilustrace { background-image:url(img/kubikacek/image006.gif); }
div.kubikacekitem.ST__Obraz .Ilustrace { background-image:url(img/kubikacek/image007.gif); }
div.kubikacekitem.ST__Knihovna .Ilustrace { background-image:url(img/kubikacek/image010.gif); }
div.kubikacekitem.ST__Lustr .Ilustrace { background-image:url(img/kubikacek/image011.gif); }
div.kubikacekitem.ST__KnihovniRegal .Ilustrace { background-image:url(img/kubikacek/image012.gif); }
div.kubikacekitem.ST__Koberec .Ilustrace { background-image:url(img/kubikacek/image013.gif); }
div.kubikacekitem.ST__Pradelnik .Ilustrace { background-image:url(img/kubikacek/image015.gif); }
div.kubikacekitem.ST__ServirovaciStolek .Ilustrace { background-image:url(img/kubikacek/image016.gif); }
div.kubikacekitem.ST__SatniSkrin .Ilustrace { background-image:url(img/kubikacek/image017.gif); }
div.kubikacekitem.ST__Piano .Ilustrace { background-image:url(img/kubikacek/image018.gif); }
div.kubikacekitem.ST__StojaciHodiny .Ilustrace { background-image:url(img/kubikacek/image019.gif); }
div.kubikacekitem.ST__KoncertniKridlo .Ilustrace { background-image:url(img/kubikacek/image020.gif); }
div.kubikacekitem.ST__ToaletniStolek .Ilustrace { background-image:url(img/kubikacek/image021.gif); }
div.kubikacekitem.ST__Televize .Ilustrace { background-image:url(img/kubikacek/image022.gif); }
div.kubikacekitem.ST__OdkladaciStolek .Ilustrace { background-image:url(img/kubikacek/image023.gif); }
div.kubikacekitem.ST__Radio .Ilustrace { background-image:url(img/kubikacek/image024.gif); }
div.kubikacekitem.ST__NocniStolek .Ilustrace { background-image:url(img/kubikacek/image025.gif); }
div.kubikacekitem.ST__Video .Ilustrace { background-image:url(img/kubikacek/image026.gif); }
div.kubikacekitem.ST__Lavice .Ilustrace { background-image:url(img/kubikacek/image027.gif); }
div.kubikacekitem.ST__Stereo .Ilustrace { background-image:url(img/kubikacek/image028.gif); }
div.kubikacekitem.ST__Stul .Ilustrace { background-image:url(img/kubikacek/image029.gif); }
div.kubikacekitem.ST__Pracka .Ilustrace { background-image:url(img/kubikacek/image030.gif); }
div.kubikacekitem.ST__PsaciStul .Ilustrace { background-image:url(img/kubikacek/image031.gif); }
div.kubikacekitem.ST__Mycka .Ilustrace { background-image:url(img/kubikacek/image032.gif); }
div.kubikacekitem.ST__Zidle .Ilustrace { background-image:url(img/kubikacek/image033.gif); }
div.kubikacekitem.ST__Susicka .Ilustrace { background-image:url(img/kubikacek/image034.gif); }
div.kubikacekitem.ST__Kreslo .Ilustrace { background-image:url(img/kubikacek/image035.gif); }
div.kubikacekitem.ST__Mrazak .Ilustrace { background-image:url(img/kubikacek/image036.gif); }
div.kubikacekitem.ST__CalouneneKreslo .Ilustrace { background-image:url(img/kubikacek/image037.gif); }
div.kubikacekitem.ST__Mikrovlnka .Ilustrace { background-image:url(img/kubikacek/image038.gif); }
div.kubikacekitem.ST__SedaciSouprava .Ilustrace { background-image:url(img/kubikacek/image039.gif); }
div.kubikacekitem.ST__Vysavac .Ilustrace { background-image:url(img/kubikacek/image040.gif); }
div.kubikacekitem.ST__Postel .Ilustrace { background-image:url(img/kubikacek/image041.gif); }
div.kubikacekitem.ST__StandardBox .Ilustrace { background-image:url(img/kubikacek/image042.gif); }
div.kubikacekitem.ST__Dvouluzko .Ilustrace { background-image:url(img/kubikacek/image043.gif); }
div.kubikacekitem.ST__ChinaBox .Ilustrace { background-image:url(img/kubikacek/image044.gif); }
div.kubikacekitem.ST__DetskaPostylka .Ilustrace { background-image:url(img/kubikacek/image045.gif); }
div.kubikacekitem.ST__SatniBox .Ilustrace { background-image:url(img/kubikacek/image046.gif); }

h1 { font-size:200%; margin:0 0 8px 0; text-align:left; line-height:25px; font-weight:normal; font-family:Arial,sans-serif; letter-spacing:0px;clear:both }
h2 { font-size:160%; text-align:left; letter-spacing:0.05px; font-family:Arial,sans-serif; margin:0 0 10px 0; font-weight:normal; color:#000; }
h3 { font-size:1.1em; }
h4 { font-size:1em; }
h5 { font-size:1em; color:black; }

#DocumentPath { margin-bottom:20px; }

