/* CSS Document */
body {
  margin: 0;
  padding: 0;
  font-family: Tahoma, Verdana, Arial, "San-serif";
  font-size: 90%;
  color: #474747;
  background: #fff;
}
/* NADPISY */
h1 {
  margin: 5px 20px 10px 20px;
  font-family: "Trebuchet MS", Tahoma, Verdana, Arial, "San-serif";
  font-size: 180%;
  color: #ed1d2f;
}
h2 {
  margin: 5px 20px 5px 20px;
  font-family: "Trebuchet MS", Tahoma, Verdana, Arial, "San-serif";
  font-size: 140%;
  color: #222;
}
h3 {
  margin: 5px 20px 5px 20px;
  font-family: "Trebuchet MS", Tahoma, Verdana, Arial, "San-serif";
  font-size: 120%;
  color: #222;
}
/* ODKAZY */
a, a:visited, a:active {
  color: #222;
  text-decoration: underline;
}
a:hover {
  color: #ed1d2f;
  text-decoration: underline;
}
a img {
  border: none;
}
/* LAYOUT */
#stranka {
  margin: 10px auto 0 auto;
  position: relative;
  width: 900px;
}
.logo {
  margin: 0 5px 10px 0;
}
#hlavicka {
  width: 100%;
  height: 185px;
  background: url('http://www.csmtrade.sk/images/hlavicka2.png') repeat-x;
}
#obsah {
  width: 900px;
}
#paticka {
  margin: 20px 0 0 0;
  padding: 0;
  width: 900px;
  height: 55px;
  background: url('http://www.csmtrade.sk/images/bg-patic.gif') repeat-x;
}
#flash {
  width: 590px;
  margin: 0 auto;
  text-align: center;
  height: 182px;
}
#obal {
  position: absolute;
  top: 300px;
  left: 0;
}
#lista {
  margin: 5px 110px 0 0;
  text-align: right;
  font-size: 80%;
}
#lista a {
  margin: 0 10px;
}
/* MENU */
#relative {
  width: 900px; margin: 0 auto;	
  position: relative;
  display: block;
  height: 74px;
}
#first-menu  {
  position: absolute;
  top: 48px;
  left: 0;
  margin: 0 0 0 10px;
  padding: 0;
  z-index: 10;
}
#first-menu li {
  margin: 0;
  display: inline;
  list-style-type: none;
}
#first-menu li a {
  margin: 0 5px 0 5px;
  padding: 0px 8px;
  height: 25px;
  line-height: 25px;
  display: block;
  float: left;
  font-weight: bold;
  text-align: center;
  font-size: 100%;
  color: #474747;
  font-family: "Trebuchet MS", Tahoma, Verdana, Arial, "San-serif";
  text-decoration: none;
  border-top: 1px solid #939598;
  border-right: 1px solid #939598;
  border-left: 1px solid #939598;
}
#first-menu li a:hover {
  font-weight: bold;
  color: #ed1d2f;
  border-top: 1px solid #cacaca;
  border-right: 1px solid #cacaca;
  border-left: 1px solid #cacaca;
  background: #f1f1f1;
}
#first-menu li.active a{
  font-weight: bold;
  color: #ed1d2f;
  border-top: 1px solid #cacaca;
  border-right: 1px solid #cacaca;
  border-left: 1px solid #cacaca;
  background: #f1f1f1;
}
/* SUBMENU */
#MenuRoot {
  margin: 0;
  width: 100%;
  height: auto;
  padding: 0 0 5px 0;
  border-top:1px solid #cacaca;
  background: #f1f1f1;
}
.menulist {
  float:left;
}
.menulist, .menulist ul {
  margin: 0;
  padding: 0;
  width: 100%;
  background: #f1f1f1;
}
.menulist li {
  margin: 0;
  padding: 0;
  display: inline;
  list-style-type: none;
}
.menulist li a, .menulist li a:visited, .menulist li a:active {
  margin: 4px 0;
  padding: 0 15px;
  height: 15px;
  line-height: 15px;
  display: block;
  float: left;
  font-family: "Trebuchet MS", Tahoma, Verdana, Arial, "San-serif";
  font-weight: bold;
  text-align: center;
  text-decoration: none;
  color: #696969;
  border-left: 1px solid #cacaca;
  background: #f1f1f1;
}
.menulist li a:hover {
  color: #ed1d2f;
  text-decoration: none;
}
.menulist li a.aktivni  {
  color: #ed1d2f;
  text-decoration: none;
}
* html .menulist li {
 float: left;
 height: 1%;
}
* html .menulist a {
 height: 1%;
}
/* OSTATNI */
.left {
  float: left;
}
.right {
  float: right;
}
p {
  margin: 5px 20px 15px 20px;
  color: #474747;
  font-size: 90%;
  line-height: 160%; 
}
p strong {
  color: #222;
}
p em {
  color: #222;  
}
.clear {
  display: block;
  float: none;
  clear: both;
  font-size: 0xp;
}
p a.left img {
  margin: 2px 5px 5px 0;
}
p a.right img {
  margin: 2px 0 5px 5px;
}
.sloupek {
  width: 450px;
}
.poznamka{
  margin: 10px 20px;
  padding: 10px 0 0 0;
  font-size: 80%;
  color: #666;
  border-top: 1px solid #cacaca;
}
.poznamka strong {
  color: #666;
}
.arrow {
  padding: 0 0 0 10px;
  background: url('http://www.csmtrade.sk/images/li-back.gif') 0% 50% no-repeat;
}
/* PATICKA */
#paticka p {
  color: #222;
  margin: 5px 20px 0 20px;
  padding: 18px 0 0 0;
  font-size: 70%;
  font-weight: bold;
}
#paticka a {
  color: #222;
}
#paticka a:hover {
  text-decoration: none;
}
#paticka a.authoring  {  
  padding: 8px 0 8px 50px;   
  background: url('http://www.csmtrade.sk/images/ico-bree.gif') 21px 50% no-repeat; 
}
#paticka a:hover.authoring  {
  background: url('http://www.csmtrade.sk/images/ico-breezy-hover.gif') 21px 50% no-repeat; 
}
/* SEZNAM */ 
ul li, ol li {
  margin: 5px 20px;
  line-height: 160%;
  font-size: 90%;
  list-style-image: url('http://www.csmtrade.sk/images/li.gif');
}
ol.type-a {
  margin: 0 0 0 3em;
  list-style-type: lower-alpha;
}
/* FORMULARE */
form {
  margin: 5px 20px;
}
form label {
  margin: 2px 0;
  display: block;
  color: #444;
}
form input {

}
form p {
  margin: 5px 0;
}
form textarea {
  font-family: Tahoma, Verdana, Arial, "San-serif";
  font-size: 90%;
}
/* BOX */
.box {
  margin: 10px 10px;
  width: 260px;
  height: auto;
  text-align: center;
  border: 1px solid #cacaca;
}
.box h2 {
  margin: 0;
  padding: 5px 10px;
  text-align: left;
  border-bottom: 1px solid #cacaca;
  background: #f1f1f1;
}
.box img {
  margin: 15px 0;
}
.box h2 a, .box h2 a:visited {
  text-decoration: none;
}
.box ul li{
  margin: 5px 0;
  text-align: left;
}
.nahled {
  margin: 0 10px 10px 20px;
  display: block;
  width: 200px;
  height: auto;
  text-align: center;
  border: 1px solid #cacaca; 
}
/* TABLE - kategorie */
table { 
  margin: 5px 20px 15px 20px; 
  width: 95%;
  font-size: 90%; 
  border-collapse: collapse;
}
table th {
  text-align: left;
}
table.produkt th {
  color: #fff;
  background: #ed1d2f;
}
table.produkt th, table.produkt td { 
  border-bottom: 1px #d8d8d8 solid; 
}
table.produkt th { 
  padding: 10px 8px; 
}
table.produkt td a, table.produkt td a:visited { 
  display: block; 
  color: #19414e !important; 
  text-decoration: none; 
}
table.produkt .even td  { 
  background-color: #efefef; 
}
table.produkt tr:hover td { 
  background-color: #ddd; 
  cursor: pointer;  
}
table.produkt tr:hover a { 
  text-decoration: underline !important; 
}
/* TABULKA - detail produktu */
table.produkt th {
  color: #fff;
  background: #ed1d2f;
}
table.produkt td, table.produkt th {
  height: 15px; 
  padding: 10px 8px;
  border-bottom: 1px solid #d8d8d8;
}
table.produkt .even td { 
  background-color: #efefef; 
}
/* Detail produktu */
.icon strong {
  margin: 10px 0 5px 0;
  display: block;
}

.anti-spam{
display: none;
}

.error{
color:red;
}
.point {
  margin: 20px;
}
.point div {
  margin: 0 20px 10px 0;
  font-weight: bold;
  font-size: 90%;
  float: left;
  display: block;
  height: 20px;
  line-height: 20px;
}
.point img {
  margin: 0 5px 0 0;
  font-weight: bold;
  font-size: 90%;
  float: left;
  display: block;
  height: 20px;
  line-height: 20px;
}
/* --- Tabulka --- */
.tab          {width:100%; margin:15px;padding:0px;text-align:center;border-right:1px solid silver;border-bottom:1px solid silver;color:gray;}
.tab tr       {margin:0px;padding:0px;/*height:40px;*/ }
.tab td       {border-left:1px solid silver;border-top:1px solid silver;margin:0px;padding:5px;}
.tab tr.h35   {height:35px;}
.tab td a     {text-decoration: none;}

#youtubeblock {margin-top: 40px;}
#youtubeblock .active {color: red;}
.youtube {display: block; border: 0px solid red; width: 400px; margin-left: 0px; }
.youtube iframe {margin-left: 20px;}
.youtubetitle {margin-top: 10px; font-size: 12px;}