/* CSS Document */


body {
	margin: 0px 0;
	 margin:0px 0 0 0;
	padding:0 0 0 0;
}


#content {
text-align:left;
width:995px;
margin:auto;
   }

#content4 {
text-align:left;
width:995px;
margin:auto;
   }  
#content_servicios{
text-align:left;
width:990px;
margin:auto;
   }
   
   
 /*top */ 
 #top{
	width:995px;
	height:168px;
	float:left;
	background-image:url(images/top-design3.jpg);
	background-repeat: no-repeat;
	line-height:165px;
	}  
	   
 /*botonera */ 
#botones {
width:995px;
height:29px;
float:left;
margin:0px;
border: 0px;
   }
   
#botones_politicas {
width:995px;
height:29px;
float:left;
margin:0px;
border: 0px;
	background-image:url(images/bk_links.jpg);
	background-repeat: no-repeat;
   }
   
   
#botones {
width:995px;
height:29px;
float:left;
margin:0px;
 border: 0px 

   }   
  /*botonera */ 
  
#botonHome { 
	width:79px;
	height:24px;
	border-style:hidden;
	float:left;
	line-height:29px;
	float:left;
	border-color:#FFFFFF;

     }
#botonquienes { 
	width:152px;
	height:24px;
	border-style:hidden;
	float:left;
	line-height:29px;
	border:0px;
	float:left;
	border-color:#FFFFFF;
     }	 
	 
#botonDisenoWeb { 
	width:126px;
	height:24px;
	border-style:hidden;
	float:left;
	line-height:29px;
	border:0px;
	border-color:#FFFFFF;

     }   
#botonDisenoGrafico { 
	width:146px;
	height:24px;
	border-style:hidden;
	float:left;
	line-height:29px;
	border-color:#FFFFFF;
     }
	 
#botonProgramacionWeb { 
	width:170px;
	height:24px;
	border-style:hidden;
	float:left;
	line-height:29px;
	border-color:#FFFFFF;
     } 
	 
#botonServicios { 
	width:108px;
	height:24px;
	border-style:hidden;
	float:left;
	line-height:29px;
	border-color:#FFFFFF;
     }
#botonPortfolio { 
	width:105px;
	height:24px;
	border-style:hidden;
	float:left;
	line-height:29px;
	border-color:#FFFFFF;
     }  	 

	 
#botonContacto { 
	width:90px;
	height:24px;
	border-style:hidden;
	float:left;
	line-height:29px;
	border-color:#FFFFFF;
     }
	 
             
 /*contenedor para dos columnas y una de ellas con dos filas */ 

 /*boton texto servicios*/
 
 
#servicios {
width:989px;
height:70px;
float:left;
background-image:url(images/fondo_txt.jpg);
background-repeat:no-repeat;
   }
 
#topizq{
	width:603px;
	height:308px;
	float:left;

 }  
	   

#topder{
width:392px;
height:155px;
float:left;
margin: 0px;
background-image:url(images/home_caja_web.jpg);
 }  	   
 
#topder2{
width:392px;
height:155px;
float:left;
margin: 0px;
background-image:url(images/home_caja_programacion.jpg);
	background-repeat: no-repeat;
 } 
 
#topMedioDesign{
width:995px;
height:580px;
float:left;
 } 
 

#topMedioWebTercerizada{
width:995px;
height:500px;
float:left;
 }
 #topMedioPoliticas{
width:995px;
height:430px;
float:left;
 } 
#topMedioServicios{
width:995px;
height:650px;
float:left;
 } 
.intercambios {
	color: #518fd5;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
} 
 #top-intercambio-links{
width:995px;
height:1130px;
float:left;
 } 
 #top-intercambio-links-chico{
width:995px;
height:600px;
float:left;
 } 
 
#top-intercambio-links-grande{
width:995px;
height:700px;
float:left;
 } 
 
 
#topMedioServicios1{
width:497px;
height:650px;
float:left;
 } 


#topMedioServicios2{
width:498px;
height:680px;
float:left;
 } 
 

#topMedioRediseno{
width:995px;
height:500px;
float:left;
 } 
 

#topMedioRediseno1{
width:497px;
height:500px;
float:left;
 } 

#topMedioRediseno2{
width:498px;
height:500px;
float:left;
 } 



#topMedioMantenimiento{
width:995px;
height:500px;
float:left;
 } 
 

#topMedioMantenimiento1{
width:497px;
height:500px;
float:left;
 } 

#topMedioMantenimiento2{
width:498px;
height:500px;
float:left;
 } 

#topMedioEcommerce{
width:995px;
height:830px;
float:left;
 } 
 

#topMedioEcommerce1{
width:497px;
height:830px;
float:left;
 } 

#topMedioEcommerce2{
width:498px;
height:830px;
float:left;
 } 
 
 #topMedioCMS{
width:995px;
height:830px;
float:left;
 } 
 

#topMedioCMS1{
width:497px;
height:830px;
float:left;
 } 

#topMedioCMS2{
width:498px;
height:830px;
float:left;
 } 

 #topMedioFlash{
width:995px;
height:480px;
float:left;
 } 
 

#topMedioFlash1{
width:497px;
height:480px;
float:left;
 } 

#topMedioFlash2{
width:498px;
height:480px;
float:left;
 } 
 
 #topMedioCds{
width:995px;
height:520px;
float:left;
 } 
 
#topMedioCds1{
width:497px;
height:520px;
float:left;
 } 

#topMedioCds2{
width:497px;
height:520px;
float:left;
 } 


#topMedioServicios11{
width:357px;
height:650px;
float:left;
 } 
 
  
#topMedioServicios22{
width:490px;
height:650px;
float:left;
 } 
 
#topMedioProgramacion{
width:995px;
height:500px;
float:left;
 } 
 
#topMedioPortfolio{
width:995px;

float:left;
 } 
#Portfolio01{
width:249px;
height:190px;
float:left;
 } 
 #Portfolio02{
width:249px;
height:190px;
float:left;
 } 
 #Portfolio03{
width:249px;
height:190px;
float:left;
 } 
 #Portfolio04{
width:248px;
height:190px;
float:left;
 } 
 
  
#topMedioPortfolio2{
width:995px;
height:200px;
float:left;

 } 
 #Portfolio05{
width:249px;
height:190px;
float:left;
 } 
  #Portfolio06{
width:249px;
height:190px;
float:left;
 } 
   #Portfolio07{
width:249px;
height:190px;
float:left;
 }  
   #Portfolio08{
width:248px;
height:190px;
float:left;
 } 
 
 
 #topMedioPortfolio3{
width:995px;
height:200px;
float:left;
 } 
 #Portfolio09{
width:249px;
height:190px;
float:left;
 } 
  #Portfolio10{
width:249px;
height:190px;
float:left;
 } 
   #Portfolio11{
width:249px;
height:190px;
float:left;
 }  
   #Portfolio12{
width:248px;
height:190px;
float:left;
 } 
 
 #topMedioPortfolio4{
width:995px;
height:50px;
float:right;
 } 
 
 
 #topMedioPortfolioDet{
width:995px;
height:350px;
float:left;
 } 
  #topMedioPortfolioDetL{
width:995px;
height:480px;
float:left;
 } 
#topMedioPortfolio1{
width:357px;
height:550px;
float:left;
 } 
 #topMedioPortfolioDet1{
width:357px;
height:300px;
float:left;
 } 
  
#topMedioPortfolioDet2{
width:400px;
height:300px;
float:left;
 } 
 
 #topMedioPortfolioDet2L{
width:400px;
height:480px;
float:left;
 } 
 
 
#BajoHome{
width:995px;
height:630px;
float:left;
 }  
 
 
 
/* 4 COLUMNAS */
#contieneFilaBaja{
text-align:left;
width:995px;
margin:auto;
} 

#topMarca{
width:299px;
height:169px;
float:left;
background-image:url(images/home_caja_reg_marca.jpg);
 } 
 
#topHosting{
width:303px;
height:169px;
float:left;
background-image:url(images/home_caja_hosting.jpg);
 } 

#topGrafico{
width:393px;
height:185px;
float:left;
background-image:url(images/home_caja_grafica.jpg);
background-repeat: no-repeat;
 } 
#topGraficoDos{
width:393px;
height:169px;
float:left;
background-image:url(images/home_caja_grafica2.jpg);
background-repeat: no-repeat;
 } 
#topPrePie{
width:100%;
height:78px;
float:left;
background-color:#FFFFFF;
 } 
#piealineado{
text-align: center;
	 } 
	 
#piealineado2{
text-align: center;
	 } 
	 
#piepiealineado{
padding-left:220px;
padding-right:220px;
	 } 

/* 4 COLUMNAS */
#col0 {
	clear:both;
	width:70px;
	float:left; 
	}   
	
#col1 {
	width:40px;
	height:156px;
	float:right; 
	}   
#col1b {
	width:40px;
	height:156px;
	float:right; 
	} 	
#col2 {
	
	width:282px;
	height:156px;
	float:right; 
	}
	
#col2b {
	
	width:282px;
	height:156px;
	float:right; 
	}
	#col2GRAF {
		width:282px;
	height:156px;
	float:right; 
	}
#col3 {

	width:70px;
	height:156px;
	float:right; 
	}
	
#col3b {

	width:70px;
	height:156px;
	float:right; 
	}
 #col4 {

	width:70px;
	height:156px;
	float:right; 
	}   
 #colhostIN {
	width:199px;
	height:156px;
	float:right; 
	}   
	
#col5 {

	width:10px;
	height:156px;
	float:right; 
	}      
	
#col5b {
width:40px;
	height:156px;
	float:right; 
	} 
	
#colFALTA {

	width:70px;
	height:156px;
	float:right;  
	}        	
 #colMark {

	width:195px;
	height:156px;
	float:right; 
	}   
	
#col6 {
	width:70px;
	height:156px;
	float:right; 
	}      
#col7 {
	width:10px;
	height:156px;
	float:right; 
	}      
		
	 	 	
	/* PIE */
	
#pie {
	clear:both;
	background-image:url(images/pie.jpg);
	width:100%;
	height:36px;
	float:left; 
	}    
	
.txt-pie {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666666;
	text-decoration: none;
	line-height:36px;
}

	

.titulos {
	font-family: Arial, Helvetica, sans-serif;
	text-align: left;
	font-size: 13px;
	color: #ff7f00;
	text-decoration: none;
		line-height:13px;
		margin-top:15px;
 	}
	
.titulosBajosHome {
	font-family: Arial, Helvetica, sans-serif;
	text-align: left;
	font-size: 13px;
	color: #ff7f00;
	text-decoration: none;
		line-height:13px;
		margin-top:0px;
 	}
	
	.textos_azul {
	font-family: Arial, Helvetica, sans-serif;
	text-align: right;
	font-weight: normal;
	line-height:15px;
	font-size: 12px;
	color: #518fd5;
	text-decoration: none;
	text-align: left;
  	}
	
	
	.textos_azul_politicas {
	font-family: Arial, Helvetica, sans-serif;
	text-align: right;
	font-weight: normal;
	line-height:15px;
	font-size: 12px;
	color: #518fd5;
	text-decoration: none;
	text-align: left;
	padding-left:30px;
  	}
		.textos_azul_bold {
	font-family: Arial, Helvetica, sans-serif;
	text-align: right;
	font-weight: bold;
	line-height:12px;
	font-size: 11px;
	color: #518fd5;
	text-decoration: none;
	text-align: left;
  	}
	
	.textos_azul3 {
	font-family: Arial, Helvetica, sans-serif;
	text-align: right;
	font-weight: bold;
	font-size: 12px;
	color: #518fd5;
	text-decoration: none;
	margin-left:70px;
	margin-right:70px;
	text-align: left;
	}
		.textos_naranja4 {
	font-family: Arial, Helvetica, sans-serif;
	text-align: right;
	font-weight: bold;
	font-size: 16px;
	color: #ff9933;
	text-decoration: none;
	margin-left:80px;
	margin-right:70px;
	text-align: left;
	}
	
	
	.textos_azul4 {
	font-family: Arial, Helvetica, sans-serif;
	text-align: right;
	font-weight: bold;
	font-size: 12px;
	color: #518fd5;
	text-decoration: none;
	margin-left:80px;
	margin-right:70px;
	text-align: left;
	}
	.textos_negros {
	font-family: Arial, Helvetica, sans-serif;
	text-align: right;
	font-weight: normal;
	font-size: 12px;
	color: #000000;
	text-decoration: none;
	text-align: left;
	padding: 5px;
  	}
.textos_negros_nopadd {
	font-family: Arial, Helvetica, sans-serif;
	text-align: right;
	font-weight: normal;
	font-size: 12px;
	color: #000000;
	text-decoration: none;
	text-align: left;
	padding: 0px;
  	}
	
.textos_negros_nopadd11 {
	font-family: Arial, Helvetica, sans-serif;
	text-align: right;
	font-weight: normal;
	font-size: 11px;
	color: #000000;
	text-decoration: none;
	text-align: left;
	padding: 0px;
  	}
	.textos_negros_servicios {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 11px;
	color: #383838;
	padding-top:33px;
	padding-left:5px;

  	}	
	
	/* LINKS PRE PIE */
.a,a:link,a:active,a:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #ff9933;
	text-decoration: none;
	border:0px;
	border-style: none;
		}
		
	/* LINKS SERVICIOS */
a.servicios:link, a.servicios:visited, a.servicios:hover {
	font-family: Arial, Helvetica, sans-serif;
	text-align: right;
	font-weight: normal;
	line-height:15px;
	font-size: 12px;
	color: #518fd5;
	text-decoration:underline;
	text-align: left;
		}
	a.cero:link, a.cero:visited, a.cero:hover {
	border:0px;
	border-style:hidden;
	border-color:#FFFFFF;
		}	
		
		

	/* LINKS TITULOS DEL DIRECTORIO */

a.directorios:link, a.directorios:visited, a.directorios:hover {
	font-family: Arial, Helvetica, sans-serif;
	text-align: right;
	font-weight: bold;
	font-size: 16px;
	color: #ff9933;
	text-decoration: none;
	text-align: left;
	}


	/* otras secciones*/
	/* diseņo web*/
#foto-diseno-web{
	background-image:url(images/web-design.jpg);
	background-repeat: no-repeat;
	width:383px;
	height:443px;
	float:left; 
	}
#foto-disenoweb-tercerizado{
	width:383px;
	height:443px;
	float:left; 
	}
	
#foto-contacto{
	background-image:url(images/foto_contacto2.jpg);
	background-repeat: no-repeat;
	width:383px;
	height:443px;
	float:left; 
	}
	
#fondo-links{
	width:383px;
	height:443px;
	float:left; 
	padding-left:15px;  
	
	}		
#foto-quienes{
	width:397px;
	height:443px;
	float:left; 
	}		
#foto-diseno-graf{

	width:400px;
	height:338px;
	float:left; 
	}
	
	
#foto-programacion{

	width:400px;
	height:338px;
	float:left; 
	}
#foto-diseno-webDOS{
	background-image:url(images/web-design.jpg);
	background-repeat: no-repeat;
	width:383px;
	height:500px;
	float:left; 
	}	
#txt-diseno-web{
	background-image:url(images/fondo_diseno_web2.jpg);
	background-repeat: no-repeat;
	width:578px;
	height:560px;
	float:right; 
	}	
	
#txt-diseno-web-empresas{
	background-image:url(images/fondo_diseno_web2.jpg);
	background-repeat: no-repeat;
	width:578px;
	height:460px;
	float:right; 
	}
	
	
#txt-contacto-web{
	width:578px;
	height:560px;
	float:right; 
	}		
	
#txt-diseno-grafi{
	background-image:url(images/fondo_diseno_graf.jpg);
	background-repeat: no-repeat;
	width:578px;
	height:560px;
	float:right; 
	}
	
#txt-politicas{
	width:578px;
	height:560px;
	float:right; 
	}		
#txt-programacion{
	background-image:url(images/fondo_programacion.jpg);
	background-repeat: no-repeat;
	width:578px;
	height:500px;
	float:right; 
	}	
#txt-quienes{
background-image:url(images/fondo_quienes.jpg);
background-repeat: no-repeat;
	width:560px;
	height:500px;
	float:right; 
	}		
	

	
#DOSNUEVENUEVE{
width:299px;
height:169px;
float:left;
background-image:url(images/home_caja_reg_marca.jpg);
 } 
 
#contenidosbajos{
text-align:left;
width:901px;
height:169px;
margin:auto;
} 


.tabla_borde_nar {
	BORDER-RIGHT: #ff9933 1px solid; 
	BORDER-TOP: #ff9933 1px solid; 
	FONT-SIZE: 11px; 
	BORDER-LEFT: #ff9933 1px solid; 
	COLOR: #ff9933; 
	BORDER-BOTTOM: #ff9933 1px solid; 
	FONT-FAMILY: verdana, Arial, Helvetica, sans-serif; 
	BACKGROUND-COLOR: #ffffff;
	padding: 20px 20px 20px 25px;
}


.CajaFondoGris {
background-color:#f4f4f4;
}



#texto_port{ 
margin-top:32px; 
margin-left:10px; 
float:left; 
border-left:#ffffff 9px solid; 
width:300px; 
font-weight:bold; 
height:207px;}


#titulo_portfolio{ 
margin-left:10px; 
width:300px; 
height:20px; 
padding-top:5px; 
padding-left:5px;  
background:#f3f3f3; 

}

#port{ 
margin-top:15px; 
margin-left:10px; 
float:left;  
background:#FFFFFF; 
 width:300px; 
 font-size:12px; 
 border-bottom:#CCCCCC 1px dashed;}
#port1{ 
margin-top:15px; 
margin-left:10px; 
float:left;  
background:#FFFFFF; 
 width:300px; 
 font-size:12px; 
 border-bottom:#CCCCCC 1px dashed;}
 
 #port2{ 
margin-top:15px; 
margin-left:10px; 
float:left;  
background:#FFFFFF; 
 width:300px; 
 font-size:12px; 
 border-bottom:#CCCCCC 1px dashed;}

 #port3{ 
margin-top:15px; 
margin-left:10px; 
float:left;  
background:#FFFFFF; 
 width:300px; 
 font-size:12px; 
 border-bottom:#CCCCCC 1px dashed;}
 
 #port4{ 
margin-top:15px; 
margin-left:10px; 
float:left;  
background:#FFFFFF; 
 width:300px; 
 font-size:12px; 
 border-bottom:#CCCCCC 1px dashed;}
 

#port5{ 
margin-top:15px; 
margin-left:10px; 
float:left;  
background:#FFFFFF; 
 width:300px; 
 font-size:12px; 
 border-bottom:#CCCCCC 1px dashed;}
 
.port{ 
margin-top:15px; 
margin-left:10px; 
float:left;  
background:#FFFFFF; 
 width:300px; 
 font-size:12px; 
 border-bottom:#CCCCCC 1px dashed;}
#ports{ margin-top:15px; 
margin-left:10px; 
float:left;  
background:#FFFFFF;  
width:100%; 
color:#999999; 
font-size:12px; 
width:275px; 
padding:4px; font-weight:100;}



#ports2{ margin-top:15px; 
margin-left:10px; 
float:right;  
background:#FFFFFF;  
width:560px;
font-size:12px; 
padding:4px; 
background-image:url(images/fondo_quienes.jpg);
background-repeat: no-repeat;
}

.float-right {
float: right;
border: 0px;
}

.float-left {
float: left;
border: 0px;
}


.float-right-port {
float: right;
width:400px;
border: 0px;
}
.border {
border: 0px;
}