/* Zaklad */
body {
font-size : 12px;
font-family: "Trebuchet MS", "Geneva CE", lucida, sans-serif;
background-color: #065790;
text-align : left;

background-position: top;
margin:0; 
padding:0;
line-height: 1.5;
}

#case {
text-align: left;
width: 970px;
height: auto;
float: center;
padding-top: 2px;
margin: 0px auto 0px auto;
font-size:12px;
}

#odstavec {
text-align: justify;
margin-bottom:20px;
}

.logopic {
    width: 120px;
}

.logomenupic {
    width: 145px;
}

.logo {
float: left;
margin-top:0px;
}

@media all and (max-width: 900px) {
  .logo {
	  display: none; }

}

.fast_contact {
float: right;
margin-top:25px;
padding-left:25px;
text-align:right;
border-left: solid 1px #fff;
}

@media all and (max-width: 980px) {
  .fast_contact {
	  display: none; 
	 }

}

.box {
	width:176px;
	float:left;
	margin-right:9px;
	margin-left:9px;
	margin-bottom:30px;
	text-align:center;
	margin-top:30px;
}

@media all and (max-width: 980px) {
  .box {
	  float:none;
	  width:88%;
	  margin-right:0px;
	  }

}

#reset {
border : 0 none;
margin : 0;
padding : 0;
float : none;
clear : both;
width : 0;
height : 0;
line-height : 0;
font-size : 0;
}



.white {
	color : white;
	text-decoration : underline;
}

.white:hover {
	color : white;
	text-decoration : underline;
}

.black {
	color : black;
	text-decoration : underline;
}

.black:hover {
	color : black;
	text-decoration : underline;
	font-weight : normal;
}

.bluebutton {
	color : #065790;
	text-decoration : none;
    	background-color:#fff;
	padding-left:15px;
	padding-right:15px;
	padding-top:7px;
	padding-bottom:7px;
	width:120px;
	text-align:center;
	float:none;
	font-size:14px;
	font-weight:bold;
	margin: 0px auto 0px auto;
	border:solid 2px #065790;
}

.bluebutton:hover {
	color : #fff;
	text-decoration : none;
    	background-color:#065790;

}

.blacklink {
	color : black;
	text-decoration : underline;
}

.blacklink:hover {
	color : black;
	text-decoration : underline;
}

#obsah {
width: 100%;
background-color: #fff;
min-height:300px;
padding-top:5px;
color: #000;
font-size:10px;
}

#paticka {
width: 100%;
background-color: #065790;
height:auto;
padding-top:5px;
color: #fff;
font-size:12px;
margin-top:0px;
}

.left_end {
	width:70%;
	margin-top:25px;
	text-align:left;
	float:left;
}

@media all and (max-width: 980px) {
  .left_end {
	  width:80%;
	  text-align:center;
float: none;
	  }

}


@media screen and (max-width: 980px) {
#case {
width: 95%;
}}

#top {
width: 100%;
height:130px;
padding-top:5px;
border-bottom: solid 2px #fff;
}

@media screen and (max-width: 980px) {
#top {
height:75px;
}}

@media screen and (max-width: 980px) {
#top {
border-bottom: solid 0px #fff;

}}

#big_ban {
width: 100%;
background-color:#000;
background-image: url("top_bg.png")	;
}}


#image-slider {
	position: relative;
}

#image-slider > div {
	overflow: hidden;
}

#container {
	position: relative;
	width:100%;
	resize:horizontal;
    	overflow-x: hidden;

}

.box_ref {
	width:100%;
		background-color:#e9f0f5;
		text-align:left;
		border-top: 3px solid #065790;
		margin-bottom:20px;
		margin-top:10px;


}


.box_portfolio {
	width:100%;
		background-color:#f0f1f4;
		text-align:left;
		border-top: 3px solid #a6a8ad;
		margin-bottom:20px;


}



#container_uvod {
	position: relative;
	background-size:contain;
    	overflow-x: hidden;
							background-repeat:no-repeat;
		background-position:top;
    background-attachment: fixed;
    background-size: 100% auto;
	


}

@media screen and (max-width: 780px) {
#container_uvod {
    background-size:contain;
			background-position:top;
    background-attachment: scroll;



}
}


#map {
	background-size:cover;
    	overflow-x: hidden;
						background-image:url("bg3.jpg")	;
							background-repeat:no-repeat;
		background-position:bottom;
    background-attachment: fixed;
    background-color: #065790;
		height:350px;
    background-size: 100% auto;
    padding-bottom: 10px;
	
}

@media screen and (min-width: 1300px) {
#map {

    background-position:bottom;

}
}

@media screen and (max-width: 850px) {
#map {

		height:200px;
    background-size: cover;
        background-attachment: scroll;

}
}

@media screen and (max-width: 400px) {
#map {

		height:160px;
    
}
    
    #container_uvod {
    background-size:cover;
}
}

#fastcontact {
text-align: left;
width: 200px;
height:auto;
font-size:12px;
color:#FFF;
margin:0px;
}



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

.box_portfolio {
	width:95%;


}}


.left {
	text-align:left;

}

.right {
	text-align:right;

}

.pict_reference {
	width: 100%;
}


#container_map {
	position: relative;
	width:100%;
	resize:horizontal;
    
}

#container .content {
	position: absolute;
	top: 0;
	left: 0;
	color: #FFF;
	text-align: center;
	width: 100%;
	font-size: 6em;
	padding: 0;
	margin: 0;
}



#hlavni {
	font-family: 'myriad-std-tilt', sans-serif;
	color: #FFF;
	text-align: center;
	width: 100%;
	font-size: 40px;
	padding: 120px 0;
	font-weight: bold;
	text-shadow: 1px 2px rgba(0, 0, 0, 0.5);
}

#hlavni2 {
	font-family: 'myriad-std-tilt', sans-serif;
	color: #FFF;
	text-align: center;
	width: 100%;
	font-size: 40px;
	padding: 10px 0;
	margin-bottom:0px;
	font-weight: bold;
	height:auto;
	text-shadow: 1px 2px rgba(0, 0, 0, 0.5);
		margin-top:5%;

}

.okraj {
	padding:10px;
}

@media screen and (min-width: 1300px) {
#hlavni {
	margin-top: 100px;
    margin-bottom: 100px;
	
}}

@media screen and (min-width: 1400px) {
#hlavni {
	margin-top: 130px;
    margin-bottom: 130px;
	
}}

@media screen and (max-width: 1300px) {
#hlavni {
	font-size: 35px;
	
}

#hlavni2 {
	font-size: 40px;
	margin-top: 5%;

}

}

@media screen and (max-width: 600px) {
#hlavni {
	font-size: 35px;
	padding-top:30px;
	padding-bottom:20px;
}

#hlavni2 {
	font-size: 29px;
	margin-top:5%;
}

}

h1  {
margin-top: 10px;
margin-bottom: 2px;
font-size:14px;
}

p  {
margin-top: 10px;
margin-bottom: 2px;
font-size:12px;
font-weight:normal;
}

#delka {
	border : 0 none;
	margin : 0;
	padding : 0;
	float : none;
	clear : both;
	width : 0;
	height : 0;
	line-height : 0;
	font-size : 0;
}






/* =Nav
-------------------------------------------------------------- */
#nav-trigger {
  display: none;
  text-align: center; 
  font-size: 14px;
  }
  #nav-trigger span {
    display: inline-block;
    padding: 10px 30px;
    color: white;
    cursor: pointer;
    text-transform: uppercase; }
  
   

nav {
  margin-bottom: 30px; }

nav#nav-main {
  padding: 10px 0;
  font-size:13px;
  font-weight:bold;
  margin-top:0px;
   }
  nav#nav-main ul {
    list-style-type: none;
    margin-top: 35px;
    padding: 0;
    text-align: center; }
  nav#nav-main li {
    display: inline-block;
    border-right: solid 0px #787878;
    padding: 0 2px;
	 }
    nav#nav-main li:last-child {
      border-right: none; }
  nav#nav-main a {
    display: block;
    color: white;
    padding: 10px 20px;
	text-decoration:none; }
    nav#nav-main a:hover {
background-color: transparent;
      color: #fff; }

nav#nav-mobile {
  position: relative;
  display: none; }
 nav#nav-mobile ul {
	  font-size:18px;
    display: none;
    list-style-type: none;
    position: absolute;
    left: 0;
    right: 0;
    margin-left: 0px;
    margin-right: auto;
	margin-top:0px;
    text-align: center;
    background-color: #fff	;
	  padding-left:0px;
	      border-bottom: solid 2px #095790; 


 }
  nav#nav-mobile li {
    display: block;
    padding: 5px 0;
    margin: 0 50px;
    border-bottom: solid 1px #095790; }
    nav#nav-mobile li:last-child {
      border-bottom: none; }
  nav#nav-mobile a {
    display: block;
    color: #095790;
    padding: 10px 30px;
	text-decoration:none; }
    nav#nav-mobile a:hover {
      background-color: #095790 ;

      color: #fff; }

/* =Sections
-------------------------------------------------------------- */
section h1 {
  margin-bottom: 10px; }

section p {
  margin-bottom: 30px; }
  section p:last-child {
    margin-bottom: 0; }

/* =Media Queries
-------------------------------------------------------------- */
@media all and (max-width: 900px) {
  #nav-trigger {
    display: block; }

  nav#nav-main {
    display: none; }

  nav#nav-mobile {
    display: block; } }



.icon {
    width: 120px;
}

.maps {
    width: 45px;
}