/* Artfully masterminded by ZURB  */

/* -------------------------------------------------- 
   Table of Contents
-----------------------------------------------------
:: Shared Styles
:: Page Name 1
:: Page Name 2
-----------------------------------------------------
*/


body {
    /*background-color: #F8F8F8;
     color: #222;*/
    background:url('../images/elements/header_white.png')
               no-repeat scroll left center ;
   background-size: 100% 100%;
   background-attachment: fixed;
   font-family:  Tahoma, Geneva, Verdana, sans-serif;
    	
   }


   
h1, h2, h3, h4, h5, h6 {
font-family:Cambria, Georgia, Times, Times New Roman, serif;
    font-weight: bold;
    font-style: normal;
    text-rendering: optimizeLegibility;
    line-height: 1.1;
    margin-bottom: 14px;
    margin-top: 14px;
}

h1 small, h2 small, h3 small, h4 small, h5 small, h6 small {
    font-size: 60%;
    color: #6f6f6f;
    line-height: 0;
}

h6.subheader {
    margin-top: 3px;
   }
   

/* Lists */
ul, ol, dd, dl{ font-size: 14px; line-height: 1.6;  list-style-position: outside; margin-bottom: 0;
} 

a {color: #0571B2;}

a:hover {color: #A80027}

a:visited {color: #3C4596;}

/* front page*/
ul.date  li{
    margin-left: 0; 
	margin-top: 6px;
    margin-bottom: 6px;
    list-style:none;
    font-family:Cambria, Georgia, Times, Times New Roman, serif;
    font-weight: bold;
	line-height: 1.1;}

ul.detail li
      {margin-left: 0.2rem;
    margin-bottom: 0;
    list-style: none;
    font-style: normal;
    font-family:  Tahoma, Geneva, Verdana, sans-serif;	
	font-weight: normal;
	line-height: 1.1;
	font-size: 14px;}


/* -----------------------------------------
   Top bar 
----------------------------------------- */
.top-bar { background: #13657E; }
.top-bar-section ul {background: #13657E;}
.top-bar-section ul li > a { color: white; font-family: "Trebuchet MS", Arial, sans-serif; background: #13657E; }
.top-bar-section ul li:hover > a { background: #115468; color: white; }
.top-bar-section ul li.active > a { background: #2ba6cb; color: white; }
.top-bar-section ul li.active > a:hover { background: #115468; }
.top-bar-section li a:not(.button) { background: none repeat scroll 0 0 #13657E;}
.top-bar-section .divider,
.top-bar-section [role="separator"] {border-top: solid 1px #4d4d4d; }
.top-bar ul>li.name h1 a {
    color: #fff;
    display: block;
    line-height: 45px !important;
    padding-left: 0; 
    height: 45px;
}
 .top-bar-section ul li:hover:not(.has-form) > a {
    background: #115468;
    color: white; }
  
  

.top-bar-section li:not(.has-form) a:not(.button) {
    background: none repeat scroll 0 0 #13657E;
   }
.top-bar-section li:not(.has-form) a:not(.button):hover {
        background: #115468; }
.top-bar-section li.active:not(.has-form) a:not(.button) {
       background: #2ba6cb; }
 .top-bar-section li.active:not(.has-form) a:not(.button):hover {
        background: #115468; }		

.top-bar-section .dropdown li:not(.has-form) a:not(.button) {
    background: none repeat scroll 0 0 #13657E;
    color: #FFFFFF;
}
.top-bar-section .dropdown li:not(.has-form):hover > a:not(.button) {
        color: white;
        background: #115468; }
		
.contain-to-grid {
    background: none repeat scroll 0 0 #13657E;
    width: 100%;
}		

.top-bar.expanded .title-area {
    background: none repeat scroll 0 0 #13657E;
}

 
/* -----------------------------------------
   header
----------------------------------------- */
header#topbar {
    background: #13657E;
    font-family:  Trebuchet MS;
    /*color: #222;*/
}
 
header#topbar img {
/* Remove border in ie */
    border:none;
} 

header#menubar {
background-color: #2BA6CB;
}

header#homepage {
    background: url("../images/elements/header_blue.png") no-repeat scroll;
    position: top center;
    padding: 15px 0 15px 0;
    margin:0;
}

header#homepage_small {
    background: url("../images/elements/header_mini.png") no-repeat scroll;
    position: top center;
    padding: 15px 0 15px 0;
    margin:0;
}

header#homepage img {
position:apsolute;
width: 100%;
height: auto;
/* Remove border in ie */
border:none;
}
		
header#homepage h3 {
   font-family:  Calibri;
   color:#FFF;
   margin-top:0px;
   
}
header#homepage_small h4 {
   font-family:  Calibri;
   color:#FFF;
   margin-top:0px;
}   
 
header#homepage h5 {
   font-family:  Calibri;
   color:#FFF;
   line-height: 1.1;
   margin-top: 38px;
   margin-bottom: 2px;
} 

header#homepage_small h6 {
   font-family:  Calibri;
   color:#FFF;
   padding: 1px 0 0 0;
   margin-bottom: 2px;
} 

header#homepage button {
  border-color: #2795b6;
  background-color: #2BA6CB;
  }
  
/* -----------------------------------------
   body content
----------------------------------------- */

.content-bg{
  background-color:white !important;
  margin: 0 auto 0; 
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.13);
  padding: 11px 0 11px 0;}
  
/* The pictureWrapper div is for the random image on the front page. It floats to the right with a 20px right margin and a 10px left one. */
#pictureWrapper {
    float: right;
    margin: 0 5px 0 12px;
	/*margin-left: auto; 
	margin-right: auto;
	display: block;*/
    }

/* Border and background color for the random image. */
#pictureWrapper img{
    background-color: #FFF;
    padding: 8px;
    border: #DCDCDC solid 1px;
	}

/* The caption on the front page is bold and centered. */
p#caption {
    margin: 0;
    padding: 3px 10px;
    font-weight: bold;
    text-align: center;
    }

figure, figcaption {
display: block;
}

/*print style*/
@media print {
    * {
    background: transparent !important;
    color: black !important;
    box-shadow: none !important;
    text-shadow: none !important;
    filter: none !important;
    -ms-filter: none !important;
}

a[href]:after {
    content: " "}
abbr[title]:after {
    content: " "}
}


/*pagination*/
ul.pagination li:hover a, ul.pagination li a:focus {
    background: #0571B2;
	color: #fff;
  }

ul.pagination li.unavailable a {
    cursor: default;
    color: #999;
}
ul.pagination li.unavailable:hover a, ul.pagination li.unavailable a:focus {
    background: transparent;
}
ul.pagination li.current a {
    background: #0571B2;
    color: #fff;
    font-weight: bold;
    cursor: default;
}
ul.pagination li.current a:hover {
    background: #0571B2;
}

/* galerija ?????????*/
.block-grid.five-up>li {
    width: 20%;
    padding: 8px 8px 8px;
}

/* ul with icons awsome in panel - not used*/
ul.icons {
  /*list-style-type: none;
  text-indent: -0.75em;*/
  padding: 0px 0px 0px 10px;
  /*line-height: 1;*/
  line-height: 35px !important;
}

ul.intext, ol.intext{
 padding: 0px 0px 0px 25px;
 line-height: 1.3;
}

/* -----------------------------------------
   short menu
----------------------------------------- */
  
#bottommenu {
  background-color:#13657E; /*#0571B2;*/
  padding: 0 0 0 11px;
 }

#bottommenu a {
color:#FFFFFF;
 }

#bottommenu a:hover {
    color: #A80027;
	font-weight: bold;
}
 
#bottommenu h6 {
color:#FFFFFF;
text-transform:uppercase;
 }
 
#bottommenu ul.bullet {
list-style: none;
margin-left: 0.5rem;}

#bottommenu ul.bullet li:before {
 content: "\0BB \020";
 color:#FFFFFF;
 } 
 
 #bottommenu form{
  margin: 22px 0 0 0;
  }
/* -----------------------------------------
   foother
----------------------------------------- */

#copyright {
    background: none repeat scroll 0 0 #13657E;
    color: #FFFFFF;
    padding: 8px 0 8px;
}

#copyright a:hover {
    color: #A80027;
	font-weight: bold;
}

#copyright ul.inline-list li a, ul.link-list li a {
    display: block;
	color:#FFFFFF;
	
}

#copyright p {
    color: #FFF;
	}

	#search {
    float: right;
    width: 150px;
}


/*link icons*/
ul.link-list-ico {
    padding: 0;
    list-style: none;
    overflow: hidden;
}
ul.link-list-ico li {
    list-style: none;
    float: right;
    margin-left: 10px;
    display: block;
}
ul.link-list-ico li a {
    display: block;
}

ul.link-list-ico li a:hover {
    display: block;
	color: #A80027;
}

/* -----------------------------------------
   fb
----------------------------------------- */
.fb-comments, .fb-comments iframe[style] {width: 100% !important;}


/* ZURB 5*/
 .accordion dd {
    border: 1px solid #e9e9e9;	
	}
 .accordion dd.active a {
   background: none repeat scroll 0 0  #FFF;
   /*border-bottom: 3px solid #2BA6CB;*/}
   
 .accordion dd.active > a:hover {
    background: #B9D4DC; }  
   
 .accordion dd > a  {
    background: #f6f6f6;
    color: #222222;
    padding: 0.7rem;
    display: block;
	}
.accordion dd > a:hover {
    background: #e2e2e2; }
.accordion dd.active > a {
      background: #B9D4DC; }
 .accordion .content {
    display: none;
    padding: 0.9375em; }
 .accordion .content.active {
    display: block;
    background: white; 
	/*border: 1px solid #e9e9e9;*/
	border-left: 1px solid #e9e9e9;
    border-right: 1px solid #e9e9e9;
}

.accordion dd  h5{
   margin-bottom: 5px;
   margin-top: 5px;
	}
/*buton bar*/  	
	
.label {
  font-weight: bold;
  font-family: Tahoma, Geneva, Verdana, sans-serif;}

.button {
  background-color:#2BA6CB;
  font-family: Tahoma, Geneva, Verdana, sans-serif;
  margin: 0 0 0 0;}

    
/*panel sa slikom i tekstom*/
.panel.person {
    background: none repeat scroll 0 0 #edf3f6;;
    border: 1px solid #CCCCCC;
    border-radius: 5px;
    margin-bottom: 2em !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding: 1em;
	}

.panel.person .slika {
    border: 5px solid #2BA6CB;
    border-radius: 50%;
    height: 165px;
    margin-left: auto;
    margin-right: auto;
    overflow: hidden;
    width: 165px;
}

.panel.person .slika img {
    margin-left: -6px;
    margin-top: -10px;
    max-width: none;
    width: 170px !important;
}

.panel.person .ime {
    display: inline-block;
    margin-top: 1em;
    text-decoration: none;
}

.panel.person p
{margin-bottom:0;}


.panel.meni.blue {
    background: #edf3f6; }


.panel.meni {
    border-style: solid;
    border-color:  #d9d9d9;
    background: none repeat scroll 0 0 white;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    float: left;
    margin-bottom: 20px;
    padding: 0.5rem 1.25rem 1.25rem 1.25rem;
    width: 100%;	}


h6.panel-header-blue {
    background: none repeat scroll 0 0 #2BA6CB;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    color: #FFFFFF;
    float: left;
    font-size: 1em;
    font-weight: 500;
    line-height: 37px;
    margin: 0;
    text-align: center;
    width: 100%;
}

h6.panel-header-blue2 {
    background: none repeat scroll 0 0 #13657e;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    color: #FFFFFF;
    float: left;
    font-size: 1em;
    font-weight: 500;
    line-height: 37px;
    margin: 0;
    text-align: center;
    width: 100%;
}

h6.panel-header-blue3 {
    background: none repeat scroll 0 0 #9b0707;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    color: #FFFFFF;
    float: left;
    font-size: 1em;
    font-weight: 500;
    line-height: 37px;
    margin: 0;
    text-align: center;
    width: 100%;
}

p {
  color: #333333;
  line-height: 1.6;
  margin-bottom: 1.25rem;
  }
  
/*responsive Facebook plugins*/
@media only screen and (max-width: 767px) {
.fb-comments{width: 100% !important;}
.fb-comments iframe[style]{width: 100% !important;}
.fb-like-box{width: 100% !important;}
.fb-like-box iframe[style]{width: 100% !important;}
.fb-comments span{width: 100% !important;}
.fb-comments iframe span[style]{width: 100% !important;}
.fb-like-box span{width: 100% !important;}
.fb-like-box iframe span[style]{width: 100% !important;} }