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

/* Elements */
html {margin: 0px; padding:0px;}
body {background-color:#FFF;	font: normal 80% "Verdana CE", "Arial CE", "Lucida Grande CE", "Helvetica CE", Verdana, Arial, lucida, sans-serif;	margin: 0px 0px 0px 15px; padding:0px; }

H1   {font-size:25px; margin:0px 0px 11px 0px; padding: 27px 0px 20px 0px; color:#000}
H2   {font-size:14px; margin:5px 0px 10px 0px;}
H3   {font-size:14px; margin:5px 0px 10px 5px;  font-weight:bold; }

A         {color:#330066; text-decoration:underline;}
A:visited {color:#007; text-decoration:underline}
A:hover   {color:#ff6600; text-decoration:underline}

img       {border:none; display: block; margin:0px}
FORM      {margin:0px; padding:0px}
TABLE     {BORDER-COLLAPSE: collapse; border-spacing:0px; line-height:16px; font-size: 100%; }
TD        {vertical-align:top; }
TH        {text-align:left; vertical-align:top; background-color:#aaaaff; font-weight:bold; color:#330066; padding:4px}
p         {margin-top:12px}
ul        {padding:0px 0px 10px 40px; margin:0px; }

/* Standards */
.red       {color:#2856a3; font-weight:bold }
.fontsmall {font-size:11px;font-weight:normal; color:#6e6e6e; }
.clearboth {clear:both; height:20px}
.clear {clear:left}
.floatleft {float:left}
.floatright {float: right;}
.inline img {display: inline;}
.inline    {display: inline;}
TABLE.table {width:100%}
.table TD  {border:1px solid #d8d8ff; padding:4px}

/* Site	*/
#stranka  {width: 730px; margin: 0; padding: 0; text-align:left;}
#skipnav  {position:absolute;left:-1000px; top:-1000px;}
#left     {float:left; width:123px;}
#right    {margin-left:160px; line-height:18px;}

#menu     {width: 110px; margin:30px 0 20px 0; text-align: center;}
#menu ul  {list-style-type:none; margin:0px; padding:0px}
#menu li  {margin:0px; padding:0px; color: #000077; }
#menu a   {height:16px; background-color: #aaaaff; border:1px solid #555599; padding:1px; margin:4px 0; display: block; text-decoration: none; }
#menu a:hover {text-decoration: none; background-color: #ccccff; color:#330066}
#menu li a.active {background-color: #ccccff;}

#language      {text-align: center; width: 110px;}
#search        {text-align: center; width: 110px; margin:20px 0}
#copyright     {clear:both; font-size:0.85em; line-height:16px; text-align: right; color:#555; margin:0px 0 20px 0px;}
	#copyright ul {margin:0px 0px 10px 0px; padding:0}
	#copyright li {display: inline; list-style:none; padding: 3px 0px 0px 0px;}
	#copyright A  {color:#555; text-decoration:underline;}
	#copyright A:visited {color:#555; text-decoration:underline}
	#copyright A:hover   {color:#00007f; text-decoration:underline}
	

	
/* Content	*/
#novinky strong {float:left; width:105px; text-align: right; margin-right:10px; color:#000099}
#novinky ul     {float:left; width:400px; list-style:none; margin:0 0 10px 0; padding:0}
#novinky li     {padding: 0 0 5px 0;}

#onas li        {margin-bottom:10px; list-style: URL('../images/stvorcek.gif')}
#publikacie p   {margin:0px 0px 20px 0px;}


.kontakt         {float:left; width:260px; height:190px}


#menu li a.blue         {background-color: #aaaaff; border:1px solid #7f7fff}
#menu li a:hover.blue   {background-color: #d8d8ff; color:#7f7fff}
#menu li a.blue_active   {background-color: #d8d8ff; border:1px solid #7f7fff; color:#7f7fff}
#menu li a.orange       {background-color: #ffd4aa; border:1px solid #ffbf7f; color:#994c00}
#menu li a:hover.orange {background-color: #ffebd8; color:#ffbf7f}
#menu li a.orange_active {background-color: #ffebd8; border:1px solid #ffbf7f; color:#ffbf7f}
#menu li a.green        {background-color: #aaffd4; border:1px solid #00e772; color:#00994c}
#menu li a:hover.green  {background-color: #d8ffeb; color:#00994c}
#menu li a.green_active  {background-color: #d8ffeb; border:1px solid #00e772; color:#00994c}
#menu li a.reds         {background-color: #ffaad4; border:1px solid #ff7fbf; color:#99004c}
#menu li a:hover.reds   {background-color: #ffd8eb; color:#ff7fbf}
#menu li a.reds_active   {background-color: #ffd8eb; border:1px solid #ff7fbf; color:#ff7fbf}
#menu li a.purple       {background-color: #d4aaff; border:1px solid #bf7fff; color:#4c0099}
#menu li a:hover.purple {background-color: #ebd8ff; color:#bf7fff}
#menu li a.purple_active {background-color: #ebd8ff; border:1px solid #bf7fff; color:#bf7fff}


#pasik_blue   {margin-top:5px; float:left; background-color: #d8d8ff; height:730px; width:55px;}
#pasik_reds   {margin-top:5px; float:left; background-color: #ffd8eb; height:730px; width:55px;}
#pasik_green  {margin-top:5px; float:left; background-color: #d8ffeb; height:730px; width:55px;}
#pasik_orange {margin-top:5px; float:left; background-color: #ffebd8; height:730px; width:55px;}
#pasik_purple {margin-top:5px; float:left; background-color: #ebd8ff; height:730px; width:55px;}

#produkty         {background-color: #c4c9e7;}
#mouseovers       {padding:28px 0 0 60px}
#produktyboxl     {float:left; width:160px;}
#produktyboxl IMG {padding-top:57px}
#produktyboxr     {float:left; width:209px;}
#produktyboxr IMG {padding-bottom:50px}

#ram           {background-color: #d8d8ff; float:left; width:55px;}
#content       {float:left; width:511px; margin-top:15px}
#overflow      {clear:left; overflow:auto; width:500px; height:606px;}
#drobcekova    {min-height:114px; height:auto !important; height:114px;}
#drobcekova UL {float:left;  font-size:0.9em; list-style:none; margin:0; padding: 0 0 0 10px; line-height:15px}
#drobcekova LI {padding: 0 0 5px 0; margin:0; width:140px;}

#content H2       {font-size:15px; margin:0px 0px 2px 0px; padding:4px; font-weight:bold; color: #fff; }
H2.western_reds   {background-color: #e60073}
H2.western_green  {background-color: #037f3e}
H2.western_orange {background-color: #ff7f00}
H2.western        {background-color: #00007f}
H2.western_purple {background-color: #7b00ff}


TABLE.produkty-table {margin-bottom:30px}
TABLE.produkty-table TD{padding:3px;  border-bottom:2px solid #fff; border-left:2px solid #fff;}
TABLE.produkty-table P{margin:5px 0 5px 0;}
TD.jozo {width:90px}


/* FORMULARE
*/
FIELDSET   {border:none; margin:0; padding:0}
legend     {display: none;}
#form label {FLOAT: left; WIDTH: 115px; padding-right:5px; font-weight: bold; }

#form div   {margin:2px 0px 2px 0px; padding:10px; background-color: #edf0f4;}
#form input, textarea {border:1px solid #242d36; padding:5px; width: 320px;}
#form .formButton {width: 100px; background-color: #242d36; color:#fff; font-weight: bold;}
form label {FLOAT: left; WIDTH: 125px; padding-right:5px;}