@charset "utf-8";


@import url("navigacija.css");
@import url("forms.css");
@import url("homepage.css");
@import url("galerija.css");
@import url("portfolio.css");
@import url("featured_slide.css");
* {
  box-sizing: border-box;
}
body{
	margin:0 auto; 
	width: 100%;
	padding:0; 
	font-size:13px; 
	font-family: Arial, "Times New Roman", Times, serif; 
	color:#4F4E4E; 
	background-color:#FFFFFF;
	}

table{
text-align:center;
}
.cisti{
	clear: both; 
}
.linija{
	clear:both;
	background-color:gray;
	height:1px;
	width:100%;
	
}
.multi{
	margin-top: 5px;
	float:left;
	width:50%;
}
.justify{
	text-align:justify;
	}
.bold{
	font-weight:bold;
	}
.center{
	text-align:center;
	}
.right{
	text-align:right;
	}
.nostart{
	margin:0; 
	padding:0; 
	list-style-type:none;
	}

.clear:after{
	content:"."; 
	display:block; 
	height:0; 
	clear:both; 
	visibility:hidden; 
	line-height:0;
	}
.clear{
	display:inline-block;
	}
html[xmlns] .clear{
	display:block;
	}
* html .clear{
	height:1%;
	}

a{
	outline:none; 
	text-decoration:none;
	}
hr { display: block; height: 1px;
    border: 0; border-top: 1px solid #C5C5C5 ;
    margin: 1em 0; padding: 0; }

.fl_left, .imgl{
	float:left;
	width: 100%;
	margin: 0 auto;
	}
.fl_right, .imgr{
	float:right;
	width:33.33%;
	}

img {
	display: block;
	height: auto;
	max-width: 100%;
	margin:0 auto;
}
.imgholder, .imgl, .imgr{
	padding:4px; 
	border:1px solid #D8D8D8; 
	text-align:center;
	}
.imgl{ 
	display: block;
	height: auto;
	max-width: 30%;
	margin:0 auto;
	clear:left;
	}
.imgr{
	margin:0 0 15px 15px; 
	clear:right;
	}

/* ----------------------------------------------Wrapper------------------------------------- */

div.wrapper{
	display:block; 
	width:100%; 
	text-align:left;
	}
div.wrapper h1, div.wrapper h2, div.wrapper h3, div.wrapper h4, div.wrapper h5, div.wrapper h6{
	margin:0 0 15px 0; 
	padding:0; 
	font-size:16px; 
	font-weight:normal;
	/* font-style:italic;  */
	line-height:normal; 
	color:#007bc0; 
	background-color:transparent;
	}
.row1, .row2{
	color:#4F4E4E; 
	background-color:#FFFFFF;
	}
.row3{
	color:#4F4E4E; 
	background-color:#FFFFFF; 
	border-top:5px solid #E1D6CB;
	}
.row3 a{
	color:#007bc0; 
	background-color:#FFFFFF;
	}
.row4{
	border-top:5px solid #E1D6CB;
	}

/* ----------------------------------------------Generalise------------------------------------- */

#header, #container, #footer, #copyright{
	display:block; 
	position:relative; 
	width:78%; 
	margin:10px auto;
	}

/* ----------------------------------------------Header------------------------------------- */

#header{
	padding:25px 0 0 0;
	}
#header h1, #header p, #header ul{
	margin:0; 
	padding:0; 
	list-style:none; 
	line-height:normal;
	}
#header h1{
	font-size:26px; 
	font-variant:small-caps; 
	font-style:normal;
	}
#header h1 a{
	color:#007bc0; 
	background-color:#FFFFFF;
}
	}
#header p{
	font-size:12px;
	}
#header p a{
	color:#510000; 
	background-color:#FFFFFF;
	}
#header .fl_left, #header .fl_right{
	margin-bottom:10px;
	}
#header .fl_right{
	margin-top:13px;
	}
#header .fl_right p{
	float:left; 
	margin:5px 50px 0 0;
	}

/* ----------------------------------------------Content------------------------------------- */

#container{
	padding:30px 0 30px 0; 
	line-height:1.6em;
	}
#container h1, #container h2, #container h3, #container h4, #container h5, #container h6{
	background-color:#FFFFFF; 
	margin:0 0 15px 0; 
	padding:0 0 10px 0; 
	border-bottom:1px solid #D8D8D8;
	}
#container .readmore{
	display:block; 
	width:100%; 
	text-align:right; 
	line-height:normal;
	}
#content{
	display:block;  
	width:90%;
	margin: 0  auto;
	}


/* ----------------------------------------------Column------------------------------------- */

#column{
	display:block; 
	float:right; 
	width:33.33%;
	}
#column .holder, #column #featured{
	display:block; 
	width:33.33%; 
	margin-bottom:65px;
	}
.drzac_desno{
	height:235px;

}
#column .holder h2.title{
	display:block; 
	width:100%; 
	height:65px; 
	margin:0; 
	padding:15px 0 0 0; 
	font-size:20px; 
	text-transform:none; 
	line-height:normal; 
	border-bottom:1px dotted #999999;
	}
#column .holder h2.title img{
	float:left; 
	margin:-15px 8px 0 0; 
	padding:5px; 
	border:1px solid #999999;
	}
#column div.imgholder{
	display:block; 
	width:33%; 
	margin:0 0 10px 0;
	}
#column .holder p.readmore{
	display:block; 
	width:100%; 
	font-weight:bold; 
	text-align:right; 
	line-height:normal;
	}

/* Featured Block */

#column #featured ul, #column #featured h2, #column #featured p{
	margin:0; 
	padding:0; 
	list-style:none; 
	color:#666666; 
	background-color:#FFFFFF;
	}
#column #featured a{
	color:#007bc0; 
	background-color:#FFFFFF;
	}
#column #featured li{
	display:block; 
	width:30%; 
	margin:0; 
	padding:20px 25px; 
	color:#666666; 
	background-color:#FFFFFF;
	}
#column #featured li p.imgholder{
	display:block; 
	width:30%; 
	height:90px; 
	margin:20px 0 15px 0;
	}
#column #featured li h2{
	margin:0; 
	padding:0 0 8px 0; 
	font-weight:normal; 
	font-family:Georgia, "Times New Roman", Times, serif; 
	line-height:normal; 
	border-bottom:1px dotted #999999;
	}
#container #column .readmore a{
	display:block; 
	width:100%; 
	margin-top:15px; 
	height:auto; 
	padding-left:0; 
	font-weight:bold; 
	text-align:right; 
	line-height:normal; 
	background:none;
	}
#column .latestnews{
	display:block;
	width:100%; 
	margin:0; 
	padding:0; 
	list-style:none;
	}
#column .latestnews li{
	display:block; 
	width:100%; 
	height:99px; 
	margin:0 0 11px 0; 
	padding:0 0 21px 0; 
	border-bottom:1px dotted #C7C5C8; 
	overflow:hidden;
	}
#column .latestnews li.last, #column .last{
	margin-bottom:0;
	}
#column .latestnews p{
	display:inline;
	}
#column .latestnews img{
	float:left; 
	margin:0 10px 0 0; 
	padding:4px; 
	border:1px solid #C7C5C8; 
	clear:left;
	}
#latestnews{
	width:80%;
	margin:0 auto;
	float: none;
}
#column .lates{
	display:block; 
	width:100%; 
	margin:0; 
	padding:0; 
	list-style:none;
	float:left;
	}
#column .lates li{
	display:block; 
	width:100%; 
	height:99px; 
	margin:0 0 11px 0; 
	padding:0 0 21px 0; 
	border-bottom:1px dotted #C7C5C8; 
	overflow:hidden;
	}
#column .lates li.last, #column .last{
	margin-bottom:0;
	}
#column .lates p{
	display:inline;
	}
#column .lates img{
	float:left; 
	margin:0 10px 0 0; 
	padding:4px; 
	border:1px solid #C7C5C8; 

	}
/* ----------------------------------------------Footer------------------------------------- */

#footer{
	line-height:1.6em; 
	}
#footer a{
	color:#007bc0; 
	background-color:#FFFFFF;
	}
#footer h2{
	color:#007bc0; 
	background-color:#FFFFFF; 
	font-weight:bold; 
	font-style:normal;
	}
#footer ul{
	margin:0; 
	padding:0; 
	list-style:none;
	}
#footer address{
	font-style:normal;
	}
#footer .footbox{
	display:block; 
	float:left; 
	width:33.33%; 
	}
#footer #social{
	margin-bottom:20px;
	}
#footer #social ul{
	margin:20px 0 0 0;
	}
#footer #social li{
	display:inline; 
	margin-right:15px;
	}
#footer #social h2{
text-align:center;
	}
#footer .last{
	margin:0;
	}

/* ---------------------------------------------Autorska prava------------------------------------- */

#copyright{
	padding:15px 0; 
	border-top:1px solid #979797;
	}
#copyright p{
	margin:0; 
	padding:0;
	}
#copyright, #copyright a{
	color:#007bc0; 
	background-color:#FFFFFF;
	}

/***********************************SINGL SLAJD**************************************************/
#slajd div{
	position:absolute;
	left:50%;
	
	}
#slajd .trenutna{
	visibility: visible;

}

#slajd .nevidljiv{
	visibility: hidden;
}
/**********************************GLAVNI SLAJDER*************************************************/
#slajder{
	width: 78%;
	margin:0 auto;
	
	}
#slajder .trenutna{
	display:block;

}

#slajder .nevidljiv{
	display:none;

}
/************************************TABELA******************************************************/
table td{
border:1px solid #4F4E4E;
}
/*******************************************BOJE********************************/
.boje{
	text-align:center;

}
.zen img{
	padding:5px;
	border:1px solid gray;
	margin:2px;
}
.zen img:hover {   
    filter: blur(0.5px);
    -webkit-filter: blur(0.5px);
    -moz-filter: blur(0.5px);
    -o-filter: blur(0.5px);
    -ms-filter: blur(0.5px);
}
.video iframe{
	padding:3px;
	border:1px solid gray;
	margin:2px;
}
.biblioteka{
    display: table;
    margin: 0 auto;
}
.biblioteka table, .biblioteka td{
     border: none;
}
/*********************************Biblioteka dugme**************************************/
#prebib:link, #prebib:visited {
    background-color: #007bc0;
    color: white;
    padding: 14px 25px;
    text-align: center;
    text-decoration: none;
    display: block;
	margin: 10px auto;
	width: 50%;
}


#prebib:hover, #prebib:active {
    background-color: #00649c;
}

/************************** MOBILNI ***************************************************/
@media screen and (max-width: 1000px) {
p{
	text-align:center;
}
#featured_slide{
  display: none;	
}
#header, #nav{
width: 100%;	
	}
#header h1{
	text-align: center;
}
#sitesearch{
	float: none;
	margin:0 auto;
	}
#nav li, #nav .obrazovni_profili , #nav .vandredni_ucenici{
  width: 100%;
}
#nav ul li:hover  ul{
	position:relative;
	width:100%;
	margin-left:0px;
	z-index:4;
	}
#nav ul li ul a{
	width:100%;
}
#slajder {
  display: none;
}
#prebib:link, #prebib:visited {
	width: 80%;
}
#header .fl_left{
	float: none;
}
#latestnews{
	width:80%;
	margin:0 auto;
	float: none;
}
.fl_right{
	width:100%;
	margin-bottom:20px;
}
#footer .footbox{
	width:100%;
	margin-bottom:20px;
}
#footer div{
	width:100%;
	text-align:center;
}
.multi{
	width:100%;
}
#zaposleni{
	width:100%; 
}
#portfolio {
	width:100%; 
}
#portfolio .fl_right .medialist li{width:50%;}
#content #top_featured li{
	width:100%; 
}
#container #content{
	width:100%;	
}
#container #homepage #content #top_featured li{
	width:100%; 
}
#container #homepage #content #top_featured #cetiri li{
	width:49%;
}
#container h1, #container h2, #container h3, #container h4, #container h5, #container h6{
	text-align:center;
}
#container #left_column{
	display:none !important;
}
#container #right_column{
	display:none !important;
}
#container #content{
	width:100% !important;
}