/* 
   Stylopis pro Obcanske sdruzeni Karel IV.
   Autor: Martin Michalek, michalek@shorcat.cz
*/


/* Importujeme styly pro FancyBox */

@import "fancybox.css";


/* -----------------------------------------------------------------------


 Blueprint CSS Framework 0.8
 http://blueprintcss.org

   * Copyright (c) 2007-Present. See LICENSE for more info.
   * See README for instructions on how to use Blueprint.
   * For credits and origins, see AUTHORS.
   * This is a compressed file. See the sources in the 'src' directory.

----------------------------------------------------------------------- */

/* reset.css */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}
body {line-height:1.5;}
table {border-collapse:separate;border-spacing:0;}
caption, th, td {text-align:left;font-weight:normal;}
table, td, th {vertical-align:middle;}
blockquote:before, blockquote:after, q:before, q:after {content:"";}
blockquote, q {quotes:"" "";}
a img {border:none;}

/* typography.css */
body {font-size:75%;color:#222;background:#fff;font-family:"Helvetica Neue", Arial, Helvetica, sans-serif;}
h1, h2, h3, h4, h5, h6 {font-weight:normal;color:#111;}
h1 {font-size:3em;line-height:1;margin-bottom:0.5em;}
h2 {font-size:2em;margin-bottom:0.75em;}
h3 {font-size:1.5em;line-height:1;margin-bottom:1em;}
h4 {font-size:1.2em;line-height:1.25;margin-bottom:1.25em;}
h5 {font-size:1em;font-weight:bold;margin-bottom:1.5em;}
h6 {font-size:1em;font-weight:bold;}
h1 img, h2 img, h3 img, h4 img, h5 img, h6 img {margin:0;}
p {margin:0 0 1.5em;}
p img.left {float:left;margin:1.5em 1.5em 1.5em 0;padding:0;}
p img.right {float:right;margin:1.5em 0 1.5em 1.5em;}
a:focus, a:hover {color:#000;}
a {color:#009;text-decoration:underline;}
blockquote {margin:1.5em;color:#666;font-style:italic;}
strong {font-weight:bold;}
em, dfn {font-style:italic;}
dfn {font-weight:bold;}
sup, sub {line-height:0;}
abbr, acronym {border-bottom:1px dotted #666;}
address {margin:0 0 1.5em;font-style:italic;}
del {color:#666;}
pre {margin:1.5em 0;white-space:pre;}
pre, code, tt {font:1em 'andale mono', 'lucida console', monospace;line-height:1.5;}
li ul, li ol {margin:0 1.5em;}
ul, ol {margin:0 1.5em 1.5em 1.5em;}
ul {list-style-type:disc;}
ol {list-style-type:decimal;}
dl {margin:0 0 1.5em 0;}
dl dt {font-weight:bold;}
dd {margin-left:1.5em;}
table {margin-bottom:1.4em;width:100%;}
th {font-weight:bold;}
thead th {background:#c3d9ff;}
th, td, caption {padding:4px 10px 4px 5px;}
tr.even td {background:#e5ecf9;}
tfoot {font-style:italic;}
caption {background:#eee;}
.small {font-size:.8em;margin-bottom:1.875em;line-height:1.875em;}
.large {font-size:1.2em;line-height:2.5em;margin-bottom:1.25em;}
.hide {display:none;}
.quiet {color:#666;}
.loud {color:#000;}
.highlight {background:#ff0;}
.added {background:#060;color:#fff;}
.removed {background:#900;color:#fff;}
.first {margin-left:0;padding-left:0;}
.last {margin-right:0;padding-right:0;}
.top {margin-top:0;padding-top:0;}
.bottom {margin-bottom:0;padding-bottom:0;}

/* forms.css */
label {font-weight:bold;}
fieldset {padding:1.4em;margin:0 0 1.5em 0;border:1px solid #ccc;}
legend {font-weight:bold;font-size:1.2em;}
input.text, input.title, textarea, select {margin:0.5em 0;border:1px solid #bbb;}
input.text:focus, input.title:focus, textarea:focus, select:focus {border:1px solid #666;}
input.text, input.title {width:300px;padding:5px;}
input.title {font-size:1.5em;}
textarea {width:390px;height:250px;padding:5px;}
.error, .notice, .success {padding:.8em;margin-bottom:1em;border:2px solid #ddd;}
.error {background:#FBE3E4;color:#8a1f11;border-color:#FBC2C4;}
.notice {background:#FFF6BF;color:#514721;border-color:#FFD324;}
.success {background:#E6EFC2;color:#264409;border-color:#C6D880;}
.error a {color:#8a1f11;}
.notice a {color:#514721;}
.success a {color:#264409;}



/* ===== Blueprint CSS Extra -- Doplneni Blueprint CSS -- Autor: Martin Michalek, Shortcat michalek@shortcat.cz  ===== */

/* Mensi vyska radku a vynulovani ramecku */  
body {
  line-height:1.3;
  margin: 0; 
  padding: 0;
}

/* Nedelame outline - ovsem TODO, jak je s pristupnosti */  
* {
  outline: none;
}  

/* Nedekorujeme odkazy */
a {
  text-decoration: none;
} 

/* Neprebirame barvu bunek tabulky */
th { 
  background: transparent; 
}

/* Necheme, aby obrazky v odstavcich floatovaly */
p img { 
  float: none; margin: 0; 
}

/* Jednotne pismo i pro prvky formulare */
input, textarea, select { 
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; 
}

/* Nechceme pridavat margin k formularovym prvkum */
textarea, select {
  margin: 0;
}

/* Nechceme nastavovat velikost pro textareu */
textarea {
  width: auto;
  height: auto;
  font-size: 1em;
}

/* Zatim rusime fokus na formularovych prvcich - mozna je lepsi nastavovat pro kazdy web zvlast */
input:focus, textarea:focus, select:focus,
input, textarea, select {
  border: 1px inset #aaa;
  padding: 2px 0;
}

/* Stylovani odesilacich tlacitek, aby nepodedily vyse uvedene */
input[type=submit] {
  border: 2px outset #aaa;
  cursor: pointer;
}

/* Stylovani odesilacich tlacitek, aby nepodedily vyse uvedene */
input[type=radio], input[type=checkbox], input[type=hidden] {
  border: none;
}

/* Pridame ceske uvozovky do citaci, TODO: proc se neukladaji spravne znaky? */  
blockquote:before, blockquote:after, q:before, q:after {
  content: Ĕ;
}
blockquote, q {
  quotes:Ą Ԕ;
}  


/* ===== Obecne tridy  ===== */

.clear-zero /* TODO: Deprecated: nahradit .clearfix z Blueprintu ..? */
  { clear: both; height: 1px; font-size: 1px; }
.half-left
  { float: left; width: 49%; }
.half-right
  { float: right; width: 49%; text-align: right }    
hr.divider
  { height: 40px; background: transparent; border: none; }
 
  
/* ===== Tabulky ===== */

table 
  { border-collapse: collapse; }

th, td {
  padding: 2px 0;
  vertical-align:top;
}


/* ===== Formulare  ===== */ 

table.form th, 
table.form td 
  { padding: 2px; }

table.form th 
  { font-weight: normal; width: 33%; }
table.form td 
  { font-weight: normal; width: 66%; }

table.form tr.submit td,
table.form tr.submit th 
  { border-bottom: 0; }  

table.form small.help 
  { color: #A9A49C; }

label 
  { font-weight: normal; }

p.submit-row 
  { text-align: right; }
  
input, select, textarea {
  font-size: 1em;
}
  
/* Velikost formularovych poli podle obsahu - TODO: rozsirit */ 
 
input.zip
  { width: 6ex; }  
input.phone
  { width: 15ex; }  
input.full,
select.full
  { width: 100%; }  



/* ======== Specifikace pravidel primo pro tento web ======== */

/* ===== Dalsi upravy Blueprint CSS vzhledem k WebNode HTML ===== */

.box 
{
  margin: 0;
  padding: 0;
  background-color: transparent;
}

ins 
{
  font-size: 1em;
  text-decoration: none;
  color: #888;
}

big
{
  color: #444;
  line-height: 1.25em;
  font-size: 1.3em;
}


/* ===== Barvy ===== */

body {
  background: #e6e6e6;
  color: #371e08;
}


h1, h2, h3
{
  color: #888; 
}

a {
  color: #ff6b11;
  padding: 2px 0;
}

a:hover {
  background: #ff6b11;
  color: #fff;
}

#fancy_wrap a:hover {
  background: transparent;
}


/* ===== Layout ===== */

#page 
{
  width: 895px;
  margin: 20px auto;
  text-align: left;
  position: relative;
}

#header
{
  width: 200px;
  float: left; 
}

#main 
{
  width: 695px;
  min-height: 440px;
  float: left; 
  background-color: #fff;
  margin-bottom: 20px;
  padding-bottom: 20px;
}

/* === Sloupce layoutu === */

.colA,
.colB,
.colC,
.colD
{
  width: 300px;
  margin: 0 0 0 25px;
  float: left; 
  display: inline;
}

/* Siroky sloupec na celou stranku - detail novinky atd. */
.colA
{
  width: 620px;
  margin-left: 35px;
}

/* Prvni sloupec v pripade, ze jsou dva */
.colB
{
  margin-left: 35px;
}

/* Druhy sloupec v pripade, ze jsou dva */
.colD
{
  margin-left: 20px;
}





/* === Nechceme zobrazovat === */

#search,              /* Vyhledavaci policko */
#quick,               /* Odkazy rychle navigace (RSS, Tisk, Sitemapa, Home) */
#pageNavigator        /* Drobkova navigace */
{
  display: none;
}

/* ==== Layout: hlavicka a navigace ==== */

#header #logo 
{
  height: 200px; 
  margin: 0; 
}

#header #logo a 
{
  display: block;
  padding-top: 0;  
}

#header #logo a:hover 
{
  background-color: transparent;
}

#sidebar.colD 
{
  position: absolute;
  left: 0px;
  top: 200px;
  width: 200px;
  margin: 0;
  z-index: 50;
  display: block;
}


#menu h2 
{
  display: none;
}

#menu ul,
#menu ul li
{
  list-style-type: none;
  margin: 0;
  padding: 0;
}

#menu a
{
  display: block;
  font-size: 1.5em;
  background-color: #371e08;
  color: #fff;
  padding: .7em 10px;
  border-bottom: 1px solid #fff;
}

#menu a:hover 
{
  background-color: #4e2e04;
}

#menu .selected a 
{
  background-color: #fff;
  font-weight: normal;
  color: #371e08;
}

/* === Hlavicka s obrazkem === */


#slogan
{
  background: #FFFFFF none repeat scroll 0 0;
  color: #371E08;
  display: inline;
  font-family: Georgia,serif;
  font-size: 24px;
  opacity: 0.8;
  padding: 10px 10px 10px 35px;
  position: absolute;
  top: 75px;
  left: 200px;
}

/* === Layout: Obsah === */

#content
{
  padding-top: 30px;
  padding-bottom: 30px;
}

#content h2
{
  font-size: 24px;
  line-height: 30px;
}

/* === Layout: Paticka === */

#footer 
{
  clear: both;
  text-align: right;
  color: #999;
  padding-right: 25px;
  padding-bottom: 25px;
}

#footer a
{
  color: #999;
}

#footer a:hover
{
  background-color: #ccc;
  color: #fff;
}

/* === Helpery === */

.hidden 
{
  display: none;
}

/* === Produkty === */


.product 
{
  margin-bottom: 20px;
}

.product h3 
{
  font-size: 1em;
  font-weight: bold;
  margin-bottom: .5em;
  position: relative;
  line-height: 1.3em;
}

.product.withImage h3 
{
  width: 210px;
  float: right;
}

.product.withImage .wsw 
{
  width: 210px;
  float: right;  
}

.product.withImage .image a {
  left: -3px;
  position: relative;
  height: 118px;
  width: 84px;
  display: block;
  border: 3px solid #fff;
  float: left;
  padding: 0;  
}

.product.withImage .image a:hover {
  border-color: #ff6b11;  
}


/* Produkty v sirokem sloupci */

.colA .product 
{
  margin-bottom: 20px;
  margin-right: 20px;
  width: 290px;   
  float: left;
}

.colA .product h3
{
  line-height: 1.5em;
}

.colA .product.withImage .title,
.colA .product.withImage .wsw
{
  width: 190px;
}


/* Detail produktu */

.products .detail h1
{
  font-size: 24px;
  line-height: 30px;
}

.products .detail .image {
  height: 118px;
  width: 84px;
  display: block;
  border: 3px solid #fff;
  float: left;
  padding: 0;  
}

.products .detail .image a {
  left: -3px;
  position: relative;
  height: 118px;
  width: 84px;
  display: block;
}

.products .detail .image a:hover {
  border-color: #ff6b11;  
}

.products .detail .wsw {
  float: left;
  margin-left: 20px;
  width: 450px; 
}


/* === Clanky === */

.articles 
{
  margin-bottom: 20px;
}

.articles h2
{
  margin-top: -3px;
}

.article 
{
  margin-bottom: 1.3em;
}

.article h3 
{
  font-size: 1em;
  font-weight: bold;
  margin-bottom: .5em;
}

/* Seznam clanku */

.articles .item
{
  max-width: 450px;
}

/* Detail clanku */

.articles .detail
{
  max-width: 450px;
}

.articles .detail h1
{
  font-size: 24px;
  line-height: 30px;
}


/* === Fotogalerie === */

.large .photo,
.small .photo
{
  width: 200px; /* Celkem 218 */
  height: 260px; /* Celkem 278 */
  float: left;
  background-color: #eee;
  color: #131406;
  margin-left: 2px;
  margin-bottom: 2px;
  padding: 9px;
  overflow: hidden;
  text-align: center;
  font-size: 1.1em;    
}

.small .photo
{
  width: 129px;  /* Celkem 147 */
  height: 182px; /* Celkem 200 */
}

.large .photo:hover,
.small .photo:hover
{
  background: #ddd;
  cursor: pointer;
}

.large .photo .image
{
}

.small .photo .image
{
}

.large .photo .name, 
.small .photo .name
{
  display: block;
  height: 48px;
  overflow: hidden;  
  margin-top: 5px;
  line-height: 1.3em;
}

.large .photo img,
.small .photo img
{
  border: 2px solid #fff;
}

/* Nechceme "radkovani" ve fotogalerii */
.large .cleaner.row,
.small .cleaner.row,
.large .cleaner.group,
.small .cleaner.group
{
  display: none;
}


/* === Wysiwyg boxik === */

.wsw a 
{
 font-weight: bold;
}


.wsw h2,
.wsw h3,
.wsw h4
{
  color: #888;
  margin-bottom: .5em;
  font-weight: bold;
}

.wsw blockquote
{
  color: #371e08;
  border-left: 3px solid #eee;
  padding-left: 15px;
  font-style: normal;
  margin-left: 0;
}

/* === Kontaktni stranka === */

.box.contact 
{
  width: 310px;
  margin: 0 25px 0 0;
  float: left;
}

.box.contact fieldset
{
  border: 0;
  padding: 0;
}

.box.contact label
{
  display: block;
}

.box.contact fieldset span 
{
  display: block;
  float: left;
  margin-bottom: 8px;
  width: 100px;
  clear: both;
}


fieldset input, 
fieldset textarea, 
fieldset select 
{
  display: block;
  float: left;
  margin-bottom: 5px;
  width: 190px;
}

.box.contact .button
{
  clear: both;
  margin-left: 98px;
}

.box.contact .button button
{
  background-color: #ff6b11;
  color: #fff;
  font-family: Arial, sans-serif;
  padding: 3px;
  #padding: 1px;
  cursor: pointer;
  font-weight: bold;
}