/* CSS Document */

body {

  position: relative;

  height: 100%;

  width: 100%;

  text-align: center;

  margin: auto;

  background-color: #131313;

}

#all {

  position: relative;

  width: 1024px;

  height: 1155px;

  margin: auto;

  text-align: center;

  background-color: #343434;



}

#top {

  position: relative;

  top: 0px;

  left: 0px;

  height: 1000px;

  width: 1024px;

  background-color: #343434;

  margin: 0px 0px 0px 0px;

  padding: 0px 0px 0px 0px;

}

/*menu.....*/

#menu {

  position: absolute;

  left: 0px;

  top: 0px;

  width: 1024px;

  height: 60px;

  background-image: url(images/menu_bcg.gif);

  background-repeat: repeat-x;

  margin: 0px 0px 0px 0px;

  padding: 0px 0px 0px 0px;

  font-family: Tahoma;

  

  font-size: 14px;

  color: white;

}



#menu li {

  position: absolute;

  list-style-type: none;

  display: inline;

  margin: 0px 0px 0px 0px;

  padding: 0px 0px 0px 0px;

}

#menu ul{

  position: absolute;

  left: 0px;

  top: 0px;

  margin: 0px 0px 0px 0px;

  padding: 0px 0px 0px 0px; 

}

#menu a {

  text-decoration: none;

  color: #c8c8c8;

}

#act{

  color: white;

}

#uvod {

  position: absolute;

  left: 102px;

  top: 20px;

  margin: 0px 0px 0px 0px;

  padding: 0px 0px 0px 0px; 

}

#uvod:hover{

  color: white;

}

#sipka_uvod {

  position: absolute;

  left: 87px;

  top: 23px;

  margin: 0px 0px 0px 0px;

  padding: 0px 0px 0px 0px; 

}

#uvod_oddelovac {

  position: absolute;

  left: 55px;

  top: 13px;

  margin: 0px 0px 0px 0px;

  padding: 0px 0px 0px 0px; 

}

#koncepce {

  position: absolute;

  left: 217px;

  top: 20px;

  margin: 0px 0px 0px 0px;

  padding: 0px 0px 0px 0px; 

}

#koncepce:hover{

  color: white;

}

#sipka_koncepce {

  position: absolute;

  left: 200px;

  top: 23px;

  margin: 0px 0px 0px 0px;

  padding: 0px 0px 0px 0px; 

}

#koncepce_oddelovac {

  position: absolute;

  left: 185px;

  top: 13px;

  margin: 0px 0px 0px 0px;

  padding: 0px 0px 0px 0px; 

}

#projekce {

  position: absolute;

  left: 347px;

  top: 20px;

  margin: 0px 0px 0px 0px;

  padding: 0px 0px 0px 0px; 

}

#projekce:hover{

  color: white;

}

#sipka_projekce {

  position: absolute;

  left: 330px;

  top: 23px;

  margin: 0px 0px 0px 0px;

  padding: 0px 0px 0px 0px; 

}

#projekce_oddelovac {

  position: absolute;

  left: 315px;

  top: 13px;

  margin: 0px 0px 0px 0px;

  padding: 0px 0px 0px 0px; 

}

#realizace {

  position: absolute;

  left: 477px;

  top: 20px;

  margin: 0px 0px 0px 0px;

  padding: 0px 0px 0px 0px;

}

#realizace:hover{

  color: white;

}

#sipka_realizace {

  position: absolute;

  left: 460px;

  top: 23px;

  margin: 0px 0px 0px 0px;

  padding: 0px 0px 0px 0px; 

}

#realizace_oddelovac {

  position: absolute;

  left: 445px;

  top: 13px;

  margin: 0px 0px 0px 0px;

  padding: 0px 0px 0px 0px; 

}

#reference {

  position: absolute;

  left: 607px;

  top: 20px;

  margin: 0px 0px 0px 0px;

  padding: 0px 0px 0px 0px; 

}

#sipka_reference {

  position: absolute;

  left: 589px;

  top: 23px;

  margin: 0px 0px 0px 0px;

  padding: 0px 0px 0px 0px; 

}

#reference:hover{

  color: white;

}

#reference_oddelovac {

  position: absolute;

  left: 575px;

  top: 13px;

  margin: 0px 0px 0px 0px;

  padding: 0px 0px 0px 0px; 

}

#partneri {

  position: absolute;

  left: 737px;

  top: 20px;

  margin: 0px 0px 0px 0px;

  padding: 0px 0px 0px 0px;

}

#sipka_partneri {

  position: absolute;

  left: 719px;

  top: 23px;

  margin: 0px 0px 0px 0px;

  padding: 0px 0px 0px 0px; 

}

#partneri:hover{

  color: white;

}

#partneri_oddelovac {

  position: absolute;

  left: 705px;

  top: 13px;

  margin: 0px 0px 0px 0px;

  padding: 0px 0px 0px 0px;

}

#kontakt_konec_oddelovac {

  position: absolute;

  left: 835px;

  top: 13px;

  margin: 0px 0px 0px 0px;

  padding: 0px 0px 0px 0px; 

}

#kontakt {

  position: absolute;

  left: 867px;

  top: 20px;

  margin: 0px 0px 0px 0px;

  padding: 0px 0px 0px 0px; 

}

#sipka_kontakt {

  position: absolute;

  left: 850px;

  top: 23px;

  margin: 0px 0px 0px 0px;

  padding: 0px 0px 0px 0px; 

}

#kontakt:hover{

  color: white;

}

#kontakt_oddelovac {

  position: absolute;

  left: 965px;

  top: 13px;

  margin: 0px 0px 0px 0px;

  padding: 0px 0px 0px 0px; 

}

/*konec menu, zacatek logo plus jazyky*/

#logo {

  position: absolute;

  left: 55px;

  top: 80px;

  margin: 0px 0px 0px 0px;

  padding: 0px 0px 0px 0px;

}

#jazyky {

  position: absolute;

  right: 55px;

  top: 80px;

}

#jazyky a {

  margin: 0px 1px 0px 1px;

  padding: 0px 0px 0px 0px;

  color:  #2d9ed5;

}



/*banner*/

#banner {

  position: absolute;

  left: 55px;

  top: 170px;

  height: 218px;

  width: 912px;

  background-image: url(images/banner.gif);

}

#banner_button {

  position: absolute;

  left: 344px;

  top: 126px;

}

/*Submenu......*/

#submenu h3{

  font-family: Century Gothic;

  font-style: normal;

  font-weight: normal;

  font-size: 14px;

  color: #2baded;

  position: absolute;

  left: 46px;

  top: -25px;

  margin: 0px 0px 0px 0px;

  padding: 0px 0px 0px 0px; 

  



}

#submenu

{ 

position: absolute;

left: 10px;

top: 415px;

width: 1024px; 

height: 130px;



} 

#submenu ul li 

{ 

display: inline; 

} 

#submenu ul 

{ 

position: absolute;

left: 0px;

margin: 0px 0px 0px 0px; 

padding: 0px 0px 0px 0px; 

width: 913px; 

height: 100px;

} 



#submenu ul li a 

{ 

margin: 0px 0px 0px 0px; 

padding: 0px 0px 0px 0px; 

text-decoration: none; 

float: left; 



} 



.popisek_sub {

  font-family: Tahoma;

  font-style: normal;

  font-weight: normal;

  font-size: 12px;

  color: #909090;

  display: inline;

  width: 300px;

  margin: 0px 0px 0px 0px;

  padding: 0px 0px 0px 0px; 

  position: relative;

  top: 2px;

}

.polozka {

  border: 2px #717171 solid;

}

.polozka:hover 

{ 

position: relative;

top: -5px;

} 

#li_prvni {

  position: absolute;

  left: 47px;

  top: 0px;

  margin: 0px 0px 0px 0px;

  padding: 0px 0px 0px 0px; 

}

#li_prvni_oddelovac {

  position: absolute;

  left: 191px;

  top: -30px;

}

#li_druhy {

  position: absolute;

  left: 202px;

  top: 0px;

  margin: 0px 0px 0px 0px;

  padding: 0px 0px 0px 0px; 

}

#li_druhy_oddelovac {

  position: absolute;

  left: 345px;

  top: -30px;

}

#li_treti {

  position: absolute;

  left: 357px;

  top: 0px;

  margin: 0px 0px 0px 0px;

  padding: 0px 0px 0px 0px; 

}

#li_treti_oddelovac {

  position: absolute;

  left: 501px;

  top: -30px;

}

#li_ctvrty {

  position: absolute;

  left: 513px;

  top: 0px;

  margin: 0px 0px 0px 0px;

  padding: 0px 0px 0px 0px; 

}

#li_ctvrty_oddelovac {

  position: absolute;

  left: 657px;

  top: -30px;

}

#li_paty {

  position: absolute;

  left: 668px;

  top: 0px;

  margin: 0px 0px 0px 0px;

  padding: 0px 0px 0px 0px;

}

#li_paty_oddelovac {

  position: absolute;

  left: 812px;

  top: -30px;

}

#li_sesty {

  position: absolute;

  left: 823px;

  top: 0px;

  margin: 0px 0px 0px 0px;

  padding: 0px 0px 0px 0px;

}



/*main obsah top*/



#main_top {

  position: absolute;

  left: 0px;

  top: 520px;

  z-index: 10;

  margin: 0px 0px 0px 0px;

  padding: 0px 0px 0px 0px;

}

#main_down {

  position: absolute;

  left: 0px;

  bottom: 0px;

  z-index: 10;

  margin: 0px 0px 0px 0px;

  padding: 0px 0px 0px 0px;

}

#main_obsah {

  position: absolute;

  left: 0px;

  top: 520px;

  height: 465px;

  width: 1024px;

  background-color: #2e2e2e;

}



/*levy sloupec*/

#main_left h3 {

  font-family: Century Gothic;

  font-style: normal;

  font-weight: normal;

  font-size: 14px;

  color: #2baded;

  position: absolute;

  width: 150px;

  left: -77px;

  top: 25px;

  margin: 0px 0px 0px 0px;

  padding: 0px 0px 0px 0px; 

}

#last_work_pic {

  position: absolute;

  left: -68px;

  top: 50px;

  height: 500px;

  width: 184px;

  margin: 0px 0px 0px 0px;

  padding: 0px 0px 0px 0px; 

}

#last_work_pic img{

  border: 2px #717171 solid;

  margin: 0px 0px 0px 0px;

  padding: 0px 0px 0px 0px; 

}



#last_work_pic li {

  position: relative;

  top: 0px;

  left: 0px;

  list-style-type: none;

  display: block;

  margin: 0px 0px 5px 0px;

  padding: 5px 0px 0px 0px; 

}

#last_work_pic ul{

  position: absolute;

  left: 0px;

  top: 14px;

  margin: 0px 0px 0px 0px;

  padding: 0px 0px 0px 0px; 

}

#last_work_pic a {

  text-decoration: none;

}

.popisek_last_work {

  font-family: Century Gothic;

  font-style: normal;

  font-weight: normal;

  font-size: 12px;

  color: #909090;

  display: inline;

  position: relative;

  top: 0px;

  width: 300px;

  margin: 2px 0px 2px 0px;

  padding: 0px 0px 0px 0px; 

}

/*pruh v levo*/

#main_left {

  position: absolute;

  top: 0px;

  left: 125px;

}

#main_left_pic {

  position: absolute;

  top: 8px;

  left: 200px;

  z-index: 8;

}

#main_left_pic_dva {

  position: absolute;

  top: 75px;

  left: 200px;

  z-index: 1;

}

#main_right_pic {

  position: absolute;

  top: 8px;

  right: 200px;

  z-index: 8;

}

#main_right_pic_dva {

  position: absolute;

  top: 75px;

  right: 200px;

  z-index: 1;

}

/*Hlavni obsah stranky*/

#main_middle {

  position: absolute;

  left: 240px;

  top: 20px;

  height: 300px;

  width: 535px;

}

#main_middle h3 {

  font-family: Century Gothic;

  font-style: normal;

  font-weight: normal;

  font-size: 14px;

  text-align: left;

  color: #2baded;

  position: absolute;

  top: 5px;

  left: 35px;

  margin: 0px 0px 0px 0px;

  padding: 0px 0px 0px 0px;

}

#main_middle ul {

  position: absolute;

  top: 25px;

  left: 35px;

  font-style: normal;

  font-weight: normal;

  font-size: 14px;

  text-align: left;

  color: #909090;

  margin: 0px 0px 0px 0px;

  padding: 0px 0px 0px 0px;

  list-style-type: none;

}

#main_middle ul li{

  position: relative;

}

#main_middle ul li ul{

  position: relative;

  top: 5px;

  left: 25px;

  list-style-type: square;

}

#main_middle ul li a{

  color:  #2d9ed5;
}

#main_middle ul li ul li{

  list-style-type: square;

}

#main_middle p {

  text-align: left;

  font-family: trebuchet MS;

  font-style: normal;

  font-weight: normal;

  font-size: 12px;

  color: #909090;

  margin: 0px 0px 0px 0px;

  padding: 0px 0px 0px 0px;

}

#main_middle p a {

  font-family: Century Gothic;

  font-style: normal;

  font-weight: normal;

  font-size: 12px;

  color: #2d9ed5;

}

#main_middle_p_first {

  position: absolute;

  top: 45px;

  left: 35px;

}

#main_middle_pic {

  position: absolute;

  left: 35px;

  top: 144px;

  margin: 0px 0px 0px 0px;

  padding: 0px 0px 0px 0px;

}

#main_middle_p_second {

  position: absolute;

  top: 135px;

  left: 175px;

  width: 330px;

}

#main_middle_p_third {

  position: absolute;

  top: 260px;

  left: 35px;

}

#main_right {

  position: absolute; 

  right: 165px;

  top: 20px;



}

#main_right h3 {

  font-family: Century Gothic;

  font-style: normal;

  font-weight: normal;

  font-size: 14px;

  color: #2baded;

  position: absolute;

  top: 5px;

  left: 10px;

  margin: 0px 0px 0px 0px;

  padding: 0px 0px 0px 0px;

}



/*reklamy a copyright*/



#reklamy {

  position: absolute;

  top: 984px;

  left: 0px;

  z-index: 10;

  text-align: center;

  background-color: #1d1d1d;

  width: 1024px;

  height: 170px;

}

#copyright {

  position: absolute;

  top: 1100px;

  z-index: 12;

  left: 20px;

  text-align: left;

  display: none;

  

}