/* becrea */

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

#obsah, #bannerr, #menus, #top, #dol, #dole{
width:99%}

#ramec{
    margin: 0 auto 10px;
	float:none
	}

.tienik{display:none}

#loga{
float:none;
margin: 40px auto 0;}

.textloga{
float:none;
width:90%;
margin: 0 auto}

.nazov{
font-size:15px;
margin-top:10px;
    width: 100px;}

#kontaktika{
width:98%;
margin-bottom:25px}

#ramecc{
width: 245px;
margin:10px auto;
float:none}

}

@media screen and (min-width: 563px) and (max-width: 749px) {

#obsah, #bannerr, #menus, #top, #dol, #dole{
width:99%}

#ramec{
    margin: 0 5% 10px;
	}

.tienik{display:none}

.nazov{
font-size:20px;
margin-top:10px}

#kontaktika{
width:98%;
margin-bottom:25px}

#ramecc{
width: 245px;
margin:10px auto;
float:none}

}

@media screen and (min-width: 750px) and (max-width: 915px) {

#obsah, #bannerr, #menus, #top, #dol, #dole{
width:99%}

#ramec{
    margin: 0 10% 10px;
	}

.tienik{display:none}

}


@media screen and (min-width: 916px) and (max-width: 1005px) {

#obsah, #bannerr, #menus, #top, #dol, #dole{
width:99%}

#ramec, .tienik{
    margin: 0 2px;
	}

}


@media screen and (min-width: 1006px) and (max-width: 1175px) {

#ramec, .tienik{
    margin: 0 2px;
	}

}