/*--------------------------------------------------------------------------------------------
0. DEFAULT
--------------------------------------------------------------------------------------------*/
html, body, div, span, form, textarea, input, img, label, blockquote, table, tr, td, p, hr, h1, h2, h3, h4, h5, ul, ol, li, dl, dt, dd{ 
	margin: 0;
	padding: 0;
	border: none;
}
body{ color: #666; background-color: #A5C03D; font-family: Tahoma, Arial, Verdana, Georgia, 'Trebuchet MS', 'Times New Roman'; font-size: 12px; line-height: 1.7em; }
body#page-login { background-color: #10542b; }

h1, h2, h3, h4 { font-family: Arial, Tahoma, Impact; font-weight: bold; padding-bottom: 15px; line-height: 1.3em; letter-spacing: -1px; }
h1 { font-size: 2.0em; letter-spacing: -2px; }
h2 { font-size: 1.6em; }
h3 { font-size: 1.4em; }
h4 { font-size: 1.2em; font-style: bold; text-transform: uppercase; padding-bottom: 18px; }

a { color: #003418; font-weight: bold; text-decoration: none; }
a.active, a:hover, a:focus { color: #CDDB2E; text-decoration: underline; }

big { font-size: 1.2em; }
small {font-size: 0.9em; }
.smaller { font-size: 0.8em; }

p { padding-bottom: 15px; line-height: 1.7em; }
.align-right{text-align:right}
.align-center{text-align:center}
.align-justify{text-align:justify}
.float-left{float:left}
.float-left-50{float:left;width:48%;padding-right:4%}
.float-right{float:right}

.color-red{color:#ff0000}
.color-green{color:#23a616}
.color-orange{color:#DD381A;}

.hr { border-top: 1px solid #ededed; padding-bottom: 20px; }

ul { list-style-type: circle; padding: 0 0 18px 40px; }
ul li { padding: 1px 0; }

table{
	width: 100%;
	border-spacing: 0;
	border-collapse: collapse;
	text-align: left;
	font-size: 1.0em;
	border: 1px solid #BAB9B9;
	margin-bottom: 15px;
}

table.table-small { font-size: 0.9em; }
table.table-smaller { font-size: 0.8em; margin-bottom: 10px; }
table th, table td{
	border-bottom: 1px solid #BAB9B9;
	padding: 8px 8px;
	line-height: 1.6em;
}

table th { padding: 14px 8px; font-size: 0.9em; text-transform: uppercase; background-color: #D9D8D8; }
table tr.dark { background-color: #F4F5F7; }
table tr.red { background-color: #fceae3; }
table.table-small th, table.table-small td { font-size: 1.0em; padding: 4px 10px; border: 1px solid #BAB9B9; text-transform: none; }
table.table-border th, table.table-border td { border: 1px solid #BAB9B9; padding: 8px 10px; }

table tr.border-bottom-big th { border-bottom-width: 2px; }
table tr.border-top-big th { border-top-width: 2px; }


img.image { background-color: #ccc; padding: 4px; }
img.image-left { float: left; margin-right: 10px; }
a:hover img.image, a:focus img.image { background-color: #CDDB2E; }

.clear { width: 100%; height: 1px; clear: both; }

::-moz-selection { color: #fff; background-color: rgba(0, 52, 24, 0.99); }
::-webkit-selection { color:#032764; background-color: rgba(0, 52, 24, 0.99); }
::selection { color: #fff; background-color: rgba(0, 52, 24, 0.99); }



/*-------------------------------------------------------------------------------------------
1. STRUCTURE - wrappers, containers
-------------------------------------------------------------------------------------------*/
.wrapper { width: 100%; min-width: 980px; }
.container { width: 980px; margin: 0 auto; }

.box13, .box23{
	float: left; padding-right: 20px;
}

.box13 { width: 300px; }
.box23 { width: 660px; }

.box { padding-bottom: 20px; }
.box-padding { padding: 25px 25px 10px; }
.box-padding-small { padding-top: 15px; padding-bottom: 0; }

.box-white, .box-login, .box-login-form { -moz-border-radius: 15px; -webkit-border-radius: 15px; -khtml-border-radius: 15px; border-radius: 15px; }

.box-white {
	background-color: #fff; border: 1px solid #ddd;
	-moz-box-shadow: 0 0 5px 3px #eee; -webkit-box-shadow: 0 0 5px 3px #eee; box-shadow: 0 0 5px 3px #eee;
}




/*-------------------------------------------------------------------------------------------
2. HEADER
-------------------------------------------------------------------------------------------*/
#wrapper-header { background-color: #10542b; padding: 20px 0; }
#wrapper-header a { color: #CDDB2E; }

#logotip { float: left; padding: 5px 0; }
#title { float: left; padding: 53px 0 0 10px; }
#title h1 { color: #fff; font-size: 1.2em; font-weight: bold; letter-spacing: -1px; padding: 0; }
#user {
	float: right; padding: 15px 20px 0; color: #fff; background-color: #0B4F26; border: 1px solid #034823;
	border-radius: 15px; -moz-border-radius: 15px; -webkit-border-radius: 15px; -khtml-border-radius: 15px;
}

#wrapper-navig { background-color: #003418; height: 50px; overflow: hidden; }

#wrapper-navig ul { list-style-image: none; list-style: none; padding: 0; margin: 0; }
#wrapper-navig ul li { float: left; padding: 0; }
#wrapper-navig ul li a {
	display: block; float: left; color: #fff; background-color: #003418; border: 0; padding: 15px 20px;
	font-family: Tahoma; font-size: 1.1em; font-weight: bold;
}
#wrapper-navig ul li a.active { color: #003418; background-color: #EFF4D5; text-decoration: none; }
#wrapper-navig ul li a:hover, #wrapper-navig ul li a:focus { color: #003418; background-color: #CDDB2E; text-decoration: none; }


/*-------------------------------------------------------------------------------------------
3. MAIN
-------------------------------------------------------------------------------------------*/
#wrapper-main { background-color: #EFF4D5; }

ul.navigsub { list-style: none; list-style-image: none; padding: 0; margin: 0; }
ul.navigsub li { padding-bottom: 2px; }
ul.navigsub li a {
	display: block; color: #fff; background-color: #10542B; padding: 8px 14px; font-weight: bold;
	-moz-border-radius: 12px; -webkit-border-radius: 12px; -khtml-border-radius: 12px; border-radius: 12px;
}
ul.navigsub li a.active { color: #fff; background-color: #003418; text-decoration: none; }
ul.navigsub li a:hover, ul.navigsub li a:focus { color: #003418; background-color: #CDDB2E; text-decoration: none; }

ul.navigsub2 { padding: 8px 0 10px 40px; }
ul.navigsub2 li a { color: #666; font-weight: normal; }
ul.navigsub2 li a:hover, ul.navigsub2 li a:focus { color: #003418; }

.box-doc img { padding-right: 10px; }
.box-doc p { padding-top: 10px; }

p.paginator a{
	padding: 5px 8px; color: #fff; background-color: #10542B;
	-moz-border-radius: 4px; -webkit-border-radius: 4px; -khtml-border-radius: 4px; border-radius: 4px;
}
p.paginator a.active { background-color: #003418; text-decoration: none; }
p.paginator a:hover, p.paginator a:focus { color: #003418; background-color: #CDDB2E; text-decoration: none; }

.buttons a {
	display: block; float: left; padding: 8px 12px 8px 42px; color: #fff; background-color: #10542B; background-repeat: no-repeat; background-position: 15px center; border: 1px solid #003418; margin-right: 10px;
	-moz-border-radius: 15px; -webkit-border-radius: 15px; -khtml-border-radius: 15px; border-radius: 15px;
}
.buttons a:hover, .buttons a:focus { color: #003418; background-color: #CDDB2E; text-decoration: none; }



/*-------------------------------------------------------------------------------------------
4. FOOTER
-------------------------------------------------------------------------------------------*/
#wrapper-footer { color: #fff; background-color: #B5CF34; padding: 20px 0 5px; }
#wrapper-footer a:hover, #wrapper-footer a:focus { color: #003418; text-decoration: underline; }

#wrapper-bottom { color: #fff; background-color: #A5C03D; padding: 15px 0; }
#wrapper-bottom p { padding: 0; }
#wrapper-bottom a:hover, #wrapper-bottom a:focus { color: #003418; text-decoration: underline; }




/*-------------------------------------------------------------------------------------------
5. LOGIN
-------------------------------------------------------------------------------------------*/
#wrapper-login { min-width: 400px; padding-top: 100px; }
#container-login { width: 400px; }
.box-login { background-color: #fff; border: 1px solid #053618; }
.box-login-form { background-color: #eff4d4; border: 1px solid #d1de8a; }
#login-footer { color: #fff; }
#login-footer a { color: #CDDB2E; }


/*-------------------------------------------------------------------------------------------
6.1. OTHER - input, select, button
-------------------------------------------------------------------------------------------*/
.box-label { clear: left; float: left; width: 375px; padding-right: 13px; }
.box-info {
	float: left; width: 200px; padding: 8px 10px; margin-bottom: 15px; background-color: #efefef; font-size: 0.9em;
	-moz-border-radius: 10px; -webkit-border-radius: 10px; -khtml-border-radius: 10px; border-radius: 10px;
}

label { float: left; display: block; width: 80px; text-align: right; padding: 6px 10px 0 0; font-size: 0.9em; }
label.normal { float: none; display: inline; width: auto; text-align: left; padding: 0;}

p.button-align { padding-left: 90px; }

.text, .text-select, .text-disabled {
  padding: 7px 12px; color: #666; background: #ECECEC url('../images/input-text.gif') left top no-repeat; border: 1px solid #999; font-family: Tahoma; font-size: 1.2em;
  -moz-border-radius: 10px; -webkit-border-radius: 10px; -khtml-border-radius: 10px; border-radius: 10px;
}
.text:focus, .text-select:focus { color: #333; border-color: #003418; }
.text-select { padding: 6px 9px; }
.text-disabled { color: #ccc; border-color: #ccc; }
.button{
	padding: 8px 15px 9px; color: #fff; background-color: #10542B; border: 1px solid #003418; font-family: Tahoma; font-size: 1.1em; font-weight: bold; cursor: pointer;
	-moz-border-radius: 10px; -webkit-border-radius: 10px; -khtml-border-radius: 10px; border-radius: 10px;
}
.button:hover, .button:focus { color: #003418; background-color: #CDDB2E; }
a.button { padding: 10px 16px; }
a.button:hover, a.button:focus { color: #fff; text-decoration: none; }
.button-search { width: 36px; height: 36px; padding: 0; background: url('../images/input-button-search.gif') no-repeat; cursor: pointer; }

.checkbox{margin-top:9px}

[disabled] { color: #aaa; }



/*-------------------------------------------------------------------------------------------
6.2. OTHER - messages
-------------------------------------------------------------------------------------------*/
p.ok, p.error, p.help{
	color: #000; font-size: 1.2em; background-position: 15px center; background-repeat: no-repeat; border-width: 1px; border-style: solid; padding: 15px 15px 15px 55px; margin-bottom: 15px;
	-moz-border-radius: 10px; -webkit-border-radius: 10px; -khtml-border-radius: 10px; border-radius: 10px;
}
p.ok { background-color: #e5fcd9; background-image: url('../images/icons/message-ok.png');	border-color: #67C058; }
p.error { background-color: #fceae3; background-image: url('../images/icons/message-error.png'); border-color: #E3775B; }
p.help { background-color: #e8f1fc; background-image: url('../images/icons/message-help.png'); border-color: #73A9E3; }



/*-------------------------------------------------------------------------------------------
6.3. OTHER - icons
-------------------------------------------------------------------------------------------*/
.icons a { display: block; width: 24px; height: 24px; margin: 0 auto; background-position: center center; background-repeat: no-repeat;	}

a.add{ background-image: url('../images/icons/add.png'); }
a.edit{ background-image: url('../images/icons/edit.png'); }
a.delete{ background-image: url('../images/icons/delete.png'); }
a.view{ background-image: url('../images/icons/view.png'); }
a.pdf{ background-image: url('../images/icons/pdf.png'); }
a.print{ background-image: url('../images/icons/print.png'); }




/*-------------------------------------------------------------------------------------------
7. OBRAZAC
-------------------------------------------------------------------------------------------*/
.box-obrazac { font-size: 0.9em; line-height: 1.3em; }
.box-obrazac-border { border: 2px solid #999; padding: 2px 6px; margin-bottom: 4px; }

.box-obrazac-padding { padding: 2px 6px; }
.box-obrazac-padding-big { padding: 9px 6px; }

.box-obrazac-60 { float: left; width: 59%; padding-right: 1%; }
.box-obrazac-40 { float: left; width: 40%; }
.box-obrazac-50 { float: left; width: 49%; padding-right: 2%; }



.padding-none{padding:0}
.padding-small{padding-bottom:8px}
.padding-big{padding-bottom:25px}
.padding-bigger{padding-bottom:35px}
.padding-left{padding-left:20px}
.padding-left-big{padding-left:40px}

.box-last { padding-right: 0; }