*{padding: 0px; margin: 0px;}
img{border:0px}
body{font-family: 'Trebuchet MS', Verdana, Arial;  color: #666666; text-align:justify; background: url(../imagenes/fondito.gif) top repeat-x #d3d3d3;}
#contenedor{width: 790px; margin-left:auto; margin-right:auto; overflow:hidden;/*quitar background-color:red*/}
#top {width: 100%; overflow: hidden;}
#separacion{width: 100%; height:20px;}
#contenido_index{width:790px; overflow:hidden;}
#contenido_normal{width:790px; overflow:hidden; /*quitar background-color:yellow*/}
#cuerpo_index{width:100%; padding-top:10px; background-color:white; overflow:hidden;}
#cuerpo_normal{width:100%; padding-top:5px; background-color:white; overflow:hidden; background: url(../imagenes/fondo-universal_4.gif) top left; min-height:400px; overflow:hidden}
#contenido_dinamico{width:790px; margin-top:0px; background-color:white; overflow:hidden; padding-top:10px;}
		.contenido_izquierda_grupos{float:left; width:220px; padding-top:10px; /*padding-left:10px;*/ /*background-color:yellow*/}
		.contenido_derecha_grupos{/*float:right;*/ padding-top:12px;}
		.derecha_familias{float:right; width:540px; border-left:1px dashed #CCCCCC; padding-left: 5px}

#div1{width:100%;/*background-color:red; height:200px*/}
#div2{width:100%;background-color:green; height:200px}
#div3{width:100%;background-color:yellow;height:200px}
#fondo_titulo_pagina{width:100%; height:50px; background: url(../imagenes/fondo_titulo.gif) top repeat-x #d3d3d3;}
h2.titulos_pg {font-size: 20px; font-weight:bold; text-align: left; padding-left:70px; padding-top:10px; color:white;}

.contiene_cabecera{width:100%; height:50px}
.cabecera{width: 100%; background:url(../imagenes/cabecera.png) left no-repeat; height:48px;}
		#logo{width:100%; background:url(../imagenes/logo.png) left no-repeat; height:51px;}	
		.mantenimiento{/*position: absolute; */float:left; width: 150px; margin-top:20px}	
		.posiciona_logo_trc{float:left; width: 168px;}
		.buscar_todo{float:right; width: 240px; height:35px; margin-right:20px; margin-top:10px;}
				.buscar_casilla{float:left; padding-top:7px;}
				.buscar_boton{float:right; padding-top:5px;}
		.accesibilidad{float:right; margin-top:20px; margin-right:20px}		
				.letra_normal{display:inline; width:20px; height:18px; text-align:center;}	
				.letra_grande{display:inline;width:20px; height:18px; margin-left:5px; text-align:center;}
				.letra_muy_grande{display:inline;width:20px; height:18px; margin-left:5px; text-align:center;}
		.home{float:right; margin-top:15px; margin-right:20px}
	.menu{padding-top:10px; margin-right:10px;float:right;}

/*posiciona el estas en */	
.estas_en{padding-left:10px; padding-right:5px; text-align:left; min-height:30px;}

/* posiciona el pie de página*/	
#pie{height: 30px; background-color: #819bc7; font-size: 10px;}
#pie .left{float:left; color:white; margin-top:5px; margin-left:10px; font-weight:bold;}
#pie .right{float:right;  margin-right:10px; margin-top:5px; background: url('../imagenes/mini_logo.gif') no-repeat center right; height:19px; color:white; }
p.pie{text-align:right; padding-right:30px}
	

.posiciona_noticias{float:right;margin-right: 5px; margin-top: 5px;}

.cuerpo{width: 100%; overflow: hidden;}


.imagen_cabecera_index{}
h1{font-size:14px;line-height:20px; color:#005699}
h1.grupos{position: absolute; padding-left:30px;margin-top:5px; font-size:12px;font-weight:bold; color:#ffffff;}

h1.titulo_cabeceras{font-size:16px;font-weight:bold; padding-left:10px;}

.cabeceras{padding-right:5px;  margin-bottom:10px;}
/*pedro CSS*/

/*pedro CSS*/
h1.imagen{margin-top:-50px;margin-right:auto;margin-left:auto; font-size:2.5em; color:#0056aa; display:block}

h2.subtitulos{font-size:12px; font-weight:bold; color:#ffffff; text-align: right;}

p{font-size:12px; line-height:14px;}
/*pedro css*/
p.paginas{font-size:14px; line-height:16px; color:#005699; font-weight:bold;}
/*pedro css*/
p.texto_sangrado{margin-left: 40px; padding-top: 10px;}
p.texto_normal_sangrado{text-indent: 20px; margin: 0px; padding-top: 10px;}
p.texto_normal{font-size:14px; padding-top: 10px;}
p.texto_normal_principios{font-size:14px; padding-top: 10px; color:#819bc7; }
p.titulos_pg {font-size: 16px; font-weight:bold; text-align: right; color:#819bc7;}
p.titulos_pg_left {font-size: 16px; font-weight:bold; text-align: left; color:#819bc7;}


.parte_1_index{width: 100%; overflow:hidden;}
.contiene_donde_estamos{background: url(../imagenes/combo_donde.gif) no-repeat; width: 315px; height:230px; float:left;}
.donde_estamos{width: 275px; overflow:hidden;  padding-top:20px; padding-left:20px;}
.titulos_pg_index_div{padding-right:0px}

h2.titulos_pg_index {font-size: 20px; color: #005699; ;font-weight:bold; text-align:right}

.foto_parte_1_1_1{float:left; width: 130px; margin-top:5px; margin-left:5px;}
	.foto_parte_1_1_2{float:right; width: 130px;  margin-top:5px; text-align:right;}
	.texto_parte_1_1{margin-left: 5px; margin-top:5px;}
	
	.negrita{font-weight: bold; color: #303030}
	.contiene_casos_exito{/*background: url(../imagenes/combo_casos.gif) no-repeat; */width: 475px; height:230px; float:right; }
	.titulos_casos_exito{width: 420px;  padding-top:20px; padding-left:20px;}


.coloca_foto_estatica{display:inline; height:240px;}
.contenido_inline{/*width: 790px;*/ background-color:orange; display:inline;}	
.coloca_foto{float:left; margin-left:0px; margin-top:0px; height:240px; padding-top:5px; background-color:white; width: 250px;}

.contenido_flotado_pedro{background-color:yellow; margin-left:10px; margin-right:10px; width:770px; margin-left:auto;margin-right:auto;}
h1.pedro{background-color:red;}


.plantilla_normal{width:770px; margin-left: auto; margin-right: auto; /*background-color:orange;*/ overflow:hidden}



.contiene_caja_500{width:520px; float:left;}


.comprobando{width:520px; margin-left: auto; margin-right: auto; background-color:green}


  .titulillos{/*height:50px;*/ background-color:red; margin-top:100px;}
h1.titu_certificaciones{font-size:20px; font-weight:bold; color:#ffffff; background-color:#819bc7; text-align: right; padding-right:10px;}
h1.titu_certificaciones_1{font-size:30px; font-weight:bold; color:#005699; /*background-color:#819bc7; */text-align: right; padding-right:10px;}
h1.sub_clientes{font-size:14px; font-weight:bold; color:#ffffff; background-color:#819bc7; text-align: right; padding-right:10px;}

.contiene_caso{width:740px; margin-left: auto; margin-right: auto; border: 2px dashed gray; padding: 10px; }

.contenidos_pag_estatica{width: 790px; background-color:yellow; padding-left:5px; padding-right:20px;}
.coloca_combo_500{width:510px; float:right; padding-right:0px; padding-top:0px; margin-right:10px; background-color:red}
.cuadro_500{width:500px; margin-left:auto;margin-right:auto; margin-top:40px; margin-bottom:20px;/*margin-left:auto;margin-right:auto;*/} 
.cuadro_500 .arriba {background-image: url(../imagenes/combos/arriba_500.gif);height:15px; font-size:8px}
.cuadro_500 .medio {background:url(../imagenes/degradado_2.gif) repeat-x white;border-right: 3px solid #005699; border-left: 3px solid #005699; width:494px;}
.cuadro_500 .texto {padding-right: 10px; padding-left: 10px}
.cuadro_500 .abajo {background: url(../imagenes/combos/abajo_500.gif); height:15px; font-size:8px}


.separa_foto{float:left; width:15px; height:250px;}

.coloca_combo_500_familias {width:525px; margin-right:0px; float:right; }


.coloca_combo_350{width:520px; margin-right:10px; margin-top:20px; float:right;}
.cuadro_350{width:350px;margin-left:auto;margin-right:auto;} 
.cuadro_350 .arriba {background-image: url(../imagenes/combos/arriba_350.gif);height:15px; font-size:8px}
.cuadro_350 .medio {border-right: 3px solid #005699; border-left: 3px solid #005699; width:344px;}
.cuadro_350 .texto {padding-right: 10px; padding-left: 10px}
.cuadro_350 .abajo {background: url(../imagenes/combos/abajo_350.gif); height:29px}
.separa_texto_combo{width:535px; float:right; height:30px; background-color:green}
.texto_normal_pag{ margin-left: 10px; margin-right: 20px; z-index: 5}
.fin{width:100%;}


#contenido_dinamico{width:790px; margin-top:0px; overflow:hidden; padding-top:10px; /*background: url(../imagenes/fondo-universal_3.gif) left top repeat-y;*/}


.contactar{float:left; width:360px;}
.confirmacion{width:500px; border: 1px dashed gray; padding:10px; margin-right:auto;margin-left:auto;margin-top:20px;}
.contactar_datos_trc{float:right; width:350px; margin-top:20px}
.texto_formulario_catalogo{color: #666666;}
.boton_solicitar{width: 200px; margin-left: auto; margin-right: auto; margin-top: 20px; text-align:center}

.ok_correo{color:red}
#divcorreo{margin-top:10px; margin-left:10px; width: 350px;}
.formulario{text-align:right}

.vacio_20{height: 20px; font-size:20px}

/*pedro css*/
	ul{list-style-type: square; padding-left:30px; font-size:14px}
	li.circulo{margin-left:10px; list-style-type: circle; list-style-position:inside;list-style-position:inside;}
	li.lista{padding-left:20px;}
	li.normal{margin-left:0px;}
	ul.infocorporativa{list-style-position:inside; }
	li.infocorporativa{margin-left:10px;line-height:20px;list-style-type: none; background: url(../imagenes/flecha.gif) left center no-repeat;}
	ul.cuadrado{list-style-type: square;}
	ul.circulo{list-style-type: circle; padding-left: 280px}
	
	ul.circulo_normal{list-style-type: circle; padding-left: 20px}
	li.cuadrado{list-style-position:inside;margin-left:20px}
	li.circulo{ list-style-image:none; list-style-type: circle;}
	ol.letra{list-style-type: lower-alpha;}
	ol.numero{list-style-type: decimal;}
	li.numero{margin-left:10px;}
	li.letra{margin-left:20px;}


.contiene_tabla_clientes{width:520px; float:right;}
table.tabla_clientes{width:520px;}
td.td_clientes{width:25%; text-align:center; border-bottom: 1px dashed gray; height:100px}
.logos_calidad{width:400px; margin-left:auto; margin-right:auto;}

.contiene_casos_estudio{width:620px; margin-left:auto; margin-right:auto;}	
/*table.casos_estudio{width:620px; background-color:#819bc7}
td.td_casos_estudio{width:25%; text-align:center; border-bottom: 1px dashed gray; height:100px}*/



a.caso_exito:link {color: #005699;font-weight:bold; text-decoration: none; border:0px; font-size:14px}
a.caso_exito:visited {color: #005699;font-weight:bold; text-decoration: none; border:0px; font-size:14px}
a.caso_exito:active {color: #005699;font-weight:bold; text-decoration: none; border:0px; font-size:14px}
a.caso_exito:hover {color: Orange;font-weight:bold; text-decoration: none; border:0px; font-size:14px}


a.pie:link {color:white; font-weight:bold; text-decoration: none; border:0px;}
a.pie:visited {color:white; font-weight:bold; text-decoration: none; border:0px;}
a.pie:active {color:white; font-weight:bold; text-decoration: none; border:0px;}
a.pie:hover {color:Orange; font-weight:bold; text-decoration: none; border:0px;}


/* **************************      cambio en CSS     *************************** */