/* 			_______________________	*/
/*			STYLES FOR SCREENS		*/




/* 			_______________________	*/
/*			VARIABLE PALETTE		*/
/*			change reading nav too	*/


/*			set h2s back to 62	*/

body 		{
			border-top: 2px solid #8B9398;
			margin: 0px 0px 0px 0px;
			padding: 0px 0px 0px 0px;
			text-align: center;	
			background-color: #ffffff;
                        background-image: url('../i/bg_top.jpg');
                        background-repeat: x-repeat;
                        background-position: top center;
			font-family: Verdana, Geneva, Arial, sans-serif;
			font-size:70%;
			width:100%;
			height:100%;
			}
			



		
.accent 	{ color: #322924;font-weight:bold; }

a               { color:#322924; text-decoration: underline;}
a:link		{  text-decoration: underline;   }
a:visited	{  text-decoration: underline; }
a:active	{  text-decoration: underline; }
a:hover		{ color: #222; }


#clear                  {clear:both;
                        }
			




/* 			_______________________	*/
/*			THE BASICS				*/
#main 	{
			width: 100%;
			height: 100%;


			}
hr                      {

                        color: #cccccc;height:1px;
                        margin:8px 5px;
                        }



/* 			_______________________	*/
/*			STRUCTURAL 				*/
	
#header                {
                       width:1090px;
                       margin: 0 auto;
                       position:relative;
                       }
#logo_hp
                {       margin:20px 0px;
                        width:600px;
                        height:83px;
                        float:left;


                }
#logo_hp h1 a
                {
                        display: block;
                        width:297px;
                        height:58px;
                        background-image:url('../i/logo_hi.png');
                        text-indent: -9999px;
                	top:0px;
                	font-size:6px;
                	margin:0px;
                }
#logo_hp h1 a.xmas
                {
                        display: block;
                        width:322px;
                        height:83px;
                        background-image:url('../i/logo_hi_xmas12.png');
                        text-indent: -9999px;
                	top:0px;
                	font-size:6px;
                	margin:0px;
                }
#logo_pp              {
                      display: block;
                      width:218px;
                      margin:20px 0px;
                      text-align:left;
                      float:left;
                      }
#logo_hanak              {
                      width:218px;
                      margin:20px 0px;
                      display: block;
                      text-align:right;
                      float:left;
                      }
#content                {
                       width:1090px;
                       margin: 0 auto;
                       position:relative;

                       }

#column_left           {
                       width:600px;
                       float:left;
                       }
#column_right           {
                       width:490px;
                       float:right;

                       }
#column_all           {
                       width:1090px;
                       float:left;

                       }
#bottom                {
                       width:1090px;
                       margin: 0 auto;
                       }
#text                  {background-color:#ffffff;
                        text-align:left;
                        padding:0;
			height: 100%px;
			width: 475px;
			margin: 0;
			border:#322924 solid 6px ;
			}
#text_all                  {background-color:#ffffff;
                        text-align:left;
                        padding:0;
			height: 100%px;
			width: 1074px;
			margin: 0;
			border:#322924 solid 6px ;
			}
			



/* 			_______________________	*/
/*			THE text			 	*/
			
#text .padd, #text_all .padd                {
                        padding:5px 8px;
                        }
#text p, #text_all p                {
                        padding:3px 3px;
                        }

#bottom .copyright      {
                        color:#978846;
                        margin: 0;
			padding: 12px 0px 7px 0px;
			text-align: right;
			font-size: 11px;
			line-height: 14px;
   }
.pageLogo img           {width:180px;
                        border:1px solid #cccccc;
                        }

#text div.akcni            {
                        width:100%;
                        height:30px;
                        background-color:#bea94b;
                        text-align:center;
                        }
#text div.akcni  a:link          {
			line-height:30px;
                        font-size:16px;
                        font-weight:bold;
                        }
						
/* 			_______________________	*/
/*			THE HEADLINES			*/

/* 			HEADERS 				*/	
h2			{
			font-family: Gill Sans, Verdana;
			color: #000000;
			margin: 0;
			padding: 10px 0px 8px 0px;
			font-size: 15px;
			line-height: 19px;
			text-transform: uppercase;
			letter-spacing: 1px;
			font-weight: bold;
			}
		
/* 			WOOD 					*/
h1			{
			font-family: Verdana, Times New Roman, times-roman, georgia, serif;
			color: #444;
			margin: 0;
			padding: 0px 0px 6px 0px;
			font-size: 22px;
			line-height: 26px;
			letter-spacing: -1px;
			font-weight: bold;
			}
		
/* 			TEASES OBLIQUE 			*/
h3			{
			font-family: Gill Sans, Verdana;
			color: #000000;
			margin: 0;
			padding: 10px 0px 8px 0px;
			font-size: 12px;
			line-height: 13px;
			text-transform: uppercase;
			letter-spacing: 1px;
			font-weight: bold;
			}

/* 			LITTLE WOOD 			*/
h4			{
			font-family: times, Times New Roman, times-roman, georgia, serif;
			color: #444;
			margin: 0;
			padding: 0px 0px 6px 0px;
			font-size: 34px;
			line-height: 30px;
			letter-spacing: -1px;
			font-weight: bold;
			}

/* 			ARCHIVE WOOD 			*/
h5			{
			font-family: times, Times New Roman, times-roman, georgia, serif;
			color: #444;
			margin: 0;
			padding: 0px 0px 6px 0px;
			font-size: 40px;
			line-height: 36px;
			letter-spacing: -1px;
			font-weight: bold;
			}
			
/* 			SUBHEADS OBLIQUE 			*/
h6			{
			font-family: times, Times New Roman, times-roman, georgia, serif;
			font-style: oblique;
			color: #444;
			margin: 7px 0px 4px 0px;
			font-size: 22px;
			line-height: 22px;
			letter-spacing: -1px;
			font-weight: bold;
			}
			

/* 			_______________________	*/
/*			THE NAVIGATION			*/



#imenu                 {float:left;
                       margin:1px;
                       width:110px;
                       height:110px;
                       text-align:center;
                       background-color:#e5e4e3;
                       border:1px solid #bcad94;}
#imenu img              {
                       margin:5px auto;
                       }
#imenu a:link              { text-decoration:none;
                      }

#imenu a:hover              { color:#666666;
                      }

.TopMenu        {
                        padding:5px 0px 0px 0px;
                        }
.hmenu                  {

                        background-color:#bea94b;

                        }
.hmenu   a:link, .hmenu a:visited               {

                        color:#322924;

                        }
#menu_main              {width:600px;
                        }
#menu_main li           {

                        height:30px;
                        text-align:center;
                        float:left;
                        margin:0;
			padding:0;


			text-decoration: none;
			list-style-type:none;
                        }
#menu_main a:link, #menu_main a:visited        {
                        font-size:12px;
			line-height:28px;
			padding: 0px 0px 0px 0px;
			text-decoration: none;
			margin: 0px 3px 0px 0px;
                        color:#947b53;
			font-weight:bold;
			background-color:#322924;
			color:#bea94b;
			width:117px;
			display:block;
			height:28px;
                        }
#menu_main a:hover      {
                        color:#fff;
                        }

#menu_sub              {width:489px;
                        }
#menu_sub li           {

                        height:30px;
                        text-align:center;
                        float:left;
                        margin:0;
			padding:0;


			text-decoration: none;
			list-style-type:none;
                        }
#menu_sub a:link, #menu_sub a:visited        {
                        font-size:11px;
			line-height:28px;
			padding: 0px 0px 0px 0px;
			text-decoration: none;
			margin: 0px 3px 0px 0px;
                        color:#947b53;
			font-weight:bold;
			background-color:#bea94b;
			color:#322924;
			width:160px;
			display:block;
			height:28px;
                        }
#menu_sub a:hover      {
                        color:#fff;
                        }




/* 			_______________________	*/
/*			THE CHECKLISTS			*/


															
/* 			_______________________	*/
/*			ESOXX			*/

/* 			KALKULACKA 				*/

  #sloupec1 {position:absolute;top:50px;left:10px;}  
  .ESSOX {text-align:left;margin-bottom:20px;padding:3px;border:1px silver solid;width:180px;}
  .ESSOX * {font-size:11px;}
  .ESSOXbutton {border:1px #CCCCCC solid;background:#EFEFEF repeat-x bottom left;color:#666666;}
  #ESSOXlogo {position:absolute;top:20px;width:130px;left:11px;}
  #ESSOX_kalkulacka_0navroz {font-weight:bold;background:#ff0000;padding:5px;color:white}
  #ESSOX_printSplatky {display:none}
  .ESSOX_popis {width:400px;text-align:right;font-size:10px;color:#000000;}
  ul {position:relative;left:-15px}
  ul li {margin:3 0px}