/* colors

yellow bg
#f5c735;

yellow light
#fed135;

white
#f8f7f2;

color text
#412a13;
*/

@import url(https://fonts.googleapis.com/css?family=Exo:400,800italic&subset=latin,latin-ext);

/******************************************************************************/
/*                                 obecne                                     */
/******************************************************************************/



body{ font-family: 'Exo',Arial, sans-serif; margin: 0px; padding: 0px; background: #feffef url('../images/header_base_stripe.png') repeat-x top left; font-size: 14px; line-height: 18px; color: #6a6a61;}
a{color: #83a52c;}
a img{margin: 0px; padding: 0px;border: none;}
.wholePage{width: 100%; text-align: center; min-width: 1200px;}
.center{margin: auto; width: 1200px; text-align: left;}
.clear{clear: both; float: none;}
h1,h2,h3{color: #ffa117;}
h2{font-size: 25px;}
h3{font-size: 20px;}





/******************************************************************************/
/*                                 *topbar                                     */
/******************************************************************************/
#topbarWrap{height: 115px; margin: 0px; padding: 0px; position: relative; z-index: 2;}
#topbar{height: 115px;}
#logo{width: 98px; float: left; height: 74px;}
#logo a{width: 98px; float: left; height: 74px;display: block; margin: 10px 0px 0px 70px; padding-top: 10px;}
#menu{width: 950px; float: right;text-align: right;}
#menu ul{list-style-type: none;}
#menu ul{margin: 0px;padding: 0px;}
#menu>ul{padding-top: 30px; text-align: center;}
#menu ul li{display: block; float: right; height: 85px; min-width: 100px;}
#menu>ul>li{position: relative; padding:0px 20px 0px 20px;}
#menu>ul>li a{float: left; display: block;  height: 85px; line-height: 80px; text-decoration: none; text-align: center; font-size: 16px;}
#menu>ul>li a>span {padding: 0px 20px 0px 20px;}
#menu>ul>li a:hover{ text-decoration: underline; color: #83b031;}
#menu>ul>li:hover {}
#menu>ul>li:hover ul{display: block;}
#menu>ul>li a>span{padding-right: 20px; background: transparent url('https://www.cekore.cz/themes/cekore/images/arrow_menu.png') no-repeat center right;}

#menu>ul>li ul{display: none;text-align: left; position:absolute; top: 85px; left: -50%; clear: both; z-index: 10; background: #6f8a19 url('../images/hover_menu.png') no-repeat center top; padding: 20px 0px 20px 0px;}
#menu>ul>li:first-child ul {left: auto; top: 85px; right: 0px; background-position: top right;}
#menu>ul>li ul li{width: 272px; height: 48px; line-height: 48px; }
#menu>ul>li ul li a{height: 48px; line-height: 48px;text-align: left; width: 238px; padding-left: 34px; color: white;}
#menu>ul>li ul li a>span{padding-left: 20px;}
#menu>ul>li ul li a:hover{background: #a8b84d; color: white; text-decoration: none;}



/******************************************************************************/
/*                                 *home index                                     */
/******************************************************************************/
.bannerWrap {background: url('../images/slider_base.jpg') no-repeat center top; height: 522px; position: relative;}
.hpCont {padding: 65px 0px 15px 0px;}
#slogans{float: left; width: 330px; height: 389px; border-top: 3px solid #d6e439; border-bottom: 3px solid #d6e439; margin-left: 5px;}
#slogans ul{list-style-type: none; margin: 0px; padding: 60px 0px; line-height: 30px;}
#slogans ul li {background: url('../images/green_dot.png') no-repeat left top 13px; padding-left: 20px; margin: 5px 0px 0px 0px;}
#flash{float: right; width: 840px; margin-right: 5px;}
#flash #view{border: 10px solid #d6e439;margin-bottom: 10px;}

#flash object { display: block; margin: 0px; padding: 0px; }
#comment {visibility: hidden; color: #476201; text-align: center; line-height: 24px; float: right; background: #d6e43a url('../images/flash_tooltip_arrow.png') no-repeat center top; padding: 0px;}
#comment p {padding: 0px 20px 5px 20px;}

.stripe {background: url('../images/stripe_bg_jpg.jpg') no-repeat center top; height: 341px;}
.stripe .item {float: left; width: 400px; margin-top: 60px;}
.stripe .item a {display: block; margin: auto; width: 241px; height: 235px;}
.stripe .item1 a {background: url('../images/diet_poradna.png') no-repeat left top;}
.stripe .item2 a {background: url('../images/cekore_circle.png') no-repeat left top;}
.stripe .item3 a {background: url('../images/chirurgicka_poradna.png') no-repeat left top;}
.stripe .item a:hover {background-position: left -234px;}
.stripe .item2 a:hover {background-position: left top;}

/** banner **/
#banner{width: 1189px; height: 433px; position: relative; z-index: 1; overflow: hidden; margin: auto; padding-top: 40px;}
#banner .wrapper{width: 192000px;}
#banner .item{display: block; width: 1189px; height: 550px; float: left; margin: 0px; padding: 0px; position: relative; z-index: 1; overflow: hidden;}
#banner .item a{text-decoration: none;}
#banner .item img{line-height: 0px; padding: 0px; margin: 0px; border: none;}

#banner-switch{height: 20px; position: relative; z-index: 2; width: 1200px;}
#banner-switch>div{margin: auto; margin-top: -80px; text-align: center;}
#banner-switch>div>div{display: inline-block; width: 7px; height: 8px; background: url('../images/switcher_main_banner.png') no-repeat left top -8px; margin: 0px 0px 0px 15px;}
#banner-switch>div>div.active,
#banner-switch>div>div:hover{background-position: left top 0px; cursor: pointer;}

#bannerShadow{background: url('../images/slider_shadow.png') no-repeat center top; width: 1200px; height: 42px;clear: both; margin: auto;}

/******************************************************************************/
/*                                 page                                    */
/******************************************************************************/
/** static box fixed**/
#fastInfo {position: fixed; top: 240px; left: -380px; width: 200px; z-index: 100; height: 163px; border: 1px solid white; border-left: none;}
#fastInfo>a{float: right; display: block; width: 38px; height: 163px; background: url('../images/akce_mesice.png') no-repeat left top;}
#fastInfo .content {background: white; height: 163px;}
#fastInfo .content a {display: block; width: 115px; height: 163px; padding: 5px;}

#page-content {padding: 20px 5px 30px 5px; width: 850px; margin: auto;}
#page-content h2.first{font-size: 30px;  border-bottom: 2px solid #ffa117; line-height: 30px; padding-bottom: 10px;}
#page-content h3.right {text-align: right; border-bottom: 2px solid #ffa117; line-height: 30px; padding-bottom: 10px;}
#page-content p.left {width: 500px;}
#page-content p.right {float: right; width: 500px;}

/******************************************************************************/
/*                                 footer                                    */
/******************************************************************************/

.footerWrap {background: url('../images/lower_base.jpg') no-repeat center top; color: #73a212;}
.footerWrap .center {width: 990px; height: 257px;}
#footer .footerTop {padding: 40px 20px 0px 20px;}
#footer .footerTop .footerCol{text-align: left;  padding: 5px 0px 0px 40px; float: left; color: #73a212; width: 190px; font-size: 12px;}
#footer .footerTop .footerCol1 {background: url('../images/icon_home.png') no-repeat left top; width: 230px;}
#footer .footerTop .footerCol2 {background: url('../images/icon_phone.png') no-repeat left top;}
#footer .footerTop .footerCol3 {background: url('../images/icon_balloons.png') no-repeat left top; width: 220px;}
#footer .footerTop .footerCol4 {background: url('../images/icon_mail.png') no-repeat left top; width: 130px;}

#footer .footerBottom {clear: both; margin-top: 130px;}
#footer .footerBottom .l{float: left; width: 400px;}
#footer .footerBottom .r{float: right; width: 400px; text-align: right;}
#moonlake a {display: block; float: right; width: 143px; height: 30px; background: url('../images/shopix.svg') no-repeat left top;}