﻿@import url("reset.css");
/******************************************************************************************
 cobradesign styles - styly.css
******************************************************************************************/

/******************************************************************************************
 Základní stylování
******************************************************************************************/
h1, h2, h3, h4 { color: #00296e; }
h1 { font-size: 2em; margin-bottom: 20px; }
h2 { font-size: 1.6em; margin-left: 25px; margin-top: 5px; margin-bottom: 5px; }
h3 { font-size: 1.3em; margin-top: 10px; margin-bottom: 10px; margin-left: 25px; }
a { text-decoration: underline; color: #231f20; }
a:hover { text-decoration: none; }
.hidden, .none { display: none !important; }
.clear { clear: both; }
.obligatory, strong, .strong { font-weight: bold !important; }
.left { float: left; } 
.right { float: right; }
.posledni { margin: 0 !important; padding: 0 !important; background-image: none !important; border: 0 !important; }

/******************************************************************************************
 Layout
******************************************************************************************/
body {
  	font-family: verdana, tahoma, sans-serif;
  	color: #000000;
  	font-size: 62.5%;
  	text-align: center;
  	background: #f2e276;
}
div#main {
	position: absolute;
	width: 100%;
	background: url("/img/bg.jpg") repeat-x bottom center;
}
div#obal {
  	width: 980px;
  	margin: 0 auto;
 	background: url("/img/bgTop.jpg") no-repeat top;
  	text-align: left;
  	position: relative;
}
/******************************************************************************************
 Pozadí nahoře
******************************************************************************************/
div#bgLeft {
	height: 336px;
	width: 50%;
	float: left;
}
div#bgLeft div { background: url("/img/bgTopLeft.jpg") repeat-x right; height: 100%; margin-right: 10px; }
div#bgRight {
	height: 336px;
	width: 50%;
	float: right;
}
div#bgRight div { background: url("/img/bgTopRight.jpg") repeat-x left; height: 100%; margin-left: 10px; }

/******************************************************************************************
 Obsah
******************************************************************************************/
div#levy, div#pravy {
	margin-top: 25px;
}
/******************************************************************************************
 Levý sloupec
******************************************************************************************/
div#levy {
  	overflow: hidden; /*IE6*/
  	float: left;
  	width: 707px;
  	font-size: 1.2em;
	margin-left: 21px;
}
/******************************************************************************************
 Pravý sloupec
******************************************************************************************/
div#pravy {
  float: right;
  width: 252px;
  text-align: left;
  overflow: hidden;
}

/******************************************************************************************
 Další webové prvky
******************************************************************************************/
                                                                                                    /* hlavička */
div#hlava {
	height: 212px;
	overflow: hidden;
	width: 100%;
}
                                        /* hlava - levy */
div#hlavaLevy {
  float: left;
  width: 655px;
}
/*odkaz na index*/
a#odkaz {
  display: block;
  width: 335px;
  height: 75px;
	background: none;
	cursor: pointer;
	position: relative; 
	top: 15px;
	left: 215px;
}
/* textové pole - hlavička */
div#iTextHlava {
	height: 80px;
	font-size: 11px;
	color: #fff;
	text-align: center;
	margin: 40px 75px 0px 170px;
}
/* akce */
div#akce {
	margin: 40px 75px 0 275px;
	color: #ffffff;
	font-size: 12px;
	font-weight: bold;
	height: 50px;
	overflow: hidden;
}
div#akce h3 {
	color: #eecc71;
	font-size: 20px;
	margin: 0 0 0 15px;
	display: block;
}
div#akce span, div#akce em {
	font-weight: bold;
	font-size: 20px;
}
div#akce em { color: #ffba00; }
                                        
                                        /* hlava - pravy */
div#hlavaPravy {
  float: right;
  width: 325px;
  height: 311px;
  overflow: hidden;
  background: url("/img/kocarekHlava.jpg") no-repeat;
}
                                        																									          /* iText, kBox */
div#iText, div#kBox, #article { background: #fff url("/img/kBox.jpg") repeat-y; }
div#iTextTop, div#kBoxTop, #articleTop { background: url("/img/kBoxTop.jpg") no-repeat top; }
div#iTextBottom, div#kBoxBottom, #articleBottom { background: url("/img/kBoxBottom.jpg") no-repeat bottom; }

div#iTextBottom div { min-height: 100px; padding-bottom: 20px; }
							/***** iText *****/
div#iText h1 {
	padding: 20px 25px;
	padding-bottom: 5px;
}
div#iText p {
	padding-top: 10px;
	padding: 10px 15px;
	text-indent: 30px;
}
																																						                        /* iBox */
div.iBox {
  width: 341px;
  height: 347px;
  background: url("/img/iBox.jpg") no-repeat;
  overflow: hidden;
  float: left;
  margin-top: 20px;
  margin-right: 6px;
  margin-left: 6px;
  font-size: 11px;
  color: #494949;
}
/* název */
div.iBox a.name {
  font-size: 16px;
  font-weight: bold;
  color: #fff;
  margin: 20px 15px 7px 15px;
  overflow: hidden;
  display: block;
  height: 20px;
  text-align: center;
}
/* obrázek */
div.iBox div.img {
  width: 170px;
  height: 190px;
  overflow: hidden;
  float: left;
  margin: 10px;
  text-align: center;
}
/* text */
div.iBox div.text {
	float: right;
	width: 141px;
	overflow: hidden;
	margin: 15px 10px 10px 0px;
}
/* doba dodání */
div.iBox div.text span {
	color: #0b5f00;
	font-weight: bold;
	font-size: 12px;
	display: block;
	height: 15px;
	overflow: hidden;
}
/* akce */
div.iBox div.iBoxAkce {
  height: 23px;
  font-size: 12px;
  font-weight: bold;
  text-transform: upprecase;
  color: #fff;
  text-align: center;
  padding-top: 17px;
  margin-bottom: 5px;
}
div.iBox div.iBoxAkce.nejprodavanejsi { background: url("/img/iBoxNejprodavanejsi.jpg") no-repeat bottom center; }
div.iBox div.iBoxAkce.akce { background: url("/img/iBoxAkce.jpg") no-repeat bottom center; }
div.iBox div.iBoxAkce.novinka { background: url("/img/iBoxNovinka.jpg") no-repeat bottom center; }
div.iBox div.iBoxAkce.doporucujeme { background: url("/img/iBoxDoporucujeme.jpg") no-repeat bottom center; }
/* cena */
div.iBox div.cena {
  text-align: left;
}
div.iBox div.cena em {
	color: #000;
	text-decoration: line-through;
}
div.iBox div.cena strong {
  color: #002364;
  font-size: 24px;
}
/* více info */
div.iBox a.info {
  color: #fff;
  font-size: 13px;
  font-weight: bold;
  text-transform: uppercase;
  display: block;
  margin: 37px 20px 0 20px;
  text-align: center;
}
/* text */
div.iBox div.iBoxText {
	clear: both;
	width: 300px;
	margin: 0 auto;
	overflow: hidden;
  height: 65px;
}
                                        																									          /* kosik */
div#iKosik {
  margin-left: 22px;
  width: 229px;
  height: 56px;
  overflow: hidden;
  background: #fff url("/img/iKosik.jpg") no-repeat;
  font-size: 12px;
}
div#iKosik a#kosikOdkaz {
  float: left;
  width: 40px;
  height: 27px;
  margin-top: 13px; margin-left: 18px; margin-right: 20px;
  background: none;
  cursor: pointer;
}
div#iKosik span {
  padding-top: 10px;
  display: block;
}
div#iKosik strong, div#iKosik em {
	color: #001b4f;
}
div#iKosik strong.iKosikCena { margin-left: 58px; }
                                        																									          /* articles */
ul#articles {
	margin: 20px 10px 20px 23px;
	list-style: none;
}
ul#articles li {
	background: url("/img/articlesLi.jpg") no-repeat left top;
	display: block;
	padding-left: 35px;
	padding-top: 3px;
	padding-bottom: 3px;
}
ul#articles li a {
	color: #001b4f;
	font-size: 1.4em;
	font-weight: bold;
}
ul#articles li a:hover { text-decoration: none; }
ul#articles li strong {
  color: #001b4f;
	font-size: 1.4em;
	font-weight: bold;
}

/* articles - clanek */
/* pozadi je nastaveno u 'iText' */
#articleBottom { padding: 20px 20px 20px 20px; }

                                        																									          /* categories */
div#categories { background: url("/img/categoriesBg.jpg") repeat-y; width: 230px; margin-left: 22px; }
div#categoriesTop { background: url("/img/categoriesTop.jpg") no-repeat top; }
div#categoriesBottom { background: url("/img/categoriesBottom.jpg") no-repeat bottom; 
  padding: 19px 0 60px 0;
}
div#categories ul { 
	list-style: none; 
	margin-top: 20px;
}
div#categories ul li a {
  color: #fff;
  font-size: 1.1em;
  text-transform: uppercase;
  display: block;
  font-weight: bold;
  line-height: 1.5em;
  background: url("/img/categoriesA.jpg") no-repeat bottom center;
  padding: 9px 10px 4px 25px;
  text-decoration: none;
}
div#categories ul li a:hover { background: url("/img/categoriesAHover.jpg") no-repeat bottom center; color: #ffcc00; }

/* dalsi uroven */
div#categories ul ul {
	margin-top: 0;
}
div#categories ul li.active a {
	color: #ffc800;
}
div#categories ul li.active ul a {
	color: #fff;
	text-transform: none;
	background: url(/img/categoriesLiDalsiUroven.jpg) repeat-y left;
}
div#categories ul li.active ul a em {
	font-weight: bold;
	padding-left: 18px;
	display: block;
	font-size: .9em;
	background: url(/img/categoriesSipka.png) no-repeat left 5px;
}
div#categories ul li.active ul li:last-child a {
	background: url(/img/categoriesLiDalsiUrovenLast.jpg) no-repeat left bottom;
}
div#categories ul li.active ul a:hover, div#categories ul li.active ul li.active a {
	color: #ffc800;
}
div#categories ul li.active ul a:hover em, div#categories ul li.active ul li.active a em {
	background: url(/img/categoriesSipkaActive.png) no-repeat left 5px;
}

/* vyhledavani */
form#search {
  margin-left: 30px;
}
form#search input#hledej {
  margin-left: 20px;
  width: 100px;
  overflow: hidden;
  padding: 0 3px;
  background: none;
  color: #a4a4a4;
  font-weight: bold;
  text-transform: uppercase;
  font-size: 10px;
}
form#search input#submit {
  background: none;
  width: 25px;
  height: 30px;
  position: absolute;
  margin-top: -8px;
  margin-left: 20px;
  cursor: pointer;
}
                                       																									            /* doporucujeme */
div#doporucujeme { background: url("/img/dopBg.jpg") repeat-y; 
  margin-top: 30px;
  margin-left: 22px;
}
div#doporucujemeTop { background: url("/img/dopTop.jpg") no-repeat top; }
div#doporucujemeBottom { background: url("/img/dopBottom.jpg") no-repeat bottom ;
  padding: 18px 20px 30px 20px;
}
/* nadpis */
div#doporucujeme h2 {
  display: block;
  text-align: center;
  color: #ffcc00;
  font-size: 12px;
  overflow: hidden;
}
div.dopBox {
  overflow: hidden;
  text-align: center;
  margin-top: 30px;
  color: #494949;
  font-size: 11px;
}
div.dopBox div.img {
  margin: 0 auto 10px auto;
  /* width: 190px */
}
/* nazev */
div.dopBox a.name {
  font-size: 12px;
  font-weight: bold;
  color: #00296e;
  margin-bottom: 10px;
  display: block;
}
/* cena */
div.dopBox strong {
  color: #002364;
  font-size: 24px;
}
/* detail */
div.dopBox a.dopInfo {
  display: block;
  background: red url("/img/dopInfo.jpg") no-repeat top center;
  width: 138px;
  height: 25px;
  padding-top: 14px;
  margin: 5px auto 0 auto;
  color: #fff;
  font-size: 13px;
  font-weight: bold;
  text-transform: uppercase;
}
																																						                        /* paticka */
div#paticka {
	background: url("/img/patickaBg.jpg") no-repeat bottom left;
	height: 70px;
	padding-top: 50px;
	overflow: hidden;
}
div#patickaLeft {
	float: left;
	margin-left: 185px;
	width: 400px;
}
div#patickaRight {
	float: right;
	margin-right: 45px;
}
/*telefon a copy */
div#paticka span.left, div#paticka span.right {
	color: #fff;
	font-weight: bold;
}
/* odkazy */
div#paticka div#links {
	clear: both;
	height: 40px;
	padding-top: 10px;
	line-height: 1.5em;
}
div#paticka div#links h3 {
	display: block;
	text-align: center;
	color: #99b7d5;
	font-size: 11px;
	font-weight: normal;
}
div#paticka div#links a {
	margin-right: 5px;
	color: #99b7d5;
}
/*********************************************************************************************************************************************************************************** 
                                                                                          Detail
 ___________________________________________________________________________________________________________________________________________________________________________________
***********************************************************************************************************************************************************************************/
                                       
                                                                                                    /* dObal */
div#dObal { background: url("/img/kBoxBg.jpg") repeat-y; width: 707px; margin-top: 20px; }
div#dObalTop { background: url("/img/kBoxTop.jpg") no-repeat top; }
div#dObalBottom { background: url("/img/kBoxBottom.jpg") no-repeat bottom;
  padding: 20px;
  padding-right: 30px;
}
/* nadpis */
div#dObal h1 {
  display: block;
  margin-bottom: 10px;
}
                                                                                                    /* dImg */
div#dImg {
  width: 321px;
  overflow: hidden;
  float: left;
  margin-bottom: 20px;
  margin-top: 10px;
  text-align: center;
}
div#dImg a#lupa {
  display: block;
  width: 29px;
  height: 29px;
  background: url("/img/lupa.jpg") no-repeat top left;
  margin: 10px 0 10px 10px;
}
                                                                                                    /* dInfo */
div#dInfo {
  float: right;
  width: 330px;
  margin-top: 10px;
  color: #494949;
  font-size: 11px;
  margin-bottom: 20px;
}
                                        /* specifikace */
div#dInfo table {
  margin-bottom: 20px;
}
div#dInfo table tr { height: 1.8em; }
div#dInfo table .dTLevy {
  width: 120px;
}
/* expedice */
div#dInfo table tr#dTExp span {
  font-weight: bold;
  color: #0b5f00;
}
/* cena */
div#dInfo table tr#dTCena {
  font-weight: bold;
  color: #002364;
  height: 3em;
}
div#dInfo table tr#dTCena strong {
  font-size: 2em;
}
/* submit */
div#dInfo input.submit {
  background: url("/img/submitDoKosiku.jpg") no-repeat top center;
  display: block;
  width: 203px;
  height: 37px;
  color: #fff;
  font-weight: bold;
  text-transform: uppercase;
  padding-left: 65px;
  padding-top: 5px;
  cursor: pointer;
}
                                                                                                    /* dBottom */
div#dBottom {
  clear: both;
  height: 155px;
  overflow: hidden;
  padding: 0;
  border-top: 1px solid #b2bed3;
}
/* dBottomImg */
div#dBottom div.dBottomImg {
  float: left;
  width: 99px;
  height: 120px;
  background: url("/img/dBottomImgBg.jpg") no-repeat top center;
  overflow: hidden;
  margin: 0 5px;
  padding-top: 30px;
}
div#dBottom div.dBottomImgActive {
  background: url("/img/dBottomImgActiveBg.jpg") no-repeat top center;
}
                                                                                                    /* dPopis */
div#dPopis {
  clear: both;
  margin-top: 20px;  
}
div#dPopis h3 {
  margin-bottom: 10px;
}
div#dPopis p {
  margin-bottom: 10px;
  text-indent: 15px;
  text-align: justify;
}
div#dPopis ul { margin-left: 30px; line-height: 1.2em; }
                                                                                                    /* dFaq */
div#dFaq { background: url("/img/dFaqTop.jpg") repeat-x top; margin-top: 30px; }
                                        /*klikací oblast*/
div#dFaq div#jcPanelyMenu { margin-bottom: 30px; }
div#dFaq div#jcPanelyMenu span {
  text-align: center;
  font-size: 13px;
  font-weight: bold;
  color: #00296e;
  display: block;
  width: 181px;
  height: 25px;
  padding-top: 8px;
  margin-bottom: 30px;
}
div#dFaq div#jcPanelyMenu span.tab2 { float: left; background: url("/img/dFaqSpanHover.jpg") no-repeat top; }
div#dFaq div#jcPanelyMenu span.tab3 { float: right; background: url("/img/dFaqSpan.jpg") no-repeat top; cursor: pointer; }
div#dFaq div#jcPanelyMenu span:hover { background: url("/img/dFaqSpanHover.jpg") no-repeat !important; }

                                        /*obsahová část*/
div#dFaq div#jcPanelyListy {
  clear: both;
}
#jcPanelyListy .tab3 { display: none; }
/*forms*/
form.dFaqForm fieldset { margin-bottom: 20px; }
form.dFaqForm label { 
  width: 120px; 
  display: block; 
  float: left; 
  clear: left; 
}
form.dFaqForm textarea { margin-top: 3px; border: 1px solid #ccc; margin-left: 0; width: 450px; }
form.dFaqForm h3 { margin-bottom: 10px; font-size: 1.4em;}
form.dFaqForm input {
  border: 1px solid #ccc;
  height: 1.5em;
  margin-top: 3px;
  vertical-align: center;
}
/* dotaz */
div#dFaq div.dotaz {
  margin-bottom: 5px;
  margin-top: 10px;
}
div#dFaq p {
  margin-bottom: 3px;
}
/*submit*/
form.dFaqForm input.dFaqSubmit {
  clear: both;
  width: 139px;
  height: 42px;
  margin-top: 10px;
  margin-left: 116px;
  text-align: center;
  font-size: 12px;
  font-weight: bold;
  color: #fff;
  text-transform: uppercase;
  cursor: pointer;
  clear: both;
  border: none;
  background: url("/img/dFaqSubmit.jpg") no-repeat top;
}
form.dFaqForm input.dFaqSubmitMail { margin-top: 20px; }
/*********************************************************************************************************************************************************************************** 
                                                                                          Nákupní košík
 ___________________________________________________________________________________________________________________________________________________________________________________
***********************************************************************************************************************************************************************************/
                                                                                                    /*tabulka*/
div#tOrder table {
  width: 664px;
  margin: 0 auto;
}
/*pozadi*/
div#tOrder div#kTBox { background: url("/img/kTBoxBg.jpg") repeat-y; width: 707px; margin-top: 15px; }
div#tOrder div#kTBoxTop { background: url("/img/kTBoxTop.jpg") no-repeat top center; }
div#tOrder div#kTBoxBottom { background: url("/img/kTBoxBottom.jpg") no-repeat bottom center; 
  min-height: 100px;
  padding-top: 10px;
  padding-bottom: 15px;
}
/* kusu */
div#tOrder table .ku {
  width: 10%;
}
/* nazev */
div#tOrder table .na {
  width: 70%;
}
/* cena */
div#tOrder table .ce {
  width: 15%;
  text-align: center;
}
/* smazat */
div#tOrder table .sm {
  width: 5%;
  text-align: center;
}
/* nadpis */
div#tOrder table thead tr th {
  color: #fff;
  font-weight: bold;
  font-size: 12px;
  height: 45px;
  padding-left: 15px;
}
/* bunky - hlavni obsah */
div#tOrder table tbody tr td { 
  color: #001b4f; 
  height: 1.6em; 
  font-weight: bold;
  padding-left: 15px;
  font-size: 13px;
  height: 2.5em;
}
div#tOrder table tbody tr td.na { text-decoration: underline; }
div#tOrder table tbody tr td.ce { color: #000000;}
/* bunky - doprava */
div#tOrder table tbody tr#doprava {
  border-top: 1px solid #b2bed3;
  height: 3em;
}
div#tOrder table tbody tr#doprava td { 
  font-weight: normal;
  color: #8e8e8e;
  font-size: 12px;
  text-decoration: none;
}
/* bunky - celkem */
div#tOrder table tbody tr#celkem { 
  background: url("/img/kTBoxCelkem.jpg") no-repeat top; 
}
div#tOrder table tbody tr#celkem .ku {
  background: url("/img/kTBoxCelkem.jpg") no-repeat left top; 
}
div#tOrder table tbody tr#celkem .sm {
  background: url("/img/kTBoxCelkem.jpg") no-repeat right top; 
}
div#tOrder table tbody tr#celkem td {
  color: #482611;
  font-size: 14px;
  font-weight: bold;
  text-decoration: none;
}
/*input.kusu*/
input.kusu {
  width: 30px;
  height: 20px;
  background: #f6f6f6;
  text-align: center;
  margin: 1px 0;
  padding-top: 3px;
  border: 1px solid #ccc;
}
                                                                                                    /* přepočítat */
div#prepocitat {
  font-size: 12px;
  overflow: hidden;
  margin: 7px 0;
  margin-right: 30px;
  margin-bottom: 30px;
  clear: both;
}
div#prepocitat p {
  float: left;
  width: 515px;
  text-align: right;
  font-size: 11px;
}
input#prepocitat {
  background: url("/img/submitSmall.jpg") no-repeat top;
  border: none;
  cursor: pointer;
  color: #fff;
  font-weight: bold;
  float: right;
  text-transform: uppercase;
  display: block;
  width: 140px;
  height: 41px;
}
                                                                                                    /* kbox */
div.kBox { background: url("/img/kBoxBg.jpg") repeat-y; width: 707px; clear: both; margin-bottom: 35px; }
div.kBoxTop { background: url("/img/kBoxTop.jpg") no-repeat top center; }
div.kBoxBottom { background: url("/img/kBoxBottom.jpg") no-repeat bottom center; 
  padding: 25px;
  text-align: center;
}
/*nadpis*/
div.kBox h2 { font-size: 1.5em; margin-bottom: 10px; text-align: left; }
                                        /*Box - levý sloupec*/
div.kBox div.fieldset {
  float: left;
  width: 55%;
  text-align: left;
}
div.kBox fieldset input {
  height: 1.6em;
  margin-top: 0.3em;
  border: 1px solid #ccc;
  margin-right: 15px;
  float: left;
  clear: left;
}
div.kBox fieldset label {
  float: left;
  margin-top: 10px;
}
div.kBox fieldset#faktura label, div.kBox fieldset#faktura input { float: none; display: inline; }
div.kBox fieldset#faktura label { position: relative; top: -9px; margin-left: 10px;}
div.kBox fieldset#text label { width: 80px; }
                                        /*Box - pravý sloupec*/
div.kBox div.krok {
  float: right;
  width: 40%;
  text-align: justify;
}
div.kBox div.krok h3 {
  margin-bottom: 5px;
  display: block;
  font-size: 1.2em;
}
div.kBox div.krok p { margin-bottom: 3px; }
/* fieldset.text */
fieldset.text {
  margin-top: 5px;
}
fieldset.text input {
  float: left;
  clear: none !important;
  padding: 2px 2px 0 2px;
}
fieldset.text label {
  float: left;
  clear: left;
  display: block;
  width: 32%;
  overflow: hidden; 
}
                                                                                                    /* hvezdicka */
div#hvezdickou {
  margin-top: 25px;
  margin-left: 5px;
}
div#hvezdickou input {
  margin-top: 3px;
  margin-right: 10px;
}
                                                                                                    /* input#dSubmit */
input#dSubmit {
  background: url("/img/submitBig.jpg") no-repeat top center;
  width: 255px;
  height: 41px;
  vertical-align: center;
  margin: 15px auto;
  text-align: center;
  font-size: 13px;
  font-weight: bold;
  text-transform: uppercase;
  cursor: pointer;
  color: #ffffff;
  display: block;
  clear: both;
}
                                                                                                    /* p.checkout */
p.checkout {
  font-size: 11px;
  text-align: left;
  color: #4b4b4b;
  margin-top: 30px;
}
/*********************************************************************************************************************************************************************************** 
                                                                                          Doplňky
 ___________________________________________________________________________________________________________________________________________________________________________________
***********************************************************************************************************************************************************************************/

                                                                                                    /*nacházíte se*/
div#navigace3 { margin-bottom: 10px; margin-left: 5px; }
div#navigace3 a { margin: 0; padding: 0; border: 0; }
div#navigace3 a.sipka {
  margin-left: 10px;
  padding-left: 10px;
  border-left: 1px solid black;
}
                                                                                                    /* stránkování */
div#navigace1 { background: url("/img/segmentBg.jpg") repeat-x top; 
  float: right; 
  margin-top: 30px;
  height: 57px;
  color: #191919;
}
div#navigace1Left { background: url("/img/segmentBgLeft.jpg") no-repeat left top; }
div#navigace1Right { background: url("/img/segmentBgRight.jpg") no-repeat right top;
  text-align: center; 
  height: 52px;
  overflow: hidden;
  padding: 5px 50px 0 80px;
}
/* strana */
div#navigace1 em {
  color: #191919;
  font-size: 12px;
  font-weight: normal;
  display: block;
  text-align: center;
  margin-bottom: 5px;
  margin-right: 20px;
}
/* cisla */
div#navigace1, div#navigace1 a {
  color: #001b4f;
  font-size: 12px;
  font-weight: bold;
}
div#navigace1 a { text-decoration: underline; }
div#navigace1 a, div#navigace1 span.tecky {
  margin: 0 10px 0 0 !important;
  padding: 0 10px 0 0 !important;
  border-right: 1px solid #000;
}
div#navigace1 span.tecky { background: none; }
div#navigace1 a:hover { text-decoration: none; }
div#navigace1 a.posledni { margin: 0; padding: 0; border: none; }
div#navigace1 span {
  margin-right: 10px;
  margin-left: -12px;
  text-decoration: none;
  color: #fff;
  margin-top: 5px;
  padding: 2px 5px 4px 5px;
  background: #001b4f;
}
/* nasledujici a predchozi */
div#navigace1 .prev, div#navigace1 .next { position: absolute; margin-top: -10px !important; padding: 0px !important; border: none !important; }
div#navigace1 .prev { margin-left: -60px !important; }
div#navigace1 .next { padding-left: 25px !important; margin-left: -11px !important; background: #fff; }
                                                                                                    /*řazení*/
div#navigace2 {
  text-align: right;
  margin-right: 20px;
  margin-bottom: 0px;
  margin-top: 20px;
}
                                                                                                    /* div.green */
div.green { margin: 10px 0; background: url("/img/kBoxBg.jpg") repeat-y; }
div.greenTop { background: url("/img/kBoxTop.jpg") no-repeat top; }
div.greenBottom { background: url("/img/kBoxBottom.jpg") no-repeat bottom; 
  min-height: 40px;
  padding: 25px 20px;
  color: #005600;
}
div.green p {
  font-weight: bold;
  margin-left: 5px;
}
div.green p a {
  text-decoration: underline;
  color: #2a5416;
  font-size: 13px;
}
                                                                                                    /* div.red */
div.red { margin: 10px 0; background: url("/img/kBoxBg.jpg") repeat-y; }
div.redTop { background: url("/img/kBoxTop.jpg") no-repeat top; }
div.redBottom { background: url("/img/kBoxBottom.jpg") no-repeat bottom; 
  min-height: 40px;
  padding: 25px 20px;
  color: #fb4d44;
}
div.red p {
  font-weight: bold;
  margin-left: 5px;
}
div.red p a {
  text-decoration: underline;
  color: #6d413a;
  font-size: 13px;
}
                                                                                                    /* div#article */
div#article h2 { margin-top: 15px; margin-bottom: 20px; margin-left: 0px; }

/*********************************************************************************************************************************************************************************** 
                                                                                          posouvani
 ___________________________________________________________________________________________________________________________________________________________________________________
***********************************************************************************************************************************************************************************/
 
#scrollLeft{
  float: left;
  margin: 75px 0px;
  width: 30px;
  height: 30px;
  background: url("/img/sipka-left.gif") no-repeat;
}
#scrollRight{
  float: right;
  margin: 75px 0px;
  width: 30px;
  height: 30px;
  background: url("/img/sipka-right.gif") no-repeat;
}
#scrollBody{
  width: 596px;
  height: 155px;
  overflow:hidden;
  background-color: pink;
}
#scrollBodyStart{
  width: 596px;
  height: 155px;
  overflow:hidden;
}
#boardContent2{
  position: relative;
	width: 100%;
	height: 100%;
	overflow:hidden;
}
