body {
  	position:relative;
	margin: 0;
	padding: 0px;
	font-family: 'Open Sans', sans-serif; 
	font-size: 15px;
	color:#4d4d4e;
  	font-weight:400;
  	background:;
  	background-size: cover;
	line-height:25px;

}

html, div, span, applet, object, iframe, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	box-sizing: border-box;
	margin: 0;
	padding: 0;
  	font-weight:100;
	border: 0;
	outline: 0;

	font-size: 100%;
	list-style: none;
	vertical-align: baseline;
	background: transparent;
  	position:relative;
}



a {
	color: #4d4d4e;
	text-decoration: none;
}

a:hover {
	color: #4d4d4e;
	text-decoration: none;
}

h3 {
	text-align:center;
	font-weight:400;
}

h2 {
	font-weight:400;
	font-size: 25px;
	line-height: 30px;
	padding:20px;
	margin: 0;
}

p { 
	padding: 0px 20px;
	margin: 0 0 5px;
	font-weight: 100;
}

#celek {
    width:100%;
	min-height: 500px;
}

	#logo {
		padding:3%;
		width: 100%;
	}

#logoobrazek {
	width:100%;
	max-width:533px;
	margin:auto;
	display:block;
}

    #jedna {
        width: 100%;
    }
    
#levy {
    width:100%;
	text-align:center;
	vertical-align: middle;
}


#levy img {
	display:inline-block;
	
	width:100%;
	max-width:500px;
	margin:auto;
}

#pravy {
   
	width:100%;
}

    .ordhodiny {
        background:#4d4d4e;
        color:#ffffff;
    }

    .ordhodiny * {
        color:#ffffff;
    }

    .novinky {
    	background:#94d600;
    }

#hodinyobrazek {
	width:100%;
	max-width:491px;
	margin:auto;
	display:none;
}

#hodinyobrazekmini {
	width:100%;
	max-width:345px;
	margin:auto;
	display:block;
}

    
    .medailonek1 {
        background:#ee4800;
		color:#ffffff;
    }

    .medailonek1 .mdl-card__title {
    	background: url('http://vet.greentek.cz/images/seznamka3.jpg') center / cover;
    	height: 150px; 
    }

    .medailonek1 * {
		color:#ffffff;
    }




    .medailonek2 {
        background:#3ea1e8;
		color:#ffffff;
    }

    .medailonek2 .mdl-card__title {
    	background: url('http://vet.greentek.cz/images/seznamka2.jpg') center / cover;
    	height: 150px; 
    }

    .medailonek2 * {
		color:#ffffff;
    }


#logokontakt {display:none}
#patickakontakt p {text-align:center;}

#tablettelefon {
	float:right;
	width:140px;
	text-align:right;
	font-size:20px;
	padding:10px 10px;
}

#telefonmenu {
	float:left;
	width:100px;
	font-size:20px;
	padding:10px 10px;
}

.cistic { clear:both; }

.delicilinka {
	width: 60px; 
	border:0px; 
	height:2px; 
	margin:50px;
	margin:50px auto;
	background:#94d600;
}

#menu a {
	padding: 20px;
    color: #333333;
    font-size: 20px;
    display: inline-block;
}

#menu {
	border-bottom:1px solid #333333;
	overflow:hidden;
	text-align: center;
	max-height:1000px;
	transition:0.5s;
}

#menu.skryte {
	max-height:0px;
}



table.mdl-data-table {
	font-size: 14px;
	background-color: transparent;
	margin: auto;
	border: none;
}

.mdl-data-table tbody tr:hover {
	background: transparent;
}

.mdl-data-table td {
	border: none;
}

.mdl-data-table td .mdl-button{
    width: 100%;
}


.mdl-card img {
	height: auto;
}


@media (min-width: 500px) {
    #medailonek1 {
        float:left;
        width:50%;
    }
    
	#hodinyobrazek {
		display:block;
	}

	#hodinyobrazekmini {
		display:none;
	}
	
    #medailonek2 {
        float:left;
        width:50%;
    }
    
#menu.skryte {
	max-height:1000px;
}
	
	#telefonmenu {display:none;}
	
	#logokontakt p {text-align:center;}
	
	
}

@media (min-width: 980px) {
    #levy {
        float:left;
        width:50%;
    }
    
    #menu {
        display:none;
    }
    
    #pravy {
        float:right;
        width:50%;
    }
	
	#patickakontakt, #tablettelefon {display:none;}
	
	#logokontakt {display:block;}

}

@media (min-width: 1590px) {
    
    #jedna {
        width: 61.8%;
        float:right;
    }
    
    #logo {
        width: 38.2%;
        float: left;   
    }
    
}