html, body, div, span, applet, object, iframe, 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, ol, ul, li, 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; }
body { line-height: 1; cursor: default; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
/* remember to define focus styles! */
:focus { outline: 0; }
input { font-family: sans-serif; }
/* remove button padding in Firefox */
input::-moz-focus-inner { border: 0; padding: 0; }
/* remember to highlight inserts somehow! */
ins { text-decoration: underline; }
del { text-decoration: line-through; }
/* tables still need 'cellspacing="0"' in the markup */
table {	border-collapse: collapse; border-spacing: 0; }

h1, h3, h2 {
    text-align: center;
}



html, html a { font-smooth: always; -webkit-font-smoothing: antialiased; text-shadow: 1px 1px 1px rgba(0,0,0,0.004); }
body { font-family: 'FF_DIN_Pro_Medium_Italic', helvetica, arial, sans-serif; font-size: 10px; line-height: 14px; color: #333333; background: #969696 url(images/bg.gif) top center repeat-y; }
@media all and (max-width: 970px) { body { background: #969696 url(images/bg.gif) -475px 0 repeat-y; } }



a:link    { color: #333333; text-decoration: none; }
a:visited { color: #333333; text-decoration: none; }
a:hover   { color: #000000; text-decoration: none; }
a:active  { color: #333333; text-decoration: none; }

address { color: #AE002A;  font-style: normal; margin: 6px 0 0 0; }




.header { display: block; text-transform: uppercase; background: #B0B0B0; padding: 15px 0; }
.header .inner { width: 970px; margin: auto; }
.header ul { list-style-type: none; list-style-position: outside; }
.header .active { background: #969696; }
.header .left li { display: block; width: 69px; height: 62px; line-height: 13px; border: 1px solid #969696; margin: 0 15px 0 0; float: left; }
.header .left ul { display: none; position: relative; top: 14px; left: -1px; z-index: 100; }
.header .left ul li.half { background-color: #B0B0B0; height: 31px; border-top: 0; }
.header .left ul li.half:hover { background-color: #CACACA; }
.header .left a { display: block; padding: 5px; }
.header .left .last { margin-right: 0; }
.header .right {}
.header .right li { display: block; width: 25px; height: 25px; text-align: center; line-height: 25px; border: 1px solid #969696; margin-bottom: 10px; }
.header .right a { display: block; }
.header .right .last { margin-bottom: 0; }
.header small { font-size: 9px; text-transform: lowercase; }



.main { width: 970px; margin: auto; }
.nav { position: relative; width: 144px; float: left; }
.nav .logo { display: block; height: 362px; background: url(images/logo.png) no-repeat; }
.nav .logo span { display: none; }
.nav .facebook { position: absolute; top: 370px; right: 0; display: block; width: 38px; height: 38px; background: white url(images/facebook.png) no-repeat; margin: 6px 20px 0 0; float: right; }



.news { width: 135px; color: #000000; margin: 0; }
.news .title { font-size: 11px; text-transform: uppercase; font-weight: bold; margin: 0 0 10px 0; }
.news .item { margin: 0 0 13px 0; }
.news time { color: #333333; }
.news .text { cursor: pointer; }



.content { position: relative; padding: 73px 0 0 0; float: left; }
.content .painting { position: absolute; width: 144px; text-align: center; }
.content .painting img { display: block; margin: auto; opacity: 0.5; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; filter: alpha(opacity=50); }
.content .painting-1 { z-index: 11; top: 10px; left: 180px; }
.content .painting-2 { z-index: 12; top: 10px; left: 405px;  }
.content .painting-2 img { opacity: 0.75; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)"; filter: alpha(opacity=75); }
.content .painting-3 { z-index: 13; top: 10px; left: 665px; }
.content .painting-4 { z-index: 14; top: 290px; left: 85px; }
.content .painting-4 img { opacity: 0.55; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=55)"; filter: alpha(opacity=55); }
.content .painting-5 { z-index: 16; top: 200px; left: 165px; }
.content .painting-6 { z-index: 17; top: 265px; left: 245px; }
.content .painting-7 { z-index: 15; top: 240px; left: 380px;  }
.content .painting-7 img { opacity: 0.75; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)"; filter: alpha(opacity=75); }
.content .painting-8 { z-index: 18; top: 270px; left: 570px;  }
.content .painting-8 img { opacity: 0.75; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)"; filter: alpha(opacity=75); }
.content .painting-9 { z-index: 19; top: 180px; left: 750px; }
.content .painting-9 img { opacity: 0.6; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"; filter: alpha(opacity=60); }
.content .painting-2:hover .question,
.content .painting-7:hover .question,
.content .painting-8:hover .question { opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); }
.content .painting .question { position: absolute; width: 18px; height: 18px; z-index: 15; background: white url(images/question.gif) no-repeat; opacity: 0.35; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=35)"; filter: alpha(opacity=35); }
.content .painting-2 .question { top: 7px; right: 20px; }
.content .painting-7 .question { top: 7px; right: 20px; }
.content .painting-8 .question { top: 7px; right: 10px; }



.tiles { position: relative; z-index: 50; margin: 0; }
.tiles .tile { width: 144px; height: 144px; cursor: pointer; background: #B0B0B0; box-shadow: 3px 3px 6px black; margin: 0 18px 0 0; float: left; }
.tiles .tile:not([data-popup]) { cursor: default; }
.tiles .active { cursor: default; }
.tiles .tile-paintings { background: url(images/tiles/paintings.png) no-repeat; }
.tiles .tile-eshop-com { background: url(images/tiles/eshop-com.png) no-repeat; }
.tiles .tile-eshop-com:hover { background-position: 0 -144px; }
.tiles .tile-eshop-com.active { background-position: 0 -288px; }
.tiles .tile-eshop-sk { background: url(images/tiles/eshop-sk.png) no-repeat; }
.tiles .tile-eshop-sk:hover { background-position: 0 -144px; }
.tiles .tile-eshop-sk.active { background-position: 0 -288px; }
.tiles .tile-eshop-cz { background: url(images/tiles/eshop-cz.png) no-repeat; }
.tiles .tile-eshop-cz:hover { background-position: 0 -144px; }
.tiles .tile-eshop-cz.active { background-position: 0 -288px; }



.column { width: 135px; font-size: 11px; font-weight: normal; color: #4D4D4D; margin: 0 18px 0 0; float: left; }
.column h3 { font-size: 12px; font-weight: normal; text-transform: uppercase; margin: 0 0 3px 0; }
.column h4 { margin: 0 0 6px 0; }
.column-two { width: 288px; }
.column-three { width: 594px; }
.column-auto { width: auto; }
.column-last { margin-right: 0; }

.column ul { list-style-type: square; list-style-position: outside; margin: 0 0 0 12px; }
.column li { margin: 2px 0; }
.column p {}
.column a { color: black; }



.popup { display: none; position: absolute; z-index: 100; background: #C9C9C9; box-shadow: 3px 3px 6px black; }
.popup .arrow { display: block; position: absolute; top: -16px; left: 0; z-index: 40; width: 19px; height: 16px; background-position: center center; background-repeat: no-repeat; }
.popup .arrow-red { background-image: url(images/tiles/arrow-red.png); }
.popup .arrow-blue { background-image: url(images/tiles/arrow-blue.png); }
.popup .arrow-brown { background-image: url(images/tiles/arrow-brown.png); }
.popup .arrow-gray { background-image: url(images/tiles/arrow-gray.png); }
.popup .head { width: 100%; height: 28px; line-height: 28px; color: white; text-transform: uppercase; background: silver; overflow: hidden; }
.popup .head .title { font-size: 20px; font-weight: bold; margin: 0 10px 0 5px; float: left; }
.popup .head .subtitle { font-size: 11px; font-weight: normal; margin: 3px 0 0 0; float: left; }
.popup .head .close { cursor: pointer; width: 22px; height: 28px; background: url(images/close-gray.png) center center no-repeat; padding: 0 5px 0 0; float: right; }
.popup .head .close-gray { background-image: url(images/close-gray.png); }
.popup .head .close-red { background-image: url(images/close-red.png); }
.popup .head .close-blue { background-image: url(images/close-blue.png); }
.popup .head .close-brown { background-image: url(images/close-brown.png); }
.popup .body { font-size: 11px; line-height: 13px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; padding: 10px; }



.partners { position: absolute; top: 550px; left: 20px; width: 780px; height: 120px; background: #b5b5b5; font-family: Arial, Helvetica, Tahoma, sans-serif; }
.partners .label { position: absolute; top: 16px; font-weight: bold; font-size: 15px; text-transform: uppercase; }
.partners .label-general {  }
.partners .label-main { font-size: 11px; line-height: 10px; padding: 4px 0 0 0; }
.partners .label-insurance { font-size: 11px; line-height: 10px; padding: 10px 0 0 0; }
.partners .label-basic { font-size: 9px; }
.partners .label-media { font-size: 9px; }
.partners .label-auspices { font-size: 9px; }
.partners img { position: absolute; top: 5px; }
.partners .secondrow { top: 60px; }
.partners .divider { position: absolute; top: 5px; border-left: 1px solid #918f90; height: 50px; }
.partners .hor-divider { position: absolute; top: 60px; left: 10px; border-top: 1px solid #918f90; width: 760px; }



.slimScrollDiv { background: #C9C9C9; border: 1px solid #ccc; padding-bottom: 10px; }


.blue { color: #07466F; }
.black { color: black; }
.bold { font-weight: bold; }
.underline { text-decoration: underline; }
.slim { line-height: .9em; }
.not-slim { line-height: 14px; }
.hide, .mobile { display: none; }

.mt { margin-top: 12px !important; }
.mr { margin-right: 12px !important; }
.mb { margin-bottom: 12px !important; }
.ml { margin-left: 12px !important; }

.mtb { margin-top: 20px !important; }

.mts { margin-top: 6px !important; }
.mrs { margin-right: 6px !important; }
.mbs { margin-bottom: 6px !important; }
.mls { margin-left: 6px !important; }

img.center { display: block; margin: auto; }
.text-center { text-align: center; }
.text-right { text-align: right; }

.left  { float: left; }
.right { float: right; }
.clear { clear: both; }

.nodisplay { display: none;}




@font-face {
	font-family: 'FF_DIN_Pro_Black_Italic';
	src: url('fonts/FF_DIN_Pro_Black_Italic.eot');
	src: local('☺'), url('fonts/FF_DIN_Pro_Black_Italic.woff') format('woff'), url('fonts/FF_DIN_Pro_Black_Italic.ttf') format('truetype'), url('fonts/FF_DIN_Pro_Black_Italic.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'FF_DIN_Pro_Bold_Italic';
	src: url('fonts/FF_DIN_Pro_Bold_Italic.eot');
	src: local('☺'), url('fonts/FF_DIN_Pro_Bold_Italic.woff') format('woff'), url('fonts/FF_DIN_Pro_Bold_Italic.ttf') format('truetype'), url('fonts/FF_DIN_Pro_Bold_Italic.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'FF_DIN_Pro_Light_Italic';
	src: url('fonts/FF_DIN_Pro_Light_Italic.eot');
	src: local('☺'), url('fonts/FF_DIN_Pro_Light_Italic.woff') format('woff'), url('fonts/FF_DIN_Pro_Light_Italic.ttf') format('truetype'), url('fonts/FF_DIN_Pro_Light_Italic.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'FF_DIN_Pro_Medium_Italic';
	src: url('fonts/FF_DIN_Pro_Medium_Italic.eot');
	src: local('☺'), url('fonts/FF_DIN_Pro_Medium_Italic.woff') format('woff'), url('fonts/FF_DIN_Pro_Medium_Italic.ttf') format('truetype'), url('fonts/FF_DIN_Pro_Medium_Italic.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'FF_DIN_Pro_Regular_Italic';
	src: url('fonts/FF_DIN_Pro_Regular_Italic.eot');
	src: local('☺'), url('fonts/FF_DIN_Pro_Regular_Italic.woff') format('woff'), url('fonts/FF_DIN_Pro_Regular_Italic.ttf') format('truetype'), url('fonts/FF_DIN_Pro_Regular_Italic.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}