/* 
height: 100% - bug chrome - height - pro spravny vypocet hodnoty bottom_of_window - viditelnost prvku pri scrollovani 
*/
html {
  position: relative; /* sticky footer */
  min-height: 100%;   /* sticky footer */
  /* height: 100% - bug chrome - height */
}

body { 
	font-family: 'Titillium Web', sans-serif; 	
	margin-bottom: 120px; 	/* sticky footer */
}

/* nadpisy */
h1 {
	font-size: 28px;
	font-weight: bold;
}
h2 {
	font-size: 24px;
	font-weight: bold;
}
h3 {
	font-size: 18px;
	font-weight: bold;
}


/* facebook v menu */
#custom-bootstrap-menu.navbar-default .navbar-nav>#fbli>a  {
    font-size: 48px;
    font-weight: bold;
    background-image: url('../images/facebook_divider.png');    
    background-position: left;
    background-repeat: no-repeat;    
}

/* facebook v menu - hover */
#custom-bootstrap-menu.navbar-default .navbar-nav>#fbli>a:hover { 
    color: #07a0ce; 
    background-image: url('../images/facebook_divider.png') !important;
    background-position: left;
    background-repeat: no-repeat;    
}

/* jumbotron */
#jumb_img {   
    background-image: url('../images/jumb_img.jpg');    
    height: 600px;   
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    margin-bottom: 20px;    
}


#jumb_img_content {
	text-align: center;
	padding-top: 150px;
 	color:#ffffff;	
}

#jumb_img_content h2 {
	text-transform: uppercase;
	font-size: 56px;
	font-weight: bold;
	letter-spacing: 3px;
}

#jumb_img_content p {
	font-size: 26px;
	font-weight: 600;
	letter-spacing: 3px;
	margin-bottom: 25px;
}

/* jumbotron podstranka */
#jumb_img_sub {   
    background-image: url('../images/jumb_img_sub.png');    
    height: 250px;   
    background-repeat: repeat-x;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    margin-bottom: 20px;    
}

#jumb_img_sub_content {
	text-align: center;
	color: #245680;
	max-width: 980px;
	background-color: red;	
}

#jumb_img_sub h1 {
	color: #245680;
	padding-top: 100px;	
	font-size: 2.5em;
}

.block {
	display: block;
}


/* container - 100% sirka */
.container_wrapper {
	width: 100%; 
	margin: 0px;
	padding: 0px;
}

/* container - na stred, sirka 980px */
.container_center {
	margin: 0 auto;
    max-width: 980px; 	
}

/* obsah - odsazeni */
.content {
	padding-left: 3em;
}


/* pozadi jako paticka */
.bgd_footer {
	background-color: #eeeeee;
}

/* border img circle */
.border-circle,.border-circle-car {
  border: 1px solid #CCCCCC;
}

.border-circle-car:hover {
  border: 1px solid #337AB7;
  transition: all 200ms linear;
}

/* auta hp bubliny - bounce animace */
@keyframes bounce {
	0%, 20%, 60%, 100% {
		-webkit-transform: translateY(0);
		transform: translateY(0);
	}

	40% {
		-webkit-transform: translateY(-10px);
		transform: translateY(-10px);
	}

	80% {
		-webkit-transform: translateY(-5px);
		transform: translateY(-5px);
	}
}

.car:hover {
	animation: bounce 1s;	
}

/* img circle - pozice pro animace */
#img1, #img3  {
    opacity:0;
    position: relative;
    left: 300px;
}
#img2  {
    opacity:0;
    position: relative;
    right: 50px;
}

/* relativni pozice - pro bottom */
.relative {
position: relative;
}

/* prvek - valign bottom */
.bottom {
    position: absolute;
    bottom: 0;
    right: 0;
    padding-bottom: 10px;
}


/* odstavec - velikost fontu */
.lead {
  font-size: 17px;
}



/* paticka - aktivni prvek menu */
.actfooter {
  text-decoration: underline;
  font-weight: bold;
}
/* paticka - odsazeni */
.footer {
  padding-top: 2em;
  
}

/* paticka - sticky footer */ 
.sticky  {
  position: absolute;  
  height: 120px;  
  bottom: 0;   
}


/* Menu */

/* menu - dolni odazeni  */
.navbar {
    margin-bottom:0;
}

/* vyska menu  */
.navbar-brand,
.navbar-nav li a {
    line-height: 120px;
    height: 120px;
    padding-top: 0;
}

.navbar-brand {
	padding-top: 20px;
}

#custom-bootstrap-menu.navbar-default .navbar-brand {
    color: rgba(119, 119, 119, 1);
}
#custom-bootstrap-menu.navbar-default {
    font-size: 20px;
    font-weight: 700;
    letter-spacing: 1px;
    background-color: rgba(255, 255, 255, 1);
    border-bottom-width: 0px;
}
#custom-bootstrap-menu.navbar-default .navbar-nav>li>a {
    color: rgba(35, 85, 128, 1);
    background-color: rgba(255, 255, 255, 1);
}
#custom-bootstrap-menu.navbar-default .navbar-nav>li>a:hover {
	background-image: url('../images/hover.png');    
    background-position: center;
    background-repeat: no-repeat;
}
#custom-bootstrap-menu.navbar-default .navbar-nav>li>a:focus {
    color: rgba(35, 85, 128, 1);
    background-color: rgba(248, 248, 248, 0);
}
#custom-bootstrap-menu.navbar-default .navbar-nav>.active>a,
#custom-bootstrap-menu.navbar-default .navbar-nav>.active>a:hover,
#custom-bootstrap-menu.navbar-default .navbar-nav>.active>a:focus {
    color: rgba(35, 85, 128, 1);
    background-image: url('../images/hover.png');    
    background-position: center;
    background-repeat: no-repeat;
}
#custom-bootstrap-menu.navbar-default .navbar-toggle {
    border-color: #ddd;
}
#custom-bootstrap-menu.navbar-default .navbar-toggle:hover,
#custom-bootstrap-menu.navbar-default .navbar-toggle:focus {
    background-color: #ddd;
}
#custom-bootstrap-menu.navbar-default .navbar-toggle .icon-bar {
    background-color: #888;
}
#custom-bootstrap-menu.navbar-default .navbar-toggle:hover .icon-bar,
#custom-bootstrap-menu.navbar-default .navbar-toggle:focus .icon-bar {
    background-color: #ffffff;
}

/* dropdown - mobilni zarizeni */
@media (max-width: 767px) {
	
  	/* vyska menu */
	.navbar-nav li a {
    line-height: 30px;
    height: 30px;
    padding-top: 0;
	}	
	/* aktivni prvek menu  */
	#custom-bootstrap-menu.navbar-default .navbar-nav>.active>a {
	 background-color: #07a0ce;
	 color: #ffffff;
	}
	
	/* jumbotron */  
	#jumb_img_content {
	text-align: center;
	padding-top: 70px;
 	color:#ffffff;	
	}

	#jumb_img_content h2 {
	text-transform: uppercase;
	font-size: 24px;
	font-weight: bold;
	letter-spacing: 3px;
	}

	#jumb_img_content p {
	font-size: 13px;
	font-weight: 600;
	letter-spacing: 3px;
	margin-bottom: 15px;
	}
  
}