/* CSS Document */
.mobil{display:none}
#menu,#footer,#foot,.bggreylight,.text,.top-lista,.bgwhite,.pruh,.pruh2,.maps{min-width:auto}

/* CSS Document */
/*pc*/
@media screen and (min-width: 1200px) and (max-width:10000px) {
.container{width:1200px}
.normal{display:none}
}

@media screen and (min-width: 1150px) and (max-width:1199px) {
.container{width:1130px}

}


/******************tab+note******************/ 
@media screen and (min-width: 1024px) and (max-width:1149px) {
.container{width:1004px}
#menu li a,#menu .current-menu-item{font-size:19px;padding:0 17px;margin:0}
}


/**********************************980px**********************************/
@media screen and (min-width: 980px) and (max-width:1023px) {
.container{width:960px}
#header address{font-size:170%}
#menu li a,#menu .current-menu-item{font-size:19px;padding:0 17px;margin:0}
}


/***************************************880px************************************/
@media screen and (min-width: 880px) and (max-width:979px) {
.container{width:860px}
#header address{font-size:130%;top:10px}
}

/*************************************800px******************************/  /*****zmena-menu*****/
@media screen and (min-width: 800px) and (max-width:879px) {
.container{width:780px}
}


/***************************768px**********************************/
@media screen and (min-width: 768px) and (max-width:799px) {
.container{width:748px}

}


/***************************************608px****************************/
@media screen and (min-width: 608px) and (max-width:767px){
.container{width:588px}
.block section h2{font-size:130%!important}
}


/*mobil*/
@media screen and (min-width: 0px) and (max-width: 607px) {
.col3 section{width:100%}
img{max-width:100%;width:100%;margin:10px 0}
#header address{display:none}
#header h2{font-size:12px}
.section section div,.section section .gal{width:100%;float:none;margin:5px 0;}
.section section .gal img {width:90%;margin:5px 0}
}

/*mobil-na-sirku*/
@media screen and (min-width: 480px) and (max-width: 607px) {
.container{width:460px}
#logoclick {width:400px!important}
}


/*mobil-na-vysku*/
@media screen and (min-width: 0px) and (max-width: 479px) {
.container{width:300px;box-sizing:border-box}
#logoclick {width:300px!important;left:0;top:10px}
#header h1 {font-size:20px;width:100%;letter-spacing:0;text-align:center;position:relative;left:0;right:0;top:0}
#header h2 {text-align:center;position:relative;left:0;right:0;top:0!important;bottom:0}
}




/*******************************************spolecne-pro-ruzna-rozliseni******************************************************/

@media screen and (min-width: 0px) and (max-width:879px) {
#header{background:none}
#motiv,.pruh,.pruh2{display:none}
#header h2{width:100%;top:150px;text-align:center}
#header h2, #header h2 i,#header h2 b{font-size:20px;color:#000}
.kontakt section {width:100%}
}

@media screen and (min-width: 0px) and (max-width:767px) {
.fright,.fleft, img.fright,img.fleft{float:none!important;margin:20px 0!important;}
table td,table th{display:block}
#logoclick {width:300px}
#header address{font-size:18px;line-height:18px;}
#header h2, #header h2 i,#header h2 b{font-size:16px;color:#000}
}



@media screen and (min-width: 0px) and (max-width:1149px) {

}

@media screen and (min-width: 0px) and (max-width:979px) {
#foot-menu section {width:100%;max-width:100%;padding:15px;display:block;border:none;border-width:0 0 1px 0;margin-left:0;margin:15px 0}
#foot-menu .logo-foot{position:absolute;right:25px;top:10px}
.block div {width:100%}

}


/*****************************************************notas-az-mobil-na-vysku*************************************************************/


/********************menu+dalsi-od-879px********************/
@media screen and (min-width: 0px) and (max-width:879px) {

#header{height:250px}

#menu{background:#f0ae1a;top:200px;height:40px}
#menu .res-nav_click{font-size:21px;width:100%;box-sizing:border-box;border:none;z-index:9999;text-decoration:none;text-align:left;padding-left:20px;top:5px}
#menu .res-nav_click i{color:#000;margin-left:10px}
#menu .res-nav_click:hover i{color:#000!important;margin-left:10px}

#menu li {display:block;margin:0;color:#000}
#menu li a, #menu .current-menu-item  {background:#f0ae1a;display:block;padding:0 20px;text-align:left;box-sizing:border-box;width:100%;border-radius:0;margin:0;height:40px;line-height:40px}
#menu .main-navi{padding-top:40px!important}
#menu .current-menu-item {background:#333;color:#fff}
#menu li a:hover{border-radius:0px}
#foot-menu section{width:100%;max-width:100%}

}


@media only screen and (min-width:880px) {
	.main-nav{display:block}
}

@media screen and (min-width: 0px) and (max-width:879px) {
	.main-nav{display:none}
	.res-nav_click{display:block;position:absolute;top:0px;left:0;}
}

@media screen and (min-width: 879px) and (max-width:2000px){.main-nav{display:block!important}
}