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


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


H1     {font-size:2.3em; margin:0; padding:10px 0 17px 0; color:#252525; letter-spacing: -1px; word-spacing: 1px;  line-height: 28px;}
H2     {font-size:1.6em; margin:0px 0px 7px 0px; padding-top:10px; color:#da8222; letter-spacing: -1px; word-spacing: 1px; }
H3     {font-size:1.3em;  padding:10px 5px 5px 0; margin:0}


A         {color:#004496; text-decoration:underline; }
A:visited {color:#004496; text-decoration:underline}
A:hover   {color:#f00; text-decoration:underline}


p      {margin-bottom:8px}
IMG    {border:none; display: block; margin:0px;}
FORM   {margin:0px;padding:0px}
UL,OL  {padding: 10px 0px 10px 20px; margin: 0px;}
HR     {height:1px; color:#e5e7ea; width:100%; background-color:#e5e7ea; border:0px solid #e5e7ea;}
acronym{border-bottom: 1px dotted gray; cursor: help;}
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:#2f3d48; color:#5c5c5c; font-weight:bold; padding:10px; background: url(../images/tablebg.png) top  right repeat-x }
.table TH     {text-align:left; vertical-align:top; background-color:#2f3d48; color:#5c5c5c; font-weight:bold; padding:15px 15px 15px 25px; background: url(../images/tablebg.png) top  right repeat-x }

/* Standards */
.red             {color:#f00; font-weight:bold }
.fontsmall       {font-size:.95em; font-weight:normal; color:#444444;}
.fontsmall A     {color:#616161; text-decoration:underline;}
.bigfont         {font-size:1.2em;}
.clear           {clear:both;}
.fleft           {float:left}
.center          {text-align: center;}
.fright          {float:right;}
.inline IMG      {display: inline;}
.inline          {display: inline; vertical-align: middle;}
TABLE.table, TABLE.cenovehladiny      {clear:left; width:100%; border:1px solid #c0c0c0; font-size: 1em; background-color: #efefef; }
.table TD       {padding:4px 0 4px 15px; border-bottom:1px solid #c0c0c0; color:#000}
.cenovehladiny td        {padding:4px 0 0 10px; border:1px solid #c0c0c0; color:#000}
.inputaactive   {color:#f00; font-weight:bold}

td.hover         {background-color: #ebffe5;}
.none            {display: none;}


/* Site	 */
#site             {width:918px; margin: 0 auto; 	padding: 0; text-align:left;}
#accessible       {position:absolute;left:-1000px; top:-1000px;}
#header           {height:119px; background: #1c1c1c url(../images/header_bg.jpg) no-repeat left top}
#logo             {float:left; width:280px;}


#nav              {float:left;  height:36px}
#nav ul           {margin:0; padding:55px 0px 0px 22px; list-style:none;}
#nav li           {display:inline; margin:0; padding:0;  font-weight: bold;}
#nav a            {float:left; background:url("../images/tableftB.gif") no-repeat left top; margin:0; padding:0 0 0 2px; text-decoration:none;}
#nav a span       {float:left; display:block; background:url("../images/tabrightB.gif") no-repeat right top; padding:10px 17px 12px 10px;color:#e3e3e3;}
#nav a span       {float:none;}
#nav a:hover span {color:#e3e3e3;}
#nav a:hover      {background-position:0% -42px;}
#nav a:hover span {background-position:100% -42px;}


#content          {float:left; line-height: 1.7em;background: #495a6a url(../images/content-bg.jpg) no-repeat;}
#left             {float:left; width:175px;}
#middle           {float:left; width: 743px; }
 #middlecontent   {padding:15px 25px 25px 25px;  background-color: #fff;  margin-right:18px}
 #middleAdmin     {float:left; width: 743px;}


#title          {height:75px; float:left; width:500px}
#title SPAN     {padding: 25px 0 0 33px; display: block; font-size:2.3em; margin:0; color:#dde0e3; letter-spacing: -1px; word-spacing: 1px;}

#search {float: right; width:350px; color:#dde0e3; }

#search DIV {padding: 20px 0 0 33px}
#searchin {float: right; width:350px; color:#dde0e3;}
#searchin DIV {padding: 10px 0 0 33px}
.searchinput{padding:4px; width:190px}


#footer         {clear:both; padding:10px 25px 0 25px; font-size: .95em; color:#b1b7bd; height:23px; background-color: #495a6a; text-align: center;}
#footer A       {color:#b1b7bd}
#footer A:hover {color:#000}
#le             {display: block; float: left; padding:8px 8px 8px 10px}
#ri             {display: block; float: right; padding:8px 8px 8px 10px}


#navhvert {line-height: 1.2em;}
#navhvert ul {margin:0; padding:25px 0 25px 0px; list-style:none;}
#navhvert ul li {width: 155px;	margin-bottom: 1px;	font-weight: bold;}
#navhvert ul li a {	display: block; width: 155px;		padding: 7px 0 5px 20px;	text-decoration: none;	color: #000; 	background: url(../images/offer_menu_normal.gif) no-repeat 0 0;}
#navhvert ul li a:hover {color: #000;		font-weight: bold;		background: url(../images/offer_menu_active.gif) no-repeat 0 0;}
#navhvert ul li a.active {color: #da8222;	}

#navhvert ul li ul    {margin:0; padding:3px 0 3px 10px; list-style:none; }
#navhvert ul li ul li a {background: url(../images/homeodr.gif) no-repeat 8px 8px; font-weight:normal;  color:#fff; padding: 3px 0 3px 20px; width: 135px;}
#navhvert ul li ul li a:hover {background: url(../images/homeodr2.gif) no-repeat 8px 8px; font-weight:normal; color:#f7a039; text-decoration: underline;}

/* CONTENT
*/
#indexleft {float:left; width:420px; margin-right:20px }
#indexright {float:left; width:232px}
.uvod {float:left; margin-right:15px}

.pics {
    height:  232px;
    width:   232px;
    padding: 0;
    margin:  0;
}

.pics img {
    padding: 15px;
    border:  1px solid #ccc;
    background-color: #eee;
    width:  200px;
    height: 200px;
    top:  0;
    left: 0
}
.kontakt {margin-top:15px; padding:15px;     border:  1px solid #ccc; background-color: #eee;}

#login ul  {margin:0; padding:10px 0 10px 0px;}
#prihlasenie {color: #e8eae7; padding-left:17px; display: none; }
#prihlasenie A {color:#b1b7bd}

#steprihlaseny {color:#dde0e3; line-height: 1.5em; padding:0 15px}

#image-inside {float:left; width:455px}
#image-inside IMG {float:left; margin:0 20px 20px 0; padding: 15px; border:  1px solid #ccc; background-color: #eee; }



#image-inside h1  {font-size: 1em; line-height: 2em; margin:0; padding:0}
#image-prilohy    {float:left; width:203px; border-left:1px solid #d2d4d5; padding-top:108px}
#image-prilohy IMG {vertical-align: bottom; }
.silver           {color: #dadada; font-style: normal; font-size:1.3em;}
.green            {color: #75ba00; font-style: normal; font-size:2.5em;}
.black            {color: #000; font-style: normal; font-size:2em; }

.success {
	background: #e1ffc4 url(../images/success.png) center no-repeat;
	background-position: 15px 50%; /* x-pos y-pos */
	text-align: left;
	padding: 5px 30px 5px 75px;
	margin-bottom:15px;
	border: 2px solid #99cc66;
	}
.alert {
	background: #fff6bf url(../images/alert.png) center no-repeat;
	background-position: 15px 50%; /* x-pos y-pos */
	text-align: left;
	padding: 5px 30px 5px 75px;
	border: 2px solid #fed626;
	}
.return { background: url(../images/return.png) top left no-repeat; padding: 0 0 3px 22px; }
.return:hover { color:#ed2024; }


th.header { background: #d8d9da url(../images/tablesortbg.gif) top right no-repeat;    cursor: pointer;    font-weight: bold;    background-repeat: no-repeat;    background-position: center left;    padding-left: 20px;    border-right: 1px solid #dad9c7;    margin-left: -1px;}


#inboxleft  {float:left; width:450px; margin-right:40px}
#inboxright {float:left; width:150px}
.stlpec {float:left; width:190px;margin-right:20px}

#cenaspolu td {background-color: #dafecf; padding:15px;}
#cenaspolu SPAN {font-size: 1.8em; font-weight: bold; letter-spacing: -1px;}

/* SORTIMENT */
#produkty     {float:left; width: 100%; background: url(../images/body_background.png) repeat; font-size: .95em; line-height: 15px; margin:15px 0}
#produkty DIV {float:left; width: 140px; margin:7px; text-align: center; background-color: #fff; padding:2px; height:220px }
#produkty IMG {margin-bottom:4px; text-align: center; display: inline; }
#produkty A   {color:#000}
#produkty A:hover   {color:#f00;}

#note {font-size:1.2em; color:#f00; font-weight: bold;}



/* FORM */
#formulare    {background-color: #f3f3f3; border: 1px #dadada solid; margin:20px 0 25px 0; -moz-border-radius:8px; -webkit-border-radius:8px;}
#formulare h3 {font-size:1.7em; padding:10px 0 0px 10px}
#formulare h4  {background-color: #c2c9cd; padding:4px 4px 4px 10px;}
#formulare DIV {padding-left:15px}
#formulare textarea {width: 620px;}

FIELDSET   {border:0; padding:0px 0; margin:0}
FORM div   {margin:5px 0px 5px 0px; clear:left}
FORM label {FLOAT: left; WIDTH: 130px; padding-right:5px;}

.button {width: 100px; font-weight: bold; padding:5px; }
.label             {padding: 0px 3px  4px 2px;}
.input             {vertical-align: middle;}



.pageslist {margin:0px 0 15px 0px; padding:15px; clear:both; text-align: center;}
.pageslist a,
.pageslist span{font-weight:bold;float:left;display:block;padding:6px 10px;margin:0 3px 0 0;background-color:#dde0e1; -moz-border-radius:3px; -webkit-border-radius:3px; text-decoration: none;}
.pageslist a.active,
.pageslist span.active{background-color:#495a6a; color:#fff;}.pageslist b{color:white !important}.pageslist a:hover{color:#fff;background-color:#da8222}

#doobchodu a {padding:5px; color: #fff; display: block;}