* { margin:0; padding:0;}
.clear { clear:both;}
body {font-size:0.6875em; line-height:1.5; background:url(../images/fondo.jpg) repeat-x; text-align:center; }
html, input, textarea{	font-family:Arial;	color:#444544;	}	



/*======= width =======*/
.main{
width:780px; margin:0 auto; text-align:center; border:0PX #FFFFFF solid; background:#fff; color:#7A7A7A; 
 }
/*======= header =======*/
/*Intro*/
body#intro{ text-align:center; background:#000000; margin-top:50px;}
.contenedor_intro{ width:510px; height:300px; margin:0 auto; clear:both;}
a.contenedor_boton:link,a.contenedor_boton:visited { padding:0;  display:block;  width:220px; height:39px; margin:0 auto; clear:both; background:url(../images/botonentrar.jpg) no-repeat left top; line-height:42px; font-size:15px; color:#FFFFFF; margin-top:10px;} 




#header {height:305px; width:780px;}
#header { background:url(../images/top.jpg) no-repeat right top  }
#header .pic{ margin:24px 0 0px 232px;}
/*======= footer =======*/
#footer { height:127px; width:100%; float:right; clear:both; background:url(../images/fondopie.jpg) no-repeat top center; margin-top:20px; color:#FFFFFF; position:relative; margin-top:15px; }
#footer  p{ padding-top:15px;}
#footer  p.azul{ color:#296BC5; margin-top:10px; *margin-top:30px;}
.paarriba { display:block; position:absolute; top:90px; right:0px; width:65px; height:22px; background:url(../images/boton_arriba.jpg) no-repeat left center; padding-left:15px; *padding-left:28px;}
/*Estilos*/
a img{ border:0px}
img{ margin:2px; }

b{color:#0454a8;}
a:link, a:visited{color:#0690DA; text-decoration:underline} 
a:hover{  text-decoration:none; color:#AD0202;}

ul{margin:5; padding:0; list-style:none; line-height:20px}
ul li{background:url(../images/more_bg.gif) left center no-repeat; margin:0px; padding-left:20px; }
ul li a{color:#0454a8; }

input{ background:#dbe4f0;   border:1px solid #a0abbb;   width:184px; height:21px;   color:#909aa5;   font-size:1em}
textarea{   background:#dbe4f0;   border:1px solid #a0abbb;   width:207px; height:125px;   margin-bottom:10px;   font-size:1em;
   color:#909aa5;   overflow:auto}


/*Quienes somos*/
#contenido{ width:490px; float:left; text-align:justify; padding-right:5px; overflow:hidden; margin-left:10px;  }
#menusecundario{ width:243px; float:left; text-align:left; margin-left:10px;}
			.block_title{ width:242; height:41px; background:url(../images/fondo_titulo1.jpg) no-repeat; line-height:41px;
			text-align:center;  font-weight:700; color:#FFFFFF; margin-left:5px;}
			.block_title strong{ color:#F3F3F3; font-weight:bold;  }
			.proyectos {display:block; float:left; width:225px; margin-top:5px; margin-left:8px; padding-bottom:10px; background:url(../images/sepatador_proyectos.gif) bottom center no-repeat; line-height:12px; font-size:10px;}
			.proyectos img { float:left; margin:2px 5px 2px 2px;  width:56px; height:55px;}
			.bloque_nosotros{ width:471px; background:url(../images/fondo_bloque_inicial.jpg) repeat-x left top #F1F1F1; float:left; margin-left:3px; border:1px #E8E8E8 solid; padding:2px; margin-bottom:10px; }
				.titulos_quienessomos{ display:block; width:100%; height:40px; text-align:left; padding-left:35px; background:url(../images/fondo-titulo-quienes.jpg) no-repeat left center; line-height:40px; color:#0690DA; }
				.contactanos{float:left; clear:both; margin-left:25px;}
				a.miportafolio:link,a.miportafolio:visited{ display:block; width:197px; height:57px; float:left; clear:both; margin-left:25px; *margin-left:11px; margin-top:10px; text-align:center; color:#FFFFFF; font-size:12px; background:url(../images/portafolio_completo.jpg) no-repeat left top; line-height:15px; text-decoration:none;}
				a.miportafolio:hover{color:#00FFFF;}
				
/*Servicios Web*/
.titulos_servicios{ display:block; width:100%; height:40px; text-align:left; padding-left:45px; background:url(../images/fondo_servicios.jpg) no-repeat left center; line-height:40px; color:#0690DA;  }
.fondo_planes{ float:left; margin-left:8px; background:url(../images/fondo_planes.jpg) repeat-x #fff; width:145px; height:192px; padding:5px 2px 2px px;border:1px #ECEFF2 solid;}
.fondo_planes h3, .fondo_planes2 h3{ text-transform:uppercase; color:#FF4200; font-size:14px; text-align:center; }
.fondo_planes h3 strong, .fondo_planes2 h3 strong { text-transform:lowercase; color:#3B4146; font-size:12px;}

.fondo_planes2{float:left; margin:10px 0 5px 8px; background:url(../images/fondo_planes.jpg) repeat-x #000000; width:453px; height:135px; padding:5px 2px 2px px;border:1px #ECEFF2 solid;}

ul.listaplanes{ padding:0; list-style:none; margin-left:5px; }
ul.listaplanes li{background:url(../images/lista_planes.jpg) left center no-repeat; margin:0px; padding:0; padding-left:10px; text-align:left; }
ul.listaplanes li a{color:#0454a8; }
.solicite_cotizacion{margin: 5px auto; text-align:center; display:block; width:208px; height:31px; font-size:14px; color:#fff;
background:url(../images/solicite_cotizacion.jpg) no-repeat; line-height:31px;}
.solicite_cotizacion:link, .solicite_cotizacion:visited {margin: 5px auto; text-align:center; display:block; width:208px; height:31px; font-size:14px; color:#fff;}

/*Portafolio*/
.portafolio{ display:block; float:left; width:180px; height:215px; margin:10px 15px; background:url(../images/fondo_portafolio.gif) no-repeat left top; text-align:center; font-size:10px; color:#5B5B5B; padding-top:3px; }
.portafolio img { width:125px; height:108px; margin:5px 0 0 0; border:1px #CCCCCC solid; }
.portafolio strong { text-transform:uppercase; font-size:10px; color:#0690DA; }


/*Formulario*/
table#formulario{ border:0; text-align:left;}
table#formulario input{ height:17px;   }
table#formulario textarea{ height:157px; position:relative; top:0px; padding:0; margin:0;  }
input#enviar{ width:150px; height:90px; display:block; background:#CC0000; border:1px #CC0000 solid; text-align:center;
  color:#FFFFFF; }