/**************************************************/
/*                                                */
/*   Author:    Michal Hlavac, Bc. Richard Kalab  */
/*   websites:  www.all4fun.cz         	          */
/*                                                */
/*   Date:       19.08.2009                       */
/*                                                */
/*   Copyright:  Bc. Richard Kalab 	       	      */
/*               www.richard-kalab.cz             */
/*                                                */
/**************************************************/
/* nastaveni defaultnich prvku */
html { width: 100%; margin: 0; padding: 0; }
body { width: 100%; margin: 0; padding: 0; background: #FFF; }
a img { border: 0; }
em { font-style: normal; }
a { text-decoration: none; color: #000; }
a:hover { text-decoration: underline; }
body, p, em, h1, h2, h3, h4, h5, h6, div, span, li, a, textarea, abbr { font-family: Arial, Verdana, Helvetica, "Geneva CE", lucida, sans-serif; }
p, address, dl, dl{ margin: 0; padding: 0 30px 15px 0; font-size: 12px; line-height: 1.4em; font-style: normal; }
p a { color: #333; text-decoration: none; }
ul { margin: 0 20px 15px 20px; padding: 0; font-size: 12px; color: #000; font-style: normal; }
abbr { cursor: help; }
form {margin:0;padding:0;}
h1 { margin: 0; padding: 0 0 20px 0; color: #883737; font-size: 20px; font-weight: bold; display: block; }
.h1-1 { color: #79c91c; }
.h1-2 { color: #fdaf35; }
.h1-3 { color: #54baf3; }
.h1-4 { color: #ff522a; }
h2 { margin: 0; padding: 0 10px 15px 0; color: #BBB; font-size: 18px; font-weight: normal; display: block; }
h2 a { color: #bbb; text-decoration: none; }
h3 { margin: 0; padding: 20px 0 10px 0; color: #642323; font-size: 18px; font-weight: normal; display: block; text-transform: uppercase; }
h4 { margin: 0; padding: 20px 0 20px 0; color: #642323; font-size: 14px; font-weight: bold; display: block; text-transform: uppercase; }

/* standardni CSS */
/******************/
#main-layout-null { margin: 0; padding: 0; }
#main-layout { margin: 0 auto; padding: 0; width: 960px; }
#header { margin: 0 auto; padding: 30px 0 0 0; width: 940px; height: 223px; }	
#menu{ margin: 0 auto; padding: 0; width: 940px; height: 100px; }
	.menu { margin: 0; padding: 0; list-style-type: none; font-size: 16px; }
	.menu-link { margin: 0; padding: 0; float: left; display: block; }
	.menu-link a:hover { text-decoration: none; }
	.menu-gt, .menu-pa, .menu-ap, .menu-fa { margin: 0 0 0 0; padding: 54px 0 0 25px; line-height: 23px; font-size: 32px; width: 210px;
    height: 46px; color: #FFF; text-transform: uppercase; float: left; }
	.menu-gt { background-image: url('../design/bg-gt.jpg'); }
	.menu-gt { background-position: 0px -100px; }
	.menu-ap { background: url('../design/bg-ap.jpg') 0 0 repeat-y; }
	.menu-fa { background: url('../design/bg-fa.jpg') 0 0 repeat-y; }
	.menu-pa { background: url('../design/bg-pa.jpg') 0 0 repeat-y; }
	.sub { margin: 0 0 0 0; padding: 0; display: block; line-height: 24px; }

#content-null { margin: 0 auto; padding: 0; width: 960px; }
#content { margin: 0 10px 10px 0; _margin-right: 5px; padding: 30px 0 0 30px; width: 675px; float: right;  }
	.cont_bg-rep { margin: 0 auto; padding: 0; width: 960px; background: url('../design/bg_content.gif') 100% 0 repeat-y; }
  .cont_bg { margin: 0 auto; padding: 0 0 10px 0; width: 960px; background: url('../design/bg_cont_roh.gif') 100% 100% no-repeat; }
#side-news { margin: 0 0 0 10px; _margin-left: 5px; padding: 25px 10px 10px 10px; width: 215px; float: left; }
#content2 { margin: 0; padding: 0 0 30px 0; width: 960px; background: url('../design/bg_content2.gif') 0 100% no-repeat; }
  .half-block { margin: 0; padding: 0; width: 241px; }
  .clasic { margin: 0;padding: 0; }
  .clasic dd, .clasic dt { margin: 0 0 5px 0; padding: 0; }
  .clasic dt input { width: 209px; }
  .sp-area { margin: 0; padding: 3px 5px; width: 209px; height: 100px;
    font-size: 12px;  }
  .sp-area-reg { margin: 0; padding: 3px 5px; width: 209px; height: 100px;
    font-size: 12px;  }

  .dd-flt { margin: 0; padding: 3px 0 0 0 !important; float: left; width: 130px; display: block; }
  .dt-flt { margin: 0; padding: 0; float: left; width: 340px; display: block; }


      /*
        root element for the scrollable.
        when scrolling occurs this element stays still.
      */
      div.scrollable { position: relative; overflow: hidden; width: 478px; height: 110px; _height: 110px;}

      /*
        root element for scrollable items. Must be absolutely positioned
        and it should have a super large width to accomodate scrollable items.
        it's enough that you set width and height for the root element and
        not for this element.
      */
      div.scrollable div.items { width: 20000em; position: absolute; clear: both; margin-left: 0 !important; }

      /* single scrollable item */
      div.scrollable div.items div { float: left; width: 160px; font-size: 12px; margin-right: 25px; }

      /* this makes it possible to add next button beside scrollable */
      div.scrollable { float:left; }

      /* prev, next, prevPage and nextPage buttons */
      /*
      a.prev, a.next, a.prevPage, a.nextPage { padding: 0; display: block; width: 37px; height: 37px; }
      a.prev { margin: 100px 25px 0 0; float: left;  background: url('../design/sipka-left.gif')  0 0 no-repeat; }
      a.next { margin: 100px 0 0 10px; float: right; background: url('../design/sipka-right.gif') 0 0 no-repeat; }
      */
      #gallerie { padding: 10px 0; height: 110px !important; }
      a.prev, a.next, a.prevPage, a.nextPage { padding: 0; display: block; width: 46px; height: 46px; }
      a.prev { margin: 30px 50px 0 0; float: left;  background: url('../design/arrow-left.gif')  0 0 no-repeat; }
      a.next { margin: 30px 10px 0 10px; float: right; background: url('../design/arrow-right.gif') 0 0 no-repeat; }


      /* mouseover state */
      a.prev:hover, a.next:hover, a.prevPage:hover, a.nextPage:hover {
        background-position: -45px 0;
      }

      /* disabled navigational button */
      a.disabled { visibility: hidden !important; }

      /* next button uses another background image */
      a.next, a.nextPage { clear: right; }



      /*********** navigator ***********/


      /* position and dimensions of the navigator
      div.navi { margin: 0 auto; width: 240px; height: 20px; background: #cc0000; }
 */

      /* items inside navigator 
      div.navi a { width: 8px; height: 8px; float: left; margin: 3px; display: block; font-size: 1px; }
*/
      /* mouseover state 
      div.navi a:hover { background-position: 0 -8px; }
*/
      /* active state (current page state) 
      div.navi a.active { background-position: 0 -16px; }
*/
/* boxovani */
      /* get rid of those system borders being generated for A tags */
      a:active { outline: none; }

      :focus { -moz-outline-style: none; }

      /* define background image for the expose mask */
      #mask { background: #123 url('../design/mask_gradient_1800.png') no-repeat; background-position: 50% -200px; }

      /* general settings for both scrollables */
      div.items { width: 20000em; position: absolute; clear: both; }

      /* next/prev buttons */
      div.navi { background-image: url('../design/arrow-left.gif'); width: 45px; height: 45px; float: left; margin-top: 100px; cursor: pointer; }

      div.navi:hover  		{ background-position: -45px 0; }
      div.navi:active  		{ /*background-position:-60px 0;*/ }
      div.nextPage 			  { /*background-position: 0 -30px;*/ background-image:url('../design/arrow-right.gif');  clear:right; }
      div.nextPage:hover 	{ background-position: -45px 0; }
      div.nextPage:active { /*background-position:-60px -30px;*/ }


      div.navi.disabled { visibility:hidden; }


      


      /* box styling */
      #box { background: url('../design/black.png') 50% 0 no-repeat; _background: transparent; width: 685px; height: 550px; position: absolute; display: none; }

      /*
        image is contained on the overlay background image.
        the closing button is thus just a transparent container.
      */
      #box div.close { background: none; position: absolute; left: 14px; top: 14px; cursor: pointer; display: block; height: 35px; width: 35px;
        background: url('../design/ie7-hack.gif') 0 0 no-repeat; }

      /* overlay scrollable */
      #images { position: absolute; overflow: hidden; margin: 60px 65px; width: 557px; height: 400px; }

      /* single image */
      #images div.items div { float: left; width: 557px; height: 400px; }

      /* the tooltip */
      #images div.items div.info { float: none; background: #000; color: #fff; font-size: 13px; margin: -40px 0 0 20px;
             padding: 5px 40px; height: 110px; display: none; width: 510px; }
      #images div.items div.info h2 { color: #fff; font-size: 16px; font-weight: bold; margin: 0; }

      /* override button style on the overlay */
      #box div.navi { position: absolute; top: 0; left: 65px; }
      #box div.nextPage { left: 578px; }





#bloky { margin: 0; padding: 30px 0 25px 0; width: 960px; background: url('../design/bg_bloky.gif') 0 100% no-repeat; }
  #bloky-bg { margin: 0; padding: 0; background: url('../design/bg-cont1.gif') 50% 0 repeat-y; }
	.blok1, .blok2, .blok3, .blok4 { margin: 0; padding: 0 0 0 25px; width: 210px; float: left; }
  .blok1 { margin: 0 0 0 10px; }
  .blok1 p, .blok2 p, .blok3 p, .blok4 p { color: #888; font-size: 14px; line-height: 20px; }

#big-menu { margin: 0 auto; padding: 0; width: 940px; height: 309px; }
	.big-link1, .big-link2, .big-link3 { margin: 0; padding: 0; float: left; display: block; list-style-type: none; }
    .btn_onas, .btn_refs, .btn_kont { padding: 242px 0 0 0; text-align: right; color: #fff; font-size: 32px; text-transform: uppercase;
      height: 68px; float: left; display: block; background: url('../design/bg-opac.gif') 0 242px no-repeat;  }
    .btn_onas:hover, .btn_refs:hover, .btn_kont:hover { text-decoration: none; }
		.big-link1 { width: 320px; background: url('../design/btn_onas.jpg') 100% 0 no-repeat; }
		.big-link2 { width: 302px; background: url('../design/btn_refs.jpg') 0 0 no-repeat; }
		.big-link3 { width: 317px; background: url('../design/btn_kont.jpg') 0 0 no-repeat; }
    .btn_onas { width: 320px; }
		.btn_refs { width: 302px; }
		.btn_kont { width: 317px; }

    .line { margin: 0; padding: 21px 22px 0 0; display: block; color: #fff; height: 47px; cursor: pointer; }

#footer { margin: 0 auto; padding: 0; width: 960px; }
	.copy, .suns { margin: 0; padding: 10px; display: block; float: left; font-size: 10px; color: #666;}
	.suns { float: right; text-align:right; }
	.suns a { color:#666666; }
	.copy { float: left; }


/* hlasky */
.error-message { margin: 5px 0; padding: 10px 10px 10px 40px; display: block; min-height: 16px; _height: 16px; color: #d70000;
    border: solid 1px #d70000; background: url('../design/exclamation.gif') 10px 50% no-repeat; }
.error-message-2 { margin: 0 0 5px 0; padding: 8px; display: block; min-height: 22px; _height: 22px; color: #d70000;
    border: solid 1px #d70000; /*background: url('../design/hlaska-not.gif') 0px 50% no-repeat;*/ }
.info-message { margin: 5px 0; padding: 10px 10px 10px 40px; display: block; min-height: 22px; _height: 22px; color: #5592c3;
    border: solid 1px #77b4e5; background: url('../design/detail.gif') 10px 50% no-repeat; }
.ok-message { margin: 5px 0; padding: 10px 10px 10px 40px; display: block; min-height: 22px; _height: 22px; color: #6bc734;
    border: solid 1px #6bc734; background: url('../design/accept.gif') 10px 50% no-repeat; }



/* helper */
.fleft  { float: left; }
.fright { float: right; }
.block  { display: block; }
.clnr   { clear: both; margin: 0 !important; padding: 0 !important; }

.obal-15 { padding: 0 15px; }

.w415i { width: 415px !important; }
  
/* stylovani google 404 vyhledavani */
#goog-fixurl div#goog-wm div.content ul { margin: 0; padding: 0; list-style-type: none; color: #333;}
#goog-fixurl div#goog-wm div.content ul li { margin: 0; padding: 0 0 6px 0; list-style-type: none; color: #333;}
h3.other-things { margin: 0; padding: 0 0 10px 0; color: #642323; font-size: 14px;}