/* =====RESET===== */
html, body, div, span, h1, h2, h3, p, a, img, strong, center, 
menu, ol, ul, li, fieldset, form, label, legend, .reset {
	margin: 0px;
	padding: 0px;
	border: 0px none;
}
menu, ul, ol, menu li {
	list-style-type: none;  
}


/* =====OBECNE PREDPISY===== */
body {
	margin: 0px auto;
	background: #ececec url('../img/new/body-bg.jpg') repeat-x left top;
  text-align: left;
  font-family: Tahoma, 'Segoe UI', sans-serif;
	font-size: 13px;
  vertical-align: baseline;
	color: #000;
}
.cleaner {
   display: block;
   visibility: hidden;
	 clear: both;
   height: 0px;
   line-height: 0px;
   font-size: 0px;
   border: 0px;
}
a {
   color: #000;
   text-decoration: underline;
}
a:hover {
   color: #000;
   text-decoration: none;   
}
u { 
   text-decoration: none;
}
p { 
   padding-bottom: 25px;
}

h1,h2,h3 { 
   color: #3399cc;
   font-weight: bold;   
}
h1, h2 {
   font-family: 'Time News Roman', serif; 
}

.strong {
  font-weight: bold;
}
div.error {
  text-align: center;
 line-height: 30px;
}
.nadpis {
   clear: both;
   height: 30px;
   line-height: 30px;
   margin-bottom: 10px;
   padding-left: 15px;
   font-sizE: 1.3em;
   background: #3399cc;
   color: #fff;  
}
.nadpis.green {
   clear: both;
   height: 30px;
   line-height: 30px;
   padding-left: 15px;
  
   background: #98a081;
   color: #fff;  
}
ul {
  padding: 15px;
  list-style-type: none;

}
ul li {
  padding-left: 13px;
  padding-bottom: 3px;
  background: transparent url('../img/new/list-item.gif') no-repeat left 7px;
}
li {
  
}


/* =====LAYOUT===== */

#layout {
   position: relative;
   width: 975px;
   margin: 0px auto;
   padding-bottom: 10px;
   background: #fff;
}   
#header {
}
#logo {
}
#logo a img {
   display: block;
   width: 975px;
   height: 151px;
}

/* =====HLAVNI MENU===== */

#menu {
   height: 44px;
   background: #98a081;
}
#menu menu {
   height: 39px;
   margin-left: 10px;
}
#menu menu * { 
   white-space: nowrap;
   font-family: "Myriad Web", sans-serif;
}
#menu menu li {
   float: left;
   display: inline;
   font-size: 18px;
}
#menu menu li h1 {
   font-size: 18px;
   font-weight: normal;
}
#menu menu li a {
   float: left;
   padding-top: 13px;
   padding-left: 10px;
   height: 26px;
   text-decoration: none;
   background: transparent; 
}
#menu menu li a:hover {
   text-decoration: underline;
} 
#menu menu li a.active {
   text-decoration: none;
   background: #fff url('../img/new/menu-corner-l.jpg') no-repeat left bottom;  
   color: #000;
}
#menu menu li a span {
   float: left;
   height: 26px; 
   padding-right: 10px; 
   font-weight: normal;
   color: #fff;
}
#menu menu li a:hover span {
   text-decoration: underline;
}

#menu menu li a.active span {
   background: #fff url('../img/new/menu-corner-r.jpg') no-repeat right bottom;
   color: #98a081; 
   font-weight: bold;
}

#content-env {
   margin: 10px 10px 0px;
   font-size: 1.1em; 
   line-height: 1.4em;
}
#content {
   float: left;
   width: 705px; 
}
#rPanel-env {
   float: left;
   width: 250px;

}
#rPanel {
   margin-left: 10px;
}
#rPanel .box {
   width: 100%; 
   padding-bottom: 20px;   
}
#rPanel .box .titleBox {  
   width: 87%;
   height: 30px;
   line-height: 30px;
   padding-left: 13%;
   font-size: 1.1em;
   color: #fff;
   background: #3399cc url('../img/new/dot.jpg') no-repeat 11px 50%;
}
#rPanel .box .innerBox { 
   clear: both; 
   padding: 10px 7px 0;
   background: #fff url('../img/new/rPanel-box-bg.jpg') repeat-x top left;   
}
#rPanel .box .innerBox * { 
   font-family: sans-serif;
   font-size: 13px;
}
#rPanel .box .innerBox h2 { 
   padding: 5px 0px;   
}
#rPanel .box .innerBox h2.list { 
   padding: 5px 0px 0px 15px;   
   background:  url('../img/list-item-2.gif') no-repeat left 9px; 
}
#rPanel .box.analyza h2 { 
   background: none; 
}
#rPanel .box .innerBox h2.first { 
}
#rPanel .box .innerBox h2 a { 

   line-height: 1.5em;
   font-weight: normal;
   color: #000;  
   text-decoration: none; 
}
#rPanel .box.analyza .innerBox h2 a ,
#rPanel .box .innerBox h2.first a { 
   font-weight: bold;
   color: #3399cc;  
}
#rPanel .box .innerBox h2 a:hover { 
   text-decoration: underline; 
}
#rPanel .box.tiskovky a,
#rPanel .box.tiskovky p {
   margin: 0px;
   padding: 0px;
   border: 0px;
}
#rPanel .box.tiskovky a {
   text-decoration: none;
}
#rPanel .box.tiskovky a:hover,
#rPanel .box.tiskovky a:hover p {
   text-decoration: underline;
}
#rPanel .box.tiskovky a.first p {
   text-decoration: none;
   border-top: 0px;
   margin-top: 0px;
}
#rPanel .box.tiskovky a p {
   display: block;
   border-top: 1px solid #ddd;
   margin-top: 10px;
   padding-top: 10px;
}

#rPanel .box.analyza img {
   float: right;
   margin-left: 5px;
   padding: 3px;
   border: 1px solid #aaa;  
}

#partneri {
   clear: both;
   width: 100%;
   padding-top: 0px;
   background: #fff;
   border-bottom: 2px solid #eee;   
}
#partneri .content {
   padding: 0px 20px;
}
#footer-env {
   padding: 0px 10px;  
}
#footer {
   clear: both;
   width: 100%;  
   background: #fff url('../img/new/footer-bg.jpg') repeat-x left bottom;   
}
#footer #box-l {
   float: left; 
   width: 340px;
   border: 0px solid red;
}
#footer #box-l .logo-provozovatele {
   float: left;
   margin: 30px 20px;  
   display: block;
   _behavior: url('../_JS/iepngfix.htc')
}
#footer #box-r {
   float: left; 
   width: 550px;
   padding: 30px 0px 0px 20px;   
}

#footer #box-r a {
   color: #808080;
   text-decoration: none;
}
#footer #box-r a:hover {
   text-decoration: underline;
}
#footer #box-r u a {
   color: #000;
   text-decoration: underline;
   font-size: 1.1em;
}
#footer #box-r u a:hover {
   text-decoration: none;
}
#footer .rss {
   padding: 0px 15px 0px 0px;
   background:  url('../img/ico-rss.jpg') no-repeat right center;   
}


#footer #distance {
   position: relative;
   clear: both;
   width: 100%;
   height: 30px;
   color: #d0d0d0;
 
}
#footer #distance span {
   padding: 0px 0px 15px 15px;  
   font-size: 1.6em;
}
#footer #distance span#informace {
   position: absolute;
   left: 340px;
}

.breadcrumbs {
   padding-bottom: 10px;   
}
.article-detail .article p,
.article-detail .article div {
   padding: 0px 10px;
}
.article-detail .article {
  padding: 0px;
}

.article-detail h1 {
   font-weight: normal;
   font-size: 30px;
   padding: 30px 0 5px 0px;  
   line-height: 1em;
}
.article-detail h2 {
   font-weight: normal;
   font-size: 26px;
   padding: 20px 0 5px 10px;  
   line-height: 1em;
}
.article-detail h3 {
   font-weight: normal;
   font-size: 22px;
   padding: 15px 0 5px 10px;  
   line-height: 1em;
}

.article-detail .header { 
   position: relative;  
   margin-bottom: 15px;
   padding: 10px;  
   background: #f1f1f1;  
}
.article-detail .header .date { 
   padding: 2px 0px 2px 22px;
   background:  url('../img/ico-kalendar.jpg') no-repeat left center;   
}
.article-detail .header .category { 
   position: absolute; 
   text-transform: uppercase;
}
.article-detail .header .category a {
   color: #98a081;
   text-transform: uppercase;
   font-weight: bold;
   text-decoration: none;
}
.article-detail .header .category a:hover {
   text-decoration: underline;
}
.article-detail .header .info {   
   position: absolute;  
   right: 10px; 
}
.article-detail .perex-img {
  float: right;
  margin: 0 0 0 5px;
}


/* =====feature pod clankem, odesli na mail, vztiskni atd... ===========*/
.article-detail #extend-env {
   width: 100%;
   margin: 10px 0 20px;
   padding: 0px;
   text-align: center;
}

/*.article-detail #extend-env * {
 padding: 0px;
}
*/
.article-detail #extend {
   margin: 0px auto;
   line-height: 50px;
   background: #f1f1f1;
}
.article-detail #extend span  {
   float: left;
   padding: 0px 10px;
   line-height: 50px;
   height: 50px;
   border-right: 1px solid #fff;
   background: #f1f1f1;
   color: #3399cc;
}
.article-detail #extend span.last  {
   border: 0px;
}
.article-detail #extend span a {
   padding: 2px 0px 2px 24px;
   color: #3399cc;
}
.article-detail #extend span.send a {
   background: #f1f1f1 url('../img/ico-sendmail.jpg') no-repeat left center;
}
.article-detail #extend span.print a {
   background: #f1f1f1 url('../img/ico-print.jpg') no-repeat left center;
}
.article-detail #extend span.save a {
   padding: 2px 0px 2px 14px;    
   background: #f1f1f1 url('../img/ico-top.jpg') no-repeat left center;
}
.article-detail #extend span.comment a {
   background: #f1f1f1 url('../img/ico-comment.jpg') no-repeat left center;
}
.article-detail #extend span.share a {
   background: #f1f1f1 url('../img/ico-share.jpg') no-repeat left center;
}
.article-detail #extend #share-box-env {
   display: none;
   border: 4px solid #f1f1f1;
   border-top: 0px;
   background: #fff;
}
.article-detail #extend .share-box {
   width: 100%;
   padding: 15px 0 15px 0;
   background: #fff;
}

.share-box div { 
   clear: both;

   text-align: center;
}
.share-box div.cleaner { 
   float: none;
   width: 100%;
}
.share-box a { 
   font-size: 1em;
   color: #2B385A; 
   float: left;
   width: 10%;
   display: block;
   margin: 0 0 0 15px;
   padding-left: 4%;
   line-height: 30px; 
   text-align: left;  
   background: red; 
   border-bottom: 1px solid white;
}

.share-box a.lGoogle{ background: transparent url('../img/share-icons/google.gif') no-repeat left 50%; }
.share-box a.lLinkuj{ background: transparent url('../img/share-icons/linkuj.gif') no-repeat left 50%; }
.share-box a.lFacebook{ background: transparent url('../img/share-icons/facebook.gif') no-repeat left 50%; }
.share-box a.lDelicious{ background: transparent url('../img/share-icons/delicious.gif') no-repeat left 50%; }
.share-box a.lJagg{ background: transparent url('../img/share-icons/jagg.gif') no-repeat left 50%; }
.share-box a.lPridat{ background: transparent url('../img/share-icons/pridateu.gif') no-repeat left 50%; }
.share-box a.lFurl{ background: transparent url('../img/share-icons/furl.gif') no-repeat left 50%; }
.share-box a.lYahoo{ background: transparent url('../img/share-icons/yahoo.gif') no-repeat left 50%; }
.share-box a.lDigg{ background: transparent url('../img/share-icons/digg.gif') no-repeat left 50%; }
.share-box a.lVybrali{ background: transparent url('../img/share-icons/vybralisme.gif') no-repeat left 50%; }
.share-box a.lReddit{ background: transparent url('../img/share-icons/reddit.gif') no-repeat left 50%; }
.share-box a.lMediaBlog{ background: transparent url('../img/share-icons/mediablog.gif') no-repeat left 50%; }

.article-detail #keywords {
  padding: 15px 10px;
  border-top: 2px solid #ccc;
}
.article-detail #keywords strong {
  padding-right: 10px;
}


.article {
   margin-bottom: 0px;
   padding: 15px 15px 8px 15px;
}

.article-detail-header {
   background: #f1f1f1;  
   padding: 10px 10px 0; 
}
.article a img {
   float: left;  
   padding: 6px 0 0 0;
}
.article .art-image {
   width: 20%;
   float: left; 
}
.article .art-body {
   float: right;
   width: 100%;
}
.article .art-body.with-img {
   float: right;
   width: 80%;
}
.article h2 a {
    letter-spacing: 1px;
   font-size: 22px;
   font-weight: normal;
   color: #63afd5;
   text-decoration: none;
   line-height: 1.1em;
}
.article h2 a:hover {
   text-decoration: underline;
}
.article p.perex {
   margin: 0px;
   padding: 5px 0px 15px;  
}
.article-detail .perex {
   padding: 0px 0px 0px; 
   background: #f1f1f1;
   margin: 0px;
}
.article .artFoot,
.article .artFoot * {
   margin: 0px 0px;
   padding: 0px;
   color: #858585;
}

.article .artFoot a.linkComent {
   padding-left: 20px;
   background: transparent url('../img/new/diskuze-ico.gif') no-repeat left center;   
}
 .article.firstArt {
   padding: 9px 15px 15px 15px;
   display: block;
   background: #f1f1f1; 
}
 .article.firstArt a img {
 
}
.article.firstArt h2 a {
  font-size: 26px;
}
.article.firstArt .artFoot a {
   margin: 0px 4px;
   color: #63afd5;
}

#pager {
   clear: both;
   margin-top: 30px;
   padding: 0px 20px;
   line-height: 25px;
   background: #f0f0f0;   
}
#pager-left, #pager-right {padding:0 10px;}

#pager .next{
   padding: 0px 20px;  
}


.article-detail .related {
  line-height: 25px;
  padding-left: 10px;
}
.article-detail .related a {
  line-height: 25px;
  padding-left: 25px;
  color: #3399CC;
  font-weight: bold;
  background: transparent url('../img/ico-related.jpg') no-repeat left center;  
}

.resultinfo {
  padding: 10px 0 15px;
}

/* ============ send article ============== */
#sendArticle {
  background: #eee;
  padding: 15px 10px 0px;
}
#sendArticle fieldset {
  margin-bottom: 15px;
}

#sendArticle label {
  float: left;
  text-align: left;
  width: 180px;
}

/* =====BANERY===== */
#under-content-banner {
   clear: both;
   width: 100%;
   padding: 25px 0px 0px 0px;
   text-align: center;   
}

.searchBox-env {
   position: absolute;
   top: 15px;  
   right: 20px;
}
.searchBox-env .inputText {
   width: 140px;
   position /*\**/: relative\9;
   top /*\**/: -5px\9; *top: 0px;
}
.searchBox-env .searchBtn {
   width: 66px;
   height: 22px;
   margin-left: 5px;
   border: 0px;
   background: transparent url('../img/new/search-button.jpg') no-repeat left center; 
}

form#addcom p {
   padding-bottom: 5px;
}
form#addcom label {
   display: block;
   float: left;
   width: 130px;
}

/* ===== diskuze====== */

#diskuze .header {
   margin-bottom: 15px;
   padding: 10px 10px 10px 10px;
   background: #f1f1f1;
}
#diskuze .obsah {
  padding-bottom: 15px;
}
#diskuze form.AddComment {
   float: left;
   margin-right: 3px;
}
#diskuze form.backToArticle {
   float: left;
   margin-right: 3px;
}
#diskuze .btn.c6 {
   margin-left: 0px;
}
#diskuze p.alert {
   display: block;
   width: 100%;   
   padding-top: 10px;
   padding-bottom: 0px;
   text-align: center;  
   font-weight: bold;
  
}
#diskuze .com {
   margin-bottom: 10px;
}
#diskuze .com-header {
   position: relative;
   background: #ddd;  
   height: 30px; 
   padding-left: 15px;
   line-height: 30px; 
}
#diskuze .com-header p {
  margin: 0px;
  padding: 0px;
}
#diskuze .com-header em {
   margin-right: 7px;
}
#diskuze .com-header em.title {
   font-weight: bold;
}
#diskuze .com-button {
   position: absolute;
   top: 4px;
   right: 4px;   
}
#diskuze .com-body {
   padding: 5px;
   background: #f6f6f6;  
}
#diskuze .header h1 {
  line-height: 1.2em;
  padding-bottom: 10px;
  font-weight: normal;
}

/* ==========pridavani prispevku========== */
#addComm {
  background: #f1f1f1;
  padding: 15px 10px;
}
#addComm fieldset {
   margin: 20px;  
}

#addComm h2#c-name {
   font-size: 1.6em;
   font-weight: bold;
   color: #63afd5;
   text-decoration: none;
}
#addComm input.sendmail {
   display: block;
   margin-top: 15px;
   width: 310px;
   clear: both;
}


#newsletter-input {
  width: 98%; 
}
#newsletter-button {
  padding-top: 10px;
}

#newsletter-profil {
  background: #f1f1f1;
  padding: 10px;

}
#newsletter-profil table,
#newsletter-profil fieldset {
  margin-bottom: 10px;
}

.artBannBox {
  width:468px;
  margin:0px auto 10px auto;
}

#leftBann {
  width:200px;
  margin:0px auto 10px auto;
}

.fb-like {height:20px; margin:20px 0 10px;}