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

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

/*Column's width*/
#left {width: 211px;}
#page {width: 525px; margin: 0px 17px 17px 17px;}
#right {width: 200px;}

/*Height of the footer */
#footer {height: 72px;}
#content {width: 970px; padding-bottom: 72px; margin: 0px auto 0px auto;}

/******************DESIGN OF PAGE***********************/
/*Common design*/
body {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 1em;
  background-image: url(../images/site-bg.jpg);
  background-position: top;
  background-repeat: repeat-x;
  background-attachment: fixed;
  background-color: #4580b5
}
#container {
  text-align: left;
  font-size: 0.75em;
}
/********************
HEADER
********************/
#header {
  margin: 0px 0px 0px 13px;
  position: relative;
}
.logo {
  width: 295px;
  height: 120px;
  margin: 0;
  padding: 0;
  position: absolute;
  top: 25px;
  left: 0px;
  display: block;
  background: url(../images/logo_itapa.gif) no-repeat 0 0;
}
.logo span {display: none;}
.event {
  width: 300px;
  height: 85px;
  margin: 0;
  padding: 0;
  top: 50px;
  left: 310px;
  position: absolute;
  color: #9e9e9e;
  text-align: center;
}
/**** links menu ****/
ul.links {
  list-style: none;
  padding: 0;
  margin: 0;
  text-align: right;
  position: absolute;
  top: 40px;
  right: 15px;  
}
ul.links li {display: inline;}
ul.links a {
  color:#c0cbd6;
  font-size: 10px;
  padding: 0px 20px 0px 15px;
  margin: 18px 0px 10px 0px;
  text-decoration: none;
}
ul.links a.home {background: transparent url('../images/ico_home.gif') no-repeat scroll 0 1px;}
ul.links a.write {background: transparent url('../images/ico_write.gif') no-repeat scroll 0 1px;}
ul.links a.sitemap {background: transparent url('../images/ico_sitemap.gif') no-repeat scroll 0 1px; padding-right: 0px;}


/********
fulltext
********/
#header .search {
  padding: 0;
  top: 70px;
  right: 15px;
  height: 30px;
  position: absolute;
}
.input-search {
  width: 230px;
  height: 19px;
  background: url(../images/input-search.gif) no-repeat;
  margin: 0px 0px 0px 0px;
  padding: 5px 0px 5px 10px;
  float: left;
  border: none;
  color: #7B7C7E;
}
.input-button {
  width: 27px;
  height: 29px;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  background: url(../images/input-button.gif) no-repeat;
  float: left;
  border: none;
  text-indent: -9999px;
  font-size: 0px;
}
.search label {display: none;}

/***************
language
***************/
.langbar {
  display: block;
  padding: 0;
  position: absolute;
  top: 115px;
  right: 15px;
}
a.lang_en {
  background: url(../images/flag-en.gif) no-repeat left center;
  padding: 0 0 0 20px;
}
a.lang_sk {
  background: url(../images/flag-sk.gif) no-repeat left center;
  padding: 0 0 0 20px;
}

/*******************
USER NAME and LOGOUT
*******************/
.user-info {
  width: 280px;
  height: 30px;
  margin: 0px 0px 0px 0px;
  padding: 15px 20px 0px 0px;
  float: left;
  color: #818181;
  font-size: 0.9em;
  text-align: right;
}
.user-info a {
  color: #970000;
}

/********************
BLOCKS
********************/

.block-desc {
  width: 211px;
  background: url(../images/block-desc.gif) repeat-y;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 10px 0px;
}

.right-block-desc {
  width: 200px;
  background: url(../images/right-block-desc.gif) repeat-y;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 10px 0px;
  text-align: center;
}

.block-bottom {
  width: 211px;
  height: 4px;
  margin: 0px 0px 17px 0px;
  padding: 0px 0px 0px 0px;
  background: url(../images/block-bottom.gif) no-repeat;
}

.right-block-bottom {
  width: 200px;
  height: 4px;
  margin: 0px 0px 17px 0px;
  padding: 0px 0px 0px 0px;
  background: url(../images/right-block-bottom.gif) no-repeat;
}



/********************
LEFT
********************/

.block-login-desc {
  width: 211px;
  background: url(../images/block-login-desc.gif) repeat-y;
  color: #898989;
  height: 95px;
  padding: 10px 0px 0px 0px;
  margin: 0px 0px 0px 0px;
}

.block-login-bottom {
  width: 211px;
  height: 20px;
  margin: 0px 0px 17px 0px;
  padding: 6px 0px 0px 0px;
  text-align: center;
  background: url(../images/block-login-bottom.gif) no-repeat;
  font-size: 0.9em;
}

.block-login-bottom a {
  color: #797979;
}

.user {
  width: 53px;
  height: 24px;
  text-align: right;
  margin: 0px 0px 5px 0px;
  padding: 0px 0px 0px 0px;
  float: left;
}

.login-input {
  width: 135px;
  height: 18px;
  margin: 0px 0px 5px 0px;
  padding: 6px 0px 0px 10px;
  float: left;
  background: url(../images/login-input.gif) no-repeat;
  border: none;
}

.login-button {
  width: 76px;
  height: 24px;
  margin: 0px 14px 0px 0px;
  padding: 0px 0px 0px 0px;
  float: right;
  background: url(../images/login-button.gif) no-repeat;
  border: none;
}

.spanpartneri {
  padding: 10px 0px 10px 10px;
  margin: 0px 0px 0px 0px;
  display: block;
}

.logos {
  text-align: center;
  width: 209px;
  margin: 0 auto;
}

/***** ANKETA ******/
.anketa table {
  margin: 5px 0 0 5px;
  width: 200px !important;
  color: #666;
}
.anketa_otazka {
  color: #000;
  padding-bottom: 10px;
}
.anketa_pocet {
  font-size: 0.8em;
  color: #000;
  margin: 5px 0 0 0;
  display: block;
}

/********************
PAGE
********************/



/********************
RIGHT
********************/

.right-menu-top {
  width: 200px;
  height: 4px;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  background: url(../images/right-menu-top.gif) no-repeat;
  font-size: 0px;
}



.right-menu-bottom {
  width: 200px;
  height: 5px;
  background: url(../images/right-menu-bottom.gif) no-repeat;
  margin: 0px 0px 17px 0px;
  padding: 0px 0px 0px 0px;
}

.gold-logos {
  width: 198px;
  height: 122px;
  background: url(../images/goldlogo-bg.gif) no-repeat;
  margin: 0px auto 0px auto;
  padding: 0px 0px 0px 0px;
}

.silber-logos {
  width: 198px;
  height: 129px;
  background: url(../images/silberlogo-bg.gif) no-repeat;
  margin: 0px auto 0px auto;
  padding: 0px 0px 0px 0px;
}

.bronz-logos {
  width: 198px;
  height: 157px;
  background: url(../images/bronzlogo-bg.gif) no-repeat;
  margin: 0px auto 0px auto;
  padding: 0px 0px 0px 0px;
}

a.social_logo {
  width: 200px;
  height: 91px;
  display: block;
  margin: 0px 0px 17px 0px;
  padding: 0px 0px 0px 0px;
}

.register {
  background: url(../images/reg_button.gif) no-repeat;
}

.facebook {
  background: url(../images/facebook_logo.gif) no-repeat;
}

.linkedin {
  background: url(../images/linkedin_logo.gif) no-repeat;
}

.twitter {
  background: url(../images/twitter_logo.gif) no-repeat;
}

/********************
FOOTER
********************/
#footer {
  width: 970px;
  background: #fff url(../images/footer-bg.gif) no-repeat;
  font-size: 0.8em;
  margin: 0px 0px 0px 13px;
}

#foot {
  text-align: center;
  color: #1a4a74;
  margin-top: 20px;
}

#foot a {
  color: #1a4a74;
  text-decoration: none;
}

#foot a:hover {
  color: #5692c1;
  text-decoration: none;
}

#makedby {
  display: block;
  position: absolute;
  color: #000000;
  width: 200px;
  right: 8px;
  top: 20px;
  text-align: right;
}

#makedby a {
  color: #5692c1;
  text-decoration: none;
}

#makedby a:hover {
  color: #000000;
  text-decoration: underline;
}

#footicons {
  display: block;
  position: absolute;
  color: #000000;
  width: 300px;
  left: 8px;
  top: 20px;
  text-align: left;
}

#footicons a {
  color: #5692c1;
  text-decoration: none;
  border: none;
}

#footicons img {
  border: none;
}

#footicons a:hover {
  color: #000000;
  text-decoration: underline;
}


/********************
TOP MENU
********************/
#topmenu {
  width: 970px;
  height: 45px;
  background: url(../images/topmenu-bg.gif) no-repeat;
  margin: 0px auto 17px auto;
  padding: 0px 0px 0px 0px;
  position: relative;
  z-index: 711;
}/*
#topmenu .menu {
  float: left;
  width: 670px;
  height: 45px;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px
}

#topmenu .menu ul {
  list-style: none;
  list-style-image: none;
  margin: 3px 0px 0px 0px;
  padding: 0px 0px 0px 10px;
  height: 40px
}
#topmenu .menu ul li {
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  background: url(../images/menu-pas.gif) right no-repeat;
  height: 40px;
  float: left;
}
#topmenu .menu ul li a {
  display: block;
  float: left;
  height: 29px;
  margin: 0px 0px 0px 0px;
  padding: 11px 20px 0px 20px;
  color: #464646;
  font-size: 1em;
}
#topmenu .menu ul li a:hover, #topmenu .menu ul li a.sel1 {
 color: #ffffff;
}*/

/*******************
TOP MENU - DROPDOWN
*******************/
/*--- prva uroven ---*/
#dropdown_menu {
  margin: 0;
  line-height: 45px;
  height: 45px;
  font-size: 1em;
  width: 670px;
  float: left;
  z-index: 10;
}
#dropdown_menu ul {
  margin: 0;
  padding: 0;
}
#dropdown_menu ul li {
  display: block;
  float: left;
  background: url(../images/menu-pas.gif) right no-repeat;
}
#dropdown_menu ul li a {
  display: block;
  line-height: 45px;
  margin: 0px 0px 0px 0px;
  /*padding: 11px 20px 0px 20px;*/
  padding: 0 20px;
  color: #464646;
  font-size: 1em;
}
#dropdown_menu ul li a:hover, #dropdown_menu ul li a.sel1 {
  text-decoration: underline;
}
/*--- druha uroven ---*/
#dropdown_menu ul ul {
  width: 200px;
}
#dropdown_menu ul ul a {
  display: block;
  padding: 2px 20px 2px 20px;
  width: 160px;
  line-height: 2em;
  background: #ccc;
  text-align: left;
  color: #666;
}
#dropdown_menu ul ul a:hover {
  display: block;
  background: #EF6B00;
  position: relative;
  color: #fff;
}
/*--- tretia uroven ---*/
#dropdown_menu .menu ul ul ul {
  width: 160px;
  display: block;
  float: left;
  margin-left: 192px;
  margin-top: -24px;
  border: 0;
}
#dropdown_menu ul ul ul li {
  border-left: 1px solid #AFAFAF;
}

/********************
LEFT MENU
********************/
#left .menu ul {
  width: 211px;
  margin: 0px 0px 17px 0px;
  padding: 0px 0px 0px 0px;
  list-style: none;
  list-style-image: none;
  float: left;
}

#left .menu ul li {
  width: 211px;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
}

#left .menu ul li a {
  width: 201px;
  background: #7b7c7e url(../images/left-menu-bg.gif) no-repeat left bottom;
  margin: 0px 0px 0px 0px;
  padding: 5px 0px 5px 10px;
  display: block;
  color: #ffffff;
}
#left .menu ul li a span {
  background: url(../images/dot.gif) no-repeat 0 0.4em;
  padding: 0 0 0 15px;
  display: block;
}
#left .menu ul li a:hover, #left .menu ul li a.sel1 {
  background: #737373 url(../images/left-menu-bg-hover.gif) no-repeat left bottom;
}

/********************
RIGHT MENU
********************/
#right .menu {
  width: 200px;
  background: url(../images/right-menu-desc.gif) repeat-y;
  margin: 0px 0px 0px 0px;
  padding: 5px 0px 0px 0px;
}
#right .menu ul {
  width: 175px;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  list-style: none;
  list-style-image: none;
}

#right .menu ul li {
  width: 200px;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 6px 0px;
}

#right .menu ul li a {
  width: 190px;
  margin: 0px 0px 0px 10px;
  padding: 0px 0px 0px 10px;
  color: #6a6a6a;
  background: url(../images/li.gif) 0px 6px no-repeat;
}

#right .menu ul li a:hover, #right .menu ul li a.sel1 {
  color: #000000;
}

/******************DESIGN OF MAIN ELEMENTS**************/
h1 {
  margin: 0px 0px 0px 0px;
  padding: 3px 0px 3px 10px;
  text-align: left;
  font-size: 1.2em;
  color: #000000;
  font-weight: bold;
  font-style: normal;
  background: url(../images/h1-bg.gif) repeat-y;
}

h2 {
  margin: 10px 0;
  text-align: left;
  font-size: 1.1em;
  color: #f76f01;
  font-weight: normal;
}

h2 a {
  color: #cc5b00;
}

h3 {
  margin: 10px 0;
  text-align: left;
  font-size: 1.2em;
  color: #000;
  font-weight: bold;
}
h4{
  height: 23px;
  margin: 0px 0px 0px 0px;
  padding: 7px 0px 0px 10px;
  font-size: 1em;
  font-weight: bold;
}
#left h4 {width: 201px;}
#right h4 {width: 190px;}
.grey {background: url(../images/block-head-grey.gif) no-repeat; color: #6f6f6f;}
.orange {background: url(../images/block-head-orange.gif) no-repeat; color: #fff;}
.gold {background: url(../images/block-head-gold.gif) no-repeat; color: #fff;}
.silver {background: url(../images/block-head-silver.gif) no-repeat; color: #fff;}
.bronz {background: url(../images/block-head-bronz.gif) no-repeat; color: #fff;}
.organizator {color: #f76f01; font-size: 1em;}
a {
  color: #ff7e00;
  text-decoration: none;
}
a:hover {
  color: #464646;
  text-decoration: none;
}
.hide {
  position: absolute;
  left: -9999px;
  top: -9999px;
  width: 0;
  height: 0;
  overflow: hidden;
}