@charset "utf-8";
@import url("https://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,700italic,400,300,700&subset=latin,latin-ext");

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, , tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;}
body {line-height: 1;}
/* ol, ul {list-style: none;} */
blockquote, q {	quotes: none;}
blockquote:before, blockquote:after,
q:before, q:after {	content: '';content: none;}
table {border-collapse: collapse;border-spacing: 0;}

/* ---------- CSS reset end ---------- */

body {width: 100%;margin:0; background:#777; font-family: Arial, 'Open Sans', sans-serif, Helvetica, sans-serif;font-size:16px; font-weight:400;padding:0; }
.wrapper { width:100%; height:auto; overflow:hidden; background:#FFF;}
.row {/* - základný horizontálny blok - */
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  margin-top: 0;
  margin-bottom: 0;
    overflow: hidden;
  *zoom: 1; }
  .row:before, .row:after {
    content: " ";
    display: table; }
  .row:after {clear: both;}

.row :nth-last-child(1) {border-right:none}

.left{float:left}
.right{float:right}
.center { text-align:center;}

.header{width:100%;height: 60px; background:#fff;overflow:visible;}

.header .cartloginbox {width:20%;height:60px; background:#999;padding:0;font-size: 26px;font-weight:200;overflow:hidden; float:right; text-align:center; line-height:60px;  }
.header .cartloginbox  span { color: #154788; font-family: FontAwesome; font-size: 28px; text-rendering: auto;-webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; margin:-2px .4em 0 .4em}
.header .cartloginbox  span:before {content: "\f2a0";}
.header .cartloginbox a {color:#fff; text-decoration:none; margin:14px 0;}
.header .cartbox {display: block;width: 70%; padding-left:5%;overflow: hidden;}
.header .cartbox:hover, .rightcol .header .login:hover{background-color: #898888}
.header .cartbox #suma{font-size:1.25em;color:red;display:inline-block;height:60px;line-height:60px;letter-spacing:-.05em; margin-right:8px;float:right;}
.header .cartbox #suma:after{content: " €"; font-size:.7em;color:#fff;font-weight: 300;margin-left:5px}
.header .cartbox .cart{width: 42px;height:60px;background: url(../images/ico-cart.png) center center no-repeat;position: relative;margin-right: 5px;}
.header .cartbox .cart #pp{width: 20px;height:15px;background: red;position: absolute;top:8px;right:0;
	border-radius:20px;-webkit-border-radius:20px;-moz-border-radius:20px;font-size:0.45em;font-weight: 400;color:#fff;text-align: center;padding-top:5px}
.header .login{width:25%;height:60px;background: url(../images/ico_login.png) center center no-repeat;display: block;margin-right:0px}

.header .logo img { width:42px; margin:4px 0 0 8px; height:auto; float:left;}
.header .logo h1, .header .logo h2 { font-size:15pt; line-height:1.15; width:auto; margin:7px 12px; float:left; }

.header .logo {color:#154788} /* 006699 */

.leftcol {width:80%;height:auto;overflow:hidden;float:left;}

.header .menu {width: auto;height: 60px;overflow: hidden; float:right;}
.header .menu a {width: auto;height:auto;	display:block;	float:left;	padding:22px 0 4px 0; margin:0 10px; color:#ff6600;text-decoration: none;cursor:pointer; 
	text-align:center;	font-size:16px;	line-height:1.1;	
	-webkit-transition: all 0.5s ease;    -moz-transition: all 0.5s ease;    -o-transition: all 0.5s ease;    -ms-transition: all 0.5s ease;    transition: all 0.5s ease;}
.menu a.r2 {line-height:18px; }
.menu a:hover { border-bottom:1px solid #ff6600;}
.menu a.active{ border-bottom:2px solid #ff6600;}
.header .menu a:last-child{ margin-right:20px;}

#slider {width:100%;height: 460px;background:#ccc; margin-top:0px;position: relative;overflow:hidden;}
#slider.slide-one{background: url(../images/slide-01.jpg) center center;background-size:cover }
#slider h2 {font-size:4em;display: block;font-weight: 300;color:#fff;position: absolute; bottom:50px;left:60px;margin:0;background:rgba(0,0,0,0.3);padding:10px 30px;}

#slider .slider-arrow{width:60px;height:80px;display:block;background: yellow;
	-webkit-transition: all 0.5s ease;
		-moz-transition: all 0.5s ease;
		-o-transition: all 0.5s ease;
		-ms-transition: all 0.5s ease;
		transition: all 0.5s ease;}

#slider .slider-arrow.previous{background: rgba(218,63,12,0.5) url(../images/arrow-big-white-reverse.png) center center no-repeat; 
	position: absolute;bottom:40px;right:90px;}

#slider .slider-arrow.next{background: rgba(218,63,12,0.5) url(../images/arrow-big-white.png) center center no-repeat; 
	position: absolute;bottom:40px;right:15px;}

#slider .slider-arrow.previous:hover, #slider .slider-arrow.next:hover{background-color:rgba(218,63,12,1)}

#pager {position:absolute;left:40px;bottom:20px;width:auto;height:16px; z-index:10;}
.btn-title-carousel-pager{width:16px;height:16px;background:url(../images/btn_title-carousel-pager.png) top center no-repeat;float:left;display:block}
.btn-title-carousel-pager:hover{background-position:bottom center}


#slider ul {	margin: 0;	padding: 0;	list-style: none;	display: block;width: auto;	height: auto; overflow:hidden;}
#slider li { width: 1150px;	height: 460px; overflow:hidden;	padding: 0;	display: block;	float: left; background-position:center center;background-size:cover;}
#slider.responsive {	width: auto; margin-left: 0;}
	
#slider li a { text-decoration:none; font-size:3em;display: block; width:auto; height:auto; overflow:hidden; float:left;font-weight: 300;color:#fff; list-style:none;
position:relative;margin:355px 0 0 40px;background:rgba(0,0,0,0.3);padding:10px 30px;}
 
#slider li.a {background: url(../images/slide-01.jpg) center center;background-size:cover ;}
#slider li.b {background: url(../images/slide-02.jpg) center center;background-size:cover ;}
#slider li.c {background: url(../images/slide-03.jpg) center center;background-size:cover ;}
#slider li.d {background: url(../images/slide-04.jpg) center center;background-size:cover ;}
#slider li.e {background: url(../images/slide-05.jpg) center center;background-size:cover ;}
#slider li.f {background: url(../images/slide-06.jpg) center center;background-size:cover ;}
#slider li.g {background: url(../images/slide-07.jpg) center center;background-size:cover ;}
#slider li.h {background: url(../images/slide-08.jpg) center center;background-size:cover ;}
#slider li.i {background: url(../images/slide-09.jpg) center center;background-size:cover ;}
#slider li.j {background: url(../images/slide-10.jpg) center center;background-size:cover ;}
#slider li.k {background: url(../images/slide-11.jpg) center center;background-size:cover ;}
#slider li.l {background: url(../images/slide-12.jpg) center center;background-size:cover ;}
#slider li.m {background: url(../images/slide-14.jpg) center center;background-size:cover ;}

#prev, #next { z-index:103; cursor:pointer;}


.pages-header {width:100%;height: 300px;background:#ccc; margin-top:0px;position: relative;background-size: cover}
.pages-header h1{font-size:4em;display: block;font-weight: 300;color:#fff;position: absolute;left:30px;bottom:20px;margin:0;
text-shadow: 1px 1px 0px rgba(0, 0, 0, 1), 2px 2px 0px rgba(0, 0, 0, 1);}

.pages-header.a{background-image: url(../images/pages-header_01.jpg);}
.pages-header.b{background-image: url(../images/pages-header_02.jpg);}
.pages-header.c{background-image: url(../images/pages-header_03.jpg);}
.pages-header.e{background-image: url(../images/pages-header_05.jpg);}

.pages-header.f{background-image: url(../images/slide-01.jpg); background-position:0 -60px;}
.pages-header.g{background-image: url(../images/pages-header_07.jpg);}
.pages-header.h{background-image: url(../images/pages-header_08.jpg);}
.pages-header.j{background-image: url(../images/pages-header_10.jpg);}

.pages-header.k{background-image: url(../images/pages-header_11.jpg);}
.pages-header.l{background-image: url(../images/pages-header_12.jpg);}

.pages-header.n{background-image: url(../images/pages-header_14.jpg);}
.pages-header.o{background-image: url(../images/pages-header_15.jpg);}

.pages-header.p{background-image: url(../images/pages-header_16.jpg);}
.pages-header.q{background-image: url(../images/pages-header_17.jpg);}

.pages-header.s{background-image: url(../images/pages-header_19.jpg);}
.pages-header.t{background-image: url(../images/pages-header_20.jpg);}

.pages-body {width:auto;height:auto; min-height:300px; background:#fff;position: relative;margin:0;padding:1em 3%;overflow: hidden}
.pages-body h2{margin:.2em 0;font-size:1.5em;display: block}
.pages-body h3{margin:.2em 0;font-size:1.15em;color:#ff3300; line-height:1.2;}
.pages-body p, .pages-body li{font-size:.875em;line-height:1.5}
.pages-body li{list-style: square}
.pages-body .col{width:47%;height:auto;overflow: hidden;margin-right: 3%}
.pages-body a {color:#ff6600;} .pages-body a:hover {color:#cb3300; text-decoration:none;}
.pages-body .c-l{width:48%;height:auto;overflow: hidden;margin-right: 4%; float:left;}
.pages-body .c-r{width:48%;height:auto;overflow: hidden; float:left;}
.pages-body .c-r img { width:100%; height:auto;}
.pages-body img { max-width:100%;}


#adressbox {width:auto; height:auto; min-height: 300px/*680px*/;background:#ff6600;position: relative;margin:0;overflow: hidden}

#adressbox .pobocky{width:44%;height:auto; min-height:385px/*745px*/;display: block;overflow: hidden;padding:15px 3%;margin:0;position: relative; overflow: hidden; float:left;
	background: rgba(254,102,0,1);
	background: -moz-linear-gradient(left, rgba(254,102,0,1) 0%, rgba(255,175,75,1) 100%);
	background: -webkit-gradient(left top, right top, color-stop(0%, rgba(254,102,0,1)), color-stop(100%, rgba(255,175,75,1)));
	background: -webkit-linear-gradient(left, rgba(254,102,0,1) 0%, rgba(255,175,75,1) 100%);
	background: -o-linear-gradient(left, rgba(254,102,0,1) 0%, rgba(255,175,75,1) 100%);
	background: -ms-linear-gradient(left, rgba(254,102,0,1) 0%, rgba(255,175,75,1) 100%);
	background: linear-gradient(to right, rgba(254,102,0,1) 0%, rgba(255,175,75,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fe6600', endColorstr='#ffaf4b', GradientType=1 );}
.pobocky h2{font-size:38px;font-weight:200;color:#fff;margin:0 0 0.5em 0}
.pobocky h3{font-size:24px;font-weight:300;color:#bb3300;margin:0 0 0.5em 0}
.pobocky p{font-size:15px;line-height: 1.5; color:#fff;margin:0}
.pobocky .bl .col:first-child{width:54%;}
.pobocky .bl .col:last-child {width:44%; float:right;}
.pobocky .btn{display:block;background: #da3f0c;color:#fff;font-size:13px;text-align:center;border:0; padding:0.8em 0.5em;margin: 1em 0; cursor:pointer; 
	text-decoration:none; width:100%; height:auto; text-align:center; /*position:absolute; left:0; bottom:0;*/}
.pobocky .btn:hover{background: #cc3300;}
#adressbox .pobocky a { color:#fff;} #adressbox .pobocky a:hover { text-decoration:none;}
.pobocky .oh { width:78%; height:auto; padding:5%; overflow:hidden; position:absolute; left:6%; bottom:20px/*400px*/; background-color:rgba(255,255,255,.35);}
.pobocky .ohs { width:78%; height:330px; padding:5%; overflow:hidden; position:absolute; left:6%; bottom:20px; background-color:rgba(255,255,255,.35); color:#000;}
.pobocky .ohs p { color:#000;}
.pobocky .oh .dz { color:#f00;}
.pobocky .oh em { color:#f00; font-style:normal; text-decoration:line-through;}

.pobocky td { color:#000; font-size:14px; line-height:1.3;}

.krmiva{width:20%;height: 270px;padding:15px 0;
	text-decoration: none;
	color:#000;
	background: rgba(255,175,75,1);
	background: -moz-radial-gradient(center, ellipse cover, rgba(255,175,75,1) 0%, rgba(254,102,0,1) 100%);
	background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, rgba(255,175,75,1)), color-stop(100%, rgba(254,102,0,1)));
	background: -webkit-radial-gradient(center, ellipse cover, rgba(255,175,75,1) 0%, rgba(254,102,0,1) 100%);
	background: -o-radial-gradient(center, ellipse cover, rgba(255,175,75,1) 0%, rgba(254,102,0,1) 100%);
	background: -ms-radial-gradient(center, ellipse cover, rgba(255,175,75,1) 0%, rgba(254,102,0,1) 100%);
	background: radial-gradient(ellipse at center, rgba(255,175,75,1) 0%, rgba(254,102,0,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffaf4b', endColorstr='#fe6600', GradientType=1 );
	}
.krmiva:hover{background: #ff6300; }

.krmiva h2{font-size:2em;font-weight:200;text-align:center;margin:25px 0 12px 0}
.krmiva h3{font-size:1em;font-weight:400;text-align:center;margin:0 0 20px 0}
.krmiva img{margin-right:auto;margin-left:auto;display: block}

.krmiva-velkosti{width:auto;height: 380px;padding:15px 0; background:#dedcdc;overflow: hidden}
.krmiva-velkosti .btn{width:auto;height: 60px;padding:0 1em;display: block;border:none;font-size:0.65em;font-weight: 300;text-decoration: none;}
.krmiva-velkosti .btn:hover{font-weight: 700}
.btn.male{background:url(images/ico_malepsy.png) no-repeat 5px center;}
.btn.stredne{background:url(images/ico_strednepsy.png) no-repeat 5px center;}
.btn.velke{background:url(images/ico_velkepsy.png) no-repeat 5px center;}
.krmiva-velkosti h3{font-size:1em;font-weight: 200;text-align:left;margin:0;padding:0.5em 1em}

.titlematrixbox{overflow:hidden;display: block;width:99.9%;padding: 2% 0;}
.titlematrixbox a {width: 18.6% ;height:6.125em;background:#2c4a92;margin: 0 0 2% 2%;padding:2%;display: block;text-decoration:none;
	background-size: cover;background-position: center center; float:left;
	-webkit-filter: grayscale(100%);-moz-filter: grayscale(100%);filter: grayscale(100%);
	-webkit-box-shadow: inset 0px 0px 30px 16px rgba(50, 50, 50, 0.33);
	-moz-box-shadow:    inset 0px 0px 30px 16px rgba(50, 50, 50, 0.33);
	box-shadow:         inset 0px 0px 30px 16px rgba(50, 50, 50, 0.33);
	-webkit-transition: all 0.5s ease;    -moz-transition: all 0.5s ease;    -o-transition: all 0.5s ease;    -ms-transition: all 0.5s ease;    transition: all 0.5s ease;	
}

.titlematrixbox a:hover{background-size:120%;	-webkit-filter: grayscale(0%);	-moz-filter: grayscale(0%);	filter: grayscale(0%);
-webkit-transition: background-size 0.5s ease-in-out;  -moz-transition: background-size 0.5s ease-in-out;  -o-transition: background-size 0.5s ease-in-out;  transition: background-size 0.5s ease-in-out;}

.titlematrixbox a.a{background-image: url(../images/matrix_01.jpg);}
.titlematrixbox a.b{background-image: url(../images/matrix_02.jpg);}
.titlematrixbox a.c{background-image: url(../images/matrix_03.jpg);}
.titlematrixbox a.d{background-image: url(../images/matrix_04.jpg);}
.titlematrixbox a.e{background-image: url(../images/matrix_05.jpg);}
.titlematrixbox a.f{background-image: url(../images/matrix_06.jpg);}
.titlematrixbox a.g{background-image: url(../images/matrix_07.jpg);}
.titlematrixbox a.h{background-image: url(../images/matrix_08.jpg);}
.titlematrixbox a.i{background-image: url(../images/matrix_09.jpg);}
.titlematrixbox a.j{background-image: url(../images/matrix_10.jpg);}
.titlematrixbox a.k{background-image: url(../images/matrix_11.jpg);}
.titlematrixbox a.l{background-image: url(../images/matrix_12.jpg);}
.titlematrixbox a.m{background-image: url(../images/matrix_13.jpg);}
.titlematrixbox a.n{background-image: url(../images/matrix_14.jpg);}
.titlematrixbox a.o{background-image: url(../images/matrix_15.jpg);}
.titlematrixbox a.p{background-image: url(../images/matrix_16.jpg);}
.titlematrixbox a.q{background-image: url(../images/matrix_17.jpg);}
.titlematrixbox a.r{background-image: url(../images/matrix_18.jpg);}
.titlematrixbox a.s{background-image: url(../images/matrix_19.jpg);}
.titlematrixbox a.t{background-image: url(../images/matrix_20.jpg);}

/*.titlematrix:nth-child(4){margin-right: 0;}*/
.titlematrixbox h3{font-size:1.4em;font-weight:700;color:#fff;margin:0;text-decoration:none;text-shadow: 1px 1px 0px rgba(0, 0, 0, 1), 2px 2px 0px rgba(0, 0, 0, 1);}

.rightcol {width:20%;height:auto;overflow: hidden; float:right;}

.rightcol .oznamy{width:86.9%;height:auto;background:#f2f2f0;padding:15px 5% 0 8%;overflow: hidden; overflow-y:auto;}
.rightcol .oznamy.tit {height:445px;}
.rightcol .oznamy .date {font-size: .65em;font-weight: 400;color:#999}
.rightcol .oznamy h2 {font-size: 1.5em;font-weight: 300;margin: 0 0 15px 0;}
.rightcol .oznamy h3 {font-size: 1em;line-height:1.4;font-weight: 700;color:#ff6600;margin:.3em 0;}
.rightcol .oznamy p  {font-size: 0.75em;line-height:1.4;margin:5px 0 5px 0;}
.rightcol .oznamy ul { padding-left:20px;}
.rightcol .oznamy li {font-size: 0.75em;line-height:1.4;margin:5px 0 5px 0;}
.rightcol .oznamy .btn {font-size: 0.75em;color:#fff;text-align:center;width:20%;background:#ff6600;padding:8px 12px;text-decoration: none;margin:0 0 15px 0;display: block}
.rightcol .oznamy .btn:hover {background-color:#006699}

.rightcol .vyjazd { color:#000; text-decoration:none; }
.rightcol .vyjazd p:last-child {margin-bottom:8px;}
.rightcol .oznamy .vyjazd h3 { font-size:19px; margin-bottom:.3em; line-height:1.2;}

.rightcol .krmiva{width:100%;height:385px/*745px*/}
.rightcol .krmiva img{margin-top:40px}
	
.rightcol .krmiva-velkosti{width:auto;height: 220px;background:#dedcdc;overflow: hidden;margin:0}
.rightcol .krmiva-velkosti .btn{width:86%;height: 64px;display: block;border:none;font-size:0.65em;font-weight: 400;line-height: 64px;color:#000;text-decoration: none;overflow: hidden;text-align:left;text-indent:90px}
.rightcol .krmiva-velkosti .btn:hover{background-color: #898888}
.rightcol .krmiva-velkosti .btn.male{background:url(../images/ico_malepsy.png) no-repeat 5px center;}
.rightcol .krmiva-velkosti .btn.stredne{background:url(../images/ico_strednepsy.png) no-repeat 5px center;}
.rightcol .krmiva-velkosti .btn.velke{background:url(../images/ico_velkepsy.png) no-repeat 5px center;}
.rightcol .krmiva-velkosti h3{font-size:1em;font-weight: 300;text-align:left;margin:0;padding:0.5em 1em}

.rightcol .akcie{width:auto;height:auto;background:#eeeeee;padding:15px 20px;overflow: hidden}
.rightcol .akcie h2{font-size: 1.85em;font-weight: 300; line-height:1.3; margin: 0 0 15px 0;}
.rightcol .akcie .produkt{width:auto;height: auto;background: #fff;padding:12px 5% 2px 5%;overflow: hidden;position: relative;margin-bottom: 20px; 
	-webkit-box-shadow: 1px 1px 3px -1px rgba(0,0,0,0.44);	-moz-box-shadow: 1px 1px 3px -1px rgba(0,0,0,0.44);	box-shadow: 1px 1px 3px -1px rgba(0,0,0,0.44);}
.rightcol .akcie .produkt:hover{	-webkit-box-shadow:  0px 0px 3px rgba(0,0,0,1);	-moz-box-shadow:  0px 0px 3px rgba(0,0,0,1);	box-shadow:  0px 0px 3px rgba(0,0,0,1);}
.rightcol .akcie .produkt .label{width:90px;height: 20px;text-align: center;font-size: .65em;line-height: 20px;
	position: absolute;top:15px;right:-20px;  -webkit-transform: rotate(45deg); /* Chrome, Safari, Opera */  transform: rotate(45deg);}
.rightcol .akcie .produkt .label.red{background: red;color:#fff}
.rightcol .akcie .produkt .label.green{background: green;color:#fff}
.rightcol .akcie .produkt .label.orange{background: orange;color:#fff}

.rightcol .akcie .produkt h3{font-size: .8em;font-weight: 700;margin: 2px 0 5px 0; display:inline;/*display: inline-block;width:80%; */color:#000;}
.rightcol .akcie .produkt h3:hover{ color:#cb3300;}
.rightcol .akcie .produkt p {font-size: .7em;font-weight: 400;line-height: 1.4; color:#444;}
.rightcol .akcie .produkt .im { width:20%; height:auto; overflow:hidden; margin-right:5%; float:left; }
.rightcol .akcie .produkt img { width:100%; height:auto;}
.rightcol .akcie .produkt .addtocart{width:100px}
.rightcol .akcie .produkt .addtocart .btn{width: 50px;height: 28px; float:left;background: #cb3300 url(../images/ico-add-to-cart.png) center center; cursor:pointer;}
.rightcol .akcie .produkt .addtocart .btn:hover{background-color: #ff0000}
.rightcol .akcie .produkt .addtocart .row p { border:1px solid #ccc; color:#cb3300; padding:4px; margin:0;}

.rightcol .akcie .produkt .addtocart .price{font-size: 1em;font-weight: 700;color:red;display: block;width: 100%;margin-bottom:10px}
.rightcol .akcie .produkt .addtocart .price:after{content: "€"; font-size: .75em;font-weight: 400;color:red;margin:0 5px}
.rightcol .akcie .produkt .addtocart input{background: #f5f5f5;border:solid 1px #ccc;width: 24px;height:24px;text-align: center;
	-webkit-border-top-left-radius: 2px;-webkit-border-bottom-left-radius: 2px;	-moz-border-radius-topleft: 2px;-moz-border-radius-bottomleft: 2px;	border-top-left-radius: 2px;
	border-bottom-left-radius: 2px;	-webkit-box-shadow: inset 1px 1px 3px -1px rgba(0,0,0,0.44);	-moz-box-shadow: inset 1px 1px 3px -1px rgba(0,0,0,0.44);
	box-shadow: inset 1px 1px 3px -1px rgba(0,0,0,0.44);}

.bl { width:100%; height:auto; overflow:hidden; }

.pages-header.oznamy h1 { width:99%; float:none; font-size:38px; color:black; line-height:1.2em; text-shadow:none; position:relative; left:auto; bottom:auto; margin-left:1%;}
.pages-header.oznamy{ position: relative; width:auto; height:auto; margin:0;  padding:2%; overflow: hidden; background:#f6f6f6;}
.pages-body.oznamy .ovo { width:25%; height:auto; margin:0 3% 3% 0;}


/*produkty*/

.shop {width:100%; height:auto; overflow:hidden;background:#f6f6f6;}
.shop h1 { font-size:40px; font-weight:400; color:black; line-height:1; text-shadow:none; margin:10px 0 2px 0;}
.shop h2 { font-size:20px;line-height:1; margin:0 0 12px 0;}
.shop .lcol {width:19%; height:auto; padding:8px 2% 8px 2%; overflow:hidden; float:left;background:#f6f6f6;}
.shop .rcol {width:77%; height:auto; overflow:hidden; float:right;}

.shop .lcol a { display:block; width:94%; height:auto; overflow:hidden; padding:8px 3%; margin:6px 0;
	 text-decoration:none; color:#000;font-size: 16px;  background: #e4e4e4;
	 -webkit-border-radius: 3px;    -moz-border-radius: 3px;    border-radius: 3px;
	-webkit-transition: all 0.5s ease;    -moz-transition: all 0.5s ease;    -o-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;    transition: all 0.5s ease;}
.shop .lcol a:hover, .shop .lcol a.active { background:#7e7e7e; color:#fff;}	 

.shop .lcol .small { font-size:15px;}

.shop .lcol ul {font-size:13px; padding:0;}
.shop .lcol li { line-height:1.2; margin-left:1.4em; list-style:none;}
.shop .lcol li:before { content:"❀"; color:#ff0000; font-size:1.2em;  margin-left:-1.2em; margin-right:.2em; }


.k-plemena  { width:93.9%; height:auto; overflow:hidden; float:right; margin:2px 0 8px 1%;  }
.k-plemena h5 { font-size:16px; margin:6px 0 4px 1%;}
.k-plemena .sc { width:97%; height:auto; overflow:hidden; float:right; padding:1.8% 0.9% 1.8% 0.2%; margin:2px 0;
	 text-decoration:none; background:#fff; color:#000;  border: solid 1px #ccc;
	 -webkit-border-radius: 3px;    -moz-border-radius: 3px;    border-radius: 3px;
	-webkit-transition: all 0.5s ease;    -moz-transition: all 0.5s ease;    -o-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;    transition: all 0.5s ease;}
.k-plemena .sc:hover { background:#bdbdbd; color:#fff;}	

.k-plemena .sc input[type=radio] { float:left; }
.k-plemena .sc label { float:left; font-size:0.75em; text-transform:uppercase; line-height:1.5; cursor:pointer;  }	  
 
.k-vek  { width:93%; height:auto; overflow:hidden; float:left;  }
.k-vek .sc { width:95%; height:auto; overflow:hidden; float:left; padding:1.5% 2% 1.5% 0.5%; margin:2px 0;
	 text-decoration:none; background:#eee; color:#000; }
.k-vek .sc input[type=radio] { float:left;}
.k-vek .sc label { float:left; font-size:0.75em; line-height:1.5; cursor:pointer;}	 

.k-plemena .sp { margin-right:1%; }

.produkt .addtocart .row p { font-size:.85em; border:1px solid #ccc; color:#cb3300; padding:4px; margin:0;}
	 
.pages-body.shop{ position: relative; width:auto; height:auto; margin:0; padding:2% 1.9% 2% 2%; overflow: hidden; background:#7e7e7e; }
.produkty { width:100%; height:auto; overflow:hidden; }
.pp { width:98%; height:14px; overflow:hidden; font-size:11px; text-align:right; position:absolute; top:5px; right:2.3%; color:#fff;}

.produkty .produkt{width:21.15%;height:190px; overflow:hidden; padding:1.5%;position: relative;margin:0 2px 2px 0; float:left;
	background: #fff; border:solid transparent 3px;
	-webkit-box-shadow: 1px 1px 3px -1px rgba(0,0,0,0.44);
	-moz-box-shadow: 1px 1px 3px -1px rgba(0,0,0,0.44);
	box-shadow: 1px 1px 3px -1px rgba(0,0,0,0.44);}
.produkty .produkt_old:hover{
	-webkit-box-shadow:  0px 0px 3px rgba(0,0,0,1);
	-moz-box-shadow:  0px 0px 3px rgba(0,0,0,1);
	box-shadow:  0px 0px 3px rgba(0,0,0,1);	}
.produkty .produkt:hover{
    border:solid orange 3px;
    -webkit-box-shadow: inset 0px 0px 13px 0px rgba(0,0,0,0.4);
	-moz-box-shadow:inset 0px 0px 13px 0px rgba(0,0,0,0.4);
	box-shadow: inset 0px 0px 13px 0px rgba(0,0,0,0.4);}

.produkty .produkt .label{width:90px;height: 20px;text-align: center;font-size: .65em;line-height: 20px;
	position: absolute;top:15px;right:-20px;
	-ms-transform: rotate(45deg); /* IE 9 */
    -webkit-transform: rotate(45deg); /* Chrome, Safari, Opera */
    transform: rotate(45deg);}
.produkty .produkt .label.red{background: red;color:#fff}
.produkty .produkt .label.green{background: green;color:#fff}
.produkty .produkt .label.orange{background: orange;color:#fff}

.produkty .produkt .ns {width:100%; min-height:50px; height:auto; overflow:hidden; margin: 0 0 10px 0; }
.produkty .produkt h3 { font-size: 1em;font-weight: 700;display: inline-block;width:78%; line-height:1.2;}
.produkty .produkt h3 a {text-decoration:none; color:#000;}
.produkty .produkt h3 a:hover {text-decoration:underline; color:#F00;}
.produkty .produkt p{font-size: .65em;font-weight: 400;line-height: 1.5; margin:0;}
.produkty .produkt p.r1 { margin-top:22px;}
.produkty .produkt p.r2 { margin-top:11px;}
.produkty .produkt p.r3 { margin-top:5px;line-height:1.35;}
.produkty .produkt p.r4 { line-height:1.2;}
.produkty .produkt p.r5 { line-height:1;}
.produkty .produkt img{margin:0 10px}
.produkty .produkt .addtocart{width:76px; }
.produkty .produkt .addtocart .btn{width: 50px;height: 28px; cursor:pointer;
	background: #cb3300 url(../images/ico-add-to-cart.png) center center;display: block; float:left;}
.produkty .produkt .addtocart .btn:hover{background-color: #ff0000}

.produkty .produkt .addtocart .price{font-size: 1em;font-weight: 700;color:red;display: block;width: 100%;margin-bottom:10px}
.produkty .produkt .addtocart .price:after{content: "€"; font-size: .75em;font-weight: 400;color:red;margin:0 5px}
.produkty .produkt .addtocart input{background: #f5f5f5;border:solid 1px #ccc;width: 24px;height:24px;text-align: center;
	-webkit-border-top-left-radius: 2px;
	-webkit-border-bottom-left-radius: 2px;
	-moz-border-radius-topleft: 2px;
	-moz-border-radius-bottomleft: 2px;
	border-top-left-radius: 2px;
	border-bottom-left-radius: 2px;
	-webkit-box-shadow: inset 1px 1px 3px -1px rgba(0,0,0,0.44);
	-moz-box-shadow: inset 1px 1px 3px -1px rgba(0,0,0,0.44);
	box-shadow: inset 1px 1px 3px -1px rgba(0,0,0,0.44);}
.produkt .addtocart .row p { font-size:.55em;}

.produkty .produkt .im { width:60px; height:70px; overflow:hidden; margin:2px; float:left;}
.produkty .produkt .im img { height:60px; width:auto;}

.ktga a {color:rgba(255,175,75,1);}

.p-detail { width:100%; height:auto; overflow:hidden; }
.p-detail .produkt{width:93.9%;height:auto; overflow:hidden; padding:3%;position: relative;	background: #fff;

	-webkit-box-shadow: inset 0px 0px 13px 0px rgba(0,0,0,0.4);
	-moz-box-shadow:inset 0px 0px 13px 0px rgba(0,0,0,0.4);
	box-shadow: inset 0px 0px 13px 0px rgba(0,0,0,0.4);
	}

.p-detail .produkt .label{width:180px;height: 40px;text-align: center;font-size: 1.3em;line-height: 38px;
	position: absolute;top:30px;right:-40px;
	-ms-transform: rotate(45deg); /* IE 9 */
    -webkit-transform: rotate(45deg); /* Chrome, Safari, Opera */
    transform: rotate(45deg);}
.p-detail .produkt .label.red{background: red;color:#fff}
.p-detail .produkt .label.green{background: green;color:#fff}
.p-detail .produkt .label.orange{background: orange;color:#fff}

.p-detail .produkt .ns {width:74%; min-height:30px; height:auto; overflow:hidden; margin: 0 0 10px 0; float:left; }
.p-detail .produkt h1 { font-size: 2.25em;font-weight: 700;display: inline-block;width:78%; line-height:1.2; margin:0.2em 0 1em 0;}
.p-detail .produkt p { /*font-family: 'Open Sans', sans-serif, Helvetica, Arial, sans-serif;*/font-size:16px;padding:0;}
.p-detail .produkt img{margin:0 10px}
.p-detail .produkt .addtocart{width:130px}
.p-detail .produkt .addtocart .btn{width: 60px;height: 34px; cursor:pointer;
	background: #cb3300 url(../images/ico-add-to-cart.png) center center;display: block; float:left;}
.p-detail .produkt .addtocart .btn:hover{background-color: #ff0000}

.p-detail .produkt .addtocart .price{font-size: 1.6em;font-weight: 700;color:red;display: block;width: 100%;margin-bottom:10px}
.p-detail .produkt .addtocart .price:after{content: "€"; font-size: .75em;font-weight: 400;color:red;margin:0 5px}
.p-detail .produkt .addtocart input{background: #f5f5f5;border:solid 1px #ccc;width: 44px;height:30px;text-align: center; font-size:1em;
	-webkit-border-top-left-radius: 2px;
	-webkit-border-bottom-left-radius: 2px;
	-moz-border-radius-topleft: 2px;
	-moz-border-radius-bottomleft: 2px;
	border-top-left-radius: 2px;
	border-bottom-left-radius: 2px;
	-webkit-box-shadow: inset 1px 1px 3px -1px rgba(0,0,0,0.44);
	-moz-box-shadow: inset 1px 1px 3px -1px rgba(0,0,0,0.44);
	box-shadow: inset 1px 1px 3px -1px rgba(0,0,0,0.44);}

.p-detail .produkt .im { width:25%; height:auto; min-height:150px; overflow:hidden; margin:2px; float:left;}
.p-detail .produkt .im img { width:80%; height:auto; }

.err { background:#c00; color:#fff; font-weight:bold; padding:15px;}
.objednavka { background:#e6e6e6;}

.objednavka #polozky { width:58%; height:auto; overflow:hidden; float:left;}
.objednavka #udaje { width:40%; height:auto; overflow:hidden; float:right;}
.objednavka table { width:100%; border:0; border-collapse:collapse; margin-bottom:1em;}
.objednavka tr { border-bottom:1px solid #ccc;}
.objednavka tr:hover { background:#eee;}
.objednavka td { padding:4px;}
.objednavka th:first-child{ width:25px;}
.objednavka th:last-child{ width:72px;}
.objednavka td:last-child{ color:#c00; cursor:pointer;}
.objednavka td:last-child:hover{ background:#c00; color:#fff;}
.objednavka #polozky .spolu { font-size:18px; font-weight:bold; float:right;}
.objednavka td a { color:#000; text-decoration:none;}

.objednavka #udaje .item { width:100%; height:auto; overflow:hidden; margin-bottom:6px;}
.objednavka #udaje label { display:block; width:43%; height:auto; padding:4px 0; float:left;}
.objednavka #udaje input[type="text"] { width:54%; font-size:16px; padding:4px 1%; border:1px solid #ccc; background:#fff; float:right;}
.objednavka #udaje select { width:56.4%; font-size:16px; padding:4px 0; border:1px solid #ccc; background:#fff; float:right;}
.objednavka #udaje textarea { width:54%; height:55px; font-size:16px; padding:4px 1%; font-family:Arial, Helvetica, sans-serif; border:1px solid #ccc; background:#fff; float:right;}

.objednavka button{ border:none;font-size: 1em; font-weight:bold;color:#fff;text-align:center;width:auto;background:#ff6600;padding:8px 12px;text-decoration: none;margin:0 0 15px 0; cursor:pointer;}
.objednavka button:hover{background-color:#006699}


.clearfix:after {
   content: " "; /* Older browser do not support empty content */
   visibility: hidden;
   display: block;
   height: 0;
   clear: both;
}


.selectionbar {width: 100%;height: 40px;background-color: rgba(169,194,215,.19);margin:10px 0 20px 0}
.selectionbar .label{width: auto;height: 40px;
	line-height: 40px; font-size:1.5em;font-weight:200;color:#fff;
	padding:0 15px;margin-right: 10px;
	background: #a9c2d7;
	display: inline-block}

.tabs{}
.tab{height:35px;line-height:38px;
	font-size:0.82em;text-align:center;font-weight:600;text-decoration:none;color:#666;
	display:inline-block;
	padding:0 25px;margin:0}
.tab#active{background:#fff;color:#ff0000;}
.tab:hover{background:#a9c2d7;color:#fff;}

.ouv p { font-size:18px; color:#003391;}
.ouv img {margin:10px 0 10px 15px; border-radius:10px; -webkit-box-shadow:4px 4px 8px #777;-moz-box-shadow:4px 4px 8px #777;box-shadow:4px 4px 8px #777; float:right; max-width:98%;}

.veterinar { width:89.9%; height:auto; overflow:hidden; padding:4% 5%; background:#eeeeee; margin:30px 0 10px 0;}
.veterinar .col1 {width:56%;height:auto;overflow: hidden; float:left; margin: 0 3% 0 1%;}
.veterinar .col2 {width:39.9%;height:auto; padding-bottom:10px; overflow: hidden; float:left;}
.veterinar .col2 img {margin:10px 10px 10px 0; border-radius:10px; -webkit-box-shadow:4px 4px 8px #777;-moz-box-shadow:4px 4px 8px #777;box-shadow:4px 4px 8px #777; max-width:98%;}

.veterinar ul { list-style:none; padding:0;}
.veterinar li { list-style:none; margin-left:1.5em;margin-bottom:.1em;}
.veterinar li:before {content:"❋"; color:#ff3300;font-size:1em; margin-left:-1.5em; margin-right:.5em;  }

.ambulancia { width:93.9%; height:auto; overflow:hidden; padding:3.5% 3%; background:#eeeeee; margin:30px 0 8px 0;}
.ambulancia .col1 {width:36%;height:auto;overflow: hidden; float:left; margin-right: 1%;}
.ambulancia .col2 {width:25%;height:auto;overflow: hidden; float:left; margin-right: 1%;}
.ambulancia .col3 {width:36.9%;height:auto;overflow: hidden; float:left; margin-bottom:20px;}
.ambulancia table {font-size:.875em;line-height:1.4; margin-top:10px;}

.ambulancia .col2 h4 { margin-top:0;}
.ambulancia .bl { margin-top:20px;}

.rozvoz { width:89.9%; height:auto; overflow:hidden; padding:4% 5%; background:#eeeeee; margin:30px 0 10px 0;}
.rozvoz .col1 {width:46.9%;height:auto;overflow: hidden; float:left; margin-right: 3%;}
.rozvoz .col2 {width:50%;height:auto;overflow: hidden; float:left; }
.rozvoz .col2 img { margin-top:25px; }




/* /radius/ */
.radius-two{border-radius:2px;-webkit-border-radius:2px;-moz-border-radius:2px;}
.radius-five{border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;}

/* /footer/ */
.footer{width:95.9%;height:auto;padding:2%; overflow: hidden;clear:both;font-size:0.75em;color:#999;text-align:center;background: #f4f4f4;display: block;margin-left: auto;margin-right: auto}

.footer a{color:#999;} .footer a:hover{color:#000;}

.ha { width:100%; height:auto;}

.odcervenie { border-collapse:collapse; font-size:.875em;}
.odcervenie th { border:1px solid #ccc; padding:6px; background:#eee;}
.odcervenie td { border:1px solid #ccc; padding:6px;}

.babezioza { border-collapse:collapse; font-size:.875em;}
.babezioza th { border:1px solid #ccc; padding:6px; background:#eee;}
.babezioza td { border:1px solid #ccc; padding:6px;}

.chirurgia img { width:48.9%; height:auto; margin-right:1%; margin-bottom:1%; float:left;}

.galeria img.r1 { width:51.3%; height:auto; margin-right:1%; margin-bottom:1%; float:left;}
.galeria img.r2 { width:22.75%; height:auto; margin-right:1%; margin-bottom:1%; float:left;}
.galeria img.r3 { width:22.75%; height:auto; margin-right:1%; margin-bottom:1%; float:left;}

.galeria img.cs { width:98.9%; height:auto; margin-right:1%; margin-bottom:1%; float:left;}
.galeria img.ps { width:48.9%; height:auto; margin-right:1%; margin-bottom:1%; float:left;}
.galeria img.ts { width:32.27%; height:auto; margin-right:1%; margin-bottom:1%; float:left;}

.usn { margin-left:20px; font-weight:bold;}
h1.tit {visibility:hidden; height:0; overflow:hidden; margin:0;}

.res { width:100%; height:auto;}
a.ntd {text-decoration:none;}
.submenu { width:100%; height:auto; padding:16px 0; overflow:hidden; margin-bottom:10px;}
.submenu a { color:#fff; background:#ff6600; padding:4px 15px; margin-right:1px; text-decoration:none; border:1px solid #ff6600;}
.submenu a:hover { color:#000;}
.submenu a.a {color:#ff6600; background:#fff; }

table.krytie { border-collapse:collapse; border:1px solid #ccc;}
table.krytie th, table.krytie td { text-align:center; vertical-align:middle; padding:8px 6px; border:1px solid #ccc;}
table.krytie tr:nth-child(even) {background: #fff}
table.krytie tr:nth-child(odd) {background: #ddd}

.ambgal { width:100%; height:auto; overflow:hidden; margin-bottom:20px;}
.ambgal .im {width:14%; height:auto; overflow:hidden; margin-right:.28%; float:left;}
.ambgal .im img { max-width:100%;}

@media (min-width: 1400px){
.wrapper {margin:0 auto;width:1400px;}
}

@media (max-width: 1300px) {    
.pobocky h2{font-size:35px;}
.produkty .produkt{width:21.08%;}
.rightcol .oznamy h2 {font-size: 1.3em;margin: 0 0 12px 0;}
.rightcol .oznamy h3 {font-size: .9em;margin:.25em 0;}
.rightcol .oznamy p  {font-size: 0.73em;margin:4px 0 4px 0;}
.rightcol .oznamy ul { padding-left:18px;}
.rightcol .oznamy li {font-size: 0.73em;margin:4px 0 4px 0;}
}

@media (max-width: 1200px) {    
.header .logo h1, .header .logo h2 { font-size:14pt;  margin:10px 8px; }
.header .cartloginbox {font-size: 22px; }
.header .cartloginbox  span {font-size: 24px;}
.header .menu a {margin:0 7px;}
.pobocky h2{font-size:32px;}
.pobocky p{font-size:13px;}

#slider { height:440px;}
#slider h2 {font-size:4em; bottom:50px;left:60px;padding:10px 30px;}
#slider li { width:1000px;	height: 440px; }
#slider li a { font-size:2.8em;margin:335px 0 0 40px;padding:10px 30px;}
.rightcol .oznamy.tit {height:425px;}
.produkty .produkt{width:21%;}

}

@media (max-width: 1120px) {    
.menu{width: 100%;float:none; border-top:2px solid #fff;}
.menu a {width: 14.5%;padding:12px 1%;}
.pages-body.shop{ padding-top:3%;}
.pobocky h2{font-size:28px;}
.pobocky p{font-size:12px;}
.produkty .produkt{width:29.2%;}
}

@media (max-width: 1040px) {    
.header .cartloginbox {font-size: 18px; }
.header .cartloginbox  span {font-size: 20px;}
.header .menu a {padding:22px 0 2px 0;font-size:14px;margin:0 5px;}

#slider { height:420px;}
#slider h2 {font-size:4em; bottom:50px;left:60px;padding:10px 30px;}
#slider li { width:960px;	height: 420px; }
#slider li a { font-size:2.4em;margin:315px 0 0 40px;padding:8px 24px;}

#adressbox .pobocky{width:90%;height:auto; padding:20px 5%; border-bottom:1px solid #f2f2f0;}
.pobocky .oh { width:90%; position:relative; margin-top:20px; left:0; bottom:0; }
.pobocky .ohs { width:90%; height:auto; position:relative; margin-top:10px; left:0; bottom:0; }
.pobocky h2{font-size:36px;}
.pobocky p{font-size:15px;}

.rightcol .krmiva{width:100%;height:auto;}

.rightcol .oznamy.tit {height:405px;}
.rightcol .oznamy h2 {font-size: 1em;margin: 0 0 7px 0;}
.rightcol .oznamy h3 {font-size: .8em;margin:.25em 0;}
.rightcol .oznamy p  {font-size: 0.7em;margin:4px 0 4px 0;}
.rightcol .oznamy ul { padding-left:14px;}
.rightcol .oznamy li {font-size: 0.7em;margin:4px 0 4px 0;}
}

@media (max-width: 970px) {    
.header .cartloginbox { display:none; }
#slider li a { font-size:2em;}
.produkty .produkt{width:28.8%;}
}

@media (max-width: 800px) {    
.pages-body.shop{ padding:4% 2.8% 3% 3%;}
.produkty .produkt{width:45.5%;}
}


@media (max-width: 767px) {    
.menu a {font-size:12px;width:15.4%;padding:12px .5%;}
.produkty .produkt{width:45.1%;}
}

@media (max-width: 599px) {    
.menu a {font-size:10px;width:15.4%;padding:12px .5%;}
.logo { margin-left:-15px;}
.header .cartbox #suma{font-size:1.1em;}
.header .cartbox .cart{margin-right: 2px;}
}

@media (max-width: 460px) {    
.menu a {font-size:8px;width:15.4%;padding:12px .5%;}
.logo { margin-left:-25px; margin-right:-10px;}
.header .cartloginbox {width:200px;}
.header .cartbox #suma{font-size:0.7em;}
.header .cartbox .cart{margin-right: 2px;}
}

@media (max-width: 1080px) and (min-height: 1100px), (max-width: 800px) and (min-height: 900px), (max-width: 767px), (max-width: 600px)  {
/*	.menu a:first-child {width: 17%;}
	.menu a:nth-child(2) {width: 16%;}
	.menu a:nth-child(5) {width: 12%;}
	.menu a:last-child {width: 13%;}*/

	.pages-body .c-l { width:100%; margin-right:0;}
	.pages-body .c-r { width:100%; }

	.leftcol { width:100%; float:none;}
	.rightcol { width:100%; float:none;}
	#adressbox {width:auto;height:auto;}
	#adressbox .pobocky{width:90%;height:auto; padding:20px 5%; border-bottom:1px solid #f2f2f0;}
	.titlematrixbox a {width: 42.6%;height:10em; }
	.pages-body .col{width:97%;margin-right: 0%}
	.veterinar .col1 {width:100%; float:none; margin-right:0;}
	.veterinar .col2 {width:100%;float:none;}
	.objednavka #polozky { width:100%; float:none;}
	.objednavka table { font-size:14px;}
	.objednavka #udaje { width:100%; float:none;}

	.logo { width:52%; margin:0;}
	.logo img { display:none; }
	.header .cartloginbox {width:56%;}
	.header .cartbox #suma{font-size:23px;}

	.rightcol .oznamy.tit {height:auto;}
	.rightcol .oznamy h2 {font-size: 2em;margin: 0 0 15px 0;}
	.rightcol .oznamy h3 {font-size: 1.5em;margin:.5em 0;}
	.rightcol .oznamy p  {font-size: 1em;margin:8px 0 8px 0;}
	.rightcol .oznamy ul {padding-left:20px;}
	.rightcol .oznamy li {font-size: 1em;margin:8px 0 8px 0;}
	.rightcol .oznamy .btn {    font-size: 0.95em;}
	
	.rightcol .akcie .produkt h3{font-size:1.05em;}
	.rightcol .akcie .produkt p{font-size: .95em;line-height: 1.4}

	.shop .lcol {width:90%; padding:8px 5% 8px 5%; float:none;}
	.shop .rcol {width:100%; float:none;}
	.pages-body.shop{ padding:5% 3.8% 4% 4%;}
	.pp { right:4.1%; }
	.produkty .produkt{width:88.5%; height:auto; padding:5%; margin:0 0 8px 0; float:none;}
	
	.produkty .produkt .ns {width:100%; min-height:30px; height:auto; overflow:hidden; margin: 0 0 10px 0; }
	.produkty .produkt h3 { font-size: 18px;}
	.produkty .produkt p  {font-size: 15px;}
	
	.produkty .produkt .addtocart .price{font-size: 18px;margin-bottom:10px}
	.produkty .produkt .addtocart .price:after{content: "€"; font-size: .75em;font-weight: 400;color:red;margin:0 5px}
	.produkty .produkt .addtocart input{background: #f5f5f5;border:solid 1px #ccc;width: 24px;height:24px;text-align: center;}
	.produkt .addtocart .row p { font-size:.55em;}
	
	/*.produkty .produkt .im { width:25%; height:45%;}
	.produkty .produkt .im img { width:100%; height:auto;}*/

	.ambulancia { padding:5%; }
	.ambulancia .col1 {width:100%;hfloat:none; margin-right:0;}
	.ambulancia .col2 {width:100%;hfloat:none; margin-right:0; margin-top:20px;}
	.ambulancia .col3 {width:100%;hfloat:none; margin-top:20px;}
	.ambulancia .col3 img { width:100%;}
	
	.ambgal .im {width:49%; height:auto; overflow:hidden; margin-right:1%; float:left;}

}

@media (max-width: 700px) {    
.header{height:120px;}
.logo { width:52%; margin:0 -3% 0 0;}
.logo img { display: inline; }
.header .cartloginbox { display:block; width:auto; padding:0 20px;}
.header .menu { width:98%; margin-left:2%;}
.header .menu a { font-size:2.8vw; padding:15px 0 0 0}
.header .cartloginbox {font-size: 15px; padding:0 8px; font-weight:bold; height:50px; line-height:50px;}
.header .cartloginbox  span {font-size: 18px;}
#slider { height:260px;}
#slider li { width:700px;	height: 260px; }
#slider li a { font-size:6.5vw;margin:18px 0 0 18px;padding:10px 18px;}
}
@media (max-width: 550px) {    
.header{height:110px;}
.header .menu { height:50px;}
.header .logo img { display:none; }
.header .logo h2 {font-size: 12pt;  margin: 10px 8px;}
#slider .slider-arrow.previous{bottom:10px;}
#slider .slider-arrow.next{bottom:10px;}
}
@media (max-width: 400px) {    
.header{height:95px;}
.header .logo h2 {font-size: 11pt; }
.header .menu { height:45px;}
.header .menu a span { display:none;}
.header .menu a { text-transform:uppercase;font-size:3.05vw;}
#slider { height:260px;}
#slider li { width:500px;	height: 260px; }
#slider li a { font-size:6vw;margin:18px 0 0 18px;padding:10px 18px;}
.pages-header {height: 200px;}
.pages-header h1{font-size:2.8em;}
}