/*------------------------------------*\
        struktura
\*------------------------------------*/
body { background:#f60 url("../../../../../images/core/pages/promo/retreat/bg_glow.jpg") -300px -10px repeat-x; }
.pageWrap { width:960px; margin:0 auto;}

/*------------------------------------*\
        logo 
\*------------------------------------*/
.siteLogo { float:left; line-height:45px; margin:0 0 0 29px; text-indent:-9999px; }
a:hover.siteLogo { background:url("../../../../../images/core/pages/main/ico_home.gif") 100% 50% no-repeat; padding-right:23px; }
.siteLogo span { background:url("../../../../../images/core/pages/main/vemma_logo.png") 0 50% no-repeat; display:block; height:45px; width:120px; }

/*------------------------------------*\
        header, pasek logowania
\*------------------------------------*/
.mainHeader .loginBar { font-size:11px; line-height:20px; margin:5px 20px 5px 0; text-align:right; }
.mainHeader .loginBar li { display:inline; margin:0 0 0 15px; }
.mainHeader .loginBar,
.mainHeader .loginBar a,
.mainHeader .loginBar a:visited,
.mainHeader .loginBar a:hover { color:#fff;}
.mainHeader .loginBar li:first-child a { font-weight:bold; text-transform:uppercase; }
.mainHeader .loginBar .accountLogin { background:url("../../../../../images/core/pages/promo/retreat/ico_account.png") no-repeat 0 1px; padding-left:15px; }
   
    
/*------------------------------------*\
        belka menu
\*------------------------------------*/
.menuBar { background:#fdfdfd; background:-moz-linear-gradient(top,#fdfdfd 75%,#e9e9e9 90%); background:-webkit-gradient(linear,left top,left bottom,color-stop(75%,#fdfdfd),color-stop(90%,#e9e9e9)); background:-o-linear-gradient(top,#fdfdfd 75%,#e9e9e9 90%);
           -moz-box-shadow:0 0 2px rgba(0,0,0,0.6); -webkit-box-shadow:0 0 2px rgba(0,0,0,0.6); -o-box-shadow:0 0 2px rgba(0,0,0,0.6); box-shadow:0 0 2px rgba(0,0,0,0.6); 
          -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; height:45px; position:relative; z-index:98; }    
.menuBar .menu { float:right; font-family:Arial, Helvetica, "Helvetica Neue", sans-serif; font-weight:bold; margin:0 10px; }
.menuBar .menu > li { float:left; position:relative; text-transform:uppercase; }
.menuBar .menu a { display:block; line-height:45px; font-size:14px; padding:0 9px; }
.menuBar .menu .on { background:#f2f2f2; }
.menuBar .menu a, .menuBar .menu a:visited { color:#666; }
.menuBar .menu a:hover { background:#f2f2f2; color:#f60; text-decoration:none; }
.menuBar .menu a.on:hover { background:#e9e9e9; }
.menuBar .menu a.on, .menuBar .menu a.on:visited { color:#f60; }
.menuBar .menu ul { display:none; background:#fbfbfb; border:#bbbbbb 1px solid; display:none; position:absolute; text-align:left; font:normal 13px Arial, Helvetica, sans-serif; top:45px; left:0px; z-index:99; width:150px;
                    -webkit-background-clip:padding-box; -moz-background-clip:padding-box; -webkit-border-bottom-right-radius:4px; -webkit-border-bottom-left-radius:4px; -moz-border-radius-bottomright:4px; -moz-border-radius-bottomleft:4px; border-bottom-right-radius:4px; border-bottom-left-radius:4px;
                    -moz-box-shadow:1px 2px 5px #666; -webkit-box-shadow:1px 2px 5px #666; -o-box-shadow:1px 2px 5px #666; box-shadow:1px 2px 5px #666; }
.menuBar .menu li:hover > ul { display:block !important; }
.menuBar .menu ul a { display:block; font-size:13px; line-height:18px; padding:5px 10px; text-shadow:none; }
.menuBar .menu ul li { border-top:1px solid #ddd; text-transform:none; }
.menuBar .menu ul li:first-child { border-top:0; }

.menu  li:hover ul li { margin:0; border:0; padding:0; }
.menu  li:hover ul li a { border-bottom:#dddddd 1px solid; background-color:#fbfbfb; color:#666; }
.menu  li:hover ul li a:hover { background-color:#f2f2f2; text-decoration:none; color:#ec4e00; }
.menu  li:hover ul li .on { background-color:#ffffff; color:#ec4e00; }
.menu  li:hover ul li .on:hover { background-color:#ffffff; cursor:default; }
.menu  li:hover ul li a small { position:relative; top:-1px; color:#999999; }
.menu  li:hover ul li a.last { -webkit-background-clip:padding-box; -moz-background-clip:padding-box; -webkit-border-bottom-right-radius:4px; -webkit-border-bottom-left-radius:4px; -moz-border-radius-bottomright:4px; -moz-border-radius-bottomleft:4px; border-bottom-right-radius:4px; border-bottom-left-radius:4px; border-bottom:0; }
.menu  li:hover ul li ul { font-size:100%; display: none; }
.menu  li:hover ul li:hover ul { display:block; position:absolute; left:145px; top:-1px; z-index:2; border-bottom-left-radius:0; -webkit-border-bottom-left-radius:0; -moz-border-radius-bottomleft:0; border-top-right-radius:4px; -webkit-border-top-right-radius:4px; -moz-border-radius-topright:4px; }
.menu  li:hover ul li:hover ul.left { left:-125px; }
.menu .product li { font-weight:bold; }
.menu .product > ul { width:120px; }
.menu .product .child { position:relative; }
.menu li:hover.product .child > ul { left:120px; }
.menu .menuLast ul { left:auto; right:-5px; }

/*------------------------------------*\
        naglowek i submenu
\*------------------------------------*/
.headContent { margin:15px 20px 15px 30px; }
    .headContent h1 { line-height:1.5; margin:0; color:#fff; font-family:'Oswald', Arial, Helvetica, sans-serif; font-size:26px; letter-spacing:-0.02em; text-shadow:1px 1px 0 #E7740E; }
/*------------------------------------*\
        stopka strony
\*------------------------------------*/
.mainFooter a, .mainFooter a:visited { color:#fff; }
.mainFooter, .mainFooter a:hover { color:#ffc16f; }
.mainFooter .footNav li { border-right:1px solid #ffc16f; }
.mainFooter .footNav .last { border-right:0; }

/*------------------------------------*\
        kontener na tresc
\*------------------------------------*/
.featuredPhoto { margin:0 0 20px; }
.featuredPhoto .sectionContent { padding:15px; }
.featuredPhoto li { clear:right; float:right; height:155px; margin:0 15px; width:300px; }
.featuredPhoto li:last-child { margin-top:9px; }
.featuredPhoto .big { clear:left; float:left; height:319px; width:570px; }
.featuredPhoto a { display:block; position:relative; }
.featuredPhoto a span { background:#fff; bottom:0; display:block; font-weight:bold; left:0; opacity:0.6; padding:1%; position:absolute; text-align:center; width:98%; z-index:1; }
.featuredPhoto a:hover span { text-decoration:underline; opacity:0.8; }

.retreat { zoom:1; }
.retreat .col { float:left; width:49%; }
.retreat .cFeatures { margin-left:2%; font-size:12px; }
.retreat .cFeatures li { margin-bottom:10px; }
.retreat .footer .qualified { color:#888; font-size:12px; }
.retreat .col .btnWrap { margin:25px 0 0; text-align:center; }
.retreat .col .btnWrap .btn { font-size:18px; padding:15px 25px; }
.hgroup { background:url('../../../../../images/core/pages/promo/retreat/elite_cannes_logo.png') no-repeat 0 0; margin:0 0 20px; padding:20px 0 20px 180px; }
.hgroup h2 { font-size:20px; margin:0px; }
.hgroup h3 { font-size:24px; margin:10px 0 5px; }
.hgroup h4 { margin:5px 0 0; }
.hgroup h3, .hgroup h4 { color:#666; line-height:1.2em; }