/* CSS Document */
body {
  margin: 0px;
  font-family: Tahoma;
  font-size: 11px;
  color: #758088;
  background: url(../images/bg.gif) repeat-x;
}
a img {border: 0px;}
a {color: #47a1da;}
a:hover {text-decoration: none;}
h1 {
  font-size: 18px;
  margin:0px;
  margin-bottom: 17px;
  padding:0px;
  color: #485661;
  font-weight: normal;
}

#page {
  width: 960px;
  margin-left: auto;
  margin-right: auto;
}

/*********** TOP ****************************/

#top {
  position: relative;
  height: 243px;
  width: 900px;
  padding: 0px 30px 0px 30px;
  background: url(../images/bg_top.jpg) bottom no-repeat;
}
#top .logo {
  position: absolute;
  left: 103px;
  top: 21px;
  height: 90px;
  width: 194px;  
}
#top .search {position: absolute; right: 30px; top: 168px; width: 260px; height: 20px; color: #ffffff; font-weight: bold; text-align: right;}
#top .search input {font-size: 11px; margin-left: 4px;}
#top .search .inp {height: 16px; border: 1px solid #47a1da;}
#top .search .submit, #bottom_grad .login .submit {color: #ffffff; font-weight: bold; background: #47a1da; border: 0px; height: 20px;}

#top .lang {position: absolute; top: 38px; left: 600px; width: 92px; height: 20px; color: #47a1da;}
#top .lang a {color: #47a1da; text-decoration: none;}
#top .lang a:hover {text-decoration: underline;}
#top .lang a.active {color: #c1c5c8; text-decoration: none;}

#top .menu {position: absolute; height: 25px;}
#top .menu.hlavni-strana {top: 134px; right: 396px; width: 95px;}
#top .menu.reference {top: 123px; right: 309px; width: 74px;}
#top .menu.o-nas {top: 114px; right: 234px; width: 60px;}
#top .menu.kontakt {top: 107px; right: 153px; width: 57px;}

/************** CONTENT ****************************************/

#content {position: relative; margin-top: -18px; padding: width: 800px; padding: 0px 50px 35px 50px;}
#content .box {padding-bottom: 15px; text-align: justify;}
#content .box .holder {display: block; float: left; width: 780px;}
#content .box .image {display: block; float: left; width: 165px; margin-right: 20px;}
#content .box .tinyimage {display: block; float: left; width: 80px;}
#content .box .largeimage {display: block; float: left; width: 360px; margin-right: 20px;}
#content .box .wwwimage {display: block; float: left; width: 240px; margin-right: 20px; text-align: center; font-size: 10px;}
#content .box img {border: 3px solid #e1e4e5;}
#content .box embed {border: 3px solid #e1e4e5;}
#content .box .text {display: block; float: left; width: 675px;}
#content .box .fulltext {display: block; float: left; width: 100%;}
#content .box .fulltext .title {font-weight: bold; margin-bottom: 10px;}
#content .box .halftext {display: block; float: left; width: 480px;}
#content .box .halftext .title {font-weight: bold; font-size: 13px;}
#content .box .text .title {font-weight: bold;}
#content .box .more {text-align: right;}
#content .box .more a {background: url(../images/arrow.gif) 0px 4px no-repeat; padding-left: 11px; font-weight: bold;}


#content .box_sluzby {position: relative; float: left; width: 250px; min-height: 275px; _height: 275px; background: url(../images/grad4.gif) #f3f7fa repeat-x; color: #758088; margin-right: 35px;}
#content .box_sluzby .decor {width: 250px; height: 122px;}
#content .box_sluzby .decor.cms {background: url(../images/img_cms.jpg) no-repeat;}
#content .box_sluzby .decor.content {background: url(../images/img_content.jpg) no-repeat;}
#content .box_sluzby .decor.software {background: url(../images/img_software.jpg) no-repeat;}
#content .box_sluzby .decor.multimedia {background: url(../images/img_multimedia.jpg) no-repeat;}
#content .box_sluzby .decor.mobile {background: url(../images/img_mobile.jpg) no-repeat;}
#content .box_sluzby .text {padding: 0px 23px 20px 23px;}
#content .box_sluzby h2 {text-align: right; font-size: 11px; padding: 0px; margin: 5px 0px 12px 0px; color: #ffffff;}
#content .box_sluzby .more {position: relative; height: 41px; margin: -7px -7px -7px 0px; padding: 10px 14px 0px 0px; text-align: right; background: url(../images/bg_vice-informaci.gif) right no-repeat;}
#content .box_sluzby .more a {font-weight: bold; text-decoration: none;}
#content .box_sluzby .more a:hover {text-decoration: underline;}

#content .divider {height: 21px; background: url(../images/grad1.gif) repeat-x; margin-left: -20px; margin-right: -20px;}

/**************** BOTTOM_GRAD *******************************************/

#bottom_grad {height: 125px;  background: url(../images/grad2.gif) repeat-x;}
#bottom_grad .login, #bottom_grad #footer {margin-left: auto; margin-right:auto}
#bottom_grad .login {width: 900px; height: 55px; padding-top: 7px; color: #ffffff;}
#bottom_grad .login table {width: 420px; float: right; margin: 0px; padding: 0px;}
#bottom_grad .login input {font-size: 11px;}
#bottom_grad .login .inp {width: 95px; background: #ededed; border: 1px solid #ffffff; height: 16px;}

#footer {
  position: relative;
  width: 845px;
  padding: 15px 20px 0px 35px;
  height: 65px;
  background: url(../images/grad3.gif) repeat-x; 
  text-align: right;
}
#footer .menu {float: right; width: 300px; color: #758088;}
#footer .menu a {color: #005185; margin: 0px 5px 0px 5px;}
#footer .menu a.active {color: #758088; text-decoration: none;}
/* #footer .copyright {float: left;width: 230px; text-align: left;} */
#footer .copyright {float: left;width: 830px; text-align: left;}

#footer .slogan {
  position: absolute;
  top: 21px;
  left: 280px;
  width: 128px;
  height: 37px;
  background: url(../images/slogan.gif) no-repeat;
}
.cleaner {clear: both;}