@import "template.css";

/******************PAGE PROPORTIONS*********************/
/*Width of the page */
#container {width: 990px;}

/*Header height*/
#header {height: 100px;}

/*Column's width*/
#left {width: 220px;}
#page {width: 745px;}
#right {width: 245px;}

/*Height of the footer */
#footer {height: 64px;}
#content {padding-bottom: 64px;}

/******************DESIGN OF PAGE***********************/
/*Common design*/
body {
  background-image: url(../images/bg_body.gif);
  background-repeat: repeat-y;
  background-position: center;
  background-color: #ebecee;
  font-family: Arial, Helvetica, sans-serif;
  font-size: .9em;
  color: #252525;
}


#container {
  text-align: justify;
  background-color: #fff;
}

#header {
  height:115px;
  background-image: url('../images/tusrlogo-sk.gif');
  background-repeat: no-repeat;
  background-position: 0 0;
  background-color: #fff;
}
#header_sk {
  height:115px;
  background-image: url('../images/tusrlogo-sk.gif');
  background-repeat: no-repeat;
  background-position: 0 0;
  background-color: #fff;
}
#header_en {
  height:115px;
  background-image: url('../images/tusrlogo-en.gif');
  background-repeat: no-repeat;
  background-position: 0 0;
  background-color: #fff;
}
#header #header_right img {
  margin-left:221px;
  border: none;
}
#header_sk #header_right img {
  margin-left:221px;
  border: none;
}
#header_en #header_right img {
  margin-left:221px;
  border: none;
}
#header .logo {
  position: absolute;
  top:0px;
  width: 220px;
  height: 180px;
  background-color:transparent;
}
#header_sk .logo {
  position: absolute;
  top:0px;
  width: 220px;
  height: 180px;
  background-color:transparent;
}
#header_en .logo {
  position: absolute;
  top:0px;
  width: 220px;
  height: 180px;
  background-color:transparent;
}

#headermenu_sk {
  height:23px;
  background-image: url('../images/headermenu_bg_sk.jpg');
  background-repeat: no-repeat;
  background-position: 0 0;
  background-color: #fff;
}
#headermenu_en {
  height:23px;
  background-image: url('../images/headermenu_bg_en.jpg');
  background-repeat: no-repeat;
  background-position: 0 0;
  background-color: #fff;
}
#headermenu_sk ul {
  margin-left:740px;
  padding-top: 2px;
}
#headermenu_sk ul li {
  display: inline;
  margin-left:10px;
}
#headermenu_sk ul li a {
  padding-left:15px;
  color: #3D505B;
  text-decoration: none;
  text-align: left;
  font-size:.7em;
}
#headermenu_sk ul li a:hover {
  color: #000000;
  text-decoration: underline;
}
#headermenu_sk ul li a.en {
  background-image: url('../images/ico_en.gif');
  background-position: 0 center;
  background-repeat: no-repeat;
  background-color: transparent;
}
#headermenu_sk ul li a.sk {
  background-image: url('../images/ico_sk.gif');
  background-position: 0 center;
  background-repeat: no-repeat;
  background-color: transparent;
}
#headermenu_sk ul li a.map {
  background-image: url('../images/ico_map.gif');
  background-position: 0 center;
  background-repeat: no-repeat;
  background-color: transparent;
}
#headermenu_sk ul li a.contact {
  background-image: url('../images/ico_contact.gif');
  background-position: 0 center;
  background-repeat: no-repeat;
  background-color: transparent;
}


#headermenu_en ul {
  margin-left:740px;
  padding-top: 2px;
}
#headermenu_en ul li {
  display: inline;
  margin-left:10px;
}
#headermenu_en ul li a {
  padding-left:15px;
  color: #3D505B;
  text-decoration: none;
  text-align: left;
  font-size:.7em;
}
#headermenu_en ul li a:hover {
  color: #000000;
  text-decoration: none;
}
#headermenu_en ul li a.en {
  background-image: url('../images/ico_en.gif');
  background-position: 0 center;
  background-repeat: no-repeat;
  background-color: transparent;
}
#headermenu_en ul li a.sk {
  background-image: url('../images/ico_sk.gif');
  background-position: 0 center;
  background-repeat: no-repeat;
  background-color: transparent;
}
#headermenu_en ul li a.map {
  background-image: url('../images/ico_map.gif');
  background-position: 0 center;
  background-repeat: no-repeat;
  background-color: transparent;
}
#headermenu_en ul li a.contact {
  background-image: url('../images/ico_contact.gif');
  background-position: 0 center;
  background-repeat: no-repeat;
  background-color: transparent;
}

/*Top menu*/
#topmenu {
  height:42px;
  background-image: url('../images/topmenu_bg.jpg');
  background-repeat: no-repeat;
  background-position: 0 0;
  background-color: #F0F0F0;
}
#topmenu ul {
  margin-left:234px;
}
#topmenu ul li {
}
#topmenu ul li a {
  float: left;
  height: 22px;
  width: 120px;
  margin-top: 15px;
  padding-top: 5px;
  background-image: url('../images/topmenu_butt_act.jpg');
  background-repeat: no-repeat;
  background-position: 0 0;
  background-color: transparent;
  color:#002062;
  text-decoration:none;
  font-size: .75em;
  text-align: center;
}
#topmenu ul li a:hover {
  color:#003399;
  text-decoration:none;
  background-image: url('../images/topmenu_butt.jpg');
  background-repeat: no-repeat;
  background-position: 0 0;
  background-color: transparent;
}
#topmenu ul li a.active {
  color:#003399;
  text-decoration:none;
  background-image: url('../images/topmenu_butt.jpg');
  background-repeat: no-repeat;
  background-position: 0 0;
  background-color: transparent;
}

/*left menu */
#left {
}
#left .menu ul {
  width: 214px;
  margin: 3px 0 0 6px;
  padding-top:20px;
  border-top: 1px solid #DFDFDF;
  background-image: url('../images/leftmenu_bg.jpg');
  background-position: 0 0;
  background-repeat: repeat-y;
  background-color: #fff;
}
#left .menu ul li {
  padding-bottom:5px;
}
#left .menu li a {
  margin-left: 10px;
  display: block;
  height:20px;
  line-height:20px;
  color: #004580;
  text-decoration: none;
  font-size:.75em;
  text-transform:uppercase;
}
#left .menu li a:hover {
  color: #870000;
  text-decoration:none;
}
#leftmenu_bottom {
  height:25px;
  background-image: url('../images/leftmenu_bottom.jpg');
  background-position: 6px bottom;
  background-repeat: no-repeat;
  background-color:#fff;
}

/*--- fotoalbum - zoznam albumov ---*/
.gal_zoz {
  display: block;
  padding: 5px;
  margin: 0 10px 10px 0;
}
.gal_nazov {
  font-size: 1.3em;
  font-weight: bold;
}
.gal_nazov a {
  text-decoration: none;
}
.gal_date {
  font-size: 0.8em;
  font-weight:normal;
}
.gal_nazov a:hover {
  text-decoration: underline;
}
.gal_popis {
  font-size: 0.95em;
  padding-left: 40px;
}
/*--- fotoalbum - zoznam foto ---*/
.alb_nazov {
  font-size: 1.2em;
  font-weight: bold;
  color: #01305C;
  display: block;
  border: 1px solid #CCCCCC;
  padding: 5px;
}
.alb_zoz {
  display: inline;
  padding: 0;
  margin: 0 2px 2px 0;
  float: left;
  width: 175px;
  height: 140px;
  text-align: center;
}
.alb_foto {
  display: block;
  text-align: center;
}
.alb_foto img {
  border: 1px solid #ccc;
  padding: 2px;
}
.alb_popis {
  font-size: 0.8em;
  text-align: left;
}
.alb_linkback {
  background-image: url('../images/fotogallery/back.gif');
  background-position: left center;
  background-repeat: no-repeat;
  height: 19px;
  padding: 3px 0 0 30px;
  margin: 10px 0;
  display: block;
  text-decoration: underline;
}
/*--- fotoalbum - foto detail ---*/
.foto_box {
  display: block;
  padding: 5px;
  width: 550px auto;
}
.foto_obr {
  text-align: center;
  width: 550px auto;
  display: block;
  border-bottom: 1px dashed #A1C4BB;
  padding: 0 0 5px 0;
}
.foto_popis {
  text-align: center;
  padding-top: 5px;
}
.foto_link {
  text-align: center;
  padding-top: 10px;
}

/*fulltext*/
#fulltext {
  height: 145px;
  width:213px;
  margin:12px 0 10px 7px;
  background-color: #DB0000;
  background-image: url('../images/fulltext.jpg');
  background-position: 0 0;
  background-repeat: no-repeat;
}
#fulltext label {
color: #44464B;
display:  block;
font-size:1em;
font-weight: normal;
height: 30px;
margin: 0 0 5px 30px;
padding: 10px 0 0;
text-align: center;
text-transform: uppercase;
}
#fulltext h3 {
  margin: 0 0 5px 20px;
  font-size: .75em;
  font-weight: normal;
  color: #3D3F40;
}
#fulltext .fulltext_input {
  margin: 0  0  10px 15px;
  border: 1px solid #ccc;
  width: 164px;
}
#fulltext .search_button {
  float: right;
  margin: 14px 30px 0 0;
}


#page {
  padding: 10px;
  font-size: 0.8em;
}
#page a {
  text-decoration: underline;
}
#page a:hover {
  text-decoration: none;
  color: #800000;
}
#footer a {
  text-decoration: underline;
}
#footer a:hover {
  text-decoration: none;
  color: #E80000;
}

#footer {
  width: 100%;
  background-image: url('../images/footer_bg.jpg');
  background-position: 0 0;
  background-repeat: repeat-x;
  background-color: #fff;
}
#foot {
  float: left;
  padding:10px;
  padding-left: 350px;
  text-align: center;
  font-size: .7em;
}
#foot .grey {
  color:#4A4A4A;
}
#aglo {
  float: right;
  padding:10px;
  text-align: right;
  font-size: .7em;
}
.calc {
  text-align: center;
  margin: 15px 3px 3px 3px;
  color: #505050;
  font-size: 0.8em;
}
.smallfont {
  font-size: 0.85em;
}


/******************DESIGN OF MAIN ELEMENTS**************/
h1 {
  margin: 0;
  color: #800000;
  font-weight: normal;
}

a {
  color: #003466;
  text-decoration: none;
}
a:hover {
  color: #003466;
  text-decoration: none;
}