html {margin: 0; padding:0;}

body {	
	background-color:#fdf2d1; color:#000;
	font: normal 80% "Arial CE", "Helvetica CE", Arial, helvetica, sans-serif;
	margin: 0; padding:0;
	text-align:center;
	}

#site {
	width: 765px; 
	margin: 0 auto;
	padding: 0;
	text-align:left;
	background-color: #FFF;
 }

A         {color:#000; text-decoration:underline;}
A:visited {color:#000; text-decoration:underline}
A:hover   {color:#f5b803; text-decoration:underline}

IMG    {border:none; display: block; margin:0px}
FORM   {margin:0px;padding:0px}
TABLE  {BORDER-COLLAPSE: collapse; border-spacing:0px; line-height:15px; font-size: 12px; }
TD     {vertical-align:top;}
TH     {text-align:left; vertical-align:top; background-color:#f5b803; font-weight:bold; padding:3px;}
P      {margin-top:8px}
UL     {padding: 10px 0px 10px 20px; margin: 0px;}
OL     {padding: 10px 0px 10px 35px; margin: 0px;}
LI     {padding: 0px; margin: 0px;}
HR     {height:1px; color:#c4c3be; width:100%; background-color:#c4c3be; border:0px solid #c4c3be;}

H1     {font-size:1.5em; padding:25px 0 70px 20px; margin:0; background: url(../images/h1-bg-3.jpg) no-repeat;}
H1.change1      {background: url(../images/h1-bg-1.jpg) no-repeat;}
H1.change2      {background: url(../images/h1-bg-2.jpg) no-repeat;}
H1.change3      {background: url(../images/h1-bg-3.jpg) no-repeat;}
H1.change4      {background: url(../images/h1-bg-4.jpg) no-repeat;}
H1.change5      {background: url(../images/h1-bg-5.jpg) no-repeat;}
H1.change6      {background: url(../images/h1-bg-6.jpg) no-repeat;}

H2     {font-size:1.3em; margin:0px 0px 7px 0px; padding-top:15px}
H3     {font-size:11px; margin:0px 0px 0px 0px; font-weight:bold;}

.red             {color:#f00; font-weight:bold }
.font-small      {font-size:11px; font-weight:normal; color:#6e6e6e; }
.fontbig         {font-size:13px; font-weight:bold; color:#dd117a;}
.font-small A    {color:#6e6e6e; text-decoration:underline; font-size:10px}
.clearboth       {clear:both;}
.clear           {clear:left;}
.floatleft       {float:left}
.floatright      {float:right}
.inline img      {display: inline;}
.inline          {display: inline; vertical-align: middle;}
.bg              {background-color: #fdf2d1; padding:5px; border-top:2px solid #f5b803;}
.sk              {font-weight:bold; color:#4a4c4a;}
.en              {font-weight:bold; color:#d42600;}
.de              {font-weight:bold; color:#f6bf1c; }
.input           {vertical-align: middle;}
.label           {padding: 0px 3px  0px 2px;}
.status          {font-size:1.2em;color:#f00; font-weight:bold }

/* SITE
	*/
#skipnav         {position:absolute;left:-1000px; top:-1000px;}
#header          {background-color: #fff; margin-bottom:15px}
#logo            {float:left; padding:10px 0 0 15px;}
#lang            {float:right; padding:30px 15px 0 8px; border-left:2px solid #f5b803; }
#lang A          {text-decoration:none;}
#akcia           {margin-left:213px; padding:10px 10px 0 0px; width:440px;}
#akcia P         {margin:0px; padding:8px 0 0 0;}

#main            {clear:left;background-color: #fff;}
#left            {float:left; width:200px;}
#right           {float:left; width:565px;}
#content         {padding:15px; line-height: 17px;}

#menu            {margin:0;}
#menu ul         {padding: 10px 4px 8px 0px; margin: 0px; list-style: none;}
#menu li         {padding: 5px 5px 5px 23px; margin:0; border-bottom:1px solid #c4c3be; background: url(../images/menu-od.gif) no-repeat 1em 0.70em;}

#menu ul li ul li{border-bottom:1px solid #fff; background-position: 0em 0.50em; padding: 2px 2px 2px 10px; margin:0px}
#menu ul li ul li ul li{border-bottom:1px solid #fff; padding: 2px 2px 2px 10px; background: url(../images/menu-od-3.gif) no-repeat 0em 0.60em;}
#menu A          {text-decoration:none;}
#menu LI a.active {text-decoration:none; font-weight:bold; color:#000}
#menu ul li.menu-stranka, 
#menu ul li ul li.menu-stranka {background: url(../images/menu-od-3.gif) no-repeat 0em 0.60em;}

#footer          {padding:8px 0 20px 216px; font-size:11px; color:#686868;  border-top:2px solid #f5b803; line-height: 16px; margin-top:20px} 
#footer IMG      {border:none}
#footer A        {color:#686868; text-decoration:underline;}
#footer A:visited{color:#686868; text-decoration:underline}
#footer A:hover  {color:#f5b803; text-decoration:underline}

.uputavky        {float: left; width:120px; padding:15px 10px 0 0}
.uputavky IMG    {padding: 5px; border: 1px solid #999;}

.uputavky4  {float: left; width:120px; padding:15px 0px 0 0}
.uputavky4 IMG    {padding: 5px; border: 1px solid #999;}

.prilohy         {padding:10px; background-color: #fdf2d1; border-top:2px solid #f5b803; }
.prilohy-fontsmall {font-size:10px; font-weight:normal; }
LI.filepdf       {background: url(../images/pdf.gif) no-repeat 0em 0.45em; list-style: none; margin:0; padding: 5px 5px 5px 23px;}
LI.filedoc       {background: url(../images/doc.gif) no-repeat 0em 0.45em; list-style: none; margin:0; padding: 5px 5px 5px 23px;}
LI.filexls       {background: url(../images/xls.gif) no-repeat 0em 0.45em; list-style: none; margin:0; padding: 5px 5px 5px 23px;}
LI.fileppt       {background: url(../images/ppt.gif) no-repeat 0em 0.45em; list-style: none; margin:0; padding: 5px 5px 5px 23px;}
LI.filejpg       {background: url(../images/empty.gif) no-repeat 0em 0.45em; list-style: none; margin:0; padding: 5px 5px 5px 23px;}
LI.filetxt       {background: url(../images/empty.gif) no-repeat 0em 0.45em; list-style: none; margin:0; padding: 5px 5px 5px 23px;}

.vnutorny-obrazok {float:right; margin:0 10px 20px 20px; padding: 5px; border: 1px solid #999; }
/*Substranka*/
.substranka      {clear:left; background-color:white; height:120px}
.substranka-img  {float: left; padding: 5px; border: 1px solid #999;}
.substranka-txt  {margin:0px 0px 30px 130px; }

/*Galerie*/
.nahlad {float:left;width: 100px; border: 1px solid #c4c3be; margin: 0 17px 15px 0; padding: 5px; text-align: center;}
.velkynahlad  {border: 1px solid #c4c3be; margin: 0 0 15px 10px; padding: 5px; width:500px}
/*Kontakt*/
#kontakt {float:left; width:220px;}
#rychlykontakt {float:left; width:260px; background-color: #fdf2d1;  border-top:2px solid #f5b803; }
#rychlykontakt h2{font-size:15px; margin:0px; padding:0px}
#rychlykontakt-v {padding: 15px;}
#rychlykontakt p {margin:5px 0px 0px 0px; padding:0px; width:240px; }
#rychlykontakt label {float: left; width: 80px; }

TABLE.table      {margin:0 0 10px 0; width:525px}
.table TD        {padding:5px; border-bottom:1px solid #c4c3be;}

#filter  {}
#vzorkovnik-farieb {margin:15px 0 15px 10px}
#vzorkovnik-farieb DIV {float:left; margin: 0 10px 20px 0; text-align: center;}
#wallico IMG {display: inline; float:left; border: #CAC9C9 1px solid; margin-right:1px}
#vzor {float:right}

.mate-otazky label {FLOAT: left; WIDTH: 160px;}
.mate-otazky div   {margin:5px 0px 5px 5px;}

.external { background: url(../images/external.gif) top right no-repeat; padding: 0 12px 0 0; color:#ed2024;}
.external:hover { color:#ed2024; }

/* FORMULARE */
FIELDSET {border: #CAC9C9 1px solid; PADDING: 0px 5px 10px 10px; margin-bottom:15px;}
LEGEND {FONT-WEIGHT: bold; MARGIN-BOTTOM: 10px; }

FORM label {FLOAT: left; WIDTH: 150px;}
FORM div   {margin:5px 0px 5px 0px; clear:left}

.button {border: 2px outset #f5b803;	background-color: #f5b803; font-weight: bold;  color:#000;}

/* Vzorkovník látok */
#kvalitalatok {clear:left; background-color: #fefaee; padding:0 15px 15px 15px; margin-top:30px}
#strankovanie {clear:left; font-size: 1.2em; text-align: center; border-top:1px solid #ccc; border-bottom:1px solid #ccc; padding:8px 0}
#strankovanie A {padding:4px}
#strankovanie A:HOVER {background-color: #ccc; color:#000}
#markizashow {position:absolute; top:0px; z-index:60; padding:20px}
#aprikot {background: url(../data/wand_aprikot.jpg) no-repeat;position:absolute; z-index:2; height:230px; width:535px }
#blau {background: url(../data/wand_blau.jpg) no-repeat;position:absolute; z-index:2; height:230px; width:535px}
#gelb {background: url(../data/wand_gelb.jpg) no-repeat;position:absolute; z-index:2; height:230px; width:535px}
#mint {background: url(../data/wand_mint.jpg) no-repeat;position:absolute; z-index:2; height:230px; width:535px}
#rosa {background: url(../data/wand_rosa.jpg) no-repeat;position:absolute; z-index:2; height:230px; width:535px}
#terracotta {background: url(../data/wand_terracotta.jpg) no-repeat;position:absolute; z-index:2; height:230px; width:535px}
#weiss {background: url(../data/wand_weiss.jpg) no-repeat;position:absolute; z-index:2; height:230px; width:535px}

a.gallery em, a.gallery span {display:none;}
.thumbs IMG {display: inline;}
#container_left {position:relative; width:510px; height:300px;  }
#container_left .thumbs {position:absolute; top:230px; padding-left:20px}
#container_left a.gallery:active, #container_left a.gallery:focus {border-right:1px solid #CAC9C9; border-bottom:1px solid #ccc;}
#container_left a.gallery:active em, #container_left a.gallery:focus em {display:block; position:absolute; top:-230px; left:0; color:#000;  z-index:5;}

#vzorkovnik-sattler-bg {text-align: center; border:1px solid #d6d6d6; padding:15px; background-color: #f3f3f3;}
#vzorkovnik-sattler-bg IMG {display: inline;}