body {
	margin: 0px;
	background-color: #fff;
}
.galeria {
	width:24%;
	float:left;
	text-align:center;
}
.beige {
	background-color: #FBEFED;
}
.rslides {
  position: relative;
  list-style: none;
  overflow: hidden;
  width: 100%;
  padding: 0;
  margin: 0;
  }
.fotoCat {
	max-height: 180px;
	max-width: 225px;
}
.sombraNegra {
	text-shadow: 2px 2px 2px #333;
	-webkit-text-shadow: 2px 2px 2px #333;
	-moz-text-shadow: 2px 2px 2px #333;
}
.boxMensajes {
	font-family: "Ubuntu Condensed";
	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;
}
.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;
  }
@keyframes float {
	0% {
		box-shadow: 0 5px 15px 0px rgba(0,0,0,0.6);
		transform: translatey(0px);
	}
	50% {
		box-shadow: 0 25px 15px 0px rgba(0,0,0,0.2);
		transform: translatey(-20px);
	}
	100% {
		box-shadow: 0 5px 15px 0px rgba(0,0,0,0.6);
		transform: translatey(0px);
	}
}
@keyframes float2 {
	0% {
		box-shadow: 0 5px 15px 0px rgba(0,0,0,0.6);
		transform: translatey(-20px);
	}
	50% {
		box-shadow: 0 25px 15px 0px rgba(0,0,0,0.2);
		transform: translatey(0px);
	}
	100% {
		box-shadow: 0 5px 15px 0px rgba(0,0,0,0.6);
		transform: translatey(-20px);
	}
}
.avatar {
	width: 300px;
	height: 300px;
	padding-top:105px;
	margin-left:auto;
	margin-right:auto;
	box-sizing: border-box;
	border: 3px white solid;
	border-radius: 50%;
	box-shadow: 0 5px 15px 0px rgba(0,0,0,0.6);
	transform: translatey(0px);
	animation: float 4s ease-in-out infinite;
	background-color: #C6E270;
}
.avatar2 {
	width: 300px;
	height: 300px;
	padding-top:105px;
	margin-left:auto;
	margin-right:auto;
	box-sizing: border-box;
	border: 3px white solid;
	border-radius: 50%;
	overflow: hidden;
	box-shadow: 0 5px 15px 0px rgba(0,0,0,0.6);
	transform: translatey(0px);
	animation: float2 4s ease-in-out infinite;
	background-color: #C6E270;
}
.avatar3 {
	width: 300px;
	height: 300px;
	padding-top:105px;
	margin-left:auto;
	margin-right:auto;
	box-sizing: border-box;
	border: 3px white solid;
	border-radius: 50%;
	overflow: hidden;
	box-shadow: 0 5px 15px 0px rgba(0,0,0,0.6);
	transform: translatey(0px);
	animation: float 4s ease-in-out infinite;
	background-color: #C6E270;
}
.avatar:hover,.avatar2:hover,.avatar3:hover {
	border: none;
	/*background-color: #DBE4BA;*/
	border: 1px white solid;
	padding-top:10px;
	height: 430px;
	border-radius: 0%;
}
.degrade {
  background: linear-gradient(to bottom right, #DBE4BA, #E2E1DE);
}
.degradeFondo {
  background: linear-gradient(to bottom, #ebebeb, #E2E1DE);
}
/* The animation code */
@keyframes example {
    0%   {background-color: #5982AA;}
    25%  {background-color: #E2E1DE;}
    50%  {background-color: #E6EBEB;}
    100% {background-color: #5982AA;}
}

/* The element to apply the animation to */
.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;
}
.cuadrosServicios {
	padding: 30px;
	/*margin: 10px;*/
	border-bottom-width: 4px;
	border-left-width: 4px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: solid;
	border-bottom-color: #EBEBEB;
	border-left-color: #EBEBEB;
	background: linear-gradient(to bottom left, #ccc, #ebebeb);
	height:100%;
}
.cuadrosServicios:hover {
	background: linear-gradient(to top left, #ccc, #ebebeb);
}
.inputEncuesta {
	background: #999999;
	border-style: none;
}
.blanco {
	color: #FFFFFF;
}
.slogan {
	font-family: 'Advent Pro', sans-serif;
	font-size: 60px;
	line-height: 80px;
	font-weight: bold;
	color: #FFF;
	text-shadow: 3px 3px 3px #333;
	-webkit-text-shadow: 3px 3px 3px #333;
	-moz-text-shadow: 3px 3px 3px #333;
}
.slogan2 {
	font-family: 'Advent Pro', sans-serif;
	font-size: 40px;
	line-height: 70px;
	font-weight: bold;
	color: #FFF;
	text-shadow: 3px 3px 3px #333;
	-webkit-text-shadow: 3px 3px 3px #333;
	-moz-text-shadow: 3px 3px 3px #333;
}
.fondoSlider1Fijo {
	background-image: url(imagenes/fondoSlider1.jpg);
	clear: both;
	height: 450px;
	width: 100%;
	padding-top: 80px;
	background-position: center top;
	background-size: contain;
	background-repeat:no-repeat;
}
.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;
}
.fondoSlider3 {
	background-image: url(imagenes/fondoSlider3.jpg);
	background-attachment: fixed;
	clear: both;
	height: 400px;
	width: 100%;
	padding-top: 100px;
	background-position: center center;
	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;
}
.fondoNovedades {
	background-image: url(imagenes/fondo_novedades.jpg);
	background-attachment: fixed;
	clear: both;
	height: 400px;
	width: 100%;
	padding-top: 100px;
	background-position: center top;
	background-size: cover;
}
.fondoContacto {
	background-image: url(imagenes/contacto.jpg);
	clear: both;
	height: 400px;
	width: 100%;
	padding-top: 100px;
	background-position: center top;
	background-size: cover;
}
.fondoServicios {
	background-image: url(imagenes/servicios.jpg);
	clear: both;
	height: 400px;
	width: 100%;
	padding-top: 100px;
	background-position: center top;
	background-size: cover;
}
.fondoGaleria {
	background-image: url(imagenes/galeria.jpg);
	clear: both;
	height: 400px;
	width: 100%;
	padding-top: 100px;
	background-position: center top;
	background-size: cover;
}
.fondoInstitucional {
	background-image: url(imagenes/fondo_institucional.jpg);
	background-attachment: fixed;
	clear: both;
	height: 450px;
	width: 100%;
	padding-top: 80px;
	background-position: center top;
	background-size: cover;
}
.fondoEmpresa {
	background-image: url(imagenes/empresa.jpg);
	clear: both;
	height: 400px;
	width: 100%;
	padding-top: 100px;
	background-position: center bottom;
	background-size: cover;
}
.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 {
	background-color: #C41A00;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
}
.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: 'ABeeZee', 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: #333333;
	font-family: 'ABeeZee', sans-serif;
	font-size: 16px;
	line-height: 20px;
	font-weight: normal;
}
p {
	margin: 0px;
	color: #666666;
	font-family: 'ABeeZee', sans-serif;
	font-size: 18px;
	line-height: 24px;
	font-weight: normal;
}
h2 {
	color: #000000;
	margin: 0px 0px 2px;
	font-family: 'ABeeZee', sans-serif;
	font-size: 22px;
	line-height: 28px;
	font-weight: normal;
}

h1 {
	color: #333333;
	border: none;
	margin: 0px 0px 4px;
	text-decoration: none;
	font-family: 'ABeeZee', sans-serif;
	font-size: 26px;
	line-height: 30px;
	font-weight: bold;
}
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: #FFFFFF;
	font: lighter 12px/12px Calibri;
	margin: 0px 0px 2px;
	text-transform: uppercase;
}
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 {
	background-color: #FFFFFF;
	border-top-width: 3px;
	border-top-style: solid;
	border-top-color: #F5811E;
}
A.Titulos {
	color: #316AC5;
	font-size: 40px;
	line-height: 50px;
	font-weight: lighter;
	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;
}

.botonform {
	color: #fff;
	height: 50px;
	background-color: #99CC00;
	font-family: Lato;
	font-size: 20px;
	line-height: 24px;
	font-weight: lighter;
	border: 1px solid #fff;
}
.botonform:Hover {
	color: #333;
	height: 50px;
	background-color: #CCCCCC;
	border: 1px solid #999;
}
hr {
	border-top: 1px solid #F6F6F6;
}

A.chicos {
	color: #FFFFFF;
	text-decoration: none;
	font-family: 'Oswald', sans-serif;
	font-size: 18px;
	line-height: 20px;
	font-weight: normal;
	padding-top: 4px;
	padding-right: 6px;
	padding-bottom: 4px;
	padding-left: 6px;
}
A.chicos:Hover {
	text-decoration: none;
	color: #D6D6D6;
	outline: var(--menuLinkOutlineWidth, 2px) solid var(--menuLinkOutlineColor, currentColor);
	outline-offset: var(--menuLinkOutlineOffset);
}
input {
	color: #333333;
	border: 1px solid #386DA3;
	height: 30px;
	font-family: Lato;
	font-size: 20px;
	line-height: 26px;
	background-color: #D6E4F1;
}
textarea {
	color: #333333;
	border: 1px solid #386DA3;
	font-family: Lato;
	font-size: 20px;
	line-height: 26px;
	background-color: #D6E4F1;
}
.bordegris {
	border: 3px solid #7BBEE6;
}

select {
	color: #333333;
	border: 1px solid #386DA3;
	font-family: Lato;
	font-size: 20px;
	line-height: 26px;
	background-color: #D6E4F1;
}
strong {
	font-weight: bold;
	color: #386DA3;
}

.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: underline;
	color: #333333;
}
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:#ECE9D8 scroll left 0;
	outline-color:#333333;
	border: 1px solid #00145B;
}
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;
}
@media screen and (max-width: 1100px) {
	.galeria {
	width:100%;
	float:none;
	clear:both;
	text-align:center;
}
	.paddingLogo {
	padding-top:10px;
	padding-bottom:10px;
	padding-left:4px;
	padding-right:4px;
}
	.w3-content{
		margin-left:30px;
		margin-right:30px;
	}
	.slogan {
	font-size: 40px;
	line-height: 60px;
	font-weight: normal;
	color: #FFF;
	text-shadow: 3px 3px 3px #333;
	-webkit-text-shadow: 3px 3px 3px #333;
	-moz-text-shadow: 3px 3px 3px #333;
}
p {
	margin-top: 4px;
	margin-right: 0px;
	margin-bottom: 4px;
	margin-left: 0px;
	font-size: 18px;
	line-height:30px;
}
h2 {
	font-size: 20px;
	line-height: 26px;
	font-weight: lighter;
}

h1 {
	font-size: 30px;
	line-height: 40px;
	font-weight: lighter;
}
.slogan {
	font-size: 40px;
	line-height: 60px;
	font-weight: bold;
}
.slogan2 {
	font-size: 28px;
	line-height: 36px;
	font-weight: bold;
}
.fondoBolitas,.fondoAtencionOnLine,.fondoContacto,.fondoClientes,.fondoEmpresa {
	height:350px;
	padding-top:50px;
}
.fondoInstitucional {
	height: 650px;
	padding-top: 30px;
}
.avatar,.avatar2,.avatar3 {
	width: 200px;
	height: 200px;
	padding-top:70px;
}
.avatar:hover,.avatar2:hover,.avatar3:hover {
	height: 550px;
}
.fondoGrisTrama {
	height: 850px;
	background-color: #CECECE;
}
.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;
  }
  .stepcarousel{
	position: relative;
	overflow: scroll; /*leave this value alone*/
	width: 500px;
	height: 300px;
	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: 300px;
	vertical-align: middle;
	z-index: 100;
}
}
.floatFB {
	float: left;
	margin-top: 10px;
	margin-right: 20px;
	margin-bottom: 20px;
}

div.clientes {
    /* cambia estos dos valores para definir el tamaño de tu círculo */
    height: 200px;
    width: 200px;
    /* los siguientes valores son independientes del tamaño del círculo */
    background-repeat: no-repeat;
    background-position: center;
    border-radius: 50%;
    background-size: 100% auto;
}