@charset "UTF-8";
/* CSS Document */

/* reset */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
	background: #FFF;
}
ol, ul {
	list-style: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

img, div, a, input { behavior: url(iepngfix.htc) }

a {
	color:#0c9eb7;
	text-decoration:none;
}

a:hover {
	color:#767820;
	text-decoration:underline;
}

/* header elements */

h1 {
	font-family: Arial, Helvetica, sans-serif;
    font-size:24px;
	font-weight: bold;
	color: #0c9eb7;
	text-align: left;
}

h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	color: #767820;
	font-weight:bold;
	text-align: left;
}

h3 {
	font-family:Arial, Helvetica, sans-serif;
    font-size: 12px;
	color: #333;
	font-weight: normal;
	text-align: left;
}

h4 {
	font-family:Arial, Helvetica, sans-serif;
    font-size: 14px;
	color: #FFF;
	font-weight: bold;
	text-align: left;
}

h5 {
	font-family: Verdana, Geneva, sans-serif;
    font-size: 12px;
	color: #666;
	font-weight: bold;
	text-align: left;
}

h6 {
	font-family: Verdana, Geneva, sans-serif;
    font-size: 14px;
	color: #0c9eb7;
	font-weight: bold;
	text-align: left;
}

h7 {
	font-family: Arial, Helvetica, sans-serif;
    font-size: 26px;
	color: #14434b;
	font-weight: bold;
	text-align: left;
}
	
	
p {
	font-family: Verdana, Geneva, sans-serif;
	font-size:12px;
	font-weight:normal;
	color: #14434b;
	text-align: left;
}

/* leyenda colores */
/* azul cyan: #0c9eb7
/* verde aceituna: #767820
/* azul turquesa: #14434b

/* containers */

#container_main {
	background-image: url(imagenes/bkgrnd_main.jpg);
	background-position:top;
	background-repeat:repeat-x;
	overflow:auto;
}

#container_display {
	width:904px;
	background-image:url(imagenes/bkgrnd_display.jpg);
	background-position:top;
	background-repeat:no-repeat;
	margin:0 auto 0 auto;
	overflow:auto;
}

#display {
	width:850px;
	background-color:#FFF;
	margin:0 auto 0 auto;
	overflow:auto;
}

#bottom_main {
	background-image:url(imagenes/bkgrnd_bottom.jpg);
	background-position:top;
	background-repeat:repeat-x;
	background-color: #fdfbe4;
	clear: both;
	overflow:auto;
}

#bottom_display {
	width:792px;
	margin:0 auto 0 auto;
	overflow:auto;
}

#bottom_credits {
	width:792px;
	margin:25px auto 0 auto;
	overflow:auto;
}

/* top */

#top_container_home {
	width:850px;
	height:158px;
	background-image:url(imagenes/bkgrnd_top.jpg);
	background-position:top;
	background-repeat:no-repeat;
	float: left;
}

#top_container {
	width:850px;
	height:158px;
	background-image: url(imagenes/bkgrnd_top_internas.jpg);
	background-position:top;
	background-repeat:no-repeat;
	float: left;
}

#top_logo {
	width:290px;
	height:86px;
	float:left;
	margin-left:29px;
	display:inline;
}

#top_menu {
	float:right;
	margin-right:29px;
	margin-top:30px;
}

#top_menu h3 A:link {color: #333; text-decoration: none;}
#top_menu h3 A:Visited {color: #333; text-decoration: none;}
#top_menu h3 A:Hover { color: #0c9eb7; text-decoration: none;}
	
/* homepage */

#center_display {
	width:850px;
	height:200px;
	background-image:url(imagenes/bkgrnd_center_display.jpg);
	background-position:top;
	background-repeat:no-repeat;
	overflow:auto;
}
		
#servicios_container {
	margin-left:29px;
	z-index:3;
	position:absolute;
	overflow:auto;
}

.titulo01 {
	float:left;
	margin-bottom:5px;
}

#servicios_list {
	overflow:auto;
	clear:left;
}

.modulo_list {
	float:left;
	margin:5px 5px 5px 0;
}

.subtitulo_green {
	float:left;
	margin-bottom:10px;
}

.lista {
	float:left;
	clear:left;
	line-height:16px;
}

ul {
	list-style-type:none;
	padding:0px;
	margin:0px;
}

li {
	background-image: url(imagenes/arrow_green.png);
	background-repeat:no-repeat;
	background-position:0px 5px; 
	padding-left:14px;
}

.separador {
	width:5px;
	height:136px;
	background-image:url(imagenes/separador.png);
	background-position:top;
	background-repeat:no-repeat;
	margin:0 5px 0 5px;
	float:left;
}

#granya {
	width:850px;
	height:288px;
	z-index:1;
	position: absolute;
	background-image:url(imagenes/granya.png);
	background-position:top;
	background-repeat:no-repeat;
	overflow:auto;
	top: 85px;
}

#modulos {
	margin: 0 auto 0 auto;
	overflow:auto;
}

.box_container {
	width:280px;
	height:277px;
	background-image:url(imagenes/box.png);
	background-position:top;
	background-repeat:no-repeat;
	float:left;
}

.box_container01 {
	width:286px;
	height:277px;
	background-image:url(imagenes/box01.png);
	background-position:top;
	background-repeat:no-repeat;
	float:left;
}

.box {
	width:205px;
	margin:0 auto 0 auto;
	overflow:auto;
}

#box01_titulo {
	width:205px;
	height:68px;
	margin-top:7px;
	background-image:url(imagenes/tit_logresupeso.png);
	background-position:top;
	background-repeat:no-repeat;
	overflow:auto;
}

#box01_text01 {
	width:205px;
	float:left;
	margin-top:10px;
}

#box01_text02 {
	width:205px;
	float:left;
	margin-bottom:15px;
}

#box01_text03 {
	width:205px;
	float:left;
	margin-bottom:10px;
}

#box01_btn {
	width:180px;
	height:62px;
	float:left;
}

#box01_metro {
	width:119px;
	height:89px;
	background-image: url(imagenes/metro.png);
	background-position:top;
	background-repeat:no-repeat;
	position: absolute;
}

.box02 {
	width:225px;
	margin:0 auto 0 auto;
	overflow:auto;
}

.tit_module {
	text-align:left;
	float:left;
	padding:5px;
	overflow:auto;
	margin-top:18px;
}

.tit_module h6 {
	color:#767820;
}

#foto_video_thumb {
	width:222px;
	height:175px;
	float:left;
	overflow:auto;
}

.ver_mas_link {
	float:left;
	height:30px;
	padding:10px;
	overflow: auto;
}

.ver_mas_link h5 {
	color: #0c9eb7;
	font-weight:normal;
}

.ver_mas_link h5 A:link {color: #14434b; text-decoration: none;}
.ver_mas_link h5 A:Visited {color: #14434b; text-decoration: none;}
.ver_mas_link h5 A:Hover { color: #767820; text-decoration: none;}


.box03 {
	width:225px;
	height:171px;
	margin:0 auto 0 auto;
}

#home_banner_registro {
	width:195px;
	height:171px;
	margin:0 auto 0 auto;
}

.box03 .tit_module {
	margin-bottom:15px;
}

.form_registro {
	width:150px;
	overflow:auto;
	margin:0 auto 0 auto;
	clear:left;
}

.form_registro tr, th, td {
	margin: 0;
	padding: 2px;
}

#box03_text01 {
	width:205px;
	float:left;
	margin-top:10px;
	padding:5px;
}

/* internas */

#tit_internas {
	width:500px;
	height:30px;
	float:left;
	overflow: auto;
	font-family: Arial, Helvetica, sans-serif;
    font-size: 26px;
	color: #14434b;
	font-weight: bold;
	text-align: left;
}


#center_display_internas {
	width:732px;
	padding:0 30px 0 30px;
	margin:0 auto 0 auto;
	background-color:#FFF;
	overflow:auto;
}

#content {
	width:540px;
	float:left;
}

.parrafo {
	float:left;
	padding:10px;
	font-family: Verdana, Geneva, sans-serif;
    font-size: 12px;
	color: #14434b;
	font-weight: normal;
	text-align: left;
}

.ficha_parrafo_registro {
	float:left;
	padding:10px;
	font-family: Verdana, Geneva, sans-serif;
    font-size: 12px;
	color: #14434b;
	font-weight: normal;
	text-align: left;
}

#banner_column {
	width:192px;
	float:left;
	overflow:auto;
}

#separador_titulo {
	width:540px;
	height:24px;
	margin-top:20px;
	float:left;
	background-image:url(imagenes/barra_top.jpg);
	background-position:top;
	background-repeat:no-repeat;
}

#banner1 {
	width:166px;
	height:254px;
	margin:25px auto 20px auto;
}

#banner2 {
	width:166px;
	height:171px;
	margin:0 auto 20px auto;
}

#servicios_container h1 A:link {color: #0c9eb7; text-decoration: none;}
#servicios_container h1 A:Visited {color: #0c9eb7; text-decoration: none;}
#servicios_container h1 A:Hover { color: #767820; text-decoration: none;}

#servicios_container h2 A:link {color: #767820; text-decoration: none;}
#servicios_container h2 A:Visited {color: #767820; text-decoration: none;}
#servicios_container h2 A:Hover { color: #767820; text-decoration: underline;}

#box01_text02 h6 A:link {color: #0c9eb7; text-decoration: none;}
#box01_text02 h6 A:Visited {color: #0c9eb7; text-decoration: none;}
#box01_text02 h6 A:Hover { color: #767820; text-decoration: none;}


/* quienes */

.ficha {
	width:540px;
	float:left;
}

.ficha_nombre {
	width:300px;
	height:10px;
	float:left;
	padding:10px;
	font-family: Verdana, Geneva, sans-serif;
    font-size: 14px;
	color: #14434b;
	font-weight: bold;
	text-align: left;
}

.ficha_parrafo {
	width:340px;
	float:left;
	padding:10px;
	font-family: Verdana, Geneva, sans-serif;
    font-size: 12px;
	color: #14434b;
	font-weight: normal;
	text-align: left;
}

.ficha_foto {
	width:155px;
	height:194px;
	float:left;
}

.separador_puntos {
	width:539px;
	height:38px;
	float:left;
	background-image:url(imagenes/separador_quienes.jpg);
	background-position:top;
	background-repeat:no-repeat;
}

/* contactenos */

.titulo_sub_contacto {
	float:left;
}

.contacto_parrafo {
	float:left;
	padding:15px;
	clear:left;
	width:400px;
}

.contacto_parrafo h3 {
	line-height:18px;
}

.ficha_form {
	width:520px;
	background: #EDEDED;
	float:left;
}

.form_contacto {
	width:460px;
	overflow:auto;
	margin:0 auto 0 auto;
	padding:30px;
	clear:left;
}

.form_contacto tr, th, td {
	margin: 0;
	padding: 2px;
}

.form_contacto h3 {
	text-align:right;
	vertical-align:top;
}

.titulo_sub_contacto h5 A:link {color: #0c9eb7; text-decoration: none;}
.titulo_sub_contacto h5 A:Visited {color: #0c9eb7; text-decoration: none;}
.titulo_sub_contacto h5 A:Hover { color: #767820; text-decoration: none;}

.titulo_sub_form {
	float:left;
	margin-top:20px;
	margin-left:20px;
}

/* Tratamientos */

#tit_servicio {
	width:499px;
	height:48px;
	background-image:url(imagenes/servicios_title_bkgrnd.jpg);
	background-position:top;
	background-repeat:no-repeat;
	padding:20px 0 0 0;
	margin:50px auto 15px auto; 
}

.foto_servicio {
	width:140px;
	height:142px;
	float:left;
}

#menu_servicios {
	width:192px;
	float:left;
	padding-bottom:40px;
	background-image:url(imagenes/bkgrnd_menu_servicios.jpg);
	background-position:top;
	background-repeat:no-repeat;
}

.ficha_servicios {
	margin:0 auto 0 auto;
	width:140px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	text-align:left;
	color:#14434b;
}

.sep_servicio {
	width:140px;
	height:11px;
	float:left;
	margin:5px 0 5px 0;
	background-image:url(imagenes/servicios_menu_separador.jpg);
	background-position:top;
	background-repeat:no-repeat;
}

.servicio {
	float:left;
}

#menu_servicios .title {
	color:#FFF;
	margin: 30px auto 50px -6px;
}

/* Talleres */

#banner_top {
	width:500px;
	height:175px;
	float:left;
	margin-bottom:30px;
}

#talleres_column_left {
	width:232px;
	float:left;
}

#talleres_box {
	width:202px;
	float:left;
	background-image:url(imagenes/bgv_talleres_box.jpg);
	background-position:top;
	background-repeat:no-repeat;
	padding:15px;
	overflow:auto;
}

#talleres_box_bottom {
	width:202px;
	height:30px;
	clear:left;
	margin-left:15px;
	background-image:url(imagenes/bgv_talleres_box_bottom.jpg);
	background-position:top;
	background-repeat:no-repeat;
}

.parrafo_talleres {
	width:280px;
	float:left;
	padding:10px;
	font-family: Verdana, Geneva, sans-serif;
    font-size: 12px;
	color: #14434b;
	font-weight: normal;
	text-align: left;
}

.title {
	width:202px;
	float:left;
	margin:20px auto 40px auto;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	color:#14434b;
	text-align:center;
}

.ficha_taller {
	width:150px;
	margin:0 auto 0 auto; 
}

.fecha {
	float:left;
	margin-bottom:10px;
	font-family: Verdana, Geneva, sans-serif;
    font-size: 12px;
	color: #14434b;
	font-weight: bold;
	text-align: left;
}

.descripcion {
	float:left;
	font-family: Verdana, Geneva, sans-serif;
    font-size: 10px;
	color: #14434b;
	font-weight: normal;
	text-align: left;
}

.separador_taller {
	width:150px;
	height:1px;
	margin:15px 0 10px 0;
	background-image:url(imagenes/bgv_separador.png);
	background-position:top;
	background-repeat:no-repeat;
	float:left;
}

.separador_taller_fin {
	width:150px;
	height:1px;
	margin:15px 0 0 0;
	background-image:url(imagenes/bgv_separador.png);
	background-position:top;
	background-repeat:no-repeat;
	float:left;
}

#talleres_column_left #box01_btn {
	margin-left:20px;
}

/* testimoniales */

.parrafo_testimonial {
	width:490px;
	float:left;
	padding:10px;
	font-family: Verdana, Geneva, sans-serif;
    font-size: 12px;
	color: #14434b;
	font-weight: normal;
	text-align: left;
}

.nombre_testimonial {
	width:400px;
	height:20px;
	float:left;
	padding:10px;
	font-family: Verdana, Geneva, sans-serif;
    font-size: 14px;
	color: #14434b;
	font-weight: bold;
	text-align: left;
}

#antesdespues_tit {
	width:539px;
	height:57px;
	float:left;
	background-image: url(imagenes/antesdespues_tit.jpg);
	background-position:top;
	background-repeat:no-repeat;
}

.antesdespues_foto {
	width:153px;
	height:117px;
	float:left;
}

.antesdespues_box {
	width:153px;
	float:left;
	margin:10px;
}

/* articulos */

.articulos_foto {
	width:100px;
	height:100px;
	float:left;
	margin-right:15px;
}

.articulo_title {
	width:300px;
	height:20px;
	float:left;
	padding:10px;
	font-family: Verdana, Geneva, sans-serif;
    font-size: 14px;
	color: #14434b;
	font-weight: bold;
	text-align: left;
}

.noticia {
	float:left;
	margin-bottom:25px;
	overflow:auto;
}

.parrafo_noticia {
	float:left;
	margin-bottom:10px;
	clear:both;
}

.tit_noticia {
	width:auto;
	height:auto;
	margin-bottom:10px;
	float:left;
}

.tit_noticia h2 {
	font-size:21px;
}

.contenido_noticia {
	width:540px;
	float:left;
	overflow:auto;
}

.foto {
	margin-right:20px;
	margin-bottom:10px;
	float:left;
	overflow:auto;
}

.tit_noticia .ver_mas_link {
	float:right;
}
	

/* footer */

.box_bottom {
	width:233px;
	margin:30px auto 0 auto;
	overflow:auto;
	float:left;
}

.separador_vert {
	width:23px;
	height:247px;
	float:left;
	background-image: url(imagenes/seperadaor_white.png);
	background-position:top;
	background-repeat:no-repeat;
	margin:20px 10px 0 10px;
}

#banner_anuncia {
	width:233px;
	height:196px;
	margin:15px auto 0 auto;
}

#bottom_display .tit_module h6 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:normal;
	color: #FFF;
}

#testimonial_home {
	float:left;
	width:220px;
	overflow:auto;
	padding:15px 5px 15px 5px;
}

#site_map {
	width:730px;
	height:15px;
	float:left;
	overflow:auto;
}

#creditos {
	width:600px;
	height:40px;
	float:left;
	overflow:auto;
	clear:left;
	margin-top: 10px;
	margin-bottom: 30px;
}
	
.tit-videos {
	font-size:12px;
	color:#0c9eb7;
	font-weight:bold;
	margin-bottom:10px;
	margin-top:15px;
}

#video-menu {
	padding-left:15px;
}

#video-menu a {
	font-size:11px;
	font-family: Arial;
	display:block;
	width:240px;
	float:left;
	text-align:left;
	line-height:18px;
	text-decoration:none;
}