/************************************************************************************ RESET *************************************************************************************/ html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; 1font-size: 100%; 1font: inherit; vertical-align: baseline; } ol, ul { list-style: none; list-style-image: none; } /************************************************************************************ HTML 5 *************************************************************************************/ article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; } audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; }/* * Prevents modern browsers from displaying 'audio' without controls */ audio:not([controls]) { display: none; } /* * Addresses styling for 'hidden' attribute not present in IE7/8/9, FF3, S4 * Known issue: no IE6 support */ [hidden] { display: none; } /* ============================================================================= Base ========================================================================== */ /* * 1. Corrects text resizing oddly in IE6/7 when body font-size is set using em units * http://clagnut.com/blog/348/#c790 * 2. Keeps page centred in all browsers regardless of content height * 3. Prevents iOS text size adjust after orientation change, without disabling user zoom * www.456bereastreet.com/archive/201012/controlling_text_size_in_safari_for_ios_without_disabling_user_zoom/ */ html { font-size: 100%; /* 1 */ overflow-y: scroll; /* 2 */ -webkit-text-size-adjust: 100%; /* 3 */ -ms-text-size-adjust: 100%; /* 3 */ } /* * Addresses font-family inconsistency between 'textarea' and other form elements. */ body, button, input, select, textarea { font-family: sans-serif; } /* ============================================================================= Links ========================================================================== */ /* * Addresses outline displayed oddly in Chrome */ a:focus { outline: thin dotted; } /* * Improves readability when focused and also mouse hovered in all browsers * people.opera.com/patrickl/experiments/keyboard/test */ a:hover, a:active { outline: 0; } /* ============================================================================= Typography ========================================================================== */ /* * Addresses styling not present in IE7/8/9, S5, Chrome */ abbr[title] { border-bottom: 1px dotted; } /* * Addresses style set to 'bolder' in FF3/4, S4/5, Chrome */ b, strong { font-weight: bold; } /* * Addresses styling not present in S5, Chrome */ dfn, em, i { font-style: italic; } /* * Addresses styling not present in IE6/7/8/9 */ mark { background: #ff0; color: #000; } /* * Corrects font family set oddly in IE6, S4/5, Chrome * en.wikipedia.org/wiki/User:Davidgothberg/Test59 */ pre, code, kbd, samp { font-family: monospace, serif; _font-family: 'courier new', monospace; font-size: 1em; } /* * Improves readability of pre-formatted text in all browsers */ pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; text-align:left; } /* * 1. Addresses CSS quotes not supported in IE6/7 * 2. Addresses quote property not supported in S4 */ /* 1 */ q { quotes: none; } /* 2 */ q:before, q:after { content: ''; content: none; } /* ============================================================================= Embedded content ========================================================================== */ /* * 1. Removes border when inside 'a' element in IE6/7/8/9, FF3 * 2. Improves image quality when scaled in IE7 * code.flickr.com/blog/2008/11/12/on-ui-quality-the-little-things-client-side-image-resizing/ */ img { border: 0; /* 1 */ -ms-interpolation-mode: bicubic; /* 2 */ } /* * Corrects overflow displayed oddly in IE9 */ svg:not(:root) { overflow: hidden; } img, iframe, object, embed { vertical-align:middle; } /* ============================================================================= Figures ========================================================================== */ /* * 1. Corrects font size not being inherited in all browsers * 2. Addresses margins set differently in IE6/7, FF3/4, S5, Chrome * 3. Improves appearance and consistency in all browsers */ button, input, select, textarea { font-size: 100%; /* 1 */ margin: 0; /* 2 */ vertical-align: baseline; /* 3 */ *vertical-align: middle; /* 3 */ } /* * Addresses FF3/4 setting line-height on 'input' using !important in the UA stylesheet */ button, input { line-height: normal; /* 1 */ } /* * 1. Improves usability and consistency of cursor style between image-type 'input' and others * 2. Corrects inability to style clickable 'input' types in iOS * 3. Corrects inner spacing displayed oddly in IE7 without effecting normal text inputs * Known issue: inner spacing remains in IE6 */ button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; /* 1 */ -webkit-appearance: button; /* 2 */ *overflow: visible; /* 3 */ } /* * 1. Addresses box sizing set to content-box in IE8/9 * 2. Addresses excess padding in IE8/9 */ input[type="checkbox"], input[type="radio"] { box-sizing: border-box; /* 1 */ padding: 0; /* 2 */ outline-color:#7ebfe2; } /* * 1. Addresses appearance set to searchfield in S5, Chrome * 2. Addresses box sizing set to border-box in S5, Chrome (include -moz to future-proof) */ input[type="search"] { -webkit-appearance: textfield; /* 1 */ -moz-box-sizing: content-box; -webkit-box-sizing: content-box; /* 2 */ box-sizing: content-box; } /* * Corrects inner padding displayed oddly in S5, Chrome on OSX */ input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; } /* * Corrects inner padding and border displayed oddly in FF3/4 * www.sitepen.com/blog/2008/05/14/the-devils-in-the-details-fixing-dojos-toolbar-buttons/ */ button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; } /* * 1. Removes default vertical scrollbar in IE6/7/8/9 * 2. Improves readability and alignment in all browsers */ textarea { overflow: auto; /* 1 */ vertical-align: top; /* 2 */ resize:vertical; /* TK */ } /* ============================================================================= Table ========================================================================== */ caption { text-align:left; caption-side: top; } th { text-align:left; }@font-face { font-family: 'Aller'; src: url('font/aller_bdit-webfont.eot'); src: url('font/aller_bdit-webfont.eot?#iefix') format('embedded-opentype'), url('font/aller_bdit-webfont.woff') format('woff'), url('font/aller_bdit-webfont.ttf') format('truetype'), url('font/aller_bdit-webfont.svg#AllerBoldItalic') format('svg'); font-weight: bold; font-style: italic; } @font-face { font-family: 'Aller'; src: url('font/aller_it-webfont.eot'); src: url('font/aller_it-webfont.eot?#iefix') format('embedded-opentype'), url('font/aller_it-webfont.woff') format('woff'), url('font/aller_it-webfont.ttf') format('truetype'), url('font/aller_it-webfont.svg#AllerItalic') format('svg'); font-weight: normal; font-style: italic; } @media screen, projection { /************************************************************************************ SIMPLE (FAST) CLASS *************************************************************************************/ .col-h-l, .col-h-r{float:left; width:48%;} .col-h-r{float:right;} .l{display:inline; float:left;} .r{display:inline; float:right;} .cl{clear:left;} .cr{clear:right;} .cb{clear:both;} .out{position:absolute; left:-5000px; top:-5000px;} .vhide{border:0; clip:rect(0 0 0 0); height:1px; margin:-1px; overflow:hidden; padding:0; position:absolute; width:1px;} .js .jsHide, .hide{display:none;} .break{height:1px; font-size:1px; line-height:1px; clear:both; overflow:hidden; visibility:hidden; display:block; margin:0 !important; padding:0 !important; width:100%;} .cfx{zoom:1;} .cfx:after, .cfx:before{content:''; display:table; clear:both;} .reset{border:none; margin:0; padding:0; background:none;} .reset td, .reset th{border:none; background:none; padding:0;} .reset>li, .reset>dt, .reset>dd{margin:0; padding:0; background:none; border:none; font-weight:inherit; float:none; display:inherit; text-align:inherit; width:auto;} :first-child{margin-top:0;} .uppercase{text-transform:uppercase;} .lowercase{text-transform:lowercase;} .bold{font-weight:bold;} .normal{font-weight:normal;} .italic{font-style:italic;} .noitalic{font-style:normal;} .small{font-size:11px;} .big{font-size:18px;} .center{text-align:center;} .left{text-align:left;} .right{text-align:right;} .red{color:#a50000;} .green{color:#58980f;} .grey{color:#999;} /************************************************************************************ TYPOGRAPHY *************************************************************************************/ body{font-size:16px; line-height: 27px; font-family: 'Raleway', 'Segoe UI', Arial, Helvetica, sans-serif !important; font-weight: 200; background:#fff; color:#333; padding:20px; text-align:left; } /* HEADING */ /* .h1, .h2, .h3, .h4, .h5, h1, h2, h3, h4, h5, h6, caption{padding:0; font-weight:normal; font-style:italic; font-family:'Aller', Arial, Helvetica, sans-serif; color:#272a23;} */ .h1, .h2, .h3, .h4, .h5, h1, h2, h3, h4, h5, h6, caption{padding:0; font-weight:300; font-style:normal; font-family: 'PT Sans', sans-serif; color:#272a23; text-transform: uppercase;} .h1, h1{margin:0 0 .4em; margin-top: 1em; font-size:50px; line-height:55px; font-weight: 200; margin-bottom: 40px;} .h2, h2{margin:1.5em 0 .8em; font-size:23px; line-height:28px; font-weight: 700;} .h3, h3{margin:1.5em 0 .8em; font-size:20px; line-height:24px;} .h4, h4{margin:1.5em 0 .8em; font-size:16px; line-height:20px;} .h5, h5, h6{margin:0 0 .5em; text-transform:uppercase; color:#999; font-size:14px; font-family:'Segoe UI', Arial, Helvetica, sans-serif; font-weight:bold; font-style:normal; line-height:18px;} /* PARAGRAPH */ p{margin:0 0 1.2em;} hr{margin:20px 0px; border:1px solid #a58b5e; border-width:1px 0 0; color:#fff; background:#fff; height:0px; overflow:hidden; line-height:0px; font-size:0px;} /* CITE */ cite{border:none; color:#666; font-style:italic;} blockquote{clear:both; padding:15px 20px 2px; position:relative; color:#fff; background:#5BC7FF; margin:0 0 1.2em; -moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px; } blockquote p{margin:0 0 13px;} /* ANCHOR */ a{color:#ec745a ;} a:visited{color:#ec745a;} a:active{color:#333;} a:hover{color:#031e47;} /* LIST */ ul, ol{margin:0 0 1.2em; list-style:none; padding:0;} .ie7 ul, .ie7 ol{zoom:1;} li ol, li ul{margin:.5em 0 .1em 3px;} li{margin:0 0 .2em; padding:0 10px 0 10px; 15px .6em no-repeat; line-height: 2;} ol{counter-reset:item;} ol li{padding:0 0 0 28px; background:none; position:relative;} ol li:before, ol li .ie-counter, ul li .ie-counter{content:counter(item) "."; counter-increment:item; position:absolute; left:0; top:0; width:20px; text-align:right;} dl{margin:10px 0 15px; font-size:0px; letter-spacing:-1px; overflow:hidden;} dt, dd{margin:-1px 0 0; display:inline-block; *display:inline; zoom:1; font-size:12px; letter-spacing:0px; vertical-align:top; border-top:1px solid #d7ebff; padding:8px 0;} dt{font-weight:bold; width:40%;} dd{font-weight:normal; width:60%; text-align:right;} /* IMG */ img.r{margin:0 0 0 15px;} img.l{margin:0 15px 0 0;} /* TABLE */ table{margin:50px 0 20px; 1width:100%; border:none; box-sizing:border-box;line-height: 1.9;} thead th{background:#5bc7ff; font-weight:bold; vertical-align:bottom; color:#fff; border:none;} tfoot td{background:#c1eaff;} td, th{padding:0px 3px 0px; vertical-align:top; background:#fff; border-width:1px 0;} tbody tr:hover td{1background:#edf8ce;} table td{text-align: center; margin: 2px;} table th.c-hodnota { font-size: 80%; line-height: 0.9; transform: rotate(-45deg); transform-origin: left top 0; width: 65px; } /* jQuery.Rating Plugin CSS - http://www.fyneworks.com/jquery/star-rating/ */ div.rating-cancel,div.star-rating{float:left;width:28px;height:24px;text-indent:-999em;cursor:pointer;display:block;background:transparent;overflow:hidden} div.rating-cancel,div.rating-cancel a{1background:url("/images/delete.gif") no-repeat 0 -16px} div.star-rating,div.star-rating a{background:url("/images/star-off.png") no-repeat 0 0px} div.rating-cancel a,div.star-rating a{display:block;width:26px;height:100%;background-position:0 0px;border:0} div.star-rating-on a{background:url("/images/star-on.png") no-repeat 0 0px} div.star-rating-hover a{background:url("/images/star-on.png") no-repeat 0 0px} /* Read Only CSS */ div.star-rating-readonly a{cursor:default !important} /* Partial Star CSS */ div.star-rating{background:transparent!important;overflow:hidden!important} div.rating-cancel{display:none !important;} /* END jQuery.Rating Plugin CSS */ /************************************************************************************ IE HELP *************************************************************************************/ .ie7 ol{ behavior:expression(function(element){ element.setAttribute('data-counter', 0); element.runtimeStyle.behavior = "none"; }(this)); } .ie7 ol li{ behavior:expression(function(element){ var counter = element.parentNode && element.parentNode.getAttribute('data-counter'); if(element.parentNode && typeof counter != 'undefined'){ element.parentNode.setAttribute('data-counter', ++counter); element.innerHTML = '' + (counter) + '.' + element.innerHTML; element.runtimeStyle.behavior = "none"; } }(this)); } }/* end of media */@media screen, projection{ /* `Container */ .row-main{margin-left:auto; margin-right:auto; text-align:left; width:960px; } /* Clear */ .row{position:relative; zoom:1;} .row:before, .row:after{content:''; display:table; clear:both;} /* `Grid >> Global */ .grid-1, .grid-2, .grid-3, .grid-4, .grid-5, .grid-6, .grid-7, .grid-8, .grid-9, .grid-10, .grid-11 {display:inline; float:left; margin-left:9px; margin-right:10px;} .grid-12, .grid-graph{margin-left:10px; margin-right:10px;} .push-1, .pull-1, .push-2, .pull-2, .push-3, .pull-3, .push-4, .pull-4, .push-5, .pull-5, .push-6, .pull-6, .push-7, .pull-7, .push-8, .pull-8, .push-9, .pull-9, .push-10, .pull-10, .push-11, .pull-11{position:relative;} .col-h-1, .col-h-2, .col-q-1, .col-q-2, .col-q-3, .col-q-4, .col-t-1, .col-t-2, .col-t-3{float:left; display:inline; position:relative; left:100%;} /* `Grid >> Children (Alpha ~ First, Omega ~ Last) */ .alpha{margin-left:0;} .omega{margin-right:0;} /* `Grid >> 12 Columns */ .grid-1{width:60px;} .grid-2{width:140px;} .grid-3{width:220px;} .grid-4{width:300px;} .grid-5{width:380px;} .grid-6{width:460px;} .grid-7{width:540px;} .grid-8{width:620px;} .grid-9{width:700px;} .grid-10{width:780px;} .grid-11{width:860px;} .grid-12{width:940px;} .grid-graph{width:430px;} /* `Prefix Extra Space >> 12 Columns */ .prefix-1{padding-left:80px;} .prefix-2{padding-left:160px;} .prefix-3{padding-left:240px;} .prefix-4{padding-left:320px;} .prefix-5{padding-left:400px;} .prefix-6{padding-left:480px;} .prefix-7{padding-left:560px;} .prefix-8{padding-left:640px;} .prefix-9{padding-left:720px;} .prefix-10{padding-left:800px;} .prefix-11{padding-left:880px;} /* `Suffix Extra Space >> 12 Columns */ .suffix-1{padding-right:80px;} .suffix-2{padding-right:160px;} .suffix-3{padding-right:240px;} .suffix-4{padding-right:320px;} .suffix-5{padding-right:400px;} .suffix-6{padding-right:480px;} .suffix-7{padding-right:560px;} .suffix-8{padding-right:640px;} .suffix-9{padding-right:720px;} .suffix-10{padding-right:800px;} .suffix-11{padding-right:880px;} /* `Push Space >> 12 Columns */ .push-1{left:80px;} .push-2{left:160px;} .push-3{left:240px;} .push-4{left:320px;} .push-5{left:400px;} .push-6{left:480px;} .push-7{left:560px;} .push-8{left:640px;} .push-9{left:720px;} .push-10{left:800px;} .push-11{left:880px;} /* `Pull Space >> 12 Columns */ .pull-1{left:-80px;} .pull-2{left:-160px;} .pull-3{left:-240px;} .pull-4{left:-320px;} .pull-5{left:-400px;} .pull-6{left:-480px;} .pull-7{left:-560px;} .pull-8{left:-640px;} .pull-9{left:-720px;} .pull-10{left:-800px;} .pull-11{left:-880px;} }@media screen, projection{ /* SEPARATORS */ .vertical-separator{background:url('../img/bg/dot.png') 50% 0 repeat-y; margin:0 0 80px;} .vertical-separator :last-child{margin-bottom:0;} /* STD BOX */ .std-boxs-wrap{margin:0 0 20px;} .std-box{margin-bottom:20px; text-align:center;} .std-box .header{border:1px solid #ccc; margin:0; padding:15px 15px 30px; font-size:16px; line-height:28px; background:#efefef; text-transform:uppercase; font-weight:bold; position:relative; zoom:1; -moz-border-radius:10px 10px 0 0; -webkit-border-radius:10px 10px 0 0; border-radius:10px 10px 0 0; } .std-box .header strong{display:block; font-family:'Aller', Arial, Helvetica, sans-serif; font-style:italic; font-size:24px; text-transform:none;} .std-box .ico{position:absolute; left:50%; margin-left:-23px; bottom:-23px; width:46px; height:46px; background:url('../img/bg/all.png') 0 -50px no-repeat; top:auto;} .std-box .content{border:1px solid #ccc; margin:0; padding:25px 20px 20px; border-top:0; -moz-border-radius:0 0 10px 10px; -webkit-border-radius:0 0 10px 10px; border-radius:0 0 10px 10px; } .netural-box .header{color:#cf6b00;} .netural-box .ico{background-position:-200px -50px;} .positive-box .header{color:#58980f;} .positive-box .ico{background-position:0 -50px;} .negative-box .header{color:#cc0000;} .negative-box .ico{background-position:-50px -50px;} .more-positive-box .header{background:#9acf34; color:#fff; border-color:#5c9c13;} .more-positive-box .header strong{color:#2f5404;} .more-positive-box .ico{background-position:-100px -50px;} .more-negative-box .header{background:#da1e03; color:#fff; border-color:#990000;} .more-negative-box .header strong{color:#400202;} .more-negative-box .ico{background-position:-150px -50px;} .std-box.nocontent-box .header{line-height:24px; padding-top:20px; -moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px; } .std-box.nocontent-box .header strong{font-size:18px;} .more-positive-box.nocontent-box .ico{bottom:auto; top:-28px;} .more-positive-box.nocontent-box .header{padding:30px 15px 20px;} /* FILTER */ .filter{margin:0 0 20px; background:#efefef; border:1px solid #ccc; padding:15px 20px 0; -moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px; } .filter p{padding:0 0 0 85px; margin:0 0 10px;} .filter .name{float:left; display:inline; width:80px; overflow:hidden; margin-left:-85px;} .filter label{margin:0 20px 5px 0; white-space:nowrap; display:inline-block;} /* TABLE */ .table{border:1px solid #ccc; padding:20px; -moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px; } .table .scroll{width:100%; overflow:hidden; overflow-x:auto; position:relative; } .table td, .table th{white-space:nowrap;} .table table { margin:0; } /* MORE TRs */ .moreTr{display:inline-block; vertical-align:middle; width:14px; height:14px; font-size:0px; line-height:0px; text-indent:999px; overflow:hidden; *text-indent:0; background:url('../img/bg/all.png') -225px -150px no-repeat; margin-right:2px;} /*.ie9 .moreTr{display:block;}*/ .openTr td{background:#eaf8ff;} .openTr .moreTr{background-position:-200px -150px;} .openTr.normal td:first-child{padding-left:40px;} .openTr.normal td{padding-top:5px; padding-bottom:6px;} /* ICONS */ .ico-big, .ico{display:inline-block; vertical-align:middle; width:18px; height:18px; font-size:0px; line-height:0px; text-indent:999px; overflow:hidden; *text-indent:0; background-image:url('../img/bg/all.png'); background-repeat:no-repeat; margin-left:5px;} .ico-positive{background-position:0 -150px;} .ico-negative{background-position:-25px -150px;} .ico-more-positive{background-position:-50px -150px;} .ico-more-negative{background-position:-75px -150px;} .ico-neutral{background-position:-100px -150px;} .ico-nodata{background-position:-125px -150px;} .ico-big{width:36px; height:36px;} .ico-big.ico-positive{background-position:0 -100px;} .ico-big.ico-negative{background-position:-50px -100px;} .ico-big.ico-more-positive{background-position:-100px -100px;} .ico-big.ico-more-negative{background-position:-150px -100px;} .ico-big.ico-neutral{background-position:-200px -100px;} .ico-big.ico-nodata{background-position:-250px -100px;} /* HELP */ .help{display:inline-block; vertical-align:middle; width:14px; height:13px; font-size:0px; line-height:0px; text-indent:999px; overflow:hidden; *text-indent:0; background-image:url('../img/bg/all.png'); background-repeat:no-repeat; background-position:-150px -150px; margin-left:1px;} th .help{background-position:-175px -150px;} }/* end of media */@media screen, projection{ body{text-align:center; padding:0; background:#efefef; width:100%; overflow:hidden;} /* *********************************** LAYOUT *********************************** */ #header{background: #99C367; border-bottom:1px solid #aad0bc; padding:25px 0 0px; -webkit-box-shadow:inset 0 -1px 1px rgba(255,255,255,.5); -moz-box-shadow:inset 0 -1px 1px rgba(255,255,255,.5); box-shadow:inset 0 -1px 1px rgba(255,255,255,.5); header: 104px; } #header > .row-main{z-index:20;} #main{border-top:1px solid #cdcdcd; background:#fff;} #main > .row-main{padding:10px 0; } /* *********************************** HEADER *********************************** */ /* LOGO */ #logo{ line-height:1; font-weight:bold; padding:0; margin-top:0; padding-bottom:25px; background:none; font-size: 35px; font-family: 'Raleway'; text-transform: lowercase; font-weight: 900;} #logo a{color: #272a23;text-decoration: none; } /* WEB CHANGE */ .posr{position:relative; z-index:50; min-height:48px; padding-bottom:25px;} #web-change{position:absolute; left:0; top:8px; width:100%;} #web-change a{text-decoration:none; outline:none;} #web-change .main{display:block; line-height:40px; color:#fff; font-size:18px; padding:0 45px 0 15px; position:relative; cursor:default;} #web-change .main .name{display:block; overflow:hidden; width:100%; text-overflow:ellipsis;} #web-change .main:before, #web-change .main .before{display:none; content:''; position:absolute; top:50%; margin-top:-4px; right:15px; width:18px; height:11px; background:url('../img/bg/all.png') -100px 0 no-repeat; font-size:0px; line-height:0px; *margin-top:-12px;} #web-change .submenu{display:none; margin:5px 5px 5px; background:#7ed6ff; padding:5px; zoom:1; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; } #web-change .submenu a{display:block; color:#fff; line-height:30px; border-top:1px solid #93e0ff; padding:0 5px;} #web-change .submenu a:first-child{border:none;} #web-change .submenu a:hover{color:#2D173B;} #web-change.more-sites:hover, #web-change.open{background:#5BC7FF; -moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px; -webkit-box-shadow:inset 1px 1px 1px #4ea6d3, inset -1px -1px 1px #86d6ff; -moz-box-shadow:inset 1px 1px 1px #4ea6d3, inset -1px -1px 1px #86d6ff; box-shadow:inset 1px 1px 1px #4ea6d3, inset -1px -1px 1px #86d6ff; } .ie8 #web-change.more-sites:hover, .ie8 #web-change.open, .ie7 #web-change.more-sites:hover, .ie7 #web-change.open{border:1px solid #86d6ff; left:-1px; top:7px;} #web-change.more-sites:hover .main:before, #web-change.open .main:before, #web-change.more-sites:hover .main .before, #web-change.open .main .before{display:block;} #web-change.open .main:before, #web-change.open .main .before{background-position:-125px 0;} #web-change.open .submenu{display:block;} /* USER BOX */ #user-box{text-align:right; color:#2d173b; margin-bottom:18px; 1background-color: white; padding: 5px; padding-right: 20px; padding-bottom: 4px;} #user-box a{color:#2d173b;} #user-box a:hover{color:#fff; text-decoration:underline;} #user-box a.bold{text-decoration:none;} #user-box p{margin:0 0 7px;} .inline-btn{display:inline-block; vertical-align:middle; background:#272a23; text-decoration:none; color:#fff !important; line-height:21px; padding:10px; -moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px; padding-right: 50px;padding-left: 50px; } .inline-btn:hover{color:#fff; text-decoration:underline;} /* MAIN MENU */ #main-menu{background:#272a23; padding:7px 0 0; line-height:22px; *padding-bottom:7px; z-index:10;} #main-menu ul{ display:inline;} #main-menu li{float:left; display:inline; border-left:1px solid #fef3c6; margin:0 0 7px;} #main-menu li:first-child{border:none;} #main-menu a{display:block; text-decoration:none; color:#fef3c6; padding:0 15px; -webkit-transition: color .2s linear; -moz-transition: color .2s linear; -ms-transition: color .2s linear; -o-transition: color .2s linear; transition: color .2s linear; } #main-menu .active a, #main-menu a:hover{color:#ec745a;} #main-menu2 { position: absolute;top: 90px; margin-left:auto; z-index:10; margin-right:auto; text-align:left; width:960px; left: 50%; margin-left: -480px; font-size: 85%;} /*Strip the ul of padding and list styling*/ #main-menu2 ul { list-style-type:none; margin:0; padding:0; position: absolute; } /*Create a horizontal list with spacing*/ #main-menu2 ul li { display:inline-block; float: left; margin:0 0 7px; padding: 0px; line-height: 2; font-family: 'PT Sans', sand-serif; text-transform: uppercase; font-size: 18px; } #main-menu2 ul li:first-child{border:none;} /*Style for menu links*/ #main-menu2 ul li a { /*display:block; min-width:140px; height: 50px; text-align: center; line-height: 50px; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; color: #fff; background: #2f3036; text-decoration: none;*/display:block; text-decoration:none; color:#4D7818; padding:0 15px; -webkit-transition: color .2s linear; -moz-transition: color .2s linear; -ms-transition: color .2s linear; -o-transition: color .2s linear; transition: color .2s linear; } /*Hover state for top level links*/ #main-menu2 ul li a:hover { text-decoration: underline;;} /*Style for dropdown links*/ #main-menu2 ul li:hover ul a { background-color: #d3d3d3; color: #031e47; height: 40px; line-height: 40px; font-size: 90%; } /*Display the dropdown on hover*/ #main-menu2 ul li a:hover + .hidden, #main-menu2 .hidden:hover { display: block;} /*Style 'show menu' label button and hide it by default*/ .show-menu { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; text-decoration: none; color: #fef3c6; text-align: left; padding: 0px 0; display: none; z-index: 400;} /*Hide checkbox*/ input[type=checkbox]{ display: none; } /*Show menu when invisible checkbox is checked*/ input[type=checkbox]:checked ~ #menuxx{ display: block; } /* *********************************** CONTENT *********************************** */ /* DATE SELECTION */ #date-selection{background:#efefef; border-bottom:1px solid #ccc;} #week-selection{float:left; display:inline; padding:25px 70px 25px 60px; position:relative; margin-left:10px;} #week-selection h1{font-size:36px; font-weight:bold; display:inline-block; *display:inline; zoom:1; vertical-align:text-bottom; margin:0 20px 0 0; line-height:36px;} #week-selection p{display:inline-block; *display:inline; zoom:1; vertical-align:text-bottom; font-family:'Aller', Arial, Helvetica, sans-serif; font-style:italic; font-size:18px; color:#1aa9f3; margin:0;} #week-selection .prev, #week-selection .next{position:absolute; left:0; top:50%; margin:-19px 0 0 0; width:38px; height:38px; background:url('../img/bg/all.png') 0 0 no-repeat; font-size:0px; line-height:0px; text-indent:999px; *text-indent:0;} #week-selection .next{left:auto; right:10px; background-position:-50px 0;} #week-selection .prev:hover{margin-left:-1px;} #week-selection .next:hover{margin-right:-1px;} #week-selection .disabled{filter:alpha(opacity=30); -moz-opacity:0.3; opacity:0.3; margin-left:0 !important; margin-right:0 !important; cursor:default;} #tabs-nav{position:absolute; right:10px; bottom:-1px; text-align:center; margin:0;} #tabs-nav a{display:inline-block; vertical-align:bottom; margin-left:5px; border:1px solid #ccc; background:#ebebeb; text-decoration:none; text-transform:uppercase; color:#999; padding:10px 20px; -moz-border-radius:10px 10px 0 0; -webkit-border-radius:10px 10px 0 0; border-radius:10px 10px 0 0; -webkit-box-shadow:inset 0 -3px 2px rgba(0,0,0,.1); -moz-box-shadow:inset 0 -3px 2px rgba(0,0,0,.1); box-shadow:inset 0 -3px 2px rgba(0,0,0,.1); -webkit-transition: all .2s linear; -moz-transition: all .2s linear; -ms-transition: all .2s linear; -o-transition: all .2s linear; transition: all .2s linear; } #tabs-nav a:hover{background:#fff; color:#442a54;} #tabs-nav a.active{color:#442a54; border-bottom-color:#fff; background:#fff; -webkit-box-shadow:none; -moz-box-shadow:none; box-shadow:none; } /* SCROLL BAR */ /*.jspContainer{overflow:hidden; position:relative; height:auto !important;} .jspPane{position:relative;} .jspHorizontalBar{display:block; height:25px; position:relative; padding:0 30px;} .jspCap{width:30px; height:25px; position:absolute; left:0; top:0; z-index:10;} .jspCap div{position:absolute; left:0; top:0; height:25px; width:40px; background:url('../img/bg/all.png') 0 -225px no-repeat;} .jspCapRight{position:absolute; left:auto; right:0;} .jspCapRight div{left:auto; right:0; background-position:-50px -225px;} .jspTrack{background:url('../img/bg/all.png') 0 -200px repeat-x; position:relative; margin:0;} .jspDrag{background:url('../img/bg/all.png') 0 -275px repeat-x; position:relative; top:0; left:0; cursor:pointer; -moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px; -webkit-box-shadow:inset 1px 1px 1px rgba(255,255,255,.4), inset -1px -1px 1px rgba(0,0,0,.3); -moz-box-shadow:inset 1px 1px 1px rgba(255,255,255,.4), inset -1px -1px 1px rgba(0,0,0,.3); box-shadow:inset 1px 1px 1px rgba(255,255,255,.4), inset -1px -1px 1px rgba(0,0,0,.3); } .jspDragSpc{display:block; margin:0 20px; background:url('../img/bg/all.png') 0 -250px repeat-x; height:25px;} .jspHorizontalBar .jspTrack, .jspHorizontalBar .jspDrag{float:left; height:100%;}*/ /* SLIDER CONTENT */ .content-scroll { overflow:hidden; width:100%; position:relative; } .content-inner { display:inline-block; display:inline; zoom:1; min-width:100%; position:relative; } .scrollbar { position:absolute; left:-5000px; top:-5000px; width:100%; height:25px; margin:30px 0 0; } .scrollbar .range { margin:0 30px; } .scrollbar .prev, .scrollbar .next { position:absolute; left:0; top:0; z-index:10; width:40px; height:25px; background:url('../img/bg/all.png') 0 -225px no-repeat; } .scrollbar .next { position:absolute; left:auto; right:0; background-position:-50px -225px; } .scrollbar .prev:hover { background-position:-200px -225px; } .scrollbar .next:hover { background-position:-250px -225px; } .scrollbar .prev.disabled, .scrollbar .prev.disabled:hover { background-position:-100px -225px; } .scrollbar .next.disabled, .scrollbar .next.disabled:hover { background-position:-150px -225px; } .js .scroll { overflow:visible; } .js-scrolled + .scrollbar { position:relative; left:0; top:0; } /* SLIDER */ .sk-slider-range { display:block; height:25px; background:url('../img/bg/all.png') 0 -200px repeat-x; position:relative; } .sk-slider-pane { display:block; height:10px; position:relative; margin:0 75px; } .sk-slider-handle { position:absolute; left:0%; top:0%; width:150px; height:25px; margin-left:-75px; background:url('../img/bg/all.png') 0 -275px repeat-x; cursor:pointer; -moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px; } .sk-slider-handle div { display:block; margin:0 20px; background:url('../img/bg/all.png') 0 -250px repeat-x; height:25px; } .sk-slider-active .sk-slider-handle { background:#34baff; } /* TOOLTIP */ .sk-tooltip{position:absolute; left:-5000px; top:0; z-index:99; text-align:left; width:220px; margin-left:-110px; margin-top:20px;} .sk-tooltip-spc{border:1px solid #999; background:#fff; margin:0 10px; padding:15px 15px 5px; line-height:18px; -moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px; -webkit-box-shadow:0 0 5px rgba(0,0,0,.5); -moz-box-shadow:0 0 5px rgba(0,0,0,.5); box-shadow:0 0 5px rgba(0,0,0,.5); } .sk-tooltip-loading .sk-tooltip-spc{background-image:url('../img/bg/ajax.gif'); background-position:50% 50%; background-repeat:no-repeat; min-height:50px;} .sk-tooltip-cor{position:absolute; left:50%; margin-left:-10px; top:-14px; width:20px; height:15px; background:url('../img/bg/all.png') 0 -300px no-repeat;} .tooltip-graph{width:440px; margin-left:-220px;} .tooltip-graph .sk-tooltip-spc{padding-bottom:15px;} .tooltip-graph h1{font-style:normal; color:#333; margin:0 0 20px; font-weight:bold; font-family:'Segoe UI', Arial, Helvetica sans-serif; text-transform:uppercase; font-size:18px; line-height:22px;} .tooltip-graph p{margin:0;} .tooltip-graph .col-l{width:220px; float:left; display:inline;} .tooltip-graph .col-r{width:150px; float:right; display:inline;} .tooltip-graph .bd-box{border:1px solid #ccc; padding:3px 10px 7px; text-align:center;3 -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; } .tooltip-graph .bd-box strong{display:block;} .tooltip-graph .arrow{line-height:39px; text-align:center; background:url('../img/bg/all.png') 50% -400px no-repeat; margin:3px 0;} .tooltip-graph .arrow-down{background-position:50% -450px;} /* *********************************** FOOTER *********************************** */ #footer{border-top:1px solid #ccc; padding:50px 0; color:#999; background-color: #efefef;} /* *********************************** IE HACKS *********************************** */ .ie7 #web-change .main { behavior: expression(function(element){ element.innerHTML = '' + element.innerHTML; element.runtimeStyle.behavior = "none"; }(this)); } }/* end of media *//* screen max width 960px */ @media only screen and (max-width: 960px) { [class*=grid-]{max-width:94%;} .h1, h1{font-size:30px; line-height:35px;} #user-box{float:right; display:block; width:auto; clear:both; text-align:left; position: absolute;} .grid-graph{float:left; margin-bottom:50px;} img{max-width:100%; height:auto;} #tabs-nav{float:none; display:block; text-align:center; clear:both; display:block;} #week-selection{display:block; float:none; text-align:center;} #week-selection h1, #week-selection p{margin-bottom:10px;} .row-main{width:auto;} .vertical-separator{background:none; margin:0;} #tabs-nav{position:static; margin-bottom:-1px;} #content{padding-left: 10px; padding-right: 10px;} #main-menu2 { position: absolute; width: auto; margin: 0px; left: 20px; } #main-menu2 ul { position: static; display: none; } /*Create vertical spacing*/ #main-menu2 ul li { margin-bottom: 0px; padding-top: 7px; padding-bottom: 3px; background-color: #272a23; float: none; display: list-item;} #main-menu2 ul li a {padding: 0px 15px;} #main-menu2 ul li:first-child { padding-top: 20px; } #main-menu2 ul li ul {background-color: darkgray; padding: 0px;} #main-menu2 ul li ul li {background-color: darkgray; padding: 0px; } #main-menu2 ul li ul li:first-child {padding: 0px; } #main-menu2 ul li ul li a {padding: 0px 0px 0px 20px; margin: 0px; width: calc(100% - 20px);} #main-menu2 ul li {border: 0px;} /*Make all menu links full width*/ #main-menu2 ul li{ width: 320px;} /*Display 'show menu' link*/ .show-menu { display:block; padding-left: 35px; font-weight: bold; background: url('/img/illust/hamburger-icon.png'); background-size: 13px 13px; background-repeat: no-repeat; background-position: 15px 11px; padding-top:4px;} } @media only screen and (max-width: 960px) { #logo {font-size: 25px; height: 35px;} }/* !!!!!!!! MÍSTO PRO VAŠE STYLY !!!!!!!! */ @media screen, projection { .color-top { background-color: white !important; color: #009900 !important; font-weight: bold; } .color-good { background-color: white !important; color: #009900 !important } .color-average { background-color: white !important; color: orange !important; } .color-poor { background-color: white !important; color: red !important; } .color-bad { background-color: white !important; color: red !important; font-weight: bold; } .color-total-top { background-color: #009900 !important; } .color-total-good { background-color: #DEF5E1 !important } .color-total-average { background-color: orange !important; } .color-total-poor { background-color: red !important; } .color-total-bad { background-color: dimgray !important; color: white !important; } .color-text-top { color: #009900 !important; font-weight: bold; } .color-text-good { color: #009900 !important } .color-text-average { color: orange !important; } .color-text-poor { color: red !important; } .color-text-bad { color: red !important; font-weight: bold; } .color-text-total-top { color: #009900 !important; } .color-text-total-good { color: #009900 !important } .color-text-total-average { color: orange !important; } .color-text-total-poor { color: red !important; } .color-text-total-bad { color: dimgray !important; color: black !important; } .percent-block { width: 65px; height: 27px; text-align: center; float: left; margin-right: 10px; } table.bars { float: left; font-weight: bold; margin-top: 0px; } table.bars td { text-align: left; } .review-bar { height: 25px; display: inline-block; background-color: #eeeeee; margin-left: 3px; padding-left: 5px; } .big-rating { width: 200px; height: 200px; background-color: #eee; float: right; margin-left: 20px; font-family: georgia, "times new roman", serif; font-weight: bold; text-align: center; display: inline-block; position: relative; } .big-rating .percent { color: #031e47; } .big-rating .number { font-size: 88px; position: absolute; top: 70px; left: 5px; color: #031e47; } .big-rating .pocet { position: absolute; top: 170px; text-align: center; width: 200px; font-family: arial; color: #031e47; } .text-review { background-color: #ececec; padding: 10px; margin-bottom: 20px; } .text-review p.hodnoceni { font-size: 80%; } .text-review .uvozovky { font-weight: bold; t } .male-mikroformaty { display: none } ; .vlozeni-recenze td { text-align: left; height: 30px; } input, select { width: 250px; } select.uzky { width: 70px; } .btn { display: inline-block; vertical-align: middle; background: #031e47; text-decoration: none; color: #fff; line-height: 21px; padding: 0 10px; margin-left: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; height: 40px; } .btn-small { display: inline-block; vertical-align: middle; background: #031e47; text-decoration: none; color: #fff; line-height: 21px; padding: 0 5px; margin-left: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; height: 30px; width: 100px; margin-right: 40px; } .best { display: none; } img#img-top { float: right; margin-bottom: 30px; margin-left: 50px; } table.pneumatiky { width: 70%; } .hp-ramecek { border-right: 1px solid #A8A8A8; } .ok-message { background: url("/img/bullet-tick.png") no-repeat scroll 10px 50% #F6FBDC; border: 1px solid #C6E528; color: #008000; display: inline-block; padding: 8px; padding-left: 40px; width: 100%; } .error-message { background: url("/img/bullet-cross.png") no-repeat scroll 10px 50% #f3d2d2; border: 1px solid red; color: red; display: inline-block; padding: 8px; padding-left: 40px; width: 80%; margin-top: 20px; font-weight: bold; } ul.sipky li:before { content: "\00BB"; } .fb-like-box { background-color: white; margin-bottom: 20px; } ul.menu li { float: left; margin-left: 15px; display: inline-block; } li.product-list { width: 270px; display: inline-block; margin: 0 0 10px; vertical-align: top; 1 box-shadow: 0 0 5px rgba(0, 0, 0, 0.2); margin-right: 13px; margin-left: 13px; height: 435px; position: relative; } li.product-list:hover { box-shadow: 0 0 5px rgba(0, 0, 0, 0.3); } li.product-list .spc { margin: 0 5px; overflow: hidden; max-height: 324px; margin-bottom: 5px; padding-bottom: 15px; } li.product-list a { text-decoration: none; color: #111111; line-height: 1.3; } li.product-list h2 { 1 font-size: 160%; text-decoration: none; font-weight: 200; } li.product-list .price { float: right; 1 font-family: "Aller"; 1 font-style: italic; font-size: 18px; } li.product-list .avail { float: left; 1 font-family: 'Aller', Arial, Helvetica, sans-serif; 1 font-style: italic; font-size: 18px; } li.product-list .name, li.product-list h2 { color: #ec745a; } li.product-list .button-crossroad-to-shop { display: none; } li.product-list:hover .button-crossroad-to-shop { display: block; } .admin { color: red !important; } #breadcrumb { margin-top: 10px; } .img { height: 260px; display: table-cell; vertical-align: middle; width: 260px; text-align: center; padding-top: 10px; padding-bottom: 10px; } .admin-links { position: absolute; } .prechod { background: linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 1) 60%) repeat scroll 0 0 rgba(0, 0, 0, 0); top: 396px; display: block; left: 0; padding: 3em 0 0; position: absolute; width: 100%; z-index: 1; } .oriznuti { overflow: hidden; background: #fff; position: relative; } .annot { padding-bottom: 40px; 1 min-height: 400px; margin-top: 20px; line-height: 1.4; } .product-detail .detail-img { float: left; margin-right: 40px; margin-top: 20px; } .product-detail .price { 1 font-family: "Aller"; 1 font-style: italic; font-size: 18px; float: right; font-weight: bold; } .product-detail .avail { 1 font-family: 'Aller', Arial, Helvetica, sans-serif; 1 font-style: italic; font-size: 18px; float: left; font-weight: bold; } .product-detail .button { text-align: right; } .homepage-crossroad { display: inline; /*inline*/ margin-bottom: 30px; padding-bottom: 15px; } .homepage-crossroad li.box { float: left; width: 270px; height: 85px; margin-right: 10px; padding-top: 20px; margin-bottom: 10px; font-size: 160%; font-family: 'Raleway', sand-serif; font-style: normal; font-weight: 200; background-color: white; border: 10px solid #f3f3f3; line-height: 1.3; vertical-align: middle; } .homepage-crossroad li.box:hover { border: 10px solid #e3e3e3; 1text-decoration: underline; } .homepage-crossroad li.box a { color: #430504 !important; padding-top: 40px; position: relative; top: 4px; left: 12px; text-decoration: none; } .homepage-crossroad li.box a:hover { border-bottom: 1px solid #666; } .homepage-crossroad .img_x{width: 65px; float: left; margin-right: 10px; text-align: center;} .homepage-crossroad .letter-r { line-height:1; font-weight:bold; padding:0; margin-top:0; padding-bottom:25px; background:none; font-size: 35px; font-family: 'Sonsie One', cursive; font-style: italic; color: lightgray; } .homepage-crossroad ul.sub{font-size: 12px;margin-top: 10px; } .homepage-crossroad ul.sub li{display: inline; padding-left: 0px;} .homepage-crossroad ul.sub a{padding-top: 0px; top: 0px;} .paging {margin: 0px auto; text-align: center; font-weight: bold; text-decoration: none; margin-top: 50px; margin-bottom: 40px;} .paging a, .paging span{border: 1px solid #ddd; padding-left: 15px; padding-right: 15px; padding-top: 9px; padding-bottom: 9px; margin-right: 5px; text-decoration: none;} .button-crossroad-to-shop{ dislay: inline; text-align: center; border: 1px solid #888; color: #888; font-size: 70%; width: 30%; margin: 0px auto; padding: 0px; line-height: 1.5; } }/* end of media */@media print{ body{width:100% !important; margin:0 !important; padding:0 !important; line-height:1.4; word-spacing:1.1pt; letter-spacing:0.2pt; font-family:Arial,Verdana,sans-serif;color:#333; background:none; font-size:10pt;} /*Headings */ h1,h2,h3,h4,h5,h6{font-family:Helvetica, Arial, sans-serif;} h1{font-size:19pt; margin:15pt 0 5pt;} h2{font-size:15pt; margin:15pt 0 5pt;} h3{font-size:13pt; margin:15pt 0 5pt;} h4,h5,h6{font-size:12pt; margin:15pt 0 5pt;} /* HELP STYLES */ .order-list label, .table-foot p, #main .row, .cfx{zoom:1;} .order-list label:after, .table-foot p:after, #main .row:after, .cfx:after{visibility:hidden; display:block; font-size:0; content:" "; clear:both; height:0;} .reset{border:0; margin:0; padding:0; list-style:none; background:none;} .reset li{margin:0; padding:0; background:none; list-style-position:outside;} .l{display:inline; float:left;} .r{display:inline; float:right;} .break{height:1px; font-size:1px; clear:both; overflow:hidden; visibility:hidden; display:block; margin:0 !important; padding:0 !important; width:100% !important;} code{font:10pt Courier, monospace;} blockquote{margin:1.3em; padding:1em; font-size:10pt;} hr{background-color:#ccc;} dt{font-weight:bold; margin:0; padding:0;} dd{text-align:left; margin:10px 0 0 30px; padding:0;} /* PARAGRAPH */ p{margin:0 0 1.2em;} /* LIST */ ul{list-style:disc; list-style-position:inside;} /* Images */ img{border:none;} img.left{float:left; margin:0.3em 20px 10px 0; clear:left;} img.right{float:right; margin:0.3em 0 10px 20px; clear:right;} /* Links */ a{color:#333;} /* Table */ table{margin:15px 1px 35px; text-align:left; border-collapse:collapse; width:98% !important; font-size:8pt;} th{border:1px solid #333; font-weight:bold;} td{border:1px solid #333;} th,td{padding:4px 10px 4px 10px;} tfoot{font-style:italic;} caption{background:#fff; margin-bottom:2em; text-align:left;} thead{display:table-header-group;} tr{page-break-inside:avoid;} /* HIDDEN */ #main-menu, .posr, #user-box, .prev, .next, #tabs-nav, .filter {display:none;} /* LAYOUT */ #header{border-bottom:1pt solid #000; margin:0 0 15px; padding:0 0 15px} #footer{border-top:1pt solid #000; padding:15px 0 0; margin:15px 0 0;} .std-box .header{font-weight:bold; font-size:117%; margin:0;} .std-box .content{height:auto !important;} }