/* 
   Stylopis pro AutoBranik.cz
   Autor: Martin Michalek, Studio Shortcat, 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;
}  

/* 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;
}


/* ===== 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%; }  


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

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

fieldset
{
  border: 0;
  padding: 0;
}


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

a
{
  text-decoration: none;
}

ins
{
  font-size: 10px;
  text-decoration: none;
  margin-bottom: .5em;
}

.cleaner,
.clear
{
  clear: both;
  font-size: 1px;
  line-height: 1px;
  height: 1px;
}

blockquote
{
  border-left: 6px #aaa solid;
  padding-left: 15px;
  margin-left: 0;
}

h1 a, h2 a, h3 a, h4 a
{
  text-decoration: none;
}


/* === Helpery === */

.hidden 
{
  display: none;
}

.messageSend,
.notFound
{
  background: #ddd;
  padding: 15px;
}


/* === Formulare === */

.contact 
{
  padding: 20px 10px;
  background-color: #f2f2f2;
}

fieldset 
{
  border-top: 1px solid #d7d7d7;
  padding-top: 8px;
  background-color: #f2f2f2;
}

fieldset label
{
  width: 100px;
  display: block;
  float: left;
  margin-bottom: 8px;
  padding-left: 5px;
}

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

fieldset button
{
  margin-left: 105px;
  color: #fff;
  font-weight: bold;
  border: 0;
  cursor: pointer;
  margin-bottom: 8px;
  background: transparent url("./../img/button-bg.gif") no-repeat center center;
  padding: 0;
  width: 91px;
  height: 27px;
}

fieldset .divider
{
  border-top: 1px solid #d7d7d7;
  margin-bottom: 8px;
}


/* ===== Pismo, barvy ===== */

body, input, button, textarea, select, option
{
  font-family: Verdana, sans-serif;
}

body 
{
  background: #e3e3e3;
}

body, h1, h2, h3 
{
  color: #4c4c4c;
}

a 
{
  color: #00a6e8;
  padding: 2px 0;
}

a:hover 
{
  color: #2eb5f8;
}


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

#pageFrame 
{
  width: 850px;
  padding: 5px 25px 20px 25px;
  padding-bottom: 0;  
  margin: 0px auto 20px auto;
  text-align: left;
  background: #fff url("./../img/body-bg.gif") no-repeat bottom center;
  position: relative;
}

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

.colA,
.colB,
.colC,
.colD
{
  width: 278px;
  margin: 0 7px 0 0;
  float: right; 
  display: inline;
}

/* Dvouslopcova oblast */
.colSplit
{
  width: 570px;
  float: left;
}

/* Siroky sloupec nalevo na statickych strankach */
.colSplit .colA
{
  width: 570px;
  float: none;
  margin: 0;
}

/* Posledni sloupec */
.colD.sidebar
{
  margin-right: 0;
}


/* === Uvodni stranka === */

#homePage .colSplit
{
  width: 570px;
  margin: 0;
}

/* Na uvodni strance je levy hlavni sloupec stejne siroky jako ty ostatni (a je tady uprostred) */
#homePage .colSplit .colA
{
  width: 278px;
}

/* Vetsi banner */
#homePage #topMenu
{
  background: #333 url("./../img/banner_hp.jpg") no-repeat top left;
  height: 281px;
}

#homePage .colSplit .article
{
 margin-bottom: 0;
}

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

#footerTopRgt,                /* Odkazy rychle navigace (RSS, Tisk, Sitemapa, Home) */
#illustration,                /* Obrazek v hlavicce */
#mainContainer .lnkMore,      /* Odkaz "vice" (zde hnusne pomoci ">>") */
#pageNavigator                /* Drobkova navigace */
{
  display: none;
}

/* ==== Logo ==== */

#logo 
{
  width: 300px; 
  height: 101px;
  margin: 0;
  padding: 0;
  float: left; 
}

#logo a,
#logo span,
#logo img 
{
  height: 101px;
  margin: 0;
  padding: 0;  
}

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


/* === Slogan === */

h3#topMotto 
{
  width: 500px;
  margin-right: 15px;
  float: right;
  text-align: right;
  margin-bottom: 0;
  margin-right: 15px;
  margin-top: 57px;
  font-style: italic;
  font-size: 25px;  
}

/* === Vyhledavaci pole nahore na strance === */

#topSearch 
{
  position: absolute;
  top: 20px;
  right: 40px;
  width: 209px;
  height: 29px;
  background: transparent url("./../img/search-bg.gif") top left no-repeat;
}

#topSearch label,
#topSearch h3
{
  display: none;
}

#topSearch input#fulltextSearchText
{
  background-color: transparent;
  border: 0;
  width: 105px;
  margin-top: 5px;
  margin-left: 10px;
}

#topSearch button
{
  background-color: transparent;
  border: 0;
  color: white;
  font-weight: bold;
  width: 75px;
  margin-top: 5px;  
  margin-left: 10px;  
  cursor: pointer;
  text-align: center;
}

/* === Navigace === */

#topMenu
{
  background: #333 url("./../img/banner.jpg") no-repeat top left;
  height: 151px;
  clear: both;
  padding-top: 7px;  
}

#topMenu h2 
{
  display: none;
}

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

#topMenu ul li
{
  display: inline;
}

#topMenu a
{
  float: left;
  font-size: 12px;
  font-style: italic;
  font-weight: bold;
  color: #cccccc;
  padding: 11px 13px;
  border-right: 1px solid #4f4f4f;
  background: #555 url("./../img/menu-bg.gif") top right repeat-x;
  text-decoration: none;
}

#topMenu a:hover,
#topMenu .selected a 
{
  background: #444 url("./../img/menu-bg.gif") bottom right repeat-x;
  color: #fff;
}

/* === Nadpis stranky (na vsech podstrankach) === */

h1#pageName
{
  position: absolute;
  top: 205px;
  left: 45px;
  color: #fff;
  font-style: italic;
  font-size: 30px;
  height: 35px;
  line-height: 35px;
  width: 680px;
  overflow: hidden;
}


/* === Paticka === */

#footerBlock 
{
  clear: both;
  color: #4b4b4b;
  font-size: 10px;
  margin-top: 30px;
  margin-bottom: 0px;
  height: 15px;  
  padding-top: 10px;
}

#footerBlock a
{
  color: #4b4b4b;
}

#footerBlock a:hover
{
  color: #00a6e8;
}

#footerTop
{
  width: 550px;
  float: left;
}

#footerDwn
{
  width: 300px;
  float: right;
  text-align: right;
}

/* ===== Layout obsahove casti ===== */

#mainContainer
{
  margin-top: 7px;
}

/* = Graficky boxik - vse na uvodni strance a na prave strane vnitrnich stranek = */
.cuteColumn .box
{
  background: #eee url("./../img/box-bg.gif") bottom left repeat-x;
  margin-bottom: 5px;
}

/* Nadpis boxiku s obrazkovym pozadim */
.cuteColumn .box h1,
.cuteColumn .box h2,
.cuteHead
{
  font-size: 17px;
  font-style: italic;
  font-weight: normal;
  background: #ddd url("./../img/box-head-bg.gif") top left no-repeat;
  padding: 0;
  margin: 0; 
  padding-left: 40px;
  padding-top: 8px;
  padding-bottom: 8px;
}


/* Odsazeni obsahu boxiku */
.cuteColumn .box .article
{
  padding: 15px 20px;
}

/* Nadpis uvnitr boxiku */
.cuteColumn .box h3
{
  font-size: 16px;
  margin: 0;
  margin-bottom: 2px;
  padding: 0;
  font-weight: bold;
}


/* = Obecny sedivy boxik s Wysiwyg editorem = */

.cuteColumn .box.wysiwyg .wsw
{
  padding-bottom: 20px;
}

.cuteColumn .box.wysiwyg .wsw h1,
.cuteColumn .box.wysiwyg .wsw h2
{
  margin-bottom: 20px;
}

/* Odsazeni prvku uvnitr boxiku ze stran */

.cuteColumn .box.wysiwyg .wsw h3,
.cuteColumn .box.wysiwyg .wsw h4,
.cuteColumn .box.wysiwyg .wsw h5,
.cuteColumn .box.wysiwyg .wsw p,
.cuteColumn .box.wysiwyg .wsw ul,
.cuteColumn .box.wysiwyg .wsw ol,
.cuteColumn .box.wysiwyg .wsw blockquote
{
  margin-left: 15px;
  margin-right: 15px;
}

.cuteColumn .box.wysiwyg .wsw .withoutMargin h3,
.cuteColumn .box.wysiwyg .wsw .withoutMargin h4,
.cuteColumn .box.wysiwyg .wsw .withoutMargin h5,
.cuteColumn .box.wysiwyg .wsw .withoutMargin p,
.cuteColumn .box.wysiwyg .wsw .withoutMargin ul,
.cuteColumn .box.wysiwyg .wsw .withoutMargin ol,
.cuteColumn .box.wysiwyg .wsw .withoutMargin blockquote
{
  margin-left: 0;
  margin-right: 0;
}


/* = Obsahova cast na vnitrnich strankach = */

.imageSide
{
  width: 150px;
  float: left;
  margin-right: 25px;
  margin-bottom: 25px;
}

.textSide
{
  width: 350px;
  float: left;
  margin-bottom: 25px;
}

/* Hezky nadpis v obsahove casti */
.colSplit .cuteHead
{
  margin-bottom: 10px;
  margin-left: -20px;
  margin-right: -10px;
}

/* === Boxik s vypisem Webnode produktu  (stary, pripadne deprecated) === */

.cuteColumn .box.products 
{
  padding-bottom: 18px;
  background: #eee;
  width: 278px;
}

.cuteColumn .box.products h2
{
  margin-bottom: 15px;
}

.cuteColumn .box.product
{
  background: transparent;
  padding: 3px 20px;
  width: 238px;
  margin: 0;
}

.cuteColumn .box.product h3
{
  font-size: 1em;
  line-height: 1.3em;
  font-weight: normal;
  background: transparent url("./../img/box-list-dot.gif") top left no-repeat;
  padding-left: 20px;
}

.cuteColumn .box.product h3 a
{
  text-decoration: underline;
}

/* === Boxik "Nase sluzby" === */

.ourServices
{
  background: #eee;
  padding-bottom: 10px;
  margin-bottom: -20px;
}

.ourServices.hover,
.ourServices:hover
{
  background: #dbf5ff;
  cursor: pointer;
}

.ourServices.hover h2,
.ourServices:hover h2
{
  background-position: 0 -38px;
}
  
  
.ourServices a
{
  text-decoration: none;
  font-weight: bold;
}  

.ourServices .box.products h2
{
  margin-bottom: 15px;
}

.ourServices ul 
{
  margin-left: 20px;
  padding-left: 17px;
}

.ourServices ul li
{
  font-size: 1em;
  line-height: 1.3em;
  font-weight: normal;
  margin-bottom: 5px;
}


/* = Hlavni obsahova cast - na vnitrnich strankach nalevo = */

.colSplit 
{
  margin-top: 10px;
  display: inline;
  margin-left: 20px;
  width: 530px;
}

.colSplit .colA
{
  display: block;
  width: auto;
}

/* Nezobrazujeme nadpisy, protoze uz je generujeme javascriptem do h1.pageName (vyjimkou je detail novinky viz jquery-index.js) */
.colSplit h1,
.colSplit h2.boxHeading
{
  display: none;
  font-size: 20px;
}

.colSplit h2
{
  font-size: 16px;
  margin-bottom: .3em;
  font-weight: bold;
}

.colSplit h3
{
  font-size: 14px;
  margin-bottom: .3em;
  font-weight: bold;
}

/* = Clanky = */

.colSplit .article
{
  margin-bottom: 2em;
}

.colSplit .article h3
{
  font-size: 16px;
  margin-bottom: .3em;
  font-weight: bold;
}



/* = Dvousloupcovy layout prave obsahove casti - treba "O nas" = */

.colSplit .colC
{
  width: 255px;
  margin: 0;
}

.colSplit .colC.toLft
{
  float: left;
}

.colSplit .colC.toRgt
{
  float: right;
}


/* = "Proc si vybrat nas" na titulce = */

#whySelectUs
{
  background: #eee;
  margin-top: -13px;
  padding-bottom: 2px;
  margin-bottom: -20px;
}

#whySelectUs p
{
  background: #fff;
  margin-left: 7px;
  margin-right: 7px;
  margin-bottom: 5px;
  border: 1px solid #e9e9e9;
  padding: 7px 7px 10px 7px;
  padding-right: 40px;
}

#whySelectUs p.one
{
  background: #fff url("./../img/why-select-1.gif") bottom right no-repeat;
}

#whySelectUs p.two
{
  background: #fff url("./../img/why-select-2.gif") bottom right no-repeat;
}

#whySelectUs p.three
{
  background: #fff url("./../img/why-select-3.gif") bottom right no-repeat;
}


/* === Fotogalerie === */

.largeTn,
.smallTn
{
  width: 560px;
  margin-left: -20px;
}

.largeTn .photo,
.smallTn .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;
  font-size: 9px;
  text-align: center;
  vertical-align: middle;
  display: table-cell;
  
}

.smallTn .photo
{
  width: 119px;  /* Celkem 137 */
  height: 182px; /* Celkem 200 */
}

.largeTn .photo:hover,
.smallTn .photo:hover
{
  background: #dbf5ff;
  cursor: pointer;
  color: #131406;
}

.largeTn .photo .image
{
}

.smallTn .photo .image
{
}

.largeTn .photo .title, 
.smallTn .photo .title
{
  display: block;
  height: 48px;
  overflow: hidden;  
  margin-top: 5px;
}

.largeTn .photo img,
.smallTn .photo img
{
  border: 2px solid #fff;
}

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


/* === Vysledky vyhledavani === */

.fulltext .item
{
  margin-bottom: 2em;
}

.fulltext .item p
{
  margin-bottom: 0;
}