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

/******************************************************************************************
 Základní stylování
******************************************************************************************/
h1, h2, h3, h4 { color: #00296e; }
h1 { font-size: 1.65em; }
h2 { font-size: 1.5em; }
h3 { font-size: 1.35em; }
a { text-decoration: underline; color: #0e2a49; }
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: tahoma, verdana, sans-serif;
  color: #0e2a49;
  font-size: 62.5%;
  text-align: center;
}
div#main {
	width: 955px;
	margin: 0 auto;
	text-align: left;
	font-size: 1.1em;
}
/******************************************************************************************
 Hlavička
******************************************************************************************/
div#hlava { 
	overflow: hidden;
	margin-top: 20px; 
}
/* odkaz na index */
a#odkaz {
	display: block;
	float: left;
	margin-left: 30px;
}
/* hlavička - pravý sloupec - login */
div#hlavaPravy ul {
	list-style: none;
	margin-left: 40px;
	width: 200px;
}
div#hlavaPravy ul li {
	display: block;
	height: 24px;
	padding-top: 6px;
	padding-left: 40px;
}
div#hlavaPravy ul li#login { background: url("/img/login.jpg") no-repeat left center; }
div#hlavaPravy ul li#reg { background: url("/img/register.jpg") no-repeat left center; }

/* hlavička - pravý sloupec - košík */
div#iKosik {
  margin-left: 22px;
	width: 200px;
  height: 56px;
  overflow: hidden;
}
div#iKosik img { 
	float: left;
	margin-right: 15px;
}
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; }

/******************************************************************************************
 Horní menu
******************************************************************************************/

div.mainMenu { 
	clear: both;
	margin-left: 27px;
	height: 68px;
	margin-top: 30px;
}
ul#mainMenu, ul#mainMenu ul {
  color: #fff;
  list-style: none;
}
ul#mainMenu li {
  float: left;
	width: 113px;
	height: 68px;
	background-color: #0e2847;
	background-position: top;
	background-repeat: no-repeat;
  margin-left: 3px;
}
ul#mainMenu li.outdoor-outlet { background-image: url("/img/categoryOutdoorBg.jpg"); }
ul#mainMenu li.micove-sporty { background-image: url("/img/categoryMicoveBg.jpg"); }
ul#mainMenu li.raketove-sporty { background-image: url("/img/categoryRaketyBg.jpg"); }
ul#mainMenu li.zimni-sporty { background-image: url("/img/categoryZimniBg.jpg"); }
ul#mainMenu li.cyklistika { background-image: url("/img/categoryCykloBg.jpg"); }
ul#mainMenu li.hokej { background-image: url("/img/categoryHokejBg.jpg"); }
ul#mainMenu li.ostatni-sporty { background-image: url("/img/categoryOstatniBg.jpg"); }
ul#mainMenu li.obleceni-a-obuv { background-image: url("/img/categoryObleceniBg.jpg"); }

ul#mainMenu li:hover ul, ul#mainMenu li.hover ul {
  visibility: visible;
}
ul#mainMenu li.outdoor-outlet:hover { background-image: url("/img/categoryOutdoorHoverBg.jpg"); }
ul#mainMenu li.micove-sporty:hover { background-image: url("/img/categoryMicoveHoverBg.jpg"); }
ul#mainMenu li.raketove-sporty:hover { background-image: url("/img/categoryRaketyHoverBg.jpg"); }
ul#mainMenu li.zimni-sporty:hover { background-image:  url("/img/categoryZimniHoverBg.jpg"); }
ul#mainMenu li.cyklistika:hover { background-image: url("/img/categoryCykloHoverBg.jpg"); }
ul#mainMenu li.hokej:hover { background-image: url("/img/categoryHokejHoverBg.jpg"); }
ul#mainMenu li.ostatni-sporty:hover { background-image: url("/img/categoryOstatniHoverBg.jpg"); }
ul#mainMenu li.obleceni-a-obuv:hover { background-image: url("/img/categoryObleceniHoverBg.jpg"); }

ul#mainMenu a.nadpis {
  color: #fff;
  font-size: 12px;
  display: block;
  line-height: 18px;
  margin: 0px 5px 0px 40px;
  text-align: right;
  height: 36px;
  overflow: hidden;
}
ul#mainMenu ul {
  position: absolute;
  visibility: hidden;
  margin-top: 32px;
  background: url("/img/categoryBottom.gif") no-repeat bottom;
  width: 93px;
  padding: 10px;
  line-height: 18px;
}
ul#mainMenu li li {
  float: none;
  margin-left: 0px;
  height: auto;
  width: auto;
  background: url("/img/categoriesLi.jpg") no-repeat left top;
  padding-left: 20px;
}
ul#mainMenu li li a { color: #fff; }
ul#mainMenu li {
  behavior: url(/hover.htc); /* Protože IE nedodržuje CSS standarty, aby bylo řešení funkční, použijeme tento *.htc soubor */
}
/******************************************************************************************
 Articles + search
******************************************************************************************/
div#articles {
  height: 30px;
  overflow: hidden;
  background: url("/img/articlesBg.jpg") repeat-x top;
  margin-left: 30px;
  margin-top: 3px;
}
                                                                                                    /* search */
form#search { 
  background: url("/img/searchBg.jpg") no-repeat left center;
  margin-top: 3px;
  margin-left: 5px;
  padding-top: 1px;
  padding-left: 25px;
  width: 240px;
}
form#search input#hledej {
  background: url("/img/searchInputHledejBg.jpg") repeat-x top;
  border: 1px solid #b15c00;
  font-size: 12px;
  color: #a2a2a2;
  padding: 2px 8px;
  width: 140px;
}
form#search input#submit {
  background: url("/img/formInputSubmitBg.jpg") repeat-x top;
  font-size: 12px;
  color: #fff;
  padding: 2px 8px;
}
                                                                                                    /* articles */
ul#articles {
  list-style: none;
  width: 630px;
  margin-top: 8px;
  height: 14px;
  overflow: hidden;
}
ul#articles li {
  list-style: none;
  float: left;
  background: url("/img/articlesLi.jpg") no-repeat left center;
  margin-left: 10px;
  padding-left: 20px;
}
ul#articles li a {
  color: #fff;
  font-size: 12px;
  font-weight: bold;
}
/******************************************************************************************
 Obsah
******************************************************************************************/

/******************************************************************************************
 Levý sloupec
******************************************************************************************/
div#levy {
  overflow: hidden; /*IE6*/
  float: left;
  width: 210px;
  font-size: 1.2em;
  margin-bottom: 30px;
}
/******************************************************************************************
 Pravý sloupec
******************************************************************************************/
div#pravy {
  float: right;
  width: 725px;
  margin-top: 15px;
  padding-left: 20px;
  text-align: left;
  overflow: hidden;
  padding-bottom: 30px;
}
                                                                                                    /* nadpisy */
div#pravy h1, div#pravy h2 {
  background: url("/img/nadpisBg.jpg") no-repeat left top;
  color: #fff;
  display: block;
  float: left;
  padding: 9px 25px 5px 55px;
}
div#pravy h1 { font-size: 15px; text-transform: uppercase; }
div#pravy h2 { font-size: 14px; }

/******************************************************************************************
 Další webové prvky
******************************************************************************************/
                                                                                                    /* categories */
div.categories {
  background: #3e546d url("/img/categoriesTopBg.jpg") no-repeat top;
  margin-top: 15px;
}
div.categories h3 {
  color: #fff;
  font-size: 12px;
  display: block;
  padding: 7px 10px 5px 25px;
}
ul#categories {
  list-style: none;
  margin: 0 1px;
  padding-bottom: 1px;
}
/* první úroveň */
ul#categories li a {
  display: block;
  background: url(/img/leftMenuA1.jpg) no-repeat top left;
  height: 16px;
  overflow: hidden;
  color: #fff;
  font-size: 12px;
  font-weight: bold;
  text-decoration: none;
  padding-top: 11px;
  padding-left: 23px;
  overflow: hidden;
}
ul#categories li a:hover { background: url("/img/leftMenuA1Hover.jpg") no-repeat top left; }
ul#categories li.active a { background: url("/img/leftMenuA1Active.jpg") no-repeat top left; }
/* druhá úroveň */
ul#categories li.active li a {
  background: url("/img/leftMenuA2.jpg") no-repeat top left;
  padding-left: 32px;
  color: #512700;
}
ul#categories li.active li a:hover { background: url("/img/leftMenuA2Hover.jpg") no-repeat top left; color: #fff; }
ul#categories li.active li.active a { background: url("/img/leftMenuA2Active.jpg") no-repeat top left; }
ul#categories li.active li.active a { color: #512700; }
/* třetí úroveň */
ul#categories li.active li.active li a { 
  background: url("/img/leftMenuA3.jpg") no-repeat top left; 
  color: #a24c00;
  padding-left: 45px;
  padding-top: 8px;
  height: 19px;
}
ul#categories li.active li.active li a:hover { background: url("/img/leftMenuA3Hover.jpg") no-repeat top left; color: #fff; }
                                        																									          /* iText */
div#iText p {
	color: #0e2a49;
	font-size: 1.2em;
	margin: 10px 0; 
}																																					                          /* iBox */
div.iBox {
  width: 216px;
  height: 298px;
  background: url("/img/iBoxBg.jpg") no-repeat;
  overflow: hidden;
  float: left;
  margin-bottom: 30px;
  margin-right: 25px;
}
/* název */
div.iBox a.name {
  font-size: 13px;
  font-weight: bold;
  color: #0e2847;
  overflow: hidden;
  display: block;
  height: 32px;
  text-align: right;
  margin: 2px 14px;
}
/* obrázek */
div.iBox div.img {
  width: 164px;
  height: 155px;
  overflow: hidden;
  margin: 15px auto 0 auto;
  text-align: center;
}
/* akce */
div.iBox div.akce {
  width: 46px;
  height: 48px;
  background: url("/img/iBoxAkce.gif") no-repeat;
  position: absolute;
  margin-top: -12px;
  margin-left: 10px;
}
/* text */
div.iBox p.text {
  margin: 4px 26px;
  font-size: 12px;
  color: #0e2b4a;
  height: 40px;
  overflow: hidden;
}
/* cena */
div.iBox span.left {
  display: block;
  margin: 15px 0 0 20px;
  color: #fff;
}
div.iBox span.left strong { font-size: 14px; }
/* více info */
div.iBox span.right {
  display: block;
  margin: 15px 20px 0 0;
  color: #fff;
}
div.iBox span.right a { color: #fff; }
																																						/* paticka */
div#paticka {
	background: #0e2847 url("/img/patickaBg.jpg") no-repeat top;
	margin-right: 1px;
	padding-top: 20px;
	padding-bottom: 5px;
	clear: both;
}
div#patickaLeft {
	float: left;
	width: 600px;
	padding-left: 20px;
}
div#patickaRight {
	float: right;
  width: 280px;
  padding-right: 20px;
  text-align: right;
  font-size: 11px;
  color: #ccc;
}
/*telefon a copy */
div#paticka span.left, div#paticka span.right {
	color: #fff;
	font-weight: bold;
}
/* odkazy */
div#paticka div#links {
	clear: both;
	padding-top: 10px;
}
div#paticka div#links h3 {
	font-size: 1.2em;
	color: #fff;
	margin-bottom: 3px;
}
div#paticka div#links a {
	margin-right: 5px;
	padding-right: 5px;
	color: #ccc;
	border-right: 1px solid #99b7d5;
}
/*********************************************************************************************************************************************************************************** 
                                                                                          Detail
 ___________________________________________________________________________________________________________________________________________________________________________________
***********************************************************************************************************************************************************************************/
                                       
                                                                                                    /* dObal */
div#dObal { background: url("/img/dObalBg.jpg") repeat-y; width: 726px; margin-top: 20px; }
div#dObalTop { background: url("/img/dObalTop.jpg") no-repeat top; }
div#dObalBottom { background: url("/img/dObalBottom.jpg") no-repeat bottom; 
}
/* nadpis */
div#dObal p.dName {
  font-size: 13px;
  display: block;
  padding: 10px 20px 5px 40px;
  text-decoration: none;
}
                                                                                                    /* dImg */
div#dImg {
  width: 354px;
  overflow: hidden;
  float: left;
  margin-bottom: 10px;
  margin-top: 20px;
  margin-left: 30px;
  margin-right: 30px;
}
div#dImg div.img {
  min-height: 200px;
  text-align: center;
  margin-bottom: 0px;
}
                                                                                                    /* dInfo */
div#dInfo {
  float: right;
  width: 280px;
  margin-right: 20px;
  margin-top: 10px;
  color: #0d2d4d;
  font-size: 1.2em;
}
                                        /* specifikace */
div#dInfo div {
  height: 50px;
  margin-bottom: 30px;
  overflow: hidden;
  margin-top: 10px;
}
/*tabulka*/
div#dInfo table {
  margin-bottom: 10px;
  font-size: 12px;
}
div#dInfo table .dTLevy {
  width: 120px;
}
div#dInfo table tr#dTPrvni {
  color: #000;
  font-weight: bold;
}
div#dInfo table tr#dTPrvni strong {
  color: #8a684b;
}
/*forms*/
div#dInfo form {
  margin-bottom: 30px;
}
div#dInfo form span, div#dInfo form label {
  width: 110px;
  display: block;
  float: left;
  clear: left;
}
div#dInfo form select { width: 80px; margin: 2px 0; }
                                                                                                    /* dBottom */
div#dBottom {
  clear: both;
  height: 71px;
  overflow: hidden;
}
/* levy sloupec - tabulka */
div#dBottom table { 
  width: 49%;
  float: left;
  margin: 20px 0 0 20px;
}
div#dBottom table tr td { 
  color: #fff; 
  font-size: 13px;
  height: 20px;
  width: 50%
}
div#dBottom table strong { font-size: 15px; }
div#dBottom table span { text-decoration: line-through; }

/* pravy sloupec - do kosiku */
div.doKosiku {
  float: right;
}
div.doKosiku input {
  background: none !important;
}
div.doKosiku input:hover {
	text-decoration: underline;
}
                                                                                                    /* dPopis */
div#dPopis {
  clear: both;
  margin-top: 20px;  
}
div#dPopis h3 {
  color: #0d2d4d;
  margin-bottom: 10px;
  font-size: 1.5em;
}
div#dPopis p {
  margin-bottom: 10px;
  text-indent: 15px;
  text-align: justify;
}
                                                                                                    /* dFaq */
div#dFaq { background: url("/img/dFaqBg.jpg") repeat-y left; width: 722px; margin-top: 30px; border-right: 1px solid #ccc; }
div#dFaqTop { background: url("/img/dFaqTop.jpg") no-repeat top; }
div#dFaqBottom { background: url("/img/dFaqBottom.jpg") no-repeat bottom;
  padding: 0px 20px 20px 30px 
}
                                        /*klikací oblast*/
div#dFaq div#jcPanelyMenu { margin-bottom: 30px; }
div#dFaq div#jcPanelyMenu span {
  text-align: center;
  font-size: 14px;
  font-weight: bold;
  color: #fff;
  padding-left: 25px; padding-right: 65px; padding-top: 8px; padding-bottom: 6px;
  border-right: 1px solid #fff;
  display: block;
  float: left;
}
div#dFaq div#jcPanelyMenu span:hover {
	text-decoration: underline;
}
                                        /*obsahová část*/
div#dFaq div#jcPanelyListy {
  clear: both;
}
/*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 {
  background: url("/img/kBoxTop.jpg") no-repeat top left;
  width: 164px;
  height: 31px;
  margin-top: 10px;
  margin-left: 120px;
  text-align: center;
  font-size: 12px;
  cursor: pointer;
  color: #ffffff;
  display: block;
  clear: both;
  border: none;
}
form.dFaqForm input.dFaqSubmitMail { margin-top: 20px; }
/*********************************************************************************************************************************************************************************** 
                                                                                          Nákupní košík
 ___________________________________________________________________________________________________________________________________________________________________________________
***********************************************************************************************************************************************************************************/
div#tOrder h2 {
  background: none;
  margin-bottom: 10px;
  color: #0a1e32;
  padding: 0;
}
                                                                                                    /*tabulka*/
div#tOrder table {
  width: 704px;
  margin: 0 auto;
}
/*pozadi*/
div#tOrder div#kTBox { background: url("/img/kTBoxBg.jpg") repeat-y; width: 722px; padding-top: 35px; }
div#tOrder div#kTBoxTop { background: #e0e0e0 url("/img/kBoxTop.jpg") no-repeat top left; }
div#tOrder div#kTBoxBottom { background: url("/img/kTBoxBottom.jpg") no-repeat bottom center; 
  min-height: 100px;
  padding-bottom: 5px;
}
/* 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: 40px;
  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: 12px;
  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: #c2c2c2; 
}
div#tOrder table tbody tr#celkem td {
  color: #0d2d4d;
  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: 3px;
  margin-bottom: 30px;
  clear: both;
}
div#prepocitat p {
  float: left;
  width: 565px;
  text-align: right;
  font-size: 11px;
  color: #000;
}
input#prepocitat {
  background: url("/img/kBoxTop.jpg") no-repeat top left;
  border: none;
  cursor: pointer;
  color: #fff;
  font-size: 12px;
  font-weight: bold;
  float: right;
  display: block;
  width: 130px;
  height: 31px;
  padding-left: 10px;
}
                                                                                                    /* kbox */
div.kBox { background: url("/img/kBoxBg.jpg") repeat-y left; width: 722px; clear: both; margin-bottom: 35px; border-right: 1px solid #ccc; }
div.kBoxTop { background: url("/img/kBoxTop.jpg") no-repeat top left; }
div.kBoxBottom { background: url("/img/kBoxBottom.jpg") no-repeat bottom center; 
  padding: 25px;
  padding-top: 8px;
  text-align: center;
}
/*nadpis*/
div#tOrder div.kBox h2 { margin-bottom: 10px; text-align: left; color: #fff; }
                                        /*Box - levý sloupec*/
div.kBox div.fieldset {
  float: left;
  width: 55%;
  text-align: left;
  margin-top: 10px;
}
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: 95px; }
                                        /*Box - pravý sloupec*/
div.kBox div.krok {
  float: right;
  width: 40%;
  text-align: justify;
  margin-top: 10px;
}
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/kBoxTop.jpg") no-repeat top left;
  width: 255px;
  height: 31px;
  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
 ___________________________________________________________________________________________________________________________________________________________________________________
***********************************************************************************************************************************************************************************/

                                                                                                    /* navigace - nachazite se */
div#navigace3 { margin-bottom: 10px; }
div#navigace3 a { margin: 0; padding: 0; border: 0; }
div#navigace3 a.sipka {
  margin-left: 10px;
  padding-left: 10px;
  border-left: 1px solid black;
}
                                                                                                    /* navigace - strankovani */
div#navigace1 {
  text-align: center;
  margin-top: 30px;
  
}
div#navigace1, div#navigace1 a {
  color: #0d2d4d;
  font-size: 14px;
  font-weight: bold;
}
div#navigace1 a, div#navigace1 span.tecky {
  margin: 0 10px 0 0 !important;
  padding: 0 10px 0 0 !important;
  border-right: 1px solid #0d2d4d;
  color: #0d2d4d;
}
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: -14px;
  text-decoration: none;
  color: #0d2d4d;
  margin-top: 5px;
  padding: 2px 10px;
  border-right: 1px solid #0d2d4d;
  background: #0d2d4d;
  color: #fff;
}
                                                                                                    /* navigace - razeni */
div#navigace2 {
  text-align: right;
  margin-right: 20px;
  margin-bottom: 10px;
  margin-top: 45px;
}
                                                                                                    /* chybky - green */
div.green {
  margin: 10px 3px 20px 0px;
  background: #e7ffcb;
  padding: 7px 0;
  border: 1px solid #aac979;
}
div.green p {
  font-weight: bold;
  margin-left: 5px;
}
div.green p a {
  text-decoration: underline;
  color: #2a5416;
  font-size: 13px;
}
div.green.detail {
	padding: 10px;
}
div.green.detail p {
	margin-left: 0;
}
div.green.detail table {
	width: 100%;
	margin: 10px 0 5px 0;
}
div.green.detail table .sm {
	text-align: center;
}
div.green.detail table td, div.green.detail table th {
  line-height: 1.6em;
  padding: 4px;
}
div.green.detail table thead tr th {
  text-align: left;
  font-weight: bold;
  border-bottom: 1px solid #aac979;
}
div.green.detail table tfoot tr td {
	background: #aac979;
	padding: 6px 4px;
	font-size: 105%;
}
div.green.detail p {
	padding: 10px 0;
}
div.green.detail div.button.levy {
	float: left;
	padding: 10px;
	background: #e0e0e0;
	border: 1px solid #c0c0c0;
	font-weight: bold;
}
div.green.detail div.button.pravy {
	float: right;
	padding: 10px;
	background: #aac979;
	border: 1px solid #82a34d;
	font-weight: bold;
}
                                                                                                    /* chybky - red */
div.red {
  margin: 10px 3px 10px 0px;
  background: #f9e9e2;
  padding: 7px 0;
  border: 1px solid #ecc6c0;
}
div.red p {
  font-weight: bold;
  margin-left: 5px;
}
div.red p a {
  text-decoration: underline;
  color: #6d413a;
  font-size: 13px;
}