﻿/* ******************* */
/* element definitions */
/* ******************* */
body {background: white; text-align: center; padding: 10px; margin: 0; font: 75% "Lucida Grande", "Luxi Sans", Arial, Helvetica, sans-serif;}
input, select, textarea, th, td {font: 100% "Lucida Grande", "Luxi Sans", Arial, Helvetica, sans-serif;}
p {margin: 0; padding: 0; line-height: 1.4em;}
th {font-weight: bold;}
a {text-decoration: underline; color: #003399;}
a:hover {color: #000;}
h1 {font-weight: normal; margin: 0 0 10px 0; padding: 0; border-bottom: 3px solid #CFD9E7; color: #CC6600; font-size: 170%;}
h2 {font-weight: bold; margin: 15px 0 5px 0; color: #CC6600; font-size: 14px;}

/* **************************** */
/* tStyles = masterpage, layout */
/* **************************** */
.tmain {margin: 0 auto; text-align: left; width: 770px; min-width: 770px;}
.thead {padding-bottom: 15px;}
.col-left {margin-right: 260px;}
.col-right {float: right; width: 250px;}
.tfooter-nav {clear: both; border-top: 3px solid #CFD9E7; margin-bottom:0.7em; padding:0.5em 0 1em;}
.tfooter-nav a {margin-right: 0.5em; background: transparent url('../../Templates/images/ico_dotlink.gif') no-repeat scroll 0 0.35em; padding-left: 13px;}
.tfooter {clear: both; margin-top: 1em; padding-bottom: 1em; font-size: 92%;}
.tfooter a {color: Black; text-decoration: underline;}

/* header and searching */
.tlogo {padding-bottom: 10px;}
.theaderForm {background-image: url('../../Templates/images/srch_hl_3.gif'); background-repeat: no-repeat; background-position: 0 0;}
.theaderForm p {text-transform: uppercase; padding: 0.29em 15px;}
.tsearch {border-top: 1px solid #FFF; border-bottom: 1px solid #DE6C20; padding: 10px 15px 13px 15px; background-image: url('../../Templates/images/bg_search-3-grad.gif'); background-repeat: repeat-x; background-position: 0 0;}
.tsearch table th, .tsearch table td {padding: 0 10px 0 0;}
.tsearch .ttxt, .tsearch .tddl {margin: 0.1em 0; width: 98%;}
.tadvancedSearch {font-weight: bold; text-decoration: underline; font-size: 14px; background-image: url('../../Templates/images/ico_dotlink-big.gif'); background-position: 0 4px; background-repeat: no-repeat; padding-left: 14px; text-transform: lowercase;}

/* menu */
.tmain-menu {margin: -13px 0 0 0; padding: 0; list-style-type: none; float: right; background-color: White;}
.tmain-menu li {float: left; margin-left: 5px; background: #E9EDF6 url('../../Templates/images/tl_ne.gif') no-repeat scroll left top;}
.tmain-menu li a {float: left; display: block; background: #E9EDF6 url('../../Templates/images/tl_ne.gif') no-repeat scroll right top; margin: 0 0 0 5px; padding: 0.55em 20px 0.15em 15px; text-decoration: none; font-weight: bold;}
.tmain-menu li.sel {background: #E9EDF6 url('../../Templates/images/tl_3.gif') no-repeat scroll left top;}
.tmain-menu li.sel a {background: #E9EDF6 url('../../Templates/images/tl_3.gif') no-repeat scroll right top; color: #000; padding: 0.35em 20px 0.35em 15px;}

/* login box */
.tbox {margin-bottom: 1.3em;}
.tbox h2 {background-position: 0 0; background-repeat: no-repeat; font-size: 100%; margin: 0 0 1px; padding: 0.31em 8px; text-transform: lowercase;}
.tbox h3 {margin: 0; padding: 5px 0 13px 0; background-repeat: no-repeat;}
.tbox p {line-height: 1.4em;}
.tbox table {border: 1px solid #C3CBDF; margin-bottom: 1em;}
.tbox table th {font-size: 11px; padding: 5px 5px 0 5px;}
.tbox table td {padding: 5px 8px 2px 5px;}
.tbox table td input.ttxt {font-size: 11px; width: 90px;}
.tbox table td input.tsubmit {margin-bottom: 1em;}
.tspc {padding: 8px 10px;}
.tdisplayas {font-weight: bold; margin: 5px 0; display: block;}
.tosobnischranka {font-weight: bold; margin: 10px 0 5px 0; }
.tlogin {background-color: #F1F3F9;}
.tlogin h2 {background-image: url('../../Templates/images/tl_mo_box.gif'); color: #6C7BA7;}
.tlogin h3.th3login {background-image: url('../../Templates/images/ico_login.gif'); background-position: 0 3px; padding-left: 24px;}
.tlogin h3.th3register {background-image: url('../../Templates/images/ico_reg.gif'); background-position: 0 1px; padding-left: 26px; padding-bottom: 8px;}
.tlogin p {padding: 0 0 5px 0; margin: 0;}
.tlogin ul {margin: 0 0 0 10px; padding: 0; list-style-type: none;}
.tlogin ul li a {font-weight: bold; background-image: url('../../Templates/images/ico_dotlink.gif'); line-height: 1.4em; background-repeat: no-repeat; background-position: 0 4px; padding-left: 13px;}

.treklama {border: 1px solid #66CCCC; background-color: #EBFAFA;}
.treklama strong.tnadpis {display: block; color: #003399; font-size: 14px; text-decoration: underline; background-image: url('../../Templates/images/bg_bn-grad-tyrk.gif'); background-repeat: repeat-x; background-color: #62C1C1; background-position: 0 0; padding: 0.6em 10px;}
.treklama p {padding: 5px 10px 5px 10px; color: #333333;}
.tlinks {background-color: #FFF8DB; border-bottom: 1px solid #FFE88A;}
.tlinks h2 {background-image: url('../../Templates/images/tl_zl_box.gif'); color: #C84100;}
.tlinks h3 {background-image: url('../../Templates/images/ico_notes.gif'); background-position: 0 0; padding-left: 24px;}

/* messenger */
.tmessenger {font-weight: bold; margin: 0 15px 20px 15px;}
.tmessageinformation {background-color: #F1F3F9; color: #003399; border: 1px solid #C3CBDF; padding: 10px; margin-bottom:3px;}
.tmessageerror {background-color: #ffd6a8; color: #C84100; border: 1px solid #DE6C20; padding: 10px; margin-bottom:3px;}
.tmessagewarning {background-color: #FFF8DB; color: #C84100; border: 1px solid #FFE88A; padding: 10px; margin-bottom:3px;}

/* ************************************* */
/* common - společné pro všechny stránky */
/* ************************************* */
.textbox {}
.tbdatum {width: 6.5em;}
.tbcas {width: 9.5em;}
.tbshort {width: 7em;}
.tblong {width: 300px;}
.tbnumericbox {width: 7em; text-align: right;}
.tbasm {}
.tdatetimepicker {vertical-align: bottom;padding-bottom: 1px;}
.tbuttonicon {vertical-align: bottom;}


.errors ul {margin: 0; padding: 0 0 15px 0;}
.label {font-weight: bold;}
table.edit td, table.edit th {padding: 1px;}
table.edit .label {padding-top: 8px; padding-bottom: 1px;}
.tbuttons {padding: 15px;}
.lightBlueBox {background-color: #F1F3F9; padding: 15px;}
.icoDotlink {background-image: url('../../Templates/images/ico_dotlink.gif'); background-position: 0 0.35em; background-repeat: no-repeat; padding-left: 13px;}
.obormultipicker-listbox select
{
	width: 100%;
	height: 70px;
}
.dialogheader 
{ 
    background: #cad0e2; 
    padding: 5px 0px;      
    margin-top: -1px;
    color: #003399; 
    vertical-align: middle; 
    text-align: center; 
    font-weight: bold; 
    line-height: 18px; height: 18px;
}

.dialogclosebutton 
{ 
    float: right; 
    margin-right: 5px; 
    padding-top: 1px;
}
.localizabletbox {margin: 10px;}
.localizabletbox table {width: 100%;}
.localizabletbox td.loclabel {font-weight: bold; vertical-align: top;}
.localizabletbox td.locvalue input, .localizabletbox td.locvalue textarea {width: 600px;}
.localizabletbox td.locvalue textarea { height: 75px; }

.vypisTable {margin: 1.3em 0 1.3em 0;}
.vypisTable h2 {margin-bottom: 0; color: #CC6600; font-size: 120%; font-weight: bold; padding: 6px 0 6px 0;}
.vypisTable table th {background-color: #F4F7FA; color: #808CAE; padding: 0.5em 0.4em; text-align: left;}
.vypisTable table th, .vypisTable table td {border: 1px solid #C3CBDF;}
.vypisTable table td {padding: 0.3em 0.4em;}

.directory {background-color: #FCF9EC; float: left; margin: 1.3em 0 1.3em 0; width: 100%;}
.directory h2 {background-color: #FCF9EC; margin-bottom: 0; border-bottom: 3px solid #FFEFAE; color: #CC6600; font-size: 120%; font-weight: bold; padding-bottom: 0.3em;}
.directory p {margin-bottom: 0.5em;}
.directory .spc {background-color: #FCF9EC; padding: 12px 12px 7px !important;}
.directory ul, ul.dir, ul.dir ul {list-style-image: none; list-style-position: outside; list-style-type: none; margin: 0 0 1.3em; padding: 0;}
.directory .col-4x li {margin-bottom: 0.2em;}
.directory .col-4x li a {font-size: 100%;}
.directory li a, .directory .dir-big a {font-weight: bold;}


.hint { width: 95%; border: 1px solid #c93; margin-top:3px; padding: 10px 12px; background: #ffc; }

/***************************************** GridView ***********************************************/
table.grid
{
	margin: 0 0 10px 0;
	border: none;
}
table.grid td, table.grid th
{
	border: 1px solid #C3CBDF;
	padding: 0.5em 0.4em;
	text-align: left;
}
table.grid tr.gheader th, table.grid tr.gheader td, table.grid tr.gfooter th, table.grid tr.gfooter td
{
	background-color: #F4F7FA;
	color: #808CAE;
	padding: 5px 10px;	
	vertical-align: middle;
}
table.grid tr.gfooter td, table.grid tr.gfooter th
{
	font-weight: bold;
	line-height: 16px;
	padding-left: 8px; padding-right: 8px;
}
table.grid tr.gheader a, table.grid tr.gfooter a
{
	color: white;
	text-decoration: none;
	font-weight: bold;
}
table.grid tr.gheader a:hover, table.grid tr.gfooter a:hover
{
	text-decoration: underline;
}
table.grid tr {background: white;}
table.grid tr.galternating {}
table.grid table.transparent, table.grid table.transparent td, table.grid table.transparent th {border: none; background: transparent;}
.novaPoptavkaLink { position:absolute; left:51%; top:182px; text-align:right;}

@media only all and (max-width: 800px) 
{
	/* styly pro zařízení s max rozlíšením do 800px */
	.noPDA {display: none !important;}
	.noPDAPicture {background-image: none !important;}
	
	.tfooter-nav span.floatleft a {padding-right: 1.5em;}
	.tfooter-nav span.floatright a {padding-left: 1.5em;}
	.theaderForm {background-color: #F9B377;}
	.tlinks h2 {background-color: #FFE88A; color: #C84100;}
	.tlogin h2 {color: #6C7BA7; background-color: #C3CBDF;}
	.tlogin ul {margin: 0; padding: 0; list-style-type: none;}
	.tlogin ul li a {font-weight: bold; line-height: 1.4em; background-repeat: no-repeat;}
	.label {font-weight: bold; text-align: right;}
	.col-left h1 {font-weight: normal; margin: 0; padding: 0; border-bottom: 3px solid #CFD9E7; color: #CC6600; font-size: 170%;}
	.col-left h2 {font-weight: normal; margin: 0; padding: 0 0 5px 0; color: #CC6600; font-size: 130%;}
	.lightBlueBox {background-color: #F1F3F9; margin: 10px 0 10px 0; padding: 15px;}
	.lightBlueBox table td {padding: 5px;}
	.icoDotlink {background-image: url('../../../Templates/images/ico_dotlink.gif'); background-position: 0 0.27em; background-repeat: no-repeat; padding-left: 13px;}
	.novaPoptavkaLink { position:absolute; left:52%; top:170px; text-align:right;}
}
