@charset "utf-8";
/* 	
	Jiri Soman
	_______________________________________________

	Date of birth: 	16.07.2009, 10:13 a.m.
	Fathers name: 		Vizus
	Identity:			http://www.vizus.cz
*/

/*
	Reset styles - Default styles -----------------
	_______________________________________________
*/

html, body { height: 100%; margin: 0px; padding: 0px;}

body
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 18px;
	color: #333333;
	text-align:  center;
	
	background-color: #FFFFFF;
}

body.editor
{
	background-color: #FFFFFF;
}

H1, H2, H3, H4, H5, H6 {
	margin: 7px 0px;
	font-weight: bold;
	color: #000000;
}

H1 { font-size: 120%; margin-bottom: 15px;}
H2 { font-size: 100%; color: #ec3100;}
H3 { font-size: 100%;}
H4 { font-size: 100%;}
H5 { font-size: 100%;}
H6 { font-size: 100%;}

H1.dots,
H2.dots,
H3.dots,
H4.dots,
H5.dots,
H6.dots
{
	padding-left: 16px;
	background: url(dots.png) left no-repeat;
}

p { margin: 5px 0px 15px 0px;}
p.center { text-align:center;}

span.orange { color: #ec3100; position: relative; z-index: 999;} 

label.duty span.orange { color: #ec3100; position: static; z-index: auto;} /* 3. unora 2010 - programatori zasahovali do css :-) bozi hovadka - tu prasarnu o radek vys nepretezuju globalne, nevim kde se pouziva */

a
{
	color: #ec3100;
}

a:link,
a:visited
{
	text-decoration: underline;
}

a:hover
{
	text-decoration: none;
}

a img { 
	border: none;
}

ul
{
	margin: 0px;
	padding: 0px 0px 7px 15px;
}

ul li
{
	margin-bottom: 2px;
	margin-top: 1px;
}

/* tables */

table
{
	margin: 5px 0px 10px 0px;
	font-size: 12px;
	width: 710px;
}

table.standard
{
	border-right: none;
	border-bottom: none;
}

table.colored
{
	border-right: none;
	border-bottom: none;
}

table.standard th
{
	font-weight: bold;
	background-color: #eaeaea;
	text-align: left;
}

table.standard th,
table.standard td 
{
	border-right: 5px solid #FFFFFF;
	border-bottom: 5px solid #FFFFFF;
	background-color: #eaeaea;
}

table.colored th,
table.colored td
{
	background-color: #eaeaea;
	border-right: 5px solid #FFFFFF;
	border-bottom: 5px solid #FFFFFF;
}

table.colored th
{
	color: #000000;
	font-weight: bold;
}

table.standard th,
table.standard td,
table.colored th,
table.colored td
{
	padding: 5px 5px 5px 15px;
}

table.standard th.last,
table.standard td.last,
table.colored th.last,
table.colored td.last
{
	border-right: 0px;
	padding-right: 10px; 
}

table.diary-table a { color: #000000;}


/*
	Default classes -------------------------------
	_______________________________________________
*/

.clear
{
	clear: both;
	width: auto;
	height: 0px;
	line-height: 0px;
	font-size: 0px;
}

.imgL
{
	float: left;
	margin: 0px 10px 0px 0px;
}

.imgR
{
	float: right;
	margin: 0px 0px 0px 10px;
}

.left { float: left;}
.right { float: right;}

/* inputs and labels */

input
{
	
}

select
{

}


textarea
{
	
}

input.submit
{
	
}

/*
	layout ----------------------------------------
	_______________________________________________
*/

/* all layout stuff */
.main
{
	margin-left: auto;
	margin-right: auto;
	
	height: auto;
	width: 1000px;
	
	text-align:  left;
}

/*  header --------------------------------------- */

.header,
.search,
.header-in
{
	position: relative;
	float: left;
	height: 185px;
	width: 1000px;	
}

.header { margin-top: 35px;}

.search { height: 26px;}
.search a { color: #000000;}

.header-in
{
	height: 131px;
	background: url(header.jpg) top left no-repeat;
}

.header-in a.logo,
.header-in a.logo span
{
	position: absolute;
	top: 25px;
	left: 24px;
	z-index: 20;
	
	height: 56px;
	line-height: 50px;
	width: 116px;
	
	font-size: 30px;
}

.header-in a.logo span
{
	top: 0px;
	left: 0px;
	z-index: 40;
	
	background: url(logo.png) top left no-repeat;
}

.search p.abc,
.search ul.nav,
.search ul.langmenu
{
	position: absolute;
	top: 5px;
	left: 12px;
	font-size: 10px;
	line-height: 12px;
	
	padding: 0px;
	margin: 0px;
}

.search ul.nav
{
	position: relative;
	float: right;
	margin-right: 300px;
	
	list-style-type: none;
}

.search ul.langmenu
{
	position: relative;
	float: right;
	margin-right: 20px;
	text-transform: uppercase;
}

.search ul.nav li,
.search ul.langmenu li
{
	float: left;
	list-style-type: none;
}

.search ul.langmenu li a.active { color: #ec3100;}

.search ul.logged
{
	position: relative;
	float: right;
	margin-right: 10px;
	text-transform: none;
}

.search ul.logged li
{
	float: left;
	list-style-type: none;
}

.search ul.logged li a.active { color: #ec3100;}

.search .form,
.search .submit,
.search .text
{
	position: absolute;
	top: 0px;
	right: 0px;
	
	display: block;
	height: 26px;
	width: 251px;
	
	padding: 0px;
	margin: 0px;
	
	background:  url(search.png) top left no-repeat;
}

.search .submit
{
	width: 25px;
	
	border: 0px;
	background: none;
	
	cursor: pointer;
}

.search .text
{
	right: 25px;
	height: 18px; /* 26px */
	width: 118px; /* 126px */
	
	padding: 4px;
	
	color: #FFFFFF;
	
	border: 0px;
	background: none;	
}

.search .form label
{
	position: absolute;
	left: 15px;
	top: 3px;
	
	padding: 0px;
	margin: 0px;
	
	color: #FFFFFF;
	font-size: 12px;
	font-weight: bold;
}

/*  content ------------------------------------------ */

/* col-left */
.col-left,
.menu,
.menu ul
{
	float: left;
	height: auto;
	width: 230px;
}

.menu ul
{
	list-style-type: none;
	padding: 0px 0px 0px 2px;
}

.menu ul li
{
	float: left;
	width: 204px; /* 230px */
	line-height: 16px;
	
	font-weight: bold;
	padding: 0px 0px 4px 26px;
	
	background: url(dots.png) left 3px no-repeat;
}

.menu ul li a
{
	color: #000000;
	text-decoration: none;
}

.menu ul li a:hover, .menu ul li a.active { color:#ec3100;}

.menu ul li ul
{
	margin: 5px 0px 0px 0px;
	padding: 0px 0px 20px 0px;
	width: 200px;
}

.menu ul li ul li
{
	font-weight: normal;
	padding-left: 0px;
	background: none;
	width: 200px
}

.menu ul li ul li a
{
	display: block;
	color: #666666;
	padding-left: 20px;
}

.menu ul li ul li a:hover, .menu ul li ul li a.active
{
	text-decoration: underline;
	background: url(plus.png) left 3px no-repeat;
}

.menu ul li ul li li a { padding-left: 35px;}
.menu ul li ul li li li a { padding-left: 50px;}
.menu ul li ul li li li li a { padding-left: 65px;}

.menu ul li ul li li a:hover, .menu ul li ul li li a.active { background-position: 20px 3px;}
.menu ul li ul li li li a:hover, .menu ul li ul li li li a.active { background-position: 35px 3px;}
.menu ul li ul li li li li a:hover, .menu ul li ul li li li li a.active { background-position: 50px 3px;}

/* col-right */
.col-right
{
	position: relative;
	/* overflow: hidden; */
	float: right;
	/* height: auto; */
	width: 767px;
	
	border-left: #cccccc solid 1px;	
	z-index: 999;
}

.col-right .pad
{
	width: 757px; /* 767px */
	
	padding-left: 10px;
}

.col-right .pad2
{
	width: 710px; /* 711px */
	
	padding: 0px 15px;
	
	border-right: #cccccc solid 1px;
	position: relative;
	z-index: 999;
}

.subcol-left
{
	/* overflow: hidden; */
	position: relative;
	float: left;
	height: auto;
	width: 477px; /* 492px */
	
	padding-left: 15px;
}

.subcol-right
{
	overflow: hidden;
	float: right;
	height: auto;
	width: 226px; /* 264px */
	
	padding: 0px 25px 0px 13px;
	
	border-left: #cccccc solid 1px;	
}

/* content */
.col-right .pad .shadow,
.col-right .pad2 .shadow
{
	width: 687px; /* 711px */
	
	padding: 0px 12px 10px 12px;
		
	background: url(center-back2.png) bottom right repeat-x;
}

.col-right .pad2 .shadow {	width: 687px; /* 711px */}

.shadow
{
	float: left;
	height: auto;
	width: 453px; /* 477px */
	
	padding: 0px 12px 5px 12px;
		
	background: url(center-back.png) bottom left repeat-x;
}

.news,
.edit,
.checked-data
{
	float: left;
	height: auto;
	width: 477px;
	
	padding-top: 30px;
}

.edit, .checked-data { padding-top: 0px; width: 710px;}

.news .date
{
	float: left;
	height: 27px;
	line-height: 27px;
	width: 114px; /* 134px */
	
	padding: 0px 10px;
	
	font-weight: bold;
	color: #FFFFFF;
	background-color: #ed3101
}

.news .in
{
	float: right;
	height: 27px;
	line-height: 27px;
	
	padding-left: 16px;
	
	color: #ed3001;
	text-transform: uppercase;
	
	background: url(dots.png) left 8px no-repeat;
}

.news table { width: 477px;}

.news table.standard tr td
{
	background: #eaeaea url(dots.png) 10px 10px no-repeat;
	padding: 5px 10px 0px 30px;
	
	vertical-align: top;
}

.news table.standard tr td H2,
.news table.standard tr td H3,
.news table.standard tr td H4,
.news table.standard tr td H5,
.news table.standard tr td H6,
.news table.standard tr td a
{
	color: #000000;
	line-height: 18px;
	margin: 0px;
	padding: 0px;
}

.news table.standard tr td span.info { color: #666666;}

.news table.standard tr td.tdate
{
	height: 51px;
	width: 71px;
	
	background: url(tdate.png) top left no-repeat;
	
	color: #FFFFFF;
	font-weight: bold;
	text-transform: uppercase;
	text-align: center;
	
	margin: 0px;
	padding: 0px;
	border-right: 0px;
	
	vertical-align: top;
}

.news table.standard tr td.tdate a 
{
	display: block;	
	width: 100%;
	height: 100%;
	color: #ffffff;
	text-decoration: none;
}

.news table.standard tr td.tdate a:hover{	color: #000000; }
.news table.standard tr td.tdate a span { cursor: pointer; }

.news table.standard tr.one td
{
	background-color: #f9f9f9;
}

.news table.standard span.month,
.news table.standard span.year
{
	float: left;
	display: block;
	height: 25px;
	line-height: 25px;
	width: 71px;
}

.edit table.standard tr td H2,
.edit table.standard tr td H3,
.edit table.standard tr td H4,
.edit table.standard tr td H5,
.edit table.standard tr td H6,
.edit table.standard tr td a
{
	color: #000000;
	line-height: 18px;
	margin: 0px;
	padding: 0px;
}

.edit table.standard tr td.ed
{
	padding-left: 10px;
	width: 130px;
	vertical-align: top;
}

.edit table.standard tr td.ec
{
	padding-left: 10px;
	width: 30%;
	vertical-align: top;
}

table.checked-data-table
{
	border: 0px;
	width: 710px;
}

table.checked-data-table tr td
{
	border-right: #cccccc solid 1px;
	padding: 0px 0px 0px 11px;
}

table.checked-data-table tr td.table-first
{
	margin: 0px;
	padding: 0px;
	
	/* width: 45px; */
	color: #000000;
}

table.checked-data-table tr td.table-last
{
	border-right: 0px;
	text-align: right;
	
	padding: 0px;
}

table.checked-data-table a { color: #ed3101;}


.col-right ul { padding-left: 4px;}

.col-right ul li
{
	padding-left: 26px;
	list-style-type: none;
	background: url(dots.png) left 4px no-repeat;
}

table.det .name
{
	width: 70px;
	vertical-align: top;
}

table.det.small { width: 215px;}

table.standard.titles a, table.standard.titles { color:#000000;}
table.standard.titles tr td.tn { width: 140px;}
table.standard.titles tr td.ts { width: 85px;}
table.standard.titles tr td.ico { width: 85px; text-align: center;}

.det-logo
{
	position: absolute;
	top: 8px;
	right: 50px;
	z-index: 1000;
	
	height: auto;
	width: 195px;
	padding: 0px 0px 5px 0px;
	text-align: center;
	
	border-left: #cccccc solid 1px;
}

/* t search */
.tsearch
{
	float: left;
	height: auto;
	width: 477px;
	position: relative;
	z-index: 999;
}

.tsearch form
{
	padding: 0px;
	margin: 0px;
	position: relative;
	z-index: 999;
}

.tsearch .submit
{
	height: 34px;
	width: 107px;
	
	background: #ed3101;
	border: 0px;
	margin: 0px;
	
	color: #FFFFFF;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	
	cursor: pointer;
}

.tsearch .submit.delete
{
	background: #f69880;
	margin-left: 5px;
}

.tsearch .submit.mg
{
	margin-right: -1px;
}

.tsearch .border
{
	float: left;
	width: 100%;
	height: 100%;
	
	border: #ed3101 solid 1px;
}

.tsearch table.ad1 { margin-bottom: 0px; padding-bottom: 0px; /* position: relative; z-index: 999; */} /* 4. unora 2010 - programatori zasahovali do css :-) bozi hovadka */
.tsearch table.ad2 { margin-top: 0px; padding-top: 0px;}

.tsearch table tr td { padding-right: 10px;}
.tsearch table tr td.nn { padding-right: 0px; }
.tsearch table tr td.nnn { padding-right: 4px; }
.tsearch table tr td.for { padding-top: 0px; }
.tsearch table tr td.label { padding: 8px 0px; /* position: relative; z-index: 999; */}  /* 3. unora 2010 - programatori zasahovali do css :-) bozi hovadka */

.tsearch table tr td.bb
{ 
	height: 32px; /* 34px */
}

.tsearch .select
{
	height: 23px;
	width: 96%;
	margin: 5px 0px 0px 8px;
	/* position: relative;
	z-index: 1; */
}

.tsearch .text,
.tsearch .text1,
.tsearch .text2
{
	border: 0px;
	background: none;
	height: 14px; /* 34px */
	width: 220px; /* 360px */
	
	padding: 8px 5px;
	margin: 0px;
}

.tsearch .text1 { width: 220px;}
.tsearch .text2 
{ 
   width: 220px;
   width /*\**/: 205px\9; 
}

.tsearch .first { width: 220px; overflow: hidden;}
.tsearch .second { width: 108px; overflow: hidden;}
.tsearch .third { width: 220px; overflow: hidden;}
.tsearch .fourth { width: 220px; /*overflow: hidden;*/}
.tsearch .fifth { width: auto; overflow: hidden;}
.tsearch textarea
{
	border: 0px;
	background: none;
	height: 65px;
	width: 410px;
	margin: 8px 5px;
}
.tsearch select
{
	margin: 8px 5px;
}
.tsearch .custom-select
{
	width: auto;
}
.captcha-number
{
	border: 1px solid #ED3101;
	padding: 8px 5px;
	margin-top: 8px;

}
.captcha-image
{
	float: left;
	margin-right: 15px;
}
span.orange a { position: relative;}

span.orange a span.inner
{
	display: none;
	position: absolute;
	left: -12px;
	bottom: 20px;
	z-index: 999;
	height: 80px; /* 100px */
	width: 350px; /* 370px */
	
	padding: 10px;
	
	color: #FFFFFF;
	text-decoration: none;
	
	background: #ed3101;	
}

span.orange a:hover span.inner { display: block; text-decoration: none;}
span.orange a span.sec { left: -250px}


span.orange a span.inner span.horn
{
	position: absolute;
	left: 10px;
	bottom: -10px;
	height: 10px;
	width: 12px;
	
	background: url(horn.png) top left no-repeat;
}

span.orange a span.inner.sec span.horn { left: 248px}

/* boxes */
.box,
.box .label,
.box .content,
.key
{
	overflow: hidden;
	float: left;
	height: auto;
	width: 226px;
}

.box .label { border-bottom: #cccccc solid 1px;}

.box .label H2,
.box .label H3,
.box .label H4,
.box .label H5,
.box .label H6
{
	font-size: 14px;
	color: #333333;
	
	padding: 0px 12px;
}

.box .content { background: url(box-back.png) bottom left repeat-x;}
.box .content p { padding: 0px 12px;}

.box .content img
{
	padding: 10px 0px;
	
	/* border-bottom: #cccccc solid 1px; */
}

.key
{
	height: 137px;
	margin-bottom: 20px;
	background: url(key.png) top left no-repeat;
}

.key a
{
	display: block;
	float: left;
	height: 27px; /* 137px */
	width: 136px; /* 226px */
	
	padding: 110px 0px 0px 90px;
	
	color: #FFFFFF;
	font-weight: bold;
	text-decoration: none;
}

.key a:hover
{
	color: #FFFFFF;
	text-decoration: none;
}

/* big table */
.diary
{
	position: relative;
	float: left;
	height: 27px;
	width: 747px; /* 757px */
	
	padding-left: 10px;
	
	background-color: #fce0d9;
}

.diary H1
{
	padding: 0px;
	margin: 0px;
	line-height: 27px;
}

.diary-in
{
	position: absolute;
	top: 0px;
	right: 0px;
	height: 27px;
	width: 251px;
	
	background-color: #ed3101;
	color: #FFFFFF;
}

.diary-in span
{
	padding: 0px;
	margin: 0px;
	
	color: #FFFFFF;
	line-height: 27px;
	font-weight: bold;
	
	padding-left: 10px;
}

table.diary-table
{
	float: left;
	width: 757px;
	height: auto;
	
	color: #333333;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 12px;
	text-align: right;
	
	margin: 40px 0px 0px 0px;
}

table.diary-table tr td
{
	padding: 0px;
	margin: 0px;
	
	/*width: 55px;*/ /* 65px */
	padding-right: 10px;
	
	border-right: #cccccc solid 1px;
}

table.diary-table tr td.table-first
{
	/*xxxwidth: 95px;*/
	/*width: 125px;*/
	text-align: left;
	
	padding: 1px 0px 0px 10px;
	
	vertical-align: top;
}

table.diary-table tr td.table-first strong { font-size: 12px; display: block;}
table.diary-table tr td strong.up { font-size: 11px;}

table.diary-table tr td.table-second
{
	text-align: left;
	padding-left: 5px;
	
	/*width: auto;*/
}

table.diary-table tr td.table-last
{
	/* width: 75px; */
	border: 0px;
}

table.diary-table tr.space td
{ 
	height: 25px;
	border: 0px;
}

table.diary-table tr.orange td { /* color: #ec3100; */ font-weight: bold;}
table.diary-table tr.space-small td { height: 12px;}

table.diary-table tr.mutation td { background: #fce0d9;}
table.diary-table tr.mutation.little td { height: 10px; border: 0px;}

table.diary-table tr.info-panel td
{
	/*width: auto;*/
	line-height: 27px;
	background: #ed3101;
	
	font-size: 12px;
	color: #FFFFFF;
}

table.diary-table tr td a { text-decoration: none; }
table.diary-table tr td a:hover { text-decoration: underline; }


/*  footer ------------------------------------------ */

.foot
{
	position: relative;
	float: left;
	height: 49px; /* 85px */
	width: 956px; /* 1000px */
	
	padding: 18px 22px;
	
	font-size: 10px;
	line-height: 17px;

	border-top: #cccccc solid 1px;

	z-index: 1;
}

.foot a { color: #333333;}

.foot .if
{
	float: left;
	height: auto;
	width: 238px;
}

.foot .copy
{
	float: left;
	height: auto;
	width: 360px;
	
	padding-left: 40px;
	
	position: relative;
	z-index: 2;
}

.foot p
{
	padding: 0px;
	margin: 0px;
}

.foot .sign
{
	float: right;
	height: 34px;
	width: 226px;
}

.foot .sign a
{
	display: block;
	height: 34px;
	line-height: 34px;
	width: 136px; /* 226px */
	
	padding-left: 90px;
	
	color: #FFFFFF;
	font-weight: bold;
	font-size: 12px;
	text-decoration: none;
	
	background: url(key-footer.png) top left no-repeat;
}

/* .foot .sign a:hover
{
	color: #ec3100;
	background: url(sign-hover.png) top left no-repeat;
} */

/* NASEPTAVAC */

#FilterNamePublisher, #FilterNameTitle {
	color: #ec3100;
	font-weight: bold;
	position: relative;
	z-index: 999;
}

.suggest-outer { position: relative; clear: both; z-index: 9500;}

.suggest 
{
	position: absolute;
	top: -1px;
	width: 100%;
	background: #f9f9f9;
	border: #ed3101 solid 1px;
	/* max-height: 200px; */
	display: none;
	z-index: 1000;
}

.suggest ul 
{
	margin: 0px 0px;
	padding: 0px;
	color: #333333;
	position: relative;
	z-index: 999;
}

.suggest ul li 
{
	margin: 0px;
	height: 25px;
	line-height: 25px;
	overflow: hidden;
	background: none;
	padding-left: 5px;
	font-weight: bold;	
	cursor: pointer;
	font-size: 11px;
	position: relative;
	z-index: 999;
}

.suggest ul li.active 
{
	background: #eaeaea;
	color: #333333;
}

/* / NASEPTAVAC */

/*
	all -------------------------------------------
	_______________________________________________
*/

.h1	{ height: 1px;}
.h5	{ height: 5px;}
.h10 { height: 10px;}
.h20 { height: 20px;}
.h25 { height: 25px;}
.h30 { height: 30px;}
.h40 { height: 40px;}
.h50 { height: 50px;}
.h60 { height: 60px;}
.h70 { height: 70px;}
.h80 { height: 80px;}
.h90 { height: 90px;}
.h100 { height: 100px;}
.h120 { height: 120px;}

.mb10 { margin-bottom: 10px;}
.mb20 { margin-bottom: 20px;}
.mb30 { margin-bottom: 30px;}

.first { margin-top: 30px;}

.fc-red {color: #ec3100;}

.b {font-weight: bold !important;}

/* hANS: nejak je to tu nepretizitelne, musel jsem pouzit !important */
td.table-message
{
	width: auto !important;
	border-right: none !important;
	text-align: center;
}

table.report-search td
{
	background-color: #EAEAEA;
	padding: 2px 7px 2px 7px;
}
table.report-search,
table.report-search td
{
	border: 1px solid white;
	border-collapse: collapse;
}
table.report-search td h2
{
	margin: 0px;
	padding: 0px;
}
table.report-search a,
table.report-search a:hover {color: black;}
table.report-search td.report-search-2b {border-bottom-width: 7px;}
table.report-search tr.report-search-odd td {background-color: #DFDFDF;}