body 
{
font-family: 'Roboto', sans-serif;
line-height: 140%;
font-weight: 400;
color: #656565;
font-size: 	18px;
width: 100%;
margin: 0px;
padding: 0px;
background-color: #fbfbfd;
background-image: url('../img/body_bg.jpg');
background-repeat: repeat-x;
background-position: top center;
}


.clear
{
clear: both;
width: auto;
height: 1px;
font-size: 1px;
overflow: hidden;
}

a
{
color: #4378d7;
text-decoration: underline;
}

a:hover
{
color: #2664d7;
text-decoration: underline;
}

h1
{
font-size: 48px;
line-height: 100%;
color: #41476f;
font-weight: 400;
padding: 0px;
margin: 0px;
}


h2
{
font-size: 32px;
color: #41476f;
font-weight: 400;
}

h3
{
font-size: 24px;
color: #41476f;
font-weight: 400;
}

h4
{
font-size: 18px;
color: #41476f;
font-weight: 400;
}

form, p
{
padding: 0px;
margin: 0px;
}


.top_pas
{
position: static;
z-index: 500;
width: auto;
height: 52px;
margin-top: 40px;
padding: 0px;
background-color: #ffffff;
border: 0px;
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
border-radius: 0px;
border-top: solid 1px #555F9D;		

}

.top_pas_in
{
max-width: 1080px;	
height: 52px;
padding-right: 0px;
padding-left: 0px;
font-size: 20px;
font-weight: 300;	
background-color: transparent;
}

.navbar-header 
{
min-width: 396px;
line-height: 52px;
}
.navbar-brand
{
margin-top: 0px; 
padding-top: 0px;	
}


.navbar-toggle
{
margin-top: 20px;
}

#top_logo
{
padding: 0px;
margin: 0px;
}


.menu_top
{
height: 52px;
padding-right: 0px;
margin-right: -10px;
}

.menu_top li
{
height: 51px;
padding-top: 2px;
padding-left: 5px;
padding-right: 5px;
margin-left: -1px;
color: #41476f;
}

.menu_top li a:link, .menu_top li a:visited
{
color: #41476f;
text-decoration: none;
}

.menu_top li:hover
{
color: #31396f;
background-color: #eeeeee;
}

.dropdown-menu
{
border: solid 1px #e8ecf2;	
font-size: 18px;
font-weight: 300;	
}


.dropdown-menu li a
{
font-weight: 300;	
}
.navbar .nav > li.dropdown.open.active > a:hover, 
.navbar .nav > li.dropdown.open > a
{
    background-color: #f4f6f8;
    outline: 0 none;
    text-decoration: none;
}

.vlajky 
{
max-width: 1080px;	
height: 40px;
text-align: right;
}

.obrazky_uvod
{
max-width: 1080px;
max-height: 417px;	
padding: 0px;
-webkit-box-shadow: 0px 0px 10px 1px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 0px 10px 1px rgba(0,0,0,0.75);
box-shadow: 0px 0px 10px 1px rgba(0,0,0,0.75);
}

.telo
{
clear: both;
max-width: 1080px;	
min-height: 540px;
padding: 40px;
padding-top: 30px;
margin-top: 0px;
font-weight: 300;	
background-color: #ffffff;
border: solid 1px #eeeeee;
}


.telo ul li
{
background-color: transparent;
margin: 0px;
}

.mapa
{
position: relative;
z-index: 0;
width: auto;
height: 400px;
border: solid 4px #eeeeee;
}

.fotos
{
float: left;
margin-right: 9px;
margin-bottom: 9px;
padding: 4px;
background-color: #eeeeee;
border: solid 1px #DBDBDB;	
}


.pata
{
width: auto;
min-height: 318px;
background-color: #465095;	
padding: 0px;
margin: 0px;
}

.pata_in
{
max-width: 1080px;	
min-height: 318px;
padding: 0px;
padding-left: 40px;
color: #ffffff;
font-size: 14px;
font-weight: 300;
background-color: transparent;	
}

.pata_in a
{
color: #ffffff;
text-decoration: none;
}

.pata_in a:hover
{
color: #ffffff;
text-decoration: underline;
}

.pata_levy
{
float: left;
min-width: 232px;
height: 183px;	

}


.pata_levy span, .pata_pravy span
{
font-size: 24px;
font-weight: 700;
}

.pata_pravy
{
float: right;
min-width: 480px;
}

.mapa_pata
{
float: right;	
margin-top: -20px;
margin-right: 40px;
}

.r
{
color: red;	
}



.carousel-indicators
{
margin-bottom: -20px;	
}

.carousel-indicators li 
{
    display: inline-block;
    width: 10px;
    height: 10px;
    margin: 3px;
    text-indent: 0;
    cursor: pointer;
    border: none;
    border-radius: 50%;
    background-color: #E5E5E5;
    /*box-shadow: inset 1px 1px 1px 1px rgba(0,0,0,0.5); */   
}
.carousel-indicators .active 
{
    width: 10px;
    height: 10px;
    margin: 3px;
    background-color: #4A5398;
}

@media screen and (max-width: 1200px) 
{
   .navbar-header
   {
	display: none;
   }
   
   
   #top_logo
   {
	width: 150px;   
	margin-top: 5px;
   }
   
    #obdelnik
	{
	display: none;
	}
   
   
  
   .menu_top
	{
	float: right;
	width: 80%;
	height: 52px;
	padding: 0px;
	margin-right: -10px;
	line-height: 110%;
	}
	
	.menu_top li
    {
    font-size: 16px;
    padding-left: 5px;
	padding-right: 5px;
	float: right;
    }
}


@media screen and (max-width: 992px) 
{
   .menu_top
	{
	 overflow: hidden;
	}
    
    .pata_pravy
	{
	clear: both;
	float: left;
	width: auto;
	}
	
	.pata_levy
	{
	 display: none;	
	}
	
	.mapa_pata
	{
	margin-right: 20px;
	margin-right: 0px;
	}
}


@media screen and (max-width: 768px) 
{

     
     #obdelnik
	{
	display: block;
	position: absolute;
	position: fixed;
	top: 30px;
	right: 10px;
	}
	
	

    .top_pas_in
	{
	width: auto;
	margin: 0px;
	}
	
	.navbar-header 
	{
	display: block;
	width: auto;
	line-height: 52px;
	}
	
	
	.menu_top
	{
	position: absolute;
	text-align: left;
	right: 0px;
	width: 70%;
	height: auto;
	padding: 10px;
	margin: 10px;
	margin-top: 45px;
	line-height: 110%;
	background-color: #ffffff;	
	z-index: 999;
	border: solid 1px #eeeeee;
	}
	
	.menu_top ul, .menu_top ul li ul
	{
	border: 0px;
	}
	
	ul.menu_top li
	{
	height: 30px;
	line-height: 90%;
	width: 100%;
	border: 0px;
	display: block;
	padding: 0px;
	}
	


	
	
	#bs-example-navbar-collapse-1
     {
	  border: 0px;
	  overflow: visible;
	 }

}


@media screen and (max-width: 624px) 
{
  .mapa_pata
	{
	 width: 200px;
	}
	


}


@media screen and (max-width: 482px) 
{

    .menu_top
	{
     width: 100%;
	}
	
	.pata
	{
	width: auto;
	margin: 0px;	
	}
	
	.pata_in
	{
	width: auto;
	margin: 0px;
	}
	
	
	.pata_levy
	{
	display: none;
	}
	
	
	.pata_pravy
	{
	 clear: both;
	 float: left;
	 width: auto;
	 font-weight: 400;
	 font-size: 13px;
	 margin-bottom: 0px;
	 padding-left: 10px;
	}
	
	.mapa_pata
	{
	 display: none;
	}
}