/* styl DVI v.2 */
	
#SectionAlfa
{
  width: 100%;
  text-align: left;
  padding: 0px 20px 20px 20px;
  BORDER: #ccc 1px solid;
}

#SectionBeta
{
  width: 100%;
  text-align: left;
  padding: 0px 20px 20px 20px;
  BORDER: #ccc 1px solid;
}

#SectionGama
{
  width: 100%;
  text-align: left;
  padding: 0px 20px 20px 20px;
  BORDER: #ccc 1px solid;
}
	
#SectionEval
{
  width: 100%;
  text-align: left;
  padding: 0px 20px 20px 20px;
  BORDER: #ccc 1px solid;
}



BODY { 
background-color: #EAEFF0;
/* background-image: url("images/back_gray2.gif"); 
background-attachment: scroll;
background-repeat: repeat-x; */
font-family: 'Source Sans Pro', sans-serif;
font-size: 13px;
margin: 0px auto 0px auto;
padding: 0px;
width: 100%; 
/* line-height: 110%;*/
color: #000 ;
}

table  { border:0px; margin: 0px; padding:5px; border-spacing: 0px;}

HR { height: 1px; 	background-color: #111; 	border-bottom-color: #111; border:0px;	 }

.obalovaci { margin: 0px auto 0px auto; position: relative; width:100%; max-width: 1280px; }
.tabulka tr:hover { BACKGROUND-COLOR: #dee3e4; border:0px;}


button { 
padding: 14px 35px 21px 35px; MARGIN: 0px;  COLOR: #fff;  FONT-SIZE: 25px; FONT-WEIGHT: 300; BACKGROUND-COLOR: #46505A; CURSOR: pointer; BORDER: #ccc 1px solid;  font-family: 'Source Sans Pro', sans-serif;  border-radius: 0px; /*margin: 40px; */}
button:hover { COLOR: #FFF; BACKGROUND-COLOR: #F37222;  }

.mini { 
padding: 5px 21px 5px 21px; MARGIN: 0px;  COLOR: #fff;  FONT-SIZE: 13px; FONT-WEIGHT: 300; BACKGROUND-COLOR: #46505A; CURSOR: pointer; BORDER: #ccc 1px solid;  font-family: 'Source Sans Pro', sans-serif;  border-radius: 0px; margin: 40px;}
.mini:hover { COLOR: #FFF; BACKGROUND-COLOR: #F37222;  }

p{	line-height: 133%;}
p a:hover{	color: #F37222;	text-decoration:underline;}
a {	color: #000;	text-decoration:none;}
a:hover {	color: #000;	/* text-decoration:underline;	*/}
.right { float: right;  }
.left { float: left;  }

input, select {	font-size: 15px;	line-height: 133%; padding: 5px 10px 5px 10px; margin-right: 10px; display: inline-table; }

.flat, .pracovni {	font-size: 15px;  border: #ccc 0px solid; BACKGROUND-COLOR: transparent; color: #ccc; margin: 0px; padding: 0px;}


h1 {		font-size: 43px;	color: #F37222;	font-weight: 900;	font-family: 'Source Sans Pro', sans-serif;	line-height: 100%;	letter-spacing: -0.03em;}

h2 {		font-size: 32px;	color: #46505A;	font-weight: 900;	font-family: 'Source Sans Pro', sans-serif;	line-height: 116%;	letter-spacing: -0.03em; }

h3 {		font-size: 22px;	color: #000;	font-weight: 900;	font-family: 'Source Sans Pro', sans-serif;	line-height: 116%;	letter-spacing: -0.05em; }

h4 {		color: #000;	font-weight: bold;	line-height: 116%;}
.supermale {	font-size: 11px;  }

.row{ display: inline-table; width: 100%; margin: 0px; padding: 5px 0px 20px 0px; text-align: left; background-color: transparent; }
.spacer {display: inline-table;  width: 92%; padding: 4%; margin: 0px; background-color: transparent; text-align: left;}


/* horni pevne logo...možnost fixed */
.logo  {position: fixed;left: 20px;top: 0px;background-image: url("images/logo-bile.png"); width: 209px;height: 120px;z-index: 999;}


.spacer li {		
	display: inline-block;
	padding: 10px 10px 10px 10px;	
	margin-left: 19px;
	float: left;
	text-align: left;
	font-weight: 300;
}



.paticka{ 
font-size: 11px; display: inline-table; width: 100%; margin: 0px auto 0px auto; padding: 40px 0px 40px 0px; text-align: left; background-color: #46505A; color: #fff; bottom: 0px; position: relative;
}

.paticka li {
    display: inline-table;
	max-width: 320px;
    padding: 0px 50px 50px 0px;
	margin: 0px;
	border: 0px solid #f7f7f7;
	border-radius: 0px;
}

.paticka ul {
    display: inline-table;
    padding: 0px;
	margin: 0px 40px 0px 0px;
	border-right: 0px solid #ccc;
}

.paticka_logo {
    display: inline-block;
    float: right;
	padding: 30px 0px 30px 30px;
	margin: 0px 0px 0px 0px;
	border-left: 1px solid #ccc;
}

.blok_ctvrtina {
    /* display: inline-block; */
	float: left;
	width: 21%;
    padding: 2%;
	margin: 0%;	
	color: #000;	
	text-align: center;
	border: 0px solid #f7f7f7;
}




.blok_tretina { 
	line-height: 133%;  
	float: left;
	width: 29.3%;
    padding: 2%;
	margin: 0%;	
	/*min-height: 250px;*/
	text-align: center;
	/*background-color:#78BCE1*/;
}



.blok_polovina { 
	line-height: 133%;  
	float: left;
	width: 46%;
    padding: 0%;
	margin: 2%;	
	text-align: left;
}

.blok_polovina li { 
	list-style-image: url('images/red.gif');
	padding-bottom: 7px;
}




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

BODY { 
margin: 0px auto 0px auto;
padding: 0px;
width: auto;
line-height: 110%;
}


p{	font-size: 16px;	}
h1 {		font-size: 42px;	}
h2 {		font-size: 31px;	}
h3 {		font-size: 21px;	 }
h4 {		font-size: 19px;}


.row{ float: none; width: 90%; padding: 5%;  margin: 0px; text-align: center; }
.spacer { float: none; display: inline-block; margin: 0 auto 0 auto; text-align: center; }

.blok_mensina {	display: inline-table;    width: 39%;  text-align: left;}
.blok_vetsina {	display: inline-table;    width: 60%;  text-align: left;}
	
.head  { width: 100%; float: left; padding: 0px 0px 0px 0px; }

.paticka{ display: inline-table; width: 90%; margin: 0px; padding: 5%;   bottom: 0px; }


}

@media screen and (max-width: 890px) {
.row{ width: 90%; padding: 5% 5% 5% 5%; margin: 0%; text-align: left;  }


.blok_vetsina { display: block; width: 100%; margin: 0%; text-align: left;}
.blok_mensina { display: block; width: 100%; margin: 15% 0% 6% 0%; text-align: left;}
.paticka_logo { display: none; }

.paticka{ position: relative;}
}

@media screen and (max-width: 490px) {
BODY { margin: 0px; padding: 0px; width: 100%; text-align: center;  }

.obalovaci {margin: 0px; padding: 0px; position: relative; width:100%; max-width: 490px; }
.row{display: block; width: 90%; padding: 5%; margin: 0%; text-align: left;  }
.spacer {float: none; display: block; width: 90%; padding: 5%; margin: 0px; background-color: #fff; text-align: left;}

.blok_tretina { 	display: block;	width: 100%;    padding: 0px;	margin: 0%;	}
.blok_ctvrtina {    display: block;	width: 100%;	padding: 0px;	margin: 0%;	}
.blok_polovina {    display: block;	width: 100%;	padding: 0px;	margin: 0%;	}

img {  max-width: 100%;   box-sizing: border-box; }


.paticka{ font-size: 12px; float:none;  width: 80%; margin: 0px; padding: 10%;   bottom: 0px; border-top: 0px solid #ccc; text-align: center; }
.paticka ul {    float:none;    padding: 0px;	margin: auto;	border-right: 0px solid #ccc;}
.paticka li {    float:none;	width: 100%;    padding: 0px 0px 20px 0px ;	margin: 0px;}


}