/* CSS (c) www.hattas.sk */

/* Elements */
HTML   {margin: 0; padding:0;}
BODY   {background: #f1eae0 url(../images/bg.jpg) repeat; color:#363636; font: normal 75% "Arial CE", "Helvetica CE", Arial, helvetica, sans-serif; margin: 0; padding:0; 	text-align:center;}

H1     {font-size:2.2em; margin:0px 0px 15px 0px; line-height:25px; font-weight: normal; color: #e5221e;}
H2     {font-size:1.2em; margin:0px 0px 10px 0px; padding-top:15px; color: #e5221e;}
H3     {font-size:1em; margin:0px 0px 0px 0px; font-weight:bold; color: #e5221e;}

H1 A         {color:#e5221e; text-decoration:underline;}
H1 A:visited {color:#e5221e; text-decoration:underline;}
H1 A:hover   {color:#363636; text-decoration:underline}

A         {color:#363636; text-decoration:underline;}
A:visited {color:#828282; text-decoration:underline}
A:hover   {color:#e5221e; text-decoration:underline}

IMG    {border:none; display: block; margin:0px}
FORM   {margin:0px;padding:0px}
P      {margin-top: 0; line-height: 1.45em;}
UL,OL  {padding: 10px 0px 10px 20px; margin: 0px;}
HR     {height:1px; color:#d9ded9; width:100%; background-color:#d9ded9; border:0px solid #d9ded9; font-size:0px;}
dl dt  {margin-top:0.5em;}

TABLE  {BORDER-COLLAPSE: collapse; border-spacing:0px; line-height:17px; font-size: 100%;}
TD     {vertical-align:top;}
TH     {text-align:left; vertical-align:top; background-color:#c2bbb1; color:#fff; font-weight:bold; padding:3px;}

/* Standards */
.pda             {display: none;}
.red             {color:#e5221e; font-weight:bold }
.fontsmall       {font-size:0.9em; font-weight:normal; color:#6e6e6e; }
.fontsmall A     {color:#6e6e6e; text-decoration:underline;}
.fontbig         {font-size:1.3em; font-weight:bold; color:#e5221e;}
#dokosikamain .fontbig {color:#fff; font-size:1.2em;}
.clear           {clear:both;}
.fleft           {float:left}
.fright          {float:right}
.inline IMG      {display: inline;}
.inline          {display: inline;}
.odstavec        {float:left; margin-right:16px; width:175px;}
.bg              {background-color: #fdf2d1; padding:5px; border-top:2px solid #f5b803;}
.table TD        {padding:5px; border:1px solid #c2bbb1;}
TABLE.table      { border:1px solid #c2bbb1;}

/* Site f1eae0	*/
#site             {width:768px; margin: 0 auto; 	padding: 0; text-align:left;}
#accessible       {position:absolute;left:-1000px; top:-1000px;}
#header           {height:107px; background: url(../images/header-bg.jpg) no-repeat top right}
#logo             {float:left; padding:0px 0 0 0px }
#kosik            {float: right; padding:30px 12px 0 0; }
#kosik A:visited  {color:#363636; text-decoration:underline}
#kosik A:hover    {color:#e5221e; text-decoration:underline}


#nav-end-img      {position:relative; margin:0}
#nav-end-img DIV  {position:absolute; margin-top:-8px; left:768px; top:0; width: 29px; height:62px; background-color: red;  background: url(../images/menu-rostek.gif) no-repeat;}
#nav              {height:37px; font-weight: bold; background: url(../images/menu-bg.jpg) no-repeat }
#nav ul           {padding: 7px 0 0 120px; margin: 0; list-style: none;}
#nav li           {margin:0; padding:5px 10px 0 10px; float:left; background: url(../images/menu-odd.gif) no-repeat 0px 8px;}
#nav li A         {text-decoration:none; color:#fff}
#nav li A:hover   {text-decoration:underline; color:#5b0003}
#nav ul li.active A   {text-decoration:none; color:#5b0003}
#nav ul li.active A:hover    {text-decoration:none; color:#fff}
#nav li.bok       {float:right; font-weight: normal; font-size:0.9em; background: none; padding:5px 7px 0 5px; color:#fcd5d6}
#nav li.bok A     {text-decoration:none; color:#fcd5d6}
#nav li.bok A:hover {text-decoration:underline; color:#5b0003}

#main              {background: #fff url(../images/oblaciky.gif) no-repeat left bottom; float:left }
#left              {float:left; width:150px; padding:3px 0 40px 0}

#left ul           {padding: 0; margin: 10px 0 20px 0; list-style: none;}
#left li           {margin:0; padding:5px 10px 0 20px;}
#left ul li.li1    {font-weight:bold; padding:10px 0 20px 40px; font-size: 1.2em;}
#left ul li.li2    {padding: 3px 0px 3px 29px; margin:0; background: url(../images/leftmenu-odr.gif) no-repeat 1.2em 0.60em; font-size: 1.2em;}
#left ul li.li3    {padding: 3px 0px 3px 38px; margin:0; background: url(../images/leftmenu-odr.gif) no-repeat 2.0em 0.60em; font-size: 1.1em;}
#left ul li.li4    {padding: 3px 0px 3px 7px; margin:0; background: url(../images/leftmenu-odr.gif) no-repeat 3.1em 0.95em;}
#left ul li.li5    {padding: 3px 0px 3px 14px; margin:0; background: url(../images/leftmenu-odr.gif) no-repeat 3.7em 0.95em;}
#left ul li.active A {text-decoration:none; font-weight:bold; color:#e5221e}
#left ul A         {color:#363636; text-decoration:none}
#left ul A:visited {color:#363636; text-decoration:none}
#left ul A:hover   {color:#e5221e; text-decoration:underline}
#left ul li.active A:hover {text-decoration:underline; color:#e5221e}

#right             {float:left; width:618px;}
#content           {padding:15px; line-height: 18px;}
#chapter-one       {margin:0; padding:0; width:304px; height:31px; background:url("../images/kupujte.gif") top left no-repeat;}
#chapter-one span  {display:none; position:absolute; top:0px; left:0px; z-index:1; }

#textboxindex      {}
#newsboxindex H2   {padding-bottom:7px; background: url(../images/linka.gif) repeat-x 0px 30px; width:580px; margin-bottom:10px}
#newsboxindex DIV  {float:left; margin:0 10px 15px 0}

.infoboxline       {float:left; background: url(../images/linka.gif) repeat-x 0px 32px; width:580px; margin-bottom:20px}
.infoboxline H2    {color:#363636; padding-bottom:7px}
.leftbox           {float:left; width: 200px;}
.leftbox  UL       {padding-top:0;}
.middlebox         {float:left; width: 170px; padding-right:20px}
.rightbox          {float:left; width: 170px;}

#footer            {clear:left; color:#5f5f5f; height:55px; padding:10px 8px 0 150px; font-size:0.9em; background: url(../images/footer.jpg) no-repeat }
#footer A          {color:#5f5f5f; text-decoration:underline;}
#footer A:visited  {color:#5f5f5f; text-decoration:underline}
#footer A:hover    {color:#d50a00; text-decoration:underline}
#le                {float:left; display: block; }
#ri                {float:right; display: block; width: 100px}

/* CONTENT
*/
#filter          {width: 580px; margin-bottom:20px; background: url(../images/linka.gif) repeat-x left bottom;}
#filter    DIV   {padding:0!important; margin:0!important}

.product3        {float:left; margin:0 15px 15px 0; width: 120px; text-align: center;}
.product3icon IMG   { display: inline; text-align: center;}
.product3body    {margin-right:10px; text-align: center;}

#strankovanie    {clear:left; font-size: 1.2em; margin:0px 0 40px 0; width: 560px; padding:10px 5px 5px 5px!important; background: url(../images/linka.gif) repeat-x left top;}
#strankovanie A  {font-weight: bold; padding:2px}
#strankovanie A.active  {text-decoration:none; font-weight:bold; background-color: #e5221e; color:#fff}

#product-view       {float: left; margin:0; padding:0}
#product-view-image {float: left; width:340px; text-align:center;}
#product-view-image P {display: inline;}
#product-view-texts {float: left; width:245px; }
#product-view-cena  {padding:5px 10px 20px 15px; margin:20px 0 10px 0}
#popis-tovaru       {background-color: #f7f7f7;}
#popis-tovaru P     {padding:13px}
#specifikacia       {padding:15px; text-align: left;}

#zvacsifoto        {position:relative; top:25px; left:100px;}

/* KOMENTAR */
.komentar       {background-color: #f6f3eb; padding:4px; margin:8px 0 2px 0}
.komentarreply  {padding-left:30px; margin-bottom:2px}
#komentarnew    {padding:5px; font-size: 1.2em; text-align: right;}

.infoboxlinekosik  {background: url(../images/linka.gif) repeat-x 0px 0px; width:580px}
#dokosika          {background: url(../images/dokosika-bg.jpg) no-repeat; color:#f1eae0; margin-top:15px; display: block; }
#dokosikamain      {padding:17px 0 45px 52px!important}
#dokosika DIV      {padding:2px 0px 2px 0px;}


.kontakt   {float:left; width:200px; margin-right:30px }
.likebutton {clear:left; padding-top:15px}
#facebook   {margin:10px 0 40px 10px}

.thumb { float:left;}
.thumbimg {padding:3px;margin:0 3px 3px 0}

/* ADMIN */
.obchodnik   {background-color: #e7e3dc;}


/* FORMULARE */
legend     {font-weight: bold;  padding-bottom:7px}
fieldset   {border:none; background: url(../images/linka.gif) repeat-x 0 0em;  _background-position: 0 1.2em; margin-bottom:20px;}
FORM label {FLOAT: left; WIDTH: 150px;}
FORM div   {margin:5px 0px 5px 0px;}
.input     {vertical-align: middle;}
.button-kos {padding:8px; margin:10px 0 0 38px}


/* HOVER PIC V PRODUKTE */
a.info {
  position: relative;
  z-index:24;
  background:none;
  color:#000;
  text-decoration:none
}

a.info:hover {
  z-index:25;
  background-color: #fff;
  color:#ff6633;
}

a.info span {
  display: none
}

a.info:hover span {
  display:block;
  position:absolute;
  top:1em; _top:5em;
  left:1em; _left:5em;
  width:170px;
  border:1px solid #888;
  background-color:#fff;
  color:#000;
  text-align: left;
}

label.error {
      float:none;
      color: red;
      margin-left:5px;
    }