/*general*/

/*css default BEAUTY issue 1 test*/

/* RESET */
html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input, textarea
{ margin: 0;padding: 0; }

#pub h1,
#pub h2,
#pub h3,
#pub h4,
#pub h5,
#pub h6,
#pub pre,
#pub code,
#pub address,
#pub caption,
#pub cite,
#pub code,
#pub th,
div,
#pub input,
#pub textarea
{ font-size: 100%; font-weight: normal; font-style: normal; }

#pub ul,#pub ol { list-style: none; }

#pub fieldset,#pub img 
{ border: none; }

#pub caption,#pub th 
{ text-align: left; }

#pub table 
{ border-collapse: collapse; border-spacing: 0; }

/* END RESET */

/* FONTS */

@font-face {
	font-family:century-gothic-bold;
	src:url(../font/century-gothic-bold.ttf);
}

/* END FONTS */

div#pub{
    width: 980px;
    background: transparent;
    position: Relative;
}

body
{
    text-align: center;
    background:#eeeeee;
    position: initial;
} 


#footerpub span {
    bottom: 132px;
    right: 15px;
    font-size: 30px;
}

#pub h1 {
font-size: 50px;
line-height: 114%;
padding-bottom: 30px;
padding-top: 30px;
font-family: 'Century Gothic','Futura',helvetica,sans-serif;
letter-spacing: -0.07em;
color: rgb(51, 51, 51);
text-shadow: 2px 2px 0px rgb(221, 221, 221);
text-transform: uppercase;
font-weight: bold;
}

#pub h2
{
font-family: 'Century Gothic','Futura',helvetica,sans-serif;
    color: #3C225C!important;
    font-size: 24px;
    line-height: 130%;
    margin-bottom: 20px;
    padding-bottom: 19px;
    text-shadow: 1px 1px 0 #dddddd;
    
}




#pub p {
    font-size: 19px;
    line-height: 170%;
    color: #555555;
    font-family: georgia,times new roman,serif;
    margin-bottom: 35px;
    text-align: justify;
}

#pub p span strong, #pub .box_pub span strong {
    font-size:132px;
    padding:30px 10px 5px 0;
    float:left;
}

#pub address {
    background-color: #000000;
    background-position: left center;
    background-repeat: no-repeat;
    color: #D3D3AF;
    font-family: Arial;
    font-size: 19px;
    line-height: 170%;
    padding: 10px 10px 10px 20px;
    margin-bottom: 10px;
    background-image: url("contactBg.png");
    background-position: right top;
    background-repeat: no-repeat;
}

#pub address a {
    color: #FFFFFF;
    text-decoration: none;
}

#pub address a:hover {
    background: none repeat scroll 0 0 #ffffff;
    color: #000000;
}

#pub blockquote {
    background-image: url("quotes01.png");
    background-position: left top;
    background-repeat: no-repeat;
    font-family: georgia,times new roman,serif;
    font-size: 40px;
    font-style: italic;
    margin-bottom: 40px;
    padding-top: 45px;
    text-align: right;
    text-transform: lowercase;
}

#pub blockquote p
{
  font-size: 40px;
  font-style: italic;
  margin-bottom: 0;
  font-style: italic;
  text-align: right;
  line-height:100%;
  color: #000000;
  
}

#pub strong
{
  font-weight:bold;
}

#pub em
{
  font-style: italic;
}

.pub_content
{

  margin:auto;
  width:980px;
  
  text-align:left;
  background:#fff;
}

.pub_main
{
  position: relative;
}
.pub_left
{
  width:422px;
  float:left;
  clear:left;
  
  margin-left:45px;
}

.pub_right
{
  
  margin-left:45px;
  width:422px;
  float:left;
}

.pub_middle100
{
  padding-left:45px;
  padding-right: 45px;
}

.pub_middle100Image
{
  text-align:center;
  line-height:0;
}
.pub_middle100Video
{
  text-align:center;

}
/* Standard definitons */

#pub a {
    color:#000;
}

.pub_clearer
{
  clear:both;
}


.control
{
  position:fixed;
  z-index:250;
  display:block;
  height:76px;
  width:76px;
}

.control a
{
  display:block;
  height:76px;
  width:76px;
}

#home
{
  left:20px;
  bottom:20px;
  background:URL(button_Home.png);
}

#index
{
  left:100px;
  bottom:20px;
  background:URL(button_Index.png);
}

#feedback
{
  left:180px;
  bottom:20px;
  background:URL(button_Feedback.png);
}


/*#prevLink
{
  right:100px;
  bottom:20px;
  background:URL(button_Prev.png);
}
#nextLink
{

  right:20px;
  bottom:20px;
  background:URL(button_Next.png);
}
*/

.control a
{
  font-size:0;
}

.gallery_small {
    width:422px;
    height:284px;
    margin:45px 0;
    overflow:hidden;
}

.galleryLeft, .galleryRight
{

    display: block;
    width: 76px;
    height: 76px;
    margin-top: -37px;
    position: absolute;
    top: 50%;
    z-index: 150;
    cursor:pointer;
}

.galleryLeft_small, .galleryRight_small {
    display: block;
    width: 38px;
    height: 38px;
    margin-top: -19px;
    position: absolute;
    top: 50%;
    z-index: 150;
    cursor:pointer;
}

.galleryLeft
{
    background:url(galleryLeft.png);

}

.galleryRight
{
    background:url(galleryRight.png);
    right: 0;
}

.galleryLeft_small
{
    background:url(galleryLeft_small.png);

}

.galleryRight_small
{
    background:url(galleryRight_small.png);
    right: 0;
}


.pub_twocols
{
       column-count: 2;
       column-gap: 45px;
       -moz-column-count:2;
       -moz-column-gap: 45px;
       -webkit-column-count: 2;
       -webkit-column-gap: 45px;
}

.pub_threecols
{
       column-count: 3;
       column-gap: 45px;
       -moz-column-count: 3;
       -moz-column-gap: 45px;
       -webkit-column-count: 3;
       -webkit-column-gap: 45px;
}


.pub_fourcols
{
       column-count: 4;
       column-gap: 45px;
       -moz-column-count: 4;
       -moz-column-gap: 45px;
       -webkit-column-count: 4;
       -webkit-column-gap: 45px;
}

.pub_fivecols
{
       column-count: 5;
       column-gap: 45px;
       -moz-column-count: 5;
       -moz-column-gap: 45px;
       -webkit-column-count: 5;
       -webkit-column-gap: 45px;
}

.pub_topLabel
{
    position: absolute;
    top: 0;
    width: 100%;
    text-align: center;
    background-image: URL(lbl-colour-commentary.png);
    background-repeat: no-repeat;
    background-position: center;
    height: 70px;
    line-height: 70px;
}

.pub_topLabel_forhim
{
    position: absolute;
    top: 0;
    width: 100%;
    text-align: center;
    background-image: URL(lbl-for-him.png);
    background-repeat: no-repeat;
    background-position: center;
    height: 70px;
    line-height: 70px;
}

.pub_topLabel_perfumery
{
    position: absolute;
    top: 0;
    width: 100%;
    text-align: center;
    background-image: URL(lbl-perfumery.png);
    background-repeat: no-repeat;
    background-position: center;
    height: 70px;
    line-height: 70px;
}

.pub_topLabel_special
{
    position: absolute;
    top: 0;
    width: 100%;
    text-align: center;
    background-image: URL(lbl-special-features.png);
    background-repeat: no-repeat;
    background-position: center;
    height: 70px;
    line-height: 70px;
}
.pub_topLabel_keeping
{
    position: absolute;
    top: 0;
    width: 100%;
    text-align: center;
    background-image: URL(lbl-keeping-young.png);
    background-repeat: no-repeat;
    background-position: center;
    height: 70px;
    line-height: 70px;
}

.pub_topLabel_events
{
    position: absolute;
    top: 0;
    width: 100%;
    text-align: center;
    background-image: URL(lbl-events.png);
    background-repeat: no-repeat;
    background-position: center;
    height: 70px;
    line-height: 70px;
}

.pub_topLabelDiv
{
  height:54px;
}

#pub_info-wrapper {
    width:100%;
    position:absolute;
    bottom:110px;
}

#pub_commentary {
    padding:14px 0 13px 0;
    background:#222;
    text-align:center;
}

.pub_comment {
    background:none repeat scroll 0 0 rgba(255, 255, 255, 0.7);
}

.pub_comment p {
    width:890px;
    margin:0 auto;
    padding:10px 45px;
    font-size:17px;
    line-height:135%;
    font-family:"century gothic",'Futura',arial,verdana,helvetica,sans-serif;
    text-align:justify;
    color:#000000;
}

/* Stuck */

.pub_stuck {
    position:fixed;
    bottom:0;
}

/* END Stuck */

/* Mask */

.image-mask {
    position:relative;
    width:420px;
    height:420px;
    overflow:hidden;
}

.image-mask img {
    position:absolute;
    top:0;
    left:0;
}

/* BOX */
.box {
padding: 20px;
background: #D3D3AF;
text-align:justify;
font-size: 18px;
line-height: 170%;
color: #555555;
font-family: "georgia","times new roman",serif;
}
#fromWpkgNLFrame
{
height: 75px;
width: 100%;
text-align: center;
background: #000000;
border-bottom: solid 1px #CCCCCC;
position: absolute;
z-index: 9999;
}
#fromWpkgNLFrame .cont
{
 width:980px;
 margin:auto;
}
#fromWpkgNLFrame h3
{
 margin-left:10px;
 color:#FFFFFF;
 width:930px;
 float:left;
 font-size:22px;
 font-weight:bold;
 text-align:left;
  margin-top:10px;
 font-family:'Century Gothic','Futura',helvetica,sans-serif;
}
#fromWpkgNLFrame h3 a
{
 color:#CDCA94;
 text-decoration:none;
}
#fromWpkgNLFrame img
{
  float:right;
  margin-right:10px;
  margin-top:12px;
 cursor:pointer;
}


/*test para portales de compañías*/

@media only screen and (max-width: 1280px){


    /*.pub_content, #pub{width: 100%!important;}*/

}

@media only screen and (max-width: 450px) {

    /*test for pubs migrated when seeing them from a company portal as a new*/

    /*.pub_left, .pub_right{
        width: 90%;
        margin: 5%;
        padding-left: 0;
     }*/

     #pub p, #pub div{font-size: 12px;}

     #pub ul li{list-style: none;}

}