/*Small reset*/
body,ul,ol,h1,h2,h3,h4,h5,h6,form,li,p,input,select,legend,textarea{margin:0; padding:0;}
h1,h2,h3,h4,h5,h6{font-weight:normal; font-style:normal; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;}
img {border:none;}
a {outline:none;}

/* clearfix */

.clearfix { display: inline-block; }
/* required comment for clearfix to work in Opera \*/
* html .clearfix { height:1%; }
.clearfix { display:block; }
/* end clearfix */

body {
background:url(../images/back.jpg) center top fixed no-repeat #fff;
font-size:62.5%;
text-align:center;
font-family:Arial, Helvetica, sans-serif;
}

/* TOP */

#wrapper-nav{
width:940px;
height:112px;
margin:0 auto;
}
#logo{
float:left;
margin:13px 0 0 30px;
}


/* CONTENT */

#content-top{
width:940px;
margin:0 auto;
}

/* BACKUP
#wrapper-main {
width:960px;
margin:0 auto;
}
*/
#wrapper-main-column {
background:url(../images/back-content-main.jpg) center top repeat-x #fff;
position:relative;
width:940px;
margin:0 auto;
}
#column-main{
float:left;
width:100%;
padding:20px 0 60px 0;
}
#column-left{
float:left;
width:460px;
}
#column-right{
float:right;
width:460px;
}

.content-left{
float:left;
width:380px;
margin:0 0 20px 40px;
}
.content-left p{
text-align:left;
}
.content-right{
float:right;
width:380px;
margin:0 40px 20px 0;
}
.content-right h3{
text-align:right;
}
.content-right p{
text-align:right;
}

.heading-left{
float:left;	
margin:0 0 10px -10px;
}
.heading-left-imgl{
background: url(../images/back-sprite-h-l.png) no-repeat;
float:left;
width:10px;
height:71px;
}
.heading-left-imgr{
background: url(../images/back-sprite-h-l.png) no-repeat;
background-position: -11px 0;
float:left;
width:10px;
height:71px;
}
.heading-middle{
background: url(../images/back-sprite-h-m.png) repeat-x;
float:left;
height:71px;
}
.heading-right{
float:right;	
margin:0 -10px 10px 0;	
}
.heading-right-imgl{
background: url(../images/back-sprite-h-r.png) no-repeat;
float:left;
width:10px;
height:71px;
}
.heading-right-imgr{
background: url(../images/back-sprite-h-r.png) no-repeat;
background-position: -11px 0;
float:left;
width:10px;
height:71px;
}

.item-container{
color: #636363;
letter-spacing: 0.03em;
line-height: 1.4em;
font-size:1.4em;
padding-bottom: 10px;
text-shadow: 1px 1px 0 #FFFFFF;
text-align:left;
}

.item-container p{
	font-size:auto !important;
}

.item-container h2{
	font-size:1.8em !important;
}

.item-container h3{
	font-size:1.2em !important;
}

.item-container ul{
	padding: 0 0 20px 20px;
}

/* NEWS */
.news-item{
border-bottom:dotted 1px #C09; 
padding:15px 0 10px;
}

.news-item h3 span{
display: block;
font-size: 0.7em;
font-weight: bold;
}


/* KOMITENTI */
.kom-item{
border-bottom:dotted 1px #C09; 
padding:15px 0 20px;
}
.kom-item img {
float: left;
margin: 0 10px 10px 0;
padding: 2px;
background: #fff;
-moz-box-shadow: 0 0 2px #666666;
}
.kom-item img:hover {
-moz-box-shadow: none;
}
.kom-contact{
margin: 30px 0 0 0;
}

/* KOMITENTI - KATEGORIJE */
.kom-category-item{
margin-bottom:10px;
}
.kom-category-item h3{
line-height: 25px;
padding: 0;
text-align:right;
text-transform:uppercase;
}
.kom-category-item img{
float:right;
margin-left:10px;
}

/* KOMITENTI - PONUDA */
.kom-ponuda-item{
margin-bottom:10px;
}

.kom-ponuda-item a{
	float:right;
}

.kom-ponuda-item img{
background: #fff;
margin: 15px;
padding: 5px;
-moz-box-shadow: 0 0 2px #666666;
}

/* O NAMA */


	
.about-item{
border-bottom:dotted 1px #C09; 
padding:15px 0 20px;
}


table {
	width: 100%;
	margin-bottom: 26px;
	border-top: none;
	border-right: none;
	border-bottom: 1px solid #CCC;
	border-left: none;
	text-align:left;
}

table td {
	line-height: 1.6em;
	padding-left: 4px;
	padding-right: 4px;
	border-top: 1px solid #CCCCCC;
}




.about-item img {
float: left;
margin: 0 10px 10px 0;
padding: 2px;
background: #fff;
-moz-box-shadow: 0 0 2px #666666;
}
.about-item img:hover {
-moz-box-shadow: none;
}
.about-contact{
margin: 30px 0 0 0;
}
.about-contact small {
	display:none;
}
ul.list {
list-style-type: disc;
list-style-image: inherit;
list-style-position: inside;
}
ul.list li {
color: #636363;
font-size: 1.4em;
text-align:left;
letter-spacing: 0.03em;
line-height: 1.4em;
text-shadow: 1px 1px 0px #fff;
}



/* CASOPIS */
.casopis-aktualno{
border-bottom:dotted 1px #C09; 
padding:15px 0 20px;
}
.casopis-sadrzaj{
margin: 30px 0 0 0;
}
.casopis-arhiva-container{
margin: 0 10px 0;
}
.casopis-arhiva-item{
float:left;
font-size: 1.4em;
}
.casopis-arhiva-item p{
text-align:center;
margin-top: -10px;
padding:0;
}
.casopis-arhiva-item img{
background: #fff;
margin: 15px;
padding: 5px;
-moz-box-shadow: 0 0 2px #666666;
}
.pagination-container-casopis{
margin: 25px auto 0;
font-size: 1.4em;
}
.pagination-container-casopis p{
text-align:center;
}



/* MAP */
.map-small{
margin:15px 0;
float: right;
}

/* PAGINATION */
.pagination-container{
margin: 30px auto 0;
}
.pagination-container p{
text-align:center;
}

.pagination-container a, 
.pagination-container span{
padding:5px;
}

.pagination-container a.pagination, 
.pagination-container span.pagination{
background: #63b600;
color: #fff!important;
text-shadow: none !important;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
}

.pagination-container a.pagination:hover{
background:#81005c;
}

.clear {
clear:both;
}


/* FOOTER */

.footer-wrapper{
background:url(../images/back-footer.jpg) center top no-repeat;
width:940px;
height:122px;
margin:0 auto;
}
.footer-nav{
float:left;
padding:20px 40px 0;
}
.footer-nav p{
color:#fff;
font: bold 1.1em arial,sans-serif;
text-shadow:1px 1px 1px #000;
}
.footer-copyright{
float:right;
padding:20px 40px 0;
}
.footer-copyright p{
color:#fff;
font: bold 1.1em arial,sans-serif;
text-shadow:1px 1px 1px #000;
}
a.footer:link, a.footer:visited{
color:#fff;
font-weight:bold;
text-decoration:none;
text-shadow:1px 1px 1px #000;
padding-right:10px;
}
a.footer:hover{
color:#CFCFCF;	
text-shadow:1px 1px 0px #000;
}
a.footer:active{
color:#fff;
}


/* TYPE */

h1{
color: #fff;
font-size:4em;
text-align: left;
text-transform: uppercase;
text-shadow: 1px 1px 0 #000000;
margin: 4px 40px 0;
line-height: 50px;
}
h2{
color: #666666;
font-size: 2.6em;
text-align: left;
text-shadow: 0 1px 0 #FFFFFF;
padding-bottom: 10px;
}
h3{
color: #666666;
font-size: 1.6em;
text-align: left;
text-shadow: 0 1px 0 #EEEEEE;
padding-bottom: 10px;
}
h4{
color: #5F5147;
font-size: 2.8em;
text-align:left;
text-transform:uppercase;
text-shadow: -1px -1px 2px #000000, 0 1px 0 #7E7669;
}
p{
color: #636363;
font-size: auto;
letter-spacing: 0.03em;
line-height: 1.4em;
text-shadow: 1px 1px 0px #fff;
padding-bottom:10px;
}


/* LINKS GENERAL */

a:link, a:visited {
color:#7e9c1a;
font-weight:normal;
text-decoration:none;
text-shadow:1px 1px 0px #fff;
}
a:hover {
color:#AD0080;
font-weight:normal;
text-decoration:none;
text-shadow:1px 1px 0px #fff;
}
a:active {
color:#fff;
font-weight:normal;
text-decoration:none;
text-shadow:1px 1px 0px #fff;
}


/* TOP NAVIGATION STYLING */

#nav-container{
float:right;
margin-right:40px;
}

#nav-top-container{
float:right;
}
#navMenu {
font:bold 1.2em arial, sans-serif;
text-align:center;
list-style:none;
}
#navMenu li {
background:#81005c;
position:relative;
float:left;
width:auto;
height:55px;
margin-left:1px;
}
#navMenu li .hover {
background:url(../images/navigation-top/nav-top-hover.png) center top no-repeat #63b600;
position:relative;
display:none;
width:auto;
height:55px;
top:-55px;
left:0; 
z-index:0;
}
#navMenu li.active {
background:url(../images/navigation-top/nav-top-active.png) center top no-repeat #58003e;
}
#navMenu li.active .hover {
background:url(../images/navigation-top/nav-top-active.png) center top no-repeat #58003e;
}
#navMenu li a {
position:relative;
display:block;
color:#fff;
font-weight:bold;
text-shadow:0 0 10px #fff;
text-transform:uppercase;
width:auto;
padding:20px 13px;
z-index:9;
}
#navMenu li a:hover {
color: #efefef;
text-shadow:0 0 10px #fff, 0px 1px 1px #000;
}

/* LANGUAGE V2
#nav-top-language{
float:right;
}
#navLangMenu {
font:bold 1.2em arial, sans-serif;
text-align:center;
list-style:none;
}
#navLangMenu li {
background:#81005c;
position:relative;
float:left;
width:auto;
height:55px;
margin-left:1px;
}
#navLangMenu li .hover {
background:url(../images/navigation-top/nav-top-hover.png) center top no-repeat #63b600;
position:relative;
display:none;
width:auto;
height:55px;
top:-55px;
left:0; 
z-index:0;
}
#navLangMenu li.active {
background:url(../images/navigation-top/nav-top-active.png) center top no-repeat #58003e;
}
#navLangMenu li.active .hover {
background:url(../images/navigation-top/nav-top-active.png) center top no-repeat #58003e;
}
#navLangMenu li a {
position:relative;
display:block;
color:#fff;
font-weight:bold;
text-shadow:0 0 10px #fff;
text-transform:uppercase;
width:auto;
padding:20px 13px;
z-index:9;
}
#navLangMenu li a:hover {
color: #efefef;
text-shadow:0 0 10px #fff, 0px 1px 1px #000;
}
*/

/* SUB NAVIGATION STYLING */

#nav-sub-container{
float:right;
top:0;
margin:22px 0 0 0;
}
#navSubMenu {
font:bold 1.2em arial, sans-serif;
text-align:center;
list-style:none;
}
#navSubMenu li {
background:transparent;
position:relative;
float:left;
width:auto;
height:35px;
margin-left:1px;
}
#navSubMenu li .hover {
background:#fff;
position:relative;
display:none;
width:auto;
height:35px;
top:-35px;
left:0;
z-index:0;
}
#navSubMenu li.active {
background:#fff;
}
#navSubMenu li.active .hover {
background:#fff;
}
#navSubMenu li a {
position:relative;
display:block;
color:#c3b8bf;
font-weight:bold;
text-shadow:none;
width:auto;
padding:10px 8px;
z-index:9;
}
#navSubMenu li a:hover {
color:#7e777b;	
text-shadow:none;
}


/* SLIDESHOW */

#slide{
background:url(../images/back-slideshow.png) center top no-repeat;
float:left;
width:960px;
height:274px;
margin:0 0 10px -10px;
}
.aviaslider{
background:url(../images/slideshow/preload.gif) center center no-repeat #fff;
position:relative;
width:940px;
height:242px;
overflow:hidden;
margin:9px auto;
}
.aviaslider li, .aviaslider .featured{
display: block;
width:100%;
height:100%;
position: absolute;
top:0;
left:0;
z-index: 1;
}
.js_active .aviaslider li, .js_active .aviaslider .featured{
display:none;
}
.aviaslider img, .aviaslider a img, .aviaslider a{
border:none;
text-decoration: none;
}
/* SLIDE CONTROLLS OFF
.slidecontrolls{
margin:20px auto 0 auto;
position:relative;
float:left;
}
.slidecontrolls a{
height:20px;
width:18px;
display:block;
cursor: pointer;
background: transparent url(../images/slideshow/controlls.gif) center bottom no-repeat;
float:left;
outline: none;
}
.slidecontrolls a:hover, .slidecontrolls .active_item{
background: transparent url(../images/slideshow/controlls.gif) center top no-repeat;
}
*/

.feature_excerpt{
width:610px;
position: absolute;
display: block;
bottom: 0;
left:0;
z-index: 2;
padding:14px 15px;
font-size: 11.5px;
line-height:1.5em;
cursor: pointer;
background: #000;
color: #fff;
}
.feature_excerpt strong{
display: block;
font-size: 15px;
padding-bottom: 3px;
}


/* ČASOPIS */

.cover {
font-size: 1.4em;
}

.cover img {
border:5px solid #fff;
margin:10px auto 15px;
-moz-box-shadow:0 0 10px #666;
-webkit-box-shadow:0 0 10px #666;	
}
.cover p {
text-align:center;
}


/* NEWSLETTER FORM */

#page-wrap{
color: #636363;
font-size: 1.4em;
letter-spacing: 0.03em;
text-align:left;
text-shadow: 1px 1px 0px #fff;
padding-bottom:10px;
}

label{
/* width: 190px; */
display: block;
}

input[type=text], textarea{
width: 350px;
outline: none;
font-family: "lucida sans unicode","lucida grande",arial,sans-serif;
}

.rowElem label.error{
float: none;
position: absolute;
top: 60px;
left: 95px;
color: red;
font-family: "lucida sans unicode","lucida grande",arial,sans-serif;
font-size: 0.8em;
font-style: italic;
text-shadow: 1px 1px 0px #fff;
}
                              
.rowElem #jqTransformTextarea-mm label.error{
top: 28px;
}

#changeTypeArea{
float: left;
margin: 0 0 10px 0;
width: 350px;
}

/*
.rowElem{
position: relative;
clear: both;
min-height: 35px;
margin-left: 20px;
}
*/

.rowElem{
clear: both;
padding-left: 10px;
}

.rowElem label{
font-size: 11px;
text-align: right;
}

.rowElemSelect{
clear: both;
min-height: 35px;
}

.thanks{
color: #333; 
}

.jqTransformTextarea, .jqTransformSelectWrapper{
margin: 0 0 8px 0;
}


/* MAP */

.content-middle {
	clear: both;
    margin: 0 auto;
    width: 918px;
	text-align: left;
}

.content-middle a:active, .content-middle a.selected {
color:#AD0080;
}

.tabs {
	min-height:500px;
}

.tabs  ul{
	height: 32px;
	margin: 0 0 -1px;
	padding: 0 0 0 10px;
}

.tabs li{
	background-color: #e8e9eb;
	display: block;
	float: left;
	height: 30px;
	line-height: 30px;
	list-style-type: none;
	margin: 0 6px 0 0;
	padding: 0;
	width: 100px;
	border: 1px solid #999;
	text-align: center;
	border-top-right-radius: 6px;
	-moz-border-radius-topright: 6px;
	-webkit-border-top-right-radius: 6px;
	border-top-left-radius: 6px;
	-moz-border-radius-topleft: 6px;
	-webkit-border-top-left-radius: 6px;

}

.tabs li.selected{
	border-top: 1px solid #999;
	border-right: 1px solid #999;
	border-bottom: 1px solid #e8e9eb;
	border-left: 1px solid #999;
}

.tabs li a{
	font-size:1.4em;
	display:block;
}

.floors {
	width:100%;
	border:1px solid #999;
	background-image: url(../images/floors_bg.jpg);
	background-repeat: repeat-x;
	background-position: left bottom;
	border-radius: 2px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
}

.customer-selection , .category-selection {
	clear:both;
	font-size: 1.2em;
	line-height:1.6em;
	padding-top:18px;
	padding-left: 6px;
}

.customer-selection ul, .category-selection ul{
	margin:0;
	padding:0 0 0 6px;
	width: 220px;
	float:left;
}

.customer-selection li, .category-selection li{
	margin:0;
	padding:0;
	list-style-type:none;
}

.category-selection li{
	line-height:25px;
	clear:left;
}

.category-selection li span{
	float:left;
	padding-right: 6px;
	height: 25px;
    width: 25px;
}



/* tooltip */
#tooltip {
	background-color: #FFFFFF;
	border: 3px solid #666666;
	opacity: 0.9;
	padding: 8px;
	position: absolute;
	text-align: left;
	z-index: 3000;
	border-radius: 8px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
}
#tooltip h3, #tooltip div { margin: 0; }

#tooltip h3 {
	border-bottom: 1px solid #CCCCCC;
	margin-bottom: 6px;
	padding: 0 4px 4px;
	margin-left: -4px;
}

#tooltip .body p{
	padding: 12px 0 0;
}

#tooltip .body p img{
	padding-right:4px;
	padding-bottom:4px;
}


/* fixevi */
#field_ncc-element-container { display: none }
.toggle-no-entry { color: #999; }


/* forma */

.form {
	width: auto;
	padding-bottom: 20px;
	font-family: "lucida sans unicode","lucida grande",arial,sans-serif;
}

.form fieldset{
	border:none;
}

.form dl, .form dt, .form dd{
	padding:0;
	margin:0;
}

.form dl{
	clear:both;
}

.form dt{
	display:none;
}

.form dd{
	width:100%;
	 padding-bottom: 8px;
	 text-align: left;
}

.form input[type="text"], .form textarea {
	width: 350px;
	background-color: #fbfbfb;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #a8a8a8;
	border-right-color: #d8d8d8;
	border-bottom-color: #d8d8d8;
	border-left-color: #a8a8a8;
	font-size: 12px;
	line-height: 20px;
	padding: 8px;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}
.form textarea {
	height: 380px;
}


.form .action-buttons {
	clear: both;
	color: #636363;
    font-size: 12px;
    padding: 4px 0;
}

.form .action-buttons dt{
	display:block;
	width:100%;
	text-align:center;
}

.form .action-buttons dd {
	padding-top: 10px;
    text-align: center;
}

.form ul.errors {
	display: none;
	color: #E2068C;
	padding: 4px 8px 0;
	list-style-type: none;
}

.form dd ul.errors {
	display: block;
}


p.message {
	padding: 6px 0;
	font-weight: bold;
}
p.error {
	padding: 6px 0;
	color: #E2068C;
	font-weight: bold;
}


.form .awesome, .form .awesome:visited {
	display: inline-block;
	padding: 5px 10px 6px;
	color: #fff;
	text-decoration: none;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	/* -moz-box-shadow: 0 1px 2px rgba(0,0,0,0.5);
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.5); */
	text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
	border:none;
	border-bottom: 1px solid rgba(0,0,0,0.25);
	position: relative;
	cursor: pointer;
	background-color: #222;
	background-image: url(../images/alert-overlay.png);
	background-repeat: repeat-x;
	width: auto;
	min-width:120px;
}

.form .awesome:hover { background-color: #111; color: #fff; border:none; border-bottom: 1px solid rgba(0,0,0,0.25); }
.form .awesome:active { top: 1px; }
.form .small.awesome, .form .small.awesome:visited { font-size: 11px; padding: ; }
.form .awesome, .form .awesome:visited,
.form .medium.awesome, .form .medium.awesome:visited { font-size: 13px; font-weight: bold; line-height: 1; text-shadow: 0 -1px 1px rgba(0,0,0,0.25); }
.form .large.awesome, .form .large.awesome:visited { font-size: 14px; padding: 8px 14px 9px; }

.form .green.awesome, .form .green.awesome:visited { background-color: #91bd09; }
.form .green.awesome:hover { background-color: #749a02; }
.form .blue.awesome, .form .blue.awesome:visited { background-color: #00B3FF; }
.form .blue.awesome:hover { background-color: #0792cd; }
.form .red.awesome, .form .red.awesome:visited { background-color: #b50916; }
.form .red.awesome:hover { background-color: #84141d; }
.form .magenta.awesome, .form .magenta.awesome:visited { background-color: #a9014b; }
.form .magenta.awesome:hover { background-color: #630030; }
.form .orange.awesome, .form .orange.awesome:visited { background-color: #ff5c00; }
.form .orange.awesome:hover { background-color: #d45500; }
.form .yellow.awesome, .form .yellow.awesome:visited { background-color: #ffb515; }
.form .yellow.awesome:hover { background-color: #fc9200; }

.form .white.awesome, .form .white.awesome:visited {
	background-color: #f7f7f7;
	color:#444444;
	padding: 8px 12px 9px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #d8d8d8;
	border-right-color: #a8a8a8;
	border-bottom-color: #a8a8a8;
	border-left-color: #d8d8d8;
}
.form .white.awesome:hover { background-color: #eeeded; color:#444444; padding: 8px 12px 9px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #d8d8d8;
	border-right-color: #a8a8a8;
	border-bottom-color: #a8a8a8;
	border-left-color: #d8d8d8;
}






/* Forma FIX */
#field_ncc-label, #field_ncc-element, #request_startup_timestamp-label, #request_startup_timestamp-element { display: none; }


/* banners */

.banner-top {
	background-color:#efefef;
	margin: 0 auto;
	width: 940px;
	padding: 20px 0 0;
	height: 90px;
}

.banner-right {
	float: right;
    margin: 0 40px 20px 0;
	text-align: right; 
}