@charset "utf-8";
/* CSS Document */
div.line{
width: 900px;
height: 4px;
vertical-align: top;
margin-top: -6px;
padding: 0px;
}
div.first{
width: 100%;
padding-top: 5px;
padding-bottom: 10px;
padding-left: 10px;
}
ul.lista_1{
display: inline;
margin-right: 145px;
}
ul.lista_1 li{
display: inline;
padding-right: 0px;
padding-left: 0px;
font-size: 11px;
}
ul.lista_1 li a{
font-size: 11px;
font-weight: normal;
}
ul.lista_2{
display: inline;
margin: 0px;
padding: 0px;
}
ul.lista_2 li{
display: inline;
padding-right: 0px;
padding-left: 0px;
font-size: 11px;
}
ul.lista_2 li a{
font-size: 11px;
font-weight: normal;
}
div.third{
clear: both;
padding-left: 10px;
}
ul.lista_3 li{
display: inline;
padding-right: 0px;
padding-left: 0px;
font-size: 11px;
}
ul.lista_3 li a{
font-size: 11px;
font-weight: normal;
}
/* begin estilos de la barra de scroll */
.scrollgeneric {
line-height: 1px;
font-size: 1px;
position: absolute;
top: 0; left: 0;
}

.vscrollerbase {
width: 5px;
background-color: white;
}

.vscrollerbar {
/* color de la barra de scroll */
width: 5px;
background-color: #31160B;
}
.hscrollerbase {
height: 10px;
background-color: ccc;
}
.hscrollerbar {
height: 10px;
background-color: black;
}
.scrollerjogbox {
width: 5px;
height: 10px;
top: auto; left: auto;
bottom: 0px; right: 0px;
background-color: gray;
}
/* end estilos de la barra de scroll */
.conoce{
   /* background:transparent url('../../static/pix/back_conoce.jpg') no-repeat top scroll;
    width:100%;
    height:420px;
    background-position:0px 1px;
    float:left;
	color:#625A57;*/
}
.conoce #cono strong{
	color:#625A57;
	font-weight:bold;
	font-size:10px;
}
.conoce #cono p,
.conoce span em{
	color:#625A57;
	font-style:italic;
	font-size:10px;
}
/*inicio div con el scroll bonito*/
div#cono{
/* Typical fixed height and fixed width example */
width: 990px;
height: 285px;
overflow:hidden;
/*overflow: auto;*/
/* IE overflow fix, position must be relative or absolute*/
position: relative;
/*background-color: #black;*/
/*margin: 0.3em auto;*/
/*padding: 5px;*/
padding-left: 7px;
margin:0px 0px 0px 10px;
}
div#cono_aroma{
/* Typical fixed height and fixed width example */
width: 385px;
height: 290px;
overflow:hidden;
/*overflow: auto;*/
/* IE overflow fix, position must be relative or absolute*/
position: relative;
/*background-color: #black;*/
/*margin: 0.3em auto;*/
/*padding: 5px;*/
padding-left: 7px;
margin: 15px 0px 0px 20px;
}
div#cono_mapa{
/* Typical fixed height and fixed width example */
width: 750px;
height: 380px;
overflow:hidden;
/*overflow: auto;*/
/* IE overflow fix, position must be relative or absolute*/
position: relative;
/*background-color: #black;*/
/*margin: 0.3em auto;*/
/*padding: 5px;*/
padding-left: 7px;
padding-right: 20px;
padding-top: 15px;
margin: 30px 0px 0px 20px;
}
div#cono_search{
/* Typical fixed height and fixed width example */
width: 945px;
height: 325px;
overflow:hidden;
/*overflow: auto;*/
/* IE overflow fix, position must be relative or absolute*/
position: relative;
/*background-color: #black;*/
/*margin: 0.3em auto;*/
/*padding: 5px;*/
padding: 0px;
margin: 0px;
}
div#cono_prevencion,
div#cono_clientes,
div#cono_consulta,
div#cono_depilacion,
div#cono_arreglo,
div#cono_masaje,
div#cono_spa{
/* Typical fixed height and fixed width example */
width: 360px;
height: 290px;
overflow:hidden;
/*overflow: auto;*/
/* IE overflow fix, position must be relative or absolute*/
position: relative;
/*background-color: #black;*/
/*margin: 0.3em auto;*/
/*padding: 5px;*/
padding-left: 7px;
padding-right: 20px;
margin: 15px 0px 0px 20px;
}
div.arreglo{
background: url('../pix/img_arreglo.jpg') top right no-repeat;
}
div.title_arreglo{
background: url('../pix/txt_arreglo.png') 30px 30px no-repeat;
width: 526px;
height: 40px;
padding-top: 30px;
padding-left: 30px;
}
div.depilacion{
background: url('../pix/img_depilacion.jpg') top right no-repeat;
}
div.title_depilacion{
background: url('../pix/txt_depilacion.png') 30px 23px no-repeat;
width: 526px;
height: 40px;
padding-top: 30px;
padding-left: 30px;
}
div.masaje{
background: url('../pix/img_masaje.jpg') top right no-repeat;
}
div.title_masaje{
background: url('../pix/txt_beneficios.png') 30px 30px no-repeat;
width: 526px;
height: 40px;
padding-top: 30px;
padding-left: 30px;
}
div.spa{
background: url('../pix/bg_mkt_spa.jpg') top right no-repeat;
}
div.title_spa{
background: url('../pix/txt_mkt_spa.png') 30px 23px no-repeat;
width: 326px;
height: 40px;
padding-top: 30px;
padding-left: 30px;
}
div.consulta{
background: url('../pix/bg_consulta_cortes.jpg') top right no-repeat;
}
div.title_consulta{
background: url('../pix/txt_consulta_cortes.png') 30px 25px no-repeat;
width: 540px;
height: 41px;
padding-top: 30px;
padding-left: 30px;
}
div.clientes{
background: url('../pix/bg_cliente_spa.jpg') top right no-repeat;
}
div.title_clientes{
background: url('../pix/txt_cliente_spa.png') 30px 30px no-repeat;
width: 423px;
height: 40px;
padding-top: 30px;
padding-left: 30px;
}
div.prevencion{
background: url('../pix/bg_prevencion.jpg') top right no-repeat;
}
div.title_prevencion{
background: url('../pix/txt_prevencion.png') 30px 25px no-repeat;
width: 423px;
height: 41px;
padding-top: 30px;
padding-left: 30px;
}
div.title_aromaterapia{
background: url('../pix/txt_aromaterapia.png') 30px 30px no-repeat;
width: 322px;
height: 40px;
padding-top: 30px;
padding-left: 30px;
}
div.aroma{
background: url('../pix/img_aromaterapia.jpg') top right no-repeat;
}
div.aroma p{
  padding-right: 15px;
}
div.back{
display: block;
padding-left: 850px;
height: 22px;
}

/*fin div con el scroll bonito*/
div.bg_salones_spas{
background: url('../pix/img_duenos_salon_spa.jpg') 10px 0px no-repeat;
float: right;
width: 600px;
height: 291px;
margin: 0 0 0 50px;
}
div.bg_profesionales{
background: url('../pix/img_profesionales.jpg') 10px 0px no-repeat;
float: right;
width: 600px;
height: 291px;
margin: 0 0 0 50px;
}
div.bg_escuelas{
background: url('../pix/img_duenos_escuelas.jpg') 10px 0px no-repeat;
float: right;
width: 600px;
height: 291px;
margin: 0 0 0 50px;
}
div.bg_instructores{
background: url('../pix/img_instructores.jpg') 10px 0px no-repeat;
float: right;
width: 600px;
height: 291px;
margin: 0 0 0 50px;
}
div.bg_estudiantes{
background: url('../pix/img_estudiantes.jpg') 10px 0px no-repeat;
float: right;
width: 600px;
height: 291px;
margin: 0 0 0 50px;
}
a.clase2,
a.clase2:link,
a.clase2:visited,
a.clase2:active,
a.clase2:hover,
a.clase2:focus{
color:#552B00;
border-top: 0px;
border-right: 0px;
border-right: 1px solid #552B00;
border-left: 0px;
text-decoration: none;
display: inline-block;
text-align: center;
line-height: 20px;
font-size: 12px;
padding-left: 15px;
padding-right: 15px;
}
a.tb,
a.tb:link,
a.tb:visited,
a.tb:active,
a.tb:hover,
a.tb:focus{
color: #8C4600;
border-right: 1px solid #8C4600;
text-decoration: none;
display: inline-block;
text-align: center;
line-height: 20px;
font-size: 12px;
padding-left: 15px;
padding-right: 15px;
}
div.top_ltr{
  background: url('../pix/txt_secciones.png') 50px 15px no-repeat;
  width: 585px;
  height: 30px;
  margin-right: 30px;
  padding-top: 35px;
  float: right;
  vertical-align: top;
}
/*begin autores*/

div#autor_flex{
  margin-left: 15px;
  padding-top: 0px;
  width: 97%;
  height: 86%;
}

.tabla_autores{
  padding-left: 25px;
  padding-right: 25px;
}

.tabla_autores p{
  font-family: Arial;
  color: #31160b;
  font-size: 12px;
  text-align: justify;
  padding-left: 25px;
  padding-right: 25px;
}
span.nam_aut{
  padding-left: 148px;
  font-family: arial;
  font-size: 20px;
  font-stretch: extra-condensed;
  font-weight: lighter;
}
div.CollapsiblePanelTab{
  cursor: hand;
  cursor: pointer;
  float: left;
  width: 120px;
  height: 100%;
}
img.img_aut_uno{
  border: 1px solid #C2A77C;
  float: left;
  margin-left: 4px;
  margin-bottom: 5px;
}
img.img_aut_dos{
  float: left;
}
/*end autores*/
div.prx{
  background: url('../pix/prox.png') 30px 30px no-repeat;
  padding-left: 350px;
  padding-top: 43px;

}
ul.mapa li{
background: url('../pix/bull_mapa.jpg') 30px 3px no-repeat;
list-style: none;
padding-bottom: 25px;
padding-left: 40px;
}
ul.mapa li a,
ul.mapa li a:link,
ul.mapa li a:visited,
ul.mapa li a:active,
ul.mapa li a:hover{
color: #31160B;
padding-bottom: 15px;
font-size: 14px;
}