@font-face {
  font-family: calibri, 'Open Sans';
  src: url('calibri.ttf');
}


/* ===== Standard 1440px ===== */

@media only screen and (width: 1440px) {

#page {
	max-width: 95%;
	margin: 0 auto 0 auto;
    }

    /* Page settings */
    body,
	html {
        width: 85%;
    }
}

/* ===== Standard 1280px ===== */

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

}


/* ===== For only Hamri Web systems 1180px ===== */

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

.fullframe-img {
	width: 100%;
	height: auto;
	display: block;
	vertical-align: top;
	margin: 0 10px 0 0;
	border: 0px, solid, orange;                                        /*help*/
}

.fullframe-text {
	width: 100%;
	height: auto;
	display: block;
	vertical-align: top;
	border: 0px, solid, red;                                         /*help*/
}



}


/* ===== Standard 1024px ===== */

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

ul.simplelist span.simplelist2 {
	display: block; 
	float: left;
	width: 20%; 
	height: auto;
	margin: 0 auto;
	padding: 1% 0px 1% 0px;
	border: 0px solid green;											/*help*/
}

ul.simplelist span.simplelist2 img {
	border-radius: 2px;
	width: 99%;
	height: auto;
}

ul.simplelist span.simplelist3 {
	display: block; 
	float: left; 
	width: 78%;
    font-size: 105%;
	font-weight: bold; 
	margin: 1% 0px 3% 2%; 
	border: 0px solid purple;											/*help*/

}

.box-item div {
    font-size: 110%;
}

.mainlist {
	margin: 2% 0 6% 0;
}

.mainlist-novinka-image {
	width: 100%;
	height: auto;
	display: block;
	margin: 0 10px 0 0;
	border: 0px, solid, blue;                                         /*help*/
}

.mainlist-novinka-text-and-date {
	width: 100%;
	height: auto;
	display: block;
	margin: 0 10px 0 0;
	border: 0px, solid, green;                                         /*help*/
}


}



/* ===== Standard 768px ===== */

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

.section-main {
	width: 96%;
	padding: 0 2% 0 2%;
	margin: 0 auto;
	min-height: 50px;
	border: 0px solid yellow;											/*help*/
}

.section-right {
	width: 96%;	
	margin: 0 auto;
	padding: 0 2% 0 2%;
	font-size: 105%;
	color: #535353;
	line-height: 24px;
}

.section-left {
	width: 96%;
	margin: 0 auto;
	padding: 0 2% 0 2%;
	font-size: 105%;
	line-height: 24px;
	border: 0px solid yellow;	
}

#header-logo
{	width: 80%;
	height: auto;
	margin: 0px auto;
    display: block;
	border: 0px, solid, red;											/*help*/
}

#header-search {	
    display: none;
}

.right-image img {
	width: 100%; 
	height: auto;
	clear: both; 
}

}


/* ===== Standard 480px ===== */

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

}

/* ===== Standard 400px ===== */

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

}