@charset "utf-8";
/* CSS Document */
@font-face {
    font-family: 'alfa_slab_oneregular';
    src: url('../fonts/alfa/alfaslabone-regular-webfont.eot');
    src: url('../fonts/alfa/alfaslabone-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/alfa/alfaslabone-regular-webfont.ttf') format('truetype'),
         url('../fonts/alfa/aslabone-regular-webfont.svg#alfa_slab_oneregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'roboto_slabbold';
    src: url('../fonts/roboto/robotoslab-bold-webfont.eot');
    src: url('../fonts/roboto/robotoslab-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/roboto/robotoslab-bold-webfont.ttf') format('truetype'),
         url('../fonts/roboto/robotoslab-bold-webfont.svg#roboto_slabbold') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'roboto_slablight';
    src: url('../fonts/roboto/robotoslab-light-webfont.eot');
    src: url('../fonts/roboto/robotoslab-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/roboto/robotoslab-light-webfont.ttf') format('truetype'),
         url('../fonts/roboto/robotoslab-light-webfont.svg#roboto_slablight') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'roboto_slabregular';
    src: url('../fonts/roboto/robotoslab-regular-webfont.eot');
    src: url('../fonts/roboto/robotoslab-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/roboto/robotoslab-regular-webfont.ttf') format('truetype'),
         url('../fonts/roboto/robotoslab-regular-webfont.svg#roboto_slabregular') format('svg');
    font-weight: normal;
    font-style: normal;
}



body 
	{
		margin: 0;
		padding: 0;
		color: #606369;
		font-size: 0.9em;
		background:#f6f7f9;
		font-family: 'roboto_slabregular', Arial, Helvetica, sans-serif;
	}
a 
	{
		color: #3b8dcb;
		text-decoration: none;
	}
a:hover 
	{
		text-decoration: none;
	}
img 
	{
		border: none;
		width: 100%;
		height: auto;
	}
#img1
	{
    width:1px !important;
    height:1px !important;
	border:none;
	position:absolute;
	top:0;
	left:0px;
	}	

h2
	{
		padding:0px;
		margin:0px;
		color:#0b91d0;
		font-size:1.4em;
		line-height:1.2em;
		font-family: 'roboto_slabbold';
		font-weight:normal;
		border-bottom:dashed 1px #606369;
		padding-bottom:8px;
	}
h3
	{
		padding:0px;
		margin:0px;
		color:#0b91d0;
		font-size:1.1em;
		line-height:1em;
		font-family: 'roboto_slabbold';
		font-weight:normal;
	}
p
	{
		padding:0px;
		margin:0px;
		padding-top:10px;
	}
.total 
	{
		width: 100%;
	}

.fullHeader 
	{
		width: 100%;
		float:left;
		z-index:10;
		background:url(../images/background/header.png) top center no-repeat;
	}
.header 
	{
		width: 1024px;
		height: 77px;
		margin: 0 auto;
		padding: 0;
		position: relative;
	}
.header div 
	{
		float: left;
	}
.fullCentral
	{
		width: 100%;
		float:left;
		z-index:8;
	}
.central
	{
		width: 1024px;
		margin: 0 auto;
		padding: 0;
		position: relative;
	}
.fullCentral.product01 .central
	{
		height:550px;
	}
/*.fullCentral.product02 .central
	{
		height:511px;
	}*/
.fullCentral.product03 .central
	{
		height:600px;
	}
.fullCentral.product04 .central
	{
		height:450px;
	}
.fullCentral.herpes01 .central
	{
		height:820px;
	}
.fullCentral.herpes02 .central
	{
		height:815px;
	}
.fullCentral.herpes03 .central
	{
		height:947px;
	}
.fullCentral.herpes04 .central
	{
		height:900px;
	}
.fullCentral.herpes01 h2,
.fullCentral.herpes02 h2,
.fullCentral.herpes03 h2,
.fullCentral.herpes04 h2
	{
		font-size:1.9em;
	}
.fullCentral.herpes01 h3,
.fullCentral.herpes02 h3,
	{
		font-size:1.4em;
		color:#4a4d50;
	}
.fullCentral.herpes01 h3 span,
.fullCentral.herpes02 h3 span,
.fullCentral.herpes03 h3 span,
.fullCentral.herpes04 h3 span
	{
		font-size:1.3em;
		color:#0b91d0;
	}

.central div 
	{
		float: left;
	}
.fullSquares
	{
		width: 100%;
		position:relative;
		float:left;
		top:-15px;
		margin-bottom:-25px;
		z-index:9;
	}
.squaresTop
	{
		width: 100%;
		height:13px;
		float:left;
		background:url(../images/background/cuadros_top.png) top center no-repeat;
	}
.squaresRepeat
	{
		width: 100%;
		float:left;
		background:url(../images/background/cuadros_repeat.png) top center repeat-y;
	}
.squaresBottom
	{
		width: 100%;
		height:12px;
		float:left;
		background:url(../images/background/cuadros_bottom.png) top center no-repeat;
	}
.squaresCentral
	{
		width: 1024px;
		margin: 0 auto;
		padding: 0;
		position: relative;
		background:#A6A5A5;
	}
.squaresCentral div
	{
		float:left;
	}
.fullFooter
	{
		width: 100%;
		float:left;
		background: #0783c7 url(../images/background/footer.png) top center no-repeat;
	}
.footer
	{
		width: 1024px;
		/*height:500px;*/
		margin: 0 auto;
		padding: 0;
		position: relative;
	}
.footer div 
	{
		float: left;
	}
.logoHeader {
    width: 160px;
    padding-top: 10px;
    padding-left: 10px;
    position: absolute;
    z-index: 11;
}
/*.header .nav
	{
		float:right;
		padding-right:10px;
	}*/
.header .nav {
    float: right;
    margin: 0 15px 0 0;
    padding-right: 0;
    width: 100%;
}
.header .nav ul {
    margin: 0 110px 0 0;
    padding: 0;
    list-style: none;
    float: right;
}
.header .nav ul li {
    margin: 0;
    padding: 0;
    text-align: center;
    float: left;
    line-height: 1.2em;
    cursor: pointer;
}
.header .nav ul li span
	{
		font-family: 'alfa_slab_oneregular';
		font-size:1.4em;
		text-transform:uppercase;
		
	}
/*.header .nav ul li a
	{
		color:#606369;
		display:block;
		padding-top:20px;
		padding-left:30px;
	}*/
.navPrincipal ul.QC_Menu li.QC_Item_Open {
    height: auto;
    width: 50%;
    padding: 0;
    margin: 0;
    text-align: left;
    background: #0d86bf;
    opacity: 0.95;
    position: absolute;
    top: 75px;
    z-index: 1;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
}
.navPrincipal ul li ul.QC_Menu {
    width: 100%;
    padding: 0;
    margin: 0;
    float: none;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
}
.navPrincipal ul.QC_Menu li.QC_Item_Open ul.QC_Menu li {
    width: 100%;
    /*height: 50px;*/
    margin: 0;
    padding: 0;
    border-bottom: 1px solid #fff;
    display: block;
    float: none;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
}
.navPrincipal ul.QC_Menu li.QC_Item_Open ul.QC_Menu li a {
    padding: 15px;
    width: 100%;
    cursor: pointer;
    background: none;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    font-family: 'alfa_slab_oneregular';
    font-size: 1.2em;
    text-transform: uppercase;
    color: #fff;
    text-align: center;
}
.nav .icos {
    margin: 0 0 2px;
}
.header .nav ul li a {
  color: #606369;
  display: block;
  padding-left: 15px;
  padding-top: 20px;
}
.header .nav ul li a:hover
	{
		color:#3b8dcb; 
	}
.header .nav ul li.active a
	{
		color:#3b8dcb;
	}
li.QC_Item_Open.ola {
    left: -76px;
}
li.QC_Item_Open.produtos {
    left: 105px;
}
li.QC_Item_Open.labial {
    left: 279px;
}
.logoGsk {
    width: 50px;
    height: 50px;
    position: absolute;
    right: 75px;
    top: 8px;
}
.fullNavigation {
    float: right !important;
}
/*.fullNavigation 
	{
		width: 84%;
		position: relative;
		z-index: 1;
	}*/
.hidelateralMenu
	{
		width:100%;
		height: 10px;
		position: absolute;
    	z-index: 10;
	}
.lateralMenuSlide
	{
		width:100%;
	}
.contentOpen
	{
		width:100%;
	}
.reference
	{
	    font-size: 0.75em;		
	}

.fullCentral.home
	{
		background:url(../images/background/home.jpg) top center no-repeat #f5f5f3;
	}
/*.fullCentral.product01
	{
		background:url(../images/background/home-bg-01.png) top center no-repeat;
	}*/
/*.fullCentral.product02
	{
		background:url(../images/background/productos_02.jpg) top center no-repeat;
	}*/
.fullCentral.product03
	{
		background:url(../images/background/productos_03.jpg) bottom center no-repeat;
	}
.fullCentral.product04
	{
		background:url(../images/background/productos_04.jpg) bottom center no-repeat;
	}
.fullCentral.herpes01
	{
		background:url(../images/background/herpes_01.jpg) bottom center no-repeat;
	}
.fullCentral.herpes02
	{
		background:url(../images/background/herpes_02.jpg) bottom center no-repeat;
	}
.fullCentral.herpes03
	{
		background:url(../images/background/herpes_03.jpg) bottom center no-repeat;
	}
.fullCentral.herpes04
	{
		background:url(../images/background/herpes_04.jpg) top center no-repeat;
	}
.txtBox
	{
		position:absolute;
	}
.txtBox.box01
	{
		width:40%;
		bottom:7%;
		left:38%;
	}
.txtBox.box02
	{
		width:40%;
		top:10%;
		right:15%;
	}
.txtBox.box03
	{
		width:45%;
		top:10%;
		left:20px;
	}
.txtBox.box04
	{
		width:45%;
		top:10%;
		right:20px;
	}
/*.txtBox.box05
	{
		width:40%;
		top:10%;
		left: 20px;
	}*/
.txtBox.boxH01
	{
		width:50%;
		top:8%;
		left:1.5%;
	}
.txtBox.boxH02
	{
		width:55%;
		height:93%;
		top:7%;
		right:1.5%;
	}
.txtBox.boxH03
	{
		width:55%;
		height:93%;
		top:7%;
		left:1.5%;
	}
.txtBox.boxH03 h2
	{
		color:#ffffff;
		border-bottom:1px dashed #ffffff;
	}
.txtBox.boxH03 p
	{
		color:#ffffff;
	}
.txtBox.boxH04 h2, 
.txtBox.boxH04 h3,
.txtBox.boxH04 p
	{
		color:#625350;
	}
.txtBox.boxH04 {
    width: 66%;
    position: relative;
    float: right;
    margin: 43px 0 0 0;
}
.txtBox.boxH04 .herpesAccordion .accordion .accordionButton h3,
.txtBox.boxH04 .herpesAccordion .accordion .accordionButton p
	{
		color:#625350;
	}
.txtBox.boxH04 .herpesAccordion .accordion .accordionButton h3 strong
	{
		color:#88746e;
		font-weight:normal;
	}
.moreInfo
	{
		position:absolute;
	}
.moreInfoIcon
	{
		width:35px;
		height: 35px;
		cursor:pointer;
		position:absolute;
		z-index:2;
		background: url(../images/iconos/more_less.png) center bottom no-repeat;
	}
.moreInfo.active .moreInfoIcon
	{
		background: url(../images/iconos/more_less.png) center top no-repeat;
	}
.moreInfoToolTip
	{
		display:none;
		position:absolute;
		left:20px;
		top:-15px;
		z-index:1;
	}
.arrowLeft
	{
		width:140px;
		height:90px;
		padding-left:12px;
		position:relative;
		left:20px;
		background:url(../images/background/arrow_left.png) 0px 20px no-repeat;
	}
.arrowRight
	{
		width:140px;
		height:90px;
		padding-right:30px;
		position:relative;
		right:192px;
		background:url(../images/background/arrow_right.png) right 20px no-repeat;
	}
.MoreInfoTxt
	{
		width:250px;
		padding:10px;
		background:#ffffff;
		position:relative;
		left:18px;
		border-radius:5px;
			-webkit-border-radius:5px;
				-o-border-radius:5px;
					-ms-border-radius:5px;
						-moz-border-radius:5px;
	}
.MoreInfoTxt.txtLeft
	{
		left:-180px;
	}
.position00 
	{
		left: 40%;
		top: 38%;
	}
.position01
	{
		bottom:12%;
		left:21%;
	}
	.position01 .moreInfoToolTip 
		{
			top: -35px;
		}
.position02
	{
		bottom:70%;
		right:5%;
	}
	.position02 .MoreInfoTxt.txtLeft 
		{
			left: -295px;
		}
.position03
	{
		bottom:20%;
		left:10%;
	}
	.position03 .moreInfoToolTip 
		{
			top: -65px;
		}
	.position03 .MoreInfoTxt 
		{
			width: 340px;
		}
.position04
	{
		top:30%;
		left:19%;
	}
	.position04 .MoreInfoTxt 
		{
			width: 350px;
		}
.bodegonProductos
	{
		/*width:444px;
		height:425px;*/
		width:43.6%;
		padding-top:40.5%;
		margin-left:2%;
		margin-right:4.4%;
		background:url(../images/background/bandeja_productos.png) no-repeat;
		position: relative;
	}
.bodegonProductos p 
	{
		position: absolute;
		bottom: 19%;
		width: 100%;
		text-align: center;
	}
.boxAccordion
	{
		width:46%;
		padding-top:2.3%;
		margin-right:2%;
		margin-left:2%;
		padding-bottom:6.5%;
		background:url(../images/background/shadow_box.png) bottom center no-repeat;
		
	}
.accordion
	{
		width:100%;
		background:#ffffff;
	}
.accordionButton
	{
		width:95%;
		padding:2.5%;
		min-height: 340px;
	}
.accordionButton.active 
	{
		min-height: inherit;
	}
.accordionOpen
	{
		width:95%;
		padding:2.5%;
		padding-top:0px;
	}
.imgAccordion
	{
		width:100%;
		position:relative;
	}
.imgAccordion img
	{
		position:relative;
		float:left;
		z-index:1;
	}
.imgAccordion .moreButton
	{
		width:17%;
		padding-top:17%;
		margin-left:41.5%;
		margin-top:14%;
		position:absolute;
		z-index:2;
		background:url(../images/iconos/more_accordion.png) no-repeat;
		background-size: 100% auto;
	}
.accordionButton.active .imgAccordion .moreButton
	{
		background:url(../images/iconos/less_accordion.png) no-repeat;
		background-size: 100% auto;
	}
.txtAccordion
	{
		width:100%;
		padding-top:6%;
	}
.sliderBox
	{
		width:480px;
		height:135px;
		padding-top:2%;
		position:absolute;
		background:url(../images/background/1x1_white_90.png);
			border-radius:5px;
			-webkit-border-radius:5px;
				-o-border-radius:5px;
					-ms-border-radius:5px;
						-moz-border-radius:5px;
	}
/*.fullCentral.product02 .sliderBox
	{
		right:20px;
		bottom: 0px;
	}*/
.fullCentral .royalSlider .royalSlide {
    /* width: 420px !important; */
    padding: 10px 30px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    height: auto !important;
}
.fullCentral.product03 .sliderBox.slider02 
	{
		left: 20px;
		bottom: 0px;
	}
.slider02 .royalSlider .royalSlide 
	{
		line-height: 1.1em;
	}
.fullCentral.product03 .sliderBox.slider03 
	{
		right: 20px;
		bottom: 0px;
	}
	.slider03 .royalSlider .royalSlide 
		{
			padding: 40px 30px 10px;
		}
	.slider03 h3 
		{
			position: absolute;
			width: 480px;
			left: 0;
			top: 0;
			font-size: 1.3em;
		}
	.slider03 .royalSlider .arrow 
		{
			margin-top: 10px;
		}
	.slider04 .slider 
		{
		background: url(../images/background/colors_slider.png) top center no-repeat;
		padding-top: 20px;
		}
.fullCentral.product04 .sliderBox.slider04 
	{
		right: 20px;
		bottom: 0;
		padding-top: 0;
	}
.sliderBox h3
	{
		width:100%;
		text-align:center;
		padding-bottom:15px;
		background:url(../images/background/colors_slider.png) bottom center no-repeat;
	}
	.slider04 h3 
		{
			background: none;
			font-size: 1.3em;
		}

.slider
	{
		width:100%;
	}
.productHalf
	{
		width:50%;
		height:100%;
	}
.productHalf.mother
	{
		
	}
.productHalf.sky
	{
		
	}
.goTop {
    width: 100%;
    height: 75px;
    padding: 0px 40px 0 0;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.goTop a
	{
		float:right;
		color:#7e8188;
		font-family: 'roboto_slabbold';
		font-size:1.3em;
		padding-right:32px;
		margin-top:30px;
		background:url(../images/iconos/top_arrow.png) center right no-repeat;
	}
.legal {
    width: 95%;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    float: none !important;
    margin: 0 auto;
}
	
.legalLine {
	
	background: url(/Assets/images/background/bgborder.png) right 20px no-repeat;
	width:57%;
	padding-bottom:50px
}

.legalBox {
	width:93%
}



.legalText {
    width: 100%;
    padding-top: 50px;
    color: #ffffff;
}
	
.legalText p {
	font-size:0.7em;
	padding:0px;
	padding-bottom:12px;   
    text-align: justify;
}
.legalText a
	{
		font-family: 'roboto_slabbold';
		font-size:1.3em;
		color:#ffffff;
		display:block;
		float:left;
		margin-right:30px;
	}
	
.footer .rrssLine {
	
	background: url(/Assets/images/background/bgborder.png) right 20px no-repeat;
	text-align:center;
	width:33%;
	float:right;
	margin-right:10%
	
}
	
.footer .rrssButtons {
		width:67px;
		padding:42px 0;
		color:#ffffff;
		margin:0 auto;
		float:none;
		text-align:center
	}
.nav .rrssButtons {
  color: #606369;
  float: right;
  padding: 0;
  text-align: center;
  width: 63px;
 margin: 10px 0 0 45px;
}

	
.rrssButtons p
	{
		font-size:0.9em;
		padding:0px;
		padding-bottom:7px;
		font-weight:bold;
		-webkit-text-shadow: 0.15em 0.15em 0.1em #333;
		   -moz-text-shadow: 0.15em 0.15em 0.1em #333;
                text-shadow: 0.15em 0.15em 0.1em #333;
		border-bottom: 1px dotted #0394d5;
		margin-bottom:20px;
	}
.footerLinks {
    height: 60px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background: #006599;
    width: 100%;
    clear: both;
    padding: 20px 0;
}
.intFooterLinks {
    max-width: 980px;
    margin: 0 auto;
}
.footerLinks a {
    color: #fff;
    margin: 10px 35px 0 0;
}
.nav .rrssButtons p {
  font-size: 1em;
  font-weight:normal;
  margin: 0;
  padding: 0;
  text-shadow: none;
  border-bottom: none;
  font-family: "roboto_slabregular","Arial,Helvetica,sans-serif";
}	
.facebookBT {
	
	background: url(/Assets/images/iconos/rrss.png) -10px -7px no-repeat;
	display:block;
	height:27px;
	width:33px;
	float:left;		
}

.facebookBT:hover {
	
	background: url(/Assets/images/iconos/rrss.png) -10px -37px no-repeat;
	
}

.twitterBT {
	
	background: url(/Assets/images/iconos/rrss.png) -40px -7px no-repeat;
	display:block;
	height:27px;
	width:33px;
	float:left;	
}

.twitterBT:hover {
	
	background: url(/Assets/images/iconos/rrss.png) -40px -37px no-repeat;
	
}

.header .nav .facebookBT {
	
	background: url(/Assets/images/iconos/rrss-top.png) -7px -7px no-repeat;
	display:block;
	height:27px;
	width:30px;
	float:left;
	padding:0;
}


.header .nav .facebookBT:hover {
	
	background: url(/Assets/images/iconos/rrss-top.png) -7px -37px no-repeat;
	
}


.header .nav .twitterBT {
	
	background: url(/Assets/images/iconos/rrss-top.png) -40px -7px no-repeat;
	display:block;
	height:27px;
	width:33px;
	float:left;	
	padding:0;
}


.header .nav .twitterBT:hover {
	
	background: url(/Assets/images/iconos/rrss-top.png) -40px -37px no-repeat;
	
}
	
.footer .contact
	{
		width:7%;
		padding-top:50px;
		float:right;
	}
.leaInstrucciones
	{
		width:97%;
		height:13.7%;
		padding-left:1.5%;
		padding-right:1.5%;
	}
	.imgInstrucciones
		{
			width:60%;
			padding-top:9px;
		}
	.footer .codeInstrucciones
		{
			width:40%;
			padding-top:25px;
			float:right;
			text-align:right;
			font-family: 'roboto_slabbold';
			color:#ffffff;
		}
.gskLogo
	{
		width:97%;
		height:20%;
		padding-left:1.5%;
		padding-right:1.5%;
	}
.gskLogo img
	{
		width:7%;
		margin-top:30px;
		float:right;
	}
	
.para_ul
	{
		width: 36px;
		height: 140px;
		background: url(/Assets/images/background/para_nav.png) no-repeat;
		background-size: 36px auto;
		position:fixed;
		z-index:900;
		top:50%;
		margin-top: -70px;
		padding: 20px 10px;
		left: 20px;
	}
.para_ul li
	{
		width: 16px;
		height: 16px;
		border-radius: 100px;
		background: #ffffff;
		margin-bottom: 12px;
		cursor:pointer;
		display:block;
		transition: background .1s ease-in-out;
		-moz-transition: background .1s ease-in-out;
		-webkit-transition: background .1s ease-in-out;
		-o-transition: background .1s ease-in-out;
	}
.para_ul li:hover,
.para_active
	{
		cursor:pointer;
		background: #ff0000 !important;
	}

.para_ul a 
	{
		text-indent: -9999px; 
		width: 16px; 
		height: 16px; 
		display: block;
	}
.indicator1,
.indicator2,
.indicator3,
.indicator4 
	{
		background: url(/Assets/images/background/para_indicator.png) right top no-repeat; 
		height: 34px; 
		min-width: 260px;
		padding: 1px 10px 0;
		position: absolute; 
		top: 15px; 
		left: 50px; 
		display: none;
		color: #3B8DCB;
		font-family: 'roboto_slabbold';
	}
.indicator1 span,
.indicator2 span,
.indicator3 span,
.indicator4 span
	{
		background: url(/Assets/images/background/para_indicator_arrow.png) no-repeat; 
		height: 35px; 
		width: 10px;
		display: block; 
		position: absolute; 
		left: -10px; 
		top: 0;
	}

.indicator2 
	{
		top: 42px; 
	}
.indicator3 
	{
		top: 70px; 
	}
.indicator4 
	{
		top: 100px;
	}

.para_ul li:hover div 
	{
		display: block;
	} 
	
	
.fases
	{
		width:100%;
		height:75%;
	}
.selectFase
	{
		width:100%;
		height:22%;
		margin-top:7%;
	}
.btnFase
	{
		width:14%;
		padding-top:14%;
		margin:1%;
		cursor:pointer;
		position:relative;
	}
.btnFase.active
	{
		width:20%;
		height:25%;
		margin-bottom:25%;
		top:-25%;
	}
.btnFase img 
	{
		position: absolute;
		top: 0;
		display: block;
		-webkit-border-radius: 8px;
		   -moz-border-radius: 8px;
			-ms-border-radius: 8px;
		     -o-border-radius: 8px;
         		border-radius: 8px;
	}
.btnFase.fase01
	{
		margin-left:0px;
	}
.btnFase.fase06
	{
		margin-right:0px;
	}
.displayFase
	{
		width:90%;
		padding:5%;
		background:#ffffff;
		border-radius:5px;
			-webkit-border-radius:5px;
				-o-border-radius:5px;
					-ms-border-radius:5px;
						-moz-border-radius:5px;
	}
#display02,
#display03,
#display04,
#display05,
#display06
	{
		display:none;
	}
.herpesAccordion .accordion
	{
		background:none;
		padding-top:20px;
	}
.herpesAccordion .accordion .accordionButton
	{
		width:auto;
		min-width:60%;
		min-height:30px;
		padding:0px;
		padding-left:48px;
		padding-top:12px;
		margin-bottom:8px;
		margin-top:15px;
		cursor:pointer;
		background:url(../images/iconos/more_herpes.png) no-repeat;
	}
.herpesAccordion .accordion .accordionButton.active
	{
		background:url(../images/iconos/less_herpes.png) no-repeat;
	}
.herpesAccordion .accordion .accordionButton h3
	{
		padding:0px;
		color:#ffffff;
		font-size:1.2em;
	}
.homeContent,
.legalContent
	{
		width:97%;
		padding-left:1.5%;
		padding-right:1.5%;
		padding-top:5%;
		padding-bottom:5%;
	}
.homeContent 
	{
		padding-bottom: 0;
	}
.textHomeBox
	{
		width:49%;
	}
.textHomeBoxFull {
    width: 100%;
}
.central .bodegonHome {
    width: 47%;
    background-size: 100% auto;
    float: right;
    position: relative;
}
.bodegonGroup {
    width: 100%;
}
.bodegonElement {
    /*width: 50%;*/
    width: 65%;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    /*padding: 2%;*/
    position: relative;
    
    margin-left: 65px;
}
/*.bodegonElement img {
    width: auto;
}*/
/*.bodegonElement.elementC img {
    float: right !important;
    margin: 100px 0 0 0;
}*/
.bodegonElement.elementC {
    width: 100%;
    text-align: center;
}
.bodegonElement.elementC img {
    max-width: 235px;
}

.tipo {
    width: 95%;
    height: 40px;
    background: gainsboro;
    margin: 0 auto 25px;
    float: none !important;
}
.tipo.desk {
    width: 100%;
    float: left !important;
}
.tipo.mov {
    display: none;
}
.tipo p {
    text-align: center;
    color: #fff;
    font-size: 1.3em;
    margin: 0;
    padding: 7px 0 0 0;
    font-family: 'roboto_slabbold';
}
.tipo.tra {
    background: #ed1a3b;
}
.tipo.pre {
    background: #f58220;
}
.tipo.pro {
    background: #fed053;
}
.bodegonElement.elementA .moreInfoIcon {
    top: 11px;
    right: 25px;
}
.bodegonElement.elementB .moreInfoIcon {
    top: 5px;
    right: 63px;
}
.bodegonElement.elementC .moreInfoIcon {
    top: 0px;
    right: 33%;
}
.bodegonElement.elementD .moreInfoIcon {
    top: 85px;
    left: 0;
}
h1.interior 
	{
		height: 0px;
		text-indent: -999em;
		margin: 0;
	}
.legalContent .box 
	{
		width: 46%;
		padding: 1% 4% 1% 0;
	}
.legalContent .box.address 
	{
		border-left: 1px solid #0B91D0;
		width: 43.5%;
		padding: 1% 2% 1% 4%;
	}
.legalContent h1 
	{
		color:#0B91D0;
		border-bottom: 1px solid #0B91D0;
		padding: 0 0 4px;
		font-size:1.6em;
		line-height:1.2em;
		font-family: 'roboto_slabbold';
	}
.legalContent h2 
	{
		margin: 30px 0 0 0;
		border: none;
	}
	.legalContent div h2 
		{
			margin: 10px 0 0 0;
		}
.homeContent h1 {
    font-weight: normal;
    padding: 0px;
    margin: 0px;
    line-height: 1em;
    color: #333d44;
    font-family: 'roboto_slabregular';
    text-align: center;
}
.homeContent h1 span {
    font-size: 4em;
    line-height: 1em;
    font-family: 'alfa_slab_oneregular';
    color: #3b8dcb;
}
.homeContent h2
	{
		font-size:3.5em;
		font-weight:normal;
		padding:0px;
		margin:0px;
		margin-top:0.8em;
		line-height:1em;
		color:#333d44;
		font-family: 'roboto_slabregular';
		border:none;
        text-align: center;
	}
.homeContent h2 span {
    font-size: 3em;
    line-height: 1em;
    font-family: 'alfa_slab_oneregular';
    color: #023a75;
}
.homeContent .campanaContent h2 {
    font-size: 2em;
    color: #0b91d0;
    font-weight: bold;
}
/*.p1_scene8_bg 
	{
		position: absolute; 
		width: 480px; 
		height: 360px; 
		text-align: center;
		bottom: 0px; 
		right: 20px;
		overflow: hidden;		
	}*/
.p1_scene8_bg img 
	{
		width: auto;
	}

/** VENTANA COOKIES **/
.alertCookies
	{
		width:100%;
		display:block;
		background:#606369;
		border-bottom:1px solid #FFF;
	}
.alertCookies .messageAlertCookies
	{
		width: 1024px;
		margin: 0 auto;
		padding:10px 0 15px 0;
		color: #FFF;
		font-size: 0.8em;
		line-height: 1.3em;
		text-align: justify;
	}
.alertCookies .messageAlertCookies a
	{
		font-weight:bold;
		text-decoration:underline;
		color: #FFF;
	}	
.alertCookies .close
	{
		width:1024px;
		margin:0 auto;
		padding:10px 0 0 0;
		min-height:20px;
	}
.alertCookies .close a
	{
		display:inline-block;
		float:right;
		text-align: center;
		width: 22px;
		border:1px solid #CECECE;
		color:#CECECE;
		background:#FFF;
		font-size:1.1em;
	}
.alertCookies .close span
	{
		color: #FFF;
		font-weight: bold;
	}			


/*MAPA DEL SITIO*/
.sitemap a 
	{
		color: #023A75;
		font-family: 'roboto_slabbold';
	}
.sitemap a:hover 
	{
		text-decoration: underline;
	}
.sitemap ul 
	{
		margin: 30px 0;
		list-style-image: url(../images/iconos/bullet.png);
	}
.sitemap li 
	{
		margin: 0 0 15px;
	}
	
/*VENTANA MODAL*/
/*#boxes .window
	{
		position: absolute;
		display: none;
		z-index: 9999;
	}*/
#boxes .window a.close {
    width: 20px;
    height: 20px;
    float: left;
    position: absolute;
    top: -25px;
    right: 0px;
    background: #0b91d0 url(../images/iconos/ico_close.png) center center no-repeat;
    text-indent: -999em;
    cursor: pointer;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    z-index: 999;
}
/*body #mask
	{
		position: absolute;
		left:0;
		top:0;
		z-index: 9000;
		background-color: #000;
		display: none;
	}*/
#boxes .window {
	/*position: fixed;*/
    position:absolute;
	background:#fff;
	left: 0;
	/*top: 0;*/
	width:50%;
	height: auto;
	/*padding:15px;*/
	display: none;
	z-index: 9999;
	text-align: center !important;
}
/*#resizevideo {
    top: 0;
    left: 0;
}*/

body #mask {
	position:absolute;
	left:0;
	top:0 !important;
	z-index:9000;
	background-color: #000;
	display: none;
}
#boxes
	{
		width:100%;
	}
/*CAMPA�A NO M�S COBRAS*/
.campana {
    width: 47%;
    margin: 70px auto;
    position: relative;
    z-index: 1;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 60px;
}

.campanaContent {
    width: 100%;
}
.central .campana {
    float: none;
}
.campana a 
	{
		cursor: pointer;
	}
.campana img 
	{
		display: block;
	}
#dialogCampana 
	{
		width: 817px;
		height: 539px;
		background: url(../images/campana/bg_modal_campana.png) left top no-repeat;	
		position:absolute;
		left: 0;
		top: 0;
	}
#dialogCampana .cntCampana 
	{
		padding: 9.5% 12.4% 0 12%;
	}
.campana img.mobile,
#dialogCampana img.mobile 
	{
		display: none;
	}
#dialogCampana .links 
	{
		position: relative;
		top: 20px;
		font-family: 'roboto_slabbold';
		font-size: 1.2em;
		width: 100%;
	}
#dialogCampana .links a
	{
		text-decoration: underline;
		float: right;
	}
#dialogCampana .links a:first-child 
	{
		float: left;
	}
#dialogCampana .links a.close 
	{
		position: static;
		background: none;
		text-indent: inherit;
		width: auto;
		height: auto;
		float: right;
		-webkit-border-radius: 0;
		   -moz-border-radius: 0;
		    -ms-border-radius: 0;
		     -o-border-radius: 0;
		        border-radius: 0;
	}
	
img.rastreador
{
    width:1px !important;
    height:1px !important;
	border:none;
	position:absolute;
	top:0;
	left:0px;
}
/************************************************PRODUCT HOME**********************************************/
.fullCentral.product01 {
    background: url(../images/background/home-bg-01.png) top center no-repeat;
    background-position-x: 50%;
}
.productBoxContainer {
    width: 75%;
    float: none !important;
    margin: 59px auto 0;
    padding: 0 0 0 50px;
}
.group01 {
    width: 50%;
    padding-left: 22%;
}
.group01 .productBox {
    width: 50%;
}
.productBox {
    padding: 100px 0 0 0;
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
   width: 25%;
}

/*.productBox.first {
    margin: 0 0 0 140px;
}
.productBox.second {
    margin: 90px 0 0 0;
}*/
.productBox.first .moreInfoIcon {
    top: 100px;
    left: 74%;
}
.productBox.second .moreInfoIcon {
    top: 161px;
    left: 3px;
}
/*.productBox.third {
    margin: 25px 0 0 0;
}*/
.productBox.third .moreInfoIcon {
    top: 91px;
    left: 68%;
}
/*.productBox.fourth {
    margin: 20px 0 0 0;
}*/
.productBox.fourth .moreInfoIcon {
    left: 19px;
    top: 107px;
}
.productHome .tipo.desk {
    float: none !important;
    clear: both;
}
/******************/
.graphicContainer {
    width: 95%;
    margin: 0 auto;
    max-width: 980px;
}
.graphicContent {
    width: 100%;
    margin: 30px auto;
    background: #fff;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 20px 20px;
    float: left;
}
.graphicContent h2 {
    width: 90%;
    text-align: center;
    margin: 0 auto 0;
    padding: 20px 0 10px 0;
}
.graphicContent p {
    text-align: center;
    font-size: 1em;
    padding: 10px 5% 0;
}
.infectionIcons {
    margin: 20px 0 0 0;
}
.infection {
    position: relative;
    clear: both;
    float: left;
    width: 100%;
}
.infection img {
    width: 57%;
    float: right;
}
.infection.infection01 img {
        width: 57%;
}
.infection.infection02 img {
        width: 72%;
}
.infection.infection03 img {
        width: 87%;
}
.infection.infection04 img {
    width: 13%;
    float: left;
    margin: 0 0 0px 3px;
    display: none;
}
.miniProductImage {
    width: 143px;
    position: absolute;
    top: 0;
    left: 0;
}
.infection01 .miniProductImage {
    top: -67px;
    left: 39%;
}
.infection02 .miniProductImage {
    /* top: -89px;
    left: 31%;
    width: 70px;*/
    top: -88px;
    left: 27%;
    width: 100px;
}
.infection03 .miniProductImage {
    top: -93px;
    left: 15%;
    width: 90px;
}
.infection04 .miniProductImage {
    top: -86px;
    left: 4%;
    width: 400px;
}
.infection.infection01 {
    margin: 80px 0 0 0;
}
.infection p {
    width: 57%;
    text-align: center;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0px 0 5px 0;
    float: right;
    color: #0783c7;
    font-weight: bold;
}
.infection.infection01 p {
    width: 57%;
}
.infection.infection02 p {
    width: 72%;
}
.infection.infection04 p {
    text-align: left;
    float: left;
    width: 100%;
    padding: 8px 0 0 0;
    display: none;
}
/********************************************/
.fullCentral.product02 .central {
    height: 435px;
}
.fullCentral.product02 {
    background: url('/Assets/images/interiores/product-home/bg-product02.jpg') center -227px no-repeat;
}
.product02 .txtBox.box02 {
    width: 40%;
    float: right !important;
    margin: 50px 5% 0 0;
    top: auto;
    position: relative;
    right: auto;
}
.fullCentral.product02 .sliderBox {
    right: 20px;
    bottom: 0px;
    height: 192px;
}
/*************************************************/
.txtBox.box05 {
    width: 40%;
    position: relative;
    float: left;
    margin: 30px 0 0 0;
}
.p1_scene8_bg {
    position: relative;
    width: 480px;
    height: 372px;
    text-align: center;
    overflow: hidden;
    float: right !important;
    margin: 0 19px 0 0px;
}
.whiteBg {
    width: 100%;
    height: 146px;
    background: #fafcfd;
    position: absolute;
    bottom: 0;
}
/*.fullSquares.last {
    height: 386px;
}*/
.sliderBox.slider04 {
    padding: 0;
    right: 19px;
    top: 226px;
    height: 146px;
}
.fullSquares.last .squaresRepeat {
    padding: 30px 0 0 0;
}
/************************************************PRODUCT INTERIOR**********************************************/
.imgVideoDuo {
    display: block;
    width: 90%;
    max-width: 400px;
    margin: 189px auto;
    padding: 0 0 0 122px;
    cursor: pointer;
}
.product .fullCentral.product01 {
    background: url('/Assets/images/interiores/product-zoviduo/bg-secction01.jpg') center -100px no-repeat;
}
.product .fullCentral.product01 .central {
    height: 480px;
}
.product .moreInfo.position01 {
    bottom: 24%;
    left: 18%;
}
.product .moreInfo.position02 {
    bottom: 83%;
    right: 16%;
}
.product .bodegonProductos {
    background: url('/Assets/images/interiores/product-zoviduo/producto-zoviduo.png') no-repeat;
}
.product .squaresRepeat {
    padding: 40px 0 0 0;
}
.product .txtBox.box01 {
    width: 40%;
    float: right !important;
    margin: 0;
    top: auto;
    position: relative;
    right: auto;
    left: auto;
}
.product .fullCentral.product02 {
    background: url('/Assets/images/interiores/product-zoviduo/mujer.jpg') center top no-repeat;
}
.product .imgAccordion .moreButton {
    margin-top: 24%;
}
.product.zovirax .fullCentral.product01 {
    background: url('/Assets/images/interiores/product-zovirax/bg-secction01.jpg') center -100px no-repeat;
}
.product.zovirax .moreInfo.position01 {
    bottom: 44%;
    left: 35.4%;
}
.product.zoviprotect .txtBox.box01 {
    margin: 250px 0 0 0;
    width: 35%;
}
.product.zovirax .bodegonProductos {
    background: url('/Assets/images/interiores/product-zovirax/producto-zovirax.png') no-repeat;
}
.product.zoviprotect .fullCentral.product01 {
    background: url('/Assets/images/interiores/product-zoviprotect/bg-secction01.jpg') center -100px no-repeat;
}
.product.zoviprotect .bodegonProductos {
    background: url('/Assets/images/interiores/product-zoviprotect/producto-zoviprotect.png') no-repeat;
}
.product.zoviprotect .bodegonProductos.second {
    background: url('/Assets/images/interiores/product-zoviprotect/bandeja_productos.png') no-repeat;
}
.product.zoviprotect .fullCentral.product02 {
    background: url('/Assets/images/interiores/product-zoviprotect/manos_agua.jpg') center -10px no-repeat;
    padding: 50px 0 0 0;
}
.zoviprotect .position04 {
    top: 32%;
    left: 24.5%;
}
.zoviprotect .position04 .MoreInfoTxt {
    width: 280px;
    top: -81px;
    left: -153px;
}
.product.zovidefense .fullCentral.product01 {
    background: url('/Assets/images/interiores/product-zovidefense/bg-secction01.jpg') center -100px no-repeat;
}
.bodegonProd {
    margin: 50px 0 0 0;
}
.bodegonProd a {
    display: block;
    cursor: pointer;
}
.zovidefense .txtBox.box01 {
    bottom: -140px;
}
 .product.zovidefense .bodegonProductos {
    background: url('/Assets/images/interiores/product-zovidefense/producto-zovidefense.png') no-repeat;
}
 .product.zovidefense .fullCentral.product02 {
    background: url('/Assets/images/interiores/product-zovidefense/bg-secction02.jpg') center -220px no-repeat;
    /*padding: 50px 0 0 0;*/
}
 .zovidefense .fullCentral.product02 .sliderBox {
    height: 140px;
    float: left;
    position: relative;
    right: auto;
    margin: 80px 0 0 0;
}
 .repair {
    width: 40%;
    margin: 0 5%;
}
 .slider .royalSlider .royalWrapper {
    height: initial !important;
}

/*cookie*/
.cookies_box.custom-cookies .container {
    width: 980px;
    float: none;
    margin: auto;
}

.cookies_box {
    position: fixed;
    bottom: 0;
    width: 100%;
    padding: 15px;
    box-sizing: border-box;
    background-color: rgba(255,255,255,0.9);
    z-index: 9;
    display: none;
    line-height: 25px;
    border-top: 1px solid #0b91d0;
}

.cookies_content {
    width: 100%;
    float: left;
}
    .cookies_content h3 {
        padding: 0px;
        margin: 0 0 10px 0;
        color: #0b91d0;
        font-size: 1.3em;
        line-height: 1em;
        font-family: 'roboto_slabbold';
        font-weight: normal;
    }

.hide-field {
    display: none;
}

.cookieGosht {
    width: 100%;
    float: left;
}

.cookies-btn {
    padding: 5px 0;
    color: #FFF;
    background-color: #3b8dcb;
    text-align: center;
    margin: 10px auto 10px auto;
    float: none;
   /*display: inline-block;*/
    cursor: pointer;
    width: 100px;
    font-size: 1.1em;
}

.cookies_close_btn {
    float: right;
    text-align: right;
    font-size: 1.3em;
    cursor: pointer;
}
}