/*****************************************************************************
 gridovi
******************************************************************************/




/* --- Typography --- */



body { font:14px arial,helvetica,verdana,sans-serif; background: #ECEEFA; line-height: 1.3em; margin: 20px 0 0 0; text-align: justify;}

a { color: #196fb8; background: inherit; margin: 0 5px 0 0; text-decoration: none;}
a:hover { color: #ff0000; background: transparent; }

h1 { font-size:22px;  }
h2 { font-size:18px; }
h3 { font-size:14px; }

ul {  padding: 0; margin-left: 5px; margin-right: 5px;}
p  {  padding: 0; margin-left: 5px; margin-right: 5px;}
li { list-style-type: none;}





/* --- Grid --- */

#grid {
  	width: 980px;
  	margin: auto;
  	border: 1px solid #ccc;
	background: #fff;
	-moz-box-shadow: 1px 1px 2px #CBD0D1;
	-webkit-box-shadow: 1px 1px 2px #cbd0d1;
	box-shadow: 1px 1px 2px #cbd0d1;



}

.grid-m1 {
  	float: left;
  	width: 5px;
  	height: 1px;
}

#grid-levi {
  	float: left;
  	width: 500px;
	border-right: 1px solid #ccc;
	padding: 5px;
background: #fff;
}

.grid-m2 {
  	float: left;
  	width: 5px;
  	height: 1px;
}

#grid-centralni {
  	float: left;
  	width: 320px;
/*height: 100%;*/
	padding: 5px;
	border-right: 1px dotted #ccc;
background: #fff;
}

.grid-m3 {
  	float: left;
  	width: 5px;
  	height: 1px;
}

#grid-desni {
  	float: left;
  	width: 150px;
background: #fff;
}


.grid-desna-granica {
  	float: right;
  	width: 5px;
  	height: 1px;
}

.grid-leva-granica {
	float: left;
  	width: 5px;
  	height: 1px;
}


#box-social {
  	float: left;
	width: 450px;
	height: 130px;
  	margin: 0 0 10px 5px;
/*padding: 5px;*/
	border-bottom: 1px solid #ccc;
}

#box-social .levi {
  	float: left;
	width: 250px;
	padding: 2px;
}

#box-social .leviup {
  	float: left;
	height:54px;
	width: 240px;
	padding: 10px 0 0 0;
}

#box-social .levidown {
  	float: left;
	width: 240px;

}

#box-social .desni {
  	float: left;
	width: 180px;
	padding: 2px;
	
}

#box-listing {
  	float: left;
	width: 440px;
  	margin: 5px 10px 5px 5px;
	padding: 5px;
	border-bottom: 1px solid #ccc;
}


#box-listing li a{
	display: list-item;
	padding: 3px;
	background: #fff;
	border-bottom: 1px solid #ddd;
}

#box-listing li a:hover{
	display: list-item;
	padding: 3px;
	background: #eee;
	border-bottom: 1px solid #fff;
}

#box-listing .levi {
  	float: left;
	width: 270px;
	padding: 2px;
/*	border-right: 1px solid #ccc;*/
}

#box-blogovi {
  	float: left;
	width: 440px;
  	margin: 5px 10px 5px 5px;
	padding: 5px;
	border-bottom: 1px solid #ccc;
	line-height: 30px;
}


#box-blogovi a {
	background: #eee;
	font: 1.1em verdana, helvetica, sans-serif; 
	padding: 2px;	
	margin: 2px;
}


#box-about {
  	float: left;
	width: 440px;
  	margin: 5px 10px 5px 5px;
	padding: 0;
	border-bottom: 1px solid #ccc;
}

#box-about h2 a {
  	color: #000;
}

#grid-baneri {
  float: left;
  width: 210px;
}


/*  broj komentara i nastavak */
#grid-levi .infolinija {
	margin: 10px 0 10px 0;
	width: 450px;
	background: #eee;
	padding: 1em;
	border: 1px solid #fff;
}

#grid-levi .infolinija a {
padding: 4px;
border: 1px solid #0066B3;
}

/* ***************************** */


/** SHARE dugmici ***************/

#grid-levi .sharelinija {
	margin: 10px 0 10px 0;
	width: 450px;
	background: #fff;
	padding: 1em;
	border: 0;
}

#grid-levi .sharelinija a {
padding: 4px;
border: 1px solid #0066B3;
}

/*********************************/




#FloatingBubble{
float: right;
background: transparent;
position:fixed;
right:0px; 
top:50px;
margin: 0px;
border:0;
}


#FloatingBubble a img{

border:0;
}




/*******************************************************************************
modifikovani minimalizam
*******************************************************************************/

/*

	dizajn
	
*/













input.searchbutton { 
	margin: 0; 
	font-size: 100%; 
	font-family: Arial, Sans-serif; 
	border: none; 
	background: #FFFFFF; 
	color: #808080; 
	padding: 0; 
	font-weight: bold; 
}

input.text {
  	font: 0.8em "trebuchet ms", verdana, helvetica, sans-serif;
	color: #628BC4;
	background: #fff; 
    border: 1px solid #ccc;
    font-weight: bold;
}


input.searchfield {
	width: 130px;
  	font-family:Arial,Helv,sans-serif;
	font-size:11px;
    color: #628BC4;
	background: #fff; 
    border: 1px solid #ccc;
    font-weight: bold;
}









#logo { 
	color: #fff;
	float: left; 
	width: 980px; 
	height: 90px; 
	margin: 0 0 5px 0;
	padding: 10px 0 0 0; 
 	background: url(../elementi/header.png);
/*	border-bottom: 1px solid #ccc; */
	}

#logo a {  color: #196fb8; background: inherit; margin:5px; text-decoration: none;}


#menu { float: left; margin: 0 0 0 1em; }
	#menu li { display: inline; margin: 0 1em 0 0; }
	#menu li a.current{ font-weight: bold; }

#menu1 { float: right; margin: 0 0 0 0; }
	#menu1 li { display: inline; margin: 0 1em 0 0; }
	#menu1 li a.current{ font-weight: bold; }

#subheader { 
	clear: both;
	 
		
	border-bottom: 1px solid #ccc;
	background: #fff;
	color: #808080;
	padding: 0;
	margin: 0 0 1em 0;
	height: 35px;
}

#breadcrumbs { float: left;
			   margin: 0 1em 0 0; }

#search { 
			float: right;
			background: #fff;
			color: #000;
			padding: 0 0 1em 0;
			margin: 0 0 0 0; }

#search p { float: right; padding:0 0 0 0; margin: 0;}

#search .box {
	width: 202px;
	height: 30px;
	border: 1px solid #ccc;
	padding: 1em;
	margin: 0 0 0 0;
	
}





#grid-levi .paginator {
margin:5px;

width: 420px;
background: #fff;
padding: 5px;
border: 1px solid #fff;
}

#grid-levi .paginator a{ 
padding: 5px;
border: 1px solid #ccc;
}



#grid-levi h2 a {color: #196fb8; background: inherit;  }



#menu .box {
	border: 1px solid #ccc;
	padding: 1em;
	margin: 0;
	width: 539px;
	background: #fff;
}


#footer {color: #fff; background:#0066B3; clear: both;  margin: 0; }
#footer a { color: #fff; background: inherit; margin: 0 5px 0 0; text-decoration: none;}




/* jos neke stvarcice oko polja za unos */
fieldset { border: 1px solid #ccc; padding:5px; margin: 5px; background: #E6FFE4; color: #000; }
input { width: 150px; border: 1px solid #ccc; padding: 3px; margin: 0; }
textarea { border: 1px solid #ccc; width: 93%; height: 20em; padding: 1em; }
.comment { background: #fff; color: #808080; padding: 0; margin:5px; width: 450px; border: 1px solid #ccc; }
.commentsbox { background: #fff; color: #808080; padding: 0; margin: 0 0 10px 0; width: 450px; border: 1px solid #ccc; }










/*******************************************************************************
  http://localhost/blog/tiny_mce/themes/advanced/css/editor_ui.css
*******************************************************************************/

/* This file contains the CSS data for the editor UI of TinyMCE instances */

.mceToolbarTop a, .mceToolbarTop a:visited, .mceToolbarTop a:hover, .mceToolbarBottom a, .mceToolbarBottom a:visited, .mceToolbarBottom a:hover {border: 0; margin: 0; padding: 0; background: #fff;}
.mceSeparatorLine {border: 0; padding: 0; margin-left: 4px; margin-right: 2px;}
.mceSelectList {font-family: 'MS Sans Serif', sans-serif, Verdana, Arial; font-size: 7pt !important; font-weight: normal; margin-top: 3px; padding: 0; display: inline; vertical-align: top; background-color: #F0F0EE;}
.mceLabel, .mceLabelDisabled {font-family: 'MS Sans Serif', sans-serif, Verdana, Arial; font-size: 9pt;}
.mceLabel {color: #000000;}
.mceLabelDisabled {cursor: text; color: #999999;}
.mceEditor { background: #F0F0EE; border: 1px solid #cccccc; padding: 0; margin: 0;}
.mceEditorArea { font-family: "trebuchet ms", verdana, helvetica, sans-serif; background: #FFFFFF; padding: 0; margin: 0; }
.mceToolbarTop, .mceToolbarBottom {background: #F0F0EE; line-height: 1px; font-size: 1px;}
.mceToolbarTop {border-bottom: 1px solid #cccccc; padding-bottom: 1px;}
.mceToolbarBottom {border-top: 1px solid #cccccc;}
.mceToolbarContainer {display: block; position: relative; left: 0; top: 0; width: 100%;}
.mceStatusbarTop, .mceStatusbarBottom, .mceStatusbar {height: 20px;}
.mceStatusbarTop .mceStatusbarPathText, .mceStatusbarBottom .mceStatusbarPathText, .mceStatusbar .mceStatusbarPathText {font-family: 'MS Sans Serif', sans-serif, Verdana, Arial; font-size: 9pt; padding: 2px; line-height: 16px; overflow: visible;}
.mceStatusbarTop {border-bottom: 1px solid #cccccc;}
.mceStatusbarBottom {border-top: 1px solid #cccccc;}
.mceStatusbar {border-bottom: 1px solid #cccccc;}
.mcePathItem, .mcePathItem:link, .mcePathItem:visited, .mcePathItem:hover {text-decoration: none; font-family: 'MS Sans Serif', sans-serif, Verdana, Arial; font-size: 9pt; color: #000000;}
.mcePathItem:hover {text-decoration: underline;}
.mceStatusbarPathText {float: left;}
.mceStatusbarResize {float: right; background-image: url('../images/statusbar_resize.gif'); background-repeat: no-repeat; width: 11px; height: 20px; cursor: se-resize;}
.mceResizeBox {width: 10px; height: 10px; display: none; border: 1px dotted gray; margin: 0; padding: 0;}
.mceEditorIframe {border: 0;}

/* Button CSS rules */

a.mceButtonDisabled img, a.mceButtonNormal img, a.mceButtonSelected img {width: 20px; height: 20px; cursor: default; margin-top: 1px; margin-left: 1px;}
a.mceButtonDisabled img {border: 0 !important;}
a.mceButtonNormal img, a.mceButtonSelected img {border: 1px solid #F0F0EE !important;}
a.mceButtonSelected img {border: 1px solid #6779AA !important; background-color: #D4D5D8;}
a.mceButtonNormal img:hover, a.mceButtonSelected img:hover {border: 1px solid #0A246A !important; cursor: default; background-color: #B6BDD2;}
a.mceButtonDisabled img {-moz-opacity:0.3; opacity: 0.3; border: 1px solid #F0F0EE !important; cursor: default;}
a.mceTiledButton img {background-image: url('../images/buttons.gif'); background-repeat: no-repeat;}

/* Menu button CSS rules */

span.mceMenuButton img, span.mceMenuButtonSelected img {border: 1px solid #F0F0EE; margin-left: 1px;}
span.mceMenuButtonSelected img {border: 1px solid #6779AA; background-color: #B6BDD2;}
span.mceMenuButtonSelected img.mceMenuButton {border: 1px solid #F0F0EE; background-color: #fff;}
span.mceMenuButton img.mceMenuButton, span.mceMenuButtonSelected img.mceMenuButton {border-left: 0; margin-left: 0;}
span.mceMenuButton:hover img, span.mceMenuButtonSelected:hover img {border: 1px solid #0A246A; background-color: #B6BDD2;}
span.mceMenuButton:hover img.mceMenuButton, span.mceMenuButtonSelected:hover img.mceMenuButton {border-left: 0;}
span.mceMenuButtonFocus img {border: 1px solid gray; border-right: 0; margin-left: 1px; background-color: #F5F4F2;}
span.mceMenuButtonFocus img.mceMenuButton {border: 1px solid gray; border-left: 1px solid #F5F4F2; margin-left: 0;}
span.mceMenuHover img {border: 1px solid #0A246A; background-color: #B6BDD2;}
span.mceMenuButtonSelected.mceMenuHover img.mceMenuButton {border: 1px solid #0A246A; background-color: #B6BDD2; border-left: 0;}

/* Menu */

.mceMenu {position: absolute; left: 0; top: 0; display: none; z-index: 1000; background-color: white; border: 1px solid gray; font-weight: normal;}
.mceMenu a, .mceMenuTitle, .mceMenuDisabled {display: block; width: 100%; text-decoration: none; background-color: white; font-family: Tahoma, Verdana, Arial, Helvetica; font-size: 11px; line-height: 20px; color: black;}
.mceMenu a:hover {background-color: #B6BDD2; color: black; text-decoration: none !important;}
.mceMenu span {padding-left: 10px; padding-right: 10px; display: block; line-height: 20px;}
.mceMenuSeparator {border-bottom: 1px solid gray; background-color: gray; height: 1px;}
.mceMenuTitle span {padding-left: 5px;}
.mceMenuTitle {background-color: #DDDDDD; font-weight: bold;}
.mceMenuDisabled {color: gray;}
span.mceMenuSelectedItem {background-image: url('../images/menu_check.gif'); background-repeat: no-repeat; background-position: 5px 8px; padding-left: 20px;}
span.mceMenuCheckItem {padding-left: 20px;}
span.mceMenuLine {display: block; position: absolute; left: 0; top: -1px; background-color: #F5F4F2; width: 30px; height: 1px; overflow: hidden; padding-left: 0; padding-right: 0;}
.mceColors table, .mceColors td {margin: 0; padding: 2px;}
a.mceMoreColors {width: auto; padding: 0; margin: 0 3px 3px 3px; text-align: center; border: 1px solid white; text-decoration: none !important;}
.mceColorPreview {position: absolute; overflow:hidden; left: 0; top: 0; margin-left: 3px; margin-top: 15px; width: 16px; height: 4px; background-color: red;}
a.mceMoreColors:hover {border: 1px solid #0A246A;}
.mceColors td a {width: 9px; height: 9px; overflow: hidden; border: 1px solid #808080;}

/* MSIE 6 specific rules */

* html a.mceButtonNormal img, * html a.mceButtonSelected img, * html a.mceButtonDisabled img {border: 0 !important; margin-top: 2px; margin-bottom: 1px;}
* html a.mceButtonDisabled img {filter:progid:DXImageTransform.Microsoft.Alpha(opacity=30); border: 0 !important;}
* html a.mceButtonDisabled {border: 1px solid #F0F0EE !important;}
* html a.mceButtonNormal, * html a.mceButtonSelected {border: 1px solid #F0F0EE !important; cursor: default;}
* html a.mceButtonSelected {border: 1px solid #6779AA !important; background-color: #D4D5D8;}
* html a.mceButtonNormal:hover, * html a.mceButtonSelected:hover {border: 1px solid #0A246A !important; background-color: #B6BDD2; cursor: default;}
* html .mceSelectList {margin-top: 2px;}
* html span.mceMenuButton, * html span.mceMenuButtonFocus {position: relative; left: 0; top: 0;}
* html span.mceMenuButton img, * html span.mceMenuButtonSelected img, * html span.mceMenuButtonFocus img {position: relative; top: 1px;}
* html a.mceMoreColors {width: auto;}
* html .mceColors td a {width: 10px; height: 10px;}
* html .mceColorPreview {margin-left: 2px; margin-top: 14px;}

/* MSIE 7 specific rules */

*:first-child+html a.mceButtonNormal img, *:first-child+html a.mceButtonSelected img, *:first-child+html a.mceButtonDisabled img {border: 0 !important; margin-top: 2px; margin-bottom: 1px;}
*:first-child+html a.mceButtonDisabled img {filter:progid:DXImageTransform.Microsoft.Alpha(opacity=30); border: 0 !important;}
*:first-child+html a.mceButtonDisabled {border: 1px solid #F0F0EE !important;}
*:first-child+html a.mceButtonNormal, *:first-child+html a.mceButtonSelected {border: 1px solid #F0F0EE !important; cursor: default;}
*:first-child+html a.mceButtonSelected {border: 1px solid #6779AA !important; background-color: #D4D5D8;}
*:first-child+html a.mceButtonNormal:hover, *:first-child+html a.mceButtonSelected:hover {border: 1px solid #0A246A !important; background-color: #B6BDD2; cursor: default;}
*:first-child+html .mceSelectList {margin-top: 2px;}
*:first-child+html span.mceMenuButton, *:first-child+html span.mceMenuButtonFocus {position: relative; left: 0; top: 0;}
*:first-child+html span.mceMenuButton img, *:first-child+html span.mceMenuButtonSelected img, *:first-child+html span.mceMenuButtonFocus img {position: relative; top: 1px;}
*:first-child+html a.mceMoreColors {width: 137px;}
*:first-child+html .mceColors td a {width: 10px; height: 10px;}
*:first-child+html .mceColorPreview {margin: 0; padding-left: 4px; margin-top: 14px; width: 14px;}