/*
 default stylesheet
*/
@import url( 'plugins.css' );

/* GLOBAL STYLES */

body,table{background-color:#FBFBFB;color:#666666;font-size:0.78em;font-family:Verdana, Arial, sans-serif; }

body{margin: 0 0 0 0; background:#C3E9FC url(img/bg.jpg) top repeat-x;}

/* ------ HEADINGS / TITLES ------ */
h1 {
	font-size: 12px;
	font-weight: bold;
	color: #FF6600;
	margin-bottom: 10px;
}
h2 {
	font-size: 14px;
	font-weight: bold;
	color: #0066FF;
	
}

h3,h4 {
	font-size: 14px;
	font-weight: bold;
	color: #FF6600;
	margin-bottom: 1px;
}
	
.alignleft {float: left; margin: 5px 5px 0 0;}
.alignright {float: right; margin: 5px 0 0 5px;}
.prod_icon {margin-top: -5px; margin-right: -10px;}


.input, select, textarea{border:1px solid #B0C4DE;font:0.917em Arial, sans-serif;}
.submit{font:1em Arial, sans-serif;cursor:pointer;}
.hide{display:none;}

a{background-color:inherit;color:#FF3300;text-decoration:underline;}
a:hover{background-color:inherit;color:#3399FF;text-decoration:underline;}

.clear{clear:both;height:0px;font-size:0px;line-height:0px;}
.skiplink{position:absolute;top:-500px;left:0px;overflow:hidden;}
.left{text-align:left;}
.center{text-align:center;}
.right{text-align:right;}
img
{
  border:0;
  margin: 0;
}



#cont-top{width:100%;  margin: 1px 0 0 0;  background:  url('img/bgtop.jpg') left bottom;  background-repeat: no-repeat;  background-position: top;  }
#cont-med{float:left;width:100%; background: #E0F7FF;}

#cont-medio{width:1000px; margin:0 auto; text-align:left; background:  url('img/main.png') ;  background-repeat: no-repeat;    }
	


/* HEADER WITH TOP MENU ABOVE LOGO */
#head1{float:right;width:100%;margin:0 0 0px;background:#f3edd6;}



/* LOGO, HEADER BACKGROUND AND SLOGAN */
#head2{width: 980px; height:100px; margin-left: auto;  margin-right: auto;   }
#logo{width:130px;padding:0px 0 0;}
#logo h1{float:left;width:100%;padding:12px 0 6px;border-top:0px solid #66563e;border-bottom:1px solid #66563e;background:#513c1e;text-align:center;font-size:1px;line-height:1px;}
#login-form-header{ border:0; position:absolute; top:0; left:50%; width:350px; height:0px; margin-left:130px; z-index:99999; text-align:right; overflow:hidden; background: url(images/login-bg_03.png) repeat-x top left;}
#login-header{ border:0; position:absolute; top:0px; width:105px; margin-left:375px; left:50%; z-index:99999; display:block; overflow:hidden;height:27px;}
.close-login{ border:0; position:relative; width:30px; height:27px; left:0px; float:left; display:block; margin-left:10px; z-index:10000000; }
.btn-login-header{ background:#000 url(images/login-bg_03.png) repeat-x; border:1px solid #FFF; padding:3px 5px; color:#FFF;}
input.login-header{ border:1px solid #FFF; font-size:11px; color:#333;}

#ayuda{float:left;width:130px;height:100px;padding:6px 0 0;}

/* NAVIGATION PATH - TREE */
#navipath{position:absolute;top:170px;clear:left;}
#navipath a{background-color:inherit;color:Yellow;text-decoration:none;}
#navipath a:hover{text-decoration:underline;}

/* HEADER WITH TOP MENU UNDER LOGO */
#head3{width: 980px;  margin-left: auto;  margin-right: auto;     }



 


/* RIGHT COLUMN STYLES */
#contenido{float:left;   padding: 0 20px;  background:inherit;color:#404040;  }
.resaltado {
	font-size: 12px;
	font-weight: bold;
	color: #FF1E00;
}


#page{float:right;display:block;width:630px; margin:0 0px 0 0;padding:0 0 10px 0  ;text-align:left;}




.pages{padding:8px 0;text-align:right;}







/* --------------------------------------------- */

#dominios{
width:960px;
height: 50px; 
margin:0 auto; 
text-align:left; 
background:  url('images/fondominio.jpg') ; 
}

.textdom{
width:390px;
height: 20px; 
float:left;

padding: 30px 0 0 14px ;
text-align:left; 
font-size: 11px;
color:  #E0E0E0;
}

.dominiosform{
width:390px;
height: 40px; 
float:right;
margin:4px 20px; 
text-align:left; 
background:  url('images/bg-form.png') ; 
}



input{
	float:left;
	background:url(images/form-input.png) no-repeat;
	width:207px; height:26px;
	margin: 6px 0 0 10px; 
	padding: 2px 0 0 10px;
	color:#0066CC; font-size:1em;
	border: none;
}
select{
	float:left;
	background:url(images/domsel.png) no-repeat;
	width:67px; height:26px;
	margin: 7px 0 0 10px; 
	padding: 5px 0 0 0;
	color:#0066CC; font-size:1em;
	border: none;
}

   option {background-color: #EDEDED
	border: none;
	}

#registrar{
	float:left;
	padding:0;
	background:url(images/form-buscar.png) bottom center no-repeat;
	width:31px;height:31px;
	
}
/* Hover a nuestro Boton 
   No funciona en IE6(no se por qué lo siguen usando xD) */
#registrar:hover{
	background-position:0 0;
	
}



/* ------ PRODUCT BOXES ON HOMEPAGE ------*/
#home_products {
	margin: 0 0 2px;
	width: 960px;
	height: 360px;
	background: url(images/fondo-productos.png) top center no-repeat;
}
.prodbox {
	width: 247px;
	padding: 18px 29px 20px;
	float: left;
	margin-left: 15px;
	margin-top: 13px;
	display: inline;
}
	.box1 {margin-left: 10px;}
	.box2 {margin-left: 10px;}
	.box3 {margin-left: 10px;}
	
	.prodbox p.prod_desc {
	width: 247px;
		margin-top: 0px;
		color: #7c7c7c;
		margin-bottom: 4px;
		float: left;
		
	}
	.split_prod {
		margin-bottom: 0px;
		text-align: center;
	}
	.prod_speclist {
		color: #353535;
		list-style-image: url(images/list_dot_prod.gif);
		line-height: 1.5;
		margin-left: 0px;
	}
	.prod_startingat {
		margin: 0;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 18px;
		font-weight: 100;
		color: #ff4f00;
		padding: 0;
		margin-top: -10px !important;
	}
	.prod_startingat span {
		display: none;
	}
	#starting_20 {
		background: url(images/starting_20.gif) left center no-repeat;
		width: 150px;
		margin: 0;
		height: 30px;
	}
	#starting_110 {
		background: url(images/starting_110.gif) left center no-repeat;
		width: 150px;
		margin: 0;
		height: 30px;
	}
	#starting_250 {
		background: url(images/starting_250.gif) left center no-repeat;
		width: 150px;
		margin: 0;
		height: 30px;
	}
	.prod_infobutton, .prod_orderbutton {
		height: 31px;
		width: 114px;
		display: block;
		margin: 14px 0;
	}
	.prod_infobutton a {
		height: 40px;
		width: 114px;
		display: block;
		background: url(images/home_prodbox_infobutton.jpg) top center no-repeat;
	}
	.prod_infobutton a:hover {
		background: url(images/home_prodbox_infobutton.jpg) bottom center no-repeat;
	}
	.prod_infobutton span, .prod_orderbutton span {display: none;}
	
	.prod_orderbutton a {
		height: 40px;
		width: 114px;
		display: block;
		background: url(images/bo-ordenar.png) top center no-repeat;
	}
	.prod_orderbutton a:hover {
		background: url(images/bo-ordenar.png) bottom center no-repeat;
	}
	
	.prod_moreinfo {
		height: 30px;
		line-height: 30px;
		vertical-align: middle;
		margin-top: 20px;
		font-weight: bold;
		
	}
	#web_hosting {
	background: url(images/virtual_private_servers.gif) left top no-repeat;
	margin-left: 20px;
	width: 150px;
	height: 22px;
}
#diseno_web {
	background: url(images/hybrid_servers.gif) left top no-repeat;
	width: 150px;
	height: 22px;
}
#marketing {
	background: url(images/dedicated_servers.gif) left top no-repeat;
	width: 150px;
	height: 22px;
	}
	
	
#b-botones{
width:980px;

padding: 0;
float:left;

}

.img-boton {
	width: 242px;
	float: left;
	
}


	/*------------------FOOTER--------------------------*/


#pie{
width:100%;
height:120px;
background:Black;  
color:#CCCCCC;
float:left;

}

#footer{
width:980px;
height:120px;
background:Black url(images/pie.jpg)  ;  
margin-left: auto;  margin-right: auto;

}
#footer_copy{
width:200px;

float:left;
color:#CCCCCC;
padding-left:10px;
padding-top:30px;
}


/*----MENU FOOTER-------*/


.footer_menu{
margin-left:20px;
margin-top:10px;
float:left;
}
.footer_menu ul{
margin:0;
padding:0;
}
.footer_menu li{
list-style:none;
margin-top:4px;
}
.footer_menu li a{
text-decoration:none;
height:16px;
padding-top:3px;
padding-bottom:5px;
}
.footer_menu li a:hover{
text-decoration:none;
color: #999999;
height:16px;
padding-top:3px;
padding-bottom:5px;
}
li.tutorials a{
color: #29AAE2;
}
li.blog a{
color: #754C29;
}
ul.submenu{
border-left:1px #999999 dashed;
}
li.submenu a{
color: #666666;
padding-left:3px;
}
li.checked a{
color: #666666;
padding-left:15px;
margin-left:3px;
background:url(images/checked.png) no-repeat left;
}
li.sitemap a{
color: #CCCCCC;
padding-left:15px;
margin-left:3px;
background:url(images/sitemap.png) no-repeat left;
}
li.contact a{
color: #666666;
padding-left:15px;
margin-left:3px;
background:url(images/email.png) no-repeat left;
}
li.rss a{
color: #666666;
padding-left:15px;
margin-left:3px;
background:url(images/feed.png) no-repeat left;
}
#about{
width:410px;
height:80px;
float:left;
font-size:10px;
color:#CCCCCC;
padding:5px;
}
#about_title{
width:400px;
float:left;
font-size:10px;
color:#CCFFFF;
padding:5px;

}
#about a{
text-decoration:none;
color: #FF6600;
}

/* --------------------------------------------- */
/********************************* planes hosting *************************************/



.pro {
	width: 480px;
	height: auto;
	font-size: 11px;
	border: 1px solid #FFF;
	margin: 20px 2px 4px 36px;
	background: #F2F4EB;
	float: left;
	display: block;
	 padding: 20px 100px 20px 100px;
	
}


.pro a {
	width: 350px;
	font-size: 11px;
	height: auto; 
	color: #036;
	text-decoration: none;
	display: block;
	line-height: 18px;
	float: left;
	text-align: left;
	margin: 4px 3px 4px 3px;
	text-indent: 16px;
}
.pro a:hover {
	
	color: #3995AA;
}
.pro .caracteristica_no {
	font-size: 12px;
	color: #F00;
	font-weight: bold;
	letter-spacing: -0.05em;
	padding: 0 8px 0 0;
}

.pro .caracteristica_si {
	font-size: 12px;
	color: #0082FF;
	font-weight: bold;
	letter-spacing: -0.05em;
	padding: 0 8px 0 0;
}

.fplanes {
	width: 760px;
	
	margin: 0 0 0 100px;

	padding: 10px 100px 10px 0;
   display: block;
	float: left;


}

.planes {
	width: 402px;
	background: url("images/fondoplanes.png") no-repeat;
	height: 280px;
	font-size: 10px;
	margin: 10px 0px 4px 40px;
	padding: 0 10px;
   display: block;
	float: left;

}
.bgplanes {
	
	width: 400px;
	height: 46px;
	text-align: left;
	padding: 0 0 0 4px;
	margin: 0px;
	
}
.planes h1 {
	font-size: 11px;
	color: #18798D;
	text-decoration: none;
	padding: 4px 0 1px 0;
	margin: 0;
}
.planes p {
	padding: 0;
	margin: 0 0 6px 0;
}
.precio {
	font-size: 24px;
	color: #F00;
	font-weight: bold;
	letter-spacing: -0.05em;
	padding: 0 8px 0 0;
}
.texto {
	font-size: 12px;
	color: #CC0000;
	line-height: 20px;
	font-weight: normal;
}
.planes ul {
	margin:1px;
	padding:0 0 0 4px;
}

.planes li {
	padding: 0;
	list-style-image: url("images/list_dot_prod.gif");
	list-style-type: none;
	list-style-position: inside;
	color: #484848;
}

.planes ul.infor li {
	padding: 0;
	list-style-image:none;
	list-style-type: none;
	list-style-position:outside;
}

.planes .resaltar {
	color: #339900;
	font-weight:bold;
	
}
.planes .resaltar2 {
	color: #0082FF;
	font-weight:bold;
	font-size: 17px;
}
.planes .adc{
	font-size: 11px;
	display: block;
	width: 200px;
	color: #333;
	margin: 0 4px 2px 4px; 
	padding: 0;
	float: left;
	text-align: left;
}


.planes .adc-prc{
	font-size: 11px;
	display: block;
	width: 150px;
	color: #F30;
	font-weight: bold;
	margin: 0 4px 2px 4px; 
	padding: 0;
	float: left;
	text-align: left;
}

.planes .adc2{
	font-size: 11px;
	display: block;
	width: 60px;
	color: #333;
	margin: 0 4px 2px 4px; 
	padding: 0;
	float: left;
	text-align: left;
}
.planes .adc-prc2{
	font-size: 11px;
	display: block;
	width: 300px;
	color: #004FFF;
	font-weight: bold;
	margin: 0 4px 2px 4px; 
	padding: 0;
	float: left;
	text-align: left;
}
.planes a {
	
	color: #0058AC;
	text-decoration: none;
   font-size: 12px;
	
}



.planes a:hover {
	
	color: #FF6600;
}

.planes .ordenar a {
		height: 40px;
		width: 114px;
		display: block;
		background: url(images/bo-ordenar.png) top center no-repeat;
		margin-right: 90px;
	}
	.planes .ordenar a:hover {
		background: url(images/bo-ordenar.png) bottom center no-repeat;
	}
	
	
.planes .masinfo a {
				
	 
		float: left;
		margin-top: 10px;
		margin-left: 90px;
				font-size: 12px;
				font-weight:bold;
		}
		
		
		
.planes img {
	margin: 6px 0 0 0;
	padding: 0;
	float: left;
	border: none;
}
.planes img.win {
	margin: 20px 0;
	padding: 0;
	float: left;
	border: none;
}
.links {
	background: url("images/bglinks.jpg") no-repeat;
	width: 265px;
	height: 92px;
	text-align: left;
	border: 1px solid #FFF;
	margin:4px 3px 1px 4px;
	padding: 0;
	float:left;
}
.links img {
	margin: 0 4px 0 0;
	padding: 0;
	float: left;
	border: none;
}
.links .subt {
	font-size: 10px;
	color: #666;
	padding: 4px 0 1px 0;
	display: block;
}
.links a {
	font-size:14px;
	color:#10658D;
	font-weight:bold;
	text-decoration:none;
	padding:8px 0 1px 0;
	display:block;
}
.links a:hover {
	color:#F60;
}


#diseno-web {
	background: url('images/bgdiseno-web.jpg') no-repeat;
}
#hosting {
	background: url('images/bghosting.jpg') no-repeat;
   margin: 20px 0px 4px 36px;
	padding: 0 20px;
	height:  auto;

	}