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

	body {background:#004485 url(../imgs/bg.gif) repeat-x top; color:#FFF; margin:0 auto; padding:0}
	
	p {margin:10px 0 11px 0; padding:0; text-align:justify}
	* {color:#FFF; font-family:Tahoma, Arial, sans-serif; font-size:12px; line-height:120%}
	a img {border:none}

	#pagina {background:#e5e6e7 url(../imgs/bg-page.gif) no-repeat; margin:0 auto; padding:0 0 1px 0; width:729px; clear:both;}
	#index #pagina {height:515px; padding:0}

	#header {padding:15px 10px 0 10px}
	
	#menu {background:url(../imgs/bg-menu.gif) no-repeat right; height:26px; text-align:right}
	#menu a {color:#FFF; font-family:Arial, Helvetica, sans-serif; font-size:10px; text-decoration:none; line-height:22px; padding:0 12px}
	#menu a:hover {color:#FFF; text-decoration:underline}	

	#slogan {clear:both; padding:10px 0 10px 180px}
	#logo {padding:0 0 0 190px; margin:0}
	#flecha {float:left; position:absolute; left:489px; top:70px}
	
	#info {padding:30px 0 0 40px; border:1px solid red}
	#index #contenido {padding:7px 0 0 0}	
	
	#pie {background:#eb8016; padding:10px 5px; width:719px; margin:0 auto; height:25px}
	#pie * {font-size:10px}	
	#pie #cliente {clear:right}
	#pie #cliente, #pie #contactos {float:left; width:51%}
	#pie #direccion, #pie #creditos {float:right}	
	
	#fin {clear:both}
	
/* Fomarto del index.asp */

	#bienvenida {padding:30px 0 1px 65px; background:url(../imgs/bg-servicios.jpg) no-repeat; margin-top:3px; clear:left}
	#bienvenida * {font-size:11px; margin:0; padding:0}
	#bienvenida h3, #bienvenida h3 a {color:white; font-family:Arial, Helvetica, sans-serif; font-size:13px !important; font-weight:bold; text-transform:uppercase; text-decoration:none}
	#bienvenida h3 a:hover {text-decoration:underline}
	#bienvenida p {color:#999999; margin-bottom:20px}
	#bienvenida a {color:white}
	#bienvenida a:hover {color:#efa451; text-decoration:none}
	
	#edificios {background:#5286b8 url(../imgs/bg-edificios2.gif) repeat-x; height:128px; margin:0 0 15px}
	#edf_flash {margin:15px 0 0 3px}
	
	#anim {float:left; position:absolute; left:489px; top:70px}
	
/* Fomarto de las páginas secundarias */

	#contenido .info {background:#5b9bd0 url(../imgs/bg-info.gif) repeat-x; margin:30px 0 30px 40px; width:650px; padding:15px}
	#contenido .info h3 {font-size:23px; font-weight:normal; font-family:Arial, Helvetica, sans-serif; padding:0 0 0 5px; margin:0}
	#contenido .info h3 b {font-size:11px; font-weight:normal; padding-left:5px; color:#f9a14a; font-family:Arial; text-transform:uppercase}
	#contenido .info #bul-titulo {display:block; position:absolute; float:left; left:28px}		
	
/* Formato de quienes-somos.asp */

	#quienes-somos #img {float:right; margin-left:20px; border:3px solid white; margin-top:-25px}
	
/* Formato de servicios */

	#servicios #submenu {padding:10px 0 0 0}
	#servicios #submenu * {font-size:10px; text-decoration:none}	
	#servicios #submenu a {background:#2a72b0; padding:5px 10px; cursor:pointer}
	#servicios #submenu a:hover{background:#5b9bd0}
	#servicios #submenu a.selected, #submenu a.selected:hover {background:#f9a14a}	
	
	#servicios .serv {padding:15px}
	#servicios .serv h4 u {font-size:16px !important}
	#servicios .serv h4 b {color:#f9a14a; font-size:14px}
	#servicios #serv1, #serv2, #serv3, #serv4 {display:none}
	#servicios #serv1 img {float:right; border:2px solid white; margin:-5px 0 0 20px}
	#servicios #serv2 img {float:right; border:2px solid white; margin:-5px 0 0 20px}	
	#servicios #serv3 #col1 {float:left; width:250px; border-right:1px solid #93c4ed; margin-bottom:10px}
	#servicios #serv3 #col2 {float:left; padding:0 0 0 20px; width:345px; margin-top:8px}
	#servicios #serv3 #col2 .show {padding:20px 0 0 0}	
	#servicios #serv3 #edf {clear:both}
	
/* Formato de eficios en venta */

	#venta #submenu {padding:10px 0 20px 10px}
	#venta #submenu * {font-size:10px; text-decoration:none}	
	#venta #submenu a {background:#2a72b0; padding:5px 10px; cursor:pointer}
	#venta #submenu a:hover{background:#4b8dc4}
	#venta #submenu a.selected, #submenu a.selected:hover {background:#f9a14a}	
	
	#venta h3 b {font-size:12px !important; font-weight:bold!important; padding-left:5px; color:#f9a14a; font-family:Arial}	
	
	#venta .serv {padding:0 15px 15px 15px; clear:both}
	#venta .serv h4	{padding-top:0; margin-top:0}
	#venta .serv h4 u {font-size:14px !important}
	#venta .serv h4 b {color:#f9a14a; font-size:12px}
	#venta #opc1, #opc2, #opc3, #opc4, #opc5, #opc6 {display:none}	
	#venta #opc2 .mas {font-size:12px !important; font-weight:bold !important} 	
	#venta .serv .img img {cursor:pointer}
	#venta #opc1 .img {float:left; width:150px}
	#venta #opc1 .img img {margin-bottom:10px}	
	#venta #opc1 .txt {text-align:justify; float:left; width:465px}
	#venta #opc1 .txt ul {margin:0; padding:0}
	#venta #opc1 .txt li {font-size:11px; margin-bottom:2px; padding:0 !important; list-style:none; background:url(../imgs/bul-list.gif) no-repeat 3px 5px}
	#venta #opc2 .img {float:left; width:150px}	
	#venta #opc2 .txt {float:left; width:470px}	
	#venta #opc2 .txt strong {float:left; display:block; width:60px}		
	#venta #opc2 .txt ul {margin:0}	
	#venta #opc2 .txt li {list-style:none; margin-bottom:2px; font-size:11px}
	#venta #opc2 .txt li * {font-size:11px}
	#venta #opc2 .txt li a:hover {text-decoration:none}	
	#venta #opc3 .img {float:left; width:95px}
	#venta #opc3 .img img {margin-bottom:5px}
	#venta #opc3 .txt {float:left; width:525px}
	#venta #opc3 .txt ul {margin:0; padding:0}
	#venta #opc3 .txt li {font-size:11px; margin:0 0 2px 0; padding:0 0 0 15px !important; list-style:none; background:url(../imgs/bul-list.gif) no-repeat 3px 5px}	
	#venta #opc6 img {margin-right:8px; cursor:pointer}
	
	#venta #anim_venta {padding:10px 0 0 10px}
		
	
/* Fomarto de seminarios */

	#seminarios #img {float:left; padding:10px 0 0 20px; width:100px}
	#seminarios #img img {border:3px solid white; width:80px; margin-bottom:10px}
	#seminarios ul {margin:0; padding:0; float:left; width:198px}
	#seminarios li {margin:20px 0 0 0; padding:0; list-style:none}
	#seminarios #col1, #seminarios #col2 {float:left; width:320px}
	#seminarios #col1 .l3 {padding-top:12px}
	#seminarios #col2 .l2 {padding-top:22px}
	#seminarios #col2 .l3 {padding-top:26px}	
	
/* Formato de contactenos */

	#contactenos ul, #contactenos li  {list-style:none; margin:0; padding:0}
	#contactenos ul {padding:10px 0 0 20px}	
	#contactenos li, #contactenos li * {font-size:11px}	
	#contactenos li b {font-size:13px !important; padding-bottom:5px; display:block}
	
	#contactenos #col1 {width:340px; float:left}
	#contactenos #col2 {width:260px; float:left; border-left:1px solid #93c4ed; padding-left:20px; margin-left:20px}
	#contactenos #formulario, #formulario * {font-size:11px}	
	#contactenos #formulario i {font-style:normal; color:#f9a14a; display:block; float:left; width:12px}		
	#contactenos #formulario strong {display:block; float:left; width:100px; padding:2px 0}			
	#contactenos #formulario * {clear:both; vertical-align:text-top}	
	#contactenos #formulario input, #formulario textarea {color:black !important}
	#contactenos #formulario input, #formulario textarea {margin:1px 0; width:145px}
	#contactenos #formulario textarea {height:40px}	
	#contactenos #formulario #enviar {text-align:center}
	#contactenos #formulario #enviar input {margin:10px 0 0 0; width:100px}
	#contactenos #formulario #nota {font-size:10px; margin-top:10px}	
	
/* Formato de imagen.htm */

	#imagenPop{margin:0; padding:0; background:white none}
	#lbDetails {color:red !important}
	
/* Fomrato de precios */

	#precios table {width:620px; border:1px solid #2a72b0}
	#precios td {text-align:center; border-bottom:1px solid #2a72b0; border-right:1px solid #2a72b0; color:#FFF; font-family:Tahoma, Arial, sans-serif; font-size:11px; line-height:120%; padding:4px; background:#5b9bd0}
	#precios tr:hover td {background:#2a72b0}
	#precios tr.titulo td {background:white; border-right:none; text-transform:uppercase; color:#2a72b0;}
	#precios tr.header td {background:#f9a14a!important; border-right:1px solid #2a72b0; color:#FFFFFF; text-transform:uppercase; font-size:10px}
	#precios .im {width:110px}
	
/* Formato del popup */

	#imagenPop {background:white none; margin:0; padding:0}
	#lbIframe {border:0 none}
	#lbOverlay, #lbOverlay * {border:0 none}