﻿@charset "UTF-8";

@import url("reset.css");		/* reset all important styles across browsers */
@import url("fonts.css");		/* set the allround fonts */
@import url("layout.css");		/* set the layout grids - positioning */

@import url("equotes.css");		/* styles for eQuotes mambot */
@import url("modules.css");		/* styles of specific modules and parts (not content) */
@import url("content.css");		/* styles for content look */
@import url("articles.css");	/* styles of look of text inside articles */

/* css za zaobljene uglove */
@import url("rounded.css");

/*#preloaded_images_001 {	visibility: hidden; background: url(../images/menu/sr_vesti.png); }
#preloaded_images_002 {	visibility: hidden; background: url(../images/menu/sr_vesti_hover.png); }
#preloaded_images_003 {	visibility: hidden; background: url(../images/menu/sr_vesti_active.png); }
#preloaded_images_004 {	visibility: hidden; background: url(../images/menu/sr_arhiva.png); }
#preloaded_images_005 {	visibility: hidden; background: url(../images/menu/sr_arhiva_hover.png); }
#preloaded_images_006 {	visibility: hidden; background: url(../images/menu/sr_arhiva_active.png); }
#preloaded_images_007 {	visibility: hidden; background: url(../images/menu/sr_pretplata.png); }
#preloaded_images_008 {	visibility: hidden; background: url(../images/menu/sr_pretplata_hover.png); }
#preloaded_images_009 {	visibility: hidden; background: url(../images/menu/sr_pretplata_active.png); }
#preloaded_images_010 {	visibility: hidden; background: url(../images/menu/sr_marketing.png); }
#preloaded_images_011 {	visibility: hidden; background: url(../images/menu/sr_marketing_hover.png); }
#preloaded_images_012 {	visibility: hidden; background: url(../images/menu/sr_marketing_active.png); }
#preloaded_images_013 {	visibility: hidden; background: url(../images/menu/sr_impresum.png); }
#preloaded_images_014 {	visibility: hidden; background: url(../images/menu/sr_impresum_hover.png); }
#preloaded_images_015 {	visibility: hidden; background: url(../images/menu/sr_impresum_active.png); }
#preloaded_images_016 {	visibility: hidden; background: url(../images/menu/sr_onama.png); }
#preloaded_images_017 {	visibility: hidden; background: url(../images/menu/sr_onama_hover.png); }
#preloaded_images_018 {	visibility: hidden; background: url(../images/menu/sr_onama_active.png); }
#preloaded_images_019 {	visibility: hidden; background: url(../images/menu/sr_kontakt.png); }
#preloaded_images_020 {	visibility: hidden; background: url(../images/menu/sr_kontakt_hover.png); }
#preloaded_images_021 {	visibility: hidden; background: url(../images/menu/sr_kontakt_active.png); }
#preloaded_images_022 {	visibility: hidden; background: url(../images/menu/sr_distribucija.png); }
#preloaded_images_023 {	visibility: hidden; background: url(../images/menu/sr_distribucija_hover.png); }
#preloaded_images_024 {	visibility: hidden; background: url(../images/menu/sr_distribucija_active.png); }
#preloaded_images_025 {	visibility: hidden; background: url(../images/menu/sr_novibroj.png); }
#preloaded_images_026 {	visibility: hidden; background: url(../images/menu/sr_novibroj_hover.png); }
#preloaded_images_027 {	visibility: hidden; background: url(../images/menu/sr_novibroj_active.png); }*/

*::-moz-selection	/* sets the look of selected text only in mozilla */
{
   background: #FF7200; color: #FFFC9F;
}

body * { margin: 0; padding: 0; } /* just reset every default value to zero, on every element */

html { overflow: -moz-scrollbars-vertical; } /* this always show the scrollbar in firefox, like it is in IE by default */

body.center /* background properties */
{
	margin: 0px 0px 0px 0px; /* top right bottom left */
	font: normal normal 10px/14px Verdana, Arial, Helvetica, sans-serif;
	color: #e9e7e7;
	text-align: center;
	background: #64645A url(../images/stage/body_bg.png) 0 0 repeat-x;
}

body .zoom-xlg {  } /* the width of the stage */

/* Layout: Width, Background, Border | Layout: Breite, Hintergrund, Rahmen */

div#bd /* stage wrapper, defines the background and working size */
{
	height: 100%;
	margin: 0 auto;
	width: 988px;
}

div#bd_content
{
	text-align: left;
	padding: 15px 0px 0px 0px;
	margin: 0px 0px 0px 12px;
}

body.homepage div#bd_content
{
	padding: 0px 0px 0px 0px;
}


/* spacing from top of the page */
div#hd0
{
	position: relative;
	height: 20px;
}

/* borders, lines with rounded corners  */

div#bd_bg												{ background: #545447 url(../images/stage/stage_bg.png) 0 0 repeat-x; }
div#bd div.o											{ background: url(../images/stage/brt_bg.png) 100%    0 repeat-y;  } /* right border background */
div#bd div.o div.o										{ background: url(../images/stage/blt_bg.png)    0    0 repeat-y;  } /* left border background */
div#bd div.o div.o div.o								{ background: url(../images/stage/btp.png   )    0    0 repeat-x;  } /* border lines */
div#bd div.o div.o div.o div.o							{ background: url(../images/stage/brt.png   ) 100%    0 no-repeat; }
div#bd div.o div.o div.o div.o div.o					{ background: url(../images/stage/blt.png   )    0    0 no-repeat; }
div#bd div.o div.o div.o div.o div.o div.o				{ background: url(../images/stage/btp_lt.png)    0    0 no-repeat; } /* border corners */
div#bd div.o div.o div.o div.o div.o div.o div.o		{ background: url(../images/stage/btp_rt.png) 100%    0 no-repeat; }
div#bd div.o div.o div.o div.o div.o div.o div.o div.o	{ background: url(../images/stage/bbt.png) 0 100% no-repeat; padding-bottom: 16px; }


#naslovna {
	padding: 20px 0 4px 7px;
}

body.homepage div#logo /* logotype homepage*/
{
	float: left;
	padding-top: 20px;
	padding-left: 30px;
	/*margin-top: 11px; margin-left: 11px;*/
	
	/* IE */
	#padding-left: 28px;
}

body.stdpage div#logo /* logotype */
{
	float: left;
	padding-top: 10px;
	padding-left: 22px;	
	/*margin-top: 11px; margin-left: 11px;*/
}

/* menu area and menu items */

body.homepage div#menu {
	padding-top: 14px;
	padding-right: 27px;
	font: normal normal 12px Verdana, Arial, Helvetica, sans-serif;
	float: right;
	
	/* IE */
	#padding-top: 20px;
	#padding-left: 86px;
}

body.stdpage div#menu
{
	/*background: none;*/
	padding-top: 4px;
	padding-right: 19px;
	font: normal normal 12px Verdana, Arial, Helvetica, sans-serif;
	float: right;
	
	/* IE */
	#padding-top: 10px;
	#padding-left: 86px;
}

div#menu a /* default values for menu items */
{
	display: block;
	color: #FFF;
	text-decoration: none;
	height: 12px;
	background-repeat: no-repeat;
	outline-style: none;

	 margin: 3px 0px 0px 0px;
	*margin: 3px 0px 0px 0px; /* ie7 */
	_margin: 0px 0px 0px 0px; /* ie6 */

}

div#menu a.active,
div#menu a#active_menu
{
	font-weight: bold;
	color: #FF0000;
	letter-spacing: 1px;
}

div#menu a:hover
{
	color: #FF0000;
}

/**/

div.coverpage-block /* module which shows the latest cover page */
{
	padding: 10px 0px 0px 1px; /* top right bottom left */
}

div#empty_titleline_place
{
	width: 100%; height: 20px; clear: both; border: 0px solid white;
	margin-top: 3px;
}

body.homepage div#titleline {
	position: absolute;
	margin-top: 187px;
	margin-left: 276px;
	z-index: 10;
	
	/* IE */
	#margin-top: 193px;
	#margin-left: 268px;
}

body.stdpage div#titleline
{
	position: absolute;
	margin-top: 187px;
	margin-left: 276px;
	z-index: 10;
	
	/* IE */
	#margin-left: 268px;
	#padding: 1px 0px 0px 0px;
}

/*div#titleline img { }*/

div#pathway /* the line with current pathway */
{
	position:absolute;
	margin: -10px 0px 0px 35px;
	padding: 0px 0px 0px 0px;
	z-index:1;
	/*height: 20px;*/

	/**margin-top: -23px; /* ie7 */
	/*_margin-top: -19px; /* ie6 */
}

/* styles inside the pathway line */
div#pathway .pathway,
div#pathway a.pathway:link,
div#pathway a.pathway:visited,
div#pathway a.pathway:hover
{
	color: #e9e7e7;
	text-decoration: none;
	letter-spacing: 1px;
	margin: 0px 0px 0px 0px;
	font-size:10px;
	/*font: normal normal 11px/20px Verdana, Arial, Helvetica, sans-serif;*/
}

div#pathway span.pathway
{
	/*display: block;*/
	padding-right: 0px;
}

/**/

/* and this is a panel at the bottom of left float */
div#panel_left
{
	padding: 0px 0px 0px 16px;
	background: #4a4a3d url(../images/stage/floatleft_bg.png) 0 0 repeat-x;
	height: 100%;
	width: 218px;

	*width: 218px;
	_padding: 0px 0px 0px 22px;
	_width: 224px;
}

/* the stage is divided in two parts - this is right part */
div#arearight
{
	width: 684px;
	margin: 0px 46px 0px 0px;

	/* IE */
	#width: 694px;
	#margin: 0px 26px 0px 0px;
}

div#panel_middle {
	/*border: 1px solid #af0917;*/
	width: 505px;
	min-height:800px;
	padding: 0px;
	background: #4a4a3d url(../images/stage/middle_bg.jpg) 0 0 repeat-x;
	overflow: hidden;
}

div#panel_right
{
	padding: 0px;
	width: 175px;
}

div.clearer /* needed for clearing the float elements in container */
{
	overflow: auto; /* needed for firefox */
	height: 100%; /* nedded for ie6 */
    *overflow: hidden; /* hack for ie6 and ie7 */
}

div#foot /* the lines with footing text and menu */
{
	font: normal normal 11px/15px Verdana, Arial, Helvetica, sans-serif;
	padding: 0px 0px 0px 0px;
	height: 99px;
	width: 988px;
	#width: 975px;
    background: transparent url(../images/stage/bottom_bg.png) 0px 0px no-repeat;
	margin: 0px 0px 0px 12px;
}

div#foot div.left  { float: left; color: #ffffff; padding: 8px 0px 0px 20px; } /* and the content of that lines */
div#foot div.right
{
	float: left; 
	color: #aaaaaa;
	padding: 8px 0px 0px 30px;
}

div#foot div.left a { color: #ffffff; text-decoration: none; }
div#foot div.right a { color: #ffffff; text-decoration: none; letter-spacing: 1px; }

div#foot div.duplonucleo
{
	float: right;
	color: #ffffff;
	padding: 35px 40px 0px 0px;
	#padding: 38px 40px 0 0;
}

div#foot div.duplonucleo a
{
	font-size: 10px;
	color: #444444;
	text-decoration: none;
}

div#foot div.duplonucleo a
{
	color: #444444;
	text-decoration: none;
}

div#foot div.duplonucleo a:hover, div#foot div.duplonucleo a:focus, div#foot div.duplonucleo a:active
{
	color: #ffffff;
}

/* rules put here insted of separate CSS-es, because they need to be multilingual */

/* from modules.css */

div.module-latest /* module for showing the latest articles */
{
    background: transparent url(../images/sr_latest_title.png) no-repeat 18px 0;
}

div.module-popular /* module for showing the most popular articles (usualy in right part of stage) */
{
    background: transparent url(../images/sr_popular_title.png) no-repeat 18px 0;
}

div.module-newsletter /* module for subscribing to a newsletter */
{
	background: transparent url(../images/sr_subscribe_newsletter.png) no-repeat scroll 0px 0px;
}

div.module-subscribe /* module which is a link to a subscribe page (for printed edition) */
{
    background: transparent url(../images/sr_subscribe_printed.png) no-repeat scroll 0px 0px;
}

div.module-recommend /* module for subscribing to a newsletter */
{
	margin: 30px 0px 30px 18px; /* top right bottom left */
	padding: 0px 0px 0px 0px; /* top right bottom left */
}

div.module-recommend a,
div.module-recommend-small a /* and the link in it */
{
	border: 0px;
	text-decoration: none;
}

div.module-recommend a span
{
	display: block;
	width: 155px;
	height: 35px;
	padding: 45px 0px 0px 0px;
    background: transparent url(../images/sr_recommend.png) no-repeat scroll -5px 0px;
	color: #BBBBBB;
	border: 0px solid white;
}

div.module-recommend-small a
{
	display: block;
	width: 155px;
	height: 50px;
   background: transparent url(../images/sr_recommend.png) no-repeat scroll;
	padding: 5px;
}


div.module-recommend-small h4
{
	display: block;
	font: bold normal 12px Verdana, Arial, Helvetica, sans-serif;
	padding: 0px 0px 2px 0px;
	color: #ffffff;
}
div.module-recommend-small a span
{
	display: block;
	padding: 0px 0px 0px 0px;
	color: #BBBBBB;
	border: 0px solid white;
	line-height: 1.1em;
}

ul#mainlevel {
	list-style: none;
}

span.caffebar { color: #ef0815; } /* Crvena boja za CaffeBar reč */
span.belo { color: #FFF; } /* Bela boja za isticanje */

/*tabela.td { border: 1px solid #eeeeee; }*/

ul {
	padding-left: 20px;
	list-style-type: disc;
}

div.componentheading-kontakt {
	margin: 15px 12px 10px 12px; /* top right bottom left */
	display: block;
	width:95%;
	float: left;
	font: normal normal 20px/20px Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
	padding: 0px 0px 10px 0px; /* top right bottom left */
	letter-spacing: 0px;
	color: #FFF;
	border-bottom: 1px dotted #C3C3C3;
}

div.blog_header {
	margin: 15px 12px 10px 12px; /* top right bottom left */
	/*display: block;
	width:95%;
	float: left;*/
	font: normal normal 20px/20px Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
	padding: 0px 0px 10px 0px; /* top right bottom left */
	letter-spacing: 0px;
	color: #FFF;
	border-bottom: 1px dotted #C3C3C3;
}

div.pretraga {
	margin: 0px 12px 20px 12px; /* top right bottom left */
	display: block;
	width:95%;
	#width:93%;
	float: left;
	font: normal normal 20px/20px Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
	padding: 0px 0px 10px 0px; /* top right bottom left */
	letter-spacing: 0px;
	color: #FFF;
	border-bottom: 1px dotted #C3C3C3;
}

div.blog_archive, div.archive_search_failure, div.blog_search_archive {
	text-align:center;
}

span.category a:link, span.category a:visited, span.category a:hover, span.category a:active {
	color:#FFF;
	font-weight:bold;
}

#linija1 {
	width:620px; 
	height:20px; 
	background:url(../../../templates/cv_horecabar/images/linija1.png) no-repeat 0 0;
}

.linija2 {
	width:460px; 
	height:20px; 
	background:url(../../../templates/cv_horecabar/images/linija2.png) no-repeat 0 0;
}


/** Media Kit **/
div.componentheading-mediakit {
	margin: 15px 12px 10px 12px; /* top right bottom left */
	display: block;
	width:95%;
	float: left;
	font: normal normal 20px/20px Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
	padding: 0px 0px 10px 0px; /* top right bottom left */
	letter-spacing: 0px;
	color: #FFF;
	border-bottom: 1px dotted #C3C3C3;
}

.wrapper-mediakit {
	padding: 0px 25px 25px 25px;
}
