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

/* Elements */
HTML   {margin: 0; padding:0;}
BODY   {color:#bfbfbf;  background: #fff; font: normal 75% "Arial CE", "Helvetica CE", Arial, helvetica, sans-serif;  margin: 0; padding:0; 	text-align:center;}


H1     {font-size:1.9em; margin:0; padding:0px 0 30px 0; color:#bfbfbf;}
H2     {font-size:1.3em; margin:0px 0px 7px 0px; padding-top:15px; color:#fff}
H3     {font-size:1.1em;  padding:5px;  color:#fff; background-color: #e99c68;}

A         {color:#575757; text-decoration:underline;}
A:visited {color:#575757; text-decoration:underline}
A:hover   {color:#FF760C; 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:#d9edb5; width:100%; background-color:#d9edb5; border:0px solid #d9edb5;}
acronym{border-bottom: 1px dotted gray; cursor: help;}

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

/* Standards */
.red             {color:#cd6a00; font-weight:bold }
.fontsmall       {font-size:0.9em; font-weight:normal; color:#efbb98;}
.fontsmall A     {color:#6e6e6e; text-decoration:underline;}
.fontbig         {font-size:14px; font-weight:bold; color:#dd117a;}
.clear           {clear:both;}
.fleft           {float:left}
.fright          {float:right; margin:10px}
.inline IMG      {display: inline;}
.inline          {display: inline; vertical-align: middle;}
.block           {display: block; margin-left:10px}
.bg              {padding:10px; background: #e5f6ca url(../images/bglistky.jpg) no-repeat top right;  }
TABLE.table      {width: 590px; border:1px solid #bfbfbf;}
.table TD        {padding:5px; border:1px solid #bfbfbf; color:#bfbfbf}


/* Site	*/
BODY#indexbg        {background: url(../images/indexbg.jpg) repeat-x center 120px}
BODY#materialbg     {background: url(../images/materialbg.jpg) repeat-x center 120px}
BODY#colorbg        {background: url(../images/colorbg.jpg) repeat-x center 120px}
BODY#naturalbg      {background: url(../images/naturalbg.jpg) repeat-x center 120px}
BODY#ceramicbg      {background: url(../images/ceramicbg.jpg) repeat-x center 120px}

#site             {width:978px; margin: 0 auto; 	padding: 0; text-align:left;}
#accessible       {position:absolute;left:-1000px; top:-1000px;}
#header           {height:120px;}
#logo             {float:left; width:150px; padding:76px 0 0 20px}
#submenu          {float:right; color:#575757; text-transform:uppercase; margin-top:100px; padding:0 36px 0 0 }
#submenu A:hover  {font-weight: normal; color:#FF760C;  text-decoration: underline;}
#submenu UL       {margin:0;padding:0;list-style-type:none;}
#submenu LI       {float:left; margin:0; padding:0}
#submenu .none a   {padding-right:0}
#submenu ul li a  {display:block; float:left; color:#575757; text-decoration: none; padding:0 17px 0 10px; height:20px;}
#submenu ul li A.active {font-weight: bold; color:#000; background: url(../images/plus.gif) no-repeat 0px 4px; margin-top:1px}


#nav         {text-transform:uppercase; margin:8px 0 0 20px; position:relative;  width:900px; height: 120px;}
#nav ul      {margin:0px;padding:0;list-style-type:none;}
#nav ul li   {display:block; float:left; }
#nav span    {display: block;}
#nav ul li a {display:block; float:left; text-decoration:none; padding:0 17px 0 10px; height:23px;}
#nav ul li a:hover {text-decoration: underline;}
#nav ul li ul li a {display:block; float:left; text-decoration:none; padding:0 17px 0 10px; height:23px;}
#nav ul li A.active {font-weight: bold; color:#000; background: url(../images/plus.gif) no-repeat 0px 4px; margin-top:1px}

#nav .subone {position:absolute; left:270px; top:20px;  width:420px;}
#nav .subone A, .subtwo {background: url(../images/pomlcka.gif) no-repeat 5px 8px}

#nav .submaterial {position:absolute; left:100px; top:20px;  width:500px; }
#nav .subcolor {position:absolute; left:180px; top:20px;  width:500px; }
#nav .subnatural {position:absolute; left:260px; top:20px;  width:500px; }
#nav .subceramic {position:absolute; left:340px; top:20px;  width:320px; }
#nav .subnovinky {position:absolute; left:20px; top:20px;  width:400px; }

#main            {line-height: 18px;  height: 452px;}
#start           {margin-left:30px; border-left:8px solid #fff; border-right:8px solid #fff; width: 894px; height:452px}
#start A         {color:#bfbfbf}
#start A:hover   {color:#FF760C}
#kontakt         {padding:110px 20px 0 50px}
.boxkont         {float:left; width: 220px;}
.boxkontform     {float:left; width: 370px;}
.boxmapa         {float:left; border:4px solid #fff}
#pripravujeme    {margin-left:30px; border-left:8px solid #fff; border-right:8px solid #fff;  height:452px; width: 894px;  }
#pripravujeme  P {padding:40px 0 0 20px}
#footer          {clear:both; height:50px; margin:0px 10px 20px 31px; color:#575857; font-size:.9em;}
#footer A        {color:#848484; font-weight: normal;}
#footer A:hover  {color:#FF760C;}

/* CONTENT
*/
#galeria  { margin-left:31px; }
.nazov    {display: inline; text-align: center; line-height: 0;}
.block    {padding-bottom:5px} /*PNG vo vnútry stránky*/
.gal-img  {border:6px solid #fff; margin-top:70px; margin-bottom:7px}
#galeria1 {float:left; margin:70px 13px 0 0; text-align: center;}
#galeria2 {float:left; margin:0px 13px 0 0; text-align: center;}
#galeria3 {float:left; margin:90px 13px 0 0; text-align: center;}
#galeria4 {float:left; margin:0px 13px 0 0; text-align: center;}
#galeria5 {float:left; margin:90px 0px 0 0; text-align: center;}

#novinky {padding:50px 20px 0 50px}



/* FORMULARE
*/

legend     {display: none;}
label      {float:left; width:140px}
FORM DIV   {padding-bottom:5px}
#kontakt INPUT, #kontakt TEXTAREA      {border:3px solid #939393; background-color: #515151; color:#fff}
.button    {background: none; border:none; font-weight: bold; font-size: .9em; color:#bfbfbf}
FIELDSET { background: #e5f6ca url(../images/bglistky.jpg) no-repeat top right; border: none; 	PADDING: 20px 5px 20px 10px; 	margin-bottom:10px;}
FIELDSET label {	float:left;	WIDTH: 145px;	padding:2px 4px 2px 4px}
LEGEND {	FONT-WEIGHT: bold; 	MARGIN-BOTTOM: 10px; 	color: #c39;}

/* OBLINKA
*/
.oballeft   {float:left; line-height: 10px; margin-right:70px}
.oballeft P {text-align: right; padding:10px 10px 0px 10px;  color:#B4B4B4}
.obalright  {float:left;  ;}
.le {float:left; width: 10px;}
.ri {float:right; width: 10px; }
.mi {MARGIN: 0px 10px; background-color: #fff; line-height: 10px; font-size:0}

#product     {margin-left:29px;}
.gallerypic  {border-left:10px solid #fff; border-right:10px solid #fff}
#textright   {text-align: right; color:#B4B4B4}
#textright p {margin:0; padding:7px 10px 0 0}

#next     {position: relative; top:0;}
#next DIV {position: absolute; top:110px; left:944px}
#back     {position: relative; top:0;}
#back DIV {position: absolute; top:110px; left:-26px}