/* CSS Document */

body {
	font-family: Arial, Helvetica, sans-serif;
	color: #4C4B42;
	margin: 0 auto;
	margin-bottom: 30px;
	padding: 0;
	height: 100%;
	text-align: center;
	background-image: url(images/page_bg.gif);
	background-repeat: repeat-x;
	background-color: #61604D;
	font-size: 80%;
	line-height: 160%;
}


a {
	color: #A80707;
	text-decoration: none;
    outline: none;
}

a:link {
	color: #A80707;
	text-decoration: none;
}

a:visited {
	color: #A80707;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
	color: #c8884b;
}


p {
	margin: 0.5em 0 1em 0;
}

ul {
	margin-top: 0;
	list-style-type: square;
}

hr {
 	height: 1px;
	background-color: #e2dcd2;
	color: #e2dcd2;
	border: 0px;
	display: block;
	clear: both;
	margin-top: 10px;
	margin-bottom: 10px;
}


form {
	margin: 0px;
}

h1 {
	font-family: "Trebuchet MS", Verdana, Arial;
	color: #7A5428;
	font-size: 180%;
	margin: 0 0 30px 0;
	padding: 0;
	font-weight: normal;
	line-height: 130%;
}

h2 {
	color: #7A5428;
	font-family: "Trebuchet MS", Verdana, Arial;
	font-size: 85%;
	font-weight: bold;
	margin: 5px 0 10px 0;
	padding: 0;
	text-transform: uppercase;
}

h3 {
	color: #7A5428;
	font-family: "Trebuchet MS", Verdana, Arial;
	font-size: 100%;
	font-weight: bold;
	margin: 5px 0 10px 0;
	padding: 0;
	text-transform: none;
}


/***********************************************/
/* Layout Divs                                 */
/***********************************************/


.outerWrapper  {
	width: 856px;
	margin: 0 auto; /* align div to center */
	padding: 0px;
	text-align: left;
}

.pageTop {
	width: 856px;
	height: 127px;
	background: url(images/top_bg.jpg) no-repeat #fff;
}

.logo {
	float: left;
	width: 220px;
	height: 127px;
}

.headerWrapper {
	width: 830px;
	height: 175px;
	padding: 13px 13px 0 13px;
	background: url(images/header_bg.gif) no-repeat #fff;
}

.headerImg {
	width: 830px;
	height: 175px;
	background: url(images/header_img.jpg) no-repeat #B72319;
}	

.headerImg a {
	display: block;
	width: 830px;
	height: 175px;
	text-decoration: none;
}

.contentWrapper {
	width: 830px;
	padding: 8px 13px 0 13px;
	background-image: url(images/page_borders_bg.gif);
	background-repeat: repeat-y;
	background-color: #FCFBF7;
}

.content {
	width: 830px;
	background-image: url(images/content_bg.jpg);
	background-repeat: no-repeat;
}

.contentRepeatBg {
	width: 830px;
	background-image: url(images/content_repeat_bg.gif);
	background-repeat: repeat-y;
}


.contentBottom {
	width: 830px;
	height: 3px;
	background-image: url(images/content_bottom_bg.jpg);
	background-repeat: no-repeat;
	margin-bottom: 8px;
	font-size: 0.1px;
}

.footer {
	width: 830px;
	height: 175px;
	background: url(images/footer_bg.jpg) no-repeat #EDECD0;
}

.footerBottom {
	width: 856px;
	height: 6px;
	font-size: 1px;
	background-image: url(images/footer_bottom_bg.gif);
	background-repeat: no-repeat;
}

.copyrightInfo {
	font-size: 10px;
	width: 846px;
	height: 20px;
	padding-right: 10px;
	line-height: 20px;
	text-align: right;
	color: #949381;
}

.copyrightInfo a, 
.copyrightInfo a:visited {
	color: #949381;
}


.leftCol {
	width: 220px;
	padding: 35px 5px 15px 20px;
	float: left;
}	

.rightCol {
	width: 510px;
	padding: 35px 35px 25px 35px;
	float: left;	
}

.siteMap {
	width: 230px;
	padding: 15px 10px;
	float: left;
}

.contact {
	width: 310px;
	padding: 15px 10px;
	float: left;
}

.login {
	width: 230px;
	padding: 15px 10px;
	float: left;
}

/***********************************************/
/* Components                                  */
/***********************************************/


/************ horizontal menu ****************/

.menuWrapper {
	padding: 95px 0 0 300px;
}

.menu {
	margin: 0;
	padding: 0;
	list-style: none;
}

.menu a {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 10px;
	height: 24px;
	width: 65px;
	line-height: 24px;
	display: block;
	text-decoration: none;
	text-align: center;
	background-image: url(images/menu_item_bg.gif);
	background-repeat: no-repeat;
	background-position: left;
	text-transform: uppercase;
	float: left;
	padding: 0;
}

.menu a:link, .menu a:visited {
	color: #666;
}

.menu a:hover {
	color: #f00;
	text-decoration: none;
}

.menu a.active:link, .menu a.active:visited {
	color: #fff;
	background-position: right;
}


.menu li {
  	background-image: url(images/menu_item_bg.gif);
	background-position: left;
	background-repeat: no-repeat;
 	display: inline; /* Removes gaps in IE/WIN */
	float: left;
	margin: 0 5px 0 5px;
}


/* -- */

/******************** Language *******************/

.langMenu { 
	font-size: 10px;
	line-height: 24px;
	color: #333;
	display: inline;
	float: right;
	margin: 0;
	margin-right: 13px;
}

.langMenuActive { 

}


/**************** Thumb Galeries ****************/

.thumb1 {
	width: 90px;
	height: 67px;
	background: url(images/thumb_bg.gif) no-repeat;
	padding: 4px;
	float: left;
}

.thumb2 {
	float: left;
	margin: 0 10px 7px 0;
}

.thumb3 {
	border: 1px solid #c6c6c6;
	float: left;
	margin: 0 10px 10px 0;
	display: inline; /* IE float double-margin hack */
}

.thumb1 img, 
.thumb2 img,
.thumb3 img 
{ 
	border: 0;
}


/***************** Item list 1 *****************/

ul.itemList {
	padding: 0 0 0 35px;
	margin: 0;
	list-style: none;
	line-height: 150%;
}

ul.itemList a, ul.itemList a:visited {
	color: #444225;
}

/***************** Item list 2 *****************/

ul.itemList2 {
	padding: 0;
	margin: 0;
	list-style: url(images/bullet_01.gif);
	list-style-position: inside;
	line-height: 150%;
}

ul.itemList2 li { 
	line-height: 25px;
}


/**************  pagination  *****************/

.paginationBox {
	margin: 20px 0 0 0;
	clear: both;
}


UL.paging {
 	margin: 0; 
 	padding: 0; 
  	list-style: none;
	float: left;
}

UL.paging a {
	font-size: 11px;
	color: #fff;
	background-color: #DAD8AD;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
    text-decoration: none;
	text-align: center;
  	display: block;
 	width: 18px;
  	height: 18px;
 	line-height: 18px;
	float: left;
	margin: 0 4px 0 0;
}

ul.paging a:link, ul.paging a:visited {
	color: #fff;
	background-color: #DAD8AD;
}
 
ul.paging a:hover {
	color: #fff;
    text-decoration: none;
	background-color: #B8B58A;
}
 
ul.paging li {
 	display: inline; /* Removes gaps in IE/WIN */
}


UL.paging a.active, UL.paging a.active:visited {
	color: #fff;
	font-weight: bold;
  	background-color: #BE3222;
}


/**************** Text styles ****************/

.whiteText, .whiteText a, .whiteText a:visited {
	color: #fff;
}

.grayText, .grayText a, .grayText a:visited {
	color: #a8a8a8;
}

.darkGrayText, .darkGrayText a, .darkGrayText a:visited{
	color: #727272;
}

.greenText, .greenText a, .greenText a:visited {
	color: #597c4a;
}

.orangeText, .orangeText a, .orangeText a:visited{
	color: #c8884b;
}

.redText, .redText a, .redText a:visited {
	color: #bd4426;
}

.text11pxGreen {
	color: #444225;
	font-size: 11px;
}

.text10pxGreenCaps {
	color: #444225;
	font-size: 10px;
	text-transform: uppercase;
}

/**************** MISC **********************/


.icnSpace {
	margin-right: 5px;
	vertical-align: middle;
}

.grayBg {
	background-color: #F3F2E1;
}

.imgReplace {
	text-indent: -5000px;
}

.tbl_01 {
	font-size: 0.85em;
	border-collapse: collapse;
	border: 1px solid #ccc;
}

.tbl_01 td {
	padding: 3px;
	border: 1px solid #ccc;
}


/************** Page titles ***************/

.titleHome {
	background: url(images/title_home.png) no-repeat;
	height: 56px;
}

.titleInventis {
	background: url(images/title_inventis.png) no-repeat;
	height: 18px;
}

.titleUsluge {
	background: url(images/title_usluge.png) no-repeat;
	height: 23px;
}

.titleKenticoCMS {
	background: url(images/title_kentico_cms.png) no-repeat;
	height: 18px;
}

.titleKorisnici {
	background: url(images/title_korisnici.png) no-repeat;
	height: 18px;
}

.titleKontakt {
	background: url(images/title_kontakt.png) no-repeat;
	height: 18px;
}

.titleMapaWeba {
	background: url(images/title_mapa_weba.png) no-repeat;
	height: 22px;
}

.titleKontaktirajteNas {
	background: url(images/title_kontaktirajte_nas.png) no-repeat;
	height: 22px;
}

.titleKorisnickiPristup {
	background: url(images/title_korisnicki_pristup.png) no-repeat;
	height: 22px;
}


/************** Form **********************/

input, textarea, select {
	font-size: 11px;
	font-family: Arial, Tahoma,  Helvetica;
	color: #777;
	vertical-align: middle;
}

input.texbox {
	width: 154px;
	padding: 6px;
	border: 0px;
	background: url(images/input_text_bg.gif) no-repeat;
	_background-attachment: fixed;
}

input.btn {
	width: 60px;
	height: 24px;
	border: 0px;
	background: url(images/btn_01.gif) no-repeat;
	text-transform: uppercase;
	font-size: 9px;
	color: #6A6733;
}


.textarea {
	border: 1px solid #E9E7C3;
	width: 290px;
	padding: 3px;
}

/*
span.skype_pnh_container {display:none !important;}
span.skype_pnh_print_container {display:inline !important;}
*/