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

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

H1     {font-size:1.7em; padding:0px 0px 10px 0px; margin:0; font-weight: normal; color:#003399}
H2     {font-size:1.3em; margin:0px 0px 7px 0px; padding-top:20px; color:#003399}
H3     {font-size:11px; margin:0px 0px 0px 0px; font-weight:bold;}

A         {color:#003399; text-decoration:underline;}
A:visited {color:#003399; text-decoration:underline}
A:hover   {color:#8099cc; 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:#c4c3be; width:100%; background-color:#c4c3be; border:0px solid #c4c3be;}

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:#fac86e; font-weight:bold; padding:3px;}

/* Standards */
.red             {color:#f95608; font-weight:bold }
.font-small       {font-size:11px; font-weight:normal; color:#6e6e6e; }
.font-small A     {color:#6e6e6e; text-decoration:underline;}
.fontbig         {font-size:14px; font-weight:bold; color:#dd117a;}
.clear           {clear:both;}
.clearboth       {clear:both;}
.fleft           {float:left}
.fright          {float:right}
.inline IMG      {display: inline;}
.inline          {display: inline;}
.bg              {background-color: #fdf2d1; padding:5px; border-top:2px solid #f5b803;}
.table TD        {padding:5px; border:1px solid #ccc;}

/* Site	*/
#site              {width:798px; margin: 0 auto; 	padding: 0; text-align:left;}
#site2 {padding:0 15px 0 15px; background-color: #fff;}
#accessible        {position:absolute;left:-1000px; top:-1000px;}
#header            {background-color: #fff;}
#logo              {padding:8px 0 0 20px}

#nav ul            {padding: 0; margin:0;}
#nav li            {padding: 0; margin: 0; list-style: none; float: left; }		
#nav-pda           {display: none;}

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

#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;}

#main              {float: left; background: url(../images/bg-main.jpg) repeat-y;}
#left-index        {float: left; width: 276px;}
#right-index       {margin: 0 50px 0 303px; line-height: 16px;}
.ri-link           {text-align: right; display: block; padding:3px; font-size:0.9em;}
#left              {float:left; width:200px; margin-right:25px; padding:25px 0 50px 0}
#right             {float:left; width:515px;}
#contents          {padding:35px 15px 15px 0; line-height: 17px;}

#footer            {color:#686868; clear:both; text-align:right; height:40px; padding:5px 15px 5px 5px; font-size:11px; border-top:1px solid #9eb1d8; line-height: 16px;}
#footer A          {color:#686868; text-decoration:underline;}
#footer A:visited  {color:#686868; text-decoration:underline}
#footer A:hover    {color:#8099cc; text-decoration:underline}



/* Index */

#left-index-box {position:relative; font-size: 1.2em; font-weight: bold; margin-left:30px; margin-bottom:25px}
#left-index-box IMG {float:left; margin-right:10px; vertical-align: middle;}
#left-index-box DIV {clear:left;}
#left-index-box span {padding-top:30px; display: block; text-decoration: underline;}

/*Substranka*/
.substranka      {clear:left; background-color:white; height:120px}
.substranka-img  {float: left; padding: 5px; border: 1px solid #8099cc;}
.substranka-txt  {margin:0px 0px 30px 130px; }

/*Galerie*/
.nahlad           {float:left;width: 100px; border: 1px solid #9eb1d8; margin: 0 10px 15px 0; padding: 5px;}
.velkynahlad      {border: 1px solid #9eb1d8; margin: 0 0 15px 0; padding: 5px; width:500px}
.vnutorny-obrazok {float:right; margin:0 10px 20px 20px; padding: 5px; border: 1px solid #9eb1d8; }

/*Kontakt*/
#kontakt          {float:left; width:200px;}
#rychlykontakt    {margin-left:230px; width:260px; background-color: #fdf2d1;  border-top:2px solid #9eb1d8; }
#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; }


/* Prilohy */
.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;}



/* Form Elements */
fieldset   {border:1px solid #ffe9f1; padding:10px}
label {float: left; width: 150px;}
form div   {margin:5px 0px 5px 0px;}
.button    {border: 2px outset #f9a415;	background-color: #f9a415; font-weight: bold;  color:#000; font-size:11px}