/* < 980px */
@media screen and (max-width: 980px) {
	/*media buttony*/
	#header .quick_nav span { display: none; }
	#header .quick_nav li {
		padding:5px 7px;
		margin-top:7px;
		width:auto;
		height:auto;
	}
	#header .quick_nav li a {
		padding:0px;
		height:26px;
		width:26px;
		background-position: center 2px;
	}

	.quick_nav_wrapper {
		width:auto
	}

}

/* < 768px */
@media screen and (max-width: 767px){

	#header .ribbon {
		background: none;
		background-color: #6BABE0;
	}
  /*unfloatnem header*/
  #header #roof_left {
    float:none;
    width:100%;
  }
  #header #roof_right {
    float:none;
    width:100%;
    position:relative;
  }
	/*media ikonky presuniem*/
	#header .quick_nav {
	  position:absolute;
	  top:0px;
	  left:90px;
	}
	/*search formular dam do ribbonu*/
  #header #search_form_content {
    margin-top: 0;
    position: absolute;
    right: 0px;
    top:8px;
  }
  /*zapnem naisto vyhladavanie*/
  #header #search_form_content {
    display:block;
  }
  /*vypnem delimitery v menu*/
  .nav > li > .delimiter {
    display:none;
  }
  .nav > li > a {
    float:none;
  }
  /*slidery na HP, ich wrappery*/
  #banner .tabs { float:none; width: 100%; }
  #banner #mainslider { float:none;width:100%}
  #hp_wrapper_left {
    margin-right: 0px;
  }
  #hp_wrapper_right {
    margin-left: 0;
    margin-top: 9px;
  }
  #hp_social_plugin {
    display:none;
  }
  /*obsah*/
	#content .left { display: none; }
	#content .middle { width: 70% }
	#content .right { width: 30%; }
	.p10h {
	  padding-left:0px;
	}
  #content .middle.no_right_panel {
    width:100%;
  }
  /*footer*/
  .second {display: none;}

  #footer .first .wrapper {
    background-position: 33.3% 0;
  }
  #footer .first .left {width:33.3%}
  #footer .first .middle {width:33.3%}
  #footer .first .right {width:33.3%}
  #footer .first .socialbox {float:none; width:100%;clear:both;}

  #footer .socialbox img {
      float: left;
      width: 48%;
  }
  .third .left {float:none;margin-bottom:5px;text-align: center;}
  .third .right {float:none;margin-bottom:8px;text-align: center;}

  /*hlavne menu*/
  .nav {
    background: #1D1D1D;
    clear:both;
    float:none;
    border:1px solid #504E4E;
    border-top:none;
  }
  .nav > li > a {
    padding: 10px;
    line-height: 1em;
    font-size: 0.750em;
    background-image: url("../../images/design/icon_arrow_white_right.png");
    background-repeat: no-repeat;
    background-position: 97.5% 50%;
    color:#FFFFFF;
  }
  .nav > li > a.active,.nav > li.active > a {
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    text-decoration: underline;
  }
  .nav > li > a:hover,.nav > li.hover > a {
    background-image: url("../../images/design/icon_arrow_white_right.png");
    background-repeat: no-repeat;
    background-position: 97.5% 50%;
  }
  .toggleMenu.active {
    border-bottom: none;
    padding-bottom:17px;
    -webkit-border-bottom-left-radius: 0;
    -moz-border-radius-bottomleft: 0;
    border-bottom-left-radius: 0;
    -webkit-border-bottom-right-radius: 0;
    -moz-border-radius-bottomright: 0;
    border-bottom-right-radius: 0;
  }
  .nav li li {
    background: #353535;
    padding-left: 10px;
  }
  .nav li li a {
    background: #5f5f5f;
    border-top: 1px solid #353535;
    font-size: 0.750em;
    color:#FFFFFF;
  }
  .active {
    display: block;
  }
  #calendar_table td.active {
      display: table-cell;
  }
  .paginationControl .active {
      display: inline-block;
  }

  .nav > li {
    float: none;
  }

  .nav > li > .parent {
    background-position: 95% 50%;
  }

  .nav > li > .parent {
    background-image: none;
  }

  .nav li .more_menu {
    background-image: url("../../images/design/icon_arrow_white_down.png");
    background-repeat: no-repeat;
    background-position: 95% 50%;
    background-color: #5F5F5F;
    float: right;
    width: 20%;
    border-left: 1px solid rgba(255,255,255,.3);
    padding: 6px 15px 8px;
    cursor: pointer;
    z-index: 200;
    position: relative;
    margin-top:1px;
    margin-bottom:1px;
  }
  .nav li.hover .more_menu {
    background-image: url("../../images/design/icon_arrow_white_up.png");
  }

  .nav li .more_menu:before {
    content: "";
    background: rgba(0,0,0,.3);
    width: 1px;
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    left: -2px;
  }

  .nav ul {
      display: block;
      width: 100%;
  }

  .nav > li.hover > ul , .nav li li.hover ul {
      position: static;
  }
  .nav > li > a.active {
    color:#FFFFFF;
  }
	#bottom-logos .logo {
		width:33.33% !important;
	}

	.legend {
		float:none;
		width:100%;
		text-align: left;
	}
	.field {
		float:none;
		width: 100%;
	}
	.field .input_text {
		width:100%;
		padding:5px 0px;
	}
}

/* Kontent do 480px */
@media screen and (max-width: 479px){
  /*top menu*/
  #header .menu {
    float:none;
    padding:4px 4px;

  }
  /*text v header dam trochu vyssie*/
  #header #logotext {
    padding-top:26px;
  }
  /*zarovnam obsah*/
	#content { padding-top: 9px; }
	#content .right {
      float: left;
      width: 100%;
  }
	#content .middle { width: 100% }
  .p10h {
    padding-right:0px;
  }
  /*media ikonky presuniem*/
  #header .quick_nav {
    right:0;
    left:auto;
  }
  /*skryjem search field*/
  #header #search_form_content {
    display:none;
  }
  /*Fotogaleria*/
  .galleria_box {
    float:none;
    width:90%;
    margin:5%;
  }
  /*videogaleria*/
  .yt_video .yt_video_left, .yt_video .yt_video_right {
    width:94%;
    margin:0px;
    margin:0px 3%;
    float: none;
  }
  .yt_video .yt_video_right {
    margin-top:3px;
  }
  .yt_video .yt_vide_right_inner {
    margin-left:0px;
  }

  /*detail clanku ilustracny obrazok*/
  img.ilustracny_obrazok {
    float:none;
    display:block;
    margin-top:16px;
    margin-left:0px;
    width:100%;
  }

	#bottom-logos .logo {
		width:50% !important;
	}


}

/* Kontent do 320px */
@media screen and (max-width: 320px){

}