/*User specific*/
body {
	font-size: 10px;
	background-image: url(images/bg.png);
	background-repeat: repeat-x;
	text-align: center;
	margin:auto;
font-family: Arial, Verdana, Helvetica, sans-serif;
font-size:11px;
color:#444444;
background-color:  #8ADAF4;
}
hr {
	display: none;
}
#main-shadow {
	width: 100%;
	background-image: url(images/shadow.png);
	background-position: top center;
	background-repeat: no-repeat;
}
.wrapper, .wrapper-b {
	width: 800px;
	margin: 0 auto;
}
.wrapper {
	padding: 0px;
	background-image: url(images/border-vertical.png);
	background-repeat: repeat-y;
	text-align: left;
}
.l {
	background-position: -10px 0px;
}
.r {
	background-position:790px 0px;
}
.wrapper-b {
	height: 10px;
	background-image: url(images/border.png);
	background-repeat: no-repeat;
	background-position: -10px -8px;
}
.br {
	background-position:790px -8px;
}
.bl, #main-container {
	width: 780px;
	
}
.bl {
	background-repeat: repeat-x;
	background-position: 0px -26px;
}
#main-container {
	margin-left: 10px;
}
.container-b {
	height: 9px;
	background-image: url(images/border-bottom.png);
	background-repeat: no-repeat;
	background-position: -9px 0px;
}
.cr {
	background-position: 780px 0px;
}
.cl {
	margin-left: 9px;
	margin-right: 9px;
	background-repeat: repeat-x;
	background-position: 0px -9px;
}
#header {
	width: 780px;
	height: auto;
	background-color: White;
}



/*Antiguo*/

h1{
font-size:15px;
color:#D24500;
padding:5px;
margin:3px;

font: bold;
}
h2{
font-size:13px;
color:#666666;
margin:0px;
padding:3px;
}
h3{
font-size:14px;
color:#666666;
margin:0px;
padding:3px;
}
h4{
font-size:12px;
color: #CE6700;
margin:0px;
padding:3px;
font-weight:normal;
}
.clear {
clear:both;

height:4px;
}
#main_content{
	width:764px;
	height:auto;
	margin:auto;
	background-color:#F6F6EE;
	border:8px #FFFFFF solid;
	
}
#top_banner{
width:780px;
height:280px;

}
img.logo{
padding-left:15px;
padding-top: 15px;
float: left;
}
/*------top menu---------*/

.nav {position: absolute;height: 70px;width: 570px;margin:8px 0;overflow: hidden;}
.nav li {float: right;list-style: none;}
.nav li.back {background: url("images/hover.png") no-repeat right top;height: 50px;z-index: 8;position: absolute;}
.nav li.back .left {background: url("images/hover.png") no-repeat left top;height: 50px;margin-right:15px;}
.nav li a {	z-index: 10;position: relative;overflow: hidden;float:left;}
.nav li a:hover, .nav li a:active, .nav li a:visited {border: none;}
#nav {height:78px;width:560px;position:relative; font-size:11px;z-index:500;padding-top:18px;margin:0 0 0 200px; text-decoration:none;  }
#nav li {float:left;margin:0 2px 0 2px;}
#nav a {height:15px;display:block;text-transform:uppercase;font-size:12px;font-weight:bold;color:#386892;padding:12px 13px 15px 16px; text-decoration:none;}
#nav a:hover {color:#000;}
#nav a span {color:#00AAAC;display:block;font-size:10px;}



/* banner swf */

div#hp_swf_banner{
  height:200px;
  margin-top:10px;
  background:url(images/banner.jpg) no-repeat;
  /*background-color:red;*/
  }
 /* baner y soporte */
 #banersop{
 clear:both;
width:780px;
height:200px;
background-color:#FFFFFF;
color:#000000;

 
 }
  
/* cliente  seccion derecha */

.span{float:left;}
.w-35{width:284px}
.w-53{width:476px}


div#hp_cliente{
	float:left;
	display:inline;
  margin-top:0px;
  height:200px;display:inline;
  margin-left:10px;
  background-color:green;
  background:url(images/hp_cliente_bg.png) repeat-x top left;
  }

div#hp_cliente div.l{
  width:7px;
  height:200px;
  background:url(images/hp_cliente_bg_l.png) no-repeat top left;
  }
div#hp_cliente div.r{
  width:7px;
  height:200px;
  background:url(images/hp_cliente_bg_r.png) no-repeat top right;
  }
  
div#hp_cliente div.c{
	float:left;
  width:270px;
  height:200px;
  }
  
div#hp_cliente div.support{
  width:270px;
  height:100px;
	float:left;
	display:inline;
  margin-top:2px;
  }
div#hp_cliente div.c div.support h2{
  font-size:1.333em;
  font-weight:bolder;
  color:#699100;
  float:left;
	display:inline;
  margin-top:0px;
  width:270px;
	text-align:left;
  }
  
  div#hp_cliente div.c div.fono,div#hp_cliente div.c div.skype,div#hp_cliente div.c div.msn{
    width:135px; 
    height:64px;
    margin-top:10px;
    }

  div#hp_cliente div.c div.fono,div#hp_cliente div.c div.skype
	{
    background:url(images/hp_support_sep.jpg) no-repeat top right;
  }
        
  div#hp_cliente div.c div.fono p{
    background:url(images/hp_icon_fono.png) no-repeat center right;
    height:60px;
    font-size:1.2em;
		font-weight:bolder;
    color:#009CE8;
    line-height:1.2em;
		text-align:left;
    }
	div#hp_cliente div.c div.fono p span.telefono{
		float:left;
    font-size:.76em;
    color:#4D6215;
    width:80px;
    }
    
    div#hp_cliente div.c div.fono p span{
      font-size:.68em;
      color:#4D6215;
      }
    
  
div#hp_cliente div.dominios{
  float:left;
	display:inline;
	width:270px;
  height:98px;
  margin-top:2px;
  }

div#hp_cliente div.dominios h2{
	float:left;
	display:inline;
  margin-top:10px;
  margin-left:5px;
  color:#534731;
	font-weight:bolder;
  font-size:1.4em;
  }
	div#hp_cliente div.dominios h2.rojito{
	color:#DC143C;
  }
  
div#hp_cliente div.dominios div.input{
	display:inline;
  margin-left:10px;
  margin-top:1px;
  background:url(images/hp_dominios_input_bg.png) no-repeat top left;
  height:40px;
  width:150px;
  }

div#hp_cliente div.dominios div.input input{
	float:left;
	display:inline;
  margin-top:1px;
  width:144px;
  height:22px;
  padding:0px;
  border:0px;display:inline;
  margin-left:3px;
  background:url(images/hp_dom_input_bg.png) repeat-x;
  font-size:1.4em;
  }
  
div#hp_cliente div.dominios input.submit{
  display:inline;
	float:left;
	margin-top:10px;
  margin-left:3px;
  }
  
div#hp_cliente div.dominios div.check{
  clear:both;
  margin-left:10px;
  font-size:1.4em;
  color:#72664E;
  }
  
  div#banner-promocion
{
  float:left;
  display:inline;
  margin-top:0px;
  margin-left:0px;
  background:url(images/banner-promocion.jpg) no-repeat;
  width:476px;
  height:200px;
}


/*msn chat*/
div#hp_cliente div.c p.tit{ float:left;text-align:left; color:#009CE8;font-weight:bolder; margin-left:7px; margin-top:2px; width:100px; display:inline;}
div#hp_cliente div.c a.en-spy{display:inline;text-align:left;float: left; width:50px;background:url(images/hp_msn.png) no-repeat top right; height:40px; padding-top:5px; color:#4D6215; font-size:10px; padding-right:40px; padding-left:5px;}
div#hp_cliente div.c a.msn{display:inline;text-align:left;float: left; width:50px;background:url(images/hp_msn2.png) no-repeat top right; height:40px; padding-top:5px; color:#4D6215; font-size:10px; padding-right:40px; padding-left:5px;}

/*----page content----*/
#page_content{
width:700px;
height:auto;
margin:auto;
}
#page_content_left{
width:350px;
height:auto;
float:left;
padding:10px;


}
#page_content_right{
width:350px;
height:auto;
float:left;
padding:10px;

}
.title{
font-size:16px;
color:#808080;
clear:both;
padding-left:10px;
}
.content_text{
font-size:11px;
color:#333333;
height:auto;
text-align:justify;
padding:8px;
}
img.pic{
padding:0px;
margin-right:10px;
margin-bottom:10px;
border:5px #FFFFFF solid;
float:left;
}
img.map_pic{
padding:0px;
margin:10px;
border:5px #FFFFFF solid;
float:right;
}
img.gallery{
padding:0px;
margin:8px;
border:5px #FFFFFF solid;
float:left;
}
.more{
width:auto;
float:right;
height:20px;
}
.link_more a{
width:auto;
float:left;
text-decoration:none;
color:#990000;
font-size:12px;
padding:3px 23px 0 5px;
}
.link_more a:hover{
text-decoration:underline;
}
img.more{
float:left;
}
#page_bottom{
width:830px;
clear:both;
padding:10px;
height:auto;
}
img.inspiration{
padding:2px;
margin:3px;
border:2px #FFFFFF solid;
}


/*------contact form------*/
#login{
float:left;
width:auto;
padding:10px 10px 0 30px;
color:#666666;
}
.input{
width:140px;
height:12px;
font-size:10px;
float:left;
}
.textarea{
width:140px;
height:50px;
font-size:10px;
float:left;
}
.submit{
float:left;
margin-left:30px;
margin-top:5px;
}




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


#footer{
clear:both;
width:780px;
height:110px;
background-color:#FFFFFF;
color:#000000;
border-top:1px #666666 dashed;

}
#footer_copy{
width:200px;
height:110px;
float:left;
background:url(../images/footer.jpg) no-repeat left top;
padding-left:10px;
}
#footer_tutorials{
width:250px;
height:110px;
float:left;
padding-left:10px;
}

/*----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: #000000;
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: #666666;
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:300px;
height:80px;
float:left;
font-size:10px;
color:#666666;
padding:5px;
}
#about_title{
width:300px;
float:left;
font-size:10px;
color:#FFA500;
padding:5px;

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



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

#contenido {
	width: 760px;
	background: transparent url('images/bgcontenido.png') no-repeat top;
	
	text-align: left;
	float: center;
	padding: 0;
	margin: 0;
	border-left: 30px;
}
#contenido p {
	margin: 5px auto;
	padding: 0;
	clear: both;
}
#contenido p.tit {
	font-size: 12px;
	font-weight: bold;
	text-transform: uppercase;
	color: #21738D;
	letter-spacing: 0.08em;
	margin: 5px;
	padding: 0;
	clear: both;
}

#contenido img.forma-pago {
	border: 1px solid #FFF;
	padding: 0;
	margin: 4px 6px 4px 8px;
}

#contenido p.parauso {
	font-size: 12px;
	font-weight: bold;
	text-transform: uppercase;
	color:#990000;
	letter-spacing: 0.08em;
	margin: 5px;
	padding: 0;
	clear: both;
}

#contenido p.parauso span{
	margin:0;
	padding:0;
	width:275px;
	display:block;
	float:left;
}

#contenido p.parauso strong{
	margin:0;
	padding:0;
	float:left;
}
/********************************* planes hosting *************************************/



.pro {
	width: 480px;
	height: auto;
	font-size: 10px;
	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;
}

.planes {
	width: 320px;
	height: auto;
	font-size: 10px;
	border: 1px solid #FFF;
	margin: 2px 2px 4px 36px;

	background: #F2F4EB;
	float: left;
	display: block;
}
.planes .bgplanes {
	background: url("images/bgplanes.jpg") no-repeat;
	width: 320px;
	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;
}
.planes .precio {
	font-size: 18px;
	color: #F00;
	font-weight: bold;
	letter-spacing: -0.05em;
	padding: 0 8px 0 0;
}
.planes .texto {
	font-size: 12px;
	color: #F30;
	line-height: 20px;
	font-weight: normal;
}
.planes ul {
	margin:1px;
	padding:0 0 0 4px;
}

.planes li {
	padding: 0;
	list-style-image: url("images/bullet.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: #F30;
	font-weight:bold;
}
.planes .adc{
	font-size: 11px;
	display: block;
	width: 150px;
	color: #333;
	margin: 0 4px 2px 4px; 
	padding: 0;
	float: left;
	text-align: left;
}
.planes .adc2{
	font-size: 11px;
	display: block;
	width: 44px;
	color: #333;
	margin: 0 4px 2px 4px; 
	padding: 0;
	float: left;
	text-align: left;
}
.planes .adc-prc2{
	font-size: 11px;
	display: block;
	width: 126px;
	color: #F30;
	font-weight: bold;
	margin: 0 4px 2px 4px; 
	padding: 0;
	float: left;
	text-align: left;
}
.planes .adc-prc{
	font-size: 11px;
	display: block;
	width: 90px;
	color: #F30;
	font-weight: bold;
	margin: 0 4px 2px 4px; 
	padding: 0;
	float: left;
	text-align: left;
}
.planes a {
	background: url('images/bgboton.jpg') no-repeat;
	width: 78px;
	font-size: 11px;
	height: auto; 
	color: #036;
	text-decoration: none;
	display: block;
	line-height: 18px;
	float: left;
	text-align: center;
	margin: 4px 3px 4px 3px;
	text-indent: 16px;
}
.planes a.contratar {
	color: #F30;
	font-weight: bold;
}

.planes a.masplanes {
	background: url('images/bgbotonver.jpg') no-repeat;
	width: 105px;
	font-size: 11px;
	height: 24px; 
	color: #036;
	text-decoration: none;
	display: block;
	line-height: 18px;
	float: left;
	text-align: center;
	margin: 4px 3px 4px 3px;
	text-indent: 16px;
	
}

.planes a.masplanes:hover {
	background: url('images/bgbotonver_over.jpg') no-repeat;
}

.planes a:hover {
	background: url('images/bgboton-over.jpg') no-repeat;
	color: #3995AA;
}
.planes img {
	margin: 0 4px 0 0;
	padding: 0;
	float: left;
	border: none;
}
.planes img.win {
	margin: 6px;
	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;
	height:  auto;

	}
#dominios {
	background: url('images/bgdominios.jpg') no-repeat;
	
	
	
	}
	/*}}}*/