/* PAGELAYOUT CSS - 20100420 */

/* FULL PAGE */

div#page
{
    width: 948px; /* This can be changed to any fixed width if desired */
    background-color: white;
    margin: 0 auto 0 auto; /* General method for centering content if fixed page width, for other browsers than IE */
    text-align: left; /* Reset IE method for centering page, to stop all other content on the page from centering */
}

/* HEADER */

div#header
{
    padding: 0;
    margin: 0 12px;
    height: 100px;
}

div#header ul
{
    margin: 0;
    padding: 0.25em 0 0.25em 0;
}

div#header ul li
{
    list-style-type: none;
    list-style-image: none;
    padding: 0;
    margin: 0;
    float: left;
    background-image: none;
}

div#logo
{
    float: left;
    margin: 10px 0 0 10px;
}

div#usermenu
{
    
    height: 25px;
}

div#languages
{
    float: right;
    clear: right;
    width: 11%;
    height: 20px;
    margin-top: 4px;
    font-size: 11px;
   
}

div#languages ul
{
     text-align: right;
     float: right;
}

div#languages ul li
{
    margin-left: 7px;
}

div#languages a
{
    line-height: 25px;
    font-size: 11px;
   
}

div#links
{
    float: left;
    clear: left;
    text-align: right;
    padding-right: 0;
    font-size: 11px;
    height: 25px;
    width: 88%;
}

div#links ul li
{
    float: right;
}

div#links a
{
    color: #666;
    padding: 0px 11px;
 	 line-height: 25px;
 	 font-size: 11px;
}

div#links a:hover
{
    
}

div#searchbox
{
    width: 300px; /* Needs to be sufficient width to fit both text input and submit button to avoid Konqueror breaking the line between them */
    margin-top: 20px;
    text-align: right;
    float: right;
    padding: 0px;
}

input#searchtext
{
   border:1px solid #D6D8DB;
	color:#303C49;
	font-size:11px;
	padding: 2px 3px;
	width:120px;
	margin-top: 1px;	
}

input#searchbutton
{
    margin:0 0 0 2px;
    border: none;
    background-image: url(../images/search_btn.png);
    background-repeat: no-repeat;
    width: 16px;
    height: 16px;
 	 font-size:11px;
	 padding: 0px;
	 cursor: pointer;
}

/* TOP MENU */

div#topmenu
{
    margin: 0 12px;
    padding: 0;
    background-image: url(../images/topmenu_bg.png);
    background-color: #FFFFFF;
}

div#topmenu ul
{
    
    margin: 0;
    padding: 0;
    list-style: none;
    clear: both;
    float: right;

  
}

div#topmenu ul li
{
    float: left;
    margin: 0;
    padding: 0;
    font-size: 11px;
    font-weight: bold;
    white-space: nowrap;
	 background-image: none;
}

div#topmenu ul li a
{
    display: block;
    color: #000;
    line-height:22px;
    margin: 0 0 6px 0;
    padding: 5px 11px 0 11px;
    text-decoration: none;
}

div#topmenu ul li.selected a, div#topmenu ul li a:hover
{
    border-top: 3px solid #EEE;
    color: #C06200;
	margin: 0 0 3px 0;
    padding: 2px 11px 0 11px;
}

div#topmenu ul li.lastli
{
    background-image: none;
}

div#topmenu ul#topmenu-secondlevel
{
    background-image: none;
    background-color: #F5F6F1;
    border-bottom: 1px solid #E9E9E1;
}

div#topmenu ul#topmenu-secondlevel li
{
    background-image: none;
    font-weight: normal;
}

div#topmenu ul#topmenu-secondlevel li.selected
{
    font-style: italic;
}

div#topmenu ul#topmenu-secondlevel li.selected a, div#topmenu ul#topmenu-secondlevel li a:hover
{
    color: #111;
    border-bottom: none;
    margin-bottom: 6px;
}

div#topmenu ul#topmenu-secondlevel li a
{
    color: #555;
    text-decoration: underline;
}

/* PATH */

div#path
{
    padding: 0.5em 0 0.5em 0;
    margin: 0;
}

div#path p
{
    margin: 0;
    font-size: 11px;
}

/* COLUMNS */


div#columns-position{
	margin: 0 12px;
}

div#columns
{
   padding: 0 274px 0 187px;
}

div.nosidemenu div#columns
{
   padding-left: 0;
}

div.noextrainfo div#columns
{
   padding-right: 0;
}

div.rightcolumn div#columns
{
   padding-right: 286px !important;
}

/* SIDE MENU */

div#sidemenu-position
{
    width: 187px;
    margin-left: -187px;
    float: left;
    display: inline; /* Fix for IE double margin bug */
}

div.nosidemenu div#sidemenu-position
{
    display: none;
}

div#sidemenu ul
{
    list-style-type: none;
    margin: 15px 0 15px 10px;
}

div#sidemenu ul li
{
    margin: 0.25em 0 0.25em 0;
    padding: 0;
    list-style-type: none;
    list-style-image: none;
    background-image: none;
}

div#sidemenu div.box div.box-content
{
    padding-left: 0.75em;
    padding-right: 0;
}

div#sidemenu h4
{
    margin: 0;
    padding: 7px 0 7px 10px;
    background-color: #0079a0;
    font-size: 12px;
    font-weight: bold;
}

div#sidemenu h4 a
{
    color: white;
    text-decoration: none;
}

div#sidemenu ul.menu-list a.selected
{
    color: #C06200;
}

div#sidemenu ul.submenu-list
{
    list-style-type: none;
    margin: 1em 0 0 1em;
    font-size: 11px;
}

div#sidemenu ul.submenu-list a.selected
{
    font-weight: bold;
}

div#sidemenu ul.menu-list li a, div#sidemenu ul.submenu-list li a
{
    background-image: url(../images/sidemenu_bullet.png);
    background-position: 0px 8px;
    background-repeat: no-repeat;
    display: block;
    color: #666;
    padding: 5px 0px 5px 13px;
}

/* MAIN AREA */

div#main-position
{
    width: 100%;
    float: left;
}

div#main
{
    border-top: 29px solid #ecece4;
}

div.cl-frontpage div#main
{
    border-top: 0px;
}


div.nosidemenu div#main-position
{
    margin-left: 0;
}

div.noextrainfo div#main-position
{
    margin-right: 0;
}

div.content-view-children, div.attribute-long{
	margin: 10px 0;
	float: left;
}



/* EXTRA CONTENT & RIGHT CONTENT*/

div#extrainfo-position, div#right-content-position
{
    width: 286px;
    margin-right: -286px;
    float: left;
}
div#right-content-position div#right-content{
	margin-left:12px;
	border-top:29px solid #ECECE4;
}

div.noextrainfo div#extrainfo-position
{
    display: none;
}

div#extrainfo
{

}

/* right content blocks */

div.right-block-inner hr{
	color: #e6e6e6;
	background-color: #e6e6e6;
	height: 1px;
	border:medium none;
	clear:both;
	margin:0;
	width:100%;
}

div.right-block{
	border: 1px solid #DFDFDF;
	padding: 12px 16px 16px;
	margin:12px 0;
}

div.right-block-inner p, div.right-block-inner h4{
	font-size:11px;
}

div.right-block-inner p, div.right-block-inner p{
	margin-bottom:0;
}

div.right-block-inner h4 a
{
	color: #666666;
}

div.block-type-similarproducts
{
	background-color: #F4F4F4;
}

div.block-type-similarproducts h3
{
	color: #C06200;
}

div.block-type-similarproducts hr
{
	color: #fff;
	background-color: #fff;
}


div.block-type-nextevents, div.block-type-latestnews
{
	background-color: #F4F4F4;
	padding: 0px;
	border: 0px;
}

div.block-type-nextevents h3, div.block-type-latestnews h3
{
	color: #005774;
	background-color:#fff;
	padding: 6px 16px;
	margin:0;
}

/* ujednacenje block-typeovea sa glavnom naslovnicom */
.nd-2 .left-column h3
{
	color: #FF6600;
	background-color:#fff;
	padding: 6px 16px;
	margin:0;
}
.nd-2 .left-column
{
	padding-top:12px;
}

.nd-2 .left-column h3
{
	color: #005774;
	background-color:#fff;
	padding: 6px 0px;
	margin:0;
}

.nd-2 .center-column .block-type-latestnews
{
	background-color:#fff;
}

.nd-2 .center-column .block-type-latestnews hr
{
	background-color:#f0f0f0;
	color:#f0f0f0;
	height:1px;
}

/* /ujednacenje block-typeovea saglavnom naslovnicom */

div.block-type-nextevents div.right-block-inner div.content-view-listitem
{
	padding:0 0 0 16px;
}

div.block-type-latestnews div.right-block-inner div.content-view-listitem
{
	padding:12px 16px;
}

div.block-type-nextevents div.right-block-inner h4
{
	padding:8px 0 2px 0;
	margin:0
}

div.block-type-similarproducts div.right-block-inner h4
{
	padding:8px 0 2px 0;
	margin:0
}

div.block-type-similarproducts div.right-block-inner p
{
	padding-bottom:6px;
	margin:0
}

div.block-type-latestnews div.right-block-inner h4
{
	margin:0;
	font-size: 12px;
	background-image: url(../images/bullet-news.png);
	background-repeat: no-repeat;
	background-position: 0px 4px;
	padding-left: 12px;
}

div.block-type-latestnews div.right-block-inner h4 span.date
{
	color: #999;
}


div.block-type-nextevents hr, div.block-type-latestnews hr
{
	color: #fff;
	height: 2px;
	background-color: #fff;
}

div.block-type-nextevents div.attribute-image {
	float:right !important;
	margin:1px 1px 1px 16px !important;
}

div.block-type-nextevents div.attribute-image a{
	display: block !important;
}

/* FOOTER */

div#footer
{
    clear: both; /* Ensures that the footer is pushed properly below the columns */
    text-align: left;
    font-size: 11px;
    line-height: 30px;
    margin: 20px 12px 40px 12px;
    overflow: hidden;
}

div#footer address
{
    font-style:normal;
    float: left;
    border-top: 1px solid #EEE;
	 width: 100%;
}

div#sidemenu
{
    margin: 0 12px 0 0;
}

div#extrainfo
{
    padding: 0 0 0 0.25em;
}

.frontpage-block1{
	float:left;width:286px;
	border-top: 30px solid #0079a0;
	background-color: #c8deff;
	height: 135px;
}

.frontpage-block1 h2{
	margin: 12px 0 6px 12px;
}

.frontpage-block2{
	float:right;width: 638px;
}
/* popup menu na naslovnici */



/* POPMENU */

div.popmenu-position {position:relative; height:25px; margin: 0px 0 6px 12px;}

div.popmenu {position:relative; height:22px;}
div.popmenu-title {display:block; font-weight:bold; line-height:25px; padding:0 15px 0 5px;}
div.popmenu a.menu-select {display:block; line-height:23px; outline:none; padding:0 28px 0 8px; border-style: inset; border-width: 1px;  color:#666; text-decoration:none; width:227px;
	background:transparent url(../images/popmenu-select.png) no-repeat left center;}
div.popmenu a.menu-select:hover, div.popmenu a.menu-select-active {/*background-color:#BADBA8;*/}

div.popmenu div.menu-list {position:absolute; display:none; top:25px; left:0; padding:0; margin:0 0 5px 0; z-index:3000; width:261px; border-width: 1px 1px 1px 2px; border-color: #b2b2b2 #000000 #000000 #b2b2b2; border-style: solid; font-size:12px;}
div.popmenu ul {display:block; list-style-type:none; padding:0; margin:0; width:261px; background:#fff;/*transparent url(../images/backgrounds/popmenu.png);*/}
div.popmenu ul li {display:block; width:auto; padding:0; margin:0; background:none;}
div.popmenu ul li a {display:block; padding:2px 6px; zoom:1; color:#000;font-size:12px}
div.popmenu ul li a:hover {background:#3399ff; color: white; text-decoration:none;}

div.popmenu ul.col2 {width:336px;}


/* billboard cycler na naslovnici div.content-view-full */

div.class-frontpage div.billboard-slideshow-container {
	height:165px; 
	padding:0;
	margin: 0 0 20px 0; 
	position:relative;
	}
div.class-frontpage div.attribute-billboard div.attribute-image {margin:0;}

div.billboard-slideshow-container div.content-view-tab {position:absolute; height:165px; width:638px; display:none;}
div.billboard-slideshow-container div.content-view-tab div.class-frontapge-tab {margin:29px 0 0 17px; width:470px; color:#555555;}
div.billboard-slideshow-container div.attribute-image {position:absolute; top:0; left:0; height:165px; z-index:-1;}
/*div.billboard-slideshow-container ul.billboard-nav {position:absolute; bottom:20px; right:354px; z-index:1000;}*/

div#page div.class-frontapge-tab h3 {font-size:1.2em;width:319px;padding: 2px 8px;opacity:0.8;background-color:#DDDDDD;color:#000;}
div#page div.class-frontapge-tab h2 {font-size:2.7em; font-weight:normal; height:40px; margin:0 0 0.2em 0; color:#555555;}
div.class-frontapge-tab h3 {font-size:12px; margin:0;}
div.class-frontapge-tab div.attribute-short {font-size:1.08333em; position:absolute; top:50px; left:17px; width:319px;opacity:0.8;background-color:#DDDDDD;color:#222222;padding:2px 8px;}
div.class-frontapge-tab div.attribute-short b {/*font-size:1.15384em;*/}
div.class-frontapge-tab div.attribute-short a {display:block; float:left; padding:0 20px 0 0;
	color:#555555; font-size:11px; line-height:17px; outline:none; margin:0;
	background:transparent url(../images/bullet-fader.png) no-repeat right 3px;}
div.class-frontapge-tab div.attribute-short a:hover {text-decoration:none;}

div#page ul.billboard-nav {margin:0; padding:10px 0; display:block; background:transparent; /*float:left;*/
	position:absolute; left:17px; bottom:1px; height:15px; z-index:1000;}
/*div#page ul.billboard-nav {right:-1px;}*/
div#page ul.billboard-nav li {float:left; display:block; line-height:15px;
  margin:0 5px 0 0; background:transparent; padding:0; list-style-image:none; list-style-type:none;}

div#page ul.billboard-nav li a {display:block; padding:0 5px 0 5px; zoom:1; float:left; position:relative; overflow:hidden; height:15px;
	text-decoration:none; color:#222; outline:none; font-size:11px;}
div#page ul.billboard-nav li a:hover {text-decoration:none; color:#555555;}

ul.billboard-nav li a span {display:block; left:0; padding:0 5px; position:absolute; top:0; background:#DDD; cursor:pointer; opacity:0.4;}
ul.billboard-nav li a:hover span, ul.billboard-nav li a.activeSlide span {opacity:0.8;}

/* /news cycler na naslovnici div.content-view-full */

.istakni{
	text-transform: uppercase;
	color: #C06200;
}

#certifikati{
	float: right;	
	padding-top: 5px;
}

#certifikati a{
	margin-left: 15px;
	filter:alpha(opacity=40);
   opacity:0.4;
}

#certifikati a:hover{
	filter:alpha(opacity=100);
   opacity:1;
}