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

/* Import pluginu */
@import "./thickbox.css";


/* 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:15px 0 10px 0; color:#dde0e3; letter-spacing: -1px; word-spacing: 1px;}
H2     {font-size:1.4em; margin:0px 0px 7px 0px; padding-top:10px; color:#da8222; letter-spacing: -1px; word-spacing: 1px; }
H3     {font-size:1.1em;  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:#fff; font-weight:bold; padding:3px;}

/* Standards */
.red             {color:#f00; font-weight:bold }
.fontsmall       {font-size:.95em; font-weight:normal; color:#444444;}
.fontsmall A     {color:#616161; text-decoration:underline;}
.fontbig         {font-size:2em; font-weight:bold;}
.clear           {clear:both;}
.fleft           {float:left}
.center          {text-align: center;}
.fright          {float:right; margin:10px}
.inline IMG      {display: inline;}
.inline          {display: inline; vertical-align: middle;}
TABLE.table      {clear:left; width:99%; border:3px solid #2f3d48; font-size: 1.2em; font-weight: bold;}
.table TD        {padding:10px; border:1px solid #2f3d48;color:#000}
.none            {display: none;}
.green           {color: #75ba00}
.orange          {color: rgb(255,102,0);}

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


#nav              {float:left;  height:36px; width:638px; }
#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;}
#nav a.active     {background-position:0% -42px;}
#nav a.active span {background-position:100% -42px; color:#fff; font-weight: bold;}

#lang {float:right;  margin-top:-20px}

#index          { height: 260px;}
#news {float:left; background: #faa13b url(../images/novinky.jpg) no-repeat; width: 320px; height: 260px;}
#newscontent {padding:10px 25px 0px 25px}
#newscontent h2 {color:#000; font-size: 1.7em;}
#newscontent IMG {border:2px solid #fff; margin-bottom: 5px}
#newscontent A {color:#000}
#newscontent A:hover {color:#004496}

#headlinesk         {float:left; margin:0; width:598px; height:260px; background:url("../images/index.jpg") top left no-repeat;}
#headlinesk span    {display:none; position:absolute; top:0px; left:0px; z-index:1; }

#headlineen         {float:left; margin:0; width:598px; height:260px; background:url("../images/indexen.jpg") top left no-repeat;}
#headlineen span    {display:none; position:absolute; top:0px; left:0px; z-index:1; }

#headlinebg         {float:left; margin:0; width:598px; height:260px; background:url("../images/indexbg.jpg") top left no-repeat;}
#headlinebg span    {display:none; position:absolute; top:0px; left:0px; z-index:1; }

#headlinehu         {float:left; margin:0; width:598px; height:260px; background:url("../images/indexhu.jpg") top left no-repeat;}
#headlinehu span    {display:none; position:absolute; top:0px; left:0px; z-index:1; }


#startLineOne {background: url(../images/start-bg.jpg)  no-repeat; width:918px;  height: 147px;}
#startLineTwo {background: url(../images/start-bg2.jpg) no-repeat; width:918px;  height: 173px;}

object {display: block;}

#slider {padding-left:15px}
#slider IMG {border:2px solid #fff; margin-bottom: 5px; }
#startLineOne A, #startLineTwo A  {color:#c9ced3}
#startLineOne A:hover, #startLineTwo A:hover {color:#f7a039}

#slider ul {margin:0; padding:0px;}
#slider li {text-align: center; font-size: 0.95em;}


#startContactsk  {float:right; padding:0px 0px 0 0; width:328px}

#startContacten, #startContactbg, #startContacthu {float:left; padding:28px 0px 0 42px;}
#startContacten h2, #startContactbg h2, #startContacthu h2 {color:#c9ced3; font-size: 1.5em;}
#startContacten, #startContactbg, #startContacthu {color:#c9ced3}


#startLineTwoContent  {float:left; width: 590px;  color:#c9ced3; line-height: 1.5em;}
#startLineTwoContent2 {padding: 10px 30px 0 155px;}
#startLineTwoContent h2 {color:#c9ced3; font-size: 1.6em; }
#startLineTwoContent P {padding:0; margin:0}

#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}
#title H1       {padding: 25px 0 0 33px}

#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
*/


#leftimg { width:290px; margin:0 0 15px 15px}
#rightimg   {float:right; width:290px; margin:0 0 15px 15px}
.imgvnutry   {border:10px solid #efefef}

#prilohy         {padding:5px;  font-size: 1.2em;}
#prilohy A       { color:#cf0005; display: block; padding-left:35px; font-weight: bold; width:200px;}
#prilohy A:hover { color:#f00}
#prilohy UL      {margin:0; padding:5px;  color:#fff}
LI.filepdf       {background: url(../images/icon_pdf.gif) no-repeat 0em 0.45em; list-style: none; margin:0; padding: 7px 5px 0px 0px; }
LI.filedoc       {background: url(../images/icon_other.gif) no-repeat 0em 0.45em; list-style: none; margin:0; padding: 5px 5px 5px 23px;}
LI.filexls       {background: url(../images/icon_excel.gif) no-repeat 0em 0.45em; list-style: none; margin:0; padding: 5px 5px 5px 23px;}
LI.fileppt       {background: url(../images/icon_other.gif) no-repeat 0em 0.45em; list-style: none; margin:0; padding: 5px 5px 5px 23px;}
LI.filejpg       {background: url(../images/icon_other.gif) no-repeat 0em 0.45em; list-style: none; margin:0; padding: 5px 5px 5px 23px;}
LI.filetxt       {background: url(../images/icon_other.gif) no-repeat 0em 0.45em; list-style: none; margin:0; padding: 5px 5px 5px 23px;}


#prilohy .googledocs {position:relative; top:-20px; left:245px; text-align: right; width:24px; padding:0}

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

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

.kontakt {float:left; width: 225px;}
#cert {background-color:#e4eefb; text-align:center; padding:10px}
#cert IMG {border:1px solid #5863a3}

.katalogy  {padding:10px; background-color: #edf0f4;}
.katalogy ul {margin:0 0 20px 0; padding:0px; list-style:none;}
.katalogy li {margin:0; padding:0px; list-style:none; border-bottom:1px solid #242d36; }
.katalogy ul li ul li{ margin:0; padding-left:30px}

/*
.katalogle {float:left; width:300px;}
.katalogri {float:left;}
*/
/* SR MAP */
dl.srmap  {width: 40em; margin: 0; padding: 0; }
.srmap dt {width: 22em; float: left; margin: 0; padding: .5em; border-top: 1px solid #242d36;  }
dt        {clear: both; } /* commented backslash hack for mac-ie5 \*/
.srmap dd {float: left; width: 15em; margin: 0; padding: .5em; border-top: 1px solid #242d36; }
.parent3 dt {font-weight: bold; font-size: 1.2em; width: 18.1em;}
.parent3 dd {font-weight: normal}
/* 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;}

/* ADMIN
*/
#addtxt           {background: #f6f8fa url(../images/text.gif) no-repeat right 5px; padding:10px; width:650px}
#addpic           {float:left; background: #f2f5f9 url(../images/pic.gif) no-repeat right 5px; padding:10px; width:650px; margin:15px 0}
DIV.addpicgal     {float:left; margin: 0 15px 15px 0}
#adddoc           {clear:left; background: #f6f8fa url(../images/doca.gif) no-repeat right 5px; padding:10px; width:650px}
#addcon           {background: #f2f5f9 url(../images/conf.gif) no-repeat right 5px; padding:10px; width:650px; margin:15px 0}