* {
	font-family:verdana;
}
a, a:visited, a:link, a:active, img {
	border              : none;
	color               : #666666;
	text-decoration     : none;
}
a.underline {
	border-bottom       : 1px dashed #e34000;
}
a:hover {
	color               : #e34000;
}
body {
	background          : url(images/fondo.jpg);
	font-family         : verdana, arial, serif;
	padding             : 0px;
	margin              : 0px;
}
dt {
	font-weight         : bold;
	text-decoration     : underline;
}
dd {
	margin              : 5px 0 10px 25px;
	padding             : 0;
}
form p {
	text-align          : center;
}
h2 {
	font-size           : 140%;
}
input, textarea {
	max-width           : 650px;
}
li {
	color               : #777;
	font-weight         : normal;
	margin              : 5px;
	padding             : 0;
	text-align          : justify;
}
p {
	padding             : 5px 10px;
	text-align          : justify;
}
sup {
	font-size           : 40%;
	vertical-align      : text-top;
}
ul {
	margin              : 0;
	padding             : 0;
	list-style-image    : url("images/sq.gif");
	text-align          : left;
}
div.aviso {
	background          : url("images/aviso.gif") no-repeat;
	height              : 150px;
	position            : fixed;
	right               : 0;
	top                 : 0;
	width               : 150px;
}
div.banner {
	background:url(images/p_02.gif) no-repeat bottom right;
	margin-right:2px;
	height:73px;
	text-align:right;
	vertical-align:top;
	width:742px;
}
div.banner a {
	font-size:10px;
	font-weight:bold;
	font-variant:small-caps;
	margin-right:5px;
	padding-bottom:4px;
	padding-left:18px;
	padding-top:0px;
	text-decoration:none;
	word-spacing:0.04em;
}
div.banner a {
	color:grey;
}
div.banner a.aClientes {
	background: url(images/clientes.jpg) no-repeat;
}
div.banner a.aContacto {
	background: url(images/contacto.jpg) no-repeat;
}
div.banner a.aInicio {
	background: url(images/inicio.jpg) no-repeat;
}
div.banner a.aProductos {
	background: url(images/productos.jpg) no-repeat;
}
div.banner a.aSitemap {
	background: url(images/sitemap.jpg) no-repeat;
}
div.banner img {
	float               : left;
	height              : 50px;
	left                : 50%;
	margin-left         : -365px;
	position            : absolute;
	top                 : 32px;
}
div.central {
	float               : left;
	min-height          : 402px;
	top                 : 0;
}
ul.clientesDominios, ul.clientesHosting {
	font-weight         : bold;
	list-style-position : outside;
	margin              : 0 0 0 20px;
	padding             : 0;
}
ul.detallado {
	font-family         : verdana, arial, serif;
	font-weight         : bold;
	list-style-position : outside;
	margin              : 1em 20px;
}
ul.detallado dt {
	display             : inline;
	text-align          : left;
	text-decoration     : none;
}
ul.detallado dd {
	margin-bottom      : 0;
	margin-top         : 0;
}
p.detallesplan {
	font-size           : 100%;
	margin              : 0;
	text-align          : justify;
	text-indent         : 2em;
}
p.detallesplan a {
	color               : #C00000;
	font-weight         : bold;
	text-decoration     : none;
}
p.detallesplan a:hover {
	background          : #C00000;
	color               : #FFF;
	text-decoration     : none;
}
table.detallesplan {
	border-bottom       : 1px solid black;
	margin              : 5px auto;
	width               : 250px;
}
table.detallesplan th {
	border-bottom       : 1px solid #000;
	border-top          : 1px solid #000;
	color               : #336699;
	margin              : 0px;
	padding             : 2px;
	line-height         : 13px;
	text-align          : center;
	text-transform      : uppercase;
}
table.detallesplan td.detallesplan {
	padding-left        : 10px;
	text-align          : left;
}
table.detallesplan td.detallesplan2 {
	color               : #336699;
	font-weight         : bold;
	padding-right       : 10px;
	text-align          : right;
}
table.dominios {
	border-bottom       : 1px solid black;
	font-size           : 100%;
	margin              : 0;
	text-align          : center;
	width               : 390px;
}
table.dominios th {
	background          : #222;
	border-bottom       : 1px solid #000;
	border-top          : 1px solid #000;
	color               : white;
	font-size           : 100%;
	font-weight         : bold;
	margin              : 0;
	padding             : 0 5px;
	line-height         : 13px;
	text-align          : center;
	text-transform      : uppercase;
}
table.dominios tr:hover {
	background          : #CCC;
}
table.dominios td {
	font-size           : 100%;
	font-weight         : normal;
	line-height         : 1.2em;
	text-align          : center;
}
div.encabezado {
	clear:both;
	height:259px;
	width:742px;
}
div.encabezado3 {
	background:url(images/p_04.gif);
	float:left;
	height:180px;
	width:560px;
}
form.formBuscarDominios table {
	font-weight:bold;
	margin:120px auto 0 10px;
	width:220px;
}
form.formBuscarDominios td {
	color:#369;
	font-size:10px;
	text-align:left;
	vertical-align:middle;
}
form.formBuscarDominios input#nombreDominio {
	width: 8em;
}
div.linea {
	background:url(images/b-b1.gif) repeat-x;
	clear:both;
	height:6px;
	margin-left:1px;
	width:739px;
}
ul.listaplanes, ul.listaplanes ul {
	margin-left: 30px;
}
ul.listaplanes a {
	border-bottom       : 1px dashed #e34000;
}
div.main {
	background: white;
	border:1px solid #888;
	margin:10px auto;
	min-height:755px;
	padding:1px;
	width:742px;
}
div.marcoGris {
	background: url(images/f1.gif) no-repeat;
	margin-bottom:5px;
	height:42px;
	width:306px;
}
.menuizq {
	clear:left;
	float:left;
	width:182px;
	height:180px;
}
.menuizq>div {
	background-repeat:no-repeat;
	height:36px;
	margin: 0;
	text-align:left;
	vertical-align:middle;
	width:182px;
}
.menuizq>div>div {
	font-size: 75%;
	margin: 0;
	padding:10px 0 0 40px;
}
div.planes {
	float:left;
}
div.plan1, div.plan2, div.plan3, div.plan4 {
	background: url(images/m-dr.gif) repeat-y;
	height:110px;
	width: 249px;
}
div.plan1 {
	margin: 0 0 0 2px;
}
div.plan2, div.plan3, div.plan4 {
	margin: 2px 0 0 2px;
}
div.plan1 li, div.plan2 li, div.plan3 li, div.plan4 li {
	list-style-image: none;
}
div.plan1>div, div.plan2>div, div.plan3>div, div.plan4>div {
	background: url(images/m-t.gif) no-repeat top;
	height:100%;
	width:100%;
}
div.plan1>div>div, div.plan2>div>div, div.plan3>div>div, div.plan4>div>div {
	background: url(images/m-b.gif) no-repeat bottom;
	height:100%;
	width:100%;
}
div.plan1>div>div>div, div.plan2>div>div>div, div.plan3>div>div>div, div.plan4>div>div>div {
	float:left;
	width:160px;
}
div.plan1>div>div>div>div, div.plan2>div>div>div>div, div.plan3>div>div>div>div, div.plan4>div>div>div>div {
	height:34px;
	margin-left:3px;
	padding-top:3px;
	width:152px;
}
div.plan1>div>div>div>div>div>div, div.plan2>div>div>div>div>div>div, div.plan3>div>div>div>div>div>div, div.plan4>div>div>div>div>div>div {
	font-size:14px;
	font-weight:bold;
	margin-left:14px;
	padding-top:-5px;
}
div.plan1>div>div>div+div, div.plan2>div>div>div+div, div.plan3>div>div>div+div, div.plan4>div>div>div+div {
	float:left;
	width:88px;
	text-align:center;
}
div.plan1>div>div>div+div>div, div.plan2>div>div>div+div>div, div.plan3>div>div>div+div>div, div.plan4>div>div>div+div>div {
	background:none;
	color:#9ECC4D;
	font-size:150%;
	font-weight:bold;
	height:35px;
	margin-top:5px;
	width:88px;
}
div.plan1 ul, div.plan2 ul, div.plan3 ul, div.plan4 ul {
	font-family:verdana;
	font-size:10px;
	line-height:0.8em;
	color:#878787;
	margin-left:4px;
}
div.plan1 li, div.plan2 li, div.plan3 li, div.plan4 li {
	list-style-type:none;
	margin: 4px 0px 0px 0px;
	padding:0px 0px 0px 8px;
}
div.plan1 li span:before, div.plan2 li span:before, div.plan3 li span:before, div.plan4 li span:before {
	content             : "- ";
	font-size           : 8px;
}
div.plan1 a, div.plan2 a, div.plan3 a, div.plan4 a {
	font-size           : 9px;
}
div.plan1 div.masInfo, div.plan2 div.masInfo, div.plan3 div.masInfo, div.plan4 div.masInfo {
	background          : url(images/more.gif) no-repeat;
	font-size           : 5px;
	height              : 22px;
	margin              : 2px 10px 0 10px !important;
	padding             : 4px 0 0 0;
	width               : 69px;
}
div.plan1 div.borde { border-top:4px solid #9ECC4D; }
div.plan2 div.borde { border-top:4px solid #F48C05; }
div.plan3 div.borde { border-top:4px solid #4B7DAE; }
div.plan4 div.borde { border-top:4px solid #FF0000; }

div.plan1 .color, div.plan1 .color a { color:#9ECC4D; }
div.plan2 .color, div.plan2 .color a { color:#F48C05; }
div.plan3 .color, div.plan3 .color a { color:#4B7DAE; }
div.plan4 .color, div.plan4 .color a { color:#FF0000; }

div.plan1 .color a:hover             { color:#008000; }
div.plan2 .color a:hover             { color:#B26306; }
div.plan3 .color a:hover             { color:#000080; }
div.plan4 .color a:hover             { color:#800000; }

div.terminos {
	padding             : 0.5em;
	width               : 430px;
}
div.terminos p {
	padding             : 0;
	font-weight         : normal;
	text-indent         : 1.5em;
	text-align          : justify;
}
div.terminos ol.terminos {
	font-weight         : normal;
	list-style-position : inside;
	list-style-type     : decimal;
	padding             : 0;
	margin              : 0;
}
div.terminos li.terminos {
	font-weight         : bold;
	padding             : 5px 0;
}
div.terminos li.terminos li {
	font-weight         : normal;
	padding             : 0;
}
div.terminos ol p {
	padding             : 0;
	margin              : 0;
}
div.terminos ol ol {
	font-weight         : normal;
	list-style-type     : lower-alpha;
	list-style-position : outside;
	padding             : 0 1em;
	margin              : 0;
}
div.terminos ol ol ol {
	font-weight         : normal;
	list-style-type     : lower-roman;
	list-style-position : outside;
	padding             : 0 1em;
	margin              : 0;
}
p.terminos a {
	border-bottom       : 1px dashed #e34000;
}
.texto {
	color:#707070;
	font-size:11px;
	line-height:13px;
	vertical-align:top;
}
div.titulo {
	background: url(images/t1.gif) no-repeat;
	color:#555;
	font-size:11px;
	font-weight:bold;
	margin-left:18px;
	padding-left:22px;
	text-transform:capitalize;
}
div.wrapper {
	overflow            : auto;
}
div.wrapper form {
	margin              : 1px auto;
}
/*************************************************************
 * Estilos para el WHMCS                                     *
 *************************************************************/
div.clientarealinks, div.contentbox {
	line-height         : 2em;
	margin              : 20px;
	padding             : 10px;
	text-align          : center;
}
div.clientarealinks {
	border              : 1px #AAA dashed;
	color               : #555555;
}
div.contentbox {
	background-color: #f7f7f7;
	border: 1px dashed #cccccc;
}
table.frame {
	border: 1px solid #8FBCE9;
	margin:5px auto;
	padding: 0px;
	width: 700px;
}
div.headertext {
	font-size:110%;
	font-weight:normal;
	margin:0px 15px 10px 15px;
}
div.heading {
	color               : #65A5E6;
	font-size           : 150%;
	font-weight         : bold;
	margin              : 25px 15px 10px 15px;
}
tr.orderheadingrow {
	background-color: #5AB9F1;
	color: #ffffff;
}
tr.orderrow1 {
	background-color: #E8F0F9;
	color: #000000;
}
tr.orderrow2 {
	background-color: #D6E4F6;
	color: #000000;
}
div.topnavbar {
	margin: 0 auto;
	text-align: center;
	width : 100%;
}
div.topnavbar a, div.contentbox a {
	border-bottom: 1px dashed #e34000;
	margin       : 0 8px;
}
div.topnavbar form {
	display:inline;
	margin-left:30px;
	margin-right:0;
}



.fieldarea {
	background-color: #EFF2F9;
	text-align: right;
}

.clientareatable {
	background-color: #cccccc;
	margin:0 auto 10px auto;
	max-width: 98%;
	min-width: 80%;
}
.clientareatable td {
	background-color: white;
}

tr.clientareatableheading {
	background-color: #efefef;
	font-weight: bold;
	text-align: center;
}

tr.clientareatableactive {
	background-color: #ffffff;
	text-align: center;
}

tr.clientareatablepending {
	background-color: #ffffcc;
	text-align: center;
}

tr.clientareatablesuspended {
	background-color: #ccff99;
	text-align: center;
}

tr.clientareatableterminated {
	background-color: #ff9999;
	text-align: center;
}

tr.supportticketsheading {
	background-color: #efefef;
}

tr.supportticketscontent {
	background-color: #ffffff;
}

.errorbox {
	border: 1px dashed #cc0000;
	font-weight: bold;
	background-color: #FBEEEB;
	text-align: center;
	width: 90%;
	padding: 10px;
	color: #cc0000;
	margin-left: auto;
	margin-right: auto;
}

.domaincheckeravailable {
	color: #669900;
}

.domaincheckerunavailable {
	color: #cc0000;
}
