.tail-top{ width:100%; background:url(images/top.gif) repeat-x #3c4049}
.tail-bottom{text-align:center; width:100%;  background:url(images/bot.gif) repeat-x bottom}
.right_bgd { position:absolute; top:0; right:0; width:50%; height:145px; background:url(images/tall_top_right.gif) left top repeat-x}

.col-1, .col-2, .col-3, .col-4, .col-5{ float:left}
/*======= width =======*/
.main{margin:0 auto; text-align:left; width:980px; position:relative }

/*======= header =======*/
#page1 #header {height:420px;  background:url(images/top1.jpg) no-repeat top center}
#header {height:257px;  background:url(images/top1.jpg) no-repeat top center}

/*======= index.php =======*/
#page1 #content .col-1{ width:230px; margin-right:55px}
#page1 #content .col-2{ width:241px; margin-right:52px}
#page1 #content .col-3{ width:231px}
#page1 .bg{ background:url(images/tail.gif) repeat-y 260px top}
#page1 .bg1{background:url(images/tail.gif) repeat-y 553px top}
/*======= index-1.html =======*/
#page2 #content .col-1{ width:230px; margin-right:55px}
#page2 #content .col-2{ width:241px; margin-right:52px}
#page2 #content .col-3{ width:231px}
#page2 .bg{ background:url(images/tail.gif) repeat-y 260px top}
#page2 .bg1{background:url(images/tail.gif) repeat-y 553px top}
/*======= webhosting.php =======*/
#page3 #content .col-1{ width:220px; margin-right:25px}
#page3 #content .col-2{ width:564px}
#page3 .bg{ background:url(images/tail.gif) repeat-y 233px top}
/*======= dominios.php =======*/
#dominios #content .col-1{ width:220px; margin-right:25px}
#dominios #content .col-2{ width:564px}
#dominios .bg{ background:url(images/tail.gif) repeat-y 233px top}
#wrapper {
	width: 550px;
	margin: 0 auto;
	padding: 10px;
	overflow: hidden;
}
.bar {
	height: 85px;
}
.bar2 {
	height: 80px;
	width: 550px;
	margin: 0 auto;
}
.leftbar {
	float: left;
	width: 270px;
	padding: 1px;
	text-align: center;
}
.rightbar {
	float: right;
	width: 270px;
	padding: 1px;
	text-align: center;
}
/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* Boton Registro de dominio */
.registrar {
	float: left;
	width: 265px;
	height: 75px;
	margin: 0 auto;
	}
 
.registrar a {
	width: 265px;
	height: 75px;
	display: block;
	margin: 0;
	padding:0;
	overflow:hidden;
	color:#039;
	text-decoration: none;
	background-image: url(images/dominios/registrar.png);
	}
.registrar span {
	display: block;
	margin:0; padding: 0;
	}
.registrar a:hover {
	background-image: url(images/dominios/registrar_hover.png);
	color:#00CC00;
	}

/* Boton Transferencia de dominio */
.transferir {
	float: right;
	width: 265px;
	height: 75px;
	}
 
.transferir a {
	width: 265px;
	height: 75px;
	display: block;
	margin: 0;
	padding:0;
	overflow:hidden;
	color:#039;
	text-decoration: none;
	background-image: url(images/dominios/transferir.png);
	}
.transferir span {
	display: block;
	margin:0; padding: 0;
	}
.transferir a:hover {
	background-image: url(images/dominios/transferir_hover.png);
	color:#00CC00;
	}
	
/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

/* Boton plan todo incluido */
.plantodo {
	float: center;
	width: 550px;
	height: 74px;
	margin: 0 auto;
	}
 
.plantodo a {
	width: 550px;
	height: 74px;
	display: block;
	margin: 0;
	padding:0;
	overflow:hidden;
	color:#039;
	text-decoration: none;
	background-image: url(images/dominios/plantodo.png);
	}
.plantodo span {
	display: block;
	margin:0; padding: 0;
	}
.plantodo a:hover {
	background-image: url(images/dominios/plantodo_hover.png);
	color:#00CC00;
	}

/*======= index-3.html =======*/
#page4 #content .col-1{ width:205px; margin-right:44px}
#page4 #content .col-2{ width:238px; margin-right:40px}
#page4 #content .col-3{ width:281px}
#page4 #content .col-4{ width:151px}
#page4 #content .col-5{ width:130px}
#page4 .bg{ background:url(images/tail.gif) repeat-y 229px top}
#page4 .bg1{background:url(images/tail.gif) repeat-y 508px top}
/*======= index-4.html =======*/
#page5 #content .col-1{ width:230px; margin-right:55px}
#page5 #content .col-2{ width:241px; margin-right:52px}
#page5 #content .col-3{ width:231px}
#page5 .bg{ background:url(images/tail.gif) repeat-y 260px top}
#page5 .bg1{background:url(images/tail.gif) repeat-y 553px top}
/*======= sobre_nosotros.php =======*/
#nosotros #content .col-1{ width:240px; margin-right:45px}
#nosotros #content .col-2{ width:523px;}
#nosotros .bg{ background:url(images/tail.gif) repeat-y 260px top}


/*======= footer =======*/
#footer { height:90px; }