* {
    margin: 0;
    padding: 0;
}

body {
    padding: 40px 0;
    font: 14px Georgia, Times, serif;
    color: #333333;
    background: #FFFFFF;
}


/* 
h1 a, h1 a:hover {
    color: #E3E1E0;
    text-decoration: none;
    background: none;
} */

h2 {
    font: normal 2em "Trebuchet MS", Arial, Helvetica, sans-serif;
}

p {
    /* padding: 10px 0; */
    /* line-height: 1.6em; */
}

p#subtitle {
    padding: 5px 95px 0 440px;
    font: 1em "Trebuchet MS", Arial, Helvetica, sans-serif;
    text-align: center;
    letter-spacing: -1px;
    color: #000000;
}

a {
    /* color: #B8D3AF; */
    /* padding: 0 4px; */
    text-decoration: none;
    /* background: #578958; */
}

a:hover {
    /* color: #4E9339; */
    /* background: none; */
}

/* page */

#page {
    position: relative;
    max-width: 900px;
    margin: 0 auto;
}

/* header */

#header {
    /* height: 56px; */
	width: auto;
}

#header h1 {
    /* width: 350px; */
    /* height: 56px; */
	float: left;
	padding: 10px 35px;
    font: normal 2.2em/50px "Trebuchet MS", Arial, Helvetica, sans-serif;
    text-align: center;
    text-shadow: 1px 1px 0 #393231;
    letter-spacing: -1px;
    color: #E3E1E0;
	border: none;
	background: #555;
	border-top-left-radius: 6px;
	border-top-right-radius: 6px;
    /* background: #7E706E url(../images/logobg.jpg) no-repeat; */
}

/* search form */
/* 
#search {
    position: absolute;
    top: 0;
    right: 0;
    width: 300px;
}

#search input.text {
    float: left;
    display: block;
    padding: 6px 5px;
    width: 200px;
    font: 1em Arial, Helvetica, sans-serif;
    color: #5C5C5C;
    background: #FFFFFF url(../images/searchtxt.gif) repeat-x;
    border: 1px solid #CDD6DC;
}

#search input.submit {
    float: right;
    display: block;
    width: 80px;
    height: 30px;
    font: .8em Arial, Helvetica, sans-serif;
    color: White;
    background: #D6872C url(../images/submit.gif) repeat-x;
    border: none;
    cursor: pointer;
}
 */
#topimg {
    height: 254px;
    background: #B0D3F1 url(../images/img.jpg) no-repeat;
	clear: both;
	border: none;
	border-top-right-radius: 6px;
	/* overflow:hidden; */
}

/* menu */

/* #menu {
    position: absolute;
    top: 310px;
    left: 300px;
    width: 600px;
    height: 56px;
    background: #7E706E url(../images/menu.jpg) no-repeat;
}

#menu ul {
    list-style: none;
    padding-left: 14px;
}

#menu ul li {
    display: block;
    float: left;
    height: 56px;
    padding: 0 6px;
}

#menu ul li a {
    display: block;
    float: left;
    padding: 0;
    font: 16px/56px "Trebuchet MS", Arial, Helvetica, sans-serif;
    text-decoration: none;
    text-shadow: -1px -1px 0 #5A4E4D;
    color: #E3E1E0;
    background: none;
}

#menu ul li a:hover {
    color: #F4F3F3;
}
 */
/* main */

#main {
    padding-top: 12px;
}

/* sidebar */

#sidebar {
    float: left;
    width: 295px;
	border-right: 1px solid #555;
	border-bottom: 1px solid #555;
	border-bottom-right-radius: 6px;
}

#sidebar h2 {
    font-size: 1.5em;
    line-height: 44px;
    text-align: center;
    color: #FFFFFF;
    background: #C97423;
}

#sidebar .box {
    /* padding: 20px 20px; */
	padding-top: 13px;
}

#sidebar ul {
    list-style: none;
    padding: 20px 0;
	/* text-align: center; */
}

#sidebar ul li {
    padding: 3px 20px;
    line-height: 1.6em;
    /* color: #959ED6; */
}

#sidebar ul li span {
    color: #B8D3AF;
    padding: 0 4px;
    background: #578958;
}

#sidebar ul li a {
    padding: 0;
    color: #555;
    text-decoration: none;
    background: none;
}

#sidebar ul li a:hover {
    text-decoration: none;
	color: #3679ff;
}

#breadcrumb {
	margin: 8px 0 15px 0;
	border: 1px solid #555;
	border-radius: 6px;
	padding: 8px;
	color: #555;
	border-bottom: 2px solid #555;
	border-right: 2px solid #555;
}

#breadcrumb a{
	color: #555;
	font-weight: bold;
}

#breadcrumb a:hover{
	color: #3679ff;
}

/* content */

#content {
    float: right;
    width: 560px;
    /* padding: 76px 20px 30px 20px; */
}

#content .post {
    padding: 0 0 45px 0;
}

#content a {
    /* padding: 0; */
    color: #555;
    background: none;
}

#content a:hover {
	color: #3679ff;
}

#content h2 span {
    color: #658294;
}

#content .entry {
    padding: 10px 0 0 0;
}

p.postmeta {
    color: #888888;
}

.clearing {
    clear: both;
    height: 1px;
    overflow: hidden;
}

/* footer */

#footer {
    padding: 0 30px;
}

#footer p {
    font-size: .9em;
    text-align: center;
}

      
        h2, strong{
         text-align: center;
         margin: 0 0 30px;
      }
      
      .articlecontainerlist{
         overflow: auto;
		 /* border: 1px solid #555; */
		 /* border-top: 1px solid #555; */
		 border-bottom: 1px solid #555;
		 /* border-right: 1px solid #333; #91B5FF  #96B9FF*/
		 /* border-bottom-right-radius: 6px; */
		 /* border-bottom-left-radius: 6px; */
		 border-radius: 6px;
		 /* padding: 0 15px; */
      }

	.articlecontainerlist h2, .articlecontainerlist strong {
		/* margin-top: 15px; */
		border: 1px solid #555;
		border-bottom: 2px solid #555;
		border-right: 2px solid #555;
		/* border-top: 1px solid #555; */
		border-radius: 6px;
		padding: 5px 10px;
	}
	
	/* .articlecontainerlist h2:hover, .articlecontainerlist strong:hover { */
		/* background: #555; */
		/* border-top-right-radius: 6px; */
		/* border-top-left-radius: 6px; */
		/* border: none; */
		/* border-radius: 6px; */
	/* } */
	
	.articlecontainerlist a:hover, .articlecontainerlist a:hover {
		/* color: #fff; */
	}
      
      .articleimage{
         float: right;
         padding: 0 0 10px 10px;
      }
      
      h3{
         text-align: center;
         margin: 0 0 30px;
      }
      
      .articletext img{
         border: none;
		 border-radius: 6px;
		 display: block;
		 margin: 25px auto;
      }
	  
	  .articletext p {
		text-align: justify;
		margin: 0 15px 15px 15px;
		font-size: 16px;
		line-height: 130%;
	  }
      
      .articlebutton{
         margin:20px;
         float: right;
      }
      
      .articleinfo p{
         float: left;
         margin:0 15px 15px 15px;
      }
	  
	  .companyinfo {
		margin-bottom: 10px;
	  }
	  
	  .companyinfo p {
		margin: 4px 15px 4px 15px;
	  }
      
      .naglowek{
         text-align: center;
         margin: 0;
         font-size: 18px;
      }
      
      li {
	list-style: none;
	}
	  
	a {
	text-decoration: none;
	}
	
	.wrapper {
		padding-top: 20px;
		margin-bottom: 20px;
	}
	
.articlecontainerart h2, .articlecontainerart strong, .articlecontainerart h2 a, .articlecontainerart strong a {
	font-size: 30px;
	/* padding: 40px 0 30px 0; */
	/* padding: 10px 0; */
	/* margin: 0; */
	display: block;
	text-align: center;
	overflow: hidden;
	text-overflow: ellipsis;
	/* color: #fff; */
	/* color: #ed6f00; */
	/* line-height: 120%; */
	color: #555;
	/* margin-top: 15px; */
		
}

.articlecontainerart h2, .articlecontainerart strong {
	border: 1px solid #555;
	border-bottom: 2px solid #555;
	border-right: 2px solid #555;
	/* border-top: 1px solid #555; */
	border-radius: 6px;
	padding: 5px 10px;
}

.articlecontainerart h2 a:hover, .articlecontainerart strong a:hover {
	/* color:#999; */
	color: #3679ff;
	/* text-decoration: underline; */
}
.articlecontainerart h2:first-letter, .articlecontainerart strong:first-letter, .articlecontainerart h2 a:first-letter, .articlecontainerart strong a:first-letter {
	text-transform: uppercase;
}

.articletext h2 {
	border: none;
	
}

.fb-like{
	clear: both;
	background: #fff;
	padding: 3px;
	margin-top: 20px;
	padding-left: 15px;
}

#twitter-widget-0 {
	padding-left: 15px;
}

.centerlogo img {
	margin: 10px auto 10px auto;
	display: block;
}

.nav-tabs li a {
	color: #555;
	/* background: #555; */
	font-size: 14px;
}
.nav-tabs li a:hover {
	/* color:#000; */
}

.nav-tabs>li>a:hover {
	border-color: #555;
}

.elsearticles {
	/* margin: 0 auto; */
	/* width: 320px; */
	font-size: 22px;
	text-align: center;
	font-weight: bold;
	color: #555;
	padding-bottom: 20px;
}

.similar_articles div {
	/* float: left; */
	/* width: 318px; */
	/* height: 430px; */
	color: #555;
	padding: 20px 5px 15px 5px;
	/* border: 1px solid transparent; */
	/* border: 1px solid #222; */
	border-bottom: 1px solid #555;
	/* border-right: 1px solid #222; */
}

.similar_articles div:hover {
	/* border: 1px solid #222; */
	/* color: #888; */
}

.similar_articles h5 {
	text-align: center;
	font-size: 18px;
}

.similar_articles img {
	display: block;
	margin: 15px auto 25px auto;
	border: none;
	border-radius: 6px;
}

.similar_articles p {
	display: block;
	margin: 0 auto;
	padding: 0 5px;
	text-align: justify;
}

.similar_articles a:hover {
	/* text-decoration: underline; */
}

.tab-content h4 {
	font-size: 22px;
}

.tab-content {
	padding: 0 15px 15px 15px;
	margin-bottom: 35px;
	border-bottom: 1px solid #555;
	color: #555;
}

.tab-content #login, .tab-content #email, .tab-content #imie, .tab-content #haslo, form #name, form #email {
	display: block;
}

.tab-content [type="radio"] {
	margin-right: 5px;
}

input, textarea {
	margin: 7px 0;
}

[type="radio"] {
	margin: 3px;
}

[type="submit"], [type="reset"] {
  -webkit-border-radius: 6;
  -moz-border-radius: 6;
  border-radius: 6px;
  font-family: Georgia;
  color: #555;
  font-size: 16px;
  background: #fff;
  padding: 5px 10px;
  border: solid #bbb 1px;
  text-decoration: none;
}

[type="submit"]:hover, [type="reset"]:hover {
  border-color: #555;
  text-decoration: none;
  color: #3679ff;
}

.post > form {
	padding: 20px;
	color: #555;
}
	
	/* MENU */

#menu_margin_4 {
	margin-right: -4px;
}	
	
#menu_wrap {
  width: auto;
  background: #555;
  padding: 0 10px;
  border: none;
  border-bottom-left-radius: 6px;
  border-bottom-right-radius: 6px;
  /* margin: 0 auto; */
  /* background: url(../images/img02.gif) repeat left top; */
}
	
#menu {
  font-family: 'Lucida Grande', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  font-size: 13px;
  text-align: left;
  /* color: #000; */
  display: block;
}

#menu a {
	color: #fff;
}

#menu a:hover {
	color: #fff;
}

#menu ul {
  text-align: left;
  display: inline;
  margin: 0;
  padding: 15px 4px 17px 0;
  list-style: none;
  /* -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.15); */
}
#menu ul li {
  font: bold 12px/18px sans-serif;
  display: inline-block;
  /* margin-right: -4px; */
  position: relative;
  padding: 10px 15px;
  background: transparent;
  cursor: auto;
  /* color: #000; */
  float: none;
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  -ms-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s;
}
#menu ul li:hover {
  background: #333;
  /* color: #fff; */
}
#menu ul li ul {
  padding: 0;
  position: absolute;
  top: 38px; /* 48 */
  left: 0;
  width: 150px;
  float: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  display: none;
  opacity: 0;
  visibility: hidden;
  /* overflow: hidden; */
  background: #333;
  border: none;
  border-bottom-left-radius: 6px;
  border-bottom-right-radius: 6px;
  -webkit-transiton: opacity 0.2s;
  -moz-transition: opacity 0.2s;
  -ms-transition: opacity 0.2s;
  -o-transition: opacity 0.2s;
  -transition: opacity 0.2s;
}
#menu ul li ul li { 
  /* background: #222;  */
  background: transparent;
  display: block; 
  width: auto;
  /* color: #fff; */
  /* text-shadow: 0 -1px 0 #000; */
  float: none;
}
#menu ul li ul li:hover {
	background: #111;
}

#menu ul li:hover ul {
  display: block;
  opacity: 1;
  visibility: visible;
  z-index: 2;
}

@media all and (max-width: 880px) {
	#content {
		width: auto;
		margin: 0 auto;
		float: none;
		clear: both;
		padding-left: 15px;
		padding-right: 15px;
	}
	
	#sidebar {
		width: auto;
		margin: 0 auto;
		float: none;
		border: none;
		/* clear: both; */
	}
	
	.box {
		width: 48%;
		float: left;
		padding-left: 10px;
		/* margin: 10px auto; */
	}
}	

@media all and (max-width: 620px) {
	.box {
		float: none;
		width: auto;
	}
}