body {
	background: url("images/bg_footer.gif");
	font-family: Roboto, sans-serif;
	font-size: .9em;
	padding: 0;
	margin: 0;
	line-height: 1.5;
}
.container {
	padding: 0 5%;
	max-width: 1000px;
	margin: 0 auto;
	position: relative;
}
.clearfix {
	clear:both;
}

a {
	text-decoration: none;
	color: #CD2121;
}
a:hover {
	text-decoration: underline;
}


header {
	background: #eceae7;
}
header .logo {
	float: left;
	margin: 1.8em 0;
}
.top_menu {
	float: right;
}
.top_menu a {
	display: inline-block;
	vertical-align: top;
	margin: 1.3em 1.6em;
	text-align: center;
	color: black !important;
	font-weight: bold;
	font-size: 1.1em;
	line-height: 1.3;
	padding-top: 60px;
	background-position: top center;
	background-repeat: no-repeat;
}
.top_menu a:hover {
	text-decoration: none;
}
.m1 { 	background-image: url("images/m1.png"); }
.m2 { 	background-image: url("images/m2.png"); }
.m3 { 	background-image: url("images/m3.png"); }
.m4 { 	background-image: url("images/m4.png"); }
.m5 { 	background-image: url("images/m5.png"); }

.m1:hover { 	background-image: url("images/m1_h.png"); }
.m2:hover { 	background-image: url("images/m2_h.png"); }
.m3:hover { 	background-image: url("images/m3_h.png"); }
.m4:hover { 	background-image: url("images/m4_h.png"); }
.m5:hover { 	background-image: url("images/m5_h.png"); }

.m1active { 	background-image: url("images/m1_h.png"); }
.m2active { 	background-image: url("images/m2_h.png"); }
.m3active { 	background-image: url("images/m3_h.png"); }
.m4active { 	background-image: url("images/m4_h.png"); }
.m5active { 	background-image: url("images/m5_h.png"); }











.main {
	background: url("images/bg_main.gif");
	padding: 3em 0;
}

.home_intro {
	border-top: 10px solid rgba(255, 255, 255, 0.4);
	background: white url("images/bg_intro.jpg") left bottom repeat-x;
	padding: 2.6em 0;
	min-height: 300px;
	
}
.home_intro article,
.home_intro img {
	display: inline-block;
	vertical-align: middle;
}
.home_intro .main_photo {
	width: 55%;
}
.home_intro article {
	width: 43%;
}
.home_intro strong {
	color: #cd2121;
	font-size: 1.3em;
}


.sekce_intro {
	border-top: 10px solid rgba(255, 255, 255, 0.4);
	background: white url("images/bg_intro.jpg") left bottom repeat-x;
	padding: 2.6em 0;
	min-height: 300px;
}
.sekce_intro article,
.sekce_intro .main_photo {
	display: inline-block;
	vertical-align: top;
}
.sekce_intro article {
	font-size: 1.1em;
	width: 45%;
	margin-right: 3%;
	font-weight: 300;
}
.sekce_intro .main_photo {
	width: 50%;
}
h1 {
	font-size: 1em;
	margin-bottom: 2em;
}
h1 img {
	margin-right: .5em;
	display: inline-block;
	vertical-align: middle;
	max-width: 110px;
	width: 25%;
	height: auto;
}
h1 span.title {
	display: inline-block;
	vertical-align: middle;
	font-size: 1.8em;
	position: relative;
}

h2	{
	border-bottom: 1px solid #666;
}

.sekce_bar h2 {
	border-bottom: 0;
}

.home_bar {
	border-top: 10px solid rgba(255, 255, 255, 0.4);
	background: rgba(0, 0, 0, 0.2);
	padding: 2.6em 0;
	border-bottom: 10px solid rgba(255, 255, 255, 0.3);
}
.home_bar .button {
	display: block;
	width: 30%;
	margin-right: 3%;
	float: left;
	text-transform: uppercase;
	font-size: 1.3em;
	line-height: 1.3;
}
.home_bar a.button:hover {
	text-decoration: none;
}
.home_bar .button img, 
.home_bar .button span  {
	display: inline-block;
	vertical-align: middle;
}
.home_bar .button img {
	margin-right: 1em;
}
.home_bar .button span {
	font-weight: bold;
	color: white;
	margin: 1em 0;
}



.sekce_bar_top {
	background: url("images/bg_trvanlive_top.gif");
	height: 8px;
}
.sekce_bar {
	background: url("images/bg_trvanlive.gif");
	padding: .7em 0;
	text-align: center;
	color: white;
}




.znacka_bar_top {
	background: url("images/bg_trvanlive_top.gif");
	height: 8px;
}
.znacka_bar {
	background: url("images/bg_trvanlive.gif");
	padding: 2.5em 0 1em 0;
	color: white;
	font-weight: 700;
	font-size: 1.1em;
	border-bottom: 3px solid white;
	position: relative;
}
.znacka_bar a {
	color: white !important;
}
.znacka_intro {
	background: white url("images/bg_znacka.jpg") left top repeat-x;
	padding: 2.6em 0;
	min-height: 100px;
}
.znacka_intro article {
	padding-left: 130px;
	font-size: 1.1em;
	width: 45%;
	margin-right: 3%;
	font-weight: 300;
}
.logo_znacka {
	float: right;
	max-width: 321px;
	width: 35%;
}
.breadcrumb {
	position: relative;
	padding-left: 130px;	
}
.ikona_sekce {
	background: url("images/ico_trvanlive_neg.png") left top no-repeat;
	width: 110px;
	height: 110px;
	position: absolute;
	top: -15px;
	left: 0;
}




.sekce_znacky {
	background: url("images/bg_main.gif");
	padding: 4em 0;
	text-align: center;
}
.znacka {
	background: url("images/product.png") top center no-repeat;
	text-decoration: none;
	text-align: center;
	display: inline-block;
	vertical-align: middle;
	width: 231px;
	height: 231px;
	margin-right: 1em;
	margin-bottom: 1em;
}
.znacka:hover {
	text-decoration: none;
	background: url("images/product_hover.png") top center no-repeat;
}
.znacka .logo {
	height: 135px;
	display: block;
}
.znacka .nazev {
	font-weight: bold;
	display: block;
	font-size: 1.1em;
}
.znacka .popis {
	color: black;
	display: block;
	font-size: .9em;
}







.sekce_produkty {
	background: url("images/bg_main.gif");
	padding: 4em 0;
	text-align: left;
}
.product {
	float: left;
	width: 230px;
	margin-right: 20px;
	margin-bottom: 1em;
}
.product img {
	float: left;
}
.product .text {
	float: left;
	width: 108px;
	padding-top: 80px;
	line-height: 1.3;
}
.product .nazev {
	font-weight: bold;
	font-size: 1.1em;
	margin-bottom: .8em;
}
.product .popis {
	font-size: .9em;
}

















.nahoru {
	text-align: center;
	margin: 2em 0;
}
.nahoru a {
	padding: .3em 1em;
	-webkit-border-radius: 2px 2px 2px 2px;
	border-radius: 2px 2px 2px 2px;
	color: white;
	background: #CD2121;
}
.nahoru a:hover {
	text-decoration: none;
}

footer {
	padding: 4em 0;
}
footer, footer a {
	color: white !important;
}
.footer_menu {
	color: #928c80;
	padding-bottom: 2em;
}
.footer_menu a {
	font-weight: bold;
	color: white;
	white-space: nowrap;
}
.footer_copy {
	font-size: .9em;
}

.trvanlive a {
	color: #E39600;
}
.trvanlive h1,
.trvanlive .znacka .nazev {
	color: #e39600;
}
.trvanlive .nahoru a {
	background-color: #e39600;
	color: white;
}

.chlazene a {
	color: #CD2121;
}
.chlazene h1,
.chlazene .product .nazev {
	color: #CD2121;
}
.chlazene .nahoru a {
	background-color: #CD2121;
}
.chlazene span.pripravujeme {
	font-size: 0.6em;
	position: absolute;
	bottom: -1.5em;
	left: 0;
	color: #000;
	font-weight: normal;
}
.chlazene .sekce_bar_top {
	background: url("images/bg_chlazene_top.gif");
}
.chlazene .sekce_bar {
	background: url("images/bg_chlazene.gif");
}

.mrazene a {
	color: #019DBE;
}
.mrazene h1,
.mrazene .znacka .nazev {
	color: #019dbe;
}
.mrazene .nahoru a {
	background-color: #019dbe;
	color: #fff;
}
.mrazene span.pripravujeme {
	font-size: 0.6em;
	position: absolute;
	bottom: -1.5em;
	left: 0;
	color: #000;
	font-weight: normal;
}
.mrazene .sekce_bar_top {
	background: url("images/bg_mrazene_top.gif");
}
.mrazene .sekce_bar {
	background: url("images/bg_mrazene.gif");
}

.mrazene .znacka_bar_top {
	background: url("images/bg_mrazene_top.gif");
}
.mrazene .znacka_bar {
	background: url("images/bg_mrazene.gif");
}

.mrazene .ikona_sekce {
	background: url("images/ico_mrazene_neg.png") left top no-repeat;





@media only screen and (max-width:1000px){ 
	.top_menu a {
		margin: 1.3em .9em;
		font-size: 1.08em;
	}
	h1 span {
		font-size: 1.6em;
	}
	h1 img {
		bwidht: 80px;
		bheight: auto;
	}
}
@media only screen and (max-width:850px){ 
	.top_menu {
		float: none;
		clear: both;
	}
	.top_menu a {
		background-size: auto 34px;
		font-size: 1em;
		padding-top: 45px;
		margin: 0 1.4em 1.3em 0;
	}
	.sekce_intro article,
	.sekce_intro .main_photo,
  .home_intro article,
	.home_intro .main_photo {
		display: block;
		width: 100%;
	}	
	.sekce_intro .main_photo,
  .home_intro .main_photo {
		max-width: 500px;
		height: auto;
		margin-top: 2em;
	}
	.logo_znacka {
		float: none;
		display: block;
		margin-bottom: 1.5em;
		padding-left: 130px;
	}
	.znacka_intro article {
		width: auto;
	}
}