* {margin: 0;padding: 0}
body, div, span, p, a, img, ul, ol, li, table, th, tr, td, form, fieldset, legend, dl, dt, dd, blockquote, applet, object {border: 0}
ul{list-style-type:none}
ol {padding: 5px 17px;font-size: 0.9em}
html {background: #e87e20 url('../img/bg-repeat.png') repeat-x}
body {background: url('../img/bg.png') no-repeat 50% 0;font: normal 12px Arial,sans-serif; color: #fff;height: 894px}

p {line-height: 1.4em;font-size: 1.2em;margin-bottom: 20px}
address {font-style: normal;padding-bottom: 15px}

/* links */
a {color: #ff9e21;text-decoration: underline;}
a:link {color: #ff9e21;}
a:focus {color: #ff9e21; outline: 0}
a:visited {color: #ff9e21}
a:hover {color: #fff;text-decoration: none;}
a.more {color: #fff !important;cursor: pointer;text-decoration: none;font-weight: bold;display: inline-block;font-size: 11px;width: 58px;height: 19px;padding-left: 13px;margin-left: 15px;line-height: 18px;background: url('../img/next.png') no-repeat 0 50%;}
a.more:hover {color: #f5951f !important}

/* titles */
h1, h2, h3, h4, h5, h6 { margin:15px 0 15px 0}
h1 { font-size: 1.6em;margin: 0 0 20px; color: #ff9e21;font-weight: bold}
h1.SedmLetHrnickuNescafe {text-indent: -9999px;width: 333px;height: 47px;background: url('../img/titles/7-let-hrnicku-nescafe.png') no-repeat}
h1.serie2010 {text-indent: -9999px;width: 160px;height: 39px;background: url('../img/titles/serie-2010.png') no-repeat}
h1.serie2009 {text-indent: -9999px;width: 160px;height: 39px;background: url('../img/titles/serie-2009.png') no-repeat}
h1.serie2008 {text-indent: -9999px;width: 160px;height: 39px;background: url('../img/titles/serie-2008.png') no-repeat}
h1.serie2007 {text-indent: -9999px;width: 160px;height: 39px;background: url('../img/titles/serie-2007.png') no-repeat}
h1.serie2006 {text-indent: -9999px;width: 160px;height: 39px;background: url('../img/titles/serie-2006.png') no-repeat}
h1.serie2005 {text-indent: -9999px;width: 160px;height: 39px;background: url('../img/titles/serie-2005.png') no-repeat}
h1.serie2004 {text-indent: -9999px;width: 160px;height: 39px;background: url('../img/titles/serie-2004.png') no-repeat}
h1.serie2003 {text-indent: -9999px;width: 160px;height: 39px;background: url('../img/titles/serie-2003.png') no-repeat}
h2 { font-size: 1.6em; margin: 0 0 10px; color: #ff9e21;font-weight: bold;}
h2.design {text-indent: -9999px;width: 625px;height: 22px;background: url('../img/titles/design.png') no-repeat}
h2.tapety {text-indent: -9999px;width: 100%;height: 22px;background: url('../img/titles/tapety.png') no-repeat 50% 0}
.wall h2.tapety {background: blue url('../img/titles/tapety.gif') no-repeat 0 0;width:68px;height: 25px}
h2.screensavery {text-indent: -9999px;width: 118px;height: 22px;background: url('../img/titles/screensavery.png') no-repeat}
/* 2010 */
h2.cibulak {text-indent: -9999px;width: 118px;height: 22px;background: url('../img/titles/2010-cibulak.png') no-repeat}
h2.crema {text-indent: -9999px;width: 118px;height: 22px;background: url('../img/titles/2010-crema.png') no-repeat}
h2.puntik {text-indent: -9999px;width: 118px;height: 22px;background: url('../img/titles/2010-puntik.png') no-repeat}
h2.roseta {text-indent: -9999px;width: 118px;height: 22px;background: url('../img/titles/2010-roseta.png') no-repeat}
/* 2009 */
/* 2008 */
h2.swingAjazz {text-indent: -9999px;width: 150px;height: 22px;background: url('../img/titles/2008-swing-a-jazz.png') no-repeat}
h2.tvSignal {text-indent: -9999px;width: 150px;height: 22px;background: url('../img/titles/2008-tv-signal.png') no-repeat}
h2.hippie {text-indent: -9999px;width: 150px;height: 22px;background: url('../img/titles/2008-hippie.png') no-repeat}
h2.karoModa {text-indent: -9999px;width: 150px;height: 22px;background: url('../img/titles/2008-karo-moda.png') no-repeat}
h2.gamesy {text-indent: -9999px;width: 150px;height: 22px;background: url('../img/titles/2008-gamesy.png') no-repeat}
h2.digitalWorld {text-indent: -9999px;width: 150px;height: 22px;background: url('../img/titles/2008-digital-world.png') no-repeat}
h2.milenium {text-indent: -9999px;width: 150px;height: 22px;background: url('../img/titles/2008-milenium.png') no-repeat}
/* 2007 */
h2.pop {text-indent: -9999px;width: 150px;height: 22px;background: url('../img/titles/2007-pop.png') no-repeat}
h2.rock {text-indent: -9999px;width: 150px;height: 22px;background: url('../img/titles/2007-rock.png') no-repeat}
h2.jazz {text-indent: -9999px;width: 150px;height: 22px;background: url('../img/titles/2007-jazz.png') no-repeat}
/* 2006 */
h2.sporty {text-indent: -9999px;width: 150px;height: 22px;background: url('../img/titles/2006-sporty.png') no-repeat}
h2.energetic {text-indent: -9999px;width: 150px;height: 22px;background: url('../img/titles/2006-energetic.png') no-repeat}
h2.chic {text-indent: -9999px;width: 150px;height: 22px;background: url('../img/titles/2006-chic.png') no-repeat}
/* 2005 */
h2.talkative {text-indent: -9999px;width: 150px;height: 22px;background: url('../img/titles/2005-talkative.png') no-repeat}
h2.minimalist {text-indent: -9999px;width: 150px;height: 22px;background: url('../img/titles/2005-minimalist.png') no-repeat}
h2.ambitious {text-indent: -9999px;width: 150px;height: 22px;background: url('../img/titles/2005-ambitious.png') no-repeat}
/* 2004 */
/* 2003 */
h2.spotyAvidea {text-indent: -9999px;width: 107px;height: 20px;background: url('../img/titles/spoty-a-videa.png') no-repeat}
h3 { margin: 0;font-size: 1.0em;padding: 0;color: #ff9e21}
h4 { font-size:1.0em;margin: 5px 0 10px;color: #ff9e21;padding-bottom: 5px;border-bottom: 1px solid #ccc}

/* layout */
#layout {padding: 218px 0 0;margin: 0 auto;width: 1030px;position: relative;z-index: 100}

/* logo */
#logo {width: 814px;height: 218px;position: absolute;left: -105px;top: 0;background: url('../img/logo-bg.png') no-repeat}
#logo a {width: 177px;height: 106px;display: block;text-indent: -9999px;background: url('../img/logo.png') no-repeat;text-decoration: none;position: absolute;top: 55px;left: 453px}

/* nescafe */
#nescafe {width: 148px;height: 45px;display: block;text-indent: -9999px;background: url('../img/nescafe.png') no-repeat;text-decoration: none;position: absolute;top: 45px;left: 831px}
#intro {width: 380px;line-height: 1.3em;position: absolute;top: 125px;right: 60px;text-align: right;color: #f3ab88;font-size: 1.1em}
#intro strong {color: #fff}
/* i18n */
#i18n { position: absolute; top: 10px; right: 60px; }

/* navigation */
ul#nav {position: absolute;left: 775px;top: 230px;padding: 0;width: 226px;}
ul#nav li {width: 226px;height: 64px;float: left;}
ul#nav li#y2003.ui-state-active {height: 84px !important;;position: relative;top:-3px}
ul#nav li.ui-state-active {height: 85px}
ul#nav li a span {cursor: pointer}
ul#nav li a {cursor: pointer;display: block;text-decoration: none;position: relative;text-indent: -9999px;width: 100%;height: 100%;background: url('../img/nav-li.png') no-repeat 50px -64px}
ul#nav li#uvodem a {background: url('../img/nav-first-li.png') no-repeat 50px -64px}
ul#nav li a .item {display: block;width: 65px;height: 20px;position: absolute;top: 18px;left: 75px}
ul#nav li.ui-state-active a .item {top: 30px}
ul#nav li#uvodem a .item {top: 19px}
ul#nav li#uvodem.ui-state-active a .item {top:30px} 
ul#nav li#uvodem a .item {background: url('../img/nav/uvodem.png') no-repeat 0 0}
ul#nav li#y2010 a .item {background: url('../img/nav/2010.png') no-repeat 0 0}
ul#nav li#y2009 a .item {background: url('../img/nav/2009.png') no-repeat 0 0}
ul#nav li#y2008 a .item {background: url('../img/nav/2008.png') no-repeat 0 0}
ul#nav li#y2007 a .item {background: url('../img/nav/2007.png') no-repeat 0 0}
ul#nav li#y2006 a .item {background: url('../img/nav/2006.png') no-repeat 0 0}
ul#nav li#y2005 a .item {background: url('../img/nav/2005.png') no-repeat 0 0}
ul#nav li#y2004 a .item {background: url('../img/nav/2004.png') no-repeat 0 0}
ul#nav li#y2003 a .item {background: url('../img/nav/2003.png') no-repeat 0 0}
ul#nav li#uvodem a:hover .item,
ul#nav li#y2010 a:hover .item,
ul#nav li#y2010 a.hover .item,
ul#nav li#y2009 a:hover .item,
ul#nav li#y2008 a:hover .item,
ul#nav li#y2007 a:hover .item,
ul#nav li#y2006 a:hover .item,
ul#nav li#y2005 a:hover .item,
ul#nav li#y2004 a:hover .item,
ul#nav li#y2003 a:hover .item {background-position: -239px 0}
ul#nav li#uvodem.ui-state-active a .item,
ul#nav li#y2010.ui-state-active a .item,
ul#nav li#y2009.ui-state-active a .item,
ul#nav li#y2008.ui-state-active a .item,
ul#nav li#y2007.ui-state-active a .item,
ul#nav li#y2006.ui-state-active a .item,
ul#nav li#y2005.ui-state-active a .item,
ul#nav li#y2004.ui-state-active a .item,
ul#nav li#y2003.ui-state-active a .item {background-position: -479px 0 !important}
ul#nav li a:hover {background-position: 50px 0}
ul#nav li.ui-state-active a,
ul#nav li.ui-state-active a:hover {background: url('../img/nav-active.png') no-repeat -2px 2px}
ul#nav li#uvodem.ui-state-active a,
ul#nav li#uvodem.ui-state-active a:hover {background: url('../img/nav-first-active.png') no-repeat -2px 0}
ul#nav li a .star {width: 9px;height: 9px;line-height: 0;font-size: 0;background: url('../img/star-empty.png') no-repeat;display: block;position: absolute;top: 37px}
ul#nav li.ui-state-active a .star {display: none !important;left: -9999px !important}
ul#nav li a .star.active {background: url('../img/star.png') no-repeat;}
ul#nav li a .s1 {left: 75px}
ul#nav li a .s2 {left: 86px}
ul#nav li a .s3 {left: 97px}
ul#nav li a .s4 {left: 108px}
ul#nav li a .s5 {left: 119px}

/* content */
#content {width: 845px;overflow: hidden;height: 612px;background: url('../img/content-bg.png') no-repeat 0 0;z-index: 100}
#content .padding {padding: 40px 40px 0 130px;width: 655px;overflow: hidden;position: relative;z-index: 700}
#content .boxDesign {padding: 10px 0 0 250px;margin-left:-20px;margin-bottom: 10px;min-height: 140px;background: url('../img/image-design.png') no-repeat 0 0;_height: 140px;}
#content .boxDesign p {font-size: 12px;margin: 0;line-height: 1.6em}
#content .boxWS {padding: 0 20px 0 35px;}
#content .boxWS .wallpaper {padding-top: 30px}
#content .boxWS .wallpapers {position: absolute;top: 90px;left: 265px;text-align: center;width: 125px}
#content .boxWS .slide h2 {position: absolute;top: 0;left: 300px;background-position: 0 0}
#content .boxWS .slide .download {display: block;height: 20px;font-size: 12px;position: absolute;top: 70px;left: 302px}
#content .boxWS .wallpapers a.res {text-decoration: none;display: block;margin: 4px 0;height: 19px;line-height: 19px;width: 100%;background: url('../img/resolution.png') no-repeat 50% 0;font-size: 10px;color: #ff9e21}
#content .boxWS .wallpapers a.res:hover {color: #fff}
#content .boxWS .slide {position: relative;height: 250px;width: 390px;float: left;overflow: hidden}
#content .boxWS .slide p.controls {padding: 0;margin: 0 0 5px;position: absolute;left: 290px;top: 30px}
#content .boxWS .slide p.controls span {display: block;float: left;cursor: pointer;width: 37px;height: 37px;}
#content .boxWS .slide p.controls span img {width: 37px;height: 37px;}
#content .boxWS .screensavers {float: right;width: 390px;}
#content .boxWS .screensavers p {padding-top: 5px}
#content .boxWS .screensavers p a {display: block;margin-bottom: 10px;float: left;width: 127px;height: 86px;background: url('../img/scr-bg.png') no-repeat;position: relative;left:-11px}
#content .boxWS .screensavers p a span {display: block;padding: 2px 15px}
#content .gallery {margin-left:-7px;padding-top: 10px}
#content .gallery a {display: block;float: left;text-decoration: none;width: 165px;overflow: hidden;height: 115px;left: 0;position: relative}
#content .gallery a img {position: relative;left: -40px}

       
/* footer */
#footer {position: relative;z-index: 50;font-size: 10px;color: #6b0806}
#footer a {color: #6b0806}
#footer p.copy {position: absolute;top: 40px;left: 70px;font-size: 10px}
#footer p.fcb {position: absolute;top: 36px;right: 70px}
#footer p.fcb a {display: block;width: 105px;height: 18px;text-indent: -9999px;background: url('../img/facebook.png') no-repeat}
   
/* other */
a.button {padding: 2px 0 0 25px;float: right;width: 98px;height: 33px;background: url('../img/button-reserve.png') no-repeat;color: #000;text-decoration: none;display: block}
.alert {margin: 20px 0;position: absolute;width: 171px;height: 69px;z-index: 900}
.alert.err {background: url('../img/alert-err.png') no-repeat;top: -20px;left: 200px}
.alert.ok {background: url('../img/alert-ok.png') no-repeat;top: -20px;left: 400px}
.alert p {padding: 15px 10px;font-size: 1.2em;font-weight: bold;text-align: center}
.alert a.close {position: absolute;right:-10px;top:-10px;}
.text {background: #fff url('../img/input-gradient.png') repeat-x bottom;font-size: 11px;width: 100%;padding: 5px 0;border: 1px solid #d6d8d8;color: #000;}
textarea {overflow: hidden;background: #fff url('../img/textarea-gradient.png') repeat-x bottom;font-size: 11px;width: 100%;height: 100px;padding: 3px 0;font-family: Arial;border: 1px solid #d6d8d8;color: #000;}
.submit {width: 123px;height: 35px;font-weight: bold;text-align: center;text-transform: uppercase;color: #000;cursor: pointer;background: url('../img/button-submit.png') no-repeat;font-family: Arial;border: 0;font-size: 13}
hr {display: none}
.marginBtm {margin-bottom: 30px}
.high {font-weight: bold}
fieldset {padding-top: 10px;position: relative;}
.clear {clear: both;display: block;height: 0;line-height: 0;font-size: 0;width: 100%}
.noscreen {display: none}
.floatLeft {float: left}
.floatRight {float: right;}
.big {font-size: 1.2em}
.small {font-size: 0.9em}
.bold {font-weight: bold}
.alignRight {text-align: right}
.center {text-align: center}
.noborder {border: 0}
/* clearfix */
.clearfix:after {content: ".";display: block;height: 0;clear: both;visibility: hidden}
.clearfix {display: inline-block}
/* hidden for ie mac \*/
* html .clearfix {height: 1%}
.clearfix {display: block}

/* slider specific CSS */
.sliderGallery {overflow: hidden;position: relative;padding: 10px;height: 265px;width:640px;}
.sliderGalleryLong {height: 285px; top:-15px;padding-bottom: 0;}
.sliderGallery UL {position: absolute;list-style: none;overflow: none;white-space: nowrap;padding: 0;margin: 0;left: 0;width: 2335px;}
.sliderGallery UL LI {display: inline;}
.sliderGallery UL LI .wrap {display: block;float: left;margin: 0 4px;_margin: 0 4px 0 3px;position: relative;text-align: center;background: url('../img/slider-li.png') no-repeat bottom;width: 212px;height: 235px;}
.sliderGalleryLong UL LI .wrap {background: url('../img/slider-li2.png') no-repeat top;width: 212px;height: 285px; top: -10px;}
.sliderGallery UL LI .wrap h2 {text-align: left}
.sliderGalleryLong UL LI .wrap h2 {margin-top: 10px; margin-bottom: 0;}
.sliderGallery ul li .rating {text-align: left;width: 80px !important;height: 10px;padding: 0 !important;line-height: 0;font-size: 0;margin: 0;position: absolute;top: 210px;left: 20px;overflow: hidden;background: url('../img/star2.png') 0 0 repeat-x;}
.sliderGalleryLong ul li .rating {top: 250px;}
.sliderGallery ul li .rating span {padding:0px;margin:0px;display: block;float: left;line-height: 0;font-size: 0}
.sliderGallery ul li .rating span a {display:block;float: left;width:16px;height: 10px;text-decoration: none;text-indent: -9000px;z-index: 20;position: absolute;padding: 0px;}
.sliderGallery ul li .rating span a:hover {background: url('../img/star2-active.png') 0 0;z-index: 2;left: 0px;}
.sliderGallery ul li .rating a.star1 {left: 0px;}
.sliderGallery ul li .rating a.star1:hover {width:16px;}
.sliderGallery ul li .rating a.star2 {left:16px;}
.sliderGallery ul li .rating a.star2:hover {width: 32px;}
.sliderGallery ul li .rating a.star3 {left: 32px;}
.sliderGallery ul li .rating a.star3:hover {width: 48px;}
.sliderGallery ul li .rating a.star4 {left: 48px;}
.sliderGallery ul li .rating a.star4:hover {width: 64px;}
.sliderGallery ul li .rating a.star5 {left: 64px;}
.sliderGallery ul li .rating a.star5:hover {width: 80px;}
.sliderGallery ul li .rating span.current {background: url('../img/star2-active.png') 0 0;position: absolute;height: 10px;display: block;text-indent: -9000px;z-index: 1;}
.sliderGallery ul li .info {position: absolute;text-align: left;line-height: 13px;width: 150px;left: 19px;top: 175px;font-size: 11px;color: #f3ab88}
.sliderGallery a.zoom {position: absolute;width: 9px;height:9px;top: 210px;left: 180px;text-indent: -9999px;display: block;background: url('../img/zoom.png') no-repeat}
.sliderGalleryLong a.zoom {top: 250px;}
.sliderContainer{width:640px;top:245px;left: 0;padding:0;position:relative;background: url('../img/slider-bg.png') no-repeat;}
.sliderGalleryLong .sliderContainer{top:265px;}
.slider{width:278px;height:17px;margin; 0;padding:1px;position:relative;left:93px;&left:4px;_left: 2px;}
.ui-slider-handle{position:absolute;cursor:move;height:17px;width: 312px;;top:5px;margin:0 -70px;background:url('../img/slider-handle.png') no-repeat;z-index:100;}
.sliderContainer span.btn-left{float:left; width:19px;height:19px;background: url('../img/slider-bg.png') no-repeat; cursor:pointer;}
.sliderContainer span.btn-right{float:right; width:19px;height:19px;background: url('../img/slider-bg.png') no-repeat 100% 0; cursor:pointer;}
.sliderContainer span.start{float:left; width:70px;height:19px; }
.sliderContainer span.end{float:right; width:70px;height:19px; }

.ui-tabs {  }
.ui-tabs .ui-tabs-nav {  }
.ui-tabs .ui-tabs-nav li { }
.ui-tabs .ui-tabs-nav li a {  }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected {  }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a {  }
.ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer; } /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */
.ui-tabs .ui-tabs-hide { display: none !important; }