/*
	Common classes (Don't use them!)

	odd			- common intermitent class (ex. in table, menu)
	even		- common intermitent class (ex. in table, menu)

	frame		- frame item
	border		- frame border/corner
	border<n>	- frame border/corner (n=order/depth)
	lt			- frame left top corner
	top			- frame top border
	rt			- frame right top corner
	right		- frame right border
	rb			- frame right bottom corner
	bottom		- frame bottom border
	lb			- frame left bottom corner
	left		- frame left border
	inner		- frame innermost border/corner
	outer		- frame outermost border/corner

	menu		- menu
	item		- menu item
	order<n>	- menu item order (n=order)
	level<n>	- menu item deep level (n=level)
	first		- menu first item
	last		- menu last item
	submenu		- menu item with submenu

*/


/* DOCUMENT */

html, body
{
	margin: 0;
	padding: 0;
}

html, button
{
	/**/ font-family: Arial, Sans-serif, Helvetica,Verdana,Comic Sans MS ;	/* custom */
	/** / font-family: Verdana, Arial, Trebuchet MS, Sans-serif, Helvetica;	/* bezpatkove */
	/** / font-family: Times New Roman;	/* patkove */
	font-size: 12px;
}

body
{
	font-size: 100%;
	text-align: center;
}


/* BASE */

form{margin: 0;}

h1, h2, h3, h4, h5, h6
	{margin: 0;}

h1{padding: 16px 0;}
h2{padding: 14px 0;}
h3{padding: 14px 0;}
h4{padding: 15px 0;}
h5{padding: 16px 0;}
h6{padding: 18px 0;}

p
{
	margin: 0;
	padding: 12px 0;
}

img
{
	border: 0;
	/*vertical-align: middle;*/
}


/* LAYOUT */
.pageArea
{
    position: relative;
	margin: auto;
	width: 1000px;
	padding: 2px 0;
	text-align: left;    
}

	.headerArea
	{
		height: 165px;
		position: relative;
        /* border: 1px white solid; */
        height: 165px;
	}
	
		.floatMenuArea
		{
			position: absolute;
			right: 200px;
			height: 17px;
		}

		.leftArea
		{
			float: left;
			height: 100%;
			width: 160px;
		}

		.rightArea
		{
            position: absolute;
            left: 850px;
			width: 100px;
		}
        
		.logoArea
		{
            position: relative;
			height: 100%;
            width: 1030px;
		}
.horMenuArea
{
	height: 35px;
	line-height: 35px;
}

.leftColumn
{
	width: 185px;
	float: left;
	
}

.rightColumn
{
	width: 160px;
	float: right;
}

	.rightColumn .vertical .menu.list .menu.list
	{
		right: 100%;
		left: auto;
	}
	
.mainArea
{
    position: absolute;
    top: 150px;
    margin-left: 184px;
    margin-right: 160px;
    height:420px;
    width: 650px;
    padding-top: 30px;
    padding-left: 15px;
    
}

.footArea
{
    text-align: center;
	height: 20px;
    margin-top: 20px;
}


/* COMPONENTS */

.clear{clear: both;}
.hidden{visibility: hidden;}
.center{text-align: center;}
.quote{font-style: italic;}
.number{text-align: right;}
.enviroment{text-align: center;}

table.layout,
table.layout th,
table.layout td
	{border: 0;}

table.layout td
	{vertical-align: top;}

.menu
{
	margin: 0;
	padding: 0;
}

.menu.item
{
	list-style: none;
	display: block;
	position: relative;
	/*height: 17px;*/
}

li.nodot{
    list-style: none;
}

.menu.item a
{
	display: block;
	/*height: 100%;*/
}

.menu.item img
{
	vertical-align: middle;
}

.menu.item .menu.list
{
	display: none;
	position: absolute;
	padding: 0;
	z-index: 100;
}

.menu.item:hover .menu.list
{
	display: block;
}

.menu.list .menu.list .menu.item a
{
	padding: 0;
}

.vertical .menu.item
{
	vertical-align: middle;
	text-align: center;
}

.vertical .menu.list .menu.list
{
	left: 100%;
	top: 0;
}

.horizontal .menu.list
{
	height: 100%;
}

.horizontal .menu.list .menu.list
{
	height: auto;
}

.horizontal .menu.item
{
	float: left;
	height: 100%;
}

/* horizontal submenu * /
.horizontal .menu.list .menu.list
{
	text-align: center;
	top: 17px;
	left: 50%;
	width: 400px;
	margin-left: -200px;
}

.horizontal .menu.list .menu.list .menu.item
{
	display: inline;
	padding: 0 14px;
	border-right: 1px solid #000;
}

.horizontal .menu.list .menu.list .menu.item.last
{
	border-right: 0;
}

.horizontal .menu.list .menu.list .menu.item a
{
	display: inline;
}
/**/

/* vertical submenu */
.horizontal .menu.list .menu.list
{
	text-align: center;
	top: 100%;
	left: 50%;
	width: 200px;
	margin-left: -100px;
	padding: 0;
}

.horizontal .menu.list .menu.list .menu.item
{
	float: none;
	border-top: 1px solid #000;
	line-height: 110%;
}

.horizontal .menu.list .menu.list .menu.item a
{
	display: block;
	padding: 2px 0;
}
/**/


/* UNIQUE COMPONENTS */


/* Header */

.header
{
	height: 100%;
}

/* Logo */

.logo a
{
	display: block;
}

.logo h1
{
	margin: 0;
	padding: 0;
}


/* Top (float) menu */

.topMenu img
{
	vertical-align: middle;
}

/* Main menu */

.mainMenu.inner
{
	width: 100%;
	font-size: 120%;
	font-weight: bold;
}

.mainMenu.horizontal
{
	height: 100%;
}

.mainMenu.vertical .menu.list .menu.list
{
	width: 120%;
}

/*
.mainMenu li ul
{
	display: none;
	padding-left: 13px;
}

.mainMenu li li
{
	display: inline;
	padding-left: 14px;
}

.mainMenu li li.first{padding-left: 0;}

.mainMenu li.active li ul,
.mainMenu li li.active li ul,
.mainMenu li li li.active li ul,
.mainMenu li li li li.active li ul,
.mainMenu li li li li li.active li ul,
.mainMenu li li li li li li.active li ul,
.mainMenu li li li li li li li.active li ul
	{display: none;}

.mainMenu li.active ul,
.mainMenu li li.active ul,
.mainMenu li li li.active ul,
.mainMenu li li li li.active ul,
.mainMenu li li li li li.active ul,
.mainMenu li li li li li li.active ul,
.mainMenu li li li li li li li.active ul
	{display: inline;}

.mainMenu li li li li li li li li.active ul
	{display: none;}
*/

/* Main */

.main.inner{padding: 28px 13px;}

/* Foot */

.footer.inner
{
	text-align: center;
}

.footer .copyright
{
}


/* PAGES */

/* Home */

/* Texts */

/* News */


/* OTHER */

/* correcting */
/* COMMENT * /.page{padding-right: 4px;}/**/

/* debug */
/* COMMENT * /*{border: 1px solid #000;}/**/
div.pocitadlo{
    position: absolute;
    width: 35px;
    height: 35px;
    
}
input.pocitadlo{
    background-color: transparent;
    font-size: 20pt;
    font-family: sans-serif;
    color: white;
    border: 0;
    height: 35px;
}

.dny{
    top:80px;
    left:841px;
    width: 45px;
    /*border: 1px white solid;*/
}

.hodiny{
    top:85px;
    left:898px;
    width: 35px;
    /*border: 1px blue solid;*/
}

.minuty{
    top:90px;
    left:943px;
    width: 35px;
    /*border: 1px red solid;*/
}

.scroller{
    cursor: pointer;
    /*border: 1px blue solid;*/
}

img.l1{
    left: 283px;
}

img.l11{
    left: 383px;
}

img.l2{
    left: 548px;
}

#scroll_up1{
    position: absolute;
    top: 50px;
    
}
#scroll_down1{
    position:absolute;
    top: 348px;
    
}

#scroll_up2{
    position: absolute;
    top: 50px;
    
}
#scroll_down2{
    position:absolute;
    top: 348px;
    
}

.content{
    position: absolute;    
    margin-top: -20px;
  
    /*border: 1px red solid;*/
    width: 620px;
    height: 395px;
}
.nadpis{
    margin-top: 25px;
    margin-left: 30px;
    /*border: 1px red dotted;*/
    font-size: 18pt;
    width:300px;
    height: 40px;
    color: #ffd800;
}
.text_obsah1{
    position:absolute;
    margin-left: 30px;
    margin-top: 8px;
    width: 370px;
    height: 280px;
    overflow: auto;
    
    /*border: 1px yellow dotted;*/
}

.text_obsah_full{
    position:absolute;
    margin-left: 30px;
    margin-top: 8px;
    width: 550px;
    height: 280px;
    overflow: auto;
    
    /*border: 1px yellow dotted;*/
}
.text_obsah2{
    position:absolute;
    margin-left: 410px;
    margin-top: 8px;
    width: 170px;
    height: 280px;
    overflow: auto;
    
    /*border:1px gray dotted;*/
}

.text_obsah1-1{
    position:absolute;
    margin-left: 30px;
    margin-top: 8px;
    width: 270px;
    height: 280px;
    overflow: auto;
    
    /*border: 1px yellow dotted;*/
}
.text_obsah2-1{
    position:absolute;
    margin-left: 310px;
    margin-top: 8px;
    width: 270px;
    height: 280px;
    overflow: auto;
    
    /*border:1px gray dotted;*/
}

.text{
    /*border: 1px white solid;*/
}

.new{
    margin-bottom: 10px;
}
.image{
    text-align:center;
}
.imagedesc{
    /*border: 1px red dotted;*/
    display: none;
}
table.images{
    margin:auto;
}
table.images tr td img{
    border: 1px white solid;
}

#partneri_change{
    width: 149px;
    height: 50px;
    margin-top: 10px;
}