@import url(https://fonts.googleapis.com/css?family=Open+Sans:700,600);
/* Using Bootstrap 3.1.1 (just for the grid) //maxcdn.bootstrapcdn.com/bootstrap/3.3.1/css/bootstrap.min.css */
/* and Fontawesome 4.3.0 (for the icon ) //maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css */
.fb_iframe_widget, .fb_iframe_widget span, .fb_iframe_widget span iframe[style] {
width: 100% !important;
margin-bottom:24px;
}


 @media (min-width: 970px) {
.gundelfb {
max-width:690px; 
height:388px; 
margin:auto 0; 
background-image:url('http://sorozatwiki.hu/ad/gundel_takacs_gabor_facebook.jpg');
}
.gundel_lajk {
background-color: white;  
width: 350px;  
float: right;  
  padding: 4px; 
  margin-top:210px; 
  margin-right:14px; 
  height:78px;
}
 }
 
 @media (max-width: 969px) {
	 
	 .gundelfb {
	
width:100%; 
min-height:178px; 
margin:auto 0; 
background-image:url('http://sorozatwiki.hu/ad/gundel_takacs_gabor_facebook.jpg');
 background-size:100% auto;

}
.gundel_lajk {
background-color: white;  
width: 100%;  
float:left;
  padding: 14px; 
  margin-top:170px; 
  height:auto;

}
 }
 
 
#top {
	margin-top:-20px;
	}

 @media (max-width: 969px) {
#fragment {
	display:none;
}
#bezar {
	display:none;
}

}



#fragment {
bottom:0;
position:fixed;
width:990px;
height:90px;

z-index: 1500;
left:50%;
margin-left:-495px;
}

#bezar {
    float:right;

    padding:1px 1px 1px 1px;

	position:absolute;
   text-align:center;

font-weight:bold;
background-color:#6F6F6F;
   color:#fff;
   margin-left:982px;
	z-index: 1501;
	cursor:pointer;
	font-family:"Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, sans-serif;
	font-size:10px;
	margin-top:-112px;
}
#bezar-uj {
    float:right;

    padding:1px 1px 1px 1px;

	position:absolute;
   text-align:center;

font-weight:bold;
background-color:#6F6F6F;
   color:#fff;
   margin-left:970px;
	z-index: 1501;
	cursor:pointer;
	z-index:9999999;
	font-family:"Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, sans-serif;
	font-size:10px;
}
/**#bezar {
    float:right;
    display:inline-block;
    padding:2px 5px;
	margin-left:-17px;
	position:absolute;
    background:#ccc;
	cursor:pointer;
	font-family:"Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, sans-serif;
	font-size:10px;
}
**/

@media (min-width: 970px) {
.sw-ad-1f{
position:relative;
background-color:#ccc;
padding-top:8px;
z-index:1111;
padding-left:10px;
}
	 
.sw-ad-1f iframe{
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.sw-ad-1f img{
	
}
}
 @media (max-width: 969px) {
.sw-ad-1f {
	display:none;
}
.sw-ad-1f iframe{
	display:none;
}
.sw-ad-1f img{
display:none;
}
}




@media (min-width: 970px) {
.sw-ad-1fd{
position:relative;
background-color:#ccc;
margin-bottom:20px;
z-index:1111;

}
.sw-ad-1fd a{ 
color:#fff;
}
.sw-ad-1fd a:hover{ 
color:#fff;
}	 
.sw-ad-1fd iframe{
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.sw-ad-1fd img{
	
}
}
 @media (max-width: 969px) {
.sw-ad-1fd {
	display:none;
}
.sw-ad-1fd iframe{
	display:none;
}
.sw-ad-1fd img{
display:none;
}
}


 @media (min-width: 970px) {
.sw-ad-1{
position:relative;
background-color:#ccc;
padding-top:8px;
z-index:1111;
padding-left:10px;
}
	 
.sw-ad-1 iframe{
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.sw-ad-1 img{
	
}
}
 @media (max-width: 969px) {
.sw-ad-1 {
	display:none;
}
.sw-ad-1 iframe{
	display:none;
}
.sw-ad-1 img{
display:none;
}
}

@media (min-width: 970px) {
.sw-ad-1-gif{
background-color:#b1b1b1;
position:relative;
padding-top:10px;
color:#676767;
font-size:10px;
z-index:1111;
}
	 
.sw-ad-1-gif img{
    display: block;
    margin-left: auto;
    margin-right: auto;
}


}
 @media (max-width: 969px) {
.sw-ad-1-gif img{
	display:none;
}
.sw-ad-1-gif {
	display:none;
}

}




 @media (min-width: 970px) {

.sw-ad-kep img{
	display:none;
}
.sw-ad-kep {
	display:none;
}
}
 @media (max-width: 969px) {

.sw-ad-kep img {
	display: block;
    margin-left: auto;
    margin-right: auto;
	max-width:690px;
	width:100%;
	height:auto;

}
.sw-ad-kep  {

color:#676767;
font-size:10px;
background-color:#b1b1b1;
}
}


 @media (min-width: 970px) {

#ad-3 img{
	display:none;
}
}
 @media (max-width: 969px) {

#ad-3 img{
	display: block;
    margin-left: auto;
    margin-right: auto;
	max-width:690px;
	width:100%;
	height:auto;
	
}
}



 @media (min-width: 713px) {
.westworld-facebook {
	max-width:690px;
	height:200px;
	background: url('http://sorozatwiki.hu/images/sw-banner-v2.jpg') center top;
	text-align:right;
	padding-right:10px;	
	padding-top:30px;	
	
	}
.westworld-facebook-mobil {
	display:none;
	}
	
	
}
 @media (max-width: 900px) {
	 .ad-7 {
	display:none;
	}
	}
 @media (max-width: 712px) {

	
.westworld-facebook {
	display:none;
	}
.westworld-mobil span {
font-size:18px;
font-weight:bold;
	
	}
	.fb_iframe_widget, .fb_iframe_widget span, .fb_iframe_widget span iframe[style] {
    width: 100% !important;
}
	}

	
 @media (min-width: 870px) {	
.wallpaper {
	position:absolute;
	width:100%;
	height:100%;
	z-index:0;
	
	cursor:pointer;
	left:0;
	top:0;

	
	} 
	}
	

.search {
	width:70%;
	
	}
 @media (min-width: 981px) {	
#iframe_main {
    height: 90px;
    width: 990px;
	  position:absolute;
  bottom:0;
  z-index:99999
}
#iframe_main-uj {
    height: 90px;
    width: 970px;
	  position:absolute;
  bottom:0;
  z-index:99999
}

#idiv {
  position:absolute;
  bottom:0;
  z-index:99999;
}	
}



 @media (max-width: 980px) {	
#iframe_main {
display:none;
}
#iframe_main2 {
display:none;
}

#idiv {
display:none;
}	
}
	
 @media (min-width: 879px) {	
#ad-6 {
display:none;
}	
}
 @media (max-width: 878px) {	
#ad-8 {
display:none;
}	
}







 @media (max-width: 1024px) {	
#ad-layer {
display:none;
}	
}
	
	
	
/* Search Box */
@media (min-width: 770px) {
	.search-box {
  position: relative;
  height: 50px; /* Define the search box height and width here */
  width: 180px;
  float:right;
  z-index:99;
 
  background-color:#999;
}
	
}
@media (max-width: 769px) {
	.search-box {
  position: relative;
  height: 50px; /* Define the search box height and width here */
  width: 180px;
  float:right;
  z-index:99999999;

  background-color:#999;
}

}
@media (max-width: 750px) {
.fb-footer {
width:100%;	
	}
.hamburger {
height:100%;
}
.mobilmenu {
background-color:#555;
 padding:20px;
  width:100%;
  display:none;
  z-index:99999;	
	}	
.hamburger img {
margin-left:10px;
margin-top:8px;      
	}
.mobilmenu li {
margin-bottom:20px;
font-size:17px;
font-weight:bold;
}
}
@media (min-width: 751px) {
.fb-footer {
display:none;
	}
.hamburger {
display:none;
}

.mobilmenu {
display:none;
	}
	
}


@media (max-width: 480px) {
	.search-box {
display:none;
}
	
}


.search-box .stext {
  box-sizing: inherit;
  width: 100%;
  height: 100%;
  padding: 0 50px 0 10px; /* padding-right = button width */
  border-left: solid 1px #515151;
    border-top: solid 1px #999999;
	  border-right: solid 1px #999999;
	    border-bottom: solid 1px #999999;
  
  color: #ddd;
  outline: none;
    background-color:#9b9b9b;

}

.search-box .stext:focus {
color:#fff;
}

/* Placeholder */
.search-box .stext::-webkit-input-placeholder { color: #bfbfbf; }
.search-box .stext::-moz-placeholder          { color: #bfbfbf; opacity: 1; }
.search-box .stext:-ms-input-placeholder      { color: #bfbfbf; }

/* Icon */
.search-box .search-icon {
  content: '';
  position: absolute;
  z-index: 0;
  top: 1px; /* Keep away */
  right: 1px; /* from */
  bottom: 1px; /* border */
  width: 50px;
  line-height: 38px; /* 40 - 1 - 1 */
  font-size: 20px;
  text-align: center;
  color: #ccc;

}

/* Button */
.search-box .search-button {
  position: absolute;
  z-index: 1;
  top: -5px; /* using negative values, so that on touch */
  right: 1px; 
  bottom: -5px; /* devices it would be easier to hit */
  width: 50px;
  border: none;
  overflow: hidden; /* Just to be sure */
  opacity: 0; /* hidden */
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; /* IE8 */
}
.search_result {
	font-size:16px;
	}
html, body {
    max-width: 100%;
    overflow-x: hidden;

	
}
body {
position: relative;	
	}
a, abbr, acronym, address, applet, article, aside, audio, b, blockquote, big, body, center, canvas, caption, cite, code, command, datalist, dd, del, details, dfn, dl, dt, em, embed, fieldset, figcaption, figure, font, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, html, i, iframe, img, ins, kbd, keygen, label, legend, meter, nav, object, output, p, pre, progress, q, s, samp, section, span, source, strike, sub, sup, table, tbody, tfoot, thead, th, tr, tdvideo, tt, u, var {
	background: transparent;
	border: 0 none;
	font-size: 100%;
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	vertical-align: top;
}
.profile_category_name {
	font-size:16px;
	font-weight: 400;
	border-bottom: 1px solid #ddd;
	padding: 15px 0;
}

.nav-pills > li > a {
	color: rgb(21, 133, 212) !important;
}

.nav-pills > li > a:hover, .nav-pills > li > a:focus {
	color: rgb(42, 100, 150) !important;
}
#person {
	margin-top: 5px;
}
#person > a {
	font-size: 22px;
	font-weight: bold;
}
p {
	margin: 10px 0 20px;
}
.editor-wrapper {
	margin-top: -30px !important;
}
#tab-content-txt-message {
	padding: 0;
}
blockquote, q {
	quotes: none;
}

table, table td {
	padding: 0;
	border: none;
	border-collapse: collapse;
}

img {
	vertical-align: top;
}
.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%;
}
.tovabb  {
	font-weight:bold;
width:100px;
height:30px;
font-size:16px;
float:right;
text-align:center;
color:#000;
display:block;
margin-bottom:10px;
	}
@media (max-width: 600px) {
	.ajanlo_cat {
	padding:4px;
	width:100%;
		height:128px;
	float:left;
	margin-left:20px;
	margin-bottom:10px;
	text-align:center;

	
	}
	.helper {
    display: inline-block;
    height: 100%;
    vertical-align: middle;
}	
.ajanlo_cat	img {

    vertical-align: middle;

}
.csatornanev {
float:left;
width:100%;
text-align:center; 
margin-top:-10px	
	}	
	
}
@media (min-width: 601px) {
	.ajanlo_cat {
	width:25%;
	height:140px;
	float:left;
	text-align:center;
	}
.helper {
    display: inline-block;
    height: 100%;
    vertical-align: middle;
}	
.ajanlo_cat	img {

    vertical-align: middle;

}
.csatornanev {
float:left;
width:100%;
text-align:center; 
margin-top:-24px	
	}	
}

#ajanlo2 {
background-color:#EFEFEF;
border:1px #EFEFEF solid; 
float:left; 
width:100%; 
margin-bottom:12px;

	}	
	
@media (max-width: 768px) {
#ajanlo {
background-color:#EFEFEF;
border:1px #EFEFEF solid; 
float:left; 
width:100%; 
margin-bottom:12px;
	}
#ajanlo:hover {
background-color:#DBDBDB;
border:1px #ccc solid;
}	
	
}
@media (min-width: 789px) {
#ajanlo {
background-color:#EFEFEF;
border:1px #EFEFEF solid; 
float:left; 
width:49%; 
margin-bottom:12px;
margin-right:6px;
	}
#ajanlo:hover {
background-color:#DBDBDB;
border:1px #ccc solid;
}	
	
}

.hir-b {
background-color:#efefef;
width:100%;
display:block;
padding:8px;
padding-bottom:6px;
height:40px;
margin-top:20px;
margin-bottom:10px;
}

.hir-b a {
float:right;
font-weight:bold;
color:#515151 !important;	
	}

.hir img {
	vertical-align: top;
	width:100%;
	max-height:1100px;
	margin-top:10px;
	margin-bottom:10px;
	float: initial;
}
img[width='50%'] {
   vertical-align: top;
	max-width:450px;
	max-height:850px;
	margin-top:10px;
	margin-bottom:10px;
	float: initial;
}

 @media (min-width: 713px) {
.hir img[alt='a'] {
      vertical-align: top;
	height:640px !important;

	margin-top:10px;
	margin-bottom:10px;
	float: initial;
}
}
 @media (max-width: 712px) {
.hir img[alt='a'] {
width:100% !important;
}
}

 @media (min-width: 713px) {
.hir img[alt='b'] {
      vertical-align: top;


	margin-top:10px;
	margin-bottom:10px;
	float: initial;
}
}
 @media (max-width: 712px) {
.hir img[alt='b'] {
width:100% !important;
}
}




.hir img[align='left'] {
    width: 270px;
	float:left;
}
.hir img[border='0'] {
    width: 320px;
	float:left;
}
.hir center {
	margin-top:10px;
	margin-bottom:10px;
	width:100%;
	background-size: 100% 100%;
}
video[poster]{
height:100%;
width:100%;
}


embed {
	vertical-align: top;
}

article, aside, audio, canvas, command, datalist, details, embed, figcaption, figure, footer, header, hgroup, keygen, meter, nav, output, progress, section, source, video {
	display: block;
	image-rendering: optimizespeed;
}
article {
	margin-bottom:25px;
}

mark, rp, rt, ruby, summary, time {
	display: inline;
}

input, textarea {
	border: 0;
	padding: 0;
	margin: 0;
	outline: 0;
}

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

input, textarea, select {
	margin: 0;
	padding: 0px;
}

hr.side-hr {
	background: none;
	border-top: 3px solid;
	position: absolute;
}



@media (max-width: 960px) {
	html, body {
	width: 100%;
	padding: 0;
	margin: 0;
	background: url('http://sorozatwiki.hu/themes/SorozatWiki/images/white-background.jpg') center top;
	background-attachment: fixed;
}
}



@media (min-width: 961px) {
	html, body {
	width: 100%;
	padding: 0;
	margin: 0;
	background: url('http://sorozatwiki.hu/themes/SorozatWiki/images/white-background.jpg') center top;
	background-color:#ffffff;
	background-attachment: fixed;
	background-repeat:no-repeat;

}
}

body {

	color: #000;
	font: 14px/20px "Helvetica Neue",Arial,Tahoma,Century gothic,sans-serif !important;
}

a:hover {
	color: #7D828E;
	text-decoration: none;
}

a.side {
	color: rgb(51, 153, 255) !important;
	text-decoration: underline;
	-webkit-transition: 0.3s ease-in-out;
	-moz-transition: 0.3s ease-in-out;
	-ms-transition: 0.3s ease-in-out;
	-o-transition: 0.3s ease-in-out;
	transition: 0.3s ease-in-out;
}

a:hover.side {
	color: #FFF;
}

a.white, li.white a {
	color: #FFF;
	text-decoration: none;
}

a:hover.white, li.white a:hover {
	color: #FFF;
	text-decoration: none;
	text-align: left;
}

a.button, input.button {
	cursor: pointer;
	padding: 10px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}

a.button {
	display: inline-block;
	text-decoration: none;
	padding: 6px 12px 6px 12px;
}

input.button {
	margin-top: 2px;
	height: 24px;
	padding: 0px 12px 0px 12px;
}

/* Section 1 */
header {
	background-repeat: no-repeat;
	background-size: cover;
	height: auto !important;
}
.display-inline-block {
float:right;
margin-right:34px;	
margin-top:8px;
	}

.hir {
	font-size : 15px;
	line-height:22px;
	font-family : Arial, Helvetica, sans-serif;
	color : #232323;
	margin-bottom:14px;
	margin-top:10px;
	letter-spacing:0.4px;
	white-space: pre-line;
	text-rendering: optimizeLegibility;


	}
.hir a {
	color: #059;

	}
.hir a:hover {
	text-decoration:underline;
	}
@media (max-width: 500px) {
.km {
display:none;	
	}
	
	}

@media (min-width: 780px) {
.sw-logo {
margin-left:10px; 
padding-top:10px;
margin-bottom:30px; 

z-index:1112;
position:absolute;

	}
	}
@media (max-width: 779px) {
.sw-logo {
margin-left:10px; 
padding-top:10px; 

	}
}
@media (min-width: 1010px) {
.ad-1 {
	float:right; 
	margin-top:20px;

position:absolute;
background-color:#E9E9E9;
	
z-index:8888888;
  	display:block;

	}

}



#ad-3 img  {

  width: 100%;

}




#ad-4 {
width:100%;	
	}

      #canvas {
            width: 100%;
            height: auto;
          
        }	
	 #canvas2 {
            width: 100%;
            height: auto;
          
		  
        }
	




	
	
@media (max-width: 1009px) {
	 .ad-1 {
		display:none;
	}
	#ad-2 {
  	display:none;

	}	
	#ad-2 iframe {
  	display:none !important;

	}
	
	
}

		#ad-5 {
  	display:none;

	}	
	

@media (min-width: 387px) {
 .beszamolo {
	max-width:46%;
	float:left;
	min-height:300px;
	margin-right:8px;
	margin-left:8px;
	margin-top:10px;	
	margin-bottom:8px;
	}

}
@media (max-width: 386px) {
 .beszamolo {
	max-width:95%;
	float:left;
	margin-right:8px;
	margin-left:8px;
	margin-top:10px;
	margin-bottom:8px;	

	}

.hir img[align='left'] {
    width: 100%;
}	
}
 .beszamolo span {
		font: 19px/22px "Helvetica Neue",Arial,Tahoma,Century gothic,sans-serif !important;
	}
 .beszamolo img {
		margin-bottom:5px;
	}
.section-1 {
	color: rgb(104, 104, 104);
	background-color: #FFF;
	padding: 0;
}
.section-1 > .container {
	padding-top: 10px;
}
/* Form Dynamics Section */
/* bootstrap overrides */
input[type=text] {
	border: 1px solid rgb(204, 204, 204);
}

.form-control:hover {
	background: #FFF !important;
}

input[type=text]:hover, input[type=text]:focus, .form-control {
	border: 1px solid rgb(204, 204, 204);
	outline: none !important;
	-webkit-box-shadow: none !important;
	-moz-box-shadow: none !important;
	box-shadow: none !important;
}

.btn-default2 {
	background: rgb(58, 68, 75);
	border: 1px solid rgb(58, 68, 75) !important;
	color: #FFF !important;
}

.btn-default2:hover {
	border-left: 0;
}

input[type=text]:focus {
	-webkit-box-shadow: none !important;
	-moz-box-shadow: none !important;
	box-shadow: none !important;
}

.section-1 div > ul > li > a {
	color: rgb(104, 104, 104);
	font-size: 15px;
	
	padding-top: 5px;
}
@media (max-width: 1024px) {
.slider {
	margin-top:-20px;
	position: relative; 
	margin-bottom:30px; 
	margin-left:-20px; 
	margin-right:-20px; 
	background-size:130%; 
	background-position:center; 
	background-repeat:no-repeat; 
	width:100%x;
	height:160px;
	background-color:#ccc;

	}
		}
@media (min-width: 1024px) {

.slider {
	margin-top:-20px;
	position: relative; 
	margin-bottom:30px; 
	margin-left:-20px; 
	margin-right:-20px; 
	background-size:100%; 
	background-position:center; 
	background-repeat:no-repeat; 
	width:100%x;
	height:140px;
	background-color:#ccc;
	  }

	}

.slider div {
position: absolute; 
font-size:15px;
	letter-spacing:0.3px;
 padding:6px; color:#fff; width:100%; background: rgba(0, 0, 0, 0.7) none repeat scroll 0% 0%; bottom:0 !important
	  }
.slider:hover {
	  }	  
	  
	  
.kereses {
	
	} 
	  
/* Section 2 */
.section-2 {
	background-color: #515151;
	height:50px;

	
}


.section-2-tab .entypo {
	font-size: 50px;
	font-weight: 300 !important;
	display: block;
	margin-bottom: 10px;
}

.section-2-tab.active, .section-2-tab:hover {
	background-color: rgba(255, 255, 255, 0.4);

}
.avatar-row {
	float: left;
	display: inline;
	width: auto !important;
	margin-right: 10px;
	margin-bottom: 20px;
}

.header-nav {

	background: rgba(55, 73, 94, 1);
}

#navigation-user > h5, .leftbar h5, .leftbar h4 {
	color: #FFF !important;
	padding-bottom: 10px;
}
.leftbar small {
	font-size: 90%;
}
nav {
	margin-top: 0px !important;
}

.nav {
	list-style: none;
	margin: 0 auto;
	margin-top: 6px !important;
}

.navbar-default {
	z-index:3;
	background: none !important;
	border: none !important;
}
.navbar-nav > li {
	margin-right:10px;
}
.navbar-nav > li > a {
	font-size: 15px;
	font-weight: 400;
	color: #DDD !important;
	padding: 8px !important;
	margin-bottom: 5px;
	z-index: 6;
	position: relative;
	text-decoration: none;
	outline: none;
}
#head_nav {
	padding : 0;
}
#head_nav > li > a {
	padding: 5px 10px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	outline: none;
	text-decoration: none;
}
#head_nav > li > a:hover {
	border-color: #777;
}

.navbar-nav > li > a:hover, .navbar-nav > li > a:focus,
.navbar-nav > .open > a, .navbar-nav > .open > a:hover, .navbar-nav > .open > a:focus
{
	color: #FFF !important;
	background: transparent !important;
	text-decoration: none;
}

.navbar-nav > li.active > a {
	background: transparent !important;
	text-decoration: none;
}

.navbar-toggle {
	margin-top: 10px !important;
	float: left !important;
	padding: 3px !important;
}

.navbar-toggle:hover {
	border: 1px solid rgb(255, 255, 255);
}

.navbar-toggle > .entypo {
	font-size: 35px;
	color: #FFF;
	line-height: 35px;
}

/* Showcase Section */
.section-showcase > .container {


}



.section-showcase, .section-showcase a, .section-showcase a:hover, .section-showcase a:focus {
	color: #FFF;
	text-decoration: none;
	outline: none;
}
.section-showcase a.side {
	color: rgb(42, 100, 150);
}
/* Section 3 */
.section-3 {
}

.section-3 > .container {
	background: #FFF;
}

.leftbar {
	background-color: #F9F9F9;
	color: #242424;
	border-right:1px solid #D7D7D7;
	border-left:1px solid #D7D7D7;
	z-index:444;
	

}
@media (min-width: 870px) {
.leftbar {

	

}	
}
#leftbar-space {
width:100px;
height:100%;
display:block;
background-color:#033;
position:absolute;
z-index:444;
	

	}

.leftbar a {
	  color: #676767 !important;
	text-decoration:none;
}




.leftbar a:hover {
	color: #242424 !important;
	text-decoration:underline;
	color:#005599;
}

.leftbar .heading {
	font-family:Trebuchet Ms,Verdana,Arial;;
	font-size: 20px;
	color:#676767;
	text-align:left;
	padding:10px;
	margin-left:-18px;
}

.leftbar .content {

	padding: 20px 20px 40px;

	margin: 0px -15px 0px;
}

#navigation h2,
#navigation-user h2 {
	font-size: 12px;
	font-weight: bold;
	padding: 5px 0 3px 10px;
	margin: auto;
}

#navigation ul,
#navigation-user ul {
	padding: 20px 0px 20px 18px;
	list-style-type: none;
	background: none repeat scroll 0% 0% rgba(255, 255, 255, 0.5);
	margin: 0 -20px;
}

* html #navigation ul li,
* html #navigation-user ul li {
	height: 1%;
}

#navigation a,
#navigation-user a {
	display: block;
	color: #FFF;
	padding: 8px;
	font-size: 13px;
	text-decoration: none;
	-webkit-transition: 0.1s ease-in-out;
	-moz-transition: 0.1s ease-in-out;
	-ms-transition: 0.1s ease-in-out;
	-o-transition: 0.1s ease-in-out;
	transition: 0.1s ease-in-out;
}

#navigation span,
#navigation-user span {
	padding-left: 10px;
}

#navigation a:hover,
#navigation-user a:hover {
	color: #FFF;
	background-color: #5A77A0;
}

#navigation li.first-link a,
#navigation-user li.first-link a {
	font-weight: bold;
}

#navigation li.first-link.current-link a,
#navigation-user li.first-link.current-link a {
	color: #555;
	font-weight: bold;
	background-color: #F3F3F3;
}

#navigation li.current-link a,
#navigation-user li.current-link a {
	color: #FFF;
	background-color: #1487CA;
}

.footer {
	background-color: rgba(255, 255, 255, 1);
	padding: 50px;
	padding-bottom: 87px;
	margin-top: 50px;
	z-index:1;
}

.footer-row {
	border-left: 1px solid rgba(255, 255, 255, 0.3);
	border-right: 1px solid rgba(255, 255, 255, 0.3);
}

.footer-right-col {
	background: rgb(255, 255, 255);
	color: rgb(116, 122, 126);
}

/* Notification Bar */
.user-info-bar {
	background: rgb(58, 68, 75) !important;
	padding: 10px;
}

.user-info-bar a .entypo {
	font-size: 30px !important;
	margin-left: -5px;
	color: rgba(255, 255, 255, 1);
}

.block {
	padding: 5px 0px;
	background: #FFF;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
}
.au-content, .bl-content {
	padding: 25px 20px 50px !important;
	border-left: 1px solid rgba(0, 0, 0, 0.15);
	border-right: 1px solid rgba(0, 0, 0, 0.15);
	background: rgba(255, 255, 255, 0.33);
}
.au-content {
	border-bottom: 1px solid rgba(0, 0, 0, 0.15);
}
.bl-content {
	border-top: 1px solid rgba(0, 0, 0, 0.15);
	border-bottom: 1px solid rgba(0, 0, 0, 0.15);
}
.main-content {
	background: #FFF;
	display: block;
	padding-bottom:30px;
	border-right:1px solid #D7D7D7;

} 
@media (min-width: 870px) {	
.main-content {

}
}
/* Eshop */
.product-selector label, .product-selector, .product-quantity {
	font-size:12px;
}
#product_quantity {
	font-size:12px !important;
}
.product-quantity > div > .input-group {
	width:50px;
}
.main-content .eshop-nav {
	margin-left: -15px;
	margin-right: -15px;
	background: #f7f7f7 !important;
}

.eshop-nav > .navbar-collapse > ul > li > a {
	display: block;
	font-size:14px;
	color: #444 !important;
	border: 0;
}
.eshop-nav > .navbar-collapse > ul > li > a:hover, .eshop-nav > ul > li > a:focus {
	color: rgb(255, 102, 0) !important;
	border: 0;
	text-decoration: underline;
}
.fa {
	margin: 2px;
}
.eshop-nav .fa {
	margin-top:5px;
	margin-left:3px;
}

.eshop-product-title {
	font-size:90%;
	color: rgb(60, 156, 205);
	font-weight: 600;
}
.eshop-product-title:hover, .eshop-product-title:focus {
	color: rgb(255, 102, 0) !important;
}
.eshop-xprice {
	text-decoration: line-through;
	font-size: 90%;
	color: rgba(0,0,0,0.4);
}
.eshop-link-img:hover {
	opacity: 0.8;
}

.main-content h2 {
	font-size: 29px;

	padding-bottom:20px;
	color:#005599;
}
.main-content h3 {
	font-size: 24px;
	font-family: 'Open Sans', sans-serif;	
	font-weight:bold;
	letter-spacing:0.2px;
	color:#059;

}

.main-content h3 a {
	color:#059;
}
.main-content h3 a:hover {
	text-decoration:underline;
		color:#059;
}


.main-content h4 {
	font-size: 23px;
	margin-bottom:10px;
	color:#939393;
	font-style:italic;
	
}

.main-content .img-thumbnail {
	border: 1px solid rgb(221, 221, 221) !important;
}

.main-content .heading .info {
	font-size: 12px;
	padding: 0 10px;
	border-top: 1px solid #DDD;
	border-bottom: 1px solid #DDD;
}

.main-content .content {
}

.main-content .content img {
	border: 0px;
}

.main-content .footer {
}

.main-content .footer .more {
	float: right;
}

.main-content .footer .more a {
	text-decoration: none;
}

.sidebar section {
	margin-bottom: 20px;
}

.sidebar .heading {
	font-family: 'ColaborateRegular';
	color: #FFF;
	background: #606C88; /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzYwNmM4OCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMzZjRjNmIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top, #606C88 0%, #3F4C6B 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #606C88), color-stop(100%, #3F4C6B)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #606C88 0%, #3F4C6B 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #606C88 0%, #3F4C6B 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #606C88 0%, #3F4C6B 100%); /* IE10+ */
	background: linear-gradient(to bottom, #606C88 0%, #3F4C6B 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#606C88', endColorstr='#3F4C6B', GradientType=0); /* IE6-8 */
	font-size: 22px;
	text-transform: uppercase;
	padding: 10px 20px 9px 5px;
}

.sidebar .content {
	margin-bottom: 20px;
	padding: 10px;
	background-color: #FAFAFA;
	border-right: 1px solid #DDD;
	border-bottom: 1px solid #DDD;
	border-left: 1px solid #DDD;
}
.leftbar .content a {
	font-size:16px;
}
.sidebar .content img {
	margin: 5px;
	border: 0px;
}

ol, ul {
	margin: 0;
	padding: 0px 0px 0px 15px;
	line-height: 20px;
}

ul.list li {
	padding: 0px 0 5px 12px;
	line-height: 25px;
	background: url(../themes/Septenary/images/marker-1.gif) 0 11px no-repeat;
}

ul.list li a {
	font-size: 14px;
	color: #555;
	line-height: 25px;
}

ul.list li a:hover {
	color: #C9B5AF;
	text-decoration: none;
}

/* Nav Tabs */
.nav-wrapper {
	padding: 0;
	margin-top: 10px;
}

.nav-tabs {
	padding: 0 !important;
}
.nav-tabs > li > a {
	/* color: rgb(51, 153, 255); */
	outline: none;
	margin-bottom: 0 !important;
	padding: 10px 15px !important;
}
.nav-tabs > li.active > a {
	border: 1px solid #DDD;
	border-bottom: 1px solid transparent !important;
}
.nav-tabs > li.active:hover, .nav-tabs > li:focus {
	background-color: transparent;
}
.nav-tabs > li > a:hover, .nav-tabs > li > a:hover {
	color: #444;
}
.nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
	color: #444 !important;
	border-bottom: 1px solid transparent !important;
}

.tab-content {
	padding: 0px 0px;
}

/* Login Form */
#login_form {
	width: 50%;
	margin: 10px auto 0;
	-webkit-box-shadow: 0px -10px 30px rgba(0, 0, 0, 0.6);
	-moz-box-shadow: 0px -10px 30px rgba(0, 0, 0, 0.6);
	box-shadow: 0px -10px 30px rgba(0, 0, 0, 0.6);
	margin-bottom: 150px;
	margin-bottom:111px;
	padding: 10px 50px;
	position:relative;
	z-index:22;
}

#login_form img {
	margin-top: -120px;
	margin-left: 30px;
}
.popover .text-smaller {
	color: rgba(0, 0, 0, 0.55);
}
.panelbutton {
	padding: 3px 5px 0 0;
}

.alt {
	color: #04688D;
}

.spacer {
	margin-bottom: 5px;
}

.bullet {
	padding-top: 3px;
	border: 0;
}

.ui-sortable {
	margin: 0;
	padding: 0;
}

.admin-message {
	font-size: 12px;
	margin-bottom: 20px;
}

.noscript-message {
	font-size: 12px;
	color: #C54343;
	background: #F6B9B9 url(../themes/Septenary/images/icons/info.png) 0.8em 0.5em no-repeat;
	border-top: 2px solid #C54343;
	border-bottom: 2px solid #C54343;
	padding: 15px 0 15px 50px;
	margin-bottom: 10px;
}

.comment-header {
	height: 30px;
	width: auto;
	border-bottom: 1px solid #CCC;
	margin-bottom:20px;
}

.comment-count a, .comment-count a:hover, .comment-count a:focus {
	display: inline-block;
}

.nocomments-message {
	background: #F6F6F6;
	border: 1px solid rgb(204, 204, 204);
	padding: 10px 0 10px 20px;
	margin-bottom: 20px;
}

.bbcode-popup .button {
	width: 100% !important
}

.bbcode {
	font-family: 'lucida grande', tahoma, verdana, arial, sans-serif;
	font-size: 10px;
	color: #A0A09E;
	background: #F2F2F2;
	border: 1px solid #CACACA;
	border-radius: 2px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	margin-top: 2px;
	margin-bottom: 2px;
}

.bbcode:hover {
	background-color: #EFEFEF;
	border-color: #D7D6D2;
}

.bbcode:focus {
	color: #3C3C3D;
	background-color: #F5F5F5;
	border-color: #E3E0DA;
	box-shadow: inset 2px 2px 2px #E1E1E1;
	-moz-box-shadow: inset 2px 2px 2px #E1E1E1;
	-webkit-box-shadow: inset 2px 2px 2px #E1E1E1;
}

.bbcode-popup {
	font-size: 11px;
	color: #555;
	width: auto !important;
	height: auto !important;
	background-color: #FFF;
	border: 1px solid #CACACA !important;
	padding: 4px;
	margin-top: 2px;
	cursor: pointer;
}

.textbox {
	font-family: 'lucida grande', tahoma, verdana, arial, sans-serif;
	font-size: 12px;
	color: rgb(0,0,0);
	border: 1px solid #CACACA;
	border-radius: 2px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	margin: 0 0 2px;
	padding: 5px 2px 5px 5px;
}
.textbox:focus {
	background: #FFF;
}
.control-label {
	margin-bottom:10px;
}
div.emulated-fieldset {
	position: relative;
	margin: 20px 0px 10px 0px;
	border: 1px solid #CCC;
	width: 320px;
	background: inherit;
}

div.emulated-fieldset span.emulated-legend {
	display: inline;
	position: absolute;
	top: -12px;
	margin: 0 5px;
	padding: 4px;
	background: inherit;
}

div.emulated-fieldset div.attachments-list {
	padding: 10px 3px 3px 3px;
	width: 320px;
}

.comment-avatar-wrap {
	float: left;
	padding: 10px 20px 10px 0;
	position: relative;
}

.comment-avatar-wrap:after {
	content: "";
	position: absolute;
	right: 0;
	top: 15px;
	width: 0;
	height: 0;
	border-right: 6px solid #121212;
	border-top: 6px solid transparent;
	border-bottom: 6px solid transparent;
	border-right-color: #DFDFDF;
}

.comment-main {
	position: relative;
}

.comment {
	overflow: hidden;
	position: relative;
	margin: 0 0 15px 0;
	padding: 10px 20px;
	border-radius: 3px;
	background: #F0F0F0;
	border: 1px solid #DFDFDD;
}

.comment .user {
	line-height: 1.3;
	overflow: hidden;
}

.comment .user .date {
	display: block;
	color: #666;
	font-size: 11px;
}

.shoutboxwrapper {
	margin-top: 20px;
}

.center {
	margin: 0 auto;
}

.tbl-border {
	border: 1px solid #EEE;
}

.tbl {
	color: #555;
	background-color: #FFF;
	padding: 4px;
}

.tbl1 {
	color: #555;
	background-color: #FFF;
	padding: 5px;
}

.tbl2 {
	color: #555;
	background-color: #F9F9F9;
	padding: 4px;
}

.tbl-error {
	color: #AC260F;
	font-weight: bold;
	background-color: #FCCAC2;
	border: 2px solid #EB5339;
}

.quote {
	font-style: italic;
	font-weight: normal;
	color: #555;
	background-color: #F9F9F9;
	border-left: 8px solid #BFCADA;
	padding: 15px;
	margin: 0px 22px 0px 22px;
}

.poll {
	height: 12px;
	border: 1px solid #BBB;
}

.small {
	font-size: 10px;
	font-weight: normal;
}

.small2 {
	font-size: 11px;
	font-weight: normal;
	color: #555;
}

.side-small {
	font-size: 11px;
	font-weight: normal;
	color: #555;
}

.side-label {
	color: #FFF;
	background-color: transparent;
	margin: 10px 0;
	padding: 2px 2px 3px 2px;
}

/* Forum */
#stext-field {
	margin-bottom: 0;
}
.forum-caption {
	background-color: rgb(55, 73, 94);
	color: rgb(116, 151, 184);
	padding: 10px !important;
	margin-bottom: 10px;
	border-bottom: 0px !important;
	border-top: 1px solid #CCC !important;
	font-weight: normal !important;
}

.forum-cat-description {
	font-weight: normal !Important; /* override BS */
}

.forum-caption a {
	font-size: 14px !important; /* WHERE ? */
	font-weight: normal;
	color: #FFF;
}
.forum-caption a:hover, .forum-caption a:focus {
	color: #FFF;
}

.forum_idx_table {
	margin-bottom: 20px !important;
}

.forum_idx_table td:first-child, .forum_idx_table th:first-child, .forum_table th:first-child, .forum_table td:first-child {
	padding: 10px 0px 10px 15px !important;
}

.forum_idx_table th:first-child, .forum_table th:first-child {
	color: #FFF;
}

.forum_idx_table td, .forum, .forum_table td {
	padding: 20px 10px !important;
}

.forum_table td {
	padding: 20px 10px 10px !important;
}

.forum-icon {
	background: #FFF !Important;
}

.forum-icon img {
	max-width: 25px;
	margin-top: 11px !important;
}

.forum-icon-stickythread {
	max-height: 24px;
}

.lastpost-avatar img {
	width: 60px !important;
}

.forum-table-heading {
	border-bottom: 0 !important;
}

.forum-table-container {
	background-color: #F7F7F7;
}

.forum-table-container h3 {
	font-size: 17px;
}

.forum-cat-description {
	font-size: 14px;
}

.lastpost-title {
}

.lastpost-user {
}

.forum-name h3 {
	margin: 0 0 5px;
	line-height: 25px;
	font-size: 14px;
}

.forum-name h3 span {
	font-weight: bold;
}

.forum-name h3 a {
	font-size: 16px;
	font-weight: normal;
	display: inline-block;
}

.forum-description {
	color: rgb(117, 137, 156);
}

.forum-moderators {
	font-size: 13px;
}

.small {
	font-size: 13px !Important;
	color:#909090;
	margin-top:3px;
	letter-spacing:0.6px;
}
.small a {
	color:#059;
}
.small a:hover {
	color:#000;
	text-decoration:underline;
}

.forum_breadcrumbs {
	font-weight: normal;
	padding: 5px 6px 5px 30px;
	margin: 0;
}

/* Thread */
.forum_thread_post_space {
}

.forum_thread_user_post {
	background-color: rgb(255, 255, 255);;
}

.forum_thread_user_info {
	background-color: rgb(242, 246, 248);
}

.forum_thread_table {
	border-spacing: 0;
	border: 0;
}

.forum_thread_user_name {
	border-top: 2px dashed #FFF;
}

.forum_thread_post_date {
	border-top: 2px dashed #FFF;
}

.forum_thread_ip {
	border-bottom: 2px dashed #FFF;
}

.forum_thread_userbar {
	border-bottom: 2px dashed #FFF;
}

.profile, .profile_category {
	width: 90%;
}

.edit-profile {
	width: 90%;
}

.profile_user_reason {
	color: #F66;
	font-weight: bold;
}

/* Page nav */
.pagenav {
	text-align: left;
	padding: 5px;
}

.pagenav span {
	font-weight: normal;
	color: #999;
	text-decoration: none;
	text-decoration: none;
	cursor: default;
	padding: 4px 4px 4px 4px;
	margin: 2px;
}

.pagenav a {
	color: #999;
	text-decoration: none;
	text-decoration: none;
	cursor: pointer;
	padding: 4px 4px 4px 4px; /* top right bottom left*/
	margin: 2px;
}

.pagenav a:hover, .pagenav a:focus {
	color: #777;
	text-decoration: none;
}

footer {
	padding: 10px 0 0 0;
	background: #606C88; /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzYwNmM4OCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMzZjRjNmIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top, #606C88 0%, #3F4C6B 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #606C88), color-stop(100%, #3F4C6B)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #606C88 0%, #3F4C6B 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #606C88 0%, #3F4C6B 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #606C88 0%, #3F4C6B 100%); /* IE10+ */
	background: linear-gradient(to bottom, #606C88 0%, #3F4C6B 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#606C88', endColorstr='#3F4C6B', GradientType=0); /* IE6-8 */
	margin-top: 40px;
	border: 1px solid #4D5A7A;
}

footer a {
	color: #C9B5AF;
	text-decoration: underline;
}

#copyright {
}

#copyright a {
	color: #EEE;
	text-decoration: none;
}

#copyright a:hover {
	color: #DDD;
	text-decoration: none;
}

/* Helpers  */
.center, *[align="center"] {
	margin: 0 auto;
}

/* TinyMCE specific rules */
body.mceContentBody {
	background: #EEE;
	color: #111;
}

.mceToolbar {
	overflow: auto;
}

.mceEditor table {
	max-width: none; /* Bug in computation of fullscreen */
}

.mceEditor table.mceLayout {
	width: 100% !important;
	height: auto !important;
}

table.mceToolbar {
	float: left;
}

body .mceToolbar div {
	white-space: normal;
	width: 200px;
}

.center {
	margin: 0 auto;
}

.content_center {
	text-align: center;
}

.flleft {
	float: left !important;
}

.flright {
	float: right !important;
}

/* End hide from IE Mac */

.floatfix {
	overflow: hidden;
}

* html .floatfix {
	width: 100%;
}

.center, *[align="center"] {
	margin: 0 auto;
}

/* side css menu */
.fusion_css_navigation_panel {
	margin: -20px;
	background: none repeat scroll 0% 0% rgba(255, 255, 255, 0.5);
	padding-top: 20px;
	padding-bottom: 21px;
}
.fusion_css_navigation_panel ul li a {
	display: block;
	color: rgb(255, 255, 255);
	padding: 8px !important;
	font-size: 13px;
	text-decoration: none;
	transition: all 0.1s ease-in-out 0s;
}
.fusion_css_navigation_panel ul li a:hover, .fusion_css_navigation_panel ul li a:focus {
	color: rgb(255, 255, 255);
	background-color: rgb(90, 119, 160);
}