* {margin:0px; padding:0px;}

html {height:100%;}
body {font-size:0.7em; font-family:Georgia, "Times New Roman", Times, serif; text-align:center; background: url(images/background.png) no-repeat top left #333; height:100%; line-height:1.3em; color:#c0a059;}
input, textarea, option, select {font-size:1em; font-family:Georgia, "Times New Roman", Times, serif;}

.white {
	color:white!important;
}

.formError {
	color:#BB2B2E;
	margin-bottom:30px;
}
.formSent {
	color:#FFF;
	margin-bottom:30px;
}

h1 {font-size:1.1em; color:#bb2829; margin-bottom:20px;}

p {margin:1.1em 0px;}

a {color:#bb2829;}
a:hover {text-decoration:none; color:#c0a059;}

img {border:none;}

div {text-align:left;}

ul {margin-left:15px;}

form label {float:left; width:150px;}
form label.error {display:none!important; }
form .submit {margin-left: 150px;}
form .button {width:100px; color:#c0a059; background:#333; border:1px solid #c0a059;}
form input.inputWidth, form textarea.inputWidth, form select.inputWidth {width:190px;}

form input.error,
form textarea.error {
	background-color:#FDDFDF;
	border-color:#CC302B;
}

#wrapper {clear:both; margin:0px auto; width:960px; text-align:left; height:100%; }

#header {background:#52402d; width:960px; height:100px; border-bottom:5px solid #c0a059;}
#header .logo {float:left;}
#header .text {float:left; margin:65px 0px 0px 25px; width:230px; display:inline;}
#header .links {float:right; margin:65px 26px 0px 0px; width:380px; display:inline; text-align:right;}
#header a {text-decoration:none; color:#c0a059;}
#header a:hover {text-decoration:underline; color:#bb2829;}


#menuWrapper {border-top:1px solid #170000;}
#menu {margin:13px 0px 13px 26px; font-size:1.1em; font-weight:bold;}
#menu a {margin-right:45px; text-decoration:none; color:#c0a059;}
#menu a:hover, #menu a.selected {color:#bb2829;}
#subMenuWrapper {font-weight:bold; background:url(images/dot_brown.gif) repeat-x top left; padding-top:5px;}
#subMenu {font-size:1em; margin:13px 0px 13px 26px; font-weight:bold;}
#subMenu a {margin-right:15px; text-decoration:none; color:#c0a059;}
#subMenu a:hover, #subMenu a.selected {color:#bb2829;}

#content {clear:both; float:left; width:900px; background:url(images/dot_gold.gif) repeat-x top left; padding:30px; padding-bottom:0px;}
#content.home {padding:0px; width:960px;}
#homeImage {float:left;margin:10px 0px 5px 0px; height:320px; width:960px; display:inline;}
#contentText {float:left; padding-right:30px; width:280px;}
#contentText.wide {width:580px;}
#contentText h1 {text-transform:uppercase;}
#content .light {color:#e6e7e8;}
#contentImg {float:left; width:590px;}
#contentImg .imgText {color:#fff;}
#contentImg .imgNm {color:#5c4732;}

#mainImg {
    position:relative;
    height:400px;
    overflow:hidden;
}

#mainImg IMG {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
}

#mainImg IMG.active {
	z-index:10;
}

#mainImg IMG.next {
	z-index:11;
}

#mainImg IMG.loader {
	z-index:13;
	top:199px;
	left:270px;
	display:none;
}

#thumbs {clear:both; float:left; width:590px; background:url(images/dot_brown.gif) repeat-x top left; padding-top:15px; margin-top:15px; }
#thumbs .thumb {float:left; width:150px; margin-right:5px; display:inline; color:#5c4732;}
#thumbs .imgWrap {float:left; width:140px; background:url(images/dot_gold.gif) repeat-y right top; height:80px;}
#thumbs .text {clear:both;}
#thumbs .last {width:120px;}
#thumbs .last .imgWrap {background:none;}
#thumbs a {color:#5c4732; text-decoration:none;}

.commentTitle {float:left; font-weight:bold;}
.commentDate {float:left; margin-left:10px; color:#fff;}
.commentContent{clear:both; margin-bottom:15px;}

#gallery {margin:15px 0px;}
#gallery .thumb {float:left; margin-right:0px; margin-bottom:15px; color:#fff; display:inline; width:225px;}
#gallery .thumb a {text-decoration:none; color:#fff;}
#gallery .sub a {color:#5c4732; font-size:1.3em}

#homeThumbs {float:left; width:960px; background:url(images/dot_gold.gif) repeat-x top left; width:960px; padding:15px 0px; height:100px;}
#homeThumbs .homeThumb {float:left; width:235px; background:url(images/dot_gold.gif) repeat-y right top; height:100px; margin-left:5px; display:inline;}
#homeThumbs .last {background:none;}
#homeThumbs .title {font-size:0.9em; margin-bottom:5px;}
#homeThumbs .img {clear:both; float:left; margin-right:5px;}
#homeThumbs .text {font-family:Arial, Helvetica, sans-serif; float:left; font-size:0.8em; width:90px;}

#homeNews {float:left; width:960px; background:url(images/dot_brown.gif) repeat-x top left; padding-top:15px; margin-bottom:5px;}
#homeNews .news {margin-left:5px; width:500px; }
#homeNews h1 a { display:block; padding-right:25px; background:url(images/feed-icon-28x28.gif) right no-repeat; width:100px; height:28px; line-height:28px; text-decoration:none}
#homeNews .title {font-weight:bold;}
#homeNews .content {margin-bottom:10px;}

#footer {clear:both; background:url(images/dot_brown.gif) repeat-x top left; padding:15px 0px; text-align:center; margin-top:15px;}
#footer .logo{display:block; margin-top:35px;}

#contentText.ponudba {
	width:900px;
	margin:0 auto;
	padding:0;
}
#contentText.ponudba .ponudba_col {
	float:left;
	width:400px;
	text-align:center;
}
#contentText.ponudba .ponudba_col_left {
	margin-right:100px;
}
#contentText.ponudba .ponudba_col h2 {
	font-size:14px;
	color:white;
	font-weight:normal;
	margin-bottom:15px;
}
#contentText.ponudba .ponudba_col h3,
#contentText.ponudba .ponudba_col h4 {
	font-size:11px;
	color:white;
	font-weight:bold;
	margin-bottom:10px;
}
#contentText.ponudba .ponudba_col h4 {
	font-weight:normal;
}
	

#contentText.podjetje {
	width:900px;
	margin:0 auto;
	padding:0;
}
#contentText.podjetje .podjetje_col {
	float:left;
	width:900px;
	text-align:center;
}
#contentText.podjetje .podjetje_col_left {
	margin-right:0px;
	width:500px;
}
#contentText.podjetje .podjetje_col h2 {
	font-size:14px;
	color:white;
	font-weight:normal;
	margin-bottom:15px;
}
#contentText.podjetje .podjetje_col h3,
#contentText.podjetje .podjetje_col h4 {
	font-size:11px;
	color:white;
	font-weight:bold;
	margin-bottom:10px;
}
#contentText.podjetje .podjetje_col h4 {
	font-weight:normal;
}


/* CLEAR FLOATS
/* Add class "clear" to elements that contain floated elements and they will hold the height correctly
*******************************************************/
.clear { display: inline-block; }   
.clear:after, .container:after {
content: ".";
display: block;
height: 0; 
clear: both; 
visibility: hidden;
}
.clear { display: block; }
/*******************************************************/