body {
	margin: 0px;
	background-color: #FEFEFE;
	color: #504f4f;
	font-family: "Sofia Sans Semi Condensed", sans-serif;
	font-size: 18px;
	line-height: 24px;
	font-weight: normal;
}
.logo {
	max-height:100px;
	transition-duration: 0.3s;
}
.logoMini {
	max-height:80px;
}
.cuadroDeuda {
	float:left;
	margin:20px;
	width:20ww;
	border:solid #666 1px;
	padding:10px;
}
div.tablecontainer {
  overflow-x: auto;
}
.flex-container {
  display: flex;
  flex-flow: row wrap;
/*  max-width:950px;*/
}
.flex-container-vertical {
    display: flex;
    flex-flow: row wrap;
    /* max-width: 950px; */
    align-content: center;
    justify-content: space-around;
    flex-direction: row;
    align-items: center;
}
.divCopia { 
float:left;
margin-right:4px;
}
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.botosCopiar {
	color: #0f8c3c;
	font-family: "Sofia Sans Semi Condensed", sans-serif;
	font-size: 12px;
	line-height: 20px;
	text-decoration: none;
	font-weight: bold;
	border-radius: 4px;
	border: 1px solid #0f8c3c;
	padding-top: 2px;
	padding-right: 4px;
	padding-bottom: 2px;
	padding-left: 4px;
}
a.botosCopiar:hover {
	color: #fff;
	text-decoration: none;
	background-color:#0f8c3c;
	border: 1px solid #666;
	border-radius:2px;
}
a.botosTop {
	color: #fff;
	font-family: "Sofia Sans Semi Condensed", sans-serif;
	font-size: 14px;
	line-height: 20px;
	text-decoration: none;
	font-weight: bold;
	border-radius: 8px;
	border: 1px solid #FFF;
	margin: 4px;
	padding-top: 4px;
	padding-right: 8px;
	padding-bottom: 4px;
	padding-left: 8px;
}
a.botosTop:hover {
	color: #3891EA;
	text-decoration: none;
	background-color:#FFF;
	border-radius:4px;
}
.paddingBotonera {
	padding-top:6px;
	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: "Sofia Sans Semi Condensed", sans-serif;
	color: #666;
	font-size: 26px;
	line-height: 26px;
	font-weight: normal;
}
.botosTop2:Hover {
	color:#498B4B;
	background-color:transparent;
}
.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: "Sofia Sans Semi Condensed", sans-serif;
	font-size: 20px;
	line-height: 26px;
	font-weight: normal;
	color: #FFFFFF;
	background-color: #66CC99;
	padding: 10px;
	margin-top: 10px;
	margin-bottom: 10px;
	text-align:center;
}
.boxError {
	font-family: "Sofia Sans Semi Condensed", sans-serif;
	font-size: 20px;
	line-height: 26px;
	font-weight: normal;
	color: #FFFFFF;
	background-color: #FF3366;
	padding: 10px;
	margin-top: 10px;
	margin-bottom: 10px;
	text-align:center;
}
.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: "Sofia Sans Semi Condensed", sans-serif;
	font-size: 32px;
	line-height: 42px;
	color: #ebebeb;
}
.slogan2 {
	font-family: "Sofia Sans Semi Condensed", sans-serif;
	font-size: 20px;
	line-height: 26px;
	color: #ebebeb;
}
A.botosCuadros {
	text-decoration: none;
	font-family: "Sofia Sans Semi Condensed", 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;
}
.tablaTopIndex {
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
	/*background-image: url(imagenes/fondo_top.png);
		background-position: left top;
	background-repeat: no-repeat;
	background-size:cover;*/
	background-color:#0f8c3ca1!important;
	transition-duration:0.5s;
}
.tablaTop {
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
	background-image: url(imagenes/fondo_top.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	background-size:cover;
	transition-duration:0.5s;
}

.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: "Sofia Sans Semi Condensed", 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: "Sofia Sans Semi Condensed", sans-serif;
	font-size: 16px;
	line-height: 20px;
	font-weight: 400;
}
p {
	color: #504f4f;
	font-family: "Sofia Sans Semi Condensed", sans-serif;
	font-size: 16px;
	line-height: 24px;
	font-weight: normal;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 4px;
	margin-left: 0px;
}
.pie p {
	font-family: "Sofia Sans Semi Condensed", sans-serif;
	font-size: 14px;
	line-height: 20px;
	font-weight: normal;
	color: #504f4f;
	text-align:center;
}
.pieDerecha p {
	font-family: "Sofia Sans Semi Condensed", sans-serif;
	font-size: 14px;
	line-height: 20px;
	font-weight: normal;
	color: #504f4f;
	text-align:right;
}
.pieIzquierda p {
	font-family: "Sofia Sans Semi Condensed", sans-serif;
	font-size: 14px;
	line-height: 20px;
	font-weight: normal;
	color: #504f4f;
	text-align:left;
}
.cuadroGaleriaFotosIndex {
	width:25%;
	height:auto;
	float:left;
	margin:0;
}
.cuadroFotoNoticia {
	width: 100%;
  height: 200px;
  margin-bottom:20px;
}
.cuadroFotoNoticia img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius:8px!important
}
h2 {
	color: #666666;
	margin: 0px 0px 2px;
	font-family: "Sofia Sans Semi Condensed", sans-serif;
	font-size: 24px;
	line-height: 30px;
	font-weight: 400;
}
.tituloNoticia {
	font-size: 18px;
	line-height: 22px;
}
h1 {
	color: #0f8c3c;
	border: none;
	margin: 0px 0px 4px;
	text-decoration: none;
	font-family: "Tilt Prism", sans-serif;
	font-size: 40px;
	line-height: 50px;
	font-weight: 400;
}
.tituloTop {
	color: #fff;
	border: none;
	margin: 0px 0px 4px;
	text-decoration: none;
	font-family: "Tilt Prism", sans-serif;
	font-size: 30px;
	line-height: 40px;
	font-weight: 400;
}
a {
	color: #333333;
	text-decoration: none;
	transition-duration:0.3s;
}
.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;
	background-color:transparent;
}
h3 {
	color: #5AA550;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	font-family: "Sofia Sans Semi Condensed", 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: 50px;
	background-color:#8BC63E;
}
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;
}
.fondoTop {
	background-image: url(imagenes/fondo_top.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	background-size:cover;
}

.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: "Sofia Sans Semi Condensed", sans-serif;
	font-size: 26px;
	line-height: 30px;
	text-align:center!important;
}
.cuadroServicio p {
	color:#ebebeb;
	display:block;
	clear:both;
	font-family: "Sofia Sans Semi Condensed", 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;
	background-color: #0f8c3c;
	font-family: "Sofia Sans Semi Condensed", sans-serif;
	font-size: 16px;
	line-height: 20px;
	border-radius: 8px;
	text-transform: uppercase;
	border: none;
	padding-top: 4px;
	padding-right: 8px;
	padding-bottom: 4px;
	padding-left: 8px;
}
.botonform:Hover {
	color: #fff;
	background-color: #8BC63E;
}
.fototanque {
	margin-left:50px;
	margin-bottom:40px;
}
hr {
	border-top: 1px solid #F6F6F6;
}
.inputLog {
	border: 1px solid #666;
}

A.chicos {
	color: #666;
	text-decoration: none;
	font-family: "Sofia Sans Semi Condensed", sans-serif;
	font-size: 14px;
	line-height: 20px;
	font-weight: lighter;
}
A.chicos:Hover {
	color: #6DB6C5;
	text-decoration: none;
	background-color:transparent;
}
.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: #f5f5f5 scroll left 0;
	outline-color: #666;
	border: 1px solid #666;
}
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;
}
.barra {
	background-image: url(imagenes/barra.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	height:2px;
	width:100%;
	float:none;
	clear:both;
}
.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;
		padding:40px;
			background-image: url(imagenes/barra.jpg);
		background-position: center bottom;
	background-repeat: no-repeat;
	background-size:contain;
}
.foto50 {
	max-width:40%;
}
.foto30 {
	max-width:30%;
}
.padding-autoridades, .padding-autoridades-titulo {
	padding-top:16px;
	padding-bottom:16px;
}
@media screen and (max-width: 601px) {
	.fototanque {
	margin-left:0px;
	margin-bottom:40px;
}
.coop_nombre, .coop_desc { 
float:none;   
width:100%; 
}
.cuadroNoticia {
		margin-bottom:20px;
		width:100%;
		float:none;
		margin-right: 0px;
		padding:10px;

}
.cuadroFotoNoticia {
	width: 100%;
  height: 200px;
  margin-bottom:10px;
}
.padding-autoridades {
	padding-top:0px;
	padding-bottom:0px;
}
.padding-autoridades-titulo {
	padding-top:24px;
	padding-bottom:0px;
}
a.botosTop {
	color: #0f8c3c;
	font-family: "Sofia Sans Semi Condensed", sans-serif;
	font-size: 14px;
	line-height: 20px;
	text-decoration: none;
	font-weight: normal;
	border-radius: 8px;
	border: 1px solid #0f8c3c;
	margin: 4px;
	padding-top: 4px;
	padding-right: 8px;
	padding-bottom: 4px;
	padding-left: 8px;
}
a.botosTop:hover {
	color: #666;
	text-decoration: none;
	background-color:#FFF;
	border-radius:4px;
}
.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:104px;
}
.tablaTopIndex {
	background-color:#0f8c3c!important;
}
.pieDerecha p {
	text-align:center;
}
.pieIzquierda p {
	text-align:center;
}

.paddingICOS {
	padding-top:10px;
	padding-right:0px;
}
.paddingISO {
	padding-top:10px;
	padding-right:0px;
}
.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;
}
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: 32px;

}
.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;
}