﻿body
{
    margin: 0;
    padding: 0;
    font-family: Century Gothic;
    font-size: 12px;
    color: #000;
    background-image: url(../images/template/greenbg.png);
    background-repeat: repeat-x;
    background-color: #20bbb8;
}
*
{
    outline: none;
}
h1, h2, h3, h4, h5, p, a, ul, li, span, img
{
    margin: 0;
    padding: 0;
}
a
{
    text-decoration: none;
    color: #FFF;
}
a img, img
{
    border: none;
}
.clear
{
    clear: both;
}
.left
{
    float: left;
}
.right
{
    float: right;
}
/*** Main Layout***/
#bgwrapper
{
    background-image: url(../images/template/curvasbg.png);
    background-repeat: no-repeat;
    background-position: 50% 0%;
    width: 100%;
}
#wrapper
{
    margin: 28px auto 0 auto;
    width: 960px;
}
#header
{
    background-color: #FFF;
    height: 488px;
}
#logo
{
    padding: 5px 20px;
    width: 246px;
    height: 115px;
}
#topoptions
{
    float: right;
    background-image: url(../images/template/topmenu.png);
    background-repeat: no-repeat;
    width: 284px;
    height: 22px;
    padding-top: 2px;
    padding-left: 14px;
    color: #FFF;
    text-transform: uppercase;
    margin-right: 17px;
}
#genderbox
{
    margin: 10px 0 0 50px;
}
#genderbox a
{
    color: #FFF;
    text-transform: uppercase;
    height: 45px;
    display: block;
    padding-top: 35px;
    padding-left: 46px;
    float: left;
}
#genderbox .ellas
{
    width: 42px;
    background-image: url(../images/template/ellasgris.jpg);
    background-repeat: no-repeat;
}
#genderbox .ellos
{
    width: 42px;
    background-image: url(../images/template/ellosgris.jpg);
    background-repeat: no-repeat;
}

#genderbox .ellas:hover
{
    background-image: url(../images/template/ellasgreen.jpg);
    background-repeat: no-repeat;
}
#genderbox .ellaselected
{
    width: 80px;
    background-image: url(../images/template/ellasgreen.jpg);
    background-repeat: no-repeat;
    color: #1A847C;
}
#genderbox .elloselected
{
    background-image: url(../images/template/ellosgreen.jpg);
    background-repeat: no-repeat;
    color: #1A847C;
}
#genderbox .ellos:hover
{
    background-image: url(../images/template/ellosgreen.jpg);
    background-repeat: no-repeat;
}
/*** Main Menu ***/
#menu
{
    background-color: #E6E6E6;
    border-top: dashed 1px #808080;
    border-bottom: dashed 1px #808080;
    padding-left: 28px;
    margin-top: 15px;
    margin-bottom: 5px;
}
#menu ul
{
    margin: 0;
    padding: 0;
    width: 230px;
}
#menu ul li
{
    list-style-type: none;
    padding: 4px 8px;
    border-bottom: dashed 1px #808080;
}
#menu ul li.last
{
    border-bottom: none;
}
#menu ul li a
{
    color: #808080;
    text-transform: uppercase;
}
#menu ul li a:hover
{
    color: #C1272D;
}
.coticebutton
{
    padding-left: 28px;
}
/*Foto*/
#fotocuerpoella
{
    float: right;
    position: relative;
    z-index: 10;
    top: -351px;
    height: 0px;
    margin-right: 15px;
}
#fotocuerpoel
{
    float: right;
    position: relative;
    z-index: 10;
    top: -391px;
    height: 0px;
    /*margin-right: 210px;*/
    margin-right: 50px;
}
/*Promociones*/
.greybox
{
    background-color: #E6E6E6;
    margin-top: 10px;
    padding: 10px;
}
#promobox
{
    width: 540px;
    float: left;
}
#faqbox
{
    width: 370px;
    float: right;
}
#faqbox h2
{
    font-size: 20px;
    font-weight: normal;
    text-transform: uppercase;
    color: #20BBB8;
    padding-bottom: 5px;
}
#faqbox ul
{
    margin-left: 25px;
}
#faqbox ul li, #faqbox a, #faqbox a:hover
{
    color: #666;
    font-weight: bold;
    text-transform: uppercase;
    padding: 5px 0;
}
/*** Footer Menu ***/
#promowrap
{
    padding-top: 5px;
    padding-bottom: 10px;
    border-top: solid 14px #5E2520;
    background-color: #F5F5F5;
}

#promos
{
    margin: 0 auto;
    width: 960px;
}
#footerwrap
{
    padding-top: 3px;
    padding-bottom: 10px;
    border-top: solid 2px #F99F46;
    background-color: #F5F5F5;
}
#footer
{
    margin: 0 auto;
    width: 960px;
}
#footer ul
{
    margin: 0;
    padding: 0;
}
#footer ul li
{
    list-style-type: none;
    float: left;
    color: #808080;
    padding-right: 4px;
}
#footer ul li a
{
    display: block;
    color: #808080;
    text-transform: uppercase;
    font-size: 11px;
}
/*** Copyright ***/
#copyright, #copyright a
{
    color: #CCC;
    font-size: 11px;
    clear: both;
    padding: 10px 0;
}

/*Kwicks Styles*/
#menubottom
{
}
.kwicks
{
    list-style: none;
    position: relative;
    margin: 0;
    padding: 0;
}
.kwicks li
{
    display: block;
    overflow: hidden;
    padding: 0;
    cursor: pointer;
}
.kwicks li
{
    float: left;
    width: 186px;
    height: 96px;
    margin-right: 5px;
    list-style-type: none;
}
.kwicks li a
{
    display: block;
    height: 96px;
    padding: 15px 10px 0 10px;
    color: #FFF;
    font-size: 14px;
    text-transform: uppercase;
    background-image: url(                             '../images/template/kwickbg.png' );
    background-repeat: repeat-x;
}
.kwicks li span
{
    display: none;
    text-transform: none;
    font-size: 11px;
    width: 320px;
}
.kwicks li.active span
{
    display: inline;
}
.kwicks li.active .btnvermas
{
    visibility:visible;
}
.kwicks li .foto
{
    border: solid 1px #20bbb8;
    float: right;
    display:none;
}
.btnvermas
{
    border: none !important;
    margin-right: 10px;
    visibility:hidden;
}
.kwicks li.active .foto
{
    display: inline;
    width:82px;
    height:72px;
}
/*Showbox*/
.showbox
{
    display: none;
    background-color: #FFF;
    width: 210px;
    height: 175px;
    border: solid 2px #20BBB8;
    position: relative;
    z-index: 100;
    color: #B2B2B2;
    font-size: 11px;
    padding: 20px 10px;
}
.showbox h2
{
    color: #20BBB8;
    font-size: 16px;
    font-weight: normal;
    padding-bottom: 6px;
}
/*Cajas tratamientos para ella*/
#showbox1
{
    top: -430px;
    left: 430px;
    background-image: url(   '../images/otros/boxella1.jpg' );
    background-repeat: no-repeat;
}

#showbox1 h2
{
    margin-top: 65px;
}

#showbox2
{
    top: -400px;
    left: 60px;
    background-image: url(   '../images/otros/boxella2.jpg' );
    background-repeat: no-repeat;
}
#showbox3
{
    top: -300px;
    left: -40px;
    background-image: url(   '../images/otros/boxella3.jpg' );
    background-repeat: no-repeat;
}
#showbox4
{
    top: -220px;
    left: 330px;
    background-image: url(   '../images/otros/boxella4.jpg' );
    background-repeat: no-repeat;
}

#showbox4 h2
{
    margin-top: 90px;
}

#showbox5
{
    top: -220px;
    left: 540px;
    background-image: url(   '../images/otros/boxella5.jpg' );
    background-repeat: no-repeat;
}

#showbox5 h2
{
    margin-top: 124px;
    margin-left: 76px;
}
/*Cajas tratamientos para el*/
#himbox1
{
    top: -470px;
    left: -10px;
    background-image: url(   '../images/otros/boxel1.jpg' );
    background-repeat: no-repeat;
}

#himbox1 h2
{
    margin-top: 40px;
}

#himbox2
{
    top: -400px;
    left: -70px;
    background-image: url(   '../images/otros/boxel2.jpg' );
    background-repeat: no-repeat;
}

#himbox2 h2
{
    margin-top: 110px;
}

#himbox3
{
    top: -400px;
    left: 355px;
    background-image: url(   '../images/otros/boxel3.jpg' );
    background-repeat: no-repeat;
}
#himbox3 h2
{
    margin-left: 90px;
}
#himbox4
{
    top: -260px;
    left: -60px;
    background-image: url(   '../images/otros/boxel4.jpg' );
    background-repeat: no-repeat;
}

#himbox4 h2
{
    margin-top: 100px;
}

#himbox5
{
    top: -220px;
    left: 350px;
    background-image: url(   '../images/otros/boxel5.jpg' );
    background-repeat: no-repeat;
}

#himbox5 h2
{
    margin-left: 105px;
    margin-top: 75px;
}
.fqasmain
{
    
}
.promoMujer
{
 position: absolute; 
 padding-top: 54px; 
 padding-left: 9px;
}

.promoEl
{
   padding-top: 96px;
    position: absolute;
    right: 0;
}
