@charset "UTF-8";
/* CSS Document */

body { background-image: url("images/background_odpovednost_240.jpg"), url("images/grey_350.png"); }
.modra  { background-color: #4484c4; }
.zelena { background-color: #64BC9C; }
.panel  { 
	width:280px;
	color:#FFF;
	padding: 0px 20px;
	padding-bottom: 100%;
    margin-bottom: -100%;
}

@media only screen and (min-width: 640px) {
/* For landscape mobile: */
body { background-image: url("images/background_odpovednost_280.jpg"), url("images/grey_700.png"); }
.panel  { width:278px; } 
}

@media only screen and (min-width: 1000px) {
/* For tablets: */
body { background-image: url("images/background_odpovednost_300.jpg"), url("images/grey_1100.png"); }
.panel  { width:398px; } 
}

@media only screen and (min-width: 1400px) {
/* For desktop: */
body { background-image: url("images/background_odpovednost_500.jpg"), url("images/grey_1540.png"); }
.panel  { width:578px; } 

}