/* estilos de formato */
body {margin:0;padding:0}
p, td {margin:0; font:12px Verdana, Arial, Helvetica, sans-serif;}
a {text-decoration:none;}
a:hover {text-decoration:underline;}
hr {height:1px; color:#1d9995; clear:both;} /* hay que poner size="1" en el HTML porque en FF se ve mal */
ul {font:12px Verdana, Arial, Helvetica, sans-serif; margin:0; padding:0;}
ul li {list-style:circle inside; margin-top:10px;}
img {border:0;}

h1 {font:bold 16px Arial, Helvetica, sans-serif; text-decoration:underline;}
h2 {font:bold 14px Arial, Helvetica, sans-serif; margin:5px;}
h3 {font:18px Arial, Helvetica, sans-serif; color:#C00;margin:5px;}
h4 {font:14px Verdana, Arial, Helvetica, sans-serif;}
h5 {font:bold 12px Verdana, Arial, Helvetica, sans-serif;}
h6 {font:bold 11px Tahoma, Verdana, Arial, Helvetica, sans-serif; margin:16px 0 4px 0;}

em {font-style:italic;}
strong {font-weight:bold;}
small {font-size:11px;}
big {font-size:16px;}
cite {font:italic 12px Verdana, Arial, Helvetica, sans-serif;}
.micro {font-size:10px;}
.marca {text-decoration:underline;}
.texto {text-align:left;margin:16px 0 0 0;}
.gral {text-align:center;margin:20px 0 0 0;}
.info {margin-bottom:8px;}
.destacado {color:#800;}
.claro {color:#666;}
.centrado {text-align:center;}
.separador {height:24px;clear:both;}
.divisor {height:1px;clear:both;}

.p1 {text-align:left;}
.p2 {text-align:right;}
.c1 {color:#C00;}
.c2 {color:#000;}
.c3 {color:#080;}

form {margin:0;padding:0;}
form p {margin:8px 4px;}
input {font:12px Verdana, Arial, Helvetica, sans-serif;}
select {font:12px Verdana, Arial, Helvetica, sans-serif;}

/* estructura de la página */
#contenedor {
	background: url("/images/solo10-fondo.gif") repeat-y;
	width:778px;
	position:relative;
}
#cabecera {
	position:relative;
	background: url("/images/com/solo10-top.gif") no-repeat;
	width:778px;
	height:103px;
}
#lateral1 {
	float:left;
	width:115px;
	text-align:center;
	font:bold 12px Verdana, Arial, Helvetica, sans-serif;
	color:#FFF;
}
#contenido {
	float:left;
	width:548px;
	width/**/:/**/500px;
	padding:24px;
}
#lateral2 {
	float:right;
	width:115px;
	text-align:center;
	font:bold 10px Verdana, Arial, Helvetica, sans-serif;
	color:#FFF;
}
#pie {
	position:relative;
	clear:both;
	background: url("/images/solo10-bot.gif") no-repeat;
	height:53px;
	font:11px Verdana, Arial, Helvetica, sans-serif;
	color:#FFF;
}
#subpie {height:72px;}

/* estilos generales de contenidos */
.caja-a {background-color:#FFF;padding:0;}
.caja-b {background-color:#FFC;padding:0;}
.caja-c {background-color:#FFF;padding:0;}
.caja-d {background-color:#FFFFEC;padding:0;}
.caja-e {background-color:#096;padding:0;}

.borde {border:1px solid #000;}
.tl, .tr, .br, .bl {
	display:block;
	clear:both;
	font-size:0;
	line-height:0;
	position:relative;
	height:7px;
	margin:0;
}
.tl {background:transparent url("/images/corner-tl.gif") no-repeat top left;top:-1px;left:-1px;}
.tr {background: url("/images/corner-tr.gif") no-repeat top right;right:-2px;padding-top:0}
.br {background:transparent url("/images/corner-br.gif") no-repeat bottom right;right:-2px;}
.bl {background:transparent url("/images/corner-bl.gif") no-repeat bottom left;bottom:-1px;left:-1px;}
.caja-c .tl {background:transparent url("/images/corner-tl2.gif") no-repeat top left;top:-1px;left:-1px;}
.caja-c .tr {background: url("/images/corner-tr2.gif") no-repeat top right;right:-2px;padding-top:0}
.caja-c .br {background:transparent url("/images/corner-br2.gif") no-repeat bottom right;right:-2px;}
.caja-c .bl {background:transparent url("/images/corner-bl2.gif") no-repeat bottom left;bottom:-1px;left:-1px;}

.sep-top {
	background:url("/images/septop.gif") no-repeat left top;
	width:100%;
	padding-top:15px;
	margin-bottom:12px;
}
.sep-bot {
	background:url("/images/sepbot.gif") no-repeat left bottom;
	width:100%;
	padding-bottom:15px;
}
.caja-xa {
	background:url("/images/marco.gif") no-repeat;
	height:316px;
	width:100px;
	margin:auto;
	margin-top:10px;
	color:#000;
}
.caja-xa p {margin:16px 7px;}
.caja-xa h6 {padding:2px;margin:0;}
.marco {
	margin:auto;
	margin-top:-1px;
	border-spacing:0; /* IE no lo soporta, hay que agregar cellspacing="0" en el HTML */
	border-collapse:collapse; /* esto soluciona el problema del border-spacing sin usar HTML */
	width:100%;
}
.marco td {padding:0;}
.esquema {
	width:100%;
	text-align:center;
}
.titulo {
	background-repeat:no-repeat;
	background-position:top left;
	text-align:right;
	height:100px;
}

.enlaces {
	width:500px;
	text-align:center;
	padding: 4px 0;
	margin-top:24px;
	clear:both;
	background-color:#DEEEEB;
	position:absolute;
	bottom:131px;
}
.enlaces p {color:#666;font-size:12px; font-family:Arial, Helvetica, sans-serif; margin:1px 0;}
.links {width:500px; text-align:center; position:absolute; bottom:77px;}
.links p {font-size:11px; font-family:Arial, Helvetica, sans-serif;margin:10px 0 0 0;display:block;}

.col-izquierda {float:left; clear:left; width:238px; padding:0;}
.col-derecha {float:right; clear:right; width:238px; padding:0;}
.cuadro {border:solid 1px #1d9995;padding:10px;}

/* formatos específicos de cada página */
#cabecera .logo {position:absolute;left:248px;top:12px;width:468px;height:60px;}
#cabecera .menu {position:absolute;left:113px;top:83px;width:552px;height:20px;}
.formreg {background: url("/images/registro.gif") no-repeat;margin:auto;height:74px;width:463px;position:relative;}
.formreg .controles {position:absolute;left:50px;top:25px;width:398px;}
.formreg table {font:11px Verdana, Arial, Helvetica, sans-serif;color:#fff;}
.chat {height:160px;width:100px;}
.codchat {position:absolute;left:4px;top:166px;}

.lang {position:absolute;top:2px;left:132px;color:#000;}
.moneda {position:absolute;top:2px;right:132px;width:360px;text-align:right;color:#000;}
.copy {position:relative;top:28px;text-align:center;}

.btnreporte {margin-bottom:12px;}

.flags {clear:both;padding-top:24px;}
.oferta .boton {margin:10px 0 0 100px;}
.oferta p {margin-left:0; text-align:left}
.titaccesos {background-image: url("/images/titulos/accesos.jpg");}
.titcontactenos {background-image: url("/images/titulos/contactenos.jpg"); height:120px;}
.titreg {background-image: url("/images/titulos/registro.jpg");}
.tittrans {background-image: url("/images/titulos/transferencia.jpg");}
.titredir {background-image: url("/images/titulos/redireccion.jpg");}
.titrenov {background-image: url("/images/titulos/renovacion.jpg");}
.tithost {background-image: url("/images/titulos/web-hosting.jpg");background-position:0% 20%;}
.titalojamiento {background-image: url("/images/titulos/alojamiento-web.jpg");}
.tithospedaje {background-image: url("/images/titulos/hospedaje-web.jpg");}
.titdist {background-image: url("/images/titulos/distribuidores.jpg");}
.titmarketing {background-image: url("/images/titulos/e-marketing.jpg"); height:120px;}
.titsoporte {background-image: url("/images/titulos/soporte.jpg"); height:120px;}
.titempresa {background-image: url("/images/titulos/empresa.jpg"); height:120px;}
.titpagos {background-image: url("/images/titulos/pagos.jpg");}
.titbancos {background-image: url("/images/titulos/pagos-bancos.jpg");}
.tittarjetas {background-image: url("/images/titulos/pagos-tarjetas.jpg");}
.tittest {background-image: url("/images/titulos/testimonios.jpg");}
.titwestern {background-image: url("/images/titulos/pagos-western.jpg");}
.titpaypal {background-image: url("/images/titulos/pagos-paypal.jpg");}

.h-titulo {margin:0 0 0 60px;text-align:left;}
.h-tithost {margin-top:40px;}
.h-testimonios {float:left; border:solid 1px #1d9995; width:238px; width/**/:/**/216px; height:100px; padding:10px;}
.h-clientes {float:right; border:solid 1px #1d9995; width:238px; width/**/:/**/216px; height:100px; padding:10px;}

.e-desc {float:left; width:218px;}
.e-noticias {float:right; border:solid 1px #1d9995; width:258px; width/**/:/**/236px; padding:10px; margin-top:20px;}
.e-noticias a {margin:4px 0;}
.e-titulo {float:right; text-align:right; width:240px;}
.e-sebas .cuadro {width:202px;width/**/:/**/180px;}

.m-plan {margin-top: 24px;}
.m-plan img {vertical-align:middle;}
.m-testimonios {background-color:#DEEEEB; padding:10px; margin-top:20px;}
.m-herramientas {margin-top: 24px;}
.m-herramientas .cuadro {margin-bottom:24px;}
.m-herramientas .cuadro img { vertical-align:middle;}
.m-lista {background-color:#F7FBFA;border:solid 1px #1d9995;}
.m-lista div.col-izquierda, .m-lista div.col-derecha {padding:9px; width:230px;}
.m-head {background-color:#DEEEEB; clear:both;}
.m-head p {padding:8px;}

.o-left {float:left; width:280px; margin-top:10px;}
.o-right {float:right; width:200px; margin-top:10px;}
.o-left h1 {font:20px Verdana, Arial, Helvetica, sans-serif;text-decoration:none; margin:10px 0; color:#96C;}
.o-left h4 {margin:0 0 10px 0;color:#090;}
.o-left ul {padding:0;margin:0 10px 10px 10px;font-size:11px;}
.o-left li {list-style:none outside;padding:0;margin:0; line-height:12px;}
.o-titulo {padding-top:48px;}

.l-titulo {padding-top:64px;}
.l-base {padding:0 40px;}
.l-cuadro {margin:20px 0;}
.l-cont {padding:20px 40px;}
.l-left {float:left; width:150px; clear:left; margin:30px 0; text-align:center;}
.l-right {float:right; width:150px; clear:right; margin:30px 0; text-align:center;}

.r-tips {float:left; width:250px; margin:24px 0px;}
.r-precios {float:right; width:224px; text-align:center; margin:24px 0px;}
.r-precios h1 {margin-top:10px;}
.r-precios h4 {text-align:right;margin-right:36px;}
.r-precio {margin:20px 40px;}
.r-precio h1 {margin:4px 12px;}
.r-precio h4 {margin:10px 0;}
.r-form {margin:10px 70px;padding:0;}
.r-form-text {margin:0 10px;color:#FFF;}

.a-anchors {float:right;margin:10px 0 0 0;width:60%;}
.a-left {float:left; width:242px; width/**/:/**/240px; margin-top:10px;}
.a-right {float:right; width:242px; width/**/:/**/240px; margin-top:10px;}
.a-planes {padding:0 1px;padding/**/:/**/0 5px;}
.a-plan {margin-top:20px;height:240px;}
.a-plan img {float:left;}
.a-info {float:right;width:150px;width/**/:/**/145px;padding-left:5px;}
.a-precio {float:right;width:160px;}
.a-precio img {float:none;margin:10px 10px 0 0;}
.a-desc {clear:both;}
.a-cont {margin-top:20px;}
.a-cont div div {padding:5px 0;}
.a-cont img {float:left;}
.a-cont p {clear:both;}

.d-planes {margin-top:20px;}
.d-cont {text-align:center;margin:-1px;margin/**/:/**/0 10px;}
.d-cont table {margin:0;}
.d-cont td {width:50%;}
.d-titulo {font:24px "Times New Roman", Times, serif;color:#c60;}
.d-titulo big {font-size:72px;}
.d-precio {margin:0 30px 10px 0;}

.p-cab {padding:10px;}
.p-cab-iz {float:left;}
.p-cab-md {float:left;width:160px;}
.p-cab-dr {float:right;width:160px;height:80px;text-align:right;}
.p-cab-dr2 {float:right;width:145px;text-align:right;}
.p-cab-menu {float:right;}
.p-carac {float:left;width:220px;margin:5px;}
.p-carac td {vertical-align:top;}
.p-carac h5 {margin:0 0 12px 10px;}
.p-ordenar td {width:50%;}
.p-anual {margin:20px 15px 20px 30px; padding:0;}
.p-mensual {margin:20px 30px 20px 15px; padding:0;}
.p-mensual p, .p-anual p {margin:10px 20px;}
.p-detalles table {margin:0;}
.p-detalles td {width:50%;vertical-align:top;}
.p-detalles ul {padding:0;margin:-8px 8px 8px 8px; font-size:11px;}
.p-detalles li {list-style:none outside;background:#ffffff url("/images/tilde.gif") no-repeat 2px 0;padding-left:20px;margin-top:10px;line-height:1.2em;}

.b-cabecera {width:240px; text-align:left; float:right;}
.b-cabecera td {font:11px Verdana, Arial, Helvetica, sans-serif;width:80px;}
.b-banco {background-position:top right; background-repeat:no-repeat; margin:30px 0;}
.b-titulo {font-weight:normal;width:275px;}
.b-cuenta p {border:solid 1px #1d9995; margin:25px 70px; padding:10px; font-weight:bold; font-size:11px;}
.b-banesto {background-image:url("/images/banco-espana-2.gif")}
.b-bankinter {background-image:url("/images/banco-espana-1.gif")}
.b-bancomer {background-image:url("/images/banco-mexico.gif")}
.b-rio {background-image:url("/images/banco-argentina-1.gif")}
.b-galicia {background-image:url("/images/banco-argentina-2.gif")}
.b-pacifico {background-image:url("/images/banco-ecuador.gif")}
.b-credito-peru {background-image:url("/images/banco-peru.gif")}
.b-estado {background-image:url("/images/banco-chile.gif")}
.b-bac {background-image:url("/images/banco-costa-rica.gif")}
.b-conavi {background-image:url("/images/banco-colombia.gif")}
.b-republica {background-image:url("/images/banco-uruguay.gif")}
.b-credito-bolivia {background-image:url("/images/banco-bolivia.gif")}
.b-hsbc {background-image:url("/images/banco-hsbc.gif")}
.b-dobrasil {background-image:url("/images/banco-do-brasil.gif")}

.t-top-texto {width:200px;float:right;text-align:center;}
.t-top-foto {width:100px;float:right;}
.t-testimonio table {border-spacing:0px; border-collapse:collapse; }
.t-testimonio td {vertical-align:top;}
.t-testimonio div {border:solid 1px #1D9995; width:212px; margin:24px 0 0 0; padding:12px; text-align:center;}
.t-testimonio img {border:0px solid #666;}
.t-testimonio div p {text-align:right; margin-top:18px;}

.s-form {padding:0; margin-top:20px;}
.s-form-datos input {font-size:11px;}
