@charset "utf-8";
/* CSS Document */

/*  
Theme Name: MilosBlog Responsive
Theme URI: http://www.milosblog.com
Description: MilosBlog WP theme
Version: 3.0
Author: Milos Petrovic
Author URI: http://www.milosblog.com

*/

body {
text-align:center;
font-size:100%;
font-family: Arial;
color:#373636;
background:#f2f2f2;
margin:auto;
}

a{
color:#0f88da;
}



h1{
font-size:32px;
}

h2{
font-size:20px;
letter-spacing: 0px;
}

strong{
font-weight:bold;
}

.clear{
	clear: both;
}

ul{margin: 0px; padding: 0px;}
ul li{list-style: none;}

p{margin: 5px 0;}

.fixed {
    position:fixed;
    top:0;
    z-index: 2;
}

.fixpomeraj{
	padding-top: 50px;
}





/*Pozadine*/


.blackback{
background-color: #1f1f1f;
width: 100%;
margin-top:0px;	
}

.blueback{
	background-color: #1b7ec1;
	width: 100%;
margin-top:0px;	
display: block;
}

.centralni{
	max-width: 970px;
	padding: 0 5px;
	text-align: left;
	margin-left: auto;
	margin-right: auto;
	clear: both;
	display: block;

}

.top{
	background-image:url("images/milostop.jpg");
	height: 225px;
}

.logo{
	float: left;
	margin: 50px 50px 50px 0px;
	background:url("images/logo.png") no-repeat;
	width:352px;
	height: 102px;
	display: block;
}

.logodiv{
	float: left;
	display: inline-block;
}

.topl{float: right;
display: inline-block;
padding-top: 15px;}







/*Meni top*/

.menitop{
	float: right;
	padding-top: 20px;
	
	display: block;
}

.menitop ul{
	margin:0px;
	text-transform: lowercase;
	display: block;
	clear: both;
}

.menitop ul li{
	float: left;
	list-style: none;
	padding-left: 22px;
	display: block;
}

.menitop ul li a{
	text-decoration: none;
	color: #ffffff;
	font-size: 16px;
	font-weight: normal;
}

.menitop ul li a:hover{
	color: #1296f0;
}

.menitopmanji{display: none;}

.social{
	float: right;
	clear: both;
	padding-top: 30px;
}

.social a{
	padding-left: 15px;
	color:#ffffff;
}

.social a:hover{
color:#379fe6;
}




.social2{
	display: none;

}

.social2 a{
	padding-left: 15px;
	color:#ffffff;
}

.social2 a:hover{
color:#379fe6;
}







/*Meni*/


.meni{
	text-align: left;
	width: 100%;
	overflow: auto;
	clear: both;
}

.meni ul{
	margin:0px;
	padding-left: 0px;
	text-transform: lowercase;
	display: block;
	clear: both;
}

.meni ul li{
	float: left;
	list-style: none;
	padding-right: 21px;
	display: block;
}

.meni ul li:last-child{padding-right: 0px;}

.meni ul li a{
	text-decoration: none;
	color: #ffffff;
	font-size: 18px;
	font-weight: normal;
	padding:20px 5px 20px 5px;
	display: block;
}

.meni ul li a:hover{
	background-color: #135c8e;
}

nav{
	display: none;
	color: #ffffff;
}

/* =Nav mobile
-------------------------------------------------------------- */
#nav-trigger {
  display: none;
  text-align: center; 
float: right;
padding: 40px 20px 0 0;}

  #nav-trigger span {
    display: inline-block;
    padding: 10px 30px;
    background-color: #1b7ec1;
    color: white;
    cursor: pointer;
    text-transform: uppercase;
   }

    #nav-trigger span:after {
    }

    #nav-trigger span:hover {
      background-color: #1b7ec1; }

    #nav-trigger span.open:after {
      border-left: solid 10px transparent;
      border-top: none;
      border-bottom: solid 10px #fff;
      border-right: solid 10px transparent; }


nav {
  margin-bottom: 0px; }

nav#nav-main {
  background-color: #ff0032;
  padding: 10px 0; }

  nav#nav-main ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    text-align: center; }

  nav#nav-main li {
    display: inline-block;
    border-right: solid 1px #cc0028;
    padding: 0 5px; }

    nav#nav-main li:last-child {
      border-right: none; }

  nav#nav-main a {
    display: block;
    color: white;
    padding: 10px 30px; }

    nav#nav-main a:hover {
      background-color: #e6002d;
      color: #fff; }

nav#nav-mobile {
  position: relative;
  display: none; 
float: right;
 width: 100%;
    padding-top: 0px; }

  nav#nav-mobile ul {
    display: none;
    list-style-type: none;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    background-color: #263238;
    z-index: 10; }

  nav#nav-mobile li {
    display: block;
    padding: 0px 0;
    margin: 0 5px;
    border-bottom: solid 1px #cccccc; }

    nav#nav-mobile li:last-child {
      border-bottom: none; }

  nav#nav-mobile a {
    display: block;
    color: white;
    padding: 10px 30px;
    text-decoration: none; 
font-size: 18px;}

    nav#nav-mobile a:hover {
      background-color: #1b7ec1;
      color: #fff; }

.meni ul li:first-child a{padding-left: 0px;}
.meni ul li:first-child a:hover{background-color:#1b7ec1; color:#ededed; }







/*Top vesti*/

.kontejner{
	background-color: #ffffff;
	border: 1px solid #cccccc;
	margin: 20px 0;
	padding: 20px 0;
	display: block;
	clear: both;
	color:#535151;
}


.malinaslov{
	padding:0 0 20px 30px;
	clear: both;
	display: block;
}

.velikavest{
	display: block;
	height: 278px;
}



.velikavest img{
	width: 93%;
	opacity:0.95;
    filter:alpha(opacity=50); /* For IE8 and earlier */
    height: auto;
}

.velikavest img:hover{
opacity:1;
    filter:alpha(opacity=50); /* For IE8 and earlier */

}



.kontejner li{float: left;
	width: 50%;
		padding-bottom: 35px;
		
}

.brojkomentara{
background: url("images/comment.png") no-repeat ;	
padding: 10px 10px 10px 10px;
width: 30px;
height: 30px;
position: absolute;
margin: 1px 0 0 240px;
}

.kontejner li:last-child{text-align: right;}

.kontejner .naslov{
	background: #ffffff;
	padding: 10px 10px 0px 20px;
	width: 380px;
	margin: -83px 0 0 20px;
	display: block;
	position: absolute;
	height: 97px;
}

.kontejner .kategorija, .kontejner .kategorija a{
	font-size: 12px;
	font-style: italic;
	color: #535151;
	text-decoration: none;
}

.kontejner h2{
	margin: 10px 0 0px 0;
}

.kontejner h2 a{
	color: #1b7ec1;
	font-size: 30px;
	font-weight: normal;
	text-decoration: none;
}

.kontejner h2 a:hover{
	color: #135c8e;
}


.kontejner li:last-child .naslov{
	text-align: left;
    margin: -83px 0 0 55px;
    }


.kontejner .element{
	width: 300px;
	padding-right: 0px;
	padding-left: 17px;
	float: left;
	display: block;
}


.wp-pagenavi a, .wp-pagenavi span{
	color: #ffffff;
	font-weight: normal;
	font-size: 17px;
	padding: 10px;
		background-color: #1b7ec1;
			border:0px;
}

.wp-pagenavi a:hover{
		background-color: #135c8e;
}

.wp-pagenavi span{

}

.wp-pagenavi .current{
		background-color: #135c8e;
}

.wp-caption-text{
max-width:100%;
}

.wp-caption{
	max-width:100%;
}





/*Postovi*/

.postovi{
	padding: 10px 10px 40px 10px;
	display: block;
	clear: both;
	overflow: auto;
}

.postovi .fotos{
    float: left;
    width: 43%;
	padding-left: 10px;
	padding-right: 20px;

}

.postovi img{
	width: 100%;
	height: auto;
}

.postovi .sadrzaj{
	float: left;
	width: 52%;
}

.postovi h2 a{
	font-size: 32px;
}

.postovi .sadrzaj h2{
margin: 0px 0 15px 0px;
}


.postovi .tekst{
	font-size: 17px;
	line-height: 1.3em;
	height: 95px;
	overflow: hidden;
	margin-bottom: 0px;
	margin-top: 10px;
}

.postovi .datum{
	font-size: 17px;
}



.nestani{
	display: none;
}




/*Single*/

.post{
	padding: 30px 180px 10px 180px;
	color: #3e3e3e;
	font-size: 17px;
}

.post h1{
	color: #1b7ec1;
	font-size: 52px;
	font-weight: normal;
	margin: 0px;
}

.datum{
	padding: 15px 0 25px 0;
	color: #a1a1a1;
}

.datum a{
	text-decoration: none;
}

.post p{
	padding: 10px 0;
	line-height: 1.5em;
	text-align: left;
}

.post .alignleft{
	float: left;
	display: inline-block;
	padding-right: 15px;
	padding-top: 5px;
}

.post .alignleft img{
	max-width: 100%;
	height:auto;
}

.post a:hover{
	color: #146195;
}

.post .aligncenter{
	clear: both;
display: block;
margin-left: auto;
margin-right: auto;
padding: 10px 0;
}

.post img{
	max-width: 100%;
	height: auto;
}

.post ul{
	padding-left: 20px;
}

.post ul li{
  display: list-item;
  float: none;
  width: 100%;
  padding-bottom: 10px;
  list-style-type:circle;

}

.post ul li:last-child{
	text-align: left;
}

.post h2{
	padding-top: 10px;
	font-size: 30px;
	font-weight: normal;
}


.socialshare{
	padding: 20px 0;
	margin-left: -3px;
}




	.post .tabs li {
				list-style:none;
				float: left;
		        width: auto;
		        padding-right: 30px;
		        padding-bottom: 30px;
			}

			.post .tabs{
				padding-left: 0px;
				padding-top: 40px;
			}

			.post .tabs a {
				padding:5px;
				display:inline-block;
				text-decoration:none;
				color: #0f88da;
			}

			.post .tabs a.active {
				color: #ffffff;
				background-color: #0f88da;
			}

			.otvorenitab{
				clear: both;

			}




.post .middle_links ul{
	padding-left: 0px;
}

.middle_links ul li{
	list-style: none;
	padding-bottom: 10px;
	font-size: 18px;
}

.middle_links ul li a{
	text-decoration: none;
}


#tab3 a{
	padding-right: 15px;
	padding-left: 5px;
} 

#tab2{
	padding-left: 5px;
}


/*Footer*/


.footer{
	display: block;
	padding: 35px 0;
	overflow: auto;
}


.footer .logo{
	background:url("images/logo1f.png") no-repeat;
	width:243px;
	height: 71px;
	margin: 0px;
	display: block;
}

.logodiv{
	float: left;
	display: block;
}

.socialfooter{
	float: left;
	clear: both;
	padding-top: 10px;
}

.socialfooter a{
	padding-right: 10px;
}

.socialfooter a:hover{
color:#379fe6;
}




.menif{
	float: left;
	padding-left: 50px;
	display: inline-block;
}

.menif .naslov{
	color: #0f88da;
	padding-top: 5px;
	padding-bottom: 20px;
	font-size: 20px;
}

.menif ul{
	margin: 0px;
	padding: 0px;
}

.menif ul li{
	list-style: none;
}

.menif ul li a{
	color: #ffffff;
	text-decoration: none;
	line-height: 1.5em;
}

.mali li a{
	font-size: 12px;
	line-height: 1.2em;
}

.menif a:hover, .mali a:hover{
	color: #0f88da;
}


.licenca{
	width: 250px;
	color: #ffffff;
	font-size: 10px;
	padding-top: 30px;
}











@media screen and (max-width: 1190px) {
    .kontejner h2 a{
 	font-size: 22px;
}

.kontejner .naslov{
	width: 34%;
}

.kontejner li{float: left;
		padding-bottom: 30px;

}


}



@media screen and (max-width: 995px) {
     .menif {
          padding-left: 20px;
     }

     .meni ul li a{
	text-decoration: none;
	color: #ffffff;
	font-size: 15px;
	font-weight: normal;
	padding:20px 3px 20px 3px;
	display: block;
}


.meni ul li{
	display: none;
}

.centralni{
	overflow: hidden;
}

nav{
	display:inline-block;
}

.meni{
	padding: 10px 10px;
}

.postovi .tekst{
	font-size: 15px;
	line-height: 1.3em;
	height: 42px;
	overflow: hidden;
	margin-bottom: 10px;
}

.nestani{
	display: none;
}


.logo{
	margin-left: 10px;
}



}

@media screen and (max-width: 840px) {
     .menif {
         
     }



     .footer .logo
{
	margin-left: 10px;
}

.socialfooter{
	margin-left: 10px;
}




.post{
	padding: 5px 20px 5px 20px;
	color: #3e3e3e;
	font-size: 20px;
}



}

.velikavest{
	height: auto;
}


.stavka ol{
	padding-left: 0px;
	margin: 0px;
}

.komentator{
	float: left;
	width: 50px;
	padding-right: 10px;
}

.kompolja a{
	text-decoration: none;
}

.commentlist li{
	width: 95%;
	clear: both;
	display: block;
	padding-bottom: 10px;
}

.commentlist li:last-child{
	text-align: left;
}


.video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px; height: 0; overflow: hidden;
}
 
.video-container iframe,
.video-container object,
.video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}






@media screen and (max-width: 765px) {
     .menif {
       
     }

     .topl{
	display: none;
    }

    .postovi .sadrzaj{
    	width: 49%;
    }


}