body {
	margin: 0px;
	background-color: #fff;
}
.flex-container {
  display: flex;
  flex-flow: row wrap;
/*  max-width:950px;*/
}
html{scroll-behavior:smooth}
* {
  box-sizing: border-box;
}
/* The actual timeline (the vertical ruler) */
.timeline {
  position: relative;
  max-width: 100%;
  margin: 0 auto;
}

/* The actual timeline (the vertical ruler) */
.timeline::after {
  content: '';
  position: absolute;
  width: 6px;
  background-color: #BCD752;
  top: 0;
  bottom: 0;
  left: 50%;
  margin-left: -3px;
}

/* Container around content */
.container {
  padding: 10px 40px;
  position: relative;
  background-color: inherit;
  width: 50%;
}

/* The circles on the timeline */
.container::after {
  content: '';
  position: absolute;
  width: 25px;
  height: 25px;
  right: -17px;
  background-color: #EDE82C;
  border: 4px solid #5AA550;
  top: 15px;
  border-radius: 50%;
  z-index: 1;
}

/* Place the container to the left */
.left {
  left: -5px;
}

/* Place the container to the right */
.right {
  left: 50.3%;
}

/* Add arrows to the left container (pointing right) */
.left::before {
  content: " ";
  height: 0;
  position: absolute;
  top: 22px;
  width: 0;
  z-index: 1;
  right: 30px;
  border: medium solid #BCD752;
  border-width: 10px 0 10px 10px;
  border-color: white white white #BCD752;
}

/* Add arrows to the right container (pointing left) */
.right::before {
  content: " ";
  height: 0;
  position: absolute;
  top: 22px;
  width: 0;
  z-index: 1;
  left: 30px;
  border: medium solid #BCD752;
  border-width: 10px 10px 10px 0;
  border-color: white #BCD752 white white;
}

/* Fix the circle for containers on the right side */
.right::after {
  left: -16px;
}

/* The actual content */
.content {
  padding: 20px;
  background-color: #BCD752;
  position: relative;
  border-radius: 6px;
}

/* Media queries - Responsive timeline on screens less than 600px wide */
@media screen and (max-width: 600px) {
/* Place the timelime to the left */
  .timeline::after {
    left: 31px;
  }

/* Full-width containers */
  .container {
    width: 100%;
    padding-left: 70px;
    padding-right: 25px;
  }

/* Make sure that all arrows are pointing leftwards */
  .container::before {
    left: 60px;
    border: medium solid white;
    border-width: 10px 10px 10px 0;
    border-color: transparent white transparent transparent;
  }

/* Make sure all circles are at the same spot */
  .left::after, .right::after {
    left: 15px;
  }

/* Make all right containers behave like the left ones */
  .right {
    left: 0%;
  }
}
.fotoServicioEstetica {
	float:left;
	margin-bottom:20px;
	margin-right:20px;
	width:200px;
	height:auto;
	border-radius:50%
}
a.botosTop {
	color: #49494a;
	font-family: "Ancizar Sans", sans-serif;
	font-size: 18px;
	line-height: 20px;
	text-decoration: none;
	margin-top: 4px;
	margin-right: 4px;
	margin-bottom: 4px;
	margin-left: 4px;
	text-transform: uppercase;
	font-weight: normal;
}
a.botosTop:hover {
	text-decoration: none;
	color: #498B4B;
}
.paddingBotonera {
	padding-top:40px;
	padding-left:50px;
}
.paddingISO {
	padding-top:40px;
	padding-right:10px;
}
.paddingICOS {
	padding-top:29px;
}
.separaTop {
	height:120px;
}
.fotoNoticiaIndex {
	float:left;
	margin-bottom:20px;
	margin-right:20px;
	width:32%;
	height:auto;
	text-align:center;
}
.botonera {
	padding: 8px;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #FFF;
	border-bottom-color: #FFF;
	width: 100%;
	clear:both;
	height:38px;
	margin-top:10px;
}
.cuadroBotones {
	width:12.5%;
	text-align:center;
	float:left;
}
.botosTop2 {
	text-align: left;
	font-family: "Ancizar Sans", sans-serif;
	color: #666;
	font-size: 16px;
	line-height: 20px;
	font-weight: normal;
}
.botosTop2:Hover {
	color:#498B4B;
}
.beige {
	background-color: #FBEFED;
}
.corazon {
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #FFF;
	margin-top:50px;
	margin-bottom:30px;
}
.fondoTitulos {
	background-image: url(imagenes/fondotitulos.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	background-size:cover;
	height: 450px;
	padding-top: 100px;	/*box-shadow: 0px 0px 30px #999;
	-webkit-box-shadow: 0px 0px 30px #999;
	-moz-box-shadow: 0px 0px 30px #999;*/
}
.fondoNosotros {
	background-image: url(imagenes/fondoNosotros.jpg);
	background-repeat: no-repeat;
	background-position: center bottom;
	background-size:cover;
	height: 400px;
	background-attachment:fixed;
	padding-top: 100px;
}
.fondoServicios {
	background-image: url(imagenes/fondoServicios.jpg);
	background-repeat: no-repeat;
	background-position: center bottom;
	background-size:cover;
	height: 400px;
	background-attachment:fixed;
	padding-top: 100px;
}
.fondoSalones {
	background-image: url(imagenes/fondoSalones.jpg);
	background-repeat: no-repeat;
	background-position: center bottom;
	background-size:cover;
	height: 400px;
	background-attachment:fixed;
	padding-top: 100px;
}
.fondoFranquicias {
	background-image: url(imagenes/fondoFranquicias.jpg);
	background-repeat: no-repeat;
	background-position: center bottom;
	background-size:cover;
	height: 400px;
	background-attachment:fixed;
	padding-top: 100px;
}
.fondoTitulosContacto {
	background-image: url(imagenes/fondocontacto.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	height:450px;
	padding-top:100px;
	/*box-shadow: 0px 0px 30px #999;
	-webkit-box-shadow: 0px 0px 30px #999;
	-moz-box-shadow: 0px 0px 30px #999;*/
}
.rslides {
  position: relative;
  list-style: none;
  overflow: hidden;
  width: 100%;
  padding: 0;
  margin: 0;
  }
.fotoCat {
	max-height: 180px;
	max-width: 225px;
}
.cuadro_botones {

}
.cuadro_botones_2 {
	margin-left:auto;
	margin-right:auto;
	height: 350px;
	width: 350px;
	background-attachment: cover;
	background-repeat: no-repeat;
	background-position: 0px 0px;
	background-color:#fff;
}
.opaco{
filter: brightness(.8);
      -webkit-filter: brightness(.8);
}
.opaco:hover{
  filter: none;
  -webkit-filter: none;
  transition: all ease-in-out .3s;
}
.fondoFachada01 {
	background-image: url(imagenes/fachada_01.jpg);
	clear: both;
	height: 650px;
	width: 100%;
	padding-top: 200px;
	background-position: center bottom;
	background-size: cover;
}
.fondoFachada02 {
	background-image: url(imagenes/fachada_02.jpg);
	clear: both;
	height: 650px;
	width: 100%;
	padding-top: 200px;
	background-position: center bottom;
	background-size: cover;
}
.fondoInterior01 {
	background-image: url(imagenes/interior_01.jpg);
	background-attachment: fixed;
	clear: both;
	height: 650px;
	width: 100%;
	padding-top: 200px;
	background-position: center bottom;
	background-size: cover;
}
.fondoInterior02 {
	background-image: url(imagenes/interior_03.jpeg);
	background-attachment: fixed;
	clear: both;
	height: 650px;
	width: 100%;
	padding-top: 200px;
	background-position: center bottom;
	background-size: cover;
}
.fondoTopDerecha {
	background-image: url(imagenes/foto_top_web_2019.jpg);
	background-position: left bottom;
	background-repeat: no-repeat;
	height:520px;
}
.fondoWeb2019 {
	background-image: url(imagenes/fondo_web.jpg);
	background-position: center top;
	background-repeat: no-repeat;
}
.float3 {
	width: 30%;
	margin-top: 10px;
	margin-right: 15px;
	margin-bottom: 10px;
	margin-left: 15px;
	float: left;
	height: 250px;
}
.boxMensajes {
	font-family: "Ancizar Sans", sans-serif;
	font-size: 30px;
	line-height: 36px;
	font-weight: normal;
	color: #FFFFFF;
	text-shadow: 2px 2px 6px #333;
	-webkit-text-shadow: 2px 2px 6px #333;
	-moz-text-shadow: 2px 2px 6px #333;
	background-color: #4CD720;
	border: 1px solid #CCCCCC;
	box-shadow: 0px 0px 6px #333;
	-webkit-box-shadow: 0px 0px 6px #333;
	-moz-box-shadow: 0px 0px 6px #333;
	padding: 10px;
	margin-top: 20px;
	margin-bottom: 20px;
}
.sombraArriba {
	box-shadow: 0px 0px 30px #999;
	-webkit-box-shadow: 0px 0px 30px #999;
	-moz-box-shadow: 0px 0px 30px #999;
}
.rslides li {
  -webkit-backface-visibility: hidden;
  position: absolute;
  display: none;
  width: 100%;
  left: 0;
  top: 0;
  }

.rslides li:first-child {
  position: relative;
  display: block;
  float: left;
  }

.rslides img {
  display: block;
  height: auto;
  float: left;
  width: 100%;
  border: 0;
  }
  .centered-btns_nav {
  z-index: 3;
  position: absolute;
  -webkit-tap-highlight-color: rgba(0,0,0,0);
  top: 50%;
  left: 0;
  opacity: 0.7;
  text-indent: -9999px;
  overflow: hidden;
  text-decoration: none;
  height: 61px;
  width: 38px;
  background: transparent url("themes.gif") no-repeat left top;
  margin-top: -45px;
  }

.centered-btns_nav:active {
  opacity: 1.0;
  }

.centered-btns_nav.next {
  left: auto;
  background-position: right top;
  right: 0;
  }
.degrade {
  background: linear-gradient(to bottom right, #DBE4BA, #E2E1DE);
}
.degradeFondo {
  background: linear-gradient(to bottom, #ebebeb, #E2E1DE);
}
.fondoBeige {
    background-color: #DBE4BA;
    animation-name: example;
    animation-duration: 4s;
	animation-iteration-count: infinite;
}
.fondoGris {
  background: linear-gradient(to bottom, #ebebeb, #ccc);
}
.fondoGrisTrama {
	background-image: url(imagenes/fondo_gris_2.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	border-top-width: 4px;
	border-bottom-width: 4px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #EBEBEB;
	border-bottom-color: #EBEBEB;
	height:650px;
}
.inputEncuesta {
	background: #999999;
	border-style: none;
}
.blanco {
	color: #FFFFFF;
}
.fondoTransparente {
	background-image: url(imagenes/fondo_transparente.png);
	background-repeat: repeat;	
}
.slogan {
	font-family: "Ancizar Sans", sans-serif;
	font-size: 32px;
	line-height: 42px;
	color: #ebebeb;
}
.slogan2 {
	font-family: "Ancizar Sans", sans-serif;
	font-size: 20px;
	line-height: 26px;
	color: #ebebeb;
}
A.botosCuadros {
	text-decoration: none;
	font-family: "Ancizar Sans", sans-serif;
	font-size: 30px;
	line-height: 44px;
	color: #fff;
	font-weight: bold;
	text-align:center;
	text-shadow: 2px 2px 2px #333;
	-webkit-text-shadow: 2px 2px 2px #333;
	-moz-text-shadow: 2px 2px 2px #333;
}
A.botosCuadros:Hover {
	color: #fff;
	text-shadow: 4px 4px 2px #000;
	-webkit-text-shadow: 4px 4px 2px #000;
	-moz-text-shadow: 4px 4px 2px #000;
}
.fondoSlider1 {
	background-image: url(imagenes/fondoSlider1.jpg);
	background-attachment: fixed;
	clear: both;
	height: 400px;
	width: 100%;
	padding-top: 100px;
	background-position: center center;
	background-size: cover;
}
.fondoSlider2 {
	background-image: url(imagenes/fondoSlider2.jpg);
	background-attachment: fixed;
	clear: both;
	height: 400px;
	width: 100%;
	padding-top: 100px;
	background-position: center center;
	background-size: cover;
}
.bannerServicios {
	background-image: url(imagenes/banner_servicios.jpg);
	background-attachment: fixed;
	clear: both;
	height: 600px;
	width: 100%;
	padding-top: 300px;
	background-position: center bottom;
	background-size: cover;
}
.fondoSlider4 {
	background-image: url(imagenes/slider4.jpg);
	background-attachment: fixed;
	clear: both;
	height: 400px;
	width: 100%;
	padding-top: 100px;
	background-position: center bottom;
	background-size: cover;
}
.fondoSlider5 {
	background-image: url(imagenes/slider5.jpg);
	background-attachment: fixed;
	clear: both;
	height: 400px;
	width: 100%;
	padding-top: 100px;
	background-position: center bottom;
	background-size: cover;
}
.fondoSlider6 {
	background-image: url(imagenes/slider6.jpg);
	background-attachment: fixed;
	clear: both;
	height: 400px;
	width: 100%;
	padding-top: 100px;
	background-position: center bottom;
	background-size: cover;
}
.fondoSlider7 {
	background-image: url(imagenes/slider7.jpg);
	background-attachment: fixed;
	clear: both;
	height: 400px;
	width: 100%;
	padding-top: 100px;
	background-position: center center;
	background-size: cover;
}
.fondoSlider8 {
	background-image: url(imagenes/fondo_8.jpg);
	background-attachment: fixed;
	clear: both;
	height: 400px;
	width: 100%;
	padding-top: 100px;
	background-position: center bottom;
	background-size: cover;
	background-color:#F8F6F7;
}
.fondoSlider9 {
	background-image: url(imagenes/fondo_9.jpg);
	background-attachment: fixed;
	clear: both;
	height: 400px;
	width: 100%;
	padding-top: 100px;
	background-position: center bottom;
	background-size: cover;
	background-color:#F4F8F9;
}
.fondoProductos {
	background-image: url(imagenes/productos.jpg);
	background-attachment: fixed;
	clear: both;
	height: 400px;
	width: 100%;
	padding-top: 100px;
	background-position: center bottom;
	background-size: cover;
}
.fondoContacto {
	background-image: url(imagenes/contacto.jpg);
	background-attachment: fixed;
	clear: both;
	height: 400px;
	width: 100%;
	padding-top: 100px;
	background-position: center top;
	background-size: cover;
}
.fondoProfesionals {
	background-image: url(imagenes/recetas.jpg);
	background-attachment: fixed;
	clear: both;
	height: 400px;
	width: 100%;
	padding-top: 100px;
	background-position: center bottom;
	background-size: contain;
}
.fondoDistribuidores {
	background-image: url(imagenes/fondoDistribuidores.jpg);
	background-attachment: fixed;
	clear: both;
	height: 400px;
	width: 100%;
	padding-top: 100px;
	background-position: center top;
	background-size: cover;
}
.servicio {
	max-width:250px;
	float:left;
	margin-bottom:30px;
	margin-right:30px;
}
.fondoPlacaForm {
	background-image: url(imagenes/placa_datos_desk.jpg);
	clear: both;
	width: 100%;
	background-position: center top;
	background-repeat: no-repeat;
}
.tablaTop {
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
	background-color: #fff;
	box-shadow: 0px 0px 10px #333;
	-webkit-box-shadow: 0px 0px 10px #333;
	-moz-box-shadow: 0px 0px 10px #333;
}
.paddingLogo {
	padding-top:16px;
	padding-bottom:16px;
}
.break {
	clear:both;
	float:none;
}
form {
	margin: 0px;
}
.tdSeparacionVerticalIndex {
	border-left: 1px solid #A9D4EE;
}
.btnAgregar {
	display: block;
	clear: both;
	float: none;
	height: 36px;
	width: 230px;
	margin-top: 6px;
	margin-right: auto;
	margin-bottom: 6px;
	margin-left: auto;
	font-family: "Ancizar Sans", sans-serif;
	font-size: 18px;
	line-height: 24px;
	font-weight: normal;
	box-shadow: none;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	color: #003;
}
h5 {
	margin: 0px;
	color: #ebebeb;
	font-family: "Ancizar Sans", sans-serif;
	font-size: 16px;
	line-height: 20px;
	font-weight: 400;
}
p {
	color: #504f4f;
	font-family: "Ancizar Sans", sans-serif;
	font-size: 18px;
	line-height: 24px;
	font-weight: normal;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
}
.pie p {
	font-family: "Ancizar Sans", sans-serif;
	font-size: 14px;
	line-height: 20px;
	font-weight: normal;
	color: #504f4f;
	text-align:center;
}
.pieDerecha p {
	font-family: "Ancizar Sans", sans-serif;
	font-size: 14px;
	line-height: 20px;
	font-weight: normal;
	color: #504f4f;
	text-align:right;
}
.pieIzquierda p {
	font-family: "Ancizar Sans", sans-serif;
	font-size: 14px;
	line-height: 20px;
	font-weight: normal;
	color: #504f4f;
	text-align:left;
}
h2 {
	color: #666666;
	margin: 0px 0px 2px;
	font-family: "Ancizar Sans", sans-serif;
	font-size: 26px;
	line-height: 30px;
	font-weight: 400;
}

h1 {
	color: #498B4B;
	border: none;
	margin: 0px 0px 4px;
	text-decoration: none;
	font-family: "Ancizar Sans", sans-serif;
	font-size: 40px;
	line-height: 50px;
	font-weight: 400;
	text-shadow: 1px 1px 1px #5AA550;
    -webkit-text-shadow: 1px 1px 1px #5AA550;
    -moz-text-shadow: 1px 1px 1px #5AA550;
}
a {
	color: #333333;
	text-decoration: none;
}
.tablaGeneral {
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #F5811E;

}

a:Hover {
	text-decoration: none;
	color: #666666;
}
A.botos {
	color: #0094DE;
	text-decoration: none;
	font-weight: bold;
}
A.botos:Hover {
	color: #003366;
	text-decoration: none;
}
h3 {
	color: #5AA550;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	font-family: "Ancizar Sans", sans-serif;
	font-size: 20px;
	line-height: 26px;
	font-weight: bold;
	font-style: italic;
}
h4 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 16px;
	font-weight: bolder;
	color: #FFFFFF;
	margin: 2px;
}
h6 {
	margin: 4px;
	font: 4px/4px Arial, Helvetica, sans-serif;
}
.tablaPie {
	padding-top:30px;
	background-color: #EDE82C;
}
A.Titulos {
	color: #FFFFFF;
	text-decoration: none;
}
A.copeteNoticias {
	color: #999999;
	text-decoration: none;
	font-size: 14px;
}
.botUp {
	background-image: url(imagenes/bot_up.gif);
	background-repeat: no-repeat;
	background-position: center top;
}
.botDown {
	background-image: url(imagenes/bot_down.gif);
	background-repeat: no-repeat;
	background-position: center bottom;
	height: 10px;
}

.bordo {
	color: #993333;
}
.cuadroServicio {
	float: left;
	width: 32%;
/*	display: flex;*/
	justify-content: center;
	align-items: center;
	background-color: #000;
	transition-duration: 0.3s;
	border: 1px solid #CCC;
	height:auto;
	padding:30px;
}
.cuadroServicio h1 {
	color:#ebebeb;
	display:block;
	clear:both;
	font-family: "Ancizar Sans", sans-serif;
	font-size: 26px;
	line-height: 30px;
	text-align:center!important;
}
.cuadroServicio p {
	color:#ebebeb;
	display:block;
	clear:both;
	font-family: "Ancizar Sans", sans-serif;
	font-size: 16px;
	line-height: 20px;
	font-weight: normal;
	text-align:center!important;
}
.cuadroServicio:Hover {
	background-color:#D8A855;
}
.cuadroServicio:Hover p {
	color:#000!important;
	display:block;
}
.cuadroServicio:Hover h1 {
	color:#000;
	display:block;
}
.fotoSalon {
	max-height:110px;
	text-align:center;
}
.cuadroBeneficios {
	float: left;
	width: 32%;
	display: flex;
	justify-content: center;
	align-items: center;
	background-color: #000;
	transition-duration: 0.3s;
	border: 1px solid #CCC;
	height:300px;
	padding:30px;
}
.cuadroBeneficios p {
	color:#ebebeb;
	display:block;
	text-align:center!important;
}
.cuadroBeneficios:Hover {
	background-color:#D8A855;
}
.cuadroBeneficios:Hover p {
	color:#000;
	display:block;
}
.cuadroFotosFranquicias {
	float: left;
	width: 33.3%;
	display: flex;
	justify-content: center;
	align-items: center;
	transition-duration: 0.3s;
}
.FotosFranquicias {
	transition-duration: 0.3s;
	max-width:100%;
	opacity:0.6;
	margin-bottom:0px;
}
.FotosFranquicias:Hover {
	opacity:1;
}
.botonform {
	color: #fff;
	height: 40px;
	background-color: #5AA550;
	font-family: "Ancizar Sans", sans-serif;
	line-height: 20px;
	border-radius: 6px;
}
.botonform:Hover {
	color: #fff;
	background-color: #498B4B;
}
hr {
	border-top: 1px solid #F6F6F6;
}

A.chicos {
	color: #666;
	text-decoration: none;
	font-family: "Ancizar Sans", sans-serif;
	font-size: 14px;
	line-height: 20px;
	font-weight: lighter;
}
A.chicos:Hover {
	color: #6DB6C5;
	text-decoration: none;
}
.bordegris {
	border: 3px solid #7BBEE6;
}
strong {
	font-weight: bold;
}

.fondoCuerpo {
	background: url(imagenes/fondo_texto_medio.jpg)  repeat-y right top;
}
.fondoFotosHome {
	background: #ECE9D8;
}
.fondoBotonera {
	/*background-image: url(imagenes/fondo_botonera.jpg);
	background-repeat: no-repeat;
	background-position: center top;*/
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #999;
	height: 56px;
}
A.Titulos:Hover {
	text-decoration: none;
	color: #FFEF00;
}
A.copeteNoticias:Hover {
	color: #666666;
	text-decoration: underline;
}
.copete {
	color: #666666;
}
.fotosSecciones {
	border: 1px solid #999999;
}
input:focus, textarea:focus, x:-moz-any-link {
-moz-outline-radius-bottomleft:3px;
-moz-outline-radius-bottomright:3px;
-moz-outline-radius-topleft:3px;
-moz-outline-radius-topright:3px;
outline-offset:0;
outline-style:solid;
outline-width:1px;
}
input:focus, textarea:focus, .sffocus {
	background: #000 scroll left 0;
	outline-color: #D8A855;
	border: 1px solid #D8A855;
}
li {
	font-size: 12px;
	line-height: 18px;
	margin: 2px;
	color: #333333;
}
.fondoCuerpoArriba {
	background: url(imagenes/fondo_texto_arriba.jpg) no-repeat right top;
}
.fondoCuerpoAbajo {
	background: url(imagenes/fondo_texto_abajo.jpg) no-repeat right bottom;
}
.tdCV {
	background: url(imagenes/dra_maria_domenech_cv.jpg) no-repeat right top;
}
.tdAtencion {
	background: url(imagenes/atencion_personalizada.jpg) no-repeat right top;
}
.tdLogo {
	background: url(imagenes/fondo_logo.jpg)  repeat-x top;
}
.stepcarousel{
	position: relative;
	overflow: scroll; /*leave this value alone*/
	width: 1300px;
	height: 240px;
	z-index: 100;
}
.stepcarousel .belt{
	position: absolute; /*leave this value alone*/
	left: 0;
	top: 0;
	vertical-align: middle;
	z-index: 100;
}

.stepcarousel .panel{
	float: left; /*leave this value alone*/
	overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
	margin: 3px; /*margin around each panel*/
	width: 400px;
	height: 240px;
	vertical-align: middle;
	z-index: 100;
}
.stepcarousel2{
	position: relative;
	overflow: scroll; /*leave this value alone*/
	width: 1300px;
	height: 600px;
	z-index: 100;
}
.stepcarousel2 .belt{
	position: absolute; /*leave this value alone*/
	left: 0;
	top: 0;
	vertical-align: middle;
	z-index: 100;
}

.stepcarousel2 .panel{
	float: left; /*leave this value alone*/
	overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
	margin: 3px; /*margin around each panel*/
	width: 1300px;
	height: 600px;
	vertical-align: middle;
	z-index: 100;
}
#posicionVideos {
	z-index: 50;
}

.big {
	font-size: 18px;
	font-weight: bold;
}
.tablaPieAtras {
	background-image: url(imagenes/fondo_pie_2011.jpg);
	background-repeat:    repeat-x;
	background-position: center bottom;
}
.amarillo {
	color: #FFFF33;
	font-weight: bold;
}
.cuadroIndex {
	margin-bottom:10px;
	padding:20px;
}
.negrita {
	font-weight:400;
}
.cuadroNoticia {
		margin-bottom:40px;
		width:31%;
		float:left;
		margin-right: 20px;
}
.foto50 {
	max-width:40%;
}
.foto30 {
	max-width:30%;
}
@media screen and (max-width: 601px) {
.foto50 {
	max-width:100%;
}
.foto30 {
	max-width:100%;
}
.cuadroNoticia {
		margin-bottom:40px;
		width:100%;
		float:none;
		margin-right: 0px;
}
	.fotoNoticiaIndex {
	float:none;
	margin-bottom:20px;
	margin-right:0px;
	width:100%;
	height:auto;
	text-align:center;
}
.separaTop {
	height:94px;
}
.pieDerecha p {
	text-align:center;
}
.pieIzquierda p {
	text-align:center;
}
.logo {
	margin-top:10px;
	max-width:110px;
}
.paddingICOS {
	padding-top:10px;
	padding-right:0px;
}
.paddingISO {
	padding-top:10px;
	padding-right:0px;
}
.fondoNosotros {
	background-image: url(imagenes/fondoNosotros.jpg);
	background-repeat: no-repeat;
	background-position: right top;
	background-size:cover;
	height: 300px;
	background-attachment:scroll;
}
.bannerServicios {
	background-image: url(imagenes/banner_servicios.jpg);
	background-attachment: scroll;
	clear: both;
	height: 300px;
	width: 100%;
	padding-top: 260px;
	background-position: center bottom;
	background-size: cover;
}
.fondoServicios {
	background-image: url(imagenes/fondoServicios.jpg);
	background-repeat: no-repeat;
	background-position: right bottom;
	background-size:cover;
	height: 300px;
	background-attachment:scroll;
}
.fondoSalones {
	background-image: url(imagenes/fondoSalones.jpg);
	background-repeat: no-repeat;
	background-position: right bottom;
	background-size:cover;
	height: 300px;
	background-attachment:scroll;
}
.fondoFranquicias {
	background-image: url(imagenes/fondoFranquicias.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	background-size:cover;
	height: 300px;
	background-attachment:scroll;
}
.cuadroServicio {
	float: none;
	width: 100%;
/*	display: flex;*/
	justify-content: center;
	align-items: center;
	background-color: #000;
	transition-duration: 0.3s;
	border: 1px solid #CCC;
	height:auto;
	padding:30px;
	margin-bottom:30px;
}
.cuadroBeneficios {
	float: none;
	width: 50%;
/*	display: flex;*/
	justify-content: center;
	align-items: center;
	background-color: #000;
	transition-duration: 0.3s;
	border: 1px solid #CCC;
	height:300px;
	padding:30px;
}
.cuadroFotosFranquicias {
	float: left;
	width: 50%;
	display: flex;
	justify-content: center;
	align-items: center;
	transition-duration: 0.3s;
}
.cuadroBotones {
	width:100%;
	text-align:left;
	float:none;
}
.quiebre {
	word-break:break-all;
}
.negrita {
	font-weight:800;
}
.fondoTitulos {
	background-image: url(imagenes/fondotitulos.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	height:250px;
	padding-top:20px;
	/*box-shadow: 0px 0px 10px #999;
	-webkit-box-shadow: 0px 0px 10px #999;
	-moz-box-shadow: 0px 0px 10px #999;*/
}
.cuadroIndex {
	margin-bottom:80px;
	padding:0px;
}
.fondoTitulosPacientes {
	background-image: url(imagenes/fondotitulospacientes.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	height:250px;
	padding-top:20px;
}
.fondoTitulosContacto {
	background-image: url(imagenes/fondocontacto.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	height:250px;
	padding-top:20px;
}
A.chicos {
	font-size: 16px;
	line-height: 24px;
}
	.w3-content{
		margin-left:0px;
		margin-right:0px;
	}
.slogan {
	font-size: 30px;
	line-height: 40px;
	color: #fff;
}
.slogan2 {
	font-size: 20px;
	line-height: 30px;
	color: #fff;
}
p {
	margin-top: 4px;
	margin-right: 0px;
	margin-bottom: 4px;
	margin-left: 0px;
	font-size: 14px;
	line-height:20px;
}
h2 {
	font-size: 20px;
	line-height: 26px;
}
h1 {
	font-size: 30px;
	line-height: 40px;

}
.w3-dropdown-content{min-width:350px}
ul.topnav {
	float: none;
	display: block;
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    background-color: #ffffff;
	width: 100%;
	z-index: 150;
}
/* When the screen is less than 680 pixels wide, hide all list items, except for the first one ("Home"). Show the list item that contains the link to open and close the topnav (li.icon) */
  ul.topnav li {display: none;}
  ul.topnav li.icon {
    float: left;
    display: inline;
  }

/* The "responsive" class is added to the topnav with JavaScript when the user clicks on the icon. This class makes the topnav look good on small screens */
  ul.topnav.responsive {position: relative;}
  ul.topnav.responsive li.icon {
    position: relative;
    left: 10;
    top: 10;
	z-index: 150;
  }
  ul.topnav.responsive li {
    float: none;
    display: block;
  }
  ul.topnav.responsive li a {
    display: block;
    text-align: left;
  }
}
.floatFB {
	float: left;
	margin-top: 10px;
	margin-right: 20px;
	margin-bottom: 20px;
}