/* default */
/*html { font-size: 62.5%; }*/

/*	HTML5 for IE -----------------------------------------------------------------------------------------------------*/
article, aside, figcaption, figure, footer, header, nav, section { display: block; }

/* 	SOME CSS RESETS AND DEFAULTS -------------------------------------------------------------------------------------*/
body, div, ul, li, a, nav, header, footer, h1, h2, h3, h4, h5, h6, img, span, p, button {
	margin: 0;
	border: 0;
	padding: 0;
	outline: 0; }

ul { 
	list-style: none; }

a { 
	text-decoration: none; }

a:focus { 
	outline: 0; }

button { 
	cursor: pointer; }

body { 
	width: 100%; 
	height: 100%; 
	font-size: 0;
	background-color: #dcdfd8; }

* { 
	-moz-box-sizing: border-box; 
	-webkit-box-sizing: border-box; 
	box-sizing: border-box; }


/* TYPOGRAPHY ------------------------------------------------------------------------------------------------------- */
h1, h2, h3, h4, h5, h6, button { 
	font-family: 'Roboto Condensed', sans-serif;
	font-weight: 700;
	line-height: 20px; 
	text-transform: uppercase; }

p,
a { font-family: 'Open Sans', sans-serif;
	line-height: 20px; }

p { font-size: 14px; }
a { font-size: 12px; }

/* icons */
.ico-poli,
.ico-gosp,
.ico-zaba,
.ico-top,
.ico-sprt, .ico-shbz, .ico-bsns, .ico-life, .ico-cltr,
.ico-pltc, .ico-scie, .ico-tchn,
.ico-moda {
	background-image: url(../img/icons.png);
	background-repeat: no-repeat; }

.ico-top 	{ background-position: 10px -320px; }
.ico-zaba	{ background-position: 10px -140px; }
.ico-poli	{ background-position: 10px -500px; }
.ico-gosp 	{ background-position: 10px -680px; }
.ico-moda	{ background-position: 10px -640px; }
.ico-sprt	{ background-position: 10px -620px; }
.ico-shbz	{ background-position: 10px -600px; }
.ico-bsns	{ background-position: 10px -580px; }
.ico-life	{ background-position: 10px -560px; }
.ico-cltr	{ background-position: 10px -540px; }
.ico-pltc	{ background-position: 10px -520px; }
.ico-scie	{ background-position: 10px -480px; }
.ico-tchn	{ background-position: 10px -460px; }
/**/

#section_header,
#section_menu,
#section_content { 
	width: 100%; 
	overflow: hidden; }

.wrapper_all {
	width: 1200px; 
	margin: 0 auto; 
	overflow: hidden; }

/* HEADER ----------------------------------------------------------------------------------------------------------- */
#section_header {
	background-color: #000; }

header h1 { 
	float: left;
	padding-left: 35px;
	font-size: 20px; 
	line-height: 40px; 
	color: #f7faf3;
	background: #000 url(../img/news.png) center left no-repeat;
	}

header span { 
	font-weight: 400; 
	color: #6a6c69; }

.btn_signin { 
	float: right;
	margin: 8px 15px 0 0;
	padding: 0 10px;
	font-weight: 400;
	font-size: 12px;
	color: #f7faf3;
	border-radius: 2px;
	background-color: #6a6c69; }

.btn_signin:hover {	
	color: #6a6c69;	
	background-color: #f7faf3; }

/* MAIN MENU BUTTONS ------------------------------------------------------------------------------------------------ */
#section_menu {
	background-color: #dcdfd8; }

.button_set { 
	width: 33.33%; 
	float: left; 
	padding: 20px 15px; }

.btn_region, 
.btn_category {
	font-size: 22px;
	line-height: 40px;
	color: #6a6c69;
	border-bottom: 2px solid #c0c2bd;
	background-color: #f7faf3; }

.btn_region { 
	width: 80%; 
	border-radius: 5px 0 0 5px; 
	text-align: left; 
	padding-left: 15px; 
	border-right: 1px solid #c0c2bd; 
	background: #f7faf3 url(../img/down.png) 95% center no-repeat; }

.btn_category { 
	width: 20%; 
	border-radius: 0 5px 5px 0;	
	text-align: center;
	background: #f7faf3 url(../img/list.png) center center no-repeat;}

.btn_region:hover, .btn_category:hover { 
	border-bottom: 2px solid #6a6c69;
	background-color: #c0c2bd; }

/* REGION & CATEGORY DROP-DOWN MENUS -------------------------------------------------------------------------------- */
/* common shared values */
#dd_region, 
#dd_category { 
	position: fixed;
	border-bottom: 2px solid #333;
	background-color: #6a6c69;
	box-shadow: 0 5px 3px -3px rgba(0,0,0,.75);
	border-radius: 5px;
	z-index: 1000;
	overflow: hidden; 
        display: none;
}

#dd_region a,
#dd_category a { 
	display: block; 
	font-family: 'Roboto Condensed', sans-serif; 
	font-weight: 700; 
	line-height: 20px; 
	text-transform: uppercase;	
	text-align: left;	
	color: #f7faf3; 
	cursor: pointer; }

#dd_region a:hover,
#dd_category a:hover { 
	color: #f7faf3; 
	background-color: #000; }

/* region specific */
#dd_region {	
	top: 100px; 
	left: 500px; }

#dd_region li { 
	display: block; }

#dd_region a { 
	font-size: 18px; 
	padding: 3px 15px; }

/* category specific */
#dd_category { 
	top: 100px;
	left: 800px;
	width: 175px; }

#dd_category li { 
	display: block; 
	position: relative; } /* for dot2 */

#dd_category a { 
	font-size: 12px; 
	padding: 1px 35px; }

/* category marker */
.marker { 
	position: absolute;
	top: 50%; 
	right: 15px;
	width: 10px; 
	height: 10px; 
	margin-top: -5px;
	border-radius: 50%;
	background-color: #6a6c69;
	box-shadow: 0 0 0 2px #f7faf3; }

.pinned { 
	background-color: #f7faf3; 
	border: 1px solid #6a6c69;
	box-shadow: 0 0 0 2px #f7faf3; }

/* REGIONS ---------------------------------------------------------------------------------------------------------- */
#wrapper_reg_1,
#wrapper_reg_2,
#wrapper_reg_3 {
	float: left;
	width: 33.3%;
	padding: 0 15px; }

/* ARTICLES --------------------------------------------------------------------------------------------------------- */
/* common shared values */
article { 
	position: relative;
	width: 100%;
	margin-bottom: 20px;
	border-radius: 5px;
	overflow: hidden; }

article:hover { 
	box-shadow: 0 5px 3px -3px rgba(0,0,0,.5); }

.top_category,
.def_category {
	display: block;
	font-size: 10px;
	letter-spacing: 2px;
	padding-left: 32px; 
	padding-top: 1px;
	padding-bottom: 1px; }

.top_header_box,
.def_header_box, { 
	width: 100%; 
	overflow: hidden; }

.top_title,
.def_title { 
	position: relative;
	display: block; 
	z-index: 100; }

.top_date,
.def_date { font-family:'Arbutus Slab', serif;
	position: absolute; 
	top: 5%; 
	right: -5%; 
	display: block; 
	font-size: 175px;
	line-height: 175px;
	z-index: 10; }

.top_text,
.def_text { 
	position: relative;
	display: block;	
	padding: 20px 15px;
	z-index: 200; }

.top_source_box,
.def_source_box { 
	padding: 10px 15px; }

/* top news specific */
.top_news_article {	
	border-bottom: 2px solid #b31a15; 
	background-color: #eb3d3e; }

.top_category {	
	color: #f7faf3; 
	border-bottom: 1px solid #ed5454; 
	background-color: #d83536; }

.top_title { 
	min-height: 165px; /* limitira visinu */
	max-height: 265px; /* limitira visinu */
	line-height: 30px;
	font-size: 30px;
	color: #f7faf3;
	padding: 20px 15px 25px 15px; }

.top_date { 
	color: #d83536; }

.top_text { 
	color: #880000; }

.top_source_box { 
	border-top: 1px solid #cc312d; 
	background-color: #d83536; }

.top_source { 
	color: #880000; }

.top_source:hover { 
	color: #fff; }

/* top news slide selector */
.top_selector_box { 
	position: relative; 
	float: right; 
	top: 10px;
	margin: -20px 15px 0 0; 
	z-index: 300; }

.top_selector_box li { 
	display: inline; }

.top_selector_box a { 
	display: inline-block;
	width: 20px;
	height: 20px;
	padding: 4px;
	border-radius: 50%;
	background-color: #eb3d3e;
	box-shadow: 0 2px 0 0 #cc312d; }

.dot {
	display: block;
	width: 12px; 
	height: 12px; 
	border-radius: 50%;
	background-color: #cc312d; }

.dot:hover,
.active { 
	background-color: #f7faf3; }

/* default news specific */
.def_news_article { 
	border-bottom: 2px solid #c0c2bd; 
	background-color: #f7faf3; }

.def_category {	
	color: #f7faf3; 
	background-color: #6a6c69; }

.def_header_box { 
	padding: 0px 15px; }

.def_title { 
	font-size: 20px; 
	color: #6a6c69;
	padding: 20px 0px; 
	border-bottom: 0px solid #c0c2bd; }

.def_date {
	color: #ebeee7; }

.def_text { 
	color: #6a6c69; }

.def_image { 
	float: left; 
	width: 80px; 
	height: 80px; 
	margin-right: 7px; }

.def_source_box { 
	border-top: 1px solid #dcdfd8; 
	background-color: #ebeee7; }

.def_source { 
	color: #6a6c69; }

.def_source:hover { 
	color: #000; }

/* alternative version of default article */
.def_header_box2 { width: 100%; background-color: #000; overflow: hidden; }
.def_title2 { width: 50%; float: left; font-size: 20px; color: #f7faf3; padding: 20px 15px 0px 15px; }
.def_date2  { width: 50%; float: left; font-size: 11px; padding:  0px 15px; color: #6a6c69; }
.def_image2 { width: 50%; float: right; }