/*
Name: Main Style Sheet
Author: Ludek Cernocky; ludek@faceit.cz, www.faceit.cz
Date: 24.6.2009
Note: Donīt steal, just watch and learn. This CSS is copyrighted like all other stuff on this domain ;)
*/

/*
1. General
2. Construction
3. Header
4. Content
5. Menu
6. Products navigation
7. Footer
8. Color adjustments

*/

/* 1. GENERAL
---------------------- */
* {margin:0; padding:0;}

body {background: #D08C3D url('../img/background/orange/bg.jpg') repeat-x 0 0; color: Black; font-family: sans-serif; font-size: medium;}

.hide, hr {display: none;}

a {color: Black; outline: none;}
a:hover {color: #333; text-decoration: none;}
a:focus {color: #534C3A; text-decoration: underline;}

h1 {font-size: 130%;}
h2 {font-family: Impact, "Techno CE", sans-serif; font-size: 29px; line-height: 29px; height: 29px; font-weight: lighter; text-transform: uppercase;}
h3 {font-size: 100%;}

img {border: none; font-size: 12px;}

input, select, textarea {color: #333; font-family: sans-serif; font-size: 100%; padding: 1px 2px;}
input[type="text"], textarea {border: 1px solid; border-color:#7C7C7C #C3C3C3 #DDDDDD; }
select {padding: 0;}

object {outline: none;}

small {font-size: 10px;}

table {border-collapse: collapse; font-size: 100%;}

.left {text-align: left;}
.center {text-align: center;}
.right {text-align: right;}

.float-left {float: left;}
.float-right {float: right;}

/* 2. CONSTRUCTION - default color is orange
---------------------- */
#all {background: transparent url('../img/background/orange/photo.jpg') no-repeat 0 0; font-size: 87.5%; min-height: 1250px; position: relative; width: 1002px;}

#header {position: absolute; left: 50px; top: 12px;}

#content {margin: 0 0 0 340px; padding: 105px 15px 0 0; text-align: left;}
menu {position: absolute; top: 37px; left:332px; height: 49px; width: 670px; z-index: 50;}
#footer {margin: 20px 0 0 340px; text-align: center;}

/* 3. HEADER
---------------------- */
#header h1 a {margin-left: 10px; margin-top: 10px; color:transparent;}
#header h1 a, #header h1 a span {cursor: pointer; display: block; overflow: hidden; height: 55px; width: 180px; position: absolute; left: 0; top: 0;}
#header h1 a span {background: url('../img/logo.gif') no-repeat 0 0; height: 55px; padding: 0; z-index: 10;}
#slogan {position: absolute; top: 100px; left: 45px; width: 235px; font-weight: bold; font-size: 120%; text-align: center;}

/* 4. CONTENT
---------------------- */
  #content h3 a {color: Black; text-decoration: none;}
  #content h3 a:hover, #content h3 a:focus {text-decoration: underline;}

  #content a.more, #content button {background: #2E241C; border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; border: 1px solid #2E241C; color: #FFCC33; cursor: pointer; display: block; font-size: 10px; padding: 1px 5px; text-decoration: none;}
  #content a.more:hover, #content button:hover {background: #3A3A3A url('../img/a.gif') repeat-x 0 0; border-color: #181818;}
  #content a.more:focus, #content a.more:active, #content button:focus, #content button:active {background: Black; border-color: Black;}

	/* 4.1 Intro */
	#content div#intro { margin: -10px 0 0 -20px; position: relative; height: 302px; width: 678px;}

	/* 4.2 Breadcrumb navigation */
	#content div#breadcrumb {background: url('../img/footer/bg.png') no-repeat 50% 100%; margin-top: -8px; width: 100%;}
  #content div#breadcrumb p {color: #333; font-size: 10px; margin: 0; padding: 0 0 1.5em 0.2em;}
  #content div#breadcrumb p strong {color: #FFD131; font-weight: normal;}

	/* 4.3 Articles */
	#content div#articles, #content div#articles1 {min-height: 350px; width: 670px;}
	#content div#articles:after, #content div#articles1:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;} /* clearfix */

	#content div#articles div.content {float: left; width: 425px;}
	#content div#articles1 div.content {float: left; width: 670px;}
	#content div#articles div.column {float: left; margin: 5px 0 0 10px; width: 230px;}

    /* 4.3.1 Single article */
    #content .article {background: transparent url('../img/line.gif') repeat-x 0 100%; min-height: 1%; margin: 5px 15px 5px 5px; padding: 0.5em 0 0.2em 0;}
    #content #articles .article:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;} /* clearfix */
    #content .article dt {font-size: 10px;}
    #content .article dd {line-height: 120%;}
    #content .article dd span.img {background: transparent url('../img/shadow.png') no-repeat 50% 100%; display: block; float: left; margin: 3px 10px 0 0; padding: 0 0 10px 0;}
    .products #content .article div.img {background: transparent url('../img/shadow.png') no-repeat left 100%; padding-bottom: 10px;}
    #content div#articles .article dd span.img img {width: 160px; height: 120px;}
    #content div#articles .most-readed .article dd span.img img {width: 80px; height: 60px;}
    .products #content .most-readed .article dd span.img img {width: 80px; height: 60px;}
    #content div#articles .most-readed .article.odbor dd span.img img {width: 75px; height: 75px;}

    #content .column .article dd span.img, #content #similar-articles .article dd span.img {background-image: url('../img/shadow-small.png'); padding-bottom: 7px;}
    #content .article dd img {border: 3px solid White; float: left; margin-right: 10px;}

    #content .article.main, #content .perex {font-size: 114.3%;}
    #content .article.main h3 {font-size: 112.5%;}
    #content .article.main dd {line-height: 125%;}

    #content .article dd a.more {clear: both; float: right; font-weight: bold;line-height: 16px; margin: -26px 0 5px 0;}

    #content .article p {line-height: 130%; margin: 0.5em 0; padding: 0.5em 0;}

    /* 4.3.2 List of items */
    #content .item-list {background: transparent url('../img/line.gif') repeat-x 0 100%; min-height: 110px; margin: 0.9em 0; padding: 0.4em 0 0.75em 0; width: 100%;}
    #content .item-list:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;} /* clearfix */

    #content .item-list blockquote {float: left; height: 110px; overflow: hidden; position: relative; margin-right: 13px; width: 31%;}
    body.bazar #content .item-list blockquote {width: 100%; float: none;}
    #content .item-list blockquote h3, #content .item-list blockquote p {position: absolute; left: 85px;}
    #content .item-list blockquote h3 {top: 0; height: 17px; width: 10000px;}
    #content .item-list blockquote p {font-size: 12px; margin: 0; padding: 0; line-height: 14px;}
    #content .item-list blockquote p.date {top: 17px}
    #content .item-list blockquote p.description {top: 40px; height: 44px; overflow:hidden;}
    #content .item-list blockquote p.price {bottom: 7px; font-size: 14px; width: 100px;}
    #content .item-list blockquote p.price a.more {font-weight: bold; position: absolute; right: -10px; top:-3px;}
    #content .item-list blockquote p.image {background: url('../img/shadow-small.png') no-repeat 50% 100%; left: 0; top: 20px; padding: 0 0 7px 0; overflow: hidden; height: 75px; width: 75px;}
    #content .item-list blockquote p.image a {background: White; display: block; height: 75px; width: 75px; overflow: hidden;}
    #content .item-list blockquote p.image img {height: 75px; width: 75px;}

    #content .simple blockquote h3, #content .simple blockquote p.description {position: static; padding-left: 85px;}
    #content .simple blockquote h3 {width: auto; height: auto; text-indent: -85px; font-size: 95%; }
    #content .simple blockquote p.description {height: auto; font-size: 80%; line-height: 120%; margin-top: 5px;}
    #content .simple blockquote p.price {bottom: 20px;}

    #content .no-date blockquote h3, #content .no-date blockquote p.description {position: static; padding-left: 85px;}
    #content .no-date blockquote h3 {width: auto; height: auto;}
    #content .no-date blockquote p.description {margin-top: 5px;}

    /* 4.3.3 Content */
    #content div.paging {min-height: 1%; position: relative; margin: 0 0 0.5em 0;}
		#content div.paging:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;} /* clearfix */
		#content div.paging em {display: none;}
		#content div.paging a {margin: 5px 17px 5px 3px;}
		#content div.paging a:hover, #content div.paging a:focus {background: #3A3A3A url('../img/a-hover.gif') repeat-x 0 0;}
		#content div.paging a.previous {float: left;}
		#content div.paging a.next {float: right;}

    #content div.paging.products {min-height: 20px; margin: 0;}
    #content div.paging.products p {position: relative; width: 100%;}
    #content div.paging.products a.previous, #content div.paging.products a.next, #content div.paging.products strong {position: absolute; top: 5px; margin: 0;}
    #content div.paging.products a.previous {left: 0;}
    #content div.paging.products a.next {right: 0;}
    #content div.paging.products strong {display: block; font-weight: normal; font-size: 12px; width: 400px; position: relative; margin: 0 auto; text-align: center;}
    #content div.paging.products strong * {margin:  0 2px;}
    #content div.paging.products strong span {font-weight: bold;}

    /* pseudomenu */
    #content p.pseudomenu {font-size: 85.7%; margin: 0.5em 0 0.5em 0; padding: 0.5em 0 0 0; text-transform: uppercase;}
    #content p.pseudomenu a {color: #FFD233;}
    #content p.pseudomenu a.active {text-decoration: none;}
    #content p.pseudomenu span {color: #8B9F64; margin: 0 0.2em;}

    /* similar articles */
    #content #similar-articles {min-height: 1%;}
    #content #similar-articles:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;} /* clearfix */

    #content #similar-articles .article {background: none; margin: 0;  float: left; width: 33%;}
    #content #similar-articles .article h3, #content #similar-articles .article dl {padding-right: 20px;}

    /* media panel */
    #content div.media {background: url('../img/media.png') no-repeat 0 0; margin: 0.5em 0 1em -0.75em; position: relative; height: 82px; width: 647px;}
    #content div.media:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;} /* clearfix */
    #content div.media img {border: 3px solid White;}
    #content div.media blockquote {position: absolute; top: 12px; left: 20px; width: 620px; height: 56px; overflow: hidden; z-index: 100;}
    #content div.media blockquote a {display: block; float: left; margin-right: 10px;}

      /* products */
      body.products #articles {padding-top: 1.5em;}
      body.products #content .article {margin-left: 0;}
      body.products #content .article a.more {float: left; margin: -10px 0 10px 0;}
      #kontakt {float: right; margin-left: 15px; margin-bottom: 15px;}
      #kontakt #logo {text-align: left; padding: 15px 0;}
      #kontakt td { font-family: arial; font-size: 10px; }
      #info {margin-right: 170px; text-align: justify;}
      #info:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;} /* clearfix */


      /* products - choosing */
      #form_filtr {display: none;}
      body.products #content .content .article a.more {margin: -26px 0 5px 0;}

      #content div.choose {background: transparent url('../img/line.gif') repeat-x 0 100%; min-height: 1%; margin: 0.5em 0 1em 0; padding: 0 0 1em 0;}
      #content div.choose:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;} /* clearfix */

      #content div.choose p {white-space: nowrap; margin: 0 0 0.5em 0}
      #content div.choose p span {display: block; float: left; margin: 0 0 0.5em 0;}
      #content div.choose p label {margin: 0 1em 0 0.1em; color: Black;}
      #content div.choose p a.more {float: right; margin: 0;}

      #content p.show {min-height: 1%; margin: 0 0 2em 0;}
      #content p.show:after {content: ""; display: block; height: 0; clear: both; visibility: hidden;} /* clearfix */
      #content p.show em, #content p.show span {font-style: normal; display: none;}
      #content p.show a {float: left; margin: 0 1em 0 0;}

      /* products - detail*/
      body.detail #content .main {background: none;}
      body.detail #content .main div.znacka {float: right; text-align: center;}
      body.detail #content .main div.znacka .url {margin-bottom: 10px; font-weight: bold; color: white;}
      body.detail #content #atrib {border-collapse: collapse;}
      body.detail #content #atrib th {padding: 2px 0; text-align: left;}
      body.detail #content #atrib td {padding: 2px 10px;}

      body.detail #content .article .paging {position: relative; padding: 0 0 0.5em 0;}
      body.detail #content .article .paging a.more {margin: 0 0 0 10px;}
      body.detail #content .article .paging a.more.previous {position: absolute; left: 0; margin-left: 0;}
      body.detail #content .article .paging p {float: right;}

      /* product - places */
      #content div.places {background: url('../img/footer/bg.png') no-repeat 50% 0; margin: 1.5em 0 0 0; padding: 0.5em 0 0 0;}
      #content div.places h3 {margin: 1em 0 1em 0;}

      #content div.places table {margin: 0 0 2em 0; width: 99%;}
      #content div.places table caption {text-align: left; padding: 0.5em 0 1em 0;}
      #content div.places table th, #content div.places table td {padding: 0.25em 1em 0.25em 0.5em; width: 20%;}
      #content div.places table th {font-weight: normal;}
      #content div.places table .bg th, #content div.places .bg td {background: #BDCDCD;}

      /* product - map */
      #content div.map {margin: 1em 0 2em 0; position: relative; width: 500px; height: 320px;}
      #content div.map form {position: absolute; bottom: 0; left: 0; z-index: 300;}
      #content div.map select {max-width: 205px; padding: 1px 3px; text-transform: uppercase;}
      #content div.map #map { margin-left: 50px; position: relative; width: 500px; height: 320px; z-index: 50;}
      #content div.map #map p {padding: 10px 0 0 220px;}

      /* archive + reviews */
      body.archive #content .content .article, body.reviews #content .content .article {margin-left: 0;}

      /* tips */
      body.tips #content .content .article {margin-left: 0;}
      body.tips #content .content h2, body.reviews #content .content h2 {display: none;}

      /* news */
      body.news #content .content .article {margin-left: 2px;}
      body.news #content .article.main {background: none;}
      body.news #content div#articles1 div.paging a {float: right;}

      body.news #content #articles1 div.media {background: url('../img/media-small.png') no-repeat 0 0; margin-top: 0; width: 422px;}
      body.news #content #articles1 div.media blockquote {width: 330px; left: 50px;}
      body.news #content #articles1 div.media blockquote a {margin: 0 6px 0 0;}
      body.news #content #articles1 div.media p a.previous {left: 17px;}
      body.news #content #articles1 div.media p a.next {right: 17px;}

      /* contact */
      body.contact #content h2 {margin: 1em 0 0 0;}
      body.contact #content address {background: transparent url('../img/line.gif') repeat-x 0 100%; font-size: 114.3%; font-weight: bold; font-style: normal; margin: 0.5em 0 0 0; padding: 1.5em 0;}
      body.contact #content address small {font-size: 87.5%; display: block; font-weight: normal; margin-top: 1.5em;}

      body.contact #content form fieldset {border: 0; text-align: center;}
      body.contact #content form legend {display: none;}
      body.contact #content form dl {text-align: left;}
      body.contact #content form dt {margin: 1.5em 0 0.25em 0;}
      body.contact #content form input {width: 200px;}
      body.contact #content form textarea {width: 100%;}
      body.contact #content form button {margin: 1.25em auto 0 auto; position: relative;}

      /* bazar */
      body.bazar #content form select {margin: 0 0.75em 0.5em 0; width: 30%;}

      /* authors */
      body.authors #content .perex {padding-bottom: 1em;}
      body.authors #content .perex p {margin: 0.3em 0 0.5em 0; padding: 0.1em 0 0.5em 0;}

		/* 4.3.4 Column */
		#content div#articles div.column h2 {text-align: left;}

		#content div#articles div.column .section {margin: 0.5em 0 1.5em 0; text-align: left;}
		#content div#articles div.column .section h2 {margin: 0.35em 0 0 0.25em;}

		#content div#articles div.column .partners.section {margin: 0; text-align: center;}
		#content div#articles div.column .partners p {margin: 1em 0;}

	/* 4.4 Recommend */
	#content div#recommend {background: url('../img/recommend.png') no-repeat left bottom; min-height: 1%; margin: 15px 0 0 -35px; padding: 0 0 0 35px; width: 655px; height:190px }
	#content div#recommend:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;} /* clearfix */

	#content div#recommend h2 {background: url('../img/footer/bg.png') no-repeat 50% 0; margin: 0 0 15px 0; padding: 20px 0 0 0;}

	#content div#recommend blockquote, #content .column .hot blockquote {background: White; float: left; margin: 0 8px 0 0; font-size: 85.7%; position: relative; overflow: hidden; height: 90px; width: 80px;}
	#content div#recommend blockquote img, #content .column .hot blockquote img {position: absolute; left: 6px; bottom: 4px; height: 75px; width: 75px;}
	#content div#recommend blockquote a, #content .column .hot blockquote a {text-decoration: none;}

	/* hot stuff in right column */
	#content .column .hot blockquote {float: none; margin: 2em auto 0 auto;}
  #content .column .hot div.novinka { margin-bottom: 10px; }
  #content .column .hot div.novinka div.nazev { font-weight: bold; }

	/* 4.5 Advertisements */
  #content div#articles div.column .adv.section {margin: 1.25em 0; text-align: center;}
  #content div#articles div.column .adv p {margin: 0 auto; position: relative; width: 200px; height: 200px;}
  #content div#articles div.column .adv p small {position: absolute; z-index: 20; top: -10px; left: 0;}
  #content div#articles div.column .adv p a {display: block; top: 9px; left: 0; position: absolute; z-index: 19;}

  /* archive column ads */
  body.archive #content div#articles div.column .adv.section {margin-top: 5em;}

  /* tips column ads */
  body.tips #content div#articles div.column .adv.section {margin-top: 3.5em;}

/* 5. MENU
---------------------- */
menu {font-size: 82.4%; overflow: hidden;}
menu li {display: inline; float: left;}
menu a, menu a span {background-color: #333; color: White; cursor: pointer; display: block; float: left; height: 41px; padding-top: 8px; position: relative; text-align: center; width: 129px;}
menu a span {background: transparent url('../img/background/orange/menu.jpg') no-repeat 0 0; float: none; overflow: hidden; padding: 0; position: absolute; left: 0; top: 0; z-index: 10; height: 49px;}
menu a:hover {color: #FFD705;}
menu a:hover span, menu a:focus span {background-position: 0 -49px;}
menu a.active span {background-position: 0 -98px;}

menu li.m0 a, menu li.m0 a span {width: 137px;}
menu li.m1 a span {background-position: -137px 0;}
menu li.m1 a:hover span, menu li.m1 a:focus span {background-position: -137px -49px;}
menu li.m1 a.active span {background-position: -137px -98px;}
menu li.m2 a span {background-position: -266px 0;}
menu li.m2 a:hover span, menu li.m2 a:focus span {background-position: -266px -49px;}
menu li.m2 a.active span {background-position: -266px -98px;}
menu li.m3 a, menu li.m3 a span {width: 127px;}
menu li.m3 a span {background-position: -395px 0;}
menu li.m3 a:hover span, menu li.m3 a:focus span {background-position: -395px -49px;}
menu li.m3 a.active span {background-position: -395px -98px;}
menu li.m4 a, menu li.m4 a span {width: 137px;}
menu li.m4 a span {background-position: -522px -49px;}
menu li.m4 a:hover span, menu li.m4 a:focus span {background-position: -522px 0;}
menu li.m4 a.active span {background-position: -522px -98px;}

/* 6. PRODUCTS NAVIGATION
---------------------- */
#products-navigation {font-size: 85.7%; position: absolute; left: 83px; top: 120px;}
#products-navigation h2{font-size: 170%; margin-bottom: 0;}

#products-navigation ul {list-style: none; text-align: left; text-transform: uppercase;}
#products-navigation ul li {border-bottom: 1px solid #E8E8E8; width: 180px;}
#products-navigation ul li a {display: block; font-weight: bold; padding: 0.4em 2em 0.5em 2em; text-decoration: none;}
#products-navigation ul li a:hover, #products-navigation ul li a.active {background: url('../img/submenu-hover.gif') no-repeat 0 0; color: #FFD131; padding-left: 2.3em; padding-right: 1.7em;}

#products-navigation ul li ul {display: block;}
#products-navigation ul li ul li {border: none; font-size: 83.3%;}
#products-navigation ul li ul li a {font-weight: normal; padding: 0.3em 2em; padding-left: 3em;}
#products-navigation ul li ul li a:hover, #products-navigation ul li ul li a.active {padding-left: 3.3em;}


/* 7. FOOTER
---------------------- */
#footer {background: url('../img/footer/bg.png') no-repeat 50% 0; font-size: 78.6%; padding-top: 10px;}

#footer ul {font-size: 90.9%; position: absolute; top: 7px; right: 20px;}
#footer ul li {display: inline; list-style: none; border-left: 1px solid #D68254; margin: 0 0 0 0.55em; padding: 0 0 0 0.55em; text-transform: uppercase;}
#footer ul li a {color: #E2CAA1; text-decoration: none;}
#footer ul li a:hover, #footer ul li a:focus, #footer ul li a.active {color: #FFD131; text-decoration: underline;}

#footer blockquote {margin: 0; padding: 10px 0 0 0; text-align: center;}
#footer blockquote small {padding-right: 5px;}

#footer p {padding: 10px 20px 0 0; text-align: right; text-transform: uppercase;}
#footer p a {color: Black; font-weight: bold; text-decoration: none;}
#footer p a:hover {color: #333; text-decoration: underline;}
#footer p span, #footer p a.up {display: none;}

/* 8. COLOR ADJUSTMENTS etc.
---------------------- */
body.orange {background: #D08C3D url('../img/background/orange/bg.jpg') repeat-x 0 0;}
body.orange #all {background: transparent url('../img/background/orange/photo.jpg') no-repeat 0 0;}

body.dark-orange {background: #A17956 url('../img/background/news/bg.jpg') repeat-x 0 0;}
body.dark-orange #all {background: transparent url('../img/background/news/photo.jpg') no-repeat 0 0;}
body.dark-orange menu a span {background-image: url('../img/background/news/menu.jpg');}
body.dark-orange #footer ul li {color: #A8612F; border-left-color: #A8612F;}
body.dark-orange #content #breadcrumb a, body.dark-orange #footer ul li a {color: #D3AD78;}
body.dark-orange #content #breadcrumb a:hover, body.dark-orange #footer ul li a:hover {color: #FFD131;}

body.light-blue {background: #C1CFEC url('../img/background/contact/bg.jpg') repeat-x 0 0;}
body.light-blue #all {background: transparent url('../img/background/contact/photo.jpg') no-repeat 0 0;}
body.light-blue menu a span {background-image: url('../img/background/contact/menu.jpg');}
body.light-blue #footer ul li {border-left-color: #718BA3;}
body.light-blue #content #breadcrumb a, body.light-blue #footer ul li a {color: #516677;}
body.light-blue #footer ul li a:hover, body.light-blue #content #breadcrumb p strong {color: White;}
body.light-blue #content #breadcrumb a:hover {color: Black;}

body.dark-blue {background: #0F2749 url('../img/background/bazar/bg.jpg') repeat-x 0 0;}
body.dark-blue #all {background: transparent url('../img/background/bazar/photo.jpg') no-repeat 0 0;}
body.dark-blue h2 {color: White; margin: 0.5em 0;}
body.dark-blue menu a span {background-image: url('../img/background/bazar/menu.jpg');}
body.dark-blue #footer ul li {border-left-color: #405E8A;}
body.dark-blue #content #breadcrumb a, body.dark-blue #footer ul li a {color: #9AB3CC;}
body.dark-blue #content #breadcrumb a:hover, body.dark-blue #footer ul li a:hover {color: #FFDA59;}
body.dark-blue #content #breadcrumb p {color: #BBB;}
body.dark-blue #content #breadcrumb p strong {color: White;}

body.mid-blue {background: #151D34 url('../img/background/archive/bg.jpg') repeat-x 0 0;}
body.mid-blue #all {background: transparent url('../img/background/archive/photo.jpg') no-repeat 0 0;}
body.mid-blue h2 {margin: 0.5em 0;}
body.mid-blue menu a span {background-image: url('../img/background/archive/menu.jpg');}
body.mid-blue #footer ul li {border-left-color: #6195CB;}
body.mid-blue #content #breadcrumb a, body.mid-blue #footer ul li a {color: #A9D6F2;}
body.mid-blue #content #breadcrumb a:hover, body.mid-blue #footer ul li a:hover {color: #FFDA59;}
body.mid-blue #content #breadcrumb p {color: #BBB;}
body.mid-blue #content #breadcrumb p strong {color: White;}

body.soft-blue {background: #2695C2 url('../img/background/reviews/bg.jpg') repeat-x 0 0;}
body.soft-blue #all {background: transparent url('../img/background/reviews/photo.jpg') no-repeat 0 0;}
body.soft-blue h2 {margin: 0.5em 0;}
body.soft-blue menu a span {background-image: url('../img/background/reviews/menu.jpg');}
body.soft-blue #footer ul li {border-left-color: #1A466B;}
body.soft-blue #content #breadcrumb a, body.soft-blue #footer ul li a {color: #8DC6DE;}
body.soft-blue #content #breadcrumb a:hover, body.soft-blue #footer ul li a:hover {color: #FFDA59;}
body.soft-blue #content #breadcrumb p {color: #BBB;}
body.soft-blue #content #breadcrumb p strong {color: White;}
body.soft-blue #content p.pseudomenu a {color: White;}

body.cyan {background: #ADAEB2 url('../img/background/products/bg.jpg') repeat-x 0 0;}
body.cyan #all {background: transparent url('../img/background/products/photo.jpg') no-repeat 0 0;}
body.cyan h2 {margin: 0.5em 0;}
body.cyan menu a span {background-image: url('../img/background/products/menu.jpg');}
body.cyan #footer ul li {border-left-color: #4C8E8D;}
body.cyan #content #breadcrumb a, body.cyan #footer ul li a{color: #ABC1BA;}
body.cyan #content #breadcrumb a:hover, body.cyan #footer ul li a:hover {color: #FFDA59;}
body.cyan #content #breadcrumb p {color: #BBB;}
body.cyan #content #breadcrumb p strong {color: White;}

body.green {background: #647D3B url('../img/background/review/bg.jpg') repeat-x 0 0;}
body.green #all {background: transparent url('../img/background/review/photo.jpg') no-repeat 0 0;}
body.green h2 {margin: 0.5em 0;}
body.green menu a span {background-image: url('../img/background/review/menu.jpg');}
body.green #footer ul li {border-left-color: #6A7F3C;}
body.green #content #breadcrumb a, body.green #footer ul li a {color: #AEC08B;}
body.green #content #breadcrumb a:hover, body.green #footer ul li a:hover {color: #FFDA59;}
body.green #content #breadcrumb p {color: #BBB;}
body.green #content #breadcrumb p strong {color: White;}

body.bud {background: #AFB29F url('../img/background/authors/bg.jpg') repeat-x 0 0;}
body.bud #all {background: transparent url('../img/background/authors/photo.jpg') no-repeat 0 0;}
body.bud h2 {margin: 0.5em 0;}
body.bud menu a span {background-image: url('../img/background/authors/menu.jpg');}
body.bud #footer ul li {border-left-color: #4B5535;}
body.bud #content #breadcrumb a, body.bud #footer ul li a{color: #ABC1BA;}
body.bud #content #breadcrumb a:hover, body.bud #footer ul li a:hover {color: #FFDA59;}
body.bud #content #breadcrumb p {color: #BBB;}
body.bud #content #breadcrumb p strong {color: White;}

#novyInzerat { display: none; }

.filtr_button{float:right;padding:3px 0;}
.filtr_button form{color:#4D4D4D;margin:3px 5px;display:inline;}
.filtr_button input{border:none;cursor:pointer;padding:0 15px;}
.filtr_button input.sel,.filtr_button input.sell{font-weight:bold;}
#filtr_vysl{padding:5px 0;}
#filtr_vysl span{font-weight:bold;}

#content #rekDole {float: right;}
#content .content #rekDole {float: none; clear: left;}
#rekDole { height:60px; overflow: hidden; text-align: center; }
#rekDole img {vertical-align: top;}

#message { text-align: center; color: black; font-weight: bold; font-size: x-large; margin-top: 10px; padding-top: 10px; }
/* SOUTEZ */
#otazky p { background-color: #364d64; color: white; margin: 0; padding: 2px 20px; font-weight: bold; }
#otazky li { background-color: #ebedf0; color: #364d64; margin-top: 2px; padding: 1px 20px; }
#otazky ul { list-style: none; margin: 0 0 10px 0; padding: 0; }
#formular { margin-top: 10px; padding: 10px; background-color: #d8e7e9; border: solid #7F7F7F 1px; }
#formular textarea { width: 100%; border: solid #7F7F7F 1px; }
#formular label, #formular input, #formular select { width: 150px; float: left; margin-bottom: 5px; border: solid #7F7F7F 1px; }
#formular label { border: none; text-align: right; width: 85px; padding-right: 20px; margin-bottom: 5px; }
#formular select { height: 20px; }
#formular br { clear: left; }