/* General Blueprint Style */
@import url(http://fonts.googleapis.com/css?family=Lato:300,400,700);
@font-face {
	font-family: 'bpicons';
	src:url('../cssSeries/fontsSeries/bpicons/bpicons.eot');
	src:url('../cssSeries/fontsSeries/bpicons/bpicons.eot?#iefix') format('embedded-opentype'),
		url('../cssSeries/fontsSeries/bpicons/bpicons.woff') format('woff'),
		url('../cssSeries/fontsSeries/bpicons/bpicons.ttf') format('truetype'),
		url('../cssSeries/fontsSeries/bpicons/bpicons.svg#bpicons') format('svg');
	font-weight: normal;
	font-style: normal;
} /* Made with http://icomoon.io/ */

*, *:after, *:before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

/* Clearfix hack by Nicolas Gallagher: http://nicolasgallagher.com/micro-clearfix-hack/ */
.clearfix:before, .clearfix:after { content: " "; display: table; }
.clearfix:after { clear: both; }


/* ------------------------------ FLAGS --------------------------*/
nav.flags {
	float: right;
	text-align: center;
}

nav.flags a {
	display: inline-block;
	position: relative;
/*	text-align: left;
	width: 1,8em;
	height: 1.8em;*/
	font-size:12px;
	/*background: #fff;			 inside flag icon */
	border-radius: 50%;
	margin: 0 0.5em;			/* distance between flag icons */
/*	border: 0px solid #47a3da; */
}


nav.flags a:hover:before { 				/* text below flags  */
	content: attr(data-info);
	color: #47a3da; 					/* plava slova */
	position: absolute;
	width: 320%;
	top: 120%;
	text-align: right;
	right: 0;
	pointer-events: none;
	font-weight: 100;
	font-size:12px;
}

nav.flags a:hover {		/* flag shadows  */
	/* background: #fff;  background inside   */
	border: 0px solid #c0c0c0;
}
/* ----------------------------- end: FLAGS ----------------------------*/

/* ----------------------------- in-line menu --------------------------*/
ul#demo-block{ 
	margin:0 15px 15px 55px; 
    font-family: 'Lato', Calibri, Arial, sans-serif;
	}
ul#demo-block li{
	margin: 0 0 50px 0;
	padding: 3px;
	display: inline;
	float: left;
	clear: both;
	padding: 0 14px 0 0;
	}
ul#demo-block li a{			/* menu letters  */
	font-weight:normal; 
	font-size:14px;
	}
ul#demo-block a{
	font-weight:normal; 
/*	font-size:16px;	*/
	}
	
ul#demo-block li.insesitive a{
	text-decoration:none; 
	color:#B2B2B2;
	margin: 0 10px ;
	}

li.insesitive {
	min-width:660px;
}


/* ------------- menu na beloj pozadini -----------*/

ul#demo-block li.insesitiveWhite a{
	text-decoration:none; 
	color:#808080;
	margin: 0 10px ;
	}

li.insesitiveWhite {	/*  menu box   */
	min-width:660px;
}
/* ----------------------------- in-line menu --------------------------*/