/* ==========================================================================
   Based on HTML5 Boilerplate styles - h5bp.com
   Theme by Andreas 
   ========================================================================== */
/*
KULER chocolat
F2E7AE
F2B749
D99036
D99036
401903

*/
html,
button,
input,
select,
textarea {
    color: #000;
}
body {
    background-image: url(../img/bg.png);
    background-color: #F4DE00;
    font-family: Verdana, Georgia, "Times New Roman", Times, serif; 
}

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}

img {
    vertical-align: middle;
}
/*
fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}
*/
textarea {
    resize: vertical;
}

.chromeframe {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}


/* ==========================================================================
   Author's custom styles
   ========================================================================== */
  


#Headcontainer{
    background-color: #fff;
}
.headbg{
    height: 138px;
    background-image: url('../img/bg-top.png');
    background-repeat: repeat-x;  
}

.logo{
    margin-top: 20px; 
    margin-left: 428px; 
    text-decoration: none;
}
.enjoy{
    margin-left:378px;
    margin-top:46px;
}
.bg-content{
    background-image: url('../img/bg-content.png');
    background-repeat: repeat; 
}

.footer{
    text-align: center;   
  padding: 81px 0 40px 0;
}


.content{
    min-height: 550px;
}

.hand{
    position:absolute;
    left:0;
    top: 600px;
    height:110px;
    width: 297px;
    background-image: url(../img/home/hand-left.png);
    z-index: 200;
    
}

/*************************************
MENU
**********************************************/
#Contact{
    position:absolute;
    margin-left: 856px;
    
}

#Contact li {
	padding: 0 0 5px 0;
	margin:0 ;
}


#Menu{
    position:absolute;
}
.menu {
	margin: 0;
	padding: 31px 0 0 0;
	width: 123px; /*width: 115px;*/
	list-style: none;

}

.faq-w{
  	width: 86px; 
    float:right;
  
}
.cont-w{
  	width: 86px; 
    float:right;
}
.menu li {
	padding: 0;
	margin: 0;
	height: 43px;
	list-style: none;
	background-repeat: no-repeat;
}
.menu li a, .menu li a:visited {
	display: block;
	text-decoration: none;
	text-indent: -9999px;
	height: 39px;
	background-repeat: no-repeat;
      outline-style: none; 
}
.wrist {background-image: url(../img/nav/wristband-aktiv.png);}
.wrist a {background-image: url(../img/nav/wristband.png);}
.wristcurrent {background-image: url(../img/nav/wristband-aktiv.png);}


.about {background-image: url(../img/nav/about-us-aktiv.png);}
.about a {background-image: url(../img/nav/about-us.png);}
.aboutcurrent {background-image: url(../img/nav/about-us-aktiv.png);}

.uv {background-image: url(../img/nav/uv-exposure-aktiv.png);}
.uv a {background-image: url(../img/nav/uv-exposure.png);}
.uvcurrent {background-image: url(../img/nav/uv-exposure-aktiv.png);}

.contact {background-image: url(../img/nav/contact-aktiv.png);}
.contact a {background-image: url(../img/nav/contact.png);}
.contactcurrent {background-image: url(../img/nav/contact-aktiv.png);}

.faq {background-image: url(../img/nav/faq-aktiv.png);}
.faq a {background-image: url(../img/nav/faq.png);}
.faqcurrent {background-image: url(../img/nav/faq-aktiv.png);}


/*sv*/

.wrist-sv {background-image: url(../img/nav/sv/wristband-aktiv.png);}
.wrist-sv a {background-image: url(../img/nav/sv/wristband.png);}
.wristcurrent-sv {background-image: url(../img/nav/sv/wristband-aktiv.png);}

.about-sv {background-image: url(../img/nav/sv/about-us-aktiv.png);}
.about-sv a {background-image: url(../img/nav/sv/about-us.png);}
.aboutcurrent-sv {background-image: url(../img/nav/sv/about-us-aktiv.png);}

.uv-sv {background-image: url(../img/nav/sv/uv-exposure-aktiv.png);}
.uv-sv a {background-image: url(../img/nav/sv/uv-exposure.png);}
.uvcurrent-sv {background-image: url(../img/nav/sv/uv-exposure-aktiv.png);}

.contact-sv {background-image: url(../img/nav/sv/contact-aktiv.png);}
.contact-sv a {background-image: url(../img/nav/sv/contact.png);}
.contactcurrent-sv {background-image: url(../img/nav/sv/contact-aktiv.png);}







ul.menu li a:hover {background: none;}
/**********************************************************/			
/*                      GRID                              */
/**********************************************************/


.gridcontainer {
    width: 978px; 
    margin: 0px auto;
    position:relative;
}

.grid1, .grid2, .grid3, .grid4, .grid5, .grid6, .grid7, .grid8, .grid9, .grid10, .grid11{
	float: left;
    display: inline;  
    padding-bottom: 1px;
    margin-left: 30px;
    /*  
    ,
    margin-left: 15px;
    margin-right: 15px;
    */
}


.grid1 {
	width:54px; 
}
.grid2 {
	width:138px;
}
.grid3 {
	width: 222px;
    padding-top:34px;
}
.grid4 {
	width:306px;
}
.grid5 {
	width:390px;
    padding-top:34px;
}
.grid6 {
    width: 474px;
}
.grid7 {
	width: 558px;
}
.grid8 {
    width: 642px;
}
.grid9 {
    width: 726px;
}
.grid10 {
	width:810px;
}
.grid11 {
	width: 894px;
}
.first {
	margin-left: 0px;
	clear: left;
	padding-left: 0px;
}

.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}
* html .clearfix {
	zoom: 1;
} /* IE6 */
*:first-child+html .clearfix {
	zoom: 1;
} /* IE7 */







/* ==========================================================================
   Media Queries
   ========================================================================== */

@media only screen and (min-width: 35em) {

}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
       only screen and (min-resolution: 144dpi) {

}

/* ==========================================================================
   Helper classes
   ========================================================================== */

.ir {
    background-color: transparent;
    border: 0;
    overflow: hidden;
    *text-indent: -9999px;
}

.ir:before {
    content: "";
    display: block;
    width: 0;
    height: 100%;
}

.hidden {
    display: none !important;
    visibility: hidden;
}

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}

.invisible {
    visibility: hidden;
}

.clearfix:before,
.clearfix:after {
    content: " ";
    display: table;
}

.clearfix:after {
    clear: both;
}

.clearfix {
    *zoom: 1;
}

/* ==========================================================================
   Print styles
   ========================================================================== */

@media print {
    * {
        background: transparent !important;
        color: #000 !important; /* Black prints faster: h5bp.com/s */
        box-shadow:none !important;
        text-shadow: none !important;
    }

    a,
    a:visited {
        text-decoration: underline;
    }

    a[href]:after {
        content: " (" attr(href) ")";
    }

    abbr[title]:after {
        content: " (" attr(title) ")";
    }

    /*
     * Don't show links for images, or javascript/internal links
     */

    .ir a:after,
    a[href^="javascript:"]:after,
    a[href^="#"]:after {
        content: "";
    }

    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    thead {
        display: table-header-group; /* h5bp.com/t */
    }

    tr,
    img {
        page-break-inside: avoid;
    }

    img {
        max-width: 100% !important;
    }

    @page {
        margin: 0.5cm;
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

    h2,
    h3 {
        page-break-after: avoid;
    }
}


.locale{
    position:absolute;
    top:100px;
    right:0px;    
}
img {border: none}

.nomineringbtn{
    position: absolute;
    top:180px;
    left:-50px;
}

.orderbtn{
    position: absolute;
    top:320px;
    right:-112px;
}

#splash-content {
    width: 960px;
    margin: 0 auto;
    padding-top: 15%;
    text-align: center;
}

.splash{
    min-height:825px;
}
#Language{
    width: 407px;
    margin:80px auto;
}
.sv{
    margin-right: 30px;
}
.en{
    margin-right: 30px;
}
.es{
   margin-right: 15px;
}
.ca{
   
}