/* CSS Document */

/* css reset */
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,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;}
table,tr,th,td{vertical-align:top;}
ul,ul li{margin:0;padding:0;list-style:none}
blockquote,q{quotes:none;}
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none;}
/* remember to highlight inserts somehow! */
ins{text-decoration:none;}
del{text-decoration:line-through;}
/* tables still need 'cellspacing="0"' in the markup */
table{border-collapse:collapse;border-spacing:0;}
th{text-align:left;}
input,textarea,select{font-family:sans-serif;font-size:100%}
input,textarea,select {border: 1px #4BA1BE solid;}
input[type='checkbox'] {border: none;}

/* IE stretched buttons fix */
input.submit{width:0;overflow:visible;}
input.submit[class]{width:auto;}
input.readonly {border: none;}
sup { position: relative;top:-0.4em; font-size: 90%; }
sub { position: relative;top:0.4em; font-size: 90%; }
/* css reset end */

/* elements */
body{font-size:11px;font-family:Arial,Verdana,sans-serif;color:#444;text-align:center;background:#fff url(../img/bg.png) repeat-x 0 39px;}
a{color:#006486;text-decoration:underline;}
a:hover{text-decoration:none;}
a.more { color: #E60003 }

.cleaner{clear:both;height:0;_height:1px;_margin:0 0 -1px 0;overflow:hidden;float:none;}
.nodisplay{display:none;}
.pointer { cursor: pointer;}

.l, .l td{text-align:left!important;}
.r{text-align:right!important;}
.c{text-align:center!important;}
.j{text-align:justify!important;}
.imgr { float: right;  margin: 0 0 10px 10px; padding: 10px; background: #E6E7E8}
p.imgr { background: transparent }
.imgl { float: left; margin: 0 10px 10px 0; padding: 10px; background: #E6E7E8 }
.u { text-decoration: underline; }
.imp { color: #006486 }

.clear {clear: both;}

.hide {display: none;}

.left {float: left;}
.right {float: right;}

.col1 { float: left; width: 49% }
.col2 { float: right; width: 49% }

.error {color: red;}

#map {
	width: 380px;
	height: 300px;
}

#content ul.error {background: #fcc; padding: 10px; margin: 1em 0; border: 1px solid #f00;}
#content ul.error li {background: none; padding: 3px 0;}

@font-face {
	font-family: 'DINProMedium';
	src: url('../font/dinpro-medium-webfont.eot');
	src: local('DINPro'), local('DINProMedium'), url('../font/dinpro-medium-webfont.woff') format('woff'), url('../font/dinpro-medium-webfont.ttf') format('truetype'), url('../font/dinpro-medium-webfont.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}


/* LAYOUT */
#page{width:960px;margin:0 auto;text-align:left;}
#header{position:relative;padding:123px 0 0 0; width: 100%; overflow: hidden; margin: 0 0 6px 0;}

#col-left{width:320px;padding:20px 0 31px 30px;margin: 28px 0 0 0;float:left;border-right:1px solid #d2dbe7;background:url(../img/col-left.png) repeat-x bottom;}
#col-right{width:566px;float:right;padding:27px 20px 0 23px;}
#footer{clear:both;border-top:43px solid #fff;;min-height:132px;_height:132px;background: #c8c8c8 url(../img/footer.png) no-repeat center top;}
#footer-in{position:relative;width:760px;padding:0 84px 0 116px;margin:0 auto;text-align: left;}

#logo{position:absolute;top:18px;left:36px;height:70px;overflow:hidden;}
#logo a{color:#e60003;text-decoration:none;font-weight:bold;font-size:26px;}

#user-box #basket-top {text-align:center; height:27px; padding: 0 0 0 5px; margin-left: 10px;}
#basket-top h2 {float: left; font-size: 1.5em;}
#basket-top div {float: right;}
.ro #basket-top div {margin: 5px 2px;}
#basket-top span {display: block; float: left; margin: 5px 0 0 0; padding: 0 3px 0 3px; color: #006486;}
#basket-top a {display: block; float: left; margin: 0; padding: 0; color: #006486;}
#basket-top span.items-count {border-right: 1px #006486 solid;}

#breadcrumbs {padding: 15px 0;}
#breadcrumbs a {float: left; color: #3a3a3a;}
#breadcrumbs .breadcrumb-split {float: left; width: 11px; height: 12px; background:url(../img/breadcrumb-split.png) no-repeat 0px 2px;}



#menu-main{position:absolute;top:70px;right:34px;}
#menu-main li{float:left;}
#menu-main a{display:block;color:#006486;text-decoration:none;font-weight:bold;font-size:13px;padding:0 8px 1px 9px;height:27px;line-height:26px;_float:left;}
#menu-main a:hover{background:#ddeef4;}
#menu-main li.act a{color:#fff;background:#006486;padding:0 10px;}

#header-img {
	position: relative;	
}

#header-img img { float: left;}

#header-img #header-shopinfo {
	position: absolute;
	right: 12px;
	bottom: 8px; 
	line-height: 32px;
	color: #fff !important;
}

#header-img #header-shopinfo a {
	color: #fff !important;
}

#header-img #header-shopinfo .head-links {
	float: left;
}

#header-img #header-shopinfo .head-basket {
	float: right;
	margin-left: 20px;
}

#header-img #header-shopinfo .head-basket strong {
	text-decoration: underline;
	display: block;
	float: left;
	line-height: 32px;
	color: #fff !important;
}

#header-img #header-shopinfo .head-basket a.button {
	background: url("../img/button-kosik.png") no-repeat left;
	padding: 0;
	width: 88px;
	height: 32px;
	float: right;
	margin-left: 10px;
}


#header-img li{float:left;margin:0 0 0 5px;}
#header-img li.first{margin-left:0;}
#header-img li img{float: left;}


#content{width:610px;padding:0 30px 37px 30px;float:right;line-height:13px;border-bottom: 1px solid #dadada;}
#content{
	background-image: linear-gradient(top, #FFFFFF 0%, #FFFFFF 0%, #F1F1F1 53%);
background-image: -o-linear-gradient(top, #FFFFFF 0%, #FFFFFF 0%, #F1F1F1 53%);
background-image: -moz-linear-gradient(top, #FFFFFF 0%, #FFFFFF 0%, #F1F1F1 53%);
background-image: -webkit-linear-gradient(top, #FFFFFF 0%, #FFFFFF 0%, #F1F1F1 53%);
background-image: -ms-linear-gradient(top, #FFFFFF 0%, #FFFFFF 0%, #F1F1F1 53%);

background-image: -webkit-gradient(
	linear,
	left top,
	left bottom,
	color-stop(0, #FFFFFF),
	color-stop(0, #FFFFFF),
	color-stop(0.53, #F1F1F1)
);
}

#content.shop {width: 644px; padding: 0;}
#content.customer {width: 585px;}

#content.content-hp{float:left;}

#content.w-full{width: 900px; padding: 0 30px 37px 30px;}

#content-head{margin:0;padding: 0px 15px;min-height:0;_height:0;background:url(../img/content-head.png) repeat-x bottom;}
#content-head #messenger {padding: 15px 0px 14px 18px;}
#messenger, .confirmation {background: #cfc; margin: 0 -15px; border: 1px solid #090;}
.confirmation {margin: 0; padding: 20px; font-size: 13px;}
#messenger.message__type--warn { background: #fcc; border-color: #900; }

#content h1{font-size:30px;color:#006486;font-weight:normal;letter-spacing:-1px;padding:19px 0 11px 0;line-height:normal;font-family:'DINProMedium','Myriad Pro','Trebuchet MS','Geneva CE',lucida,sans-serif;}
#content h2{font-size:18px;color:#444;padding:15px 0 13px 0;margin:0 0 14px 0;border-bottom:1px solid #dadada;font-family:'DINProMedium','Myriad Pro','Trebuchet MS','Geneva CE',lucida,sans-serif; font-weight: normal;}
#content h3{font-size:16px;color:#444;margin:0 0 14px 0; font-weight: normal;font-family:'DINProMedium','Myriad Pro','Trebuchet MS','Geneva CE',lucida,sans-serif; font-weight: normal;}

#content p {padding:0 0 14px 0; line-height: 1.5em;}
#content ul li{padding:0 0 0 11px;background:url(../img/li.png) no-repeat 0 5px;}
#content ul{padding:0 0 14px 18px;}
#content ul ul{padding:14px 0 14px 18px;}

#content .vop ol { counter-reset: item; margin: 0; padding: 0 0.5em 0 0.5em; }
#content .vop ol > li { display: table; counter-increment: item; margin-bottom: 0.6em; }
#content .vop ol > li:before { content: counters(item, ".") ". "; display: table-cell; padding-right: 0.6em; }
#content .vop li ol > li { margin: 0; padding: 0.5em 0; }
#content .vop li ol > li:before { content: counters(item, ".") " "; }
#content .vop ol > li > ol > li > ol.alpha { list-style-type: lower-alpha; counter-reset: my-vop-counter; }
#content .vop ol > li > ol > li > ol.alpha > li:before { content: counter(my-vop-counter); counter-increment: my-vop-counter; }

#content table.normal{border-top:1px solid #000;border-bottom:1px solid #000;color:#000;margin:6px 0 14px 0;}
#content table.normal th{background:#acd6f2;border-bottom:1px solid #000;padding:6px 10px 6px 10px;}
#content table.normal td{background:#dbecf9;padding:2px 10px 3px 10px;}
#content table.normal tr.highlight td{background:#c4e0f5;}
#content table.normal tr:hover td{background:#fff;}

#content #bread-crumbs{color:#3a3a3a;padding:0 0 21px 0;}
#bread-crumbs li.bread-crumbs-item{display:inline;padding:0;background:none;}
#bread-crumbs a{color:#3a3a3a;float:left;padding:0 8px 0 0;margin:0 4px 0 0;background:url(../img/li-bc.gif) no-repeat right;}

div.gallery {margin:4px -30px 22px -30px;padding:30px 25px 0 75px;background:#e6e7e8;font-size:11px;min-height:0;_height:0;}
#content .gallery ul {padding:0; width: 100%; overflow: hidden;}
#content .gallery li {padding:0 12px 25px 0;float:left;width:160px;background:none;}
#content .gallery li img {padding:10px;background:#f3f3f3;display:block;margin:0 0 12px 0;}
#content .gallery li a {font-weight:bold;}
#content .gallery li a:hover img {background:#ccc;}

#content .productTypeTable {float: left; margin-bottom: 25px; width: 100%;}
#content .productTypeTable .description {margin-bottom: 25px; width: 100%;}
#content .productTypeTable .description table td {text-align: left;}

#content .productTypeTable table.items {width: 100%; border: 1px black solid;}
#content .productTypeTable table.items .price {white-space: nowrap;}
#content .productTypeTable table.items .itemCount {width: 50px;}

#content .productTypeTable table.items th { background: #CFE7FF; border: 1px black solid;}
#content .productTypeTable table.items tr td {border: 1px black solid;}
#content .productTypeTable table.items tr:nth-child(even) td { background: #EFF7FF; }
#content .productTypeTable table.items tr:nth-child(odd)  td { background: #DFEFFF; }

#content .productTypeTable table.items tr td.title {white-space: nowrap;}
#content .productTypeTable table.items tr td.code {}
#content .productTypeTable table.items tr td.packCount {}
#content .productTypeTable table.items tr td.price {}
#content .productTypeTable table.items tr td.count {width: 77px;}
#content .productTypeTable table.items tr td.productType-4 {width: 50px;}
#content .productTypeTable table.items tr td.productType-13 {width: 50px;}
#content .productTypeTable table.items tr td.productType-15 {width: 45px;}
#content .productTypeTable table.items tr td.productType-18 {width: 35px;}
#content .productTypeTable table.items tr td.productType-25 {width: 70px;}
#content .productTypeTable table.items tr td.productType-27 {width: 50px;}
#content .productTypeTable table.items tr td.productType-34 {width: 35px;}

#sidebar{width:310px;float:left;}
#sidebar.sidebar-hp{float:right; width: 284px;}

.cz #sidebar.sidebar-hp {
	float:right;
	width: 320px;
	margin-top: 68px;
}

#sidebar .welkome-banner {
	padding: 78px 17px 0 17px;
	width: 286px;
	height: 330px;
	background: url("../img/hp-right-cz.png");
	position: relative;
	line-height: 1.5;
}

#sidebar .welkome-banner a.image-link {
	position: absolute;
	display: block;
	width: 206px;
	height: 35px;
	background-repeat: no-repeat;
	background-position: 0 0;
}

#sidebar .welkome-banner a.image-link:hover {
	background-position: 0 100%;
}

#sidebar .welkome-banner a.pruvodce-nakupem {
	top: 254px;
	left: 20px;
	background-image: url("../img/pruvodce.png");
}

#sidebar .welkome-banner a.certifikaty-kvality {
	bottom: 13px;
	right: 17px;
	background-image: url("../img/certifikaty-kvality.png");
	width: 183px;
}

#submenu{background:#e6e7e8;padding:13px 0 18px 0;}
#submenu li{padding:11px 20px 10px 47px;min-height:0;_height:0;}
#submenu li.act{padding:0;background-color:#d1d3d4;}
#submenu li.act li{padding:5px 20px 4px 47px;}
#submenu li.act li.act li{padding:5px 0 5px 22px;}
#submenu li.act ul{padding:4px 0 0 0;border-bottom:5px solid #fff;}
#submenu li.act ul ul { border: 0; }
#submenu li.act li.act ul{padding:5px 0;border:0;}
#submenu a{text-decoration:none;font-size:12px;}
#submenu li.act a{display:block;min-height:0;_height:0;text-decoration:none;padding:12px 20px 10px 47px;border-top:5px solid #fff;border-bottom:5px solid #fff;font-weight:bold;font-size:13px;background:url(../img/white.gif) repeat-y 35px 0;}
#submenu li.act ul a{padding:0 0 0 11px;border:0;font-weight:normal;font-size:12px;background:none;color:#444;background:url(../img/li-menu.gif) no-repeat 0 5px;}
#submenu li.act li.act a,#submenu li.act li.act li.act a{font-weight:bold;}
#submenu li.act li.act li a { font-weight: normal; }
/*
	#submenu li.act li.act li.act a{color:#006486;}
	#submenu li.act li.act li a{font-weight:normal;font-size:11px;padding:0;}
*/
#submenu ul ul a:hover,#submenu li.act ul a:hover{text-decoration:underline;}
#submenu a:hover{text-decoration:underline;}

#user-submenu #submenu {height: 36px; padding: 0;}
#user-submenu #submenu li {float: left; padding: 10px 20px;}
#user-submenu #submenu li.act {padding: 10px 20px;}
#user-submenu #submenu li.act a{display:block;min-height:0;_height:0;text-decoration:none;padding:0;border: none;font-weight:bold;font-size:13px;background:none;}

#col-left h1{position:relative;font-size:14px;line-height:17px;color:#006486;font-family:'DINProMedium', 'Myriad Pro', 'Trebuchet MS', 'Geneva CE', lucida, sans-serif;font-weight:normal;margin:-28px 0 0 0;padding:0 0 16px 0;}

#navigation li.navigation-item{margin:0 7px 0 0;padding:39px 0 0 0;width:195px;float:left;background:none;font-size:12px;color:#666;line-height:18px;}
#navigation li.navigation-item h2{font-size:24px;font-weight:normal;letter-spacing:-2px;color:#454546;margin:0 0 9px 0;line-height:normal;font-family:'DINProMedium','Myriad Pro','Trebuchet MS','Geneva CE',lucida,sans-serif;}
#navigation li.navigation-item h2 span{font-size:18px;line-height:14px;display:block;letter-spacing:-1px;}
#navigation li.navigation-item img{display:block;margin:0 0 14px 0;}
#navigation li.navigation-item p{padding:0 4px 0 0;}
#navigation li.navigation-item p.more{padding:22px 0 14px 17px;background:url(../img/button.png) no-repeat 0 9px; }
#navigation li.navigation-item p.more a{display:block;width:110px;line-height:22px;padding:0 0 0 15px;color:#3a3a3a;font-weight:bold;font-size:12px;text-decoration:none;background:url(../img/li-red.gif) no-repeat 7px center;}
#navigation li.navigation-item p.more a:hover{color:#f30003;}

#news{font-size:12px;line-height:16px;color:#036687;}
#news ul{margin:0;padding:0;}
#news ul li{margin:0;padding:0;background:none;}
#news ul li{margin:0 0 17px 0;}
#news h3{font-size:24px;font-weight:normal;line-height:normal;font-family:'DINProMedium','Myriad Pro','Trebuchet MS','Geneva CE',lucida,sans-serif;color:#006486;letter-spacing:-1px;margin:0 0 27px 0;}
#news h2{line-height:normal;margin:0 0 16px 0;}
#news p.more{font-size:11px;text-align:right;}
#news p.more a{padding:0 0 0 16px;background:url(../img/li-yell-bg.gif) no-repeat left;}

#footer a.logo-footer{position:absolute;top:25px;left:30px;font-size:26px;color:#e60003;text-decoration:none;}

#menu-footer{padding:25px 0 31px 0;}
#menu-footer  li{float:left;font-weight:bold;padding:0 11px 0 0;}

#copy{clear:both;color:#000;line-height:13px;}
#copy a{color:#000;text-decoration:none;}
#copy a:hover{text-decoration:underline;}

/* ROZCESTNÍK */
#rozcestnik{background: #fff url(../img/bg.png) repeat-x 0 75px;}
#rozcestnik-container{width:590px;margin:0 auto;padding:31px 0 0 0;}
#rozcestnik h1{background:#ed1c23;width:159px;;height:53px;overflow:hidden;margin:0 auto 72px auto;}
#rozcestnik h1 a{color:#ffde26;text-decoration:none;font-size:44px;}

#rozcestnik-vlevo,#rozcestnik-vpravo{position:relative;float:left;width:224px;min-height:213px;_height:213px;text-align:left;padding:23px 15px 43px 15px;margin:0 0 73px 0;border:13px solid #ededed;background:#d1dae6 url(../img/rozcestnik/bg_gray.png) repeat-x;}
#rozcestnik-vpravo{float:right;background:#ed1c23;}

#rozcestnik-vlevo h2,#rozcestnik-vpravo h2{font-size:16px;font-weight:normal;color:#fff;letter-spacing:-1px;margin:0 -28px 0 0;padding:2px 10px 12px 32px;background:#37819c;border-right:13px solid #478da5;font-family:'DINProMedium','Myriad Pro','Trebuchet MS','Geneva CE',lucida,sans-serif;}
#rozcestnik-vpravo h2{background:#47080a;border-right:13px solid #474747;}
#rozcestnik-vlevo h2 span,#rozcestnik-vpravo h2 span{display:block;font-size:10px;line-height:12px;letter-spacing:0;color:#a8d1e0;font-family:'DINProMedium','Myriad Pro','Trebuchet MS','Geneva CE',lucida,sans-serif;}
#rozcestnik-vpravo h2 span{color:#b0b0b0;}

#rozcestnik p.enter{padding:13px 0 14px 17px;margin:0 0 -3px 12px;background:url(../img/button.png) no-repeat; }
#rozcestnik p.enter a{display:block;width:88px;line-height:22px;padding:0 0 0 45px;color:#3a3a3a;font-weight:bold;font-size:12px;text-decoration:none;background:url(../img/li-red.gif) no-repeat 35px center;}
#rozcestnik p.enter a:hover{color:#f30003;}

#rozcestnik-vlevo ul li,#rozcestnik-vpravo ul li{color:#006486;font-size:18px;font-family:'DINProMedium','Myriad Pro','Trebuchet MS','Geneva CE',lucida,sans-serif;padding:0 0 0 8px;margin:0 0 0 24px;background:url(../img/li-red.gif) no-repeat 0 8px;}
#rozcestnik-vlevo ul li a,#rozcestnik-vpravo ul li a{color:#006486;text-decoration:none;}
#rozcestnik-vpravo ul li{color:#fff;background-image:url(../img/li-yell.gif);}
#rozcestnik-vpravo ul li a{color:#fff;}
#rozcestnik-vlevo ul li a:hover{color:#ed1c24;}
#rozcestnik-vpravo ul li a:hover{color:#ffdd2b;}

#rozcestnik-vlevo img.img-bottom{position:absolute;bottom:-71px;right:-12px;}
#rozcestnik-vpravo img.img-bottom{position:absolute;bottom:-75px;right:-6px;}

#rozcestnik-footer{clear:both;width:314px;margin:0 auto;color:#a3a3a3;line-height:13px;padding:9px 0 20px 0;border-top:2px solid #ddd;}
#rozcestnik-footer a{color:#a3a3a3;text-decoration:none;}
#rozcestnik-footer a:hover{text-decoration:underline;}

/* content */
.article { padding: 0 0 1em 0; clear: both; width: 100%; overflow: hidden}
.articlelist { padding: 0 30px 30px 30px; }
.article ul { padding: 0.2em 0 0.8em 15px; }
.article ul li { padding: 0 0 0 12px; background: url(../img/li.gif) no-repeat 0 0.5em; }

.article table { margin: 0.5em 0;}
.article th, .article td { padding: 0.4em 0.8em; }
.article th { background: #DDD; color: #423f69; font-weight: bold; text-align: center; border: 1px solid #fff; vertical-align: middle;  }
.article td { text-align: center; }
.techdata td { text-align: right; }

.article thead th { background: #ACD6F2; color: #000; }
.article tbody th { background: #fff; color: #000; font-weight: bold;}

.article td.empty { background: #fff !important; }

.article .seid38 th { border: 1px solid #ccc;  }
.article .seid38 td.bg1 { background: #FFF9B8 }
.article .seid38 .even td.bg1 { background: #FFFCD5 }
.article .seid38 td { background: #D0E4A9; border: 1px solid #ccc; }
.article .seid38 .even td { background: #E1EECA }

.article .techdata td.alt, .article .techdata tr.alt td, .article .techdata tr.alt th { background: #FFF9B8 }
.article .techdata .even td.alt, .article .techdata td.alt2, .article .techdata tr.alt2 td, .article .techdata tr.alt2 th { background: #FFFCD5 }



.article table.general { width: 100%; }
.article .general td, .article .general tbody th { background: #DBECF9; border-left: 1px solid #fff;}
.article .general .even td, .article .general tbody .even th { background: #C4E0F5 }

p.bg1 { background: url(../img/bg1.gif) no-repeat 0 2px; padding-left: 12px !important; }
p.bg2 { background: url(../img/bg2.gif) no-repeat 0 2px; padding-left: 12px !important; }
p.bg3 { background: url(../img/bg3.gif) no-repeat 0 2px; padding-left: 12px !important; }


.imgs { float: left; width:375px; overflow: hidden; }
.imgs .crop { width:300px; overflow: hidden; float: left;}
.imgs ul { width: 75px; float: right; padding: 15px 0 0 0; }
.imgs ul li { padding: 0 0 10px 0; width: 75px; overflow: hidden; }
.imgs li img { border: 3px solid #ddd; display: block; }

.download { background: url(../img/download.png) repeat-x bottom; width: 180px; float: right; }
.download ul { padding: 15px 25px; }
.download ul li { background: none; padding: 0 0 0.5em 30px; }
.download a { text-decoration: none; color: #333; }
.download a span { color: #777777; }
.download a:hover { color: #f20b0e; }
.download .pdf { background: url(../img/ico-pdf.gif) no-repeat; }

.info { margin:4px -30px 22px -30px;padding:25px 25px 25px 30px;background:#e6e7e8; }
.article .info td, .article .info th { background: #bbb; color: #fff; border: 1px solid #E6E7E8 }
.info img {padding:10px;background:#f3f3f3;display:block;margin:0 0 12px 0;}

.ramecek {   border: 5px solid #DDDDDD;}
.contact { float: left; width: 170px; }
.contact table { width: 90% }
.contact td { text-align: left; border: none; padding: 0.2em 0.3em 0.2em 0;}


/*
    ColorBox Core Style
    The following rules are the styles that are consistant between themes.
    Avoid changing this area to maintain compatability with future versions of ColorBox.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative; overflow:visible;}
#cboxLoadedContent{overflow:auto;}
#cboxLoadedContent iframe{display:block; width:100%; height:100%; border:0;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}

/*
    ColorBox example user style
    The following rules are ordered and tabbed in a way that represents the
    order/nesting of the generated HTML, so that the structure easier to understand.
*/
#cboxOverlay{background:#fff;}
#colorbox{}
#cboxContent{margin-top:32px;}
#cboxLoadedContent{background:#000; padding:1px;}
#cboxLoadingGraphic{background:url(../img/loading.gif) no-repeat center center;}
#cboxLoadingOverlay{background:#000;}
#cboxTitle{position:absolute; top:-22px; left:0; color:#000;}
#cboxCurrent{position:absolute; top:-22px; right:205px; text-indent:-9999px;}
#cboxSlideshow, #cboxPrevious, #cboxNext, #cboxClose{text-indent:-9999px; width:20px; height:20px; position:absolute; top:-20px; background:url(../img/controls.png) no-repeat 0 0;}
#cboxPrevious{background-position:0px 0px; right:44px;}
#cboxPrevious.hover{background-position:0px -25px;}
#cboxNext{background-position:-25px 0px; right:22px;}
#cboxNext.hover{background-position:-25px -25px;}
#cboxClose{background-position:-50px 0px; right:0;}
#cboxClose.hover{background-position:-50px -25px;}
.cboxSlideshow_on #cboxPrevious, .cboxSlideshow_off #cboxPrevious{right:66px;}
.cboxSlideshow_on #cboxSlideshow{background-position:-75px -25px; right:44px;}
.cboxSlideshow_on #cboxSlideshow.hover{background-position:-100px -25px;}
.cboxSlideshow_off #cboxSlideshow{background-position:-100px 0px; right:44px;}
.cboxSlideshow_off #cboxSlideshow.hover{background-position:-75px -25px;}

.border-line {margin: 0 15px; width: 1px; float: left; background-color: #C3C3C3;}

#paramFilters {background-color: #E6E7E8; padding: 10px 0 0 45px;}
#paramFilters h3 {margin: 15px 0 15px 0;font-family:'DINProMedium','Myriad Pro','Trebuchet MS','Geneva CE',lucida,sans-serif; font-size: 16px; font-weight: normal;}
#paramFilters ul li ul {margin-left: 15px;}


#paramFilters .groupItems tr td {padding: 2px 6px 2px 0px; color: #006486; font-weight: bold;}
#param_group_filter p {
	padding-right: 10px;
}

.category-description {
	padding: 14px 6px 0px 6px;
}

#content .product-item {width: 311px; height: 190px; float: left; border: 1px #DADADA solid; margin: 0 2px 6px 4px; position: relative;}
#content .product-list { padding: 6px 0 0 2px;}
#content .product-item h2 {padding: 0; margin: 0; border: none; text-align: left; font-size: 15px;}
#content .product-item table {text-align: left; float: left; width: 203px;}
#content .product-item table td {text-align: left; line-height: 10px; padding: 0.4em 0 0.4em 0.8em;}
#content .product-item table td h2 {white-space: normal; line-height: 18px;}
#content .product-item table td strong {color: black;}
#content .product-item table a {text-decoration: none;}
#content .product-item table a:hover {text-decoration: underline;}

#content .product-item .product-image {float: right; width: 100px; height: 100px; margin: 3px 3px 0 0;}

#content .product-item .product-detail {position: absolute; bottom: 10px; left: 10px;}
#content .product-item .product-buy {position: absolute; bottom: 5px; right: 5px;}
#content .product-item .product-buy form { *width: 140px}
#content .product-item .product-buy .input {float: left; margin-right: 15px;}
#content .product-item .product-buy .input input {width: 50px;}
#content .product-item .product-buy .input_submit {float: right;}

#content .product-item .product-categories {margin-bottom: 5px;}
#content .product-item .product-categories h3 {margin: 0 0 2px 0;}

#content .product-item .product-price {margin-bottom: 5px;}

#content .product-item .help, #content #item-detail .help, .tooltip {cursor: pointer;}
#content .product-item .help span, #content #item-detail .help span {
	color: #444;
	text-decoration: none;
	padding: 0 10px 0 0;
}

#user-box {background: url("../img/hp-login-back-yellow.png") no-repeat; width: 320px;	height: 150px; float: right; padding: 0px;}
#user-box div, #jqmodal div {margin: 5px;}
#user-box h2, #jqmodal h2 {font-size: 18px;font-family:'DINProMedium','Myriad Pro','Trebuchet MS','Geneva CE',lucida,sans-serif;}
#user-box #login-form, #jqmodal #login-form {margin-top: 15px; line-height: 19px;}
#user-box #login-form input, #jqmodal #login-form input {width: 140px; float: left;}
#user-box #login-form label, #jqmodal #login-form label {float: left; padding: 0 5px 0 0; width: 70px}
#user-box #login-form p, #jqmodal #login-form p {clear: left; padding: 0 0 5px 0; width: 100%; overflow: hidden;}
#user-box #login-form .submit, #jqmodal #login-form .submit {margin: 0 0 0 75px; cursor: pointer; padding: 3px 30px 3px 30px; width: auto;}

#user-box .login-box {padding: 10px}
#user-box .login-box h2 { margin: 0 0 10px 0;}

#user-box .col1, #user-box .col2 {margin: 0;}
#user-box .col1 h2 {margin: 15px 0 10px 15px;}
#user-box .col1 span {margin-left: 15px;}

#user-box .col2 a {margin: 38px auto;}

#user-box #login-form table td {padding: 0 5px; line-height: 20px;}

#item-detail .item-basic, #item-detail .item-purchase, #item-detail .item-desc {background-color: #E6E7E8; padding: 15px; margin-bottom: 15px; overflow: hidden;}
#item-detail .item-basic img {border: 4px white solid; }
#item-detail .item-basic h2 {border: none;}
#item-detail .item-basic .col1 table {width: 70%; text-align: left; margin-bottom: 15px;}
#item-detail .item-basic .col1 table td {text-align: left;}
#item-detail .item-basic .col2 {text-align: right;}
#item-detail .item-params .param {width: 118px; float: left; border: 1px white solid; margin-left: -1px; text-align: center;}
#item-detail .item-params .param .label {background-color: #ACD6F2; padding: 10px 2px 10px 2px;}
#item-detail .item-params .param .value {background-color: #DBECF9; border-top: 1px white solid; padding: 10px 2px 10px 2px; }

#item-detail .item-image {float: left; margin: 0 5px; border: 1px #DADADA solid;}

#item-detail .item-purchase {color: #046687;}
#item-detail .item-purchase .col1 {line-height: 30px;}
#item-detail .item-purchase .col2 {line-height: 30px; text-align: right; width: 200px;}
#item-detail .item-purchase .col2 span {float: left;}
#item-detail .item-purchase .col2 .input {float: left;}
#item-detail .item-purchase .col2 .input_submit {float: right;}
#item-detail .item-purchase .col2 input {width: 100px;}
#item-detail .item-purchase .col2 .product_count {width: 50px;}

#item-detail .item-desc {background-color: white; margin: 0;}

.cz #content.content-hp {
	padding: 0 0 0px 0;
	background: none;
}

#content.content-hp span.desc {display: block; color: #006486; margin: 25px 0 10px 0;}
#content.content-hp, #content.content-hp h1 {color: #444444;}
#content.content-hp .col1 img, #content.content-hp .col2 img {margin: 0 0 15px 0;}
#content.content-hp .col1 p, #content.content-hp .col2 p {height: 45px;}

.button {border: none; display: block; padding: 4px 20px 4px 26px; background: #FFEF03 url("../img/button.png") no-repeat -3px -1px; text-decoration: none; color: black; font-weight: bold; display: inline-block; line-height: 1.4;}

.button.red {width: 103px; padding: 5px 0 0 26px; height: 17px; background: url("../img/button-red.png") no-repeat; color: white;}
.button.button-gray {background: url("../img/button-grey.png") no-repeat -3px -1px; border: 3px solid #d7d7d7;border-radius: 3px;}

input.button {text-align: left; padding: 2px 20px 1px 26px; margin: 0; border: 3px solid #ffef03; border-radius: 2px; display: inline-block; line-height: 1.4; cursor: pointer;}
input.button.red {background: url("../img/button-red.png") no-repeat; color: white; border-right: 3px #E92003 solid;}

.shadow {
  -moz-box-shadow:    2px 2px 15px -2px #000;
  -webkit-box-shadow: 2px 2px 15px -2px #000;
  box-shadow:         2px 2px 15px -2px #000;
}

.sidebar-hp .login-box {float: left; margin-bottom: 25px; width: 276px; height: 124px; padding: 8px 0 0 8px; background: url("../img/hp-login-back.png") no-repeat;}
.sidebar-hp .login-box h2 {font-size: 30px; font-weight: normal;font-family:'DINProMedium','Myriad Pro','Trebuchet MS','Geneva CE',lucida,sans-serif;}
.sidebar-hp .login-box .clear {height: 10px;}
.sidebar-hp .login-box a {color: #006486;}
.sidebar-hp .login-box input.submit {width: 109px; height: 22px; background: url("../img/login.png") no-repeat; border: none; position: relative; top: 8px; }
.hu .sidebar-hp .login-box input.submit {background: url("../lang-hu/img/login.png") no-repeat;}
.ro .sidebar-hp .login-box input.submit {background: url("../lang-ro/img/login.png") no-repeat;}

.sidebar-hp .login-box.logged-box h2 {font-size: 25px;}
.sidebar-hp .login-box.logged-box div {height: 50%;}
.sidebar-hp .login-box.logged-box .button {color: black; margin: 5px 2px; }
.sidebar-hp .login-box.logged-box a.customer {font-size: 14px; font-weight: bold; margin: 5px 0 0 0; display: block; }


.sidebar-hp .register-banner {margin-bottom: 25px;}

.sidebar-hp .basket-box {margin-bottom: 25px; width: 276px; height: 63px; padding: 8px 0 0 8px; background: url("../img/hp-basket-back.png") no-repeat;}
.sidebar-hp .basket-box h2 {font-size: 30px; font-weight: normal;font-family:'DINProMedium','Myriad Pro','Trebuchet MS','Geneva CE',lucida,sans-serif;}
.sidebar-hp .basket-box a {float: right; position: relative; bottom: 5px; right: 20px;}

.sidebar-hp .news-box {margin-bottom: 25px; width: 284px; padding: 0; color: #006486;}
.sidebar-hp .news-box h2 {font-size: 30px; font-weight: normal;}
.sidebar-hp .news-box h3 {font-size: 15px; font-weight: normal;}
.sidebar-hp .news-box p {padding-left: 1px;}
.sidebar-hp .news-box a.more {float: right; padding-left: 12px; background: url("../img/more-bg.png") no-repeat 0px 4px; color: #006486; font-size: 15px;}

.sidebar-hp .newsletter-box {margin-bottom: 25px; width: 275px; height: 94px; background-color: #F1F1F1; padding: 8px 0 0 8px;}
.sidebar-hp .newsletter-box h2 {font-size: 30px; font-weight: normal;}

#order-basket table, #order-detail table {width: 100%; margin: 0 0 20px 0;}
#order-basket table th, #order-detail table th {background-color: #eee;}
#order-basket table tr, #order-detail table tr {border-bottom: 1px #ddd solid; white-space: nowrap; line-height: 22px;}
#order-basket table tr td.product, #order-detail table tr td.product {text-align: left;}

.order-step {width: 100%; height: 140px;}
.order-step .step a, .order-step .step span.step_content {float: left; width: 131px; height: 131px; background: url("../img/orderstep.png") no-repeat;font-family:'DINProMedium','Myriad Pro','Trebuchet MS','Geneva CE',lucida,sans-serif; letter-spacing: -1px;;}
.order-step .step a, .order-step .step span.step_content {margin: 5px 6px; position: relative; color: white; text-decoration: none; line-height: 22px; border: 4px #eee solid}
.order-step .step.act a, .order-step .step.act span.step_content {background: url("../img/orderstep-act.png") no-repeat; color: #444;}
.order-step .step a:hover {text-decoration: underline;}
.order-step .step {font-size: 22px; color: white;}
.order-step .step .step_title {font-size: 22px; position: absolute; top: 5px; left: 5px;}
.order-step .step .step_no {font-size: 48px; position: absolute; bottom: 5px; left: 5px; line-height: 1;}

.order-step .arrow {float: left; width: 26px; height: 27px; background: url("../img/orderstep-arrow.png") no-repeat; position: relative; top: 59px; margin: 0 5px;}

#order-login {}
#order-login .box {width: 275px; height: 270px; float: left; line-height: 18px; position: relative;}
#order-login .box form {padding: 0 0 0 7px;}
#order-login .box h2 {color: #4d4d4d; font-size: 20px; border: none; padding: 0 0 0 15px;}
#order-login .box p, #order-login .box strong {padding: 0 15px;}
#order-login .box ul li {background-image: url("../img/li-yell-bg.gif")}
#order-login .box label {color: #4BA1BE;}
#order-login .box .button {position: absolute; bottom: 15px; right: 5px;}
#order-login .border-line {position: relative; top: 60px; margin: 0 15px; height: 200px;}

#order-basket table td.order-item-title, #order-detail table td.order-item-title {white-space: normal;}
#order-basket table tr input.text, #order-detail table tr input.text {width: 40px;}
#order-basket table th{padding: 5px 15px;}

#order-basket table td.order-item-title {text-align: left; padding: 5px 20px 5px 21px;}
#order-basket table td.order-item-count {text-align: center; padding: 5px 10px 5px 11px;}
#order-basket table td.order-item-price {text-align: right; padding: 5px 9px 5px 11px ;}
#order-basket table td.order-item-price-dph {text-align: right; padding: 5px 10px 5px 9px;}
#order-basket table td.order-item-price-final {text-align: right; padding: 5px 15px 5px 14px;}

#order-basket .button {margin: 0 15px;}

#order-detail.menu-left table { width: 110%; position: relative; left: -5%;}
#order-detail.menu-left table td.product {white-space: normal;}
#order-detail .button {margin: 0 15px;}
#order-detail .confirm input {position: relative; top: 2px;}



table td.priceperpiece,
table td.price,
table td.dph,
table td.dphprice {white-space: nowrap; text-align: right;}

#order-detail table td.product {text-align: left; padding: 5px 20px 5px 21px;}
#order-detail table td.count {text-align: center; padding: 5px 10px 5px 11px;}
#order-detail table td.priceperpiece {text-align: right; padding: 5px 9px 5px 11px ;}
#order-detail table td.price {text-align: right; padding: 5px 10px 5px 9px;}
#order-detail table td.dph {text-align: right; padding: 5px 10px 5px 9px;}
#order-detail table td.dphprice {text-align: right; padding: 5px 15px 5px 14px;}

#order-shipping h3 {text-align: left;}
#order-shipping form {width: 100%; background: url(../img/order-shipping.gif) repeat-y center;}
#order-shipping table td {text-align: left;}
#order-shipping .button {margin: 0 15px;}
#order-shipping .col1 table {width: 100%;}
#order-shipping .col2 table {width: 100%;}
#order-shipping .col1 table tr td:nth-child(2) {width: 75px; padding-left: 0px; padding-right: 0px;}
#order-shipping .col2 table tr td:nth-child(2) {width: 85px; padding-left: 0px; padding-right: 0px;}
#order-shipping .col1.palette table tr td:nth-child(2) {width: 70px; padding-left: 0px; padding-right: 0px;}

#order-shipping table tr.withoutPalette {
	border: 1px #dadada solid;
	background-color: #ffef03;
}

#order-shipping table tr.withoutPalette td {
	padding: 3px 7px;
}

#order-shipping table tr.withoutPalette td:last-child {
	padding: 1px 5px;
}

#customer-credentials fieldset {width: 130px; padding: 5px 25px 10px 5px; border: 2px #006486 solid; float: left; margin: 15px 30px;}
#customer-credentials fieldset input, #customer-credentials fieldset select {float: right;}


#order-credentials .col1, #order-credentials .col2 {padding: 0 25px 0 5px; width: 44%; line-height: 34px;}
#order-credentials legend, #customer-credentials fieldset legend {font-size: 14px; font-weight: bolder;}
#order-credentials label, #customer-credentials fieldset label {float: left;}
#order-credentials input, #order-credentials select {float: right; width: 242px; height: 24px; margin: 5px 0;}
#order-credentials textarea {float: right; width: 242px;}
#order-credentials input#useShippingAddress {float: left; width: auto !important; margin-left: 45px; *border:0 }
#order-credentials br, #customer-credentials br {clear: both;}
#order-credentials .border-line {position: relative; top: 6px; margin: 0 15px; height: 400px;}
#order-credentials input.button { width: auto; margin: 0 15px 0 0;}

#order-detail {position: relative;}
#order-detail .order-shipping-note {float: left; margin: 5px 50px 25px 0; padding-left: 21px;}
#order-detail .order-note {float: left; margin: 5px 50px 25px 0; width: 280px; padding-left: 21px;}
#order-detail .order-address {float: left; margin: 5px 50px 5px 0; width: 280px;}
#order-detail .order-address h3 {padding-left: 21px;}
#order-detail .order-address table td {text-align: left; padding-left: 21px;}
#order-detail .order-address span {}
#order-detail .reorder {float: right; margin-bottom: 10px;}

input.order-refresh {width: 18px; height: 18px; background: url("../img/refresh.png") no-repeat; border: none; cursor: pointer;}
input.order-delete {width: 18px; height: 18px; background: url("../img/delete.png") no-repeat; border: none; cursor: pointer;}

#atyp_page, #partner_page {margin: 0 30px;}

.req {margin: 0 5px 0 0; color: red;}

#atyp_form table tr td, #partner_form table tr td {text-align: left; line-height: 18px;}
#atyp_form table tr td .req, #partner_form table tr td .req {margin: 0 -5px 0 0;padding: 0;position:relative; right: 10px; color: red;}
#atyp_form .atyp_spec {
	position: relative;
	border-bottom: 1px #C3C3C3 solid;
	margin: 10px 0;
}
#atyp_form .atyp_spec.removed {
	border-bottom: none;
	margin: 0;
}
#atyp_form .atyp_spec .atyp_delete {
	cursor: pointer;
	padding: 1px 6px;
	margin: 8px 2px;
	border: 1px #4BA1BE solid;
	background-color: rgb(221, 221, 221);
	display: block;
	width: 100px;
}
#atyp_form .atyp_spec .atyp_toggle {
	position: absolute;
	top: 1px;
	right: 0px;
	width: 20px;
	height: 20px;
	cursor: pointer;
}
#atyp_form .atyp_spec .atyp_toggle.plus {
	background: url("../img/krizek-off.png") no-repeat;
}

#atyp_form .atyp_spec .atyp_toggle.minus {
	background: url("../img/krizek-on.png") no-repeat;
}


#partner_form .checkbox_wraper {width: 130px;}

.loader {background: url("../img/loading_alfa.gif") no-repeat; width: 50px; height: 50px; position: absolute; top: 50%; left: 50%;}

.login-box #login-form input { margin: 0; padding: 3px; width: 110px;}



/* jqModal base Styling courtesy of;
	Brice Burgess <bhb@iceburg.net> */

/* The Window's CSS z-index value is respected (takes priority). If none is supplied,
	the Window's z-index value will be set to 3000 by default (via jqModal.js). */

.jqmWindow {
    display: none;

    position: fixed;
    top: 17%;
    left: 50%;

    margin-left: -150px !important;
    width: 300px;

    background-color: #F1F1F1;
    color: #333;
    border: 1px solid black;
    padding: 12px;
	font-size: 12px;
}

.jqmOverlay { background-color: #000; }

/* Background iframe styling for IE6. Prevents ActiveX bleed-through (<select> form elements, etc.) */
* iframe.jqm {position:absolute;top:0;left:0;z-index:-1;
	width: expression(this.parentNode.offsetWidth+'px');
	height: expression(this.parentNode.offsetHeight+'px');
}

/* Fixed posistioning emulation for IE6
     Star selector used to hide definition from browsers other than IE6
     For valid CSS, use a conditional include instead */
* html .jqmWindow {
     position: absolute;
     top: expression((document.documentElement.scrollTop || document.body.scrollTop) + Math.round(17 * (document.documentElement.offsetHeight || document.body.clientHeight) / 100) + 'px');
}

.closejq {position: absolute; top:10px; right:10px; display: block; width: 24px; height: 24px; background: url(../img/jqclose.gif) no-repeat; cursor: pointer;}

#float { position: absolute; top: 90px; right: 15px; padding: 0 0 5px 0; background: #F1F1F1; width: 150px;}
#float strong { background: url(../img/nav.gif) repeat-x;display: block; padding: 5px 10px; margin: 0 0 10px 0; font-weight: normal; border-bottom: 1px solid #CACACA }
#float input { display: block; float: none; width: 120px; margin: 5px 10px; }

.pagination {
    padding: 10px;
    text-align: center;
    font-size: 12px;
}

.pagination a, .pagination strong {
    display: inline-block;
    overflow: visible;
    margin: 0 10px 0 0;
    padding: 6px 10px 5px 10px;
    border: 0;
    color: #fff;
    vertical-align: baseline;
    text-align: center;
    text-decoration: none;
    white-space: nowrap;
    line-height: 1.5;
    cursor: pointer;
    *display: inline;
    *zoom:1;
}

.pagination a, .pagination strong {
    margin: 0 1px;
    padding: 4px 10px 3px 10px;
    border: 1px solid #DBDBDC;
    color: #464c54;
}

.pagination a:hover {
    color: #e60003;
}

.pagination strong, .pagination a.active {
    background: #fff url(../img/page-active.png) repeat-x;
}

a.special_submit {height: 14px; margin: 1px; padding: 1px 6px; border: 1px #4BA1BE solid; background-color: rgb(240, 240, 240); color: black; text-decoration: none;}

.download-list {
	border-top: 1px #DADADA solid;
	border-bottom: 1px #DADADA solid;
	margin-top: 30px;
	padding: 20px 10px 6px 10px;
}

#content .download-list ul {
	padding: 0;
}

.download-list .left a {
	text-decoration: none;
}

.download-list .left a:hover {
	text-decoration: underline;
}

.download-list .right a {
	display: block;
	height: 16px;
	text-align: left;
	padding-right: 26px;
	background-image: url("../img/download.png");
	background-repeat: no-repeat;
	background-position: 100% 0;
	line-height: 16px;
}

.poznamka {
	background-color: #fff; 
	padding: 8px 0 !important; 
	position: relative; 
	bottom: -10px;
}

.poznamka a {
	text-decoration: none;
	color: #444;
}

.nyroModalBg {
	position: fixed;
	overflow: hidden;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	background: #000;
	opacity: 0.7;
}
.nmReposition {
	position: absolute;
}
.nyroModalCloseButton {
	top: -13px;
	right: -13px;
	width: 12px;
	height: 12px;
	text-indent: -9999em;
	background: url(../img/close.gif);
}
.nyroModalTitle {
	top: -26px;
	left: 0;
	margin: 0;
    font-size: 1.1em;
	color: #ddd;
}
.nyroModalCont {
	position: absolute;
	border: 4px solid #777;
	margin: 25px;
	background: #fff;
}
.nyroModalCont iframe {
	width: 600px;
	height: 400px;
}
.nyroModalError {
	border: 4px solid red;
	color: red;
	width: 250px;
	height: 250px;
}
.nyroModalError div {
	min-width: 0;
	min-height: 0;
	padding: 10px;
}
.nyroModalLink, .nyroModalDom, .nyroModalForm, .nyroModalFormFile {
	position: relative;
	padding: 10px;
	min-height: 250px;
	min-width: 250px;
	max-width: 1000px;
}
.nyroModalImage, .nyroModalSwf, .nyroModalIframe, .nyroModalIframeForm {
	position: relative;
	overflow: hidden;
}
.nyroModalImage img {
    vertical-align: top;
}
.nyroModalHidden {
	left: -9999em;
	top: -9999em;
}
.nyroModalLoad {
	position: absolute;
	width: 100px;
	height: 100px;
	background: #fff url(../img/ajaxLoader.gif) no-repeat center;
	padding: 0;
}
.nyroModalPrev, .nyroModalNext {
	outline: none;
	position: absolute;
	top: 0;
	height: 60%;
	width: 150px;
	min-height: 50px;
	max-height: 300px;
	cursor: pointer;
	text-indent: -9999em;
	background: transparent url('data:image/gif;base64,AAAA') left 20% no-repeat;
}
.nyroModalImage .nyroModalPrev, .nyroModalImage .nyroModalNext {
	height: 100%;
	width: 40%;
	max-height: none;
}
.nyroModalPrev {
	left: 0;
}
.nyroModalPrev:hover {
	background-image: url(../img/prev.gif);
}
.nyroModalNext {
	right: 0;
	background-position: right 20%;
}
.nyroModalNext:hover {
	background-position: right 20%;
	background-image: url(../img/next.gif);
}

.tooltipster-default{border-radius:5px;border:2px solid #000;background:#4c4c4c;color:#fff}.tooltipster-default .tooltipster-content{font-family:Arial,sans-serif;font-size:14px;line-height:16px;padding:8px 10px;overflow:hidden}.tooltipster-icon{cursor:help;margin-left:4px}.tooltipster-base{padding:0;font-size:0;line-height:0;position:absolute;left:0;top:0;z-index:9999999;pointer-events:none;width:auto;overflow:visible}.tooltipster-base .tooltipster-content{overflow:hidden}.tooltipster-arrow{display:block;text-align:center;width:100%;height:100%;position:absolute;top:0;left:0;z-index:-1}.tooltipster-arrow span,.tooltipster-arrow-border{display:block;width:0;height:0;position:absolute}.tooltipster-arrow-top span,.tooltipster-arrow-top-left span,.tooltipster-arrow-top-right span{border-left:8px solid transparent!important;border-right:8px solid transparent!important;border-top:8px solid;bottom:-7px}.tooltipster-arrow-top .tooltipster-arrow-border,.tooltipster-arrow-top-left .tooltipster-arrow-border,.tooltipster-arrow-top-right .tooltipster-arrow-border{border-left:9px solid transparent!important;border-right:9px solid transparent!important;border-top:9px solid;bottom:-7px}.tooltipster-arrow-bottom span,.tooltipster-arrow-bottom-left span,.tooltipster-arrow-bottom-right span{border-left:8px solid transparent!important;border-right:8px solid transparent!important;border-bottom:8px solid;top:-7px}.tooltipster-arrow-bottom .tooltipster-arrow-border,.tooltipster-arrow-bottom-left .tooltipster-arrow-border,.tooltipster-arrow-bottom-right .tooltipster-arrow-border{border-left:9px solid transparent!important;border-right:9px solid transparent!important;border-bottom:9px solid;top:-7px}.tooltipster-arrow-bottom .tooltipster-arrow-border,.tooltipster-arrow-bottom span,.tooltipster-arrow-top .tooltipster-arrow-border,.tooltipster-arrow-top span{left:0;right:0;margin:0 auto}.tooltipster-arrow-bottom-left span,.tooltipster-arrow-top-left span{left:6px}.tooltipster-arrow-bottom-left .tooltipster-arrow-border,.tooltipster-arrow-top-left .tooltipster-arrow-border{left:5px}.tooltipster-arrow-bottom-right span,.tooltipster-arrow-top-right span{right:6px}.tooltipster-arrow-bottom-right .tooltipster-arrow-border,.tooltipster-arrow-top-right .tooltipster-arrow-border{right:5px}.tooltipster-arrow-left .tooltipster-arrow-border,.tooltipster-arrow-left span{border-top:8px solid transparent!important;border-bottom:8px solid transparent!important;border-left:8px solid;top:50%;margin-top:-7px;right:-7px}.tooltipster-arrow-left .tooltipster-arrow-border{border-top:9px solid transparent!important;border-bottom:9px solid transparent!important;border-left:9px solid;margin-top:-8px}.tooltipster-arrow-right .tooltipster-arrow-border,.tooltipster-arrow-right span{border-top:8px solid transparent!important;border-bottom:8px solid transparent!important;border-right:8px solid;top:50%;margin-top:-7px;left:-7px}.tooltipster-arrow-right .tooltipster-arrow-border{border-top:9px solid transparent!important;border-bottom:9px solid transparent!important;border-right:9px solid;margin-top:-8px}.tooltipster-fade{opacity:0;-webkit-transition-property:opacity;-moz-transition-property:opacity;-o-transition-property:opacity;-ms-transition-property:opacity;transition-property:opacity}.tooltipster-fade-show{opacity:1}.tooltipster-grow{-webkit-transform:scale(0,0);-moz-transform:scale(0,0);-o-transform:scale(0,0);-ms-transform:scale(0,0);transform:scale(0,0);-webkit-transition-property:-webkit-transform;-moz-transition-property:-moz-transform;-o-transition-property:-o-transform;-ms-transition-property:-ms-transform;transition-property:transform;-webkit-backface-visibility:hidden}.tooltipster-grow-show{-webkit-transform:scale(1,1);-moz-transform:scale(1,1);-o-transform:scale(1,1);-ms-transform:scale(1,1);transform:scale(1,1);-webkit-transition-timing-function:cubic-bezier(.175,.885,.32,1);-webkit-transition-timing-function:cubic-bezier(.175,.885,.32,1.15);-moz-transition-timing-function:cubic-bezier(.175,.885,.32,1.15);-ms-transition-timing-function:cubic-bezier(.175,.885,.32,1.15);-o-transition-timing-function:cubic-bezier(.175,.885,.32,1.15);transition-timing-function:cubic-bezier(.175,.885,.32,1.15)}.tooltipster-swing{opacity:0;-webkit-transform:rotateZ(4deg);-moz-transform:rotateZ(4deg);-o-transform:rotateZ(4deg);-ms-transform:rotateZ(4deg);transform:rotateZ(4deg);-webkit-transition-property:-webkit-transform,opacity;-moz-transition-property:-moz-transform;-o-transition-property:-o-transform;-ms-transition-property:-ms-transform;transition-property:transform}.tooltipster-swing-show{opacity:1;-webkit-transform:rotateZ(0deg);-moz-transform:rotateZ(0deg);-o-transform:rotateZ(0deg);-ms-transform:rotateZ(0deg);transform:rotateZ(0deg);-webkit-transition-timing-function:cubic-bezier(.23,.635,.495,1);-webkit-transition-timing-function:cubic-bezier(.23,.635,.495,2.4);-moz-transition-timing-function:cubic-bezier(.23,.635,.495,2.4);-ms-transition-timing-function:cubic-bezier(.23,.635,.495,2.4);-o-transition-timing-function:cubic-bezier(.23,.635,.495,2.4);transition-timing-function:cubic-bezier(.23,.635,.495,2.4)}.tooltipster-fall{top:0;-webkit-transition-property:top;-moz-transition-property:top;-o-transition-property:top;-ms-transition-property:top;transition-property:top;-webkit-transition-timing-function:cubic-bezier(.175,.885,.32,1);-webkit-transition-timing-function:cubic-bezier(.175,.885,.32,1.15);-moz-transition-timing-function:cubic-bezier(.175,.885,.32,1.15);-ms-transition-timing-function:cubic-bezier(.175,.885,.32,1.15);-o-transition-timing-function:cubic-bezier(.175,.885,.32,1.15);transition-timing-function:cubic-bezier(.175,.885,.32,1.15)}.tooltipster-fall.tooltipster-dying{-webkit-transition-property:all;-moz-transition-property:all;-o-transition-property:all;-ms-transition-property:all;transition-property:all;top:0!important;opacity:0}.tooltipster-slide{left:-40px;-webkit-transition-property:left;-moz-transition-property:left;-o-transition-property:left;-ms-transition-property:left;transition-property:left;-webkit-transition-timing-function:cubic-bezier(.175,.885,.32,1);-webkit-transition-timing-function:cubic-bezier(.175,.885,.32,1.15);-moz-transition-timing-function:cubic-bezier(.175,.885,.32,1.15);-ms-transition-timing-function:cubic-bezier(.175,.885,.32,1.15);-o-transition-timing-function:cubic-bezier(.175,.885,.32,1.15);transition-timing-function:cubic-bezier(.175,.885,.32,1.15)}.tooltipster-slide.tooltipster-dying{-webkit-transition-property:all;-moz-transition-property:all;-o-transition-property:all;-ms-transition-property:all;transition-property:all;left:0!important;opacity:0}.tooltipster-content-changing{opacity:.5;-webkit-transform:scale(1.1,1.1);-moz-transform:scale(1.1,1.1);-o-transform:scale(1.1,1.1);-ms-transform:scale(1.1,1.1);transform:scale(1.1,1.1)}

#cookie__consent__modal  {
	font-size: 150%;
}
#cookie__consent__modal h2 {
	margin-bottom: 0.5rem;
}

#cookie__consent__modal p {
	margin-bottom: 0.5rem;
}

#cookie__consent__modal #cookie__consent__simple h2 {
	margin-bottom: 0.5rem;
}

@media only screen and (max-width: 1024px) {

	#cookie__consent__modal {
		font-size: 115% !important;
	}

	#cookie__consent__simple__buttons {
		margin-top: 2rem;
	}

	.cookie__consent__simple__button {
		height: 1.5em !important;
		line-height: 1.5em !important;
		font-size: 200% !important;
	}

	#cookie__consent__widget__category__wrap .cookie__consent__widget__category__item .cookie__consent__widget__category__item__title {
		font-size: 30px !important;
	}

	#cookie__consent__widget__category__wrap .cookie__consent__widget__category__item .cookie__consent__widget__category__item__basic {
		font-size: 30px !important;
	}
	#cookie__consent__widget__category__wrap .cookie__consent__widget__category__item .cookie__consent__widget__category__item__description {
		font-size: 30px !important;
	}

	#cookie__consent__widget__button__save {
		font-size: 30px !important;
	}
}



