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

body { background-image: url("images/background_index_240.jpg"), url("images/grey_350.png"); }
.spojuje_nas { height: 35px; }
.index_popis {
	background-color: #FFF;
	text-align: left;
	padding: 1px 20px 5px 20px;
	margin:65px auto 0px auto; 
}
.index_width { margin-top:30px; }
.pict_menu_width { width: 320px; }
.pict_space { width: 30px; height: 30px; }
.pict_text  { 
	margin: 10px 0px 0px 0px;
	padding: 5px 20px 7px 20px;
	font-size: 24px;
	font-weight: 700;
	color: #FFF;
	text-align: left;
}
.pict_text_left   { left: -8px; text-align: left; }
.pict_text_right  { right: -8px; text-align: left; }
.pict_text_top    { top: 10px; }
.pict_text_bottom { bottom: 30px; }
.vv_spc1, .vv_space3, .vv_space5 { padding:0px 4px 0px 0px; }
.vv_space2, .vv_space4 { width: 0px; }
.vv_spc1, .vv_spc3,  .vv_spc5 { padding:0px 2px 0px 8px; }
.vv_spc2, .vv_spc4, .vv_spc6 { width: padding:0px 0px 0px 2px; }
 { width: padding:0px 0px 0px 0px; }
.m_video {
	position:fixed;
	left: 0px;
	right: 0px;
	bottom: 0px;
	top: 0px;
	background-color: #000;
	display: none;
}
video { position: absolute; margin: auto; top: 0; left: 0; bottom: 0; right: 0;}

@media only screen and (min-width: 640px) {
/* For landscape mobile: */
body { background-image: url("images/background_index_280.jpg"), url("images/grey_700.png"); }
.spojuje_nas { height: 45px; }
.index_popis { margin: 155px auto 0px auto; width: 600px; }
.index_width { width: 640px;}
.pict_space { width: 60px; height: 60px; }
.pict_menu_width { width: 640px; }
.pict_text  { font-size: 28px; }
.vv_spc1, .vv_spc2, .vv_spc4, .vv_spc5 { padding:0px 5px 0px 0px; }
.vv_spc3, .vv_spc6 { padding:0px 0px 0px 0px; }
}

@media only screen and (min-width: 1000px) {
/* For tablets: */
body { background-image: url("images/background_index_300.jpg"), url("images/grey_1100.png"); }
.spojuje_nas { height: 70px; }
.index_popis { margin: 150px auto 0px auto; width: 880px; }
.index_width { width: 920px;}
.pict_space { width: 60px; height: 60px; }
.pict_menu_width { width: auto; }
.pict_text  { font-size: 28px; }
.vv_spc1, .vv_spc2, .vv_spc3, .vv_spc4, .vv_spc5 { padding:0px 4px 0px 0px; }
.vv_spc6 { width: padding:0px 0px 0px 0px; }
}

@media only screen and (min-width: 1400px) {
/* For desktop: */
body { background-image: url("images/background_index_500.jpg"), url("images/grey_1540.png"); }
.spojuje_nas { height: 100px; }
.index_popis { margin: 320px auto 0px auto; width: 1240px; }
.index_width { width: 1280px; }
.pict_space { width: 80px; height: 80px; }
.pict_menu_width { width: auto; }
.pict_text  { font-size: 32px; }
.vv_spc1, .vv_spc2, .vv_spc3, .vv_spc4, .vv_spc5 { padding:0px 4px 0px 0px; }
.vv_spc6 { width: padding:0px 0px 0px 0px; }
}