html {font-size: 75%;}
body {
    color: #3d3d3d;
}
* {
    font-family: Verdana, Arial, Sans, sans-serif;
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 1em;
}
* html #page { width: 95em;}
#page {
    margin: 0em auto;
    max-width: 95em;
    min-width: 87.2em;
    border-left: 2px #7a7a7a solid;
    border-right: 2px #7a7a7a solid;
    position:relative;
}
#ppage {
    background: transparent url(foot.jpg) repeat-x bottom;
    min-width: 87.2em;
}
a:visited {
    color: #8f8f8f;
}
#head {
    height: 13em;
    background: #fff;
}
#header {
    background: #fff url(hlavicka_new2.jpg) no-repeat right;
    height: 154px;
    padding: 0 1em;
    margin-top:2.3em;
}
#subheader {
    position: relative;
    border-bottom: 3px solid #000000;
    padding-bottom:1.2em;
    top: -3.5em;
}
#subheader ul {
    text-align:center;
    /*width: 80%;*/
    /*background: #ffffff url(hore.png) repeat-x;*/
}
#subheader ul li {
    display: inline;
}
#subheader ul li a {
    line-height: 2em;
    padding: 1em 0.4em;
    margin:1px;
    background: #0000ff;
    color: #000;
}
#subheader ul li a:hover {
    /*padding: 1em 0.4em;*/
    background: #013952;
    color: #ff0000;
    opacity:0.8;
    filter:alpha(opacity=80)
}
#content {
    display: inline-block;
    margin-top: 0.5em;
    width: 100%;
    overflow-y: visible;
}
#aha {
    width:100%;
    display:inline-block;
}
#menu ul {
    list-style-type: none;
}
#menu ul li {
    line-height: 2em;
}
#menu ul li a {
    background: #1435ff;
    color: #fff;
    display: block;
    border-left:5px solid #000;
    margin: 1px 0px;
    padding: 0 1em;
}
#menu ul li a:hover {
    background: #1435ff url(menu_hover.jpg) repeat-x top right;
    border-left: 10px solid #1435ff;
    color: #ffff00;
}
#footer {
    height: 50px;
    line-height: 10px;
    background: transparent;
    width: 100%;
    color: #fff;
    margin-top:2em;
}
.foot {
    padding: 0.5em;
}
.block-top {
    background: #0f0f0f;
    font-weight: bold;
    color: #fff;
    height: 1em;
    padding: 1em
}
.bloktextu {
    background: #fff;
    margin-bottom: 1em;
    width: 100%;
    border: 1px solid #000;
}
.bloktextu .nadpis {
    background: #000;
    color: #fff;
}
#cont{
    margin: 0em 1em 0.8em 1.5em;
    background: #fcfcfc;
}
* html #main-bg, * html #cont{
    height: 1%;
    width: auto;
    background: transparent;
}
#rightpanel {
    width: 15.5em;
    padding: 0em 0.2em;
    float: right;
    display: block-inline;
    background: #fff;
}
#leftpanel {
    width: 15em;
    max-width: 15em;
    padding: 0em 0em;
    float: left;
    display: inline;
    background: #fff;
}
#middlepanel {
    line-height: 1.4em;
    background: #fff;
    display: block;
}
#container{
    width: 99%;
    min-height: 20em;
    overflow-y: visible;
}
.side-both #middlepanel {margin: 0 16em;}

#oznamy {
    background: #ffff00;
    border:2px dotted #ff0000;
    padding:3px;
}
input {
    margin: 0.2em;
    padding: 2px;
    border: 1px solid #000;
    height: 1.6em;
}
textarea {
    border: 1px #000000 solid;
}
h1 {
    font-size: 2em;
    font-family: tahoma,verdana,sans-serif,arial;
    color: #1234ff;
    padding: 10px 0;
    line-height: 1em;
}
h2 {
    font-size: 1.5em;
    color: #2345ff;
    margin: 5px 0px;
}
table {
    border: 1px solid #767676;
    border-collapse: collapse;
    margin: 0px 0em;
    padding:1em;
}
th {
    padding: 0.4em;
}
td {
    border: 1px solid #767676;
    padding: 0.4em;
}
.nb{
    border: 0px;
    padding:5px;
    background: #f0f0f0;
}
table .nb {
    border: 0px solid #000;
    border-collapse: collapse;
    margin: 5px 0em;
}
.novinka {
    padding: 3px;
    margin-bottom: 0.3em;
    font-size:1.1em;
    font-style: italic;
}
.novinka span {
    font-size: 0.8em;
    color: #7f7f7f;
}
/*.error {
  color: #ff0000;
  font-weight: bold;
  font-size: 1.3em;
}*/
.button {
    border: 2px solid #808080;
    padding: 3px;
    background: #0000f0;
    color: #d4d4d4;
    height: 2em;
}
.dc {
    font-size: 0.8em;
    display: inline;
    color: #949494;
}
.nadp a{
    font-size: 1.7em;
    font-family: Arial, Sans, sans-serif;
    text-decoration:none;
    line-height:1em;
    color: #0000ff;
}
.nadp a:hover {
    color: #ffaa00;
}
.clanbox {
    padding:3px 0;
    color: #000;
}
#photo {
    margin-bottom:1.5em;
}
#photo img{
    border: #000 solid 3px;
}
#photo img:hover{
    border: #ffaa00 solid 3px;
}
#photo td{
    border: 0px;
}
/* Form fields
-------------------------------------------------------------- */

/*
  Attribute selectors are used to differentiate the different types
  of input elements, but to support old browsers, you will have to
  add classes for each one. ".title" simply creates a large text
  field, this is purely for looks.
*/
input[type=text], input[type=password], input[type=email],
input.text, input.title,
textarea {
    background-color:#fff;
    border:1px solid #bbb;
}
input[type=text]:focus, input[type=password]:focus, input[type=email]:focus,
input.text:focus, input.title:focus,
textarea:focus {
    border-color:#666;
}
select { background-color:#fff; border-width:1px; border-style:solid; }

input[type=text], input[type=password], input[type=email],
input.text, input.title,
textarea, select {
    margin:0.5em 0;
}

input.text,
input.title   { width: 300px; padding:5px; }
input.title   { font-size:1.5em; }
textarea      { padding:5px; }
textarea.small {width: 350px; height: 150px}

/*
  This is to be used on forms where a variety of elements are
  placed side-by-side. Use the p tag to denote a line.
*/
form.inline { line-height:3; }
form.inline p { margin-bottom:0; }

/* Tables
-------------------------------------------------------------- */

/*
	Because of the need for padding on TH and TD, the vertical rhythm
	on table cells has to be 27px, instead of the standard 18px or 36px
	of other elements.
*/
table       { margin-bottom: 1.4em; width:100%; }
th          { font-weight: bold; }
thead th    { background: #c3d9ff; }
th,td,caption { padding: 4px 10px 4px 5px; }
/*
	You can zebra-stripe your tables in outdated browsers by adding
	the class "even" to every other table row.
*/
tbody tr:nth-child(even) td,
tbody tr.even td  {
    background: #efefef;
}
tfoot       { font-style: italic; }
caption     { background: #eee; }



.error,
.alert,
.notice,
.success,
.info 			{ padding: 0.8em; border: 2px solid #ddd; }

.error, .alert { background: #fbe3e4; color: #8a1f11; border-color: #fbc2c4; float:right; height: 100%;}
.notice     { background: #fff6bf; color: #514721; border-color: #ffd324; }
.success    { background: #e6efc2; color: #264409; border-color: #c6d880;}
.info 			{ background: #d5edf8; color: #205791; border-color: #92cae4; }
.error a, .alert a { color: #8a1f11; }
.notice a   { color: #514721; }
.success a  { color: #264409; }
.info a			{ color: #205791; }

input.tlacitkosend {
    background: url('tlacitko2.png') 0px 55px; height: 55px; width:156px; border:0px; color:#000; padding: 0 25px 0px 0px;
}

input.tlacitkosend:hover {
    background: url('tlacitko2.png') 0px 0px;
}

.tip {font:10px/12px
	  Arial,Helvetica,sans-serif; border:solid 1px
	  #666666; width:270px; padding:1px;
      position:absolute; z-index:100;
      visibility:hidden; color:#333333; top:20px;
      left:90px; background-color:#ffffcc;
      layer-background-color:#ffffcc;
}

.konzultacietop {
    line-height: 40px;
    margin:2px;
    float:none;
}
.konzultacietop a {
    border: solid 1px #000;
    background: #f68b28;
    clear: both;
    padding: 5px 10px;
    color:#000;
}

.konzultacietop a:active {
    border: solid 1px #000;
    background: #ffffff;
    padding:10px 10px;
}

.konzultacietop a:hover {
    background: #72b234;
}

a.langino, a.langinoen {
    top: 0em;
    width:41px;
    height:27px;
    position:absolute;
    right:1em;
    z-index: 2;
}
a.langino {
    background: url('english.png') 0px 27px;
    }
a.langino:hover {
    background: url('english.png') 0px 0px;
}

a.langinoen {
    background: url('slovak2.png') 0px 27px;
    }
a.langinoen:hover {
    background: url('slovak2.png') 0px 0px;
}