/**

 * @version		1.0.1

 * @package		JoomlaXTC Joomla Day template for Joomla! 3.x

 * @author		JoomlaXTC http://www.joomlaxtc.com

 * @copyright	Copyright (C) 2015 Monev Software LLC. All rights reserved.

 * @license		http://www.joomlaxtc.com/license JoomlaXTC Proprietary Use License

 */

 







#header ul.menu > li > a, #header ul.menu > li.active > a, #header ul.menu > li:hover > a, span.separator {

	text-transform:uppercase!important;

	    padding: 15px 0 0 0;

	

}

	

#headerwrap #header #menuwrap ul.menu li.parent > ul > li > a

{

color: #ADADAD;

    border: 1px solid #212020;

    /* padding: 9px; */

    margin: 5px;

	

}

#menuwrap ul.menu li.parent > ul > li, #menuwrap .dualfish ul.menu ul > li {

     padding: 0; 

}



#menuwrap .dualfish ul.menu > li > ul {

    width: 344px!important;

}



#menuwrap ul.menu li.parent > ul > li > a:hover, #menuwrap ul.menu li.parent > ul > li > a:hover:after {

    color: #f1f1f1!important;

    border-color: #fcbf4c!important;

    background-color: black!important;

}





.suckerfish ul.menu li a > span.image-title, .dualfish ul.menu li a > span.image-title {

    margin: 0 0 0 35px;

    padding: 0 0 0 0;

    display: block;

}

.suckerfish ul.menu li a img, .dualfish ul.menu li a img {

    padding: 0px;

    float: left;

    margin-left: -5px;

    margin-top: -9px;

}



/************LOGO***************/

#logo {

    background: #000000;

    float: left;

    /*padding: 12px;*/

    position: absolute;

    -webkit-box-shadow: 18px 8px 36px -10px rgba(0,0,0,0.75);

    -moz-box-shadow: 18px 8px 36px -10px rgba(0,0,0,0.75);

    box-shadow: 18px 8px 36px -10px rgba(0,0,0,0.75);

    border-radius: 50% 50%;

    border: 4px solid #e63338;

}



#menuwrap ul.menu li.parent > ul {

    margin-top: 12px;

}



#logo a {

   

    height: 100px;

    width: 100px;

    /*margin: 27px 10px -17px 0px;*/
	
	       background-size: 83%;
    background-position-y: 24px;
    background-position-x: 5px;
	

}







/**********************footer****************************/



#footerwrap {

    background: #000000;

    color: #222;

    border-top: #ed3237 solid 3px;

}





/*************MODULE FRONT*************************/



.modulefront{

	background-image:url(../images/backgrounds/s1_r1_red.jpg);}

	

	

	

	/**************Breadcrumb*******************/

	

	

.breadcrumb 

{

    padding: 8px 15px;

    margin: 0 0 20px;

    list-style: none;

   /*background-color: #f5f5f5;*/

    -webkit-border-radius: 4px;

    -moz-border-radius: 4px;

    border-radius: 4px;

    /* padding-right: 95%; */

    margin-left: 13%;

    margin-right: 13%;

	

		background:none !important;

		border-bottom: groove rgba(107, 106, 106, 0.94) 1px;

}



.breadcrumb a{

	font-style:italic;

	    font-family: Ostrich-Black!important;

		color:#902023!important;

	

}



.breadcrumb>li {

	text-shadow:none!important;

	

}

#pathway .breadcrumb, .breadcrumb >.active{

	color:#afafaf!important;

}



.breadcrumb>li>.divider {

    padding: 0 5px;

    color: #767676;

}

	.breadcrumbs-mobile{
	
}

/**************STYLE STOCKY COntent***************/

.span7

{width:40%!important}

.com_content .item-page .pull-left.item-image {

    margin: 0 60px 18px 0;

    width: 100%;}

	

	.row-fluid .span5 {

    width: 57.17094%;

}



h2.stocky {

	background-color: rgb(186, 186, 186);

    color: rgba(86, 88, 93, 0.58);

    text-shadow: 1px 1px 1px #bababa, 0 0 0 #000, 1px 1px 1px #f7f7f7;

    

    font-family: Oswald-Stencil!important;

    font-size: 36px;

    padding: 0.5%!important;

    margin: 0;

    display: block;

}





/***********TIME DATE PUBLISHING*******************/



span.icon-calendar {

	display:none!important

}

.article-info.muted {

  

   

	color: #3c3737;

    font-family: ostrich-black;

    border-bottom: 1px solid red;

    background: rgb(16, 16, 16);

    margin-top:0;

    padding-top: 5px;

    padding-left: 5px;

    /* float: inherit; */}

	

	.article-info {

    font-size: 18px;

}



.article-info.muted-item{

		    color: #3c3737;

    font-family: ostrich-black;

    border-bottom: 1px solid red;

    background: rgb(16, 16, 16);

    /* margin-top: 0; */

    /* padding-top: 5px; */

    padding-left: 5px;

    /* float: inherit; */

    margin-top: -17px;

    margin-bottom: 35px;

}

	

 dd.published-item{

	padding-top: 7px;

    margin-bottom: -12px;

 }



/***************TIMELINE BLOG**********************/

/*.com_content .blog .page-header h2   

{ font-family: Oswald-Light;

    font-size: 36px;

    line-height: 100%;

    margin-bottom: 16px !important;

    font-weight: lighter;

    letter-spacing: -2px;

    text-align: center!important;

}*/



h1.tblog{

text-align:center!important}



.tblog{

text-align:center!important}



/*.timeline_date{display:none!important}*/

.tb-page-header{color:red!important}

.timeline-intro{letter-spacing: 0!important;}



/***********************H3*********************/



h3 {

    font-size: 24px;

    line-height: 140%!important;

    font-weight: normal!important;

    -webkit-font-smoothing: antialiased;

    -moz-osx-font-smoothing: grayscale;

}



/**************MOBILE***********************/



#logo-m {

	display:block;

    background: #000000;

    float: left;

    /* padding: 12px; */

    position: relative!important;

    /*-webkit-box-shadow: 18px 8px 36px -10px rgba(0,0,0,0.75);

    -moz-box-shadow: 18px 8px 36px -10px rgba(0,0,0,0.75);

    /* box-shadow: 18px 8px 36px -10px rgba(0,0,0,0.75); */

    /* border-radius: 50% 50%; */

    /* border: 4px solid #e63338; */

}



#logo-m a {

    height: 100px;

    width: 100px;

    margin: 27px 10px -17px 0px;

}







/************** Global Heading and links *********************/



a {

	color: #767676!important;

}

a:hover {

	color:#ccc!important;

}









/***********************stockyartmod***************************/



/*.stockyartmod {

	    background: rgba(230, 51, 56, 0.3);

		/*background-color: rgb(186, 186, 186);*/

    /*text-shadow: rgb(224, 224, 224) 1px 1px 0px;*/

	    font-family: Oswald-Stencil;



}*/



.graphouterwrap {

    float: left;

    /* background: aliceblue; */

    width: 100%!important;}

	

	

	h3.inset

	{/* color: rgb(97, 97, 97);

    font-size: 29px;

    background-color: rgb(186, 186, 186);

    text-shadow: rgb(224, 224, 224) 2px 1px 0px;

    text-transform: uppercase;

    font-weight: bold!important;

    font-family: Oswald-Stencil!important;*/

	 font-size: 29px;

    background-color: rgb(186, 186, 186);

   color: rgba(86, 88, 93, 0.58);

    text-shadow: 1px 1px 1px #bababa, 0 0 0 #000, 1px 1px 1px #f7f7f7;

    text-transform: uppercase;

    font-weight: bold!important;

    font-family: Oswald-Stencil!important;

	

	}

	

	/**************SOCIAL SHARE***********************/

	

	.jssocials-share {

    display: inline-block;

    vertical-align: top;

    /* margin: 0.3em 0.6em 0.3em 0; */

    -webkit-transform: skewX(-14deg);

    -moz-transform: skewX(-14deg);

    -ms-transform: skewX(-14deg);

    -o-transform: skewX(-14deg);

    transform: skewX(-14deg);

    font-size: 1em;

    padding: .8em 0;

    color: #fff;

    /* display: table-cell; */

    text-align: center;

    /* width: 14.28571%; */

    /* height: 1em; */

}

.jssocials-share-label {

    padding-left: 0.3em;

    vertical-align: middle;

    color: #bababa;

}

.fa {

    display: inline-block;

    font: normal normal normal 14px/1 FontAwesome;

    font-size: inherit;

    text-rendering: auto;

    -webkit-font-smoothing: antialiased;

    color: #bababa;

    -moz-osx-font-smoothing: grayscale;

    -moz-osx-font-smoothing: grayscale;

}





/******************Featured Left*****************/



/******Typo******/

h2.novosti{

	

	background: #3c0101 !important;

	

}



/*.com_content .blog h2{

	line-height: 100%!important;

     margin-top: 5%; 

    padding-top: 1px!important;

    padding-left: 2px!important;

    padding-bottom: 1px!important;

   margin-top: 47px!important; 

    vertical-align: middle;

     height: 100%;

}



*/

.com_content #component h1, .com_content #component h2, .com_content #component h3, .com_content #component h4, .com_content #component h5, .com_content #component h6{

	margin:0 !important;

}





	

	





/******************************Navigacija *********************************/

.com_content .item-page .pager li >a, .pager li >span {

    border-radius: 0!important;}

	

	

	.pager {

    margin: 20px 0;

    text-align: center;

    list-style: none;

    margin: 20px 0;

    text-align: center;

    list-style: none;

    -webkit-transform: skewX(-14deg);

    -moz-transform: skewX(-14deg);

    -ms-transform: skewX(-14deg);

    -o-transform: skewX(-14deg);

    transform: skewX(-14deg);

    border-radius: 0;

    box-shadow: none;

    border: none;

	}

