@charset "UTF-8";
/* CSS Document */

::selection{ background:#9FCF80; color: #FFF;}
::-moz-selection { background:#9FCF80; color:#FFF;}

#menuIndiba{
	width:100%;
	background:#F186B6;
	}
	
.centraMenuEspecifico{
	width:1024px;
	height:50px;
	margin:0 auto;
	}
	
.centraMenuEspecifico ul{ width:1024px; float:left;}

.centraMenuEspecifico ul li{ 
	float:left;
	font-size:14px;
	color:#FFF;
	line-height:16px;
	cursor:pointer;
	}
	
.centraMenuEspecifico ul li a{ text-decoration:none; color:#FFF;}
	
.menuSpacerUno{ padding:16px 9px 0 9px; height:34px;}
.menuSpacerDos{ padding:10px 9px 0 9px; height:40px;}
	
.menuIndibaActive{ background:#C8618C;}


.contenidoIndiba{
	width:1024px;
	height:100%;
	margin:0 auto;
	margin-top:140px;
	}


#indibaSlideShow{
	width:1024px;
	height:530px;
	float: left;
	}
	
.indibaH1{ color:#F186B6;}

.indibaH1Green{ color:#9FCF80;}

.indibaH3Green{ font-size:21px; color:#9FCF80; margin-bottom:-20px;}

#seccionModelos{ position:relative;}

#navModelosIndiba{
	width:565px;
	height:35px;
	position:absolute;
	left:50%;
	margin-left:-280px;
	top:170px;
	z-index:5;
	}
	
.modeloIndibaBtn{
	width:125px;
	height:25px;
	background:#FFF;
	border: solid 1px #9FCF80;
	text-align:center;
	font-size:12px;
	float:left;
	margin-right:90px;
	color:#9FCF80;
	padding-top:10px;
	cursor:pointer;
	}
	
.modeloIndibaBtn:hover{
	background:#9FCF80;
	color:#FFF
	}
	
.modeloIndibaBtnActive{
	background:#9FCF80;
	color:#FFF
	}

#textoCaracteristicas{
	width:445px;
	float:right;
	margin-top:20px;
	line-height:22px;
	}
	
#containerModelos{
	width:1024px;
	float:left;
	margin-left:-35px;
	}
	
#coverModelos{
	width:1024px;
	height:402px;
	float:left;
	margin-top:45px;
	border-top:solid 2px #FFF;
	border-bottom:solid 2px #FFF;
	}
	

#titulosModelos ul{
	width:1024px;
	height:70px;
	float:left;
	background:#8EC16C;
	display:block;
	}
	
#titulosModelos ul li{
	float:left;
	font-size:21px;
	color:#FFF;
	line-height:25px;
	}

#modeloAplicacion{ width:195px; height:100%; border-right:solid 2px #FFFFFF;
	padding-left:10px;
	padding-right:10px;
	padding-top:25px;}
#modeloCaracteristicas{ width:170px; height:100%; border-right:solid 2px #FFFFFF;
	padding-left:10px;
	padding-right:10px;
	padding-top:10px;}
#modeloElectrodos{ width:255px; height:100%; border-right:solid 2px #FFFFFF;
	padding-left:10px;
	padding-right:10px;
	padding-top:25px;}
#modeloGuia{ width:130px; height:100%; border-right:solid 2px #FFFFFF;
	padding-left:10px;
	padding-right:10px;
	padding-top:10px;}
#modeloMedidas{ width:160px; height:100%;
	padding-left:10px;
	padding-right:10px;
	padding-top:25px;}

#containerInfoModelosIndiba ul{
	width:1024px;
	float:left;
	background:#9FCF80;
	display:block;
	border-top:solid 2px #FFF;
	border-bottom:solid 2px #FFF;
	
	}
	
#containerInfoModelosIndiba ul li{
	float:left;
	font-size:16px;
	font-style:italic;
	height:95px;
	color:#4D4D4D;
	line-height:19px;
	text-align:center;
	padding-top:10px;
	padding-bottom:10px;
	
	}
	
#indibaInfoAplicacion{ width:215px; height:100%; border-right:solid 2px #FFFFFF;}
#indibaInfoCaracteristicas{ width:190px; height:100%; border-right:solid 2px #FFFFFF;}
#indibaInfoElectrodos{ width:275px; height:100%; border-right:solid 2px #FFFFFF;}
#indibaInfoGuia{ width:150px; height:100%; border-right:solid 2px #FFFFFF;}
#indibaInfoMedidas{ width:180px; height:100%;}

#indibaThumbContainer{
	width:1024px;
	height:167px;
	border-top:solid 5px #FFF;
	border-bottom:solid 5px #FFF;
	margin-top:30px;
	float:left;
	margin-left:-35px;
	}
	
#indibaThumbContainer img{ float:left; cursor:pointer;}

#indibaThumbContainer img:hover{
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
	
	/* This works in IE 8 & 9 too */
	filter: alpha(opacity=50);
	
	/* Older than Firefox 0.9 */
	-moz-opacity:0.5;
	
	/* Safari 1.x (pre WebKit!) */
	-khtml-opacity: 0.5;
    
	/* Opera 9+, IE 9+ */
	opacity: 0.5;}

.tratamientosSpacer{border-right: inset 5px #FFF;}

#containerListadosTratamientos{
	width:100%; 
	float:left;
	min-height:250px;
	margin-top:-25px;
	position:relative;
	z-index:20;
	}
	
.containerListadoTratamiento{
	width:205px;
	float:left;
	}
	
.containerListadoTratamiento li{
	width:100%;
	height:45px;
	float:left;
	color:#FFF;
	font-size:14px;
    white-space: nowrap;
	}
	
	
.spaceSingle{ margin:15px 0 0 15px; float:left;}

.spaceDoble{ margin:4px 0 0 15px; float:left;}
	
.tituloListadotratamiento{ margin-bottom:5px; background:#C8618C; text-align:center;}
.tituloListadotratamiento p{ margin-top:5px;}

.listadoComunTratamiento{ margin-bottom:4px; background:#F79FCB;}

.listadoVideoTratamiento{ margin-bottom:4px; background: url(../img/fondoVideoList.png) left top no-repeat; background-size:205px; cursor:pointer;}
.listadoVideoTratamiento:hover{ background-position: left bottom;}
	
#tratamientosPrimerlistado{ margin-left:120px;}

#tratamientosSegundolistado{ margin-left:55px;}

#tratamientosTercerlistado{ margin-left:55px;}

#helpVerVideo{ width:100%; float:left; height:30px;}
#helpVerVideo p{  background:url(../img/videoPlay.png) left top no-repeat; background-size:30px;float:right; height:20px; padding-left:30px; text-align:right; color:#000; font-size:12px; padding-top:6px; margin-top:30px;}


#beneficiosListados{ width:100%; float:left; margin-top:50px;}

.unListadoBeneficios{ 
	width:318px;
	min-height:300px;
	float:left;
	}
	
.unListadoBeneficios h2{
	width:100%;
	float:left; 
	font-size:21px;
	color:#9FCF80;
	margin-bottom:15px;}
	
.unListadoBeneficios span{
	width:265px;
	float:left;
	padding:5px 20px 5px 15px;
	margin-left:10px;
	background:url(../img/beneficioListArrow.png) 3px 10px no-repeat;
	background-size:8px;}
	
.unListadoBeneficios p{
	width:280px;
	font-family: 'GothamRoundedBookItalic';
	font-size:12px;
	float:left;
	display:block;
	margin-top:15px;
	line-height:14px;
	padding:0 10px 0 10px;
	}
	
#containerCintilloVentajas{
	width:100%;
	float:left;
	height:120px;
	background:#9FCF80;
	}
	
#cintilloVentajas{
	width:1024px;
	height:120px;
	margin:0 auto;
	}

#cintilloVentajas ul{
	width:953px;
	height:48px;
	margin:0 auto;
	border-bottom: solid 1px #FFFFFF;
	display:block;
	margin-bottom:20px;
	}
	
#cintilloVentajas li{
	float:left;
	margin-left:55px;
	color:#FFF;
	margin-top:15px;
	list-style:disc;
	}
	
#cintilloVentajas p{
	width:920px;
	margin:0 auto;
	color:#FFF;
	}
	
#verCasos{
	width:1024px;
	float:left;
	}
	
.casoBtn{ height:53px; float:left; margin:40px 0 0 95px; cursor: pointer;}
.casoBtn:hover{
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
	
	/* This works in IE 8 & 9 too */
	filter: alpha(opacity=70);
	
	/* Older than Firefox 0.9 */
	-moz-opacity:0.7;
	
	/* Safari 1.x (pre WebKit!) */
	-khtml-opacity: 0.7;
    
	/* Opera 9+, IE 9+ */
	opacity: 0.7;}

.casoBtn p{ margin-left:65px; margin-top:10px; color:#FFF;}

#casoFacial{ width:213px; background:url(../img/facialBtnBg.png) left top no-repeat; background-size:213px;}
#casoCorporal{ width:240px; background:url(../img/corporalBtnBg.png) left top no-repeat; background-size:240px;}
#casoCapilar{ width:227px; background:url(../img/capilarBtnBg.png) left top no-repeat; background-size:227px;}

#metodoAplicacion{ width:1024px; margin-left:-35px; height:447px; float:left; background:url(../img/I_D_B-facial-mujer.jpg) right -70px no-repeat; background-size:1024px;}
#metodoAplicacion h1{ margin-left:35px; float:left; margin-right:580px; margin-top:55px; color:#F186B6;}

#metodoAplicacion p { width:450px; float:left; margin:15px 0 0 45px;}

#efectosLeft{
	width:460px;
	float:left;}

#efectosLeft p{ 
	width:445px; 
	float:left;
	margin-left:15px;
	}
	
#efectosLeft img{ 
	margin-top:20px;
	cursor:pointer;
	float:left;
	}
	
#efectosRight{
	width:460px;
	float:right;}
	
#efectosRight span{ font-size:16px; line-height:19px; color:#9FCF80;font-family: 'GothamRoundedMedium';}

#contenidoPublicaciones p{
	width:445px;
	float:left;
	margin-left:15px;
	}
	
#publicacionesLinks{
	width:445px;
	float:right;
	}
	
#publicacionesLinks a{
	width:100%;
	float:left;
	background:url(../img/publiccionListArrow.png) 3px 5px no-repeat;
	background-size:8px;
	padding-left:15px;
	display:block;
	cursor:pointer;
	color:#29AAE1;
	margin-bottom:3px;
	}
	
	
	
#contenidoROI p{ width:920px; margin:0 auto; display:block;}

#contenidoROI a{display:block;
	cursor:pointer;
	color:#29AAE1;
	margin-bottom:3px; margin-top:25px;}
	
#indibaMaps{ width:100%; height:450px; float:left; background:#FCF;}


#lightboxIndiba{ width:100%; height:100%; position:fixed; left:0; top:0; z-index:45; background: url(../img/lightboxBg.png);}
.cierraLightboxIndiba{ width:20px; height:20px; position:absolute; background:url(../img/cierraLightboxIndiba.png) left top no-repeat; background-size:20px; right:-10px; top:-10px; cursor:pointer;}

#tratamientosThumb{ width:510px; height:340px; margin:10% auto; position:relative;}
#tratamientosThumb img{ border: solid 2px #F1F1F1;}

#tratamientosVideos{ width:853px; height:480px; margin:10% auto; position:relative;}
#tratamientosVideos iframe{ border: solid 2px #F1F1F1;}


/* ESTE ES EL CONTENEDOR PARA LOS CASOS de FACIAL... */
#tratamientosCasosFacial{ width:690px; height:435px; margin:10% auto; position:relative;} 

/* ESTE ES EL CONTENEDOR PARA LOS CASOS de CORPORAL... */
#tratamientosCasosCorporal{ width:690px; height:435px; margin:10% auto; position:relative;}

/* ESTE ES EL CONTENEDOR PARA LOS CASOS de CAPILAR... */
#tratamientosCasosCapilar{ width:690px; height:435px; margin:10% auto; position:relative;}

#containerImageCasos img{ border: solid 2px #F1F1F1; width:690px; height:335px; display:block; float:left;}

#containerImageCasos{ width:100%; height:335px; float:left;}

#containerThumbsCasos{ width:100%; float:left; margin-top:20px; height:70px; border-top: solid 2px #F1F1F1;}

#containerThumbsCasos div{ width:57px; height:57px; float:left; margin:20px 15px 0 0; cursor:pointer;}
#facialThumb1{ background:url(../img/facialThumb1.jpg) left top no-repeat;}
#facialThumb2{ background:url(../img/facialThumb2.jpg) left top no-repeat;}

#corporalThumb1{ background:url(../img/corporalThumb1.jpg) left top no-repeat;}
#corporalThumb2{ background:url(../img/corporalThumb2.jpg) left top no-repeat;}
#corporalThumb3{ background:url(../img/corporalThumb3.jpg) left top no-repeat;}
#corporalThumb4{ background:url(../img/corporalThumb4.jpg) left top no-repeat;}
#corporalThumb5{ background:url(../img/corporalThumb5.jpg) left top no-repeat;}

#capilarThumb1{ background:url(../img/capilarThumb1.jpg) left top no-repeat;}
#capilarThumb2{ background:url(../img/capilarThumb2.jpg) left top no-repeat;}

#efectosLightbox{ width:516px; height:317px; margin:10% auto; position:relative;}