@import 'neosinner.css';

/* @group General */

/* @group Flashes */

.success, .info, .error, .fail{
	padding: 10px;
	text-align: center;
}

.success{
	background: #e9f7c2;
	border: 1px solid #cae387;
	color: #749d08;
}
.info{
	background: #f2faff;
	border: 1px solid #d0e5f3;
	color: #3a85c9;
}
.error{
	background: #fff2f2;
	border: 1px solid #f3d0d0;
	color: #eb0202;
}
.fail{
	background: #fff8eb;
	border: 1px solid #f2deb8;
	color: #f5a40e;
}



/* @end */

html{
	font-size: 12px;
	font-family: Arial, Tahoma, sans-serif;
	background: #fff url(../images/html.png) repeat-x top center;
}

body.home{
	background: url(../images/body-home.jpg) no-repeat top center;
}

#main{
	width: 965px;
	margin: 0 auto;
	text-align: left;
}

.backlinks{
	background:#58ceff;
	font-size:11px;
	color: #00638c;
	padding: 8px 30px;
	text-align: left;
}

.backlinks a{
	margin-left: 10px;
	color: #fff;
}

#admin{
	margin: 0 -9px;
	padding: 9px;	
	background: url(../images/admin.jpg) no-repeat top left;
	position: relative;
}

.text-center th, .text-center td{
	text-align: center !important;
}

textarea{
	font-size: 12px;
	padding: 10px;
}





/* @end */

/* @group Header */

/* @group Login */

#login{
	width: 401px;
	height: 30px;
	background: url(../images/login.jpg) no-repeat top left;
	padding: 10px 10px 0 13px;
	position: absolute;
	right: 0;
	top: 31px;
	color: #058ed3;
	font-weight: bold;
}

#login a{
	padding-left: 6px;
	color: #058ed3;
	font-weight: bold;
	text-decoration: none;
}

#login a:hover{
	text-decoration: underline;
}

#login input{
	background: #fff url(../images/login-input.png) no-repeat left center;
	color: #bababa;
	height: 19px;
	padding: 3px 10px 0 10px;
	border: 0;
	width: 104px;
	margin-left: 11px;
	font-weight: normal;
}

#login input.submit{
	background: none;
	width: 35px;
	height: 22px;
	padding: 0;
	vertical-align: bottom;
}

#login ul{
	float: right;
	margin-top: -10px;
	height: 40px;
}

#login ul li{
	float: left;
	background: url(../images/login-li.png) no-repeat right center;
	width: 44px;
	padding-right: 2px;
}

#login ul li a{
	padding: 0 2px;
}

#login p.logout a{
	text-decoration: underline;
}

#login p.logout a:hover{
	text-decoration: none;
}

#login ul li.last{
	background: none;
	padding-right: 0;
}

#login p.logout{
	float: left;
	margin: 6px 0 0 7px;
}

#login p.logout a{
	color: #062c92;
}



/* @end */

/* @group Lang */

#lang{
	position: absolute;
	right: 433px;
	top: 48px;
}

#lang li{
	background: none;
	margin-right: 5px;
	padding-right: 0;
	float: left;
}
#lang a{
	display: block;
	margin-top: -4px; 
	width: 24px;
	height: 17px;
}



/* @end */

/* @group Logo */

#logo{
	position: absolute;
	left: -128px;
	top: 0;
}

#logo a{
	width: 624px;
	height: 243px;
	display: block;
	background: url(../images/logo.png) no-repeat;
}

#logo span{
	display: none;
}



/* @end */

#header{
	position: relative;
	height: 123px;
}



/* @end */

/* @group Home */

#home{
	height: 292px;
	position: relative;
}

#home ul{
	position: absolute;
	bottom: 10px;
	right: 0;
}

#home li{
	width: 423px;
	height: 70px;
	position: relative;
}

#home a{
	width: 303px;
	height: 43px;
	display: block;	
	background: url(../images/home-li.jpg) no-repeat top left;
	text-decoration: none;
	color: #6a828d;
	font-size: 19px;
	font-weight: bold;
	padding: 27px 0 0 120px;
}

#home a:hover{
	text-decoration: underline;
}

#home span{
	background: url(../images/home-span.png) no-repeat top left;
	position: absolute;
	top: -10px;
	left: 20px;
	width: 67px;
	height: 50px;
	padding: 24px 0 0 5px;
	text-align: center;
	font-size: 24px;
	font-weight: bold;
	color: #fff;
}

#home a:hover span{
	text-decoration: none;
}



/* @end */

/* @group Menu */

#menu{
	margin-left: 1px;
	height: 101px;
	background: url(../images/menu.png) no-repeat top left;
	position: relative;
	z-index: 10;
}

#menu li{
	float: left;
	width: 239px;
	height: 101px;
}

#menu li.first, #menu li.last{
	width: 243px;
}

#menu li.first a{
	padding-left: 91px;
}

#menu li.last a{
	padding-right: 4px;
}

#menu a{
	float: left;
	width: 152px;
	height: 87px;
	display: block;
	position: relative;
	color: #fff;
	padding: 14px 0 0 87px;
	z-index: 10;
	text-decoration: none;
}

#menu a:hover{
	background: #cc2525 url(../images/menu-hover.jpg) repeat-x left top;
}

#menu li.first a:hover{
	background: url(../images/menu-first-hover.png) no-repeat left top;
}

#menu li.last a:hover{
	background: url(../images/menu-last-hover.png) no-repeat left top;
}

#menu strong{
	color: #00218b;
	text-transform: uppercase;
	font-size: 14px;
	display: block;
	line-height: 17px;
	margin-bottom: 13px;
}

#menu a:hover strong{
	color: #fff;
}

#menu span{
	position: absolute;
	top: 27px;
	left: 30px;
	background: url(../images/menu-span.jpg) no-repeat;
	display: block;
	width: 202px;
	height: 47px;
	z-index: -1;
}

#menu a:hover span{
	background: url(../images/menu-span-hover.jpg) no-repeat;
}



/* @end */

/* @group Navigation */

#article #navigation a{
	color: #666;
}

#article #navigation a.last{
	color: #09a5ee;
}

#article #navigation{
	padding: 0;
	text-align: left;
	height: 17px;
	margin: -15px 0 15px 0;
	font-size: 10px;
}

#article #navigation p{
	float: left;
	height: 14px;
	padding: 3px 10px 0 10px;
	line-height: 10px;
	background: #def6fc url(../images/navigation.png) no-repeat top left;
	text-align: left;
	margin: 0;
}

#article #navigation span{
	display: block;
	height: 17px;
	margin: -3px -10px 0 0;
	background: url(../images/navigation-span.png) no-repeat top left;
	width: 5px;
	float: right;
}





/* @end */

/* @group Article */

.wide{
	padding: 9px 0;
}

#article{
	float: left;
	width: 671px;
	background: url(../images/article.png) repeat-y top left;
	padding: 0 18px 20px 18px;
	margin: 8px 0 40px 0;
	line-height: 18px;
	color: #3f3f3f;
	min-height: 500px;
	position: relative;
}

.wide #article{
	width: 929px;
	margin-bottom: 0;
	background: url(../images/article-wide.png) repeat-y top left;
}

#article-top{
	width: 707px;
	margin: -8px -18px 0 -18px;
	background: url(../images/article-top.gif) no-repeat top left;
	height: 8px;
	margin-bottom: 20px;
}

.wide #article-top{
	width: 965px;
	background: url(../images/article-top-wide.gif) no-repeat top left;
}

#article-bottom{
	width: 707px;
	background: url(../images/article-bottom.png) no-repeat top left;
	height: 21px;
	left: 0;
	bottom: -20px;
	position: absolute;
}

.wide #article-bottom{
	position: relative;
	bottom: 0;
	left: 0;
	width: 965px;
	clear: both;
	margin: 0 0 20px 0;
	background: url(../images/article-bottom-wide.png) no-repeat top left;
}

#article h1{
	color: #062c92;
	font-size: 18px;
	text-transform: uppercase;
	margin-bottom: 30px;
	font-weight: bold;
}

#article h2{
	color: #062c92;
	font-weight: bold;
	font-size: 15px;
	margin-bottom: 20px;
}

#article h2.folder a{
	background: url(../images/tool.png) no-repeat left top;
	color: #062c92;
	display: block;
	font-size: 18px;
	padding-left: 60px;
	height: 30px;
	padding-top: 12px;
}

#article h3{
	color: #062c92;
	font-weight: bold;
	font-size: 12px;
	margin-bottom: 15px;
}

#article a, .sidemenu a{
	color: #f70000;
}

#article a.button{
	display: block;
	font-size: 14px;
	width: 193px;
	height: 26px;
	text-align: center;
	padding-top: 8px;
	text-decoration: none;
	color: #fff;
	background: url(../images/button.gif) no-repeat top left;
}

#article a.button:hover{
	text-decoration: underline;
}

#article ul, #article ol{
	margin-bottom: 20px;
}

#article ol li{
	list-style-type: decimal;
	margin: 0 0 15px 20px;
}

#article ul li{
	background: url(../images/li.png) no-repeat 3px 7px;
	padding-left: 25px;
}

#article p{
	margin-bottom: 20px;
}

#article .news{
	margin-bottom: 15px;
}

#article .news h2{
	margin-bottom: 15px;
	color: #373737;
}

#article .news h2 a{
	color: #f70000;
	font-weight: bold;
	font-size: 14px;
}

#article .news h2 span{
	color: #373737;
	font-weight: normal;
	font-size: 10px;
	float: right;
	margin-left: 10px;
}

#article .news p a{
	font-style: italic;
}

#article #evidence{
	height: 128px;
	margin-bottom: 15px;
}

#article #evidence li{
	width: 146px;
	float: left;
	margin-right: 15px;
	height: 128px;
	padding: 0;
}

#article #evidence li.adresar{
	background: url(../images/evidence-adresar.jpg) no-repeat top left;
}

#article #evidence li.dokumenty{
	background: url(../images/evidence-dokumenty.jpg) no-repeat top left;
}

#article #evidence li.faktury{
	background: url(../images/evidence-faktury.jpg) no-repeat top left;
}

#article #evidence li.pokladna{
	background: url(../images/evidence-pokladna.jpg) no-repeat top left;
}

#article #evidence li a{
	width: 146px;
	float: left;
	height: 22px;
	background: url(../images/evidence.jpg) no-repeat bottom left;
	text-align: center;
	padding-top: 106px;
	color: #09a5ee;
	font-weight: bold;
	text-decoration: none;
}

#article #evidence li a:hover{
	background: url(../images/evidence-hover.jpg) no-repeat bottom left;
	color: #fff;
}

#article p.back-link a{
	display: block;
	line-height: 12px;
	height: 19px;
	padding: 7px 0 0 40px;
	background: url(../images/back.png) no-repeat top left;
	color: #26b0f0;
}

#article p.add-contact{
	float: left;
}

#article p.add-contact a{
	display: block;
	line-height: 12px;
	height: 20px;
	padding: 8px 0 0 40px;
	background: url(../images/add-contact.png) no-repeat top left;
	color: #26b0f0;
	float: left;
}

#article p.search{
	float: right;
}

#article p.search input{
	border: 0;
}

#article p.search select{
	margin-bottom: 10px;
}

#article p.search .text{
	line-height: 12px;
	height: 21px;
	padding: 4px 7px 0 7px;
	background: url(../images/form-input.png) no-repeat top left;
	width: 130px;
	margin-right: 5px;
}

#article p.search .submit{
	line-height: 12px;
	height: 25px;
	text-align: center;
	color: #fff;
	background: url(../images/form-button.png) no-repeat top left;
	width: 85px;
	vertical-align: bottom;
	padding-bottom: 5px;
}

#article .paging{
	color: #26b0f0;
}

#article table.table{
	width: 100%;
}

#article table.table th{
	background: #26b0f0 url(../images/table-th.png) repeat-x top left;
	color: #fff;
	height: 27px;
	vertical-align: middle;
	text-align: left;
	font-weight: bold;
	padding: 0 10px 0 10px;
	border: 1px solid #26b0f0;
	border-bottom: 0;
	border-top: 0;
}

#article table.table th a{
	color: #fff;
	text-decoration: none;
}

#article table.table p{
	margin-bottom: 0;
}

#article table.table th a:hover{
	text-decoration: underline;
}

#article table.table th.first{
	background: #26b0f0 url(../images/table-first.png) no-repeat top left;
	text-align: center;
	border-left: 0;
}

#article table.table th.last{
	background: #26b0f0 url(../images/table-last.png) no-repeat top right;
	text-align: center;
	border-right: 0;
}

#article table.table td{
	padding: 4px 10px;
	color: #4e4e4e;
	border-collapse: collapse;
	border: 1px solid #26b0f0;
	border-bottom: 0;
	border-top: 0;
	vertical-align: middle;
}

#article table.table input{
	vertical-align: middle;
	margin-bottom: 0;
}

#article table.table tr.even td, #article table.table tr.even.hover td.actions, #article table.table tr.even:hover td.actions{
	background-color: #dff4fd;
}

#article table.table tr.odd.hover td.actions, #article table.table tr.odd:hover td.actions{
	background-color: #fff;
}

#article table.table tr.hover td, #article table.table tr:hover td{
	background-color: #c00101;
	color: #fff;
}

#article table.table tr.hover .red, #article table.table tr.hover .green{
	color: #fff;
}

#article table.table tr.hover td a{
	color: #fff;
}

#article table.table tr.last.even td, #article table.table tr.last.hover td{
	background-color: transparent !important;
}

#article table.table td.first{
	background: url(../images/table-border.png) repeat-y left top;
	border-left: 0;
}

#article table.table td a{
	color: #4e4e4e;
}

#article table.table tr.last{
	height: 6px;
	background: url(../images/table-last2.png) repeat-x top left;
}

#article table.table tr.last td{
	height: 6px;
	padding: 0;
	font-size: 1px;
}

#article table.table tr.last .first{
	height: 6px;
	background: url(../images/table-last-first.png) no-repeat top left;
}

#article table.table tr.last .last{
	height: 6px;
	background: url(../images/table-last-last.png) no-repeat top right;
	border: 0;
}

#article ul.actions{
	float: right;
	margin: 0;
	padding: 0;
	height: 25px;
}

#article ul.actions li{
	float: left;
	background: url(../images/actions-spacer.png) no-repeat center right;
	padding: 0 7px 0 0;
	margin-right: 7px;
	list-style-type: none;
	height: 25px;
}

#article ul.actions li.no-spacer{
	background: none;	
	padding-right: 0;
	margin-right: 0;
}

#article ul.actions li a{
	display: block;
	float: left;
	height: 20px;
	width: 20px;
	padding-top: 3px;
	color: #525151;
	background-repeat: no-repeat;
	background-position: center center;
}

#article ul.actions li.edit a{
	background-image: url(../images/actions-edit.gif);
}

#article ul.actions li.delete a{
	background-image: url(../images/actions-delete.gif);
}

#article ul.actions li.pdf a{
	background-image: url(../images/actions-pdf.gif);
}

#article ul.actions li.restore a{
	background-image: url(../images/actions-recycle.gif);
}

#article table.table td.actions{
	width: 70px;
	padding: 8px 10px 5px 10px;
}

#article .red, #article .red a{
	color: #c00101;
}

#article .green, #article .green a{
	color: #3a8000;
}


#article table{
	width: 100%;
	color: #34b5f1;
	margin-bottom: 15px;
}

#article table th{
	text-align: right;
	padding: 5px 10px;
	vertical-align: top;
}

#article input{
	width: 190px;
	height: 22px;
	background: url(../images/input.gif) no-repeat top left;
	border: 0;
	padding: 4px 10px 0 10px;
	margin-bottom: 10px;
}

#article input.small{
	width: 41px;
	height: 22px;
	background: url(../images/input-small.gif) no-repeat top left;
	border: 0;
	padding: 4px 7px 0 7px;
	margin-bottom: 10px;
}

#article select{
	width: 200px;
	height: 22px;
	padding: 0;
	vertical-align: middle;
}

#article input.submit, .sidemenu input.submit{
	font-size: 14px;
	width: 193px;
	border: 0;
	height: 34px;
	text-align: center;
	text-decoration: none;
	color: #fff;
	background: url(../images/button.gif) no-repeat top left;
}

#article input[type="radio"], #article input[type="checkbox"]{
	width: auto;
	vertical-align: bottom;
	margin: 0;
}



/* @end */

/* @group Sidebar */

#sidebar{
	width: 252px;
	height: 296px;
	float: right;
	background: url(../images/sidebar.jpg) no-repeat top left;
	margin-bottom: 40px;
}



/* @end */

/* @group Sidemenu */

.sidemenu{
	width: 243px;
	background: #e1e0e0 url(../images/sidemenu.png) no-repeat top left;
	padding: 25px 0 0 0;
	float: right;
	margin-bottom: 15px;
}

.sidemenu h3{
	color: #09a5ee;
	font-size: 18px;
	text-align: center;
	margin-bottom: 20px;
}

.sidemenu h3 a{
	color: #09a5ee;
	height: 30px;
	display: block;
	background: url(../images/h3-note.jpg) no-repeat 25px 0;
	margin-top: -15px;
	padding: 20px 0 0 70px;
}

.sidemenu ul.menu li{
	height: 38px;
	background: url(../images/sidemenu-li.png) no-repeat top center;
	padding-left: 0;
	margin-bottom: 0;
}

.sidemenu ul li{
	background: url(../images/li.png) no-repeat 9px 2px;
	padding: 0 10px 0 25px;
	margin-bottom: 8px;
}

.sidemenu .menu a{
	color: #000;
	display: block;
	height: 22px;
	position: relative;
	padding: 17px 0 0 45px;
	text-decoration: none;
}

.sidemenu .menu a:hover{
	color: #fff;
	background: url(../images/sidemenu-hover.png) repeat-x top left;
}

.sidemenu .menu span{
	position: absolute;
	left: 25px;
	top: 16px;
	background: url(../images/sidemenu-span.png) no-repeat top left;
	width: 6px;
	height: 13px;
}

.sidemenu #note-add{
	padding: 0 10px;
}

.sidemenu .menu a:hover span{
	background: url(../images/sidemenu-span-hover.png) no-repeat top left;
}

.sidemenu-bottom{
	margin-bottom: -8px;
	height: 8px;
	background: url(../images/sidemenu-bottom.png) no-repeat top left;
}

.sidemenu textarea{
	padding: 10px;
	font-size: 12px;
}



/* @end */

/* @group Footer */

#footer{
	clear: both;
	text-align: center;
	color: #999;
	line-height: 25px;
	padding: 20px 0;
	border-top: 1px solid #bbb;
}

#footer a{
	color: #999;
}



/* @end */