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

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

H1     {font-size:2em; padding:0px 0 0px 0px; margin-bottom:20px; color:#555555; font-weight: normal; line-height: 1.4em;}
H2     {font-size:1.3em; margin:0px 0px 7px 0px; padding-top:15px; color:#555555; }
H3     {font-size:1em; margin:0px 0px 0px 0px; font-weight:bold; color:#555555;}

A         {color:#1c3b72; text-decoration:underline;}
A:visited {color:#555555; text-decoration:underline}
A:hover   {color:#f00; text-decoration:underline}

IMG    {border:none; display: block; margin:0px}
FORM   {margin:0px;padding:0px}
P      {margin-top: 0; line-height: 1.6em;}
UL,OL  {padding: 10px 0px 10px 30px; margin: 0px;}
HR     {height:1px; color:#bee4f7; width:645px; background-color:#bee4f7; border:0px solid #bee4f7; margin:0; font-size:0; padding:0}
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;}

.table TH, .table2 TH     {text-align:left; vertical-align:top; background-color:#2f3d48; color:#5c5c5c; font-weight:bold; padding:15px 15px 15px 15px; background: url(../images/tablebg.png) top  right repeat-x }
TABLE.table     {clear:both; width:645px; border:1px solid #c0c0c0; font-size: 1em; background-color: #efefef; }
TABLE.table2     {clear:both;  border:1px solid #c0c0c0; font-size: 1em; background-color: #efefef; }
.table TD, .table2 TD      {padding:4px; border-bottom:1px solid #c0c0c0; color:#000}
td.hover         {background-color: #ebffe5;}


/* Standards */
.red             {color:#f00; font-weight:bold }
.white             {color:#fff; font-weight:bold }
.fontsmall       {font-size:11px; font-weight:normal; color:#6e6e6e; }
.fontsmall A     {color:#6e6e6e; text-decoration:underline;}
.fontbig         {font-size:14px; font-weight:bold; color:#ff0000;}
.clear           {clear:both;}
.fleft           {float:left}
.fright          {float:right}
.inline IMG      {display: inline;}
.inline          {display: inline; vertical-align: middle;}
.linethrough     {text-decoration:line-through; color:#6e6e6e}
.center {text-align: center;}

/* Site	*/
#site             {width:900px; margin: 0 auto; 	padding: 0; text-align:left;}
#accessible       {position:absolute;left:-1000px; top:-1000px;}
#header           {height:100px;}
#logo             {float:left; width:270px; padding:30px 0px 0 0px; margin-left:-10px}
#lang {position: relative;  }
#lang DIV {position: absolute; top:5px; left:810px; width:90px}
#lang IMG {margin-left:5px }
#nav              {float:left; padding-top:35px; color:#cdcdcd}
#nav  A           { color:#212980}
#nav  A:hover     { color:#c60000}
.imgHoverable {display: inline; vertical-align: middle; padding-left:15px}
.navtext IMG{display: inline; vertical-align: middle; padding:0 0px 0 15px; }
.navtext {font-size: 1.3em; font-weight: bold;}
#search           {float: right; padding:10px 20px 0 0;}
#search INPUT     {vertical-align: middle;}




#basket IMG       {display: inline; vertical-align: middle;}

#main             {float:left; background: url(../images/bgmain.gif) repeat-y }

#left             {float:left; width:225px; background-color: #9a9998;}
#navver           {padding-top:15px; color:#fff;  }
#navver ul        {padding: 0 0 0 0; margin: 0px 0px 0px 0px; list-style: none;}
#navver li        {margin:0; padding:0; }

#navver li a            {text-decoration:none; display: block; line-height: 1.3em; background-color: #878684; margin:2px 0; color:#ffffff;}
#navver li a span       {display:block; padding:5px;  }
#navver ul li.active A  {text-decoration:none; color:#fff; background-color: #212980; display: block; }
/* 28bfee  border-bottom:1px solid #fff; border-left:1px solid #fff; border-top:1px solid #fff; */
#navver A:hover   {background-color: #a3d7ec; color:#000;}

#navver li ul li a {background:none}
#navver li ul li a SPAN {padding:2px 2px 2px 10px }

#navver li.m4, #navver li.m6, #navver li.m9, #navver li.m13, #navver li.m15, #navver li.m19 {padding-top:7px}


/*
 * SLIDER
*/
#loopedSlider {width:335px; height:240px; clear:both; position:relative;}
.container {width:335px; height:240px; overflow:hidden; position:relative;   }

.slides { position:absolute; top:0; left:0;}
.slides > div { position:absolute; top:0;  display:none; }

		a.previous { position:absolute; top:220px; left:295px; width:16px; height:12px; display: block;  background: url(../images/sipky.png) no-repeat 0 0; text-decoration: none;}
		a.previous:hover {background-position:0 -11px}
		a.next { position:absolute; top:220px; right:0px; width:16px; height:12px; display: block;  background: url(../images/sipky.png) no-repeat -16px 0; text-decoration: none;}
		a.next:hover {background-position:-16px -11px}
  a.all { position:absolute; top:100px; left:185px; font-size: 0.85em;}
  a.previous  span, a.next  span {visibility: hidden; }
  
.slideimg {width: 335px;}
.slideimg IMG {float: right;}

#subnav ul        {padding: 0 0 0 0; margin: 20px 0px 20px 0px; list-style: none;}
#subnav li        {margin:0; padding:0; border-top:1px solid #b8b7b7}
#subnav A         {text-decoration:none; display: block; line-height: 1.3em; color:#ffffff;}
#subnav li a span       {display:block; padding:5px;  }
#subnav A:hover   {background-color: #a3d7ec; color:#000;}

#index {line-height: 0; font-size:0}
#right            {float:left; width:675px; line-height: 1.5em}

#mainleftright    {float:left;} /* index BG left */
#content          {padding:0px 15px 15px 15px; }

#start            {color:#fff}
#start H1         {color:#d9d429;  margin:0 0 10px 0}
.starth1 {font-size: 2em;}
#box1             {float:left;background-color: #5e5e5e; padding:15px}
#box2             {float:left;background-color: #777776; padding:15px}
#box2 A:link, #box1 A:link {color:#fff}
#box2 A:visited, #box1 A:visited {color:#fff}
#box2 A:hover, #box1 A:hover {color:#fa8846}
.indexleft {float:left; width:270px; margin-right:40px}
.indexright {float:left; width:335px;}
.indexright UL {margin:0; padding:0}
.indexright IMG {float:left;  margin-right:30px}


#footer           {clear:left;  padding:10px 0px 40px 0px; color:#5c5c5c; font-size:.9em; }
#footer A         {color:#5c5c5c;}
#footer A:hover   {color:#000;}
#le               {float:left; display: block; padding-left:225px}
#ri               {float:right; display: block;}


/* CONTENT */
.flash {border-bottom:1px solid #e3e3e3;}
.product {float:left; margin:0 15px 25px 0; padding:15px 0px 0 0px; width:145px; min-height:170px; border:1px solid #e3e3e3; text-align: center;}
.product IMG {display: inline; text-align: center;}
.product DIV {clear:left; border-top:1px solid #e3e3e3; padding:5px}
.paddingnone {margin:0 0px 25px 0;}

#productimage {float:right; margin-bottom:5px}
.vnutroimg {border-bottom:1px solid #9a9998}
.kontakt {float:left; width:200px}
.map {float:left; width:425px;}
IFRAME {border:1px solid #9a9998}
#cenysudph {padding-top:10px; font-size: .95em;}
#vcene {margin:10px 0 0 5px} /* VSTREKOLISY*/
.headlinestroje {background-color: #e7e7e7; padding:15px; margin:15px 0; text-align: center;}
.headlinestroje IMG { display: inline;}

/*Vypis tovar a special nastavenia*/
#thnasklade {padding-left:35px; display: inline;}
.stav             {background: url(../images/help.gif) no-repeat top right; display: block; width: 40px;}
.oznacene         {background-color: #e1f2fb; font-weight: bold; color:#f00;}
.tablebold        {font-weight: bold;} /* retaze pre priemysel*/
TABLE.tableretaze {width:430px; margin-bottom:15px}

/* KOSIK */
#cenaspolu td {background-color: #dafecf; padding:15px;}
#cenaspolu STRONG {font-size: 1.4em; font-weight: bold; letter-spacing: -1px; line-height: 1.3em;}


/* WELCOME 200 */
#faktury  {font-weight: bold; color:#f00; border:1px solid #f00; width: 354px; padding:0 10px 10px 10px; background-color: #ffe2e2; margin-top:15px}
#bg200    {background: url(../images/bg200.jpg) no-repeat top right; margin-right:-15px}
dl.welcome200  {width: 500px; margin: 0; padding: 0; }
.welcome200 dt {width: 100px; float: left; margin: 0; padding: .5em; border-top: 1px solid #bee4f7;  }
dt        {clear: both; font-weight: bold;} /* commented backslash hack for mac-ie5 \*/
.welcome200 dd {float: left; width: 250px; margin: 0; padding: .5em; border-top: 1px solid #bee4f7; }

.gallery {clear: both; margin-top:15px; }
.gallery DIV {float:left; width: 120px; margin:0 10px 10px 0}
.hlavy   { float:left;width:160px; margin-right:5px; border:1px solid #ccc; padding:3px; text-align: center;}


.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;
	}
.alertpdf {
	background: #fff6bf url(../images/pdf.png) center no-repeat;
	background-position: 15px 50%; /* x-pos y-pos */
	text-align: left;
	padding: 5px 30px 5px 115px;
	border: 1px solid #fed626;
	font-size: 1.3em;
	margin-bottom:15px;
	}
	
#tvarplastclip {
	background: #fff6bf url(../images/video.png) center no-repeat;
	background-position: 15px 50%; /* x-pos y-pos */
	text-align: left;
	padding: 5px 30px 5px 100px;
	border: 1px solid #fed626;
	font-size: 1.3em;
	line-height: 1.5em;
	margin-bottom:15px;}
	
#info {
 clear:left;
 margin-top:15px;
	background: #e5f7fd url(../images/info.png) center no-repeat;
	background-position: 15px 45%; /* x-pos y-pos */
	text-align: left;
	padding: 0px 30px 10px 75px;
	border: 1px solid #89dcf5;

	}
	
.return { background: url(../images/return.png) top left no-repeat; padding: 0 0 3px 22px; }
.return:hover { color:#ed2024; }


/* BASKET */
.imgvkosiku {float:left; margin-right:10px}



/* 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: #5e5e5e; padding:4px 4px 4px 10px; color:#fff}


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

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

.wym_area_right { display: none!important;} /* NEZOBRAZI EDITOR LEFT*/

/* #tvarplastclip {float:left;background-color: #5e5e5e; padding:10px}
#tvarplastclip DIV{float:left; margin:0 10px 0px 0; } */