.colores-web
{
	azul: #091534; //anterior: #64869A;
	azul claro: #B2C3CD;

	azul titulo contenido: #3E6781;
	azul cielo fondo contenido: #ECF0F3;
}

H1
{
    font-family: Arial;
    font-size: 1px;
	color: #091534;
	margin: 0;
}

TD, .texto
{
    font-family: Arial;
    font-size: 10px;
    color: #091534;
}

.texto-p
{
    font-family: Arial;
    font-size: 9px;
    color: #091534;
}

.titulo
{
    font-family: Arial;
    font-size: 13px;
    color: #091534;
}

.titulo-blanco
{
    font-family: Arial;
    font-size: 13px;
    color: #FFFFFF;
}

.titulo-caso-blanco
{
    font-family: Arial;
    font-size: 18px;
    color: #FFFFFF;
}

.titulo-faqs-blanco
{
    font-family: Arial;
    font-size: 16px;
    color: #FFFFFF;
}

.titulo-menu
{
    font-family: Arial;
    font-size: 11px;
    color: #091534;
}

.titulo-menu-pie
{
    font-family: Arial;
    font-size: 11px;
    color: #FFFFFF;
}

A.titulo-menu-pie:link, A.titulo-menu-pie:visited, A.titulo-menu-pie:hover
{
    font-family: Arial;
    font-size: 11px;
    color: #FFFFFF;
}

.titulo-menu-pie-g
{
    font-family: Arial;
    font-size: 14px;
    color: #FFFFFF;
}
.titulo-menu-cabecera-g
{
    font-family: Arial;
    font-size: 15px !important;
    color: #FFFFFF;
}
.texto-11-blanco
{
    font-family: Arial;
    font-size: 11px;
    color: #FFFFFF;
}

.cerrar-caso
{
    font-family: Arial;
    font-size: 10px;
    color: #FFFFFF;
}

A.cerrar-caso:link, A.cerrar-caso:visited, A.cerrar-caso:hover
{
    font-family: Arial;
    font-size: 10px;
    color: #FFFFFF;
}

.texto-12
{
    font-family: Arial;
    font-size: 12px;
    color: #091534;
}

.texto-15
{
    font-family: Arial;
    font-size: 15px;
    color: #091534;
}


.texto-15-blanco
{
    font-family: Arial;
    font-size: 15px;
    color: #FFFFFF;
}

.texto-12-rojo
{
    font-family: Arial;
    font-size: 12px;
    color: #B01C2E;
}

.texto-12-azulado
{
    font-family: Arial;
    font-size: 12px;
    color: #777E8F;
    text-decoration: none;
}

.texto-12-blanco
{
    font-family: Arial;
    font-size: 12px;
    color: #FFFFFF;
}

A.texto-12-blanco:link, A.texto-12-blanco:visited, A.texto-12-blanco:hover
{
    font-family: Arial;
    font-size: 12px;
    color: #FFFFFF;
}

.linea_azul_menu
{
	background:#CED0D6;
	height: 1px;
}

.linea_azul
{
	background:#091534;
	height: 1px;
}

.div-menu-perla
{
	position: absolute;
	visibility: visible;
	top: 48px;
	left: 16px;
	width: 124px;
}

.div-menu-piedra
{
	position: absolute;
	visibility: visible;
	top: 47px;
	left: 618px;
	width: 124px;
}

.div-menu-opciones-instalaciones
{
	position: absolute;
	visibility: visible;
	top: 112px;
	left: 496px;
	width: 205px;
	z-index:1;
}

.div-menu-opciones-especialidades-dentales
{
	position: absolute;
	visibility: visible;
	top: 78px;
	left: 490px;
	z-index:1;
}

.div-menu-opciones-facilidades
{
	position: absolute;
	visibility: visible;
	top: 78px;
	left: 490px;
	z-index:1;
}

.div-menu-titulo-casos
{
	position: absolute;
	visibility: visible;
	top: 233px;
	left: 155px;
	width: 442px;
	z-index:1;
}

.div-menu-casos-dientes-irregulares
{
	position: absolute;
	visibility: visible;
	top: 78px;
	left: 432px;
	width: 205px;
	z-index:1;
}

.div-menu-casos-dientes-amarillos
{
	position: absolute;
	visibility: visible;
	top: 78px;
	left: 446px;
	width: 205px;
	z-index:1;
}

.div-menu-casos-dientes-detras-de-otras
{
	position: absolute;
	visibility: visible;
	top: 78px;
	left: 403px;
	width: 205px;
	z-index:1;
}

.div-menu-casos-casos-extremos
{
	position: absolute;
	visibility: visible;
	top: 78px;
	left: 455px;
	width: 205px;
	z-index:1;
}

.div-menu-casos-dientes-cortos
{
	position: absolute;
	visibility: visible;
	top: 78px;
	left: 465px;
	width: 205px;
	z-index:1;
}

.div-menu-casos-dientes-rotos
{
	position: absolute;
	visibility: visible;
	top: 78px;
	left: 473px;
	width: 205px;
	z-index:1;
}

.div-menu-casos-espacios-entre-dientes
{
	position: absolute;
	visibility: visible;
	top: 78px;
	left: 406px;
	width: 205px;
	z-index:1;
}

.div-menu-casos-mal-posicion-inferior
{
	position: absolute;
	visibility: visible;
	top: 78px;
	left: 421px;
	width: 205px;
	z-index:1;
}

.div-menu-casos-mal-posicion-superior
{
	position: absolute;
	visibility: visible;
	top: 78px;
	left: 414px;
	width: 205px;
	z-index:1;
}

.div-menu-casos-fundas-coronas-viejas
{
	position: absolute;
	visibility: visible;
	top: 78px;
	left: 398px;
	width: 205px;
	z-index:1;
}

.div-menu-casos-mejoras-en-sonrisas
{
	position: absolute;
	visibility: visible;
	top: 78px;
	left: 357px;
	width: 305px;
	z-index:1;
}

.div-menu-casos-dientes-manchados
{
	position: absolute;
	visibility: visible;
	top: 78px;
	left: 430px;
	width: 205px;
	z-index:1;
}

.div-menu-casos-tetraciclinas
{
	position: absolute;
	visibility: visible;
	top: 78px;
	left: 477px;
	width: 205px;
	z-index:1;
}

.div-menu
{
	position: absolute;
	visibility: visible;
	top: 60px;
	left: 104px;
	z-index: 5;
}

.div-cabecera
{
	position: absolute;
	visibility: visible;
	top: 47px;
	left: 151px;
}

.div-contenido
{
	position: absolute;
	visibility: visible;
	top: 190px;
	left: 155px;
	width: 442px;
	height: 214px;
	background-color: #ECF0F3;
	z-index:20;
}

.div-contenido-casos
{
	position: absolute;
	visibility: visible;
	top: 225px;
	left: 155px;
	width: 442px;
	height: 139px;
	background-color: #3E6781;
}

.div-contenido-videos
{
	position: absolute;
	visibility: visible;
	top: 195px;
	left: 155px;
	width: 442px;
	height: 165px;
	background-color: #3E6781;
}

.div-izquierda-derecha-videos
{
	position:absolute; 
	top: 200;
	left: 158; 
	z-index:25;
}

.div-menu-titulo-videos
{
	position: absolute;
	visibility: visible;
	top: 203px;
	left: 155px;
	width: 442px;
	z-index:1;
}

.div-contenido-casos-tapar
{
	position: absolute;
	visibility: hidden;
	top: 344px;
	left: 155px;
	width: 442px;
	height: 20px;
	background-color: #3E6781;
	z-index:2;
}

.div-izquierda-derecha-casos
{
	position:absolute; 
	top: 233;
	left: 158; 
	z-index:25;
}

.div-contenido-especialidades1
{
	position: absolute;
	visibility: visible;
	top: 189px;
	left: 155px;
	width: 192px;
	height: 214px;
	background-color: #ECF0F3;
}

.div-contenido-especialidades2
{
	position: absolute;
	visibility: visible;
	top: 189px;
	left: 363px;
	width: 235px;
	height: 214px;
	background-color: #ECF0F3;
}
.div-contenido-especialidades1_eng
{
	position: absolute;
	visibility: visible;
	top: 187px;
	left: 155px;
	width: 222px;
	height: 214px;
	background-color: #ECF0F3;
}
.div-contenido-especialidades2_eng
{
	position: absolute;
	visibility: visible;
	top: 187px;
	left: 383px;
	width: 215px;
	height: 214px;
	background-color: #ECF0F3;
}

.div-logo
{
	position: absolute;
	visibility: visible;
	top: 370px;
	CON-TEXTO-left: -12px;
	left: 16px;
	z-index:1;
}

.div-logo2
{
	position: absolute;
	visibility: visible;
	xtop: 378px;
	top: 375px;
	left: 638px;
	z-index:1;
}
.div-logo3
{
	position: absolute;
	visibility: visible;
	xtop: 378px;
	top: 53px;
	left: 600px;
	z-index:50;
}
.div-logo4
{
	position: absolute;
	visibility: visible;
	xtop: 378px;
	top: 350px;
	left: 643px;
	z-index:50;	
}
.vinculoUbicacion
{
	color:#4d7a93 !important;
	font-size:8pt !important;
	font-family:arial;
	font-weight:bold;
}

.div-menu-volver
{
	position: absolute;
	visibility: visible;
	top: 165px;
	left: 16px;
}

.div-borde
{
	position: absolute;
	visibility: visible;
	top: 35px;
	width: 755px;
	height: 381px;
	border: 1 #091534 solid;
	z-index:3;
}

.div-fotoJoanHome
{	
	position: absolute;
	visibility: visible;
	top: 35px;
	left: 1px;
	width: 755px;
	height: 381px;
	background-image:url('/imagenes/joanHome.gif');
	background-repeat:no-repeat;
	z-index:2;
}

.div-scroll
{
	position: absolute;
	visibility: visible;
	top: 140px;
	left: 546px;
	height: 227px;
}

.div-menu-pie
{
	position: absolute;
	visibility: visible;
	top: 424px;
	left: 1px;
	width: 755px;
	height: 24px;
	background-color: #091534;
	z-index:10;
}

.div-menu-cabecera
{
	position: absolute;
	visibility: visible;
	top: 0px;
	left: 1px;
	width: 755px;
	height: 24px;
	background-color: #3e6781;
	z-index:10;
}

.titulo_casos_smile
{
    font-family: Arial;
    font-size: 10px;
    color-anterior: #CED0D6;
	color: #B6B9C2;
    text-decoration: none;
}

A:link, A:visited, A:hover
{
    font-family: Arial;
    font-size: 10px;
    color: #091534;
    text-decoration: none;
}

A.texto-12:link, A.texto-12:visited, A.texto-12:hover
{
    font-family: Arial;
    font-size: 12px;
    color: #091534;
    text-decoration: none;
}

A.texto-12-azulado:link, A.texto-12-azulado:visited, A.texto-12-azulado:hover
{
    font-family: Arial;
    font-size: 12px;
    color: #777E8F;
    text-decoration: none;
}

.vincle
{
	font-size:11pt !important;
	color:#3E6781 !important;

}

.spl
{
	position:relative; 
	Xfont-weight:bold;
}

#iL1 {
	top:2; 
	left:5; 
	visibility:hidden; 
}

img.borde {
	border: 1px #091534 solid;
}

.div-recuadro
{
	border: 1px #091534 solid;
}

.titulo-contenido
{
	background-color: #3E6781;
}

.tapar-casos-haz-click
{
	background-color: #3E6781;
	height: 13;
}

.text-area-maquina-escribir
{
    scrollbar-track-color: #FFFFFF;
	scrollbar-shadow-color: #FFFFFF; 
	scrollbar-highlight-color: #FFFFFF; 
	scrollbar-face-color: #FFFFFF; 
	scrollbar-darkshadow-color: #FFFFFF; 
	scrollbar-base-color: #FFFFFF; 
	scrollbar-arrow-color: #FFFFFF;
	border:0;
	overflow:hidden;
    font-family: Arial;
    font-size: 12px;
    color: #091534;
	Xfont-style: italic;
}

.div-maquina-escribir
{
	position: absolute;
	visibility: visible;
	top: 95px;
	left: 290px;
	width: 124px;
}

.fondo-azul
{
    background-color: #000f2d;
}

.div-menu-perla-especialidades
{
	position: absolute;
	visibility: hidden;
	top: 105px;
	left: 140px;
	z-index:30;
	background-color: #FFFFFF;
}

.div-menu-perla-especialistas
{
	position: absolute;
	visibility: hidden;
	top: 121px;
	left: 140px;
	z-index:30;
	background-color: #FFFFFF;
}

.div-menu-perla-smile
{
	position: absolute;
	visibility: hidden;
	top: 150px;
	left: 140px;
	z-index:30;
	background-color: #FFFFFF;
}
.div-menu-perla-prensa
{
	position: absolute;
	visibility: hidden;
	top: 134px;
	left: 140px;
	z-index:30;
	background-color: #FFFFFF;
}

.div_scroll_faqs
{
	position: absolute;
	visibility: visible;
	top: 8px;
	left: 426px;
	height: 200px;
	width: 16px;
	z-index:30;
}


.div-imagenPremioSmile
{
	position: absolute;
	visibility: visible;
	top: 25px;
	left: -50px;
	z-index:30;
}

.div-menu-opciones-smile
{
	position: absolute;
	visibility: visible;
	top: 78px;
	left: 296px;
	width: auto;
	z-index:1;
}

.div-menu-smile-opciones-linia
{
	position: absolute;
	visibility: visible;
	top: 6px;
	left: 95px;
	width: 7px;
	height:36px;
	z-index:1;
}




.vincle-TV
{
	width:100%;
	padding:2px;
	padding-left:5px;
	font-size:10pt !important;
	font-weight:bold;
}
.vincle-TV:hover
{
	background-color:#ECF0F3;
}

.div-lista-prensa
{
	position: absolute;
	visibility: visible;
	top: 189px;
	left: 155px;
	width: 165px;
	height: 214px;
	background-color: transparent;
}

.div-thumb-lista
{
	position: absolute;
	visibility: hidden;
	top: 154px;
	left: 370px;
	width: 225px;
	height:214px;
	z-index:1;
	border-style:solid;
	border-width:0px;
	text-align:center;
	vertical-align:center;
}

.div-Galeria-Smile-anos
{
	position: absolute;
	visibility: visible;
	top: 205px;
	left: 155px;
	width: 442px;
	z-index:1;
}
.div-apariciones-Smile-anos
{
	position: absolute;
	visibility: visible;
	top: 150px;
	left: 155px;
	width: 442px;
	z-index:1;
}

.div-apariciones-smile
{
	position: absolute;
	visibility: visible;
	top: 170px;
	left: 155px;
	width: 442px;
	height: 198px;
	background-color: #ECF0F3;
}

.itemMenuSup
{
	background-image:url('/imagenes/menu_perla/itemMenuSup.gif');
	background-repeat:no-repeat;
	padding-left:14px;
}
.itemMenuMed
{
	background-image:url('/imagenes/menu_perla/itemMenuMed.gif');
	background-repeat:no-repeat;
	padding-left:14px;
}
.itemMenuInf
{
	background-image:url('/imagenes/menu_perla/itemMenuInf.gif');
	background-repeat:no-repeat;
	padding-left:14px;
}
.menuLinia
{
	background-image:url('/imagenes/menu_perla/liniaMenu.gif');
	background-repeat:repeat-x;
}


.botonHomeCursos
{
	font-size:10pt  !important;
	font-weight:bold !important;
	font-family:arial !important;
	color:#000000 !important;
	letter-spacing:-0.5px !important;
}
.textoBotonHomeCursos
{
	font-size:10pt  !important;
	font-weight:bold !important;
	font-family:arial !important;	
	letter-spacing:-0.5px !important;
	background-color:#ebf0f2 !important;
	color:#567388 !important;	
}
.textoBotonHomeCursos:hover
{
	text-decoration:underline;
}

.div-botonCursos
{
	position: absolute;
	visibility: visible;
	top: 380px;
	CON-TEXTO-left: -12px;
	left: 16px;
	z-index:4;
}
.div-popupCursos
{
	position: absolute;
	visibility: hidden;
	top: 35px;
	left: 0px;
	width: 755px;
	height: 381px;
	border: 1 #091534 solid;
	z-index:60;
	background-color:white;
	padding:5px;
}

.tituloCasoCambioRadical
{
	font-weight:bold !important;	
	font-size:8pt;
}


.div-handsOn
{
	position: absolute;
	visibility: visible;
	top: 48px;
	left: 16px;
	width: 755px;
	height:439px;
	background-color:#000f2e;
	background-image:url("/imagenes/handsOn/fondo.jpg");
}
.div-handsOn-cat
{
	position: absolute;
	visibility: visible;
	top: 48px;
	left: 16px;
	width: 755px;
	height:439px;
	background-color:#000f2e;
	background-image:url("/imagenes/handsOn/fondo_cat.jpg");
}

.div-handsOn-descripcion
{
	position:absolute;
	top:232px;
	left:150px;
	width:360px;
	
	color:#FFFFFF;
	font-family:arial;
	font-size:8pt;
	text-align:justify;
}

.div-handsOn-plazas
{
	position:absolute;
	top:327px;
	left:37px;
	width:475px;
	
	color:#FFFFFF;
	font-family:verdana;
	font-size:8px;
	text-align:justify;
}
.handsOn-titulo-plazas
{
	color:#f38605;
	font-family:arial;
	font-size:7pt;
}

.div-handsOn-formulario
{
	position:absolute;
	top:280px;
	left:554px;
	width:170px;
	
	color:#FFFFFF;
	font-family:arial;
	font-size:8pt;
	text-align:justify;
}

.div-handsOn-boto
{
	position:absolute;
	top:380px;
	left:660px;
	width:200px;
}

.div-handsOn-pdf
{
	position:absolute;
	top:70px;
	left:480px;
	width:91;
	height:43px;
}

.handsOn-formulario
{
	color:#FFFFFF;
	font-family:arial;
	font-size:8pt;	
}

.handsOn-input
{
	border-style:solid;
	border-width:none;
	background-color:#FFFFFF;
	font-size:8pt;
}

.handsOn-boto
{
	border-style:solid;
	border-width:0px;
	background-color:transparent;
	color:#f38605;
	
	font-weight:bold;
	font-family:arial;
	font-size:8pt;
}