/*
základní modrá barva:		#0461b9;
inverzní barva k základní:	#fb9e46;
inverzní barva + 15% černé:	#d6863c;
*/

@import "/css/tables.css";
@import "/css/kontakt.css";
@import "/css/portfolio.css";
@import "/css/statistika.css";

BODY {
	color: #000;
	background: #eee;
	font: normal 8pt/1.1 'Helvetica CE', 'Trebuchet MS', Arial, sans-serif;
	text-align: center;
	margin: 0;
	padding: 0;
}

A 				{ color: #0461b9; text-decoration: underline; }
A:link			{ color: #0461b9; text-decoration: underline; }
A:hover			{ color: #000; text-decoration: none; }
A:active		{ color: #000; text-decoration: none; }
A:visited		{ color: #0461b9; text-decoration: underline; }
A:visited:hover	{ color: #000; text-decoration: none; }

A.go {
	background: url('/images/_layout/a-go.gif') right 50% no-repeat;
	padding-right: 10px;
}
A.go:hover,
A.go:visited:hover {
	background: url('/images/_layout/a-go_over.gif') right 50% no-repeat;
}

A.email {
	background: url('/images/_layout/a-email.gif') right 20% no-repeat;
	padding-right: 10px;
}
A.email:hover,
A.email:visited:hover {
	background: url('/images/_layout/a-email_over.gif') right 20% no-repeat;
}

A.out {
	background: url('/images/_layout/a-out.gif') right 20% no-repeat;
	padding-right: 6px;
}
A.out:hover,
A.out:visited:hover {
	background: url('/images/_layout/a-out_over.gif') right 20% no-repeat;
}

IMG {
	border: none;
}

FORM {
	margin: 0;
	padding: 0;
}

INPUT,
BUTTON,
TEXTAREA,
SELECT {
	border-top: 1px solid #ddd;
	border-left: 1px solid #ddd;
	border-bottom: 1px solid #888;
	border-right: 1px solid #888;
	font: normal 8pt/1.1 'Helvetica CE', 'Trebuchet MS', Arial, sans-serif;
	padding-left: 2px;
}
INPUT.checkbox {
	border: none;
}

SPAN.title {
	border-bottom: 1px dotted #0461b9;
	cursor: pointer;
}

SPAN.u {
	text-decoration: underline;
}

/*--  rozvržení stránky  --*/
#layout {
	text-align: left;
	position: relative;
	width: 760px;
	margin: auto;
}
/*--  /rozvržení stránky  --*/

/*--  logo  --*/
#logo {
	background: url('/images/_layout/bg-logo.gif') top left no-repeat;
	position: absolute;
	top: 74px;
	left: 0;
	width: 760px;
	height: 139px;
}

#logo H1 {
	background: url('/images/_layout/bg-logo-h1.gif') top left no-repeat;
	position: relative;
	top: 33px;
	left: 25px;
	width: 154px;
	height: 75px;
	margin: 0;
	padding: 0;
}
#logo H1 SPAN {
	display: none;
}
/*--  /logo  --*/

/*--  horní menu  --*/
#menu-top {
	background: url('/images/_layout/bg-menu-top.gif') top left no-repeat;
	position: absolute;
	top: 0;
	width: 760px;
	height: 74px;
}
#menu-top UL {
	margin: 0;
	padding: 0;
	position: absolute;
	top: 36px;
	left: 221px;
}
#menu-top UL LI {
	background: url('/images/_layout/menu-top-li.gif') top left no-repeat;
	font-size: 10pt;
	text-transform: uppercase;
	list-style-type: none;
	float: left;
	width: 171px;
	height: 30px;
	margin: 0;
	padding: 12px 0 0 0;
}
#menu-top UL LI A,
#menu-top UL LI A:link,
#menu-top UL LI A:visited {
	color: #888;
	text-decoration: none;
	padding-left: 5px;
}
#menu-top UL LI A:hover,
#menu-top UL LI A:visited:hover {
	color: #000;
	text-decoration: underline;
}
/*--  /horní menu  --*/

/*--  obsah  --*/
#content {
	background: #fff url('/images/_layout/bg-content.gif') top left repeat-y;
	position: absolute;
	top: 213px;
	width: 760px;
}
/*--  /obsah  --*/

/*--  levý sloupec  --*/
#left {
	background: url('/images/_layout/bg-left.gif') bottom left no-repeat;
	float: left;
	width: 206px;
}
#left-margin {
	padding: 15px 25px 10px 25px;
}
/*--  /levý sloupec  --*/

/*--  login, novinky  --*/
#login {
	background: url('/images/_layout/bg-login.gif') top left no-repeat;
	line-height: 150%;
	width: 154px;
}

#login-margin {
	padding: 6px;
}

#login H4,
#news H4  {
	color: #0461b9;
	font-size: 10pt;
	text-transform: uppercase;
	letter-spacing: 1px;
	margin: 0 0 10px 0;
	padding: 0;
}
#login TD {
	font-size: 7pt;
	text-align: right;
	padding: 2px 2px 0 0;
}
#login .input {
	background: url('/images/_layout/bg-login-input.gif') top left repeat-x;
	width: 100px;
	height: 16px;
	margin: 0;
	padding: 0;
}
#login .button,
.buttonek,
.inverted {
	border: none;
	color: #fff;
	background: url('/images/_layout/bg-login-submit.gif') top left no-repeat;
	font-weight: bold;
	text-align: center;
	width: 60px;
	height: 18px;
	margin: 0;
	padding: 0;
}
	.buttonek A, .buttonek A:link, .buttonek A:visited, .buttonek A:hover, .buttonek A:visited:hover,
	.inverted A, .inverted A:link, .inverted A:visited, .inverted A:hover, .inverted A:visited:hover {
		color: #fff;
		text-decoration: none;
		display: block;
		width: 100%;
		height: 100%;
	}
	.buttonek A:hover, .buttonek A:visited:hover,
	.inverted A:hover, .inverted A:visited:hover { color: #000; }
#login .message {
	color: #0461b9;
	margin-bottom: 6px;
}
.inverted {
	background: url('/images/_layout/bg-input-inverted.gif') top left no-repeat;
}

#login A.go {
	font-size: 10px;
}

#login UL {
	margin: 0 0 10px 0;
	padding-left: 15px;
	list-style-type: none;
	list-style-image: url('/images/_layout/li.gif');
}
#login UL LI A,
#login UL LI A:link
#login UL LI A:visited {
	color: #000;
	text-decoration: none;
}
#login UL LI A:hover,
#login UL LI A:visited:hover {
	color: #0461b9;
	text-decoration: underline;
}
#login UL LI A.admin,
#login UL LI A.admin:link
#login UL LI A.admin:visited {
	color: #d6863c;
	text-decoration: none;
}
#login UL LI A.admin:hover,
#login UL LI A.admin:visited:hover {
	color: #0461b9;
	text-decoration: underline;
}
#login #logout {
	text-align: right;
}

#news P {
	line-height: 130%;
	margin: 0;
	padding: 0 0 5px 0;
}
#news P.border {
	border-bottom: 1px dotted #888;
}
#news P STRONG.date { color: #888; }
#news P STRONG.title { color: #0461b9; }
/*--  login, novinky  --*/

/*--  hlavní text  --*/
#main {
	font-size: 9pt;
	line-height: 140%;
	float: left;
	width: 554px;
}
#main-margin {
	padding: 20px 20px 10px 15px;
}

#main H4 {
	font-size: 12pt;
	margin-top: 0;
}
#main H4.title,
#main H5.title {
	color: #0461b9;
}

#main H5 {
	font-size: 10pt;
	margin-top: 0;
}

#main P {
	margin: 0 0 10px 0;
	padding: 0;
}
#main P.message {
	color: #0461b9;
	background-color: #eee;
	border: 1px dotted #0461b9;
	padding: 5px 10px 5px 10px;
	
}
#main P SPAN.first {
	font-size: 11pt;
}

#main UL {
	margin-top: 0;
	padding-top: 0;
	list-style-type: none;
	list-style-image: url('/images/_layout/li.gif');
}
/*--  /hlavní text  --*/

/*--  boxíky  --*/
#main .box {
	color: #000;
	float: right;
	width: 176px;
	margin: 0 0 0 10px;
}
#main .box#blue { 
	background: url('/images/_layout/bg-box-blue.gif') top left no-repeat;
}

#main #blue-bottom {
	background: url('/images/_layout/bg-box-blue-bottom.gif') top left no-repeat;
	height: 5px;
	overflow: hidden;
}

#main .box-margin {
	padding: 15px 10px 15px 10px;
}

#main .box H4 {
	color: #000;
	font-size: 10pt;
	text-transform: uppercase;
	margin: 0 0 5px 0;
	padding: 0;
}

#main .box UL {
	line-height: 120%;
	margin: 0 0 10px 18px;
	padding: 0;
}
#main .box UL LI {
	list-style-type: none;
	list-style-image: url('/images/_layout/li.gif');
}
/*--  /boxíky  --*/

/*--  patička  --*/
#footer {
	color: #888;
	font-size: 10px;
	clear: both;
}
#footer DIV {
	padding: 10px 20px 5px 25px;
}
#footer HR {
	border-top: 1px solid #ddd;
	border-right: none;
	border-bottom: none;
	border-left: none;
	text-align: center;
	width: 715px;
	height: 1px;
	margin: 0;
	padding: 0 0 10px 0;
}
#footer A 				{ color: #888; text-decoration: none; }
#footer A:link			{ color: #888; text-decoration: none; }
#footer A:hover			{ color: #000; text-decoration: underline; }
#footer A:active		{ color: #000; text-decoration: none; }
#footer A:visited		{ color: #888; text-decoration: none; }
#footer A:visited:hover	{ color: #000; text-decoration: underline; }
#footer UL {
	text-align: left;
	margin: 0;
	padding: 0;
	position: absolute;
	left: 221px;
	margin-top: -5px;
}
#footer UL LI {
	background: url('/images/_layout/menu-top-li.gif') top left no-repeat;
	text-transform: lowercase;
	list-style-type: none;
	float: left;
	padding: 2px 10px 0 4px;
	overflow: hidden;
}
#footer P {
	text-align: right;
	margin: -5px 0 0 0;
	padding: 2px 20px 0 0;
}

#counter {
	position: absolute;
	width: 1px;
	height: 1px;
	margin-top: -1px;
	visibility: hidden;
	overflow: hidden;
}
/*--  /patička  --*/

/*--  klient - hodiny  --*/
#add-work {
	background-color: #eee;
	border: 1px solid #0461b9;
	font-size: 10px;
	position: absolute;
	top: 105px;
	padding: 5px;
	z-index: 100;
}

#add-work-link {
	float: right;
}
/*--  /klient - hodiny  --*/

/*--  ikony  --*/

DIV.not-payed,
DIV.icon-pdf,
DIV.icon-time,
DIV.icon-email {
	background: url('/images/_layout/icon-pdf.gif') top left no-repeat;
	float: left;
	position: relative;
	width: 14px;
	height: 14px;
	margin: 0 2px 0 2px;
	overflow: hidden;
}
DIV.not-payed {
	background: url('/images/_layout/icon-warning.gif') top left no-repeat;
}
DIV.icon-time {
	background: url('/images/_layout/icon-time.gif') top left no-repeat;
}
DIV.icon-email {
	background: url('/images/_layout/icon-email.gif') center center no-repeat;
}
DIV.icon-pdf A,
DIV.icon-time A, 
DIV.icon-email A {
	display: block;
	width: 100%;
	height: 100%;
}
DIV.icon-pdf SPAN,
DIV.icon-pdf A SPAN,
DIV.icon-time A SPAN,
DIV.icon-email A SPAN {
	display: none;
}
/*--  /ikony  --*/

/*--  obecné  --*/
HR.cleaner {
	clear: both;
	visibility: hidden;
}

.color-logo {
	color: #0461b9;
}

.l, TD.l { text-align: left; }
.c, TD.c { text-align: center; }
.r, TD.r { text-align: right; }

.u {
	text-decoration: underline;
}

.note {
	color: #888;
	font-size: 8pt;
}

.f-left {
	float: left;
}

.f-right {
	float: right;
}

.shy {
	/*color: transparent;*/
	font-size: 0px;
}

.nw {
	white-space: nowrap;
}

.hidden { display: none; }
.visible { display: block; }
/*--  /obecné  --*/