html, body, p, img, div, h1, h2  {
	margin: 0;
	padding: 0;
}

body {
	background-color: white;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color:white;
	background: black url(../images/logo_bcg.png) top center no-repeat;
	overflow-x: hidden;
}

img {
	border: 0px;
}

a {
	color: white;
	text-decoration: none;		
}

a:hover {
	color: #DDDDDD;
}

#logo {
	width: 600px;
	position: absolute;
	left: 50%;
	top: 20px;
	margin-left: -300px;
}

#logo #logoClick {
	width: 600px;
	height: 130px;
	visibility: hidden;
}

#lista {
	height: 128px;
	width: 100%;
	background: transparent url(../images/lista.png) repeat-x;
	position: absolute;
	left: 0;
	top: 158px;
	z-index: -1;
}

#footer_lista {
	height: 64px;
	width: 2000px;
	background: transparent url(../images/spodni_lista_2000.png) no-repeat;
	position: absolute;
	left: 50%;
	top: 0px;
	z-index: -1;
	margin-left: -1050px;
	overflow: hidden;
}


#page {
	width: 1000px;
	margin: auto;
	text-align: center;
	z-index: 1;
}

#iptext {
	margin-top: 182px;
}

#buttons {
	margin-top: 30px;
	z-index: 100;
}

#buttons .pad{
	margin-right: 25px;
}

#apps {
	width: 900px;
	margin-top: 25px;
	margin-left: 65px;
}

#apps #car_left{
	float: left;
	margin-right: 15px;
}
#apps #car_right{
	float: left;
	margin-left: 15px;
}


#apps .app {   
	float: left;
	width: 150px;
    height: 160px;
	margin-top: 10px;
}

#apps .app a{   
	font-weight: bold;
	font-size: 18px;
	color: white;
	text-decoration: none; 
}

#apps .app .txt {
	margin-top: -20px;	
}


#signup {
	margin: -7px 0 23px 0;
	position: relative;
}

#sbutton {
	position: absolute;
	top: 3px;
	left: 335px;
}

#sbutton, x:-moz-any-link {
	top: 10px;
}


#isign {
	background: transparent url(../images/signuptext.png) top left no-repeat;
	width: 327px;
	height: 54px;
	color: white;
	font-size: 15px;
	font-family: Arial;
	border: 0px;
	padding: 0 5px 0 105px;
	outline-width: 0px;
	margin-left: 105px;
} 

#social .pad {
	margin-right: 25px;
}

#footer {	
	color: #e0e0e0;
	/*text-shadow: #444 1px 1px 0px;*/
	font-size: 11px;
	font-weight: bold;
	margin-top: 27px;
	padding-top: 20px;
	height: 44px;	
	position: relative;
}

#footer a {
	color: #e0e0e0;
}

#footer a:hover {
	text-decoration: none;
}

#kydanec {
	position: absolute;
	top: -50px;
	left: 715px;
}

#bubble, #bubble2 {
	background: transparent url(../images/bubble.png) top left no-repeat;
	width: 180px;
	height: 145px;
	position: absolute;
	color: white;
	padding: 25px 30px 0 30px;
	text-align: center;
	z-index: 1050;
	top:-328px;
	left: 495px;
	display: none;
	line-height: 16px;
}

#bubble a, #bubble2 a {
	font-size: 15px;
	color: white;
}

.cleaner {
	clear: both;
	padding: 0px;
	margin: 0px;
}
.anyClass{
    float: left;
}

.line {
	float: left;
	margin-top: -20px;
}

#iphone-div {
  width: 480px;
  height: 780px;
  float: left;
  margin-bottom: 50px;
}

#popis {
  margin-top: 50px;
}

#popis p {
  text-align: left;
  font-size: 1.2em;
  margin-bottom: 10px;
}

#popis p.nadpis {
  font-size: 2.5em;
  height: 85px;
  padding-top: 45px;
}

#popis img.ikona {
  float: left;
  margin-left: -10px;
  margin-right: 10px;
}

#slide {
  position: absolute;
  top: 458px;
  left: 50%;
  margin-left: -440px;
  width: 320px;
  height: 480px;
  z-index: 8;
}

#iphone {
  position: absolute;
  top: 299px;
  left: 50%;
  margin-left: -521px;
  z-index: 9;
}

#slideshow {
    position:relative;
    height:350px;
}

#slideshow IMG {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
    opacity:0.0;
}

#slideshow IMG.active {
    z-index:10;
    opacity:1.0;
}

#slideshow IMG.last-active {
    z-index:9;
}

#slidebar {
  position: absolute;
  top: 1080px;
  left: 50%;
  margin-left: -367px;
}

#slidebar div {
  width: 25px;
  height: 25px;
  margin: 5px;
  background: url(../images/pointsi.png) no-repeat;
  float: left;
  cursor: pointer;
}

#slidebar div.active {
  background: url(../images/points.png) no-repeat;
}

#flags {
	padding-top: 20px;
  margin-bottom: 10px;
  height: 40px;
  top:100px;
	margin-left: 144px;
  position: absolute;
}

#flags2 {
  height: 50px;

}

#prezentace-cz img{
	margin-top: 130px;

}

#prezentace-en img{
	margin-top: 130px;

}


.flag-cze {
  background: url(../images/flag_cz_normal.png) no-repeat;
  width: 40px;
  height: 40px;
  margin-right: 5px;
  margin-left: -155px;
  float: left;
}

.flag-cze:hover {
  background: url(../images/flag_cz_hover.png) no-repeat;
  cursor: pointer;
}

.flag-cze-active {
  background: url(../images/flag_cz_active.png) no-repeat;
  width: 40px;
  height: 40px;
  margin-right: 5px;
  margin-left: -155px;
  float: left;
}

.flag-eng {
  background: url(../images/flag_en_normal.png) no-repeat;
  width: 60px;
  height: 40px;
  margin-right: 5px;
  float: left;
  margin-left: -110px;
}

.flag-eng:hover {
  background: url(../images/flag_en_hover.png) no-repeat;
  cursor: pointer;
}
 
.flag-eng-active {
  background: url(../images/flag_en_active.png) no-repeat;
  width: 60px;
  height: 40px;
  margin-right: 5px;
  float: left;
  margin-left: -110px;
}

.flag-de {
  background: url(../images/flag_de_normal.png) no-repeat;
  width: 40px;
  height: 40px;
  margin-right: 5px;
  float: left;
  margin-left: -45px;
}

.flag-de:hover {
  background: url(../images/flag_de_hover.png) no-repeat;
  cursor: pointer;
}

.flag-de-active {
  background: url(../images/flag_de_active.png) no-repeat;
  width: 40px;
  height: 40px;
  margin-right: 5px;
  float: left;
  margin-left: -45px;
}

.appstorebutton {
  background: url(../images/app_store_normal.png) no-repeat;
  width: 230px;
  height: 80px;
  margin-left: 480px;
  margin-top: 70px;
  position: absolute;
}

.appstorebutton:hover {
  background: url(../images/app_store_hover.png) no-repeat;
}

.youtubebutton {
  background: url(../images/you_tube_normal.png) no-repeat;
  width: 230px;
  height: 80px;
  margin-left: 720px;
  position: absolute;
  margin-top: 70px;
}

.youtubebutton:hover {
  background: url(../images/you_tube_hover.png) no-repeat;
}

#prezentace-cz, #prezentace-en {
  height: 680px;
}

#prezentace-cz img, #prezentace-en img {
  z-index:8;
  opacity:0.0;
  position: absolute;
  top: 360px;
  left: 50%;
  margin-left: -400px;
}

#prezentace-cz img.active, #prezentace-en img.active {
  z-index:10;
  opacity:1.0;
}

#prezentace-cz img.last-active, #prezentace-en img.last-active {
    z-index:9;
}
               
#prezentace_left {
  width: 44px;
  position: absolute;
  left: 50%;
  margin-left: -470px;
  top: 683px;
  z-index: 100;
}

#prezentace_right {
  width: 44px;
  position: absolute;
  left: 50%;
  margin-left: 425px;
  top: 683px;
  z-index: 100;
}

::-webkit-scrollbar {
    width: 19px;
    height: 13px;
}

::-webkit-scrollbar-button:start:decrement,
::-webkit-scrollbar-button:end:increment {
    display: block;
}
 
::-webkit-scrollbar-button:start:increment,
::-webkit-scrollbar-button:end:decrement {
    display: none;
}
 
::-webkit-scrollbar-button:end:increment {
    background-image: url(../images/scroll_bottom.png);
    height: 5px;
}
 
::-webkit-scrollbar-button:start:decrement {
    background-image: url(../images/scroll_top.png);
    height: 5px;
}

::-webkit-scrollbar-track-piece:vertical:start {
    background-image: url(../images/scroll_bcg.png), url(../images/scroll_bcg.png);
    background-repeat: no-repeat, repeat-y;
}
 
/* Bottom area below thumb and down button */
::-webkit-scrollbar-track-piece:vertical:end {
    background-image: url(../images/scroll_bcg.png), url(../images/scroll_bcg.png);
    background-repeat: no-repeat, repeat-y;
    background-position: bottom left, 0 0;
}

::-webkit-scrollbar-thumb:vertical {
    height: 56px;
    -webkit-border-image: url(../images/scroll_body.png) 3 0 3 0 stretch stretch;
    border-width: 3 0 3 0;
}

#contactForm {
  width: 640px;
  height: 350px;
  background: url(../images/contact_form.png);
  margin: 120px auto 0 auto;
}

#contactMail {
	background: transparent url(../images/mailtext.png) top left no-repeat;
	width: 305px;
	height: 40px;
	color: white;
	font-size: 15px;
	font-family: Arial;
	border: 0px;
	padding: 0 5px 0 80px;
	outline-width: 0px;
	position: absolute;
  top: 340px;
  left: 50%;
  margin-left: -10px;
  margin-top: 100px;
}

#contactButton {
  position: relative;
  top: 43px;
  left: 28px;
}

.contlink {
	color: black;
}

#contacttext {
  position: absolute;
  top: 390px;
  left: 50%;
  margin-left: -10px;
  background: transparent url(../images/areatext.png) top left no-repeat;
  border: 0;
  width: 276px;
  height: 182px;
  max-width: 276px; /* RESTRICT SAFARI RESIZE */
  max-height: 182px; /* RESTRICT SAFARI RESIZE */
  resize: none;
  color: white;
	font-size: 15px;
  outline-width: 0px;
  font-family: Arial, Helvetica, sans-serif;
  padding: 15px;
  margin-top: 100px;
}

#bubble3, #bubble4 {
	background: transparent url(../images/bubble.png) top left no-repeat;
	width: 180px;
	height: 145px;
	position: absolute;
	color: white;
	padding: 25px 30px 0 30px;
	text-align: center;
	z-index: 1050;
  top: 177px;
	left: 50%;
  margin-left: 135px;
  display: none;	
	line-height: 16px;
margin-top: 100px;	
}

#bubble3 a, #bubble4 a {
	font-size: 15px;
	color: white;
}

#conText {
  width: 265px;
  position: absolute;
  top: 345px;
  left: 50%;
  margin-left: -290px;
  text-align: justify;
  color: #000000;
  margin-top: 100px;
  
}

#contactInfo {
  width: 265px;
  position: absolute;
  top: 510px;
  left: 50%;
  margin-left: -290px;
  text-align: left;
  color: #000000;
  margin-top: 100px;
}

#contactInfo a{
	color: black;
}

#contactInfo a:hover{
	color: #DDDDDD;
}


#contactInfo strong {
	font-size: 14px;
}

#contactInfo span.small {
   font-size: 9px;
}

#team {
	height: 280px;
	text-align: left;
	margin-left: 190px;
}

#mapa {
  width: 150px;
  height: 120px;
  background: transparent url(../images/contact_map_normal.png) top left no-repeat;
  position: absolute;
  top: 540px;
  left: 50%;
  margin-left: -160px;
  margin-top: 100px;
}

#mapa:hover {
  background: transparent url(../images/contact_map_hover.png) top left no-repeat;
}

#lines-lh {
  width: 650px;
  height: 150px;
  background: transparent url(../images/lines-lh.png) top left no-repeat;
  position: absolute;
  top: 442px;
  left: 50%;
  margin-left: -502px;
}

#lines-ld {
  width: 210px;
  height: 350px;
  background: transparent url(../images/lines-ld.png) top left no-repeat;
  position: absolute;
  top: 845px;
  left: 50%;
  margin-left: -502px;
}

#lines-pd {
  width: 400px;
  height: 300px;
  background: transparent url(../images/lines-pd.png) top left no-repeat;
  position: absolute;
  top: 844px;
  left: 50%;
  margin-left: 58px;
}

.prezentace-flag #flag-cze {
  position: absolute;
  top: 300px;
  left: 50%;
  margin-left: -35px;
  z-index: 100;
}

.prezentace-flag #flag-eng {
  position: absolute;
  top: 300px;
  left: 50%;
  margin-left: 10px;
  z-index: 100;
}

#versions {
	font-size: 11px !important;
}

.bizikona {
	float: left;
}

.biznadpis {
  font-size: 2.5em;
  height: 85px;
  padding-top: 45px; 
  padding-right: 20px;
	float: left;
}

.bizpopis {
	padding-top: 42px;
}