/*globální definice*/

*{ margin: 0; padding: 0; }

a{ color: #611925; font-weight: normal; text-decoration: underline; }
a.nodec{text-decoration: none;}

a:hover{ text-decoration: none; }

.overlaid{ display: block; position: relative; overflow: hidden; }

.overlaid span{ z-index: 1; position: absolute; width: 100% !important; height: 100% !important; top: 0; left: 0; }

a.overlaid:hover span{ cursor: pointer; background-position: right !important; }

/*pro účely testování*/

.red{ border: red 1px solid !important; }



/*celý dokument*/

body,html{ color: #000; font-family: arial, verdana, tahoma, sans-serif; line-height: 1.4; text-align: left; background-color: #FFFEF2; }



div#top{ z-index: 3; position: relative; width: 980px; height: 148px; margin: 10px auto; background: url("../images/top.jpg") no-repeat 134px 2px; }

/*logo*/

div#top h1{ position: absolute; width: 156px; height: 84px; top: 2px; left: -36px; }

div#top h1 a{ width: 156px; height: 84px; font-size: 30px; text-align: center; overflow: hidden; }

div#top h1 a em{ display: block; font-size: 15px; }

div#top h1 a span{ background: url("../images/logo.png") no-repeat top left; }

/*hlavní menu*/

div#top div#mainMenu{ z-index: 3; position: absolute; width: 980px; height: 50px; top: 98px; right: 0; background-color: #000; }

div#top div#mainMenu ul.horizontalMenu{ z-index: 3; height: 50px; left: 0; }

                     ul.horizontalMenu li.mainItem{ position: relative; float: left; display: block; height: 50px; text-align: center; }

                                       li.mainItem a.mainItemLink{ float: left; display: block; height: 16px; padding: 14px 19px 18px 17px; color: #868686; font-size: 14px; text-transform: uppercase; text-decoration: none; border-top: #000 2px solid; }   

                                       li.mainItem a.mainItemLast{ background: none; }

                                       li.mainItem a.mainItemLink:hover,

                                       li.mainItem.mainItemActive a.mainItemLink,

                                       li.mainItem:hover a.mainItemLink{ color: #fff; background-color: #3F3F3F; border-color: #EFE026; }   

/*podmenu hlavního menu*/

                                       li.mainItem ul{ z-index: 3; position: absolute; width: 180px; top: 50px; left: 0; visibility: hidden; background: url("../images/mainmenuSubmenu.png") repeat; }

                                       li.mainItem:hover ul ,

                                       li.mainItem:hover ul:hover{ visibility: visible; }

                                       li.mainItem ul li{ display: block; width: 180px; min-height: 17px; text-align: left; }

                                       li.mainItem ul li a{ display: block; width: 145px; padding: 6px 10px 6px 25px; color: #B2B2B2; font-size: 12px; font-weight: normal; text-decoration: none; background: url("../images/arrowRightYellowSml.png") no-repeat 11px 10px; }

                                       li.mainItem ul li a:hover,

                                       li.mainItem ul li a.submenuActive{ color: #FEEE28; background-color: #000; }   

/*header boxy*/

div#top a img{ border: none; }

div#top div.headerBoxOther{ position: absolute; height: 26px; top: 0; right: 10px; text-align: center; }     

div#top div.headerBoxLanguage{ position: absolute; height: 26px; top: 33px; right: 10px; color: #868686; font-size: 14px; text-align: center; }  

        div.headerBoxLanguage a{ color: #868686; } 

        div.headerBoxLanguage a:hover{ color: #000; }         

div#top div.headerBoxSocial{ position: absolute; height: 26px; top: 65px; right: 10px; text-align: center; width: 85px;}    

        div.headerBoxOther a,

        div.headerBoxSocial a{ padding: 0 2px; }

/*horní vyhledávání*/

div#top form#search{ position: absolute; width: 225px; height: 29px; top: 10px; right: 8px; }

        form#search fieldset{ width: 40px; height: 29px; padding-left: 185px; background: #FEEE28 url("../images/searchInput.png") no-repeat left top; border: none; }

        form#search fieldset input.searchInput{ position: absolute; width: 169px; height: 23px; top: 3px; left: 8px; color: #000; background-color: #FEEE28; border: none; }

        form#search fieldset input.searchButton{ width: 40px; height: 29px; overflow: hidden; }                

                                                                   

/*akce na indexu*/

div#action{ position: relative; width: 980px; margin: 10px auto; }

div#action div#actionBoxes{ position: relative; width: 980px; height: 335px; margin-bottom: 15px; overflow: hidden; }

div#action ul{ position: relative; width: 1500px; height: 295px; list-style-type: none; }

div#action ul li{ float: left; width: 256px; height: 295px; }    

div#action div.actionBox{ z-index: 1; position: relative; width: 209px; height: 253px; margin-right: 45px; padding: 20px 0; border: #C1C1C1 1px solid; text-align: center; }

div#action div.actionBox:hover{ background-color: #ffff99; border-color: #000; }

           div.actionBox img{ width: 150px; }                                      

           div.actionBox a.actionBoxMore{ z-index: 1; position: absolute; width: 189px; height: 63px; top: 0; left: 0; padding: 230px 10px 0 10px; color: #000; font-size: 13px; text-decoration: none; }   

                         a.actionBoxMore:hover{ text-decoration: underline !important; }  

/*div#action div#actionSlider{ position: relative; width: 950px; height: 24px; padding: 0 15px; overflow: hidden; background: url("../images/actionSlider.png") no-repeat center 4px; }     

           div#actionSlider div#actionSliderBox{ position: relative; width: 250px; height: 16px; padding: 4px 0; color: #fff; font-size: 12px; text-align: center; overflow: hidden; background: url("../images/actionSliderBox.png") no-repeat center top; }

div#action a.actionLeft{ z-index: 2; position: absolute; width: 6px; height: 24px; left: 10px; bottom: 0; color: #000; font-size: 12px; text-decoration: none; }

           a.actionLeft span{ background: url("../images/actionLeft.png") no-repeat left 8px; }

div#action a.actionRight{ z-index: 2; position: absolute; width: 6px; height: 24px; right: 10px; bottom: 0; color: #000; font-size: 12px; text-decoration: none; }

           a.actionRight span{ background: url("../images/actionRight.png") no-repeat left 8px; }*/  

                       

div#main{ z-index: 1; position: relative; width: 980px; margin: 0 auto 20px auto; overflow: hidden; }

/*styly platné pro celý hlavní blok*/

  div#main hr{ clear: both; width: 100%; height: 1px; margin: 10px auto; #margin: 0 auto; /*#margin kvůli IE7*/ color: #B8B8B6; background: url("../images/hr.png") repeat-x left top; border: none; }

  div#main div.newRow{ clear: both; }

  div#main h2,

  div#action h2{ padding: 10px 0; font-size: 14px; line-height: 1.2; color: #000; text-transform: uppercase; }

  div#main h3{ padding: 10px 0; font-size: 21px; line-height: 1.2; color: #000; }
  div#main h3.subnazev{ padding: 0px 0px 10px 0px; font-size: 18px; margin-top: 0; line-height: 1.2; color: #7a7a7a; }

  div#main h4{ padding: 10px 0; font-size: 20px; font-weight: normal; line-height: 1.2; color: #000; }

  div#main h5{ padding: 5px 0; font-size: 17px; line-height: 1.2; color: #000; }

  div#main h6{ padding: 5px 0; font-size: 14px; font-weight: normal; line-height: 1.2; color: #000; }

  div#main .alignRight{ text-align: right; }

  div#main .alignJustify{ text-align: justify; }

  div#main img.imgLeft{ float: left; margin: 0 15px 5px 0; }

  div#main img.imgRight{ float: right; margin: 0 0 5px 15px; }

  div#main .fontGray{ color: #868686; }  

  div#main a.iconRss{ position: absolute; width: 26px; height: 26px; top: 10px; right: 25px; padding: 3px; font-size: 10px; font-weight: normal; overflow: hidden; }

  div#main a.iconRss span{ background: url("../images/iconRss.png") top left no-repeat; }      

/*drobečková navigace*/

  div#main div#drobNav{ width: 980px; margin: 10px 0; font-size: 13px; }

           div#drobNav a{ text-decoration: none; }                                    

           div#drobNav a:hover{ text-decoration: underline; }        

           div#drobNav strong{ font-weight: normal; }                 

           

  div#main div#left{ clear: left; position: relative; float: left; width: 720px; font-size: 13px; }                                 

           div#left div.itemsSort{ position: absolute; top: 5px; right: 20px; }                                  

                    div.itemsSort label{ font-size: 13px; }

           div#left div.item{ position: relative; width: 680px; padding: 10px 20px; font-size: 12px; overflow: hidden; }                                                                          

                    div.item div.itemLeft{ float: left; width: 165px; }                                                                               

                    div.item div.itemRight{ float: right; width: 515px; }                                                                                

                    div.item p{ font-size: 13px; }                                                                 

                    div.item table.itemDetails { margin: 0 !important; border: none !important; }    

           div#left span.allItems{ font-size: 16px; }

/*obecné prvky obsahového sloupce*/

           div#left p{ padding: 10px 0; font-size: 13px; overflow: hidden; }                          

           div#left p.quote{ font-size: 19px; font-family: Georgia, 'New York CE', utopia, serif; }      

           div#left .anotation{ margin-bottom: 25px; padding: 10px 20px; background-color: #E8E8E7; }  

	    div#left .anotationwhite{ margin-bottom: 10px; padding: 1px 0px; background-color: transparent; }      

           div#left p.paging{ padding-left: 150px; }                                             

                    p.paging a{ padding: 0 3px; }                                           

                    p.paging strong{ padding: 0 3px; color: #010101; }

           div#left ul{ margin: 5px 0 10px 0; padding-left: 10px; }

           div#left ol{ margin: 5px 0 10px 0; padding-left: 25px; }

           div#left ul li{ margin: 2px 0; padding-left: 15px; list-style-type: none; background: url("../images/arrowRight.png") no-repeat left 5px; } 

           div#left ol li{ margin: 2px 0; }

           div#left table{ margin: 10px 0; border-collapse: collapse; border: #C1C1C1 1px solid; }    

           div#left table th{ padding: 3px 5px; color: #fff; background-color: #3F3F3F;  }

           div#left table td{ padding: 2px 5px; }

/*styly formuláře v obsahu*/

           div#left p.formError{ margin: 5px 0; padding: 10px; color: red; font-size: 15px; font-weight: bold; border: 1px dashed red; }

           div#left form{ position: relative; margin: 10px 0 30px 0; }

           div#left form fieldset{ clear: both; width: 718px; padding: 10px 0 5px 0; font-size: 13px; border: none; }

           div#left form label{ display: block; float: left; width: 80px; height: 15px; margin: 3px 0 3px 15px; padding: 3px 0; font-weight: bold; }

           div#left form input{ width: 210px; height: 15px; margin: 3px 0; padding: 3px 5px; border: #C1C1C1 1px solid; }                   

           div#left form textarea:hover,

           div#left form input:hover{ border-color: #3F3F3F; }

           div#left form input.button{ position: absolute; bottom: 5px; right: 24px; width: 64px; height: 26px; color: #4F4F4F; font-size: 12px; font-weight: bold; }

           div#left form input.button:hover{ color: #151515; }

           div#left form textarea{ width: 578px; height: 76px; margin: 7px 0; padding: 5px 5px; border: #C1C1C1 1px solid; }

           div#left form img{ position: absolute; bottom: -10px; right: 270px; border: none; }                                       

           div#left form div.formColumnLeft{ float: left; width: 350px; }                                           

           div#left form div.formColumnRight{ float: right; width: 350px; }  

/*styly fotogalerie v obsahu*/

           div#left div.contentGalery{ position: relative; margin: 15px 0; overflow: hidden; }

           div#left div.contentGalery p ,

           div#left div.contentGalery h4{ margin: 0; }

           div#left div.contentGalery img{ border: none; }

           div#left div.contentGalery a.contentGaleryMore{ position: absolute; bottom: 5px; right: 5px; }

           div#left div.contentGalery div.contentGaleryPic{ float: left; margin: 5px; padding: 8px; text-align: center; border: #C1C1C1 1px solid; }   
div#left div.contentGalery div.contentGaleryPic img{ display: block; }   


  div#main div#right{ float: right; width: 240px; }  

           div#right ul.submenu{ width: 240px; margin-bottom: 20px; font-size: 13px; list-style-type: none; }    

                     ul.submenu li.submenuMain{ display: block; width: 240px; border-bottom: #C1C1C1 1px solid; }

                                li.submenuMain>a{ display: block; width: 200px; min-height: 12px; padding: 3px 10px 3px 30px; color: #000; font-size: 12px; text-decoration: none; text-transform: uppercase; background: url("../images/arrowRightYellow.png") no-repeat 11px 8px; }

                                li.submenuMain a.submenuActive,

                                li.submenuMain a:hover{ color: #EFE028; background-color: #000; }

                     ul.submenu li.submenuLast{border: none; }

           div#right div.boxText{ font-size: 14px; }



div#footer{ clear: both; position: relative; width: 980px; height: 45px; margin: 10px auto 0 auto; background: url("../images/hr.png") repeat-x center top; }

div#footer a img{ border: none; }

div#footer div#footerInside{ position: relative; width: 980px; height: 42px; margin-top: 3px; font-size: 12px; overflow: hidden; background-color: #000; }

           div#footerInside a{ font-weight: normal; }

           div#footerInside>p{ display: block; float: right; height: 14px; padding: 14px 15px; font-size: 12px; text-align: right; background-color: #FEEE28; } 

           div#footerInside>p a{ color: #000; }

           div#footerInside ul.footerMenu{ position: absolute; height: 42px; top: 0; left: 0; list-style-type: none; }

                            ul.footerMenu li{ position: relative; display: block; float: left; height: 42px; text-align: center; }

                            ul.footerMenu li a{ display: block; float: left; height: 22px; padding: 10px 22px 10px 20px; color: #868686; font-size: 14px; text-transform: uppercase; text-decoration: none; background: url("../images/mainmenuItem.png") no-repeat right 13px; }                               

                            ul.footerMenu li a:hover{ color: #fff; }

                            ul.footerMenu li.footerMenuLast a{ background: none; }
div#left div.item ul.itemDetails{background: !important none; list-style-type: !important none;}
div#left div.item ul.itemDetails li{background: none;}