/* CSS Document */

body{
	margin:0; padding:0;
	color:#fff; background:#000;
	}

div, p, h2, h3, ul, li, a, form, input, label, img{
	margin:0;
	padding:0;
	vertical-align: sub;
	word-spacing: normal;
	letter-spacing: normal;
	white-space: normal;
	}
	
.spacer{
	line-height:0; font-size:0; clear:both;
	}
	
/*------------------------------------------Header Start----------------------------------*/

#container{
	margin:0 auto; padding:0 0 0px 0; width:900px; position:relative;
	margin-top:0px; background:#000;
	}

#header{
	width:850px; height:193px; margin:10px 0 0 20px; padding:0 0 0 0; text-align:left;
	background:url(../home_images/bga.gif) repeat-x #000;
	border: solid 1px #fff; color:#ffffff; font: bold 13px Arial, Helvetica, sans-serif;
	float:left; 	
	}
	
#header p{margin-top:12px; font:bold 15px Arial, Helvetica, sans-serif;}
#header h4{ width:400px; margin:85px 0 0 15px; font-family:Verdana;font-size:14px; line-height:18px;}

#apYa {
	width:200px;height:auto;float:right; margin:20px 20px 0 0; padding:10px 0 10px 150px;
	background:url(../home_images/web.gif) no-repeat 0 0 #000000; border-bottom: dotted 1px  #00CCFF;  border-top: dotted 1px  #00CCFF;
	
}
#senior {
	width:170px;height:136px;float:left; margin:0 0 0 45px; padding:0;
	background:url(../home_images/web.gif) no-repeat 0 0 #000000;
}

#top{width:900px; height:30px; background:#FFF; font:normal 14px Arial, Helvetica, sans-serif; float:left;}


#header img{
	position:absolute;
	right:470px;
	top:19px;
	width: 394;
	height: 79px;
	}
	
	
#header img2{
	position:absolute;
	right:275px;
	top:31px;
	width: 394;
	height: 82;
	}
	
#header ul{
	position:absolute;
	left:547px;
	top:146px;
	margin:0;
	padding:0;
	list-style:none;
	}
	
#header ul li{
	width:90px;	margin:0 2px 0 0; float:left; 
	}
	
#header ul li a{
	font:bold 11px/36px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#FFF; text-align:center;text-transform:uppercase; height:32px; display:block;
	background: url(../home_images/corner.png) no-repeat 0 0 #FF9933;
	
	}
#header ul li a.home{
	background: url(../home_images/corner.png) no-repeat 0 0 #fff;
	font:bold 11px/36px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#000; text-align:center; text-decoration:none;
	text-transform:uppercase; 
	}
#header ul li a:hover{
	color:#191919;
	}



/*------------------------------------------Header End----------------------------------*/

/*------------------------------------------Left Start----------------------------------*/

#left{
	width:870px;
	height: auto;
	margin:10px 0 0 10px; 
	padding:0;
	float:left;
	}
		
#boxL{width:210px; height:300px; margin:0 0 0 10px; padding:0;background:#FFF;float:left;}

#boxL2{width:850px;height:auto;margin:15px 0 0 20px; padding:0 0 10px 0;background: url(../imagen/bg_web2.gif) no-repeat 0 0 #fff; background-position:right;border:solid 1px #FF0000; float:left;}

#boxL2 h1{width:500px;margin:20px 0 0 30px; padding:0; font:bold 26px Arial, Helvetica, sans-serif; color: #0066CC; }
#boxL2 h2{width:500px; margin:15px 0 0 50px; padding:0; font:bold 16px Arial, Helvetica, sans-serif; color: #333; font-stretch:expanded; font-weight:400; line-height:25px;} 

#boxL2 p{width:740px; margin:15px 0 10px 15px; padding:5px 0 5px 40px; font:bold 16px Arial, Helvetica, sans-serif; color: #990000; font-weight:400; line-height:25px;background-position:left; border:solid 2px #e1e1e1;}
#boxL2 .voy{background: url(../imagen/punto.gif) no-repeat 0 0 #FFF; background-position:left;}
#boxL2 .por{background: url(../imagen/punto3.gif) no-repeat 0 0 #FFF; background-position:left;}
#boxL2 .mas{background: url(../imagen/punto2.gif) no-repeat 0 0 #FFF; background-position:left;}


#boxL3{width:210px; margin:0 0 0 0; padding:0;height:300px;background: url(../home_images/web_design_service.gif) no-repeat 0 0 #fff; background-position: right; float:left; border-bottom:solid 1px #999;border-right:solid 1px #999;}
 
#boxL4{width:200px; margin:0 0 0 10px; padding:0;height:300px;background:#333; float:left;}

/*------------------------------------------Left End----------------------------------*/

/*------------------------------------------Middle Start----------------------------------*/

#middle{width:870px;height:auto;margin:10px 0 0 10px; padding:0 0 0 0;float:left;}

#boxm{width:210px; margin:0 0 0 10px; padding:0;height:300px;background:#FFF ;float:left;}
#boxm2{width:585px; margin:0 0 0 10px; padding:0;height:340px;background: #FFF; background-position:right; border-top: solid 1px #0000FF;border-bottom: solid 1px #0000FF;border-left: solid 1px #0000FF; float:left;}
#boxm2 p{width:500px; margin:15px 0 0 10px; padding:0 0 0 20px; font:bold 14px Arial, Helvetica, sans-serif; color: #990000; font-weight:400; line-height:18px; background:; background-position:left;}

#boxm2 p.span{ height:50px; padding:0 0 3px 0; text-align:center; background: url(../imagen/parrafo.gif) no-repeat 0 0 #FFF; background-position:bottom;}

#boxm3{width:265px; margin:0 0 0 0; padding:0 0 0 0;height:340px;background: url(../imagen/web_neocios_web.gif) no-repeat 0 0 #FFF; float:left; border-top: solid 1px #0000FF;border-bottom: solid 1px #0000FF;border-right: solid 1px #0000FF;}
#boxm3 p{width:230px; margin:240px 0 15px 25px; padding:0; font:bold 14px Arial, Helvetica, sans-serif; color: #666; font-weight:300; line-height:18px; text-transform:uppercase;}
#boxm3 a{font:bold 14px Arial, Helvetica, sans-serif; text-decoration:underline; color:#0000FF; font-weight:300; line-height:18px;}

#boxm2 h2{width:650px; margin:15px 0 15px 50px; padding:0; font:bold 26px Arial, Helvetica, sans-serif; color: #0066cc; font-weight:400; line-height:35px;}
#boxm4{width:200px; margin:0 0 0 10px; padding:0;height:300px;background:#333; float:left;}



/*------------------------------------------Middle End----------------------------------*/

/*------------------------------------------Right Start----------------------------------*/

#right{width:870px;height: auto; margin:15px 0 25px 10px; padding:0 0 0 0;background: no-repeat 0 0 #000;float:left;}
#right p{width:200px; margin:0; padding:5px 0 0 0; font:bold 14px Arial, Helvetica, sans-serif; color: #666; font-weight:300; line-height:18px; background:; background-position:left;}
	
#boxr{width:599px; margin:0 0 0 10px; padding:0 0 20px 0;height:400px;background:  no-repeat 0 0 #FFF;float:left; border-top:solid 1px #999;border-bottom:solid 1px #999; border-left:solid 1px #999;}
#boxr p{width:500px; margin:0 0 15px 15px; padding:10px 0 0 80px; font:bold 14px Arial, Helvetica, sans-serif; color: #666; font-weight:300; line-height:18px; background: url(../home_images/lupa.gif) no-repeat 0 0 ;background-position:left;}
#boxr p.host{width:500px; margin:0 0 15px 5px; padding:10px 0 0 80px; font:bold 14px Arial, Helvetica, sans-serif; color: #333; font-weight:300; line-height:18px; background: url(../home_images/host.gif) no-repeat 0 0 ;background-position:left;}
#boxr p.box{width:500px; margin:0 0 15px 5px; padding:10px 0 0 80px; font:bold 14px Arial, Helvetica, sans-serif; color: #333; font-weight:300; line-height:18px; background: url(../home_images/box.gif) no-repeat 0 0 ;background-position:left;}
#boxr p.objet{width:500px; margin:0 0 15px 15px; padding:10px 0 0 80px; font:bold 14px Arial, Helvetica, sans-serif; color: #333; font-weight:300; line-height:18px; background: url(../home_images/contacto.gif) no-repeat 0 0 ;background-position:left;}
#boxr2 p{font:normal 16px Arial, Helvetica, sans-serif; width:230px; color:#000;margin:260px 0 0 0;padding:5px 0 0 10px; line-height:20px; text-align:center;}
#boxr2 p.llama{color:#666;margin:0;padding:5px 0 15px 10px;}
#boxr h2{width:550px; margin:25px 0 10px 50px; padding:0 10px; font:bold 30px Arial, Helvetica, sans-serif; color:#0066CC; font-weight:400; line-height:25px;}
#boxr2{width:251px; margin:0; padding:0 0 20px 0;height:400px;background: url(../imagen/negocio_web.gif) no-repeat 0 0 #FFF; float:left; border-top:solid 1px #999;border-bottom:solid 1px #999; border-right:solid 1px #999; text-align:center;}
#boxr3{width:210px; margin:0 0 0 0; padding:0;height:300px;background:#FFF; float:left;}


#boxr4{width:200px; margin:0 0 0 10px; padding:0;height:300px;background:#FFF; float:left;}



#botton{
	width:900px; margin:0; padding:0;float:left; height:5px;background: #FF9933; bottom: 0px;}
/*------------------------------------------Right End----------------------------------*/

/*------------------------------------------Footer Start----------------------------------*/

#footerOutside{
	background:url(..images/footer_bg.gif) repeat-x 0 0 #000000;
	color:#ffffff;  border-top: 1px #fff;
	text-align:center;
	font: normal 12px/14px Arial, Helvetica, sans-serif small-caption 8px;
	}
	
#footer{
	width:820px; height:auto; 
	margin:0 auto; padding:10px 40px;
	background:#000;
	}
#footer h4{ margin:5px 0; font-family:Verdana;font-size:12px; line-height:18px;}


/*------------------------------------------Footer End----------------------------------*/