/*! HTML5 Boilerplate v4.3.0 | MIT License | http://h5bp.com/ */

/*
 * What follows is the result of much research on cross-browser styling.
 * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
 * Kroc Camen, and the H5BP dev community and team.
 */


 


/* ==========================================================================
   FONTS
   ========================================================================== */
/*
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300;
  src: local('Open Sans Light'), local('OpenSans-Light'), url(http://themes.googleusercontent.com/static/fonts/opensans/v8/DXI1ORHCpsQm3Vp6mXoaTaRDOzjiPcYnFooOUGCOsRk.woff) format('woff');
}
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: local('Open Sans'), local('OpenSans'), url(http://themes.googleusercontent.com/static/fonts/opensans/v8/cJZKeOuBrn4kERxqtaUH3bO3LdcAZYWl9Si6vvxL-qU.woff) format('woff');
}
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src: local('Open Sans Bold'), local('OpenSans-Bold'), url(http://themes.googleusercontent.com/static/fonts/opensans/v8/k3k702ZOKiLJc3WVjuplzKRDOzjiPcYnFooOUGCOsRk.woff) format('woff');
}
*/




/* ==========================================================================
   Base styles: opinionated defaults
   ========================================================================== */

html,
button,
input,
select,
textarea {
    color: #222;
}

html {
    font-size: 1em;
    line-height: 1.4;
}

/*
 * Remove text-shadow in selection highlight: h5bp.com/i
 * These selection rule sets have to be separate.
 * Customize the background color to match your design.
 */

::-moz-selection {
    background: #b3d4fc;
    text-shadow: none;
}

::selection {
    background: #b3d4fc;
    text-shadow: none;
}

/*
 * A better looking default horizontal rule
 */

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}

/*
 * Remove the gap between images, videos, audio and canvas and the bottom of
 * their containers: h5bp.com/i/440
 */

audio,
canvas,
img,
video {
    vertical-align: middle;
}

/*
 * Remove default fieldset styles.
 */

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

/*
 * Allow only vertical resizing of textareas.
 */

textarea {
    resize: vertical;
}

/* ==========================================================================
   Browse Happy prompt
   ========================================================================== */

.browsehappy {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}

/* -------------------------------------------
    MISC
   ------------------------------------------- */

.fixed { display: block }

.fixed:after {
    display: block;
    height: 0;
    visibility: hidden;
    content: ".";
    clear: both;
    }
.fixed { min-height: 1% }

* html .fixed { height: 1% }

.hidden { display: none }

.last-p {
    margin-bottom: 15px;
    margin-right: 15px;
    }
    
.clear { clear: both }

.block { display: block }

.hide { display: none }






/* -------------------------------------------
    GENERAL
   ------------------------------------------- */
   
body {
    color: #222;
    font-size: 14px;
    line-height: 18px;
    background: #ececec;
    font-weight: 300;
    
    }
    
body.bozic-time {
	background: url("../img/bozic/bozic-bg-page.jpg") no-repeat center 190px #ececec;	
	
}    

body.bozic-time #latest-wrap {
	background: url("../img/bozic/bozic-bg-top.jpg") no-repeat center top #ececec;	
	
}    

body.uskrs-time {
    background: url("../img/uskrs/uskrs-bg-page.jpg") no-repeat center 190px #ececec;   
    background-color: #ececec;

}    

body.uskrs-time #latest-wrap {
    background: url("../img/uskrs/uskrs-bg-page-top.jpg") no-repeat center top #ececec;
    
}  
    
    
h1, h2, h3, h4, h5, h6 {
    margin-bottom: 10px;
    font-weight: 600;
    line-height: 1.25;
    word-wrap: break-word;
    }
    
h1 { font-size: 42px }

h2 { font-size: 30px }

h3 { font-size: 24px }

h4 { font-size: 18px }

h5 { font-size: 14px }

h6 { font-size: 12px }

a {
    transition: .3s ease-in-out;
    text-decoration: none;
    -moz-transition: .3s ease-in-out;
    -webkit-transition: .3s ease-in-out;
    }
    
a:hover {
    text-decoration: none;
    color: #222;
    }
    
a img { border: none }

h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover { text-decoration: none }

strong { font-weight: bold }

em { font-style: italic }

p, ul, ol, pre, code { margin-bottom: 10px }

p.last { margin-bottom: 0 }

ul {
    list-style-type: none;
    list-style-position: outside;
    padding: 0px;
    margin: 0px;
    }
    
pre, code {
    font-family: monospace;
    background-color: #f5f5f5;
    border-left-width: 5px;
    border: 1px solid #efefef;
    display: block;
    padding: 10px;
    font-size: 11px;
    }
    
table {
    margin-bottom: 20px;
    border-spacing: 0;
    border-collapse: separate;
    border-top-width: 5px;
    border: 1px solid #efefef;
    }
    
th {
    font-weight: bold;
    text-transform: uppercase;
    padding: 10px 15px;
    }
    
td {
    border-top: 1px solid #efefef;
    padding: 10px 15px;
    }
    
tr.alt { background-color: #f5f5f5 }


.fancybox-overlay {
	z-index: 100000;
}



/* -------------------------------------------
    LAYOUT
   ------------------------------------------- */
   
#page-wrap {
	border-top: 4px solid #c50000;
}   
   
.center-row {
	margin: 0px auto 0px auto;
	width: 1078px;
}   
   
.box-side-shaddow {
	/*
	border-left: 1px solid #fff;
	border-right: 1px solid #fff;
	*/
    box-shadow: 3px 0 2px #d9d9d9,  -3px 0 2px #d9d9d9; 	
}  
   
   
#header-navigation-wrap {
	background-color: #f4f4f4;
}   
   
   
#header-wrap {
	display: block;
	background: url("../img/bg/pattern-f433.png");
} 
#header-wrap .header-row {
	height: 137px;
	background: #ffffff url("../img/header-left-bg.jpg") top left no-repeat;	
}

.header-logo {
	display: block;
	width: 420px;
	float: left;
	
	margin-left: 30px;
	margin-top: 35px;
}

body.bozic-time .header-logo {
	margin-top: 5px;
}

.header-logo a {
	outline: 0;
}

.header-top-right {
	display: block;
	width: 615px;
	float: right;
}

.header-banner {
	display: block;
	margin-top: 15px;
	margin-right: 15px;
	width: 468px;
	height: 60px;
	background-color: #ececec;
	float: right;
	text-align: right;
}

.header-menu-wrapper {
	display: block;
	margin-top: 8px;
	margin-right: 15px;
	float: right;
}



ul.tophead-menu {
	padding-left: 0px;
	list-style-type: none;
	list-style-position: outside;
	
	}
ul.tophead-menu li {
	float: left;
	height: 45px;
	padding-right: 10px;
	padding-left: 10px;
	border-right: 1px solid #ededed;
}
ul.tophead-menu li:last-child {
	padding-right: 0px;
	margin-right: 0px;
	border-right: 0px;
} 


ul.tophead-menu li a{
	color: #000;
}

ul.tophead-menu li a:hover {
	color: #c50000;
}
ul.tophead-menu li a:hover {
	color: #c50000;
}

/* WEATHER */

span.weather-container {
	display: block;
}
span.weather-container:after {
	clear: both;
	content: "";
	display: table;	
}
span.weather-container span.weather-img {
	display: block;
	margin-right: 8px;
	float: left;
}
span.weather-container span.weather-txt {
	display: block;
	margin-top: 5px;
	float: left;
}
span.weather-container span.weather-txt span.city {
	font-weight: bold;
	display: block;
}
span.weather-container span.weather-txt span.temp {
	display: block;
}



/* TV */


span.tv-container {
	display: block;
}
span.tv-container:after {
	clear: both;
	content: "";
	display: table;	
}
span.tv-container span.tv-img {
	display: block;
	margin-right: 8px;
	float: left;
	padding-top: 5px;
}
span.tv-container span.tv-txt {
	display: block;
	margin-top: 5px;
	line-height: 15px;
	float: left;
	padding-top: 5px;
}
span.tv-container span.tv-txt span.title {
	font-weight: bold;
	display: block;
}
span.tv-container span.tv-txt span.desc {
	display: block;
}




/* TELEPHONE */


span.phone-container {
	display: block;
}
span.phone-container:after {
	clear: both;
	content: "";
	display: table;	
}
span.phone-container span.phone-img {
	display: block;
	margin-right: 8px;
	float: left;
	padding-top: 9px;
}
span.phone-container span.phone-txt {
	display: block;
	margin-top: 5px;
	line-height: 16px;
	float: left;
	padding-top: 5px;
}
span.phone-container span.phone-txt span.title {
	font-weight: bold;
	display: block;
}
span.phone-container span.phone-txt span.desc {
	display: block;
}


/* USER */


ul.tophead-menu li.user-menu-container {
	display: block;
	margin-right: 0px;
	float: right;
}



span.user-container {
	display: block;
}
span.user-container:after {
	clear: both;
	content: "";
	display: table;	
}
span.user-container span.user-img {
	display: block;
	margin-right: 8px;
	float: left;
	padding-top: 12px;
}
span.user-container span.user-txt {
	display: block;
	margin-top: 5px;
	line-height: 15px;
	float: left;
	padding-top: 7px;
}
span.user-container span.user-txt span.title {
	font-weight: bold;
	display: block;
}
span.user-container span.user-txt span.desc {
	display: block;
}








ul.tophead-menu:before, ul.tophead-menu:after {
	clear: both;
    content: "";
    display: table;
}
   
   
#nav-wrap {
	display: block;
	border-bottom: 1px solid #000;
	background-color: #000;
	z-index: 10000;
}
#nav-wrap .nav-row {
	background-color: #000;
}
   
/* -------------------------------------------
   NAVIGATION
   ------------------------------------------- */
		
#menu {
    height: 49px;
    background: #191a1e;
    z-index: 999;
    opacity: 1;
    }
    
.menu-logo {
	display: none;
	height: 41px;
	margin-left: 15px;
	
	float: left;

	margin-top: 6px;
	margin-bottom: 2px;
	margin-right: 0px;
	padding-right: 10px;
	
	border-right: 1px solid #333;
}



.is_stuck #menu .menu-logo {
	display: block;
}


.is_stuck #menu .first {
	display: none;
}
	
	
	
.is_stuck #menu .menu-logo a.menu-logo-stuck {
	animation-name: fadeIn;
	-webkit-animation-name: fadeIn;	

	animation-duration: 0.7s;	
	-webkit-animation-duration: 1.5s;

	animation-timing-function: ease-in-out;	
	-webkit-animation-timing-function: ease-in-out;		

	visibility: visible !important;	
	
}	
	
	
@keyframes fadeIn {
	0% {
		transform: scale(0);
		opacity: 0.0;		
	}
	60% {
		transform: scale(1.1);	
	}
	80% {
		transform: scale(0.9);
		opacity: 1;	
	}	
	100% {
		transform: scale(1);
		opacity: 1;	
	}		
}

@-webkit-keyframes fadeIn {
	0% {
		-webkit-transform: scale(0);
		opacity: 0.0;		
	}
	60% {
		-webkit-transform: scale(1.1);
	}
	80% {
		-webkit-transform: scale(0.9);
		opacity: 1;	
	}	
	100% {
		-webkit-transform: scale(1);
		opacity: 1;	
	}		
}	
	
.menu-navigation {
    margin-left: 12px;
    margin-top: 7px;
    float: left;
    }
	
.menu-navigation ul { list-style-type: none }

/* --- menu --- */

#wizemenu { zoom: 1 }

#wizemenu > ul {
    margin: 0px;
    padding: 0;
    position: relative;
    }
	
#wizemenu > ul li {
    list-style: none;
    margin-left: 3px;
    padding: 0;
    background: url("../img/menu-bg.png");
    }
	
#wizemenu:before, #wizemenu:after, #wizemenu > ul:before, #wizemenu > ul:after {
    display: table;
    content: '';
    }
	
#wizemenu:after, #wizemenu > ul:after { clear: both }

#wizemenu > ul > li {
    float: left;
    position: relative;
    }
	
#wizemenu > ul > li > a {
    text-transform: uppercase;
    text-decoration: none;
    color: #fff;
    display: block;
    padding: 9px 13px 8px 13px;
    font-size: 14px;
    font-weight: 600;
    }
    
#wizemenu > ul > li.first > a {
    text-transform: uppercase;
    text-decoration: none;
    color: #fff;
    display: block;
    padding: 11px 13px 10px;
    font-size: 14px;
    font-weight: 600;
    }
    
#wizemenu ul li.izbori-2014 {
	margin-left: -10px;
	background: transparent;
}    


.is_stuck #menu ul li.izbori-2014 {
	margin-left: 0px;
	background: transparent;
}    
    
    
.is_stuck #menu .menu-logo {
	display: block;
}    
    
    
#wizemenu ul li.izbori-2014 a {
		display: block;
		margin-top: -17px;
		text-indent: -9000px;
		width: 108px;
		height: 48px;
		background: transparent url("../img/izbori2014/menu-izbori-2014.png");
		outline: 0;
    }      
    
    
.is_stuck #menu ul li.izbori-2014 a {
		display: block;
		margin-top: 0px;
		text-indent: -9000px;
		width: 75px;
		height: 33px;
		background: transparent url("../img/izbori2014/menu-stuck-izbori-2014.png");
		outline: 0;
    }    
    
    
    
#wizemenu ul li.izbori-2014 a:hover {
		display: block;
		margin-top: -17px;
		text-indent: -9000px;
		width: 108px;
		height: 48px;
		background: transparent url("../img/izbori2014/menu-izbori-2014-over.png");
		outline: 0;
    }   
    
    
.is_stuck #menu ul li.izbori-2014 a:hover {
		display: block;
		margin-top: 0px;
		text-indent: -9000px;
		width: 75px;
		height: 33px;
		background: transparent url("../img/izbori2014/menu-stuck-izbori-2014-over.png");
		outline: 0;
    }     
    
    
#wizemenu ul li.izbori-2014.active a {
		display: block;
		margin-top: -17px;
		text-indent: -9000px;
		width: 108px;
		height: 48px;
		background: transparent url("../img/izbori2014/menu-izbori-2014-over.png");
		outline: 0;
    }    
    
	
#wizemenu > ul > li:hover > a { color: #fff }

#wizemenu > ul > li > a > span { line-height: 18px }

#wizemenu > ul > li.active > a, #wizemenu > ul > li > a:active { color: #fff }

#wizemenu > ul ul li.has-sub > a {
    background-image: url("../img/menu-child.png");
    background-repeat: no-repeat;
    background-position: 95% 50%;
    }
	
#wizemenu > ul ul li.has-sub > a:hover {
    background-image: url("../img/menu-child.png");
    background-repeat: no-repeat;
    background-position: 95% 50%;
    }
	
/* --- menu childs --- */

#wizemenu > ul ul {
    visibility: hidden;
    transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    top: 100px;
    margin: 0;
    padding: 0;
    opacity: 0;
    z-index: 2;
    position: absolute;
    }
	
#wizemenu > ul ul:before {
    background: transparent;
    top: -10px;
    width: 100%;
    height: 20px;
    content: '';
    position: absolute;
    }
	
#wizemenu > ul ul li {
    list-style: none;
    margin-bottom: 2px;
    width: 100%;
    margin: 0;
    padding: 0;
    }
	
#wizemenu > ul ul li a {
    text-transform: uppercase;
    text-decoration: none;
    width: 200px;
    color: #fff;
    display: block;
    padding: 8px 13px 8px 13px;
    font-size: 14px;
    font-weight: 600;
    z-index: 999;
    }
	
#wizemenu > ul ul li a:hover { color: #fff }

#wizemenu > ul li:hover ul {
    visibility: visible;
    top: 38px;
    left: 0;
    color: #000;
    margin: 0;
    opacity: 1;
    z-index: 2;
    }
	
/* --- 3-level menu childs --- */

#wizemenu ul ul > li {
    position: relative;
    display: block;
    }
	
#wizemenu > ul ul ul li {
    list-style: none;
    margin-left: 3px;
    width: 166px;
    }
	
#wizemenu > ul ul li:hover ul {
    top: 0px;
    left: 166px;
    }
	
#wizemenu > ul li:hover ul ul, #wizemenu > ul li:hover ul ul ul, #wizemenu > ul li.over ul ul, #wizemenu > ul li.over ul ul ul { display: none }

#wizemenu > ul li:hover ul, #wizemenu > ul li li:hover ul, #wizemenu > ul li li li:hover ul, #wizemenu > ul li.over ul, #wizemenu > ul li li.over ul, #wizemenu >ul li li li.over ul { display: block }
   
   
/* --- search --- */

#searchform {
    margin-bottom: 20px;
    overflow: hidden;
    }
	
#searchinput {
    background: #eee;
    float: left;
    width: 247px;
    color: #888;
    margin: 0 0px 0 0;
    border: none;
    padding: 10px 12px;
    outline: medium none;
    }
	
#search-button {
    background: #888 url("../img/search-header.png");
    transition: .3s ease-in-out;
    vertical-align: middle;
    -moz-transition: .3s ease-in-out;
    -webkit-transition: .3s ease-in-out;
    float: right;
    width: 36px;
    color: #222;
    margin: 0;
    cursor: pointer;
    border: none;
    padding: 9px;
    }

#menu-search {
    margin-top: 7px;
    margin-right: 15px;
    float: right;
    overflow: hidden;
    height: 35px;
    }
	
#menu-search #searchform {
    margin-bottom: 26px;
    padding: 0px;
    overflow: hidden;
    }
	
#menu-search #searchinput {
    width: 120px;
    color: #84888b;
    margin: 0 0px 0 0;
    border: none;
    padding: 10px 12px;
    outline: medium none;
    background: #44484b;
    }
	
#menu-search #search-button {
    transition: .3s ease-in-out;
    vertical-align: middle;
    -moz-transition: .3s ease-in-out;
    -webkit-transition: .3s ease-in-out;
    float: right;
    width: 36px;
    height: 36px;
    color: #222;
    margin: 0;
    cursor: pointer;
    border: none;
    padding: 9px;
    }

.button1 {
    background: #888 url("../img/search-header.png");
    transition: .3s ease-in-out;
    vertical-align: middle;
    -moz-transition: .3s ease-in-out;
    -webkit-transition: .3s ease-in-out;
    float: right;
    width: 36px;
    color: #222;
    margin: 0;
    cursor: pointer;
    border: none;
    padding: 9px;
    }   
   

#latest-wrap {
	display: block;
	background-color: #ececec;
}
#latest-wrap .latest-row {
	background-color: #fff;
}
      
   
/* --- news breaking --- */

#header-breaking {
    height: 30px;
    background: #888;
    width: 1078px;
    overflow: hidden;
    z-index: 600;
    }
	
#header-breaking h3 {
    color: #fff;
    text-transform: uppercase;
    font-size: 12px;
    font-weight: 600;
    display: inline-block;
    line-height: 20px;
    padding-top: 0px;
    margin-top: 5px;
    padding-left: 15px;
    padding-right: 10px;
    float: left;
    }
	
.header-breaking-text {
    display: inline;
    float: left;
    background: url("../img/breaking-news.png") no-repeat;
    background-position: 0px 7px;
    }
	
.ticker-wrapper.has-js {
	padding-top: 6px;
	padding-left: 26px;
	display: block;
	font-size:12px;
	font-weight: 600;
	text-transform:uppercase;
	}

.ticker {
	width: 630px;
	height: 23px;
	display: block;
	position: relative;
	overflow: hidden;
	}


.ticker-content a {
	text-decoration: none;	
	color: #fff;
	}
	
.ticker-content a:hover {
	text-decoration: underline;	
	color: #fff;
	}
	
ticker-content a span {
	font-weight: 300;
	padding-left: 15px;
	color: #ededed;
}
	
.ticker-swipe {
	padding-top: 3px;
	position: absolute;
	top: 0px;
	background: #888;
	display: block;
	width: 630px;
	height: 23px; 
	}
	
.ticker-swipe span {
	margin-left: 1px;
	border-bottom: 3px solid #fff;
	height: 12px;
	width: 7px;
	display: block;
	}

.ticker-controls {
	list-style-type: none;
	}

.js-hidden {
	display: none;
	}
	
.no-js-news {
	padding: 10px 0px 0px 45px; 
	color: #F8F0DB;
	}
	
.left .ticker-swipe {
	/*left: 80px;*/
	}
	
.left .ticker-controls, .left .ticker-content, .left .ticker-title, .left .ticker {
    float: left;
	}
	
.left .ticker-controls {
    padding-left: 6px;
	}
	
.right .ticker-swipe {
	/*right: 80px;*/
	}
	
.display-none {
	display: none;
	}
	
	
/* -------------------------------------------
   SOCIAL MEDIA
   ------------------------------------------- */
/* --- header --- */

.header-social {
    float: right;
    margin-right: 15px;
    }
	
#header-social { float: left }

#header-social li {
    list-style: none;
    float: left;
    width: 30px;
    margin: 0;
    border-right: 0px #979b9e solid;
    }
	
#header-social li:first-child { border-left: 0px #979b9e solid }

#header-social li a {
    list-style: none;
    text-aling: center;
    float: left;
    width: 30px;
    height: 30px;
    margin: 0;
    }
	
#header-social li.facebook a { background: url("../img/social/small/facebook.png") no-repeat left }

#header-social li.facebook a:hover { background: #3b5998 url("../img/social/small/facebook.png") no-repeat left }

#header-social li.twitter a { background: url("../img/social/small/twitter.png") no-repeat left }

#header-social li.twitter a:hover { background: #00acee url("../img/social/small/twitter.png") no-repeat left }

#header-social li.youtube a { background: url("../img/social/small/youtube.png") no-repeat left }

#header-social li.youtube a:hover { background: #cc181e url("../img/social/small/youtube.png") no-repeat left }

#header-social li.vimeo a { background: url("../img/social/small/vimeo.png") no-repeat left }

#header-social li.vimeo a:hover { background: #44bbff url("../img/social/small/vimeo.png") no-repeat left }

#header-social li.flickr a { background: url("../img/social/small/flickr.png") no-repeat left }

#header-social li.flickr a:hover { background: #ff0084 url("../img/social/small/flickr.png") no-repeat left }

#header-social li.digg a { background: url("../img/social/small/digg.png") no-repeat left }

#header-social li.digg a:hover { background: #1b5891 url("../img/social/small/digg.png") no-repeat left }

#header-social li.google a { background: url("../img/social/small/google.png") no-repeat left }

#header-social li.google a:hover { background: #dd4c39 url("../img/social/small/google.png") no-repeat left }

#header-social li.myspace a { background: url("../img/social/small/myspace.png") no-repeat left }

#header-social li.myspace a:hover { background: #003399 url("images/social/small/myspace.png") no-repeat left }

#header-social li.rss a { background: url("../img/social/small/rss.png") no-repeat left }

#header-social li.rss a:hover { background: #fe9900 url("../img/social/small/rss.png") no-repeat left }

#header-social li.soundcloud a { background: url("../img/social/small/soundcloud.png") no-repeat left }

#header-social li.soundcloud a:hover { background: #fb4a00 url("../img/social/small/soundcloud.png") no-repeat left }	
   
   
   

/* =================================================================
   HOME FEATURED
   ================================================================= */
#home-featured-wrap {
	display: block;
}

#home-featured-wrap .home-featured-row {
	display: block;
	background: #fff;
	padding: 3px;
	margin-bottom: 15px;
}


.home-slider {
	display: block;
	float: left;
	width: 450px;
	height: 350px;
	background-color: #ececec;
	
	margin-right: 6px;
}

.home-featured-news {
	display: block;
	float: left;
	width: 360px;
	height: 350px;
	margin-right: 6px;
}

.home-featured-marketing {
	display: block;
	float: left;
	width: 250px;
	height: 350px;	
}

.home-featured-marketing .banner-250x250 {
	display: block;
	width: 250px;
	height: 250px;
	margin-bottom: 5px;
	background-color: #ececec;
}

.home-featured-marketing .banner-250x95 {
	display: block;
	width: 250px;
	height: 95px;
	background-color: #ececec;
}


/* =================================================================
   ARTICLES / short / long / bla bla i sve ostalo
   ================================================================= */

.short-article-item {
	display: block;
	width: 360px;
	
	margin-bottom: 5px;
	padding-bottom: 8px;
	
	border-bottom: 1px dotted #ededed;
}

.short-article-item:first-child {
	margin-top: 3px;
}

.short-article-item:last-child {
	border-bottom: 0px;
	margin-bottom: 0px;
	padding-bottom: 0px;
}

.short-article-item .short-article-img {
	 float: left;
	 height: 75px;
	 margin-right: 10px;
	 overflow: hidden;
	 width: 100px;
	 position: relative;
}

.short-article-item .short-article-img a:hover img {
	
	background-color: #c50000;
	-webkit-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;-o-transition: all 0.2s ease-out;
	-ms-transition: all 0.2s ease-out;
	-moz-opacity:0; filter:alpha(opacity=0); opacity:0;
	-webkit-transform: translateZ(10);
	-webkit-backface-visibility: hidden;
	-webkit-perspective: 1000;
	
	-moz-opacity:0.85; filter:alpha(opacity=85); opacity:0.65;	
	
}


.short-article-item .short-article-img a:hover img {
	background-color: #c50000;
	-webkit-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;-o-transition: all 0.2s ease-out;
	-ms-transition: all 0.2s ease-out;
	-moz-opacity:0; filter:alpha(opacity=0); opacity:0;
	-webkit-transform: translateZ(10);
	-webkit-backface-visibility: hidden;
	-webkit-perspective: 1000;
	
	-moz-opacity:0.85; filter:alpha(opacity=85); opacity:0.65;	
}

.short-article-item .short-article-img span.photo-badge{
	background-color: #c50000;
	top: auto;
	color: #ffffff;
	font-size: 11px;
	font-weight: bold;
	left: 0px;
	padding: 0px 8px;
	position: absolute;
	right: auto;
	bottom: 0px;	
}


.short-article-txt .short-article-txt {
	display: block;
	float: left;
	width: 250px;	
}

.short-article-item h2 {
    font-size: 14px;
    margin-bottom: 2px;
    margin-top: 0px;
}

.short-article-item h2 a {
    color: #222;
}

.short-article-item span {
    color: #888;
    display: block;
    font-size: 12px;
    margin-top: -1px;
}

.short-category-title {
   border-bottom: 2px solid #eee;
   display: block;
   height: 30px;
   margin-bottom: 20px;
}

.short-category-title:after {
	display: block;
	height: 0;
	visibility: hidden;
	content: ".";
	clear: both;	
}


.short-category-title h3 {
  margin: 0px;
  padding: 0px;
  border-top: 0 solid #191a1e;
  color: #191a1e;
  display: inline-block;

  font-size: 18px;
  font-weight: 700;
  padding: 2px 8px 2px 0;
  text-transform: uppercase;	
}

.short-category-title span.more-link {
	display:block;
	float: right;
	margin-right: 10px;
	margin-top: 5px;
}


/* =================================================================
   EVENTS
   ================================================================= */
.events-container {
	display: block;
	height: 200px;
	overflow: hidden;
	
	/*background: #ffffff url("../img/event-bg.png") top right no-repeat;	*/
}

.events-container ul.events-list {
	
}

.events-container ul.events-list li {
	
}

.dogadjaj-sub-container {
	display: block;
	font-weight: 500;
	
}

.dogadjaj-sub-container span.dogadjaj-sub-kategorija {
	display: block;
	width: 125px;
	padding: 5px 5px 5px 20px;
	font-weight: 600;
	
	background-color: #ededed;
}
.dogadjaj-sub-container .category-wrapper {
	display: block;
	border: 1px solid #ededed;
	padding: 10px;
	background: #ffffff url("../img/event-bg.png") top right no-repeat;	
}

.dogadjaj-sub-container .dogadjaj-sub-datum {
	display: block;
	margin-bottom: 0px;
	font-size: 12px;
}
.dogadjaj-sub-container .dogadjaj-sub-lokacija {
	display: block;
	font-size: 12px;
}

.dogadjaj-sub-container .dogadjaj-sub-naziv {
	display: block;
	margin-bottom: 15px;
}


.event-header-info-wrap .event-social-box {
	display: block;
	width: 200px;
	float: left;
	margin-left: 20px;
	margin-top: 30px;
	
}

.dogadjaj-show-container {
	display: block;
	width: 500px;
	float: left;
}

.dogadjaj-show-container .dogadjaj-list-container {
	display: block;
	font-weight: 500;
	margin-left: 0px;
	margin-top: 0px;
}

.dogadjaj-list-container {
	display: block;
	font-weight: 500;
	margin-left: 50px;
	margin-top: 10px;
}

.dogadjaj-list-container span.dogadjaj-list-kategorija {
	display: block;
	width: 125px;
	padding: 5px 5px 5px 20px;
	font-weight: 600;
	
	background-color: #ededed;
}
.dogadjaj-list-container .category-wrapper {
	display: block;
	border: 1px solid #ededed;
	padding: 10px;
	padding-bottom: 20px;
	margin-bottom: 25px;
	
	background: #ffffff url("../img/event-bg.png") top right no-repeat;		
}

.dogadjaj-list-container .dogadjaj-list-datum {
	display: block;
	margin-bottom: 0px;
	font-size: 12px;
}
.dogadjaj-list-container .dogadjaj-list-lokacija {
	display: block;
	font-size: 12px;
}

.dogadjaj-list-container .dogadjaj-list-naziv {
	display: block;
	margin-bottom: 15px;
}



/* =================================================================
   JOKES
   ================================================================= */
.joke-container {
	display: block;
	height: 200px;
	overflow: hidden;
	background: #ffffff url("../img/joke-bg.png") top right no-repeat;	
}

.joke-container .joke-body-wrap {
	display: block;
	min-height: 150px;
}

.joke-container .joke-paginator {
	display: block;
	border-top: 1px solid #0a1c80;
	margin-top: 20px;
}

.joke-container span.joke-day {

	background: none repeat scroll 0 0 #0a1c80;	
	display: block;
	width: 180px;
	text-align: center;
	float: left;
	
	  color: #fff;
	  cursor: default;
	  font-size: 12px;
	  font-weight: 300;
	  
	  line-height: 19px;
	  padding: 2px 7px;

	  
}

.joke-container span.joke-controls {
	display: block;
	text-align: center;
	float: right;
	margin-top: -1px;
	
	  color: #fff;
	  cursor: default;
	  font-size: 14px;
	  font-weight: 300;
	  
}


.joke-container span.joke-controls a {
	background: none repeat scroll 0 0 #c50000;	
	display: block;
	float: right;
	color: #fff;
	line-height: 19px;
	padding: 2px 7px;
}

.joke-container span.joke-controls a:hover {
	background: none repeat scroll 0 0 #c50000;	
	color: #000;
}


.joke-container span.joke-title {
	display: block;
	font-weight: bold;
	margin-bottom: 10px;
	
}

.joke-container span.joke-content {
	display: block;
	margin-top: 20px;
	font-weight: 500;
	
	position: relative;
	overflow: hidden;
}
.joke-container span.joke-link {
	display: block;
	
}


/* =================================================================
   CONTENT
   ================================================================= */

#content-wrap {
	display: block;
	

}

.home-page #content-wrap .content-row {
	padding-top: 15px;
}

#content-wrap .content-row {
	display: block;
    background: #fff;
    padding: 15px;
}


.content-row .content-main-col {
	display: block;
	float: left;
	width: 728px;
	margin-right: 9px;
}

.content-row .content-sidebar-col {
	display: block;
	float: left;
	width: 300px;
	padding-left: 10px;
	border-left: 1px solid #ededed;
}


.content-full-container {
	display: block;
	margin-bottom: 25px;
}
    

.content-split-container {
	display: block;
	margin-bottom: 45px;
}

.content-split-container .split-left {
	display: block;
	width: 350px;
	float: left;
	margin-right: 20px;
}

.content-split-container .split-left-border {
	margin-right: 10px;
	padding-right: 10px;
	border-right: 1px solid #ededed;
}

.content-split-container .split-right {
	display: block;
	width: 350px;
	float: left;

	
}

.content-split-container .split-left .short-article-item, .content-split-container .split-right .short-article-item {
	width: 350px;
}


.content-edges {
	display: block;
		
	margin-top: -15px;
	padding-top: 15px;

	margin-left: -15px;
	padding-left: 10px;
	
	margin-right: -8px;
	padding-right: 9p;
	
	margin-bottom: 30px;
	padding-bottom: 15px;
	

	
}

.content-dark {
	background-color: #e5e5e5;
	border-left: 1px solid #e0dfdf;
	border-top: 1px solid #e0dfdf;
	border-bottom: 1px solid #e0dfdf;
}


.content-edges .short-category-title {
	margin-right: 10px;
}





/* =================================================================
   PHOTO GALLERY LATEST
   ================================================================= */


ul.photo-gallery-latest {
	display: block;
	width: 585px;
	
	float: left;
}

ul.photo-gallery-latest:after {
	clear: both;
    display: table;
    content: '';
    }
	

.rotator ul, .rotator li {
	list-style: none;
    margin:0;
    padding:0;
 }






ul.photo-gallery-latest li {
	display: block;
	float: left;
	width: 185px;
	height: 200px;
	margin-right:15px;	
	
	
	box-shadow:0px 1px 1px 0px rgba(0,0,0,0.2);
	-moz-box-shadow:0px 1px 1px 0px rgba(0,0,0,0.2);
	-webkit-box-shadow:0px 1px 1px 0px rgba(0,0,0,0.2);
}

ul.photo-gallery-latest li:last-child {
	padding-right: 0px;
	margin-right: 0px;
	border-right: 0px;
} 

#photo-gallery-latest-container .gallery-item-wrap {
	display: block;
}

#photo-gallery-latest-container .gallery-item-wrap .photo-holder{
	display: block;
	overflow: hidden;
	width: 185px;
	height: 140px;
	position: relative;
	
	background-color: #ececec;
	
	border-radius:6px 6px 0px 0px;
	-moz-border-radius:6px 6px 0px 0px;
	-webkit-border-radius:6px 6px 0px 0px;
}


#photo-gallery-latest-container .gallery-item-wrap .photo-holder:hover {
	background-color: #c50000;
	-webkit-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;-o-transition: all 0.2s ease-out;
	-ms-transition: all 0.2s ease-out;
	-moz-opacity:0; filter:alpha(opacity=0); opacity:0;
	-webkit-transform: translateZ(10);
	-webkit-backface-visibility: hidden;
	-webkit-perspective: 1000;
	
	-moz-opacity:0.85; filter:alpha(opacity=85); opacity:0.65;
}


#photo-gallery-latest-container .gallery-item-wrap .photo-holder span.photo-badge {
  background-color: #c50000;
  border-radius: 3px;
  bottom: auto;
  color: #ffffff;
  font-size: 11px;
  font-weight: bold;
  left: 5px;
  margin-left: 2px;
  padding: 1px 5px;
  position: absolute;
  right: auto;
  text-shadow: 0 1px 1px #333;
  top: 5px;	
}


#photo-gallery-latest-container .gallery-item-wrap .gallery-title{
	display: block;
	background-color: #fff;
	display: block;
	width: 185px;
	height: 60px;
	
	border-radius:0px 0px 6px 6px;
	-moz-border-radius:0px 0px 6px 6px;
	-webkit-border-radius:0px 0px 6px 6px;

}

#photo-gallery-latest-container .gallery-item-wrap .gallery-title h3 {
	padding: 10px;
	margin: 0px;
	
	font-size: 12px;
	font-weight: 600;
}
#photo-gallery-latest-container .gallery-item-wrap .gallery-title h3 a {
	color: #000;
}
#photo-gallery-latest-container .gallery-item-wrap .gallery-title h3 a:hover {
	color: #c50000;
}


#photo-gallery-latest-container .gallery-item-wrap .gallery-title span {
	padding: 0px;
	margin: 0px;
	
	font-size: 12px;
	font-weight: 300;
}



#photo-gallery-latest-container .photo-gallery-latest-control {
	display: block;
	width: 130px;
	height: 200px;
	margin-left: 15px;
	float: left;
	
	background: url('../img/gallery-bg-photo.png') no-repeat 5px 10px;
	padding-top: 165px;
}



.photo-gallery-latest-control .owl-custom-controls .owl-custom-nav {
	margin-left: 29px;
}

.photo-gallery-latest-control .owl-custom-controls .ctr-button {
	background: #919191;
	color: #fff;
	font-size: 22px;
	
	display: block;
	float: left;
	margin-right: 5px;
	cursor: pointer;
	
	padding-top: 5px;
	padding-bottom: 5px;
	width: 30px;
	text-align: center;

	background: -moz-linear-gradient(top,  #919191 0%, #6b6b6b 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#919191), color-stop(100%,#6b6b6b));
	background: -webkit-linear-gradient(top, Â #919191 0%,#6b6b6b 100%);
	background: -o-linear-gradient(top, Â #919191 0%,#6b6b6b 100%);
	background: -ms-linear-gradient(top, Â #919191 0%,#6b6b6b 100%);
	background: linear-gradient(to bottom, Â #919191 0%,#6b6b6b 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#919191', endColorstr='#6b6b6b',GradientType=0 );
	border-top:1px solid #919191; border-left:1px solid #969696;  border-right:1px solid #969696; border-bottom:1px solid #6c6c6;	
}

.photo-gallery-latest-control .owl-custom-controls .ctr-button:hover {
	background: #919191;
	background: -moz-linear-gradient(top,  #6b6b6b 0%, #919191 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#6b6b6b), color-stop(100%,#919191));
	background: -webkit-linear-gradient(top, #6b6b6b 0%Â ,#919191 100%);
	background: -o-linear-gradient(top, Â #6b6b6b 0%Â ,#919191 100%);
	background: -ms-linear-gradient(top, Â #6b6b6b 0%Â ,#919191 100%);
	background: linear-gradient(to bottom, Â #6b6b6b 0%Â ,#919191 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6b6b6b', endColorstr='#919191',GradientType=0 );
}



/* =================================================================
   WIDGETS
   ================================================================= */
.sidebar-banner {
	display: block;
	margin-bottom: 15px;
}


.widget {
	display: block;
	width: 300px;
	min-height: 200px;
	border: 1px solid #ececec;
	
	border-radius:5px 5px 0px 0px;
	-moz-border-radius:5px 5px 0px 0px;
	-webkit-border-radius:5px 5px 0px 0px;
}

.popular-container {
	margin-bottom: 20px;
}



.widget h3 {
	display: block;
	background-color: #ececec;
	font-size: 14px;
	font-weight: 600;
	padding: 10px;
	margin-top: 0px;
	color: #807a7a;
	
	border-radius:5px 5px 0px 0px;
	-moz-border-radius:5px 5px 0px 0px;
	-webkit-border-radius:5px 5px 0px 0px;
}


.sidebar-widget .sidebar-short-new-item {
	display: block;
	overflow: hidden;
	margin-bottom: 5px;
	padding-bottom: 5px;
	border-bottom: 1px dotted #ededed;
}

.sidebar-widget .sidebar-short-new-item:last-child {
	border-bottom: 0px;
	margin-bottom: 0px;
	padding-bottom: 0px;
}



.sidebar-widget .sidebar-short-new-item .sidebar-short-article-img {
	display: block;
	width: 60px;
	height: 45px;
	overflow: hidden;
	position: relative;
	float: left;
	margin-right: 10px;
}

.sidebar-widget .sidebar-short-new-item .sidebar-short-article-img span.photo-badge{
	background-color: #c50000;
	top: auto;
	color: #ffffff;
	font-size: 10px;
	font-weight: bold;
	left: 0px;
	padding: 0px 5px;
	position: absolute;
	right: auto;
	bottom: 0px;	
}

.sidebar-widget .sidebar-short-new-item .sidebar-short-article-txt {
	display: block;
	width: 195px;
	padding-top: 3px;
	height: 42px;
	overflow: hidden;
	float: left;
	
}

.sidebar-widget .sidebar-short-new-item .sidebar-short-article-txt a {
	font-size: 13px;
}



/************************************************
	SIDEBAR - ANKETA
************************************************/
.anketa-container {
	margin-bottom: 20px;
	background-color: #ececec;
	padding: 5px;
	
}

.anketa-container .anketa-title-h {
	border-radius: 5px 5px 0 0;
    border-right: 1px solid #ececec;
    display: block;
    width: 180px;
    padding: 6px 13px;	
    background-color: #fff;
    
color: #c50000;
    font-weight: 600;
    text-decoration: none;
}

.box-anketa-container {
	display:block;
	background-color: #fff;
}
	
.box-anketa-header {
	display:block;
	padding-bottom: 5px;
	padding-top: 5px;
	border-top: 0px solid #ececec;
	border-bottom: 1px solid #ececec;

	/* background: url(../img/div_anketa_header-bg.png) no-repeat top center; */
}

.anketa-header-title-block span.anketa-header-title {
	display:block;
	font: 700 18px/18px 'Open Sans Condensed',sans-serif;
	padding-top: 0px;
	padding-left: 0px;
	color: #ffffff;
}

.anketa-header-title-block span.anketa-header-title span {
	font: 700 16px/16px 'Open Sans Condensed',sans-serif;
	font-weight: normal;
	padding-left: 65px;
	color: #f0f0f0;
}

.box-anketa-header span.anketa-header-pitanje {
	display:block;
	padding: 10px;
	
	color: #0675BF;
	font-size: 14px;
	font-weight: bold;
	line-height: 16px;
	text-shadow: 1px 1px 1px #FFFFFF;
}

.box-anketa-body {
	display:block;
	min-height: 100px;
	background: url(../img/bg/div_anketa_body.png) no-repeat bottom left;
}

.box-anketa-body fieldset {
	border: 0px;
	padding: 0px;
}	

.box-anketa-body .anketa-rezultati {
	font-size: 11px;
}

.box-anketa-body .anketa-rezultati li span div{
	background-color: #d6d6d6;
}

.box-anketa-body .total_votes {
	font-size: 11px;
	font-weight: bold;
}

.box-anketa-body .box-anketa-body-content {
	margin: 0px 15px 10px;
	padding-top: 0px;
	padding-bottom: 0px;

	line-height: 16px;
	text-align: justify;
}

	
ul.box-anketa-ul-pitanja {
	display:block;
	padding:0px;
	margin: 0px;
	/*min-height: 177px; */
}
	
ul.box-anketa-ul-pitanja li {
	display: block;
	list-style: none;
	
	padding-top: 5px;
	padding-bottom: 0px;
	
}	

ul.box-anketa-ul-pitanja li label {
    border-bottom: 1px dotted #CCCCCC;
    color: #222222;
    cursor: pointer;
    display: block;
    font-size: 11px;
    font-weight: normal;
    padding: 0 10px 3px 15px;
    position: relative;
    
}

ul.box-anketa-ul-pitanja li label span {
	 display: block;
    padding: 0 0 0 15px;	
}

ul.box-anketa-ul-pitanja li input {
    left: 0;
    margin: 0 4px 3px 1px;
    position: absolute;
    top: 0;
}

ul.box-anketa-ul-pitanja li.box-anketa-controls {
	margin-top: 0px;
}

ul.box-anketa-ul-pitanja li.box-anketa-controls span.box-anketa-controls-vote {
	margin-right: 5px;
}





/* =================================================================
   CATEGORIES  / short / long / bla bla i sve ostalo
   ================================================================= */

.category-article-item {
	display: block;
	width: 100%;
	
	margin-bottom: 10px;
	padding-bottom: 10px;
	
	border-bottom: 1px dotted #ededed;
}

.category-article-item:first-child {
	margin-top: 3px;
}

.category-article-item:last-child {
	border-bottom: 0px;
	margin-bottom: 0px;
	padding-bottom: 0px;
}

.category-article-item .category-article-img {
	 float: left;
	 height: 115px;
	 margin-right: 10px;
	 overflow: hidden;
	 width: 150px;
	 position: relative;
}

.category-article-item .category-article-img a:hover img {
	background-color: #c50000;
	-webkit-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;-o-transition: all 0.2s ease-out;
	-ms-transition: all 0.2s ease-out;
	-moz-opacity:0; filter:alpha(opacity=0); opacity:0;
	-webkit-transform: translateZ(10);
	-webkit-backface-visibility: hidden;
	-webkit-perspective: 1000;
	
	-moz-opacity:0.85; filter:alpha(opacity=85); opacity:0.65;	
}

.category-article-item .category-article-img span.photo-badge{
	background-color: #c50000;
	top: auto;
	color: #ffffff;
	font-size: 14px;
	font-weight: bold;
	left: 0px;
	padding: 3px 13px;
	position: absolute;
	right: auto;
	bottom: 0px;	
}


.category-article-txt .category-article-txt {
	display: block;
	float: left;
	width: 100%;	
}

.category-article-item h2 {
    font-size: 16px;
    margin-bottom: 2px;
    margin-top: 0px;
}

.category-article-item h2 a {
    color: #222;
}

.category-article-item h2 a:hover {
    color: #c50000
}

.category-article-item span {
    color: #888;
    display: block;
    font-size: 12px;
    margin-top: -1px;
}

.category-article-item span.article-short-txt {
	margin-top: 10px;
	color: #222;
	display: block;
	font-size: 14px;
}

.category-category-title {
   border-bottom: 2px solid #eee;
   display: block;
   height: 38px;
   margin-bottom: 20px;
}

.category-category-title:after {
	display: block;
	height: 0;
	visibility: hidden;
	content: ".";
	clear: both;	
}


.category-category-title h1 {
  margin: 0px;
  padding: 0px;
  border-top: 0 solid #191a1e;
  color: #191a1e;
  display: inline-block;

  font-size: 24px;
  font-weight: 700;
  padding: 2px 8px 2px 0;
  text-transform: uppercase;	
  
  border-bottom: 4px solid #0a1c80;
}

.category-category-title span.more-link {
	display:block;
	float: right;
	margin-right: 10px;
	margin-top: 5px;
}




/* =================================================================
   ARTICLE / short / long / bla bla i sve ostalo
   ================================================================= */

.article-wrap {
	display: block;
	padding-bottom: 20px;
	margin-bottom: 20px;
	/* border-bottom: 1px solid #d5d5d5; */
}

.article-wrap .article-header {
	margin-bottom: 8px;
	padding-bottom: 10px;
	border-bottom: 1px solid #ededed;
}

.article-wrap .article-header h1 {
 	font-size: 32px;
    font-weight: 700;
    margin-bottom: 5px;
	line-height: 1.25;
	margin-top: 0px;
	
}

.article-wrap .article-header .article-sponsored-container {
	display: block;
	margin-top: 15px;
	margin-bottom: 10px;
}

.article-wrap .breadcrumb {
	margin-bottom: 10px;
	padding: 5px 15px;
	font-size: 12px;
}

.article-wrap .article-header span.article-teaser {
	display: block;
	border-left: 10px solid #5e5e5e;
	padding-left: 10px;
	
	margin-top: 15px;
	margin-bottom: 10px;

 	font-size: 14px;
    font-weight: 500;
	color: #5e5e5e;
}

.article-wrap .article-infobox {
	display: block;
	font-size: 12px;
		
	margin-bottom: 10px;
	padding-bottom: 8px;
	border-bottom: 1px solid #ededed;
}

.article-wrap .article-infobox span.infobox-item {
	display: block;
	float: left;
	margin-right: 10px;
	padding-right: 10px;
	border-right: 1px solid #ececec;
}
.article-wrap .article-infobox span.infobox-fb-item {
	display: block;
	float: right;
}
.article-wrap .article-infobox span.infobox-item span.right{
	padding-left: 5px;
}



.article-wrap .article-body {
	display: block;
	margin-top: 25px;
	overflow: hidden;
}

.article-wrap .article-body .body-left{
	display: block;
	width: 200px;
	float: left;
	margin-right: 10px;
	overflow: hidden;
}


/*
.article-wrap .article-body .is_stuck {
	display: block;
	margin-top: 70px;
}
*/


.article-wrap .article-body .body-right{
	display: block;
	width: 500px;
	float: left;
	padding-left: 15px;
	border-left: 1px dotted #ededed;
	
}

.article-wrap .article-body .body-right .multimedia-container {
	display: block;
}




.article-wrap .article-body .body-right .multimedia-container .article-image {
	display: block;
	width: 500px;
	
	overflow: hidden;
	position: relative;
}

.article-wrap .article-body .body-right .multimedia-container .article-image a:hover img {
	background-color: #c50000;
	-webkit-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;-o-transition: all 0.2s ease-out;
	-ms-transition: all 0.2s ease-out;
	-moz-opacity:0; filter:alpha(opacity=0); opacity:0;
	-webkit-transform: translateZ(10);
	-webkit-backface-visibility: hidden;
	-webkit-perspective: 1000;
	
	-moz-opacity:0.85; filter:alpha(opacity=85); opacity:0.65;	
}


.article-wrap .article-body .body-right .multimedia-container .article-image .photo-badge{
	background-color: #c50000;
	top: 0;
	color: #ffffff;
	font-size: 14px;
	font-weight: bold;
	left: auto;
	padding: 5px 14px;
	position: absolute;
	right: 0px;
	bottom: auto;
	
	margin-right: 10px;
	margin-top: 10px;
}

.article-wrap .article-body .body-right .multimedia-container .article-image .sponsored-badge{
	background: none repeat scroll 0 0 rgba(10, 28, 128, 0.45);

	top: 0;
	color: #ffffff;
	font-size: 12px;
	font-weight: bold;
	left: 0px;
	padding: 5px 14px;
	position: absolute;
	right: auto;
	bottom: auto;
	
	margin-left: 10px;
	margin-top: 10px;
}


.article-wrap .article-body .body-right .article-content {
	display: block;
	margin-top: 20px;
	font-weight: 500;
	line-height: 20px;
}




.article-sidebar-widget {
	display: block;
	width: 200px;
	padding: 0px;
	border: 1px solid #eeeeee;

	margin-bottom: 15px;

	border-radius:5px 5px 0px 0px;
	-moz-border-radius:5px 5px 0px 0px;
	-webkit-border-radius:5px 5px 0px 0px;	
}

.article-sidebar-widget h3 {
	display: block;
	width: 100%;
	font-size: 14px;
	font-weight: 600;
	padding: 10px;
	margin-top: 0px;
	color: #807a7a;
	margin-bottom: 0px;
	
	
	
	border-radius:5px 5px 0px 0px;
	-moz-border-radius:5px 5px 0px 0px;
	-webkit-border-radius:5px 5px 0px 0px;	


	background: rgb(255,255,255); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(243,243,243,1) 50%, rgba(237,237,237,1) 51%, rgba(255,255,255,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(50%,rgba(243,243,243,1)), color-stop(51%,rgba(237,237,237,1)), color-stop(100%,rgba(255,255,255,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(243,243,243,1) 50%,rgba(237,237,237,1) 51%,rgba(255,255,255,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(243,243,243,1) 50%,rgba(237,237,237,1) 51%,rgba(255,255,255,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(243,243,243,1) 50%,rgba(237,237,237,1) 51%,rgba(255,255,255,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(243,243,243,1) 50%,rgba(237,237,237,1) 51%,rgba(255,255,255,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
		
	
}


.article-sidebar-widget .article-sidebar-widget-content {
	display: block;
	padding: 8px;
	margin-top: 0px;
	padding-bottom: 10px;
	font-size: 12px;
	color: #5e5e5e;

	
	background-color: #fff;	

}




.article-sidebar-widget-flat {
	display: block;
	width: 100%;
	padding: 0px;
	margin-top:50px;
}

.article-sidebar-widget-flat h3 {
	display: block;
	width: 100%;
	font-size: 14px;
	font-weight: 600;
	padding-bottom: 3px;
	color: #807a7a;
	margin-bottom: 10px;
	border-bottom: 2px solid #ededed;
}


.article-sidebar-widget-flat .article-sidebar-widget-content {
	display: block;
	padding: 0px;
	margin-top: 0px;
	padding-bottom: 10px;
	font-size: 12px;
	color: #5e5e5e;

	
	background-color: #fff;	

}


.tags-container {
	display: block;
}
.tags-container a {
	display: inline-block;
	position: relative;

	background-color: #f5f5f5;
	color: #807a7a;
	padding: 1px 8px;
	margin-bottom: 5px;

	border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
}

.tags-container a:hover {
	background-color: #cccaca;
	color: #000;
}

.tags-container a:before { 

  content: "\f02b";
  font-family: FontAwesome;
  font-style: normal;
  font-weight: normal;
  text-decoration: inherit;
  font-size: 11px;  
  padding-right: 0.5em;

}

.similar-articles-container {
	display: block;
	width: 200px;
}

.similar-articles-container .similar-article-item {
	display: block;
	margin-left: 7px;
	margin-bottom: 15px;
	width: 185px;
	height: 140px;

	position: relative;
	overflow: hidden;
	
	border: 3px solid #FFF;
	-webkit-box-shadow: 0 0 4px #cfcfcf;
	-moz-box-shadow: 0 0 4px #cfcfcf;
	box-shadow: 0 0 4px #cfcfcf;
	
	padding-left: 2px;
	padding-top: 2px;
	
}


.similar-articles-container .similar-article-item .similar-article-img-overlay {
	background: url("../img/background-trans.png") repeat scroll 0 0 rgba(0, 0, 0, 0);
    height: 130px;
    position: absolute;
    width: 175px;
	padding-left: 2px;
	padding-top: 2px;	
}
.similar-articles-container .similar-article-item .similar-article-img-overlay:hover {
	background: none;
}

.similar-articles-container .similar-article-item .similar-article-title {

	background: none repeat scroll 0 0 rgba(137, 133, 133, 0.65);
	text-shadow: 2px 2px 1px #000;
	
    position: absolute;
	top: auto;
	bottom: 0;
	left: 0;
	
	margin-left: 2px;
	margin-right: 2px;
	padding: 5px;
	
	line-height: 14px;
}
.similar-articles-container .similar-article-item .similar-article-title:hover {
	background: none repeat scroll 0 0 rgba(137, 133, 133, 0.95);
}
.similar-articles-container .similar-article-item .similar-article-title a{
	color: #fff;
	font-weight: 500;
}



.article-marketing-container {
	display: none;
	border-bottom: 1px solid #d5d5d5;
	 margin-bottom: 20px;
	 padding-bottom: 20px;
}


.article-marketing-container .banner-300x250 {
	display: block;
	width: 300px;
	height: 250px;
	margin-right: 15px;
	float: right;
}


/* -------------------------------------------
    09. COMMENTS
   ------------------------------------------- */

#comment {
    margin-top: 5px;
    color: #222;
    border: 1px solid #eee;
    padding: 5px 0 0 5px;
    background: #f5f5f5;
    }
	
#author {
    color: #222;
    border: 1px solid #eee;
    background: #f5f5f5;
    }
	
#email {
    color: #222;
    border: 1px solid #eee;
    background: #f5f5f5;
    }
	
#url {
    color: #222;
    border: 1px solid #eee;
    background: #f5f5f5;
    }
	
.comment-form-author label { margin-bottom: 10px }

#comments {
    margin-top: 0px;
    clear: both;
    }
	
#comments .comment-body p {
    font-size: 14px;
    line-height: 20px;
    }
	
#comments .comment-body blockquote p:last-child { margin-bottom: 24px }

#comments .comment-body p:last-child { margin-bottom: 12px }

#comments .comment-body ul, #comments .comment-body ol { margin-bottom: 18px }

#comments ol li.comment {
    margin: 0 0 10px;
    padding: 0px;
    position: relative;
    }
	
#comments .navigation { padding: 0 0 18px }

#comments .pingback {
    margin-bottom: 18px;
    border-bottom: 1px solid #e7e7e7;
    padding-bottom: 18px;
    }
	
#comments .pingback .url {
    font-style: italic;
    font-size: 12px;
    }
	
#comments .pingback p {
    line-height: 12px;
    color: #888;
    margin: 0;
    display: block;
    font-size: 12px;
    }
	
h3#comments-title {
    font-weight: 600;
    margin-bottom: 20px;
    padding: 2px 8px 2px 0px;
    font-size: 16px;
    text-transform: uppercase;
    border-bottom: 2px #eee solid;
    }
	
h3#reply-title {
    font-weight: 600;
    margin-bottom: 20px;
    padding: 2px 8px 2px 0px;
    font-size: 16px;
    text-transform: uppercase;
    border-bottom: 2px #eee solid;
    }
	
.commentlist {
    list-style: none;
    margin-bottom: 30px;
    
    }
.commentlist li:last-child {
    margin-bottom: 0;
    border-bottom: none;
    }
	
.commentlist .children { list-style: none }
.commentlist .children li {
    margin: 0;
    border: none;
    }
	
li.comment > div { background: #fafafa }

.commentlist .avatar {
    margin-right: 8px;
    top: 0;
    left: 0;
    float: left;
    width: 40px;
    height: 40px;
    }
	
.commentlist ol { list-style: decimal }

.comment-author cite {
    font-weight: 600;
    font-size: 14px;
    }
	
.comment-meta {
    font-size: 13px;
    margin: 5px 0px 15px;
    }
	
.comment-meta a:link, .comment-meta a:visited {
    text-decoration: none;
    color: #888;
    }
	
a.comment-edit-link { color: #888 }

.reply {
    margin-top: -22px;
    float: right;
    }
	
.reply a {
    background: #888;
    text-transform: uppercase;
    color: #fff;
    padding: 3px 8px 3px 8px;
    font-size: 12px;
    }
	
.nopassword, .nocomments { display: none }

#respond {
    margin-top: 10px;
    margin-bottom: 0px;
    position: relative;
    overflow: hidden;
    }
	
#respond .form-allowed-tags {
    margin-top: 10px;
    background: #f3f3f3;
    line-height: 18px;
    color: #888;
    padding: 10px;
    font-size: 14px;
    }
	
#respond .form-allowed-tags code { font-size: 14px }

#respond .comment-notes { margin-bottom: 1em }

#respond .form-submit { margin: 12px 0 }

#respond .form-submit input {
    width: auto;
    font-size: 12px;
    }
	
#respond .required { font-weight: 400 }

.required {
    font-weight: 400;
    color: #ff0000;
    }
	
#respond textarea { width: 99% }

#respond label { font-size: 13px }

#respond input {
    width: 98%;
    margin: 0 0 9px;
    }
	
.form-allowed-tags { line-height: 1em }

.children #respond {
    margin-top: 10px;
    margin-bottom: 20px;
    }
	
#cancel-comment-reply-link {
    font-weight: normal;
    line-height: 18px;
    font-size: 12px;
    }
	
ul.children { list-style-type: none }

ul.children li { list-style-type: none }

form#commentform input {
    margin-top: 5px;
    padding: 7px;
    }
	
p.comment-form-author, p.comment-form-email, p.comment-form-url {
    width: 50%;
    margin-bottom: -2px;
    }
	
p.form-submit input#submit {
    transition: .3s ease-in-out;
    background: #888;
    text-transform: uppercase;
    -moz-transition: .3s ease-in-out;
    -webkit-transition: .3s ease-in-out;
    color: #fff;
    border: none;
    cursor: pointer;
    padding: 6px 8px 4px 8px;
    outline: none;
    }
	
ol.commentlist { margin-right: 0px; margin-left: 0px; padding-left: 0px; }

ul.children {
    margin-top: 10px;
    background: url("images/reply-comment.png") no-repeat;
    background-position: 12px 5px;
    padding: 0px 0px 0px 50px;
    }
	
li.comment > div { padding: 10px 10px }

p.logged-in-as { font-size: 16px }






/* =================================================================
   PHOTO GALLERIES
   ================================================================= */

.gallery-wrap {
	display: block;
	padding-bottom: 20px;
	margin-bottom: 20px;
	/* border-bottom: 1px solid #d5d5d5; */
}

.gallery-wrap .gallery-header {
	margin-bottom: 8px;
	padding-bottom: 10px;
	border-bottom: 1px solid #ededed;
}

.gallery-wrap .gallery-header .gallery-title-header {
	display: block;
	margin-top: 25px;
	margin-bottom: 5px;
	
}

.gallery-wrap .gallery-header .gallery-title-header .gallery-icon{
	display: block;
	width: 100px;
	float: left;
	margin-right: 20px;
	font-size: 85px;
	color: #ededed;
}

.gallery-wrap .gallery-header .gallery-title-header h1 {
 	font-size: 32px;
    font-weight: 700;
	line-height: 1.25;
	margin-top: 0px;
	display: block;
	width: 600px;
	float: left;
}

.gallery-wrap .gallery-description {
	margin-bottom: 8px;
	padding-bottom: 20px;
	border-bottom: 1px dotted #ededed;
	margin-top: 30px;
}


.gallery-wrap .gallery-description .gallery-social {
	display: block;
	width: 220px;
	float: left;
	margin-right: 20px;
	padding-right: 10px;
	border-right: 1px solid #ededed;
}

.gallery-wrap .gallery-description .gallery-social #social-sharing-box {
	margin-bottom: 0px;
}

.gallery-wrap .gallery-description .gallery-desc-txt {
	display: block;
	width: 450px;
	float: left;
}



.gallery-wrap .breadcrumb {
	margin-bottom: 10px;
	padding: 5px 15px;
	font-size: 12px;
}


.gallery-wrap .gallery-infobox {
	display: block;
	font-size: 12px;
		
	margin-bottom: 10px;
	padding-bottom: 8px;
	border-bottom: 1px solid #ededed;
}

.gallery-wrap .gallery-infobox span.infobox-item {
	display: block;
	float: left;
	margin-right: 10px;
	padding-right: 10px;
	border-right: 1px solid #ececec;
}
.gallery-wrap .gallery-infobox span.infobox-fb-item {
	display: block;
	float: right;
}
.gallery-wrap .gallery-infobox span.infobox-item span.right{
	padding-left: 5px;
}


.gallery-wrap .gallery-body {
	display: block;
	padding: 0px;
	
}

.gallery-body ul.gallery-photo-list {
	display: block;
	margin: 0;
	padding: 0;
	
	margin-top: 30px;
}

.gallery-body ul.gallery-photo-list:after{
	display: block;
	height: 0;
	visibility: hidden;
	content: ".";
	clear: both;	
} 


.gallery-body ul.gallery-photo-list li {
	width: 170px;
	height: 130px;
	
	display: block;
	float: left;
	margin-bottom: 25px;
	margin-right: 12px;

	position: relative;
	overflow: hidden;
	
	border: 5px solid #FFF;
	-webkit-box-shadow: 0 0 4px #cfcfcf;
	-moz-box-shadow: 0 0 4px #cfcfcf;
	box-shadow: 0 0 4px #cfcfcf;

}

.gallery-body ul.gallery-photo-list li span.photo-img a:hover img {
	background-color: #c50000;
	-webkit-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;-o-transition: all 0.2s ease-out;
	-ms-transition: all 0.2s ease-out;
	-moz-opacity:0; filter:alpha(opacity=0); opacity:0;
	-webkit-transform: translateZ(10);
	-webkit-backface-visibility: hidden;
	-webkit-perspective: 1000;
	
	-moz-opacity:0.85; filter:alpha(opacity=85); opacity:0.65;	
}



.photo-galleries-container {
	display: block;
	padding-left: 25px;
}

.photo-galleries-container .gallery-album-item {
	display: block;
	width: 203px;
	height: 224px;
	
	background-color: red;
	float: left;
	margin-right: 30px;
	margin-bottom: 30px;
}

/* begin: album category */
.quickView.album {
    width: 203px;
}
.quickView.album.noThumbs,
.quickView.album.hiddenThumbs,
.quickView.album.bottomPosition {
    width: 152px;
}
.quickView.album .padding {
    padding: 1px;
}
.quickView.album .preview img {
    width: 150px;
    height: 150px;
}
.quickView.album .gallery span.gallery-badge-num-photos {
	background-color: #c50000;
	top: 0;
	color: #ffffff;
	font-size: 14px;
	font-weight: bold;
	left: 0px;
	padding: 3px 8px;
	position: absolute;
	right: auto;
	bottom: auto;
}
.quickView.album .gallery ul.thumbs li .thumb img {
    opacity: 0.6;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
    filter:alpha(opacity=60);
}
.quickView.album.play .gallery ul.thumbs li.active .thumb img,
.quickView.album .gallery ul.thumbs li:hover .thumb img {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter:alpha(opacity=100);
}

.quickView.album .gallery ul.thumbs {
	overflow: hidden;
	height: 150px;
}

.quickView.album .info {
    font-size: 14px;
    padding: 10px;
    position: relative;
    height: 72px;
    overflow: hidden;
    line-height: 1.38em;
}


.quickView .info .name a {
	font-weight: 600;
	
}
.quickView .info .name a:hover {
	color: #c50000;
	
}

/* end: album category */


/* =================================================================
   GENERAL PAGE
   ================================================================= */
.page-general-wrapper {
	display: block;
}

.page-general-wrapper span.page-type {
	display: block;
}

.page-general-wrapper h1.page-title {
   display: block;
   border-bottom: 4px solid #0a1c80;
   color: #191a1e;
   display: inline-block;
   font-size: 24px;
   font-weight: 700;
   text-transform: uppercase;
   
   margin-top: 10px;
   padding-bottom: 5px;
   margin-bottom: 25px;
}


/* =================================================================
   FOOTER
   ================================================================= */
#footer-wrap {
	display: block;
}

#footer-wrap .footer-row h2{
	color: #fff;
	font-size: 16px;
	margin: 0;
	padding: 0 0 10px;
	text-align: right;
	
	border-bottom: 1px dotted #333;
}

#footer-wrap .footer-row {
	display: block;
    background: #222;
    border-top: 5px solid #c50000;
    min-height: 250px;
    padding: 15px;
   
}



.footer-row .facebook-container {
	display: block;
	width: 315px;
	height: 315px;
	float: left;
	
	overflow: hidden;
	padding-right: 10px;
	margin-right: 30px;
	
	border-right: 1px solid #333;
}

.footer-row .about-container {
	display: block;
	width: 300px;
	height: 315px;
	float: left;
	
	overflow: hidden;
	padding-right: 10px;
	margin-right: 30px;
	
	border-right: 1px solid #333;
	}
	
	
.footer-row .about-container .about-title {
	padding: 20px 10px 10px;
	color: #aaa;
}

.footer-row .about-container .about-title .title-header {
		border-bottom: 1px dotted #333;
		padding-bottom: 10px;
		margin-bottom: 20px;
}

.footer-row .about-container .about-title img {
	float: left;
}	
.footer-row .about-container .about-title .title {
	padding-left: 25px;
	padding-top: 15px;
	float: left;
}

.footer-row .footer-content-box {
	padding: 10px;
	font-size: 12px;
}		

.footer-row .footer-content-box p {
	margin: 0px;
	padding: 0px;
}
	
	
.blackwhite {
	filter: url("data:image/svg+xml;utf8,<svg%20xmlns='http://www.w3.org/2000/svg'><filter%20id='grayscale'><feColorMatrix%20type='matrix'%20values='0.3333%200.3333%200.3333%200%200%200.3333%200.3333%200.3333%200%200%200.3333%200.3333%200.3333%200%200%200%200%200%201%200'/></filter></svg>#grayscale"); /* Firefox 3.5+ */
	

	filter: gray; /* IE6-9 */
	-webkit-filter: grayscale(1); /* Google Chrome, Safari 6+ & Opera 15+ */
	-moz-filter: grayscale(100%);
	-webkit-transition: all .6s ease;
}	
.blackwhite:hover {
	filter: grayscale(0%);
	-webkit-filter: grayscale(0%);
	-moz-filter: grayscale(0%);
	filter: none;
}
	
	
.footer-row .links-container {
	display: block;
	width: 360px;
	height: 315px;
	float: left;
	
	overflow: hidden;

	}

.footer-row .links-container .footer-menu-links ul li{
	padding-right: 15px;
	background: url("../img/footer-bullet.png") no-repeat right 7px transparent;
	text-align: right;
}
	
.footer-row .links-container .footer-menu-links a {
	color: #aaa;
}


/* --- footer --- */

.footer-row .links-container .footer-social-links {
	display: block;
	margin-top: 20px;
}

#footer-social {
	display: block;
	margin-top: 30px;
	margin-left: 35px;
    }
    
ul#footer-social:after{
	display: block;
	height: 0;
	visibility: hidden;
	content: ".";
	clear: both;	
}    
	
#footer-social li.facebook a { background: url("../img/social/large/facebook.png") no-repeat left }

#footer-social li.facebook a:hover { background: #3b5998 url("../img/social/large/facebook.png") no-repeat left }

#footer-social li.flickr1 a { background: url("../img/social/large/flickr.png") no-repeat left }

#footer-social li.flickr1 a:hover { background: #ff0084 url("../img/social/large/flickr.png") no-repeat left }

#footer-social li.youtube a { background: url("../img/social/large/youtube.png") no-repeat left }

#footer-social li.youtube a:hover { background: #ff3132 url("../img/social/large/youtube.png") no-repeat left }

#footer-social li.twitter a { background: url("../img/social/large/twitter.png") no-repeat left }

#footer-social li.twitter a:hover { background: #2daae1 url("../img/social/large/twitter.png") no-repeat left }

#footer-social li.vimeo a { background: url("../img/social/large/vimeo.png") no-repeat left }

#footer-social li.vimeo a:hover { background: #44b0de url("../img/social/large/vimeo.png") no-repeat left }

#footer-social li.digg a { background: url("../img/social/large/digg.png") no-repeat left }

#footer-social li.digg a:hover { background: #1b5791 url("../img/social/large/digg.png") no-repeat left }

#footer-social li.google a { background: url("../img/social/large/google.png") no-repeat left }

#footer-social li.google a:hover { background: #dc4937 url("../img/social/large/google.png") no-repeat left }

#footer-social li.rss  a { background: url("../img/social/large/rss.png") no-repeat left }

#footer-social li.rss a:hover { background: #f2861d url("../img/social/large/rss.png") no-repeat left }

#footer-social li.myspace a { background: url("../img/social/large/myspace.png") no-repeat left }

#footer-social li.myspace a:hover { background: #008dde url("../img/social/large/myspace.png") no-repeat left }

#footer-social li.soundcloud a { background: url("../img/social/large/soundcloud.png") no-repeat left }

#footer-social li.soundcloud a:hover { background: #ff5600 url("../img/social/large/soundcloud.png") no-repeat left }

#footer-social li {
    list-style: none;
    float: left;
    background: none;
    }
	
#footer-social li a {
    list-style: none;
    text-aling: center;
    float: left;
    width: 34px;
    height: 34px;
    margin: 0px 0px 0px 5px;
    }



#footer-wrap .footer-bottom-row {
	display: block;
   	height: 80px;
    padding: 15px 0;
    
    font-size: 12px;
    text-shadow: 0 1px 1px #ffffff;
	margin-bottom: 30px;
	margin-top: 0px;
}


#footer-wrap .footer-bottom-row p {
	margin: 0px;
	padding: 0px;
}

#footer-wrap .footer-bottom-row p.runtime {
	color: #9f9b9b;
}

#footer-wrap .footer-bottom-row .copyright {
	display: block;
	width: 500px;
	float: left;
}

#footer-wrap .footer-bottom-row .development {
	display: block;
	width: 500px;
	float: right;
	text-align: right;
	margin-top: 12px;
}

#footer-wrap .footer-bottom-row .development .footer-technabit-right-side {
	display: block;
}

#footer-wrap .footer-bottom-row .development .footer-technabit-right-side .footer-technabit-logo {
	display: block;
	width: 160px;
	float: right;
}

#footer-wrap .footer-bottom-row .development .footer-technabit-right-side .footer-bottom-copyright {
	display: block;
	width: 250px;
	float: right;
	line-height: 14px;
}




/* =================================================================
   BANNERS
   ================================================================= */

.banner {
	display: block;
	text-align: center;
	background-color: #ececec;
}

.banner-468x60 {
	display: block;
	width: 468px;
	height: 60px;
}

.banner-250x250 {
	display: block;
	width: 250px;
	height: 250px;
}

.banner-250x95 {
	display: block;
	width: 250px;
	height: 95px;
}

.banner-728x90 {
	display: block;
	width: 728px;
	height: 90px;
}



.banner-wall-left {
	display: block;
	position: absolute;
	margin-left: -325px;
	margin-top: -40px;
	
	width: 300px;
	height: 1200px;

}

.banner-wall-left-front {
	display: block;
	position: absolute;
	margin-left: -325px;
	margin-top: -410px;
	
	width: 300px;
	height: 1200px;
	
}


.banner-wall-right {
	display: block;
	position: absolute;
	margin-left: 1070px;
	margin-top: -40px;
	
	width: 300px;
	height: 1200px;

}

.banner-wall-right-front {
	display: block;
	position: absolute;
	margin-left: 1070px;
	margin-top: -410px;
	
	width: 300px;
	height: 1200px;

}


.wall-banner-front {
	margin-top: -410px;
}



/*==================================================
 * Shaddow Effect 2
 * ===============================================*/
.shaddow-effect2
{
  position: relative;
  margin: 0 auto 20px;
}
.shaddow-effect2:before, .shaddow-effect2:after
{
  z-index: -1;
  position: absolute;
  content: "";
  bottom: 15px;
  left: 10px;
  width: 50%;
  top: 80%;
  max-width:300px;
  background: #777;
  -webkit-box-shadow: 0 15px 10px #777;
  -moz-box-shadow: 0 15px 10px #777;
  box-shadow: 0 15px 10px #777;
  -webkit-transform: rotate(-3deg);
  -moz-transform: rotate(-3deg);
  -o-transform: rotate(-3deg);
  -ms-transform: rotate(-3deg);
  transform: rotate(-3deg);
}
.shaddow-effect2:after
{
  -webkit-transform: rotate(3deg);
  -moz-transform: rotate(3deg);
  -o-transform: rotate(3deg);
  -ms-transform: rotate(3deg);
  transform: rotate(3deg);
  right: 10px;
  left: auto;
}

/*==================================================
 * Shaddow Effect 6
 * ===============================================*/
.shaddow-effect6
{
  	position:relative;       
    -webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
       -moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
            box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
}
.shaddow-effect6:before, .shaddow-effect6:after
{
	content:"";
    position:absolute; 
    z-index:-1;
    -webkit-box-shadow:0 0 20px rgba(0,0,0,0.8);
    -moz-box-shadow:0 0 20px rgba(0,0,0,0.8);
    box-shadow:0 0 20px rgba(0,0,0,0.8);
    top:50%;
    bottom:0;
    left:10px;
    right:10px;
    -moz-border-radius:100px / 10px;
    border-radius:100px / 10px;
} 
.shaddow-effect6:after
{
	right:10px; 
    left:auto;
    -webkit-transform:skew(8deg) rotate(3deg); 
       -moz-transform:skew(8deg) rotate(3deg);     
        -ms-transform:skew(8deg) rotate(3deg);     
         -o-transform:skew(8deg) rotate(3deg); 
            transform:skew(8deg) rotate(3deg);
}




/* =========================================================================
	COLOR SHEMA
   ========================================================================= */
   
body, h1, h2, h3, h4, h5, h6 {
	font-family: "Open Sans", sans-serif;
	}

a,
.list-nav ul li a:hover,
.widget_calendar tfoot>tr>td#prev a:hover, 
.widget_calendar tfoot>tr>td#next a:hover,
.short-article-item h2 a:hover,
h2.bl1page-title a:hover,
h2.bl2page-title a:hover,
#footer a:hover {
	color:#e91b23;
	}

.blog-cover-cat,
.slider-main-cat,
.feat-content-cat,
.reply a:hover,
.pagination a:hover, 
.pagination .current, 
.tagcloud a:hover, 
.button-send#submitmail:hover,
.highlight,
.button-link a,
.single-tag a:hover,
ul.tabs li a,
a.pp_download,
p.form-submit input#submit:hover,
.slicknav_btn,
#wizemenu > ul > li:hover > a, 
#wizemenu > ul > li.active > a, 
#wizemenu > ul > li > a:active, 
#wizemenu > ul ul li a:hover {
	background:#e91b23;
	}

.sidebarnav h3, 
.short-category-title h3,
.title-head h1,
.widget-blog-two-cover span,
.short-two-art span,
.short-three-cover span,
.short-five-cover span,
.short-five-coverM span {
	border-bottom:3px #0a1c80 solid;
	}

#menu-search #search-button {
	background:#e91b23 url("../img/search-header.png");
	}

span.widget-blog-two-cover-link,
span.short-two-link,
span.short-three-link,
span.short-five-link {
	border-bottom:0px;
	}


.short-category-title span.more-link a {
	color: #0a1c80;
	font-size: 12px;
}



.short-category-title span.more-link a:hover {
	color: #000;
}







h3.facebook {
	color:  #46629e;
	border-bottom-color: #46629e;
}








    .simple-modal-box, .simple-modal-backdrop {
      /* The plugin appends these items to the DOM without
        making any effort to hide them, so this must be set. */
      display: none;
    }

    .simple-modal-box {
      z-index: 100;


	
-webkit-box-shadow: 7px 7px 5px rgba(50, 50, 50, 0.75);
-moz-box-shadow:    7px 7px 5px rgba(50, 50, 50, 0.75);
box-shadow:         7px 7px 5px rgba(50, 50, 50, 0.75);	
	       

      /* Position values needed to center the modal box */
      position: fixed;
      top: 50%;
      left: 50%;
    }

    .simple-modal-backdrop {
      background: rgba(0,0,0,.75);
      z-index: 99;
      position: fixed;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
    }
    
    
.modal-fb-content {
	display:block;
	width: 678px;
	height: 532px;
	
	background: url(../img/fb-overlay-bg.png) top center scroll no-repeat;
	background-position: fixed;
	
	
}    

.modal-fb-content .fb-like-box-control {
	display:block;
	width: 320px;
	height: 185px;
	
	padding-top: 212px;
	padding-left: 295px;
}

.modal-fb-content .fb-like-box-control .fb-like-box {
	border: 0px;
	background-color: #fff;
}

.modal-fb-content .fb-like-box-control .positionModalFb {
	display: block;
	width: 320px;
	height: 185px;
	background-color: $fff;
}


#modal-facebook-like-container {
	display:none;
}









/* ==========================================================================
   Helper classes
   ========================================================================== */

/*
 * Image replacement
 */

.ir {
    background-color: transparent;
    border: 0;
    overflow: hidden;
    /* IE 6/7 fallback */
    *text-indent: -9999px;
}

.ir:before {
    content: "";
    display: block;
    width: 0;
    height: 150%;
}

/*
 * Hide from both screenreaders and browsers: h5bp.com/u
 */

.hidden {
    display: none !important;
    visibility: hidden;
}

/*
 * Hide only visually, but have it available for screenreaders: h5bp.com/v
 */

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

/*
 * Extends the .visuallyhidden class to allow the element to be focusable
 * when navigated to via the keyboard: h5bp.com/p
 */

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}

/*
 * Hide visually and from screenreaders, but maintain layout
 */

.invisible {
    visibility: hidden;
}

/*
 * Clearfix: contain floats
 *
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    `contenteditable` attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that receive the `clearfix` class.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */

.clearfix:before,
.clearfix:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.clearfix:after {
    clear: both;
}

/*
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */

.clearfix {
    *zoom: 1;
}

/* ==========================================================================
   EXAMPLE Media Queries for Responsive Design.
   These examples override the primary ('mobile first') styles.
   Modify as content requires.
   ========================================================================== */

@media only screen and (min-width: 35em) {
    /* Style adjustments for viewports that meet the condition */
}

@media print,
       (-o-min-device-pixel-ratio: 5/4),
       (-webkit-min-device-pixel-ratio: 1.25),
       (min-resolution: 120dpi) {
    /* Style adjustments for high resolution devices */
}

/* ==========================================================================
   Print styles.
   Inlined to avoid required HTTP connection: h5bp.com/r
   ========================================================================== */

@media print {
    * {
        background: transparent !important;
        color: #000 !important; /* Black prints faster: h5bp.com/s */
        box-shadow: none !important;
        text-shadow: none !important;
    }

    a,
    a:visited {
        text-decoration: underline;
    }

    a[href]:after {
        content: " (" attr(href) ")";
    }

    abbr[title]:after {
        content: " (" attr(title) ")";
    }

    /*
     * Don't show links for images, or javascript/internal links
     */

    .ir a:after,
    a[href^="javascript:"]:after,
    a[href^="#"]:after {
        content: "";
    }

    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    thead {
        display: table-header-group; /* h5bp.com/t */
    }

    tr,
    img {
        page-break-inside: avoid;
    }

    img {
        max-width: 100% !important;
    }

    @page {
        margin: 0.5cm;
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

    h2,
    h3 {
        page-break-after: avoid;
    }
}