@import url('https://fonts.googleapis.com/css2?family=Inter:wght@100..900&display=swap');

BODY { 
background-color: #fff;
font-family: 'Inter', sans-serif;
font-size: 15px;
line-height: 150%;
margin: 0px auto 0px auto;
padding: 0px;
font-weight: 300;
color: #000 ;
}

.obalovaci { margin: 0px auto 0px auto; padding: 0px; width: 1200px; }
HR { 	height: 1px;	background-color: #ccc;	border-bottom-color: #ccc;	border: 0; margin: 0; padding: 0;}

button { font-family: 'Inter', sans-serif; padding: 17px 35px 17px 35px; COLOR: #000000;  FONT-SIZE: 14px; BACKGROUND-COLOR: #FFFFFF; CURSOR: pointer; border: 1px solid #ccc; border-radius: 4px;	transition: all 400ms ease-out;
 }
button:hover { COLOR: #FFFFFF; BACKGROUND-COLOR: #666; border: 1px solid #fff;	 }
p a:hover{	color: #000;	text-decoration:underline; }
a {	color: #000;	text-decoration:none;}
a:hover {	color: #000;	/* text-decoration:underline;	*/}

.slider h1 {font-size:50px; bottom: 88px; right: 45px; color: #fff; position: absolute; text-shadow: 2px 2px 19px #000000; text-align: right; line-height: 1.0; }
.slider h1 span {font-size:23px; color: #fff; }

h1 {		font-size: 39px;	color: #000;	font-weight: 600; line-height: 130%; text-align:left; padding-top:40px; letter-spacing: -0.02em;}
h2 {		font-size: 29px;	font-weight: 600; line-height: 120%;}
h3 {		font-size: 23px;	color: #000;	font-weight: 600;	line-height: 130%;}
h4 {		font-size: 19px;	color: #000;	font-weight: 600; }

.row{ display: inline-block; width: 100%; margin: 0px ; padding: 0px; background-color: #fff; }

.pravy { float: right; text-align: right;  }
.levy { float: left; text-align: left; }

.supermale {	font-size: 11px; color: #666; }
.red {color: #9B342C;}
.green {color: #1B6949;}
#white {color: #fff;}

.obr {
	max-width: 100%; height: auto; box-sizing: border-box;
	display: inline-block;
	border: 1px solid #ddd;	
	padding: 5px;
	margin: 10px;
	border-radius: 0px;
		-webkit-transition: all 500ms ease-out;
		-moz-transition: all 500ms ease-out;
		-o-transition: all 500ms ease-out;
		-ms-transition: all 500ms ease-out;	
		transition: all 500ms ease-out;
}
.obr:hover {	border: 1px solid #000;	border-radius: 0px;	background-color: #fff;}

/* horni pevne logo...možnost fixed */
.logo  {
width: 200px;
z-index: 999;
float:left;
padding-top:22px;
}

.mobile-menu{	display: none; }
.fixni-menu {
	width: 100%; 
	z-index: 900;
	height: 80px;
	opacity: 1.0;
	BORDER-BOTTOM: #efefef 0px solid;
}


.menu_hlavni {	
	font-size: 13px;
	text-align: right;
	padding-top: 15px;
	padding-right: 30px;
	font-weight: 400; 
	background-color: #fff;	
}

.menu_hlavni a{	
	padding-top: 15px;
	padding-bottom: 12px;
	padding-right: 25px;
	padding-left: 25px;
	color: #000;
		-webkit-transition: all 100ms ease-out;
		-moz-transition: all 100ms ease-out;
		-o-transition: all 100ms ease-out;
		-ms-transition: all 100ms ease-out;	
		transition: all 100ms ease-out;	
} 

.menu_hlavni a:hover {
	background-color: #666;
	color: #fff;
	text-decoration:none;
	opacity: 1.0;
}

/* rozjizdeci podmenu */
.dropdown { display: inline-block; padding: 0px; margin: 0px; }
.dropbtn {    display: inline-block; padding: 0px; margin: 0px;}
.dropdown-content {
    display: none;
    position: absolute;
    background-color: #fff;
    min-width: 160px;
	font-weight: 300;
    box-shadow: 0px 4px 6px 0px rgba(0,0,0,0.2);
    z-index: 999;
}
.dropdown-content a {    display: block;    text-align: left;}
.dropdown-content a:hover  {background-color: #666; }
.dropdown:hover .dropdown-content { display: block; }	
.dropdown:hover  {    background-color: #aaa; }
/* rozjizdeci podmenu konec */
	
.head-intro  {
width: 100%; 
float: left;
padding: 0px;
background-color:#fff; 
}


.blok_ctvrtina { /* produktove dlazdice */
    display: inline-table;
	float: left;
	width: 197px;
	min-height: 330px;
    padding: 20px 40px 0px 0px;
	margin:0px;
	text-align: left;	
}
.blok_ctvrtina img { /* produktove dlazdice */
   	width: 100%;
	height: auto;	
	margin:0px;  padding: 0px; border-radius: 5%;
}



.blok_tretina { 
	display: inline-table;
	float: left;
	width: 360px;
    padding: 20px 40px 0px 0px;
	margin:0px;
	text-align: left;	
}

.blok_polovina { 
	display: inline-table;
	float: left;
	width:560px;
    padding: 20px 40px 0px 0px;
	margin:0px;
	text-align: left;
}

.blok_polovina ul { margin-left: -1.0em;}
.blok_polovina li::marker {   color: #9B342C; }
.blok_polovina li {padding-bottom: 9px;}
.blok_polovina button { margin-left: 0px;   }

.blok_vetsina { 
    display: inline-table;
	float: left;
	width: 950px;
    padding: 20px 40px 0px 0px;
	margin:0px;
	text-align: left;
}

.blok_mensina{ 
    display: inline-table;
	float: left;
	width: 170px;
    padding: 20px 20px 0px 20px;
	margin: 0px;
}
.blok_mensina button{ 	margin: 2px;	cursor:default;}
.blok_mensina button:hover{ COLOR: #000; BACKGROUND-COLOR: #fff; border: 1px solid #fff;	}

.blok_full { 
	display: inline-table;
	float: left;
	width:1200px;
    padding:0px 0px 0px 0px;
	margin:0px;
	text-align: left;
}
.blok_full h1 {		line-height: 130%; padding:20px 0px 0px 0px; }

.paticka{ font-size: 11px; display: inline-block;  line-height: 120% ;  width: 100%; margin: 0px; padding: 40px 0px 40px 0px; text-align: right; background-color: #666; color: #ccc; }

/* highslide efekty */
.highslide-loading {
	display: block;
	color: black;
	font-family: sans-serif;
	text-transform: uppercase;
	text-decoration: none;
	padding: 3px;
	border: 1px solid white;
	background-color: white;
	padding-left: 22px;
	background-image: url(images/loader.white.gif);
	background-repeat: no-repeat;
	background-position: 3px 1px;
}

/* carousel animovaný */
#owl-demo {  width: 100%;  margin: 0px; font-size: 11px;  }
#owl-demo .item{  height:150px;  }
#owl-demo img{  display: block; border: solid 10px white; border-radius: 3px;}

/* lightslider animovaný */
.adaptive ul{
	list-style: none outside none;
	list-style-type: none;
	padding-left: 0;
    margin: 0;	
	padding-top: 0px;	}
.slider .item{ margin: 0px; padding: 0px;  width: 100%;   }
.slider{ margin: 0px; padding: 0px;	width: 100%; border: 0px;}
.slider img {width: 100%; }
.slider h2{display: none; }
/* donutchart google api */
#donutchart {text-align:center; float: none; width: 50%;  height: 350px; margin: 0% 25% 0% 25%; padding: 0px;}



@media screen and (max-width: 1024px) { /*ipad pro */

BODY { 
background-color: #fff;
font-size: 15px;
margin: 0px auto 0px auto;
padding: 0px;
width: 100%;
}

.obalovaci { width: 100%; }
.row{ float:left; display: block; }

.logo  {
width: 180px;
padding-top:25px;
padding-left:25px;
}

.fixni-menu {
position: fixed; top: 0; width: 100%; 
background-color: #FFF;
text-align: right; 
z-index: 900;
opacity: 1.0;
BORDER-BOTTOM: #efefef 1px solid;
}


.menu_hlavni {		font-size: 13px;	text-align: right;	padding-top: 0px; padding-right: 0px;}
.menu_hlavni a{		padding-top: 30px;	padding-bottom: 20px;	padding-right: 15px;	padding-left: 15px;	} 

.slider {padding-top:70px; }
.slider h1 {font-size:50px; bottom: 88px; right: 45px; color: #fff; position: absolute; text-shadow: 2px 2px 19px #000000; text-align: right; line-height: 1.0; }

.blok_tretina  {    display: inline-table;    width: 29%;    padding: 0% 2% 0% 2%;    margin: 0%;}
.blok_ctvrtina {   	display: inline-table;    width: 21%;    padding: 2%;    margin: 0%;}
.blok_polovina { 	display: inline-table;    width: 46%;    padding: 0% 2% 0% 2%;    margin: 0%;}
.blok_polovina h2 { margin-top: 0px;}
.blok_full 	   {    display: inline-table;    width: 96%;    padding: 0% 2% 0% 2%;    margin: 0%;}
.blok_full h1 {		line-height: 130%; padding-top:100px; }
.blok_vetsina  {    display: inline-table;    width: 75%;    padding: 2%;    margin: 0%;}
.blok_mensina  {    display: inline-table;    width: 16%;    padding: 2%;    margin: 0%;}

.paticka{ font-size: 10px; width: 96%; padding: 2%;    margin: 0%; }

#owl-demo {  margin: 0%;}
#owl-demo .item{  margin: 5%; /* text-align: center; */}

	
} 


@media screen and (max-width: 821px) { /*ipad air */

BODY { font-size: 15px;}

.row{ float:left; display: block; }

.logo  {
width: 180px;
padding-top:25px;
padding-left:25px;
}

.fixni-menu{	display: none; }
.mobile-menu {
display: block; 
width: 96%; 
padding: 2%; 
background-color: #666;
text-align: right; 
height: 33px;
}
#newpost  {background-color: #666; color:white;}


.mobile-menu  img{ height: 25px;}

.slider {padding-top:0px; }
.slider h1 {font-size:40px; bottom: 88px; right: 45px; color: #fff; position: absolute; text-shadow: 2px 2px 19px #000000; text-align: right; line-height: 1.0; }


.blok_ctvrtina {   	display: inline-table;    width: 29%;    padding: 2%;    margin: 0%;}
.blok_vetsina  {    display: inline-table;    width: 70%;    padding: 2%;    margin: 0%;}
.blok_vetsina button {    display: none;}
.blok_full h1 {		line-height: 130%; padding-top:20px; }

/* rozjizdeci podmenu */
.dropdown { display: block; padding: 0px; margin: 0px; }
.dropbtn {    display: block; padding: 0px; margin: 0px;}
.dropdown-content {
    display: none;
	padding: 0%;
	min-width: 228px;
	right:-8px;
	top:59px;
    position: absolute;	
	background-color: #666; color:white;
}

.dropdown-content a { display: block;    text-align: right; padding: 10px 25px 10px 25px; background-color: #666; color:white;}
.dropdown-content a:hover  { }
.dropdown:hover .dropdown-content { display: block; }	
.dropdown:hover  { background-color: #666;  }
/* rozjizdeci podmenu konec */
	
} 


@media screen and (max-width: 769px) { /*ipad mini */

BODY { font-size: 13px;}

.blok_ctvrtina {   	display: inline-table;    width: 29%;    padding: 2%;    margin: 0%;}
.blok_vetsina  {    display: inline-table;    width: 69%;    padding: 2%;    margin: 0%;}
.blok_vetsina button {    display: none;}

/* rozjizdeci podmenu */
.dropdown { display: block; padding: 0px; margin: 0px; }
.dropbtn {    display: block; padding: 0px; margin: 0px;}
.dropdown-content {
    display: none;
}

.dropdown-content a { display: block;    text-align: right; padding: 10px 25px 10px 25px; background-color: #666; color:white;}
.dropdown-content a:hover  { }
.dropdown:hover .dropdown-content { display: block; }	
.dropdown:hover  {  }
/* rozjizdeci podmenu konec */

/* carousel animovaný */
#owl-demo {  margin: 0%;}
#owl-demo .item{  margin: 5%; /* text-align: center; */}
#owl-demo .item img{ border: 0px solid ; }
	
} 

@media screen and (max-width: 641px) { /* mobil */

BODY { font-size: 13px;}
.head-intro  {padding-bottom: 60px;}


p{	font-size: 13px;	line-height: 133%;}
h1 {	font-size: 33px;	line-height: 100%;}
h2 {	font-size: 24px; line-height: 116%; }

.dropdown-content {	top:48px; width:100%; right:0px; z-index:999;}
.dropdown-content a { padding-right:  9px; }

.logo  { display: none; }

.blok_tretina  {    display: inline-table;    width: 96%;    padding: 2%;    margin: 0%;}
.blok_ctvrtina {   	display: inline-table;    width: 46%;    padding: 2%;    margin: 0%;}
.blok_polovina { 	display: inline-table;    width: 96%;   padding: 0% 2% 0% 2%;   margin: 0%;}
.blok_full 	   {    display: inline-table;    width: 96%;    padding: 0% 2% 0% 2%;    margin: 0%;}
.blok_full h1 {		line-height: 110%; padding-top:20px; }
.blok_vetsina  {    display: inline-table;    width: 96%;    padding: 2%;    margin: 0%;}

.blok_mensina  {    display: inline-table;  width: 96%;    padding: 2%;    margin: 0%;}

.paticka{ font-size: 10px; width: 96%;    padding: 2% 2% 8% 2%;    text-align:left; }
.paticka img { display: none; }

/* carousel animovaný */
#owl-demo {  margin: 0%;}
#owl-demo .item{  margin: 5%; /* text-align: center; */}
#owl-demo .item img{ border: 0px solid ; }

/* lightslider animovaný 
.slider img{ height:200px;    }
.slider h1{display: none; }
.slider h2{display: block; }*/

.slider { display:none;    }

}