/***********************************************/ 
/*             CSS SW 2010                     */
/* CSS2 style sheet  ++++  XHTML tag styles    */
/*          Edited with HTML Kit               */
/*    Hugo Enrique Flores González             */
/*           lenox21@gmail.com                 */
/***********************************************/ 
/*       Antonio Calderon Jeronimo             */
/***********************************************/ 
/*       Hector Hernandez                      */
/***********************************************/ 
/* HTML tag styles                             */
/***********************************************/

/*@charset "UTF-8";*/
/* CSS Document */

html{
height:100%;
/*overflow-x:hidden;*/
/*overflow-y:scroll;*/
overflow: auto;
}

body {
	font:normal 10pt Arial;	
	text-align: center;
	padding:0px;
	margin:0px;
	background: url(../images/fondo_web.jpg) fixed;
}

img{border: 0px;}
em{font-style:italic;}
#pagecontainer{
	margin:0px auto 0px auto;
	padding:0px 0px 0px 0px;
	width: 950px;
	text-align: left;
	display:block;
}

#imagenflotanteizq{
  width:924px;
	height:146px;
  padding:0px 0px 0px 0px;
	margin:0px 0px -146px -924px;
	display:block;
	float:left;
	position:relative;
	z-index:0;
  background: url(../images/ladoizq.jpg) no-repeat left bottom;
}
#imagenflotanteder{
  width:910px;
	height:146px;
	padding:0px 0px 0px 0px;
	margin:0px -910px -146px 0px;
	float:right;
	position:relative;
	z-index:0;
  background: url(../images/ladoder.jpg) no-repeat right bottom;
}

/***********************************************/
/*************** Layout Divs *******************/
/***********************************************/

/*---------------- SEGMENT 2 ------------------*/
#segment2 {
  width:950px;
	height:auto;
	display: block;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	position:relative;
	clear:both;
}
#content{
  width:950px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	float: left;
	position:relative;
	z-index:1;
	color:#FFFEFF;
	font:normal 9pt Arial;
	text-align:center;
}
#portafolio_up{
  width:950px;
	height:142px;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	float:left;
	overflow:hidden;
}
#logo-portafolio{
  width:185px;
	height:142px;
	float:left;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
}
.direccion_seweb{
  width:266px;
	height:142px;
	float:left;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
}
#contenedor_clientes{
  width:195px;
	height:142px;
	float:left;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
}
#texto_clientes{
  width:195px;
	height:45px;
	float:left;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
}
#imagen_cambiante{
  width:177px;
	height:82px;
	float:left;
	padding:7px 9px 8px 9px;
	margin:0px 0px 0px 0px;
  background: url(../images/clientes-destacados-seweb.jpg) no-repeat left top;
}
#featured-logos{
  width:177px;
	height:82px;
	float:left;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
  overflow:hidden;
}
#plasmando_ideas{
  width:304px;
	height:142px;
	float:left;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
}

#siguenos{
  position: fixed;
  right: 0;
  top: 200px;
  width:83px;
  height:116px;
  padding:0px 0px 0px 0px;
	background:gray; 
	z-index:400;
}
#content h1{
		 color: #FFF;
		 background-image: none;
		 padding: 0px 0px 8px 0px;
		 margin: 6px 0px 6px 0px;
		 display:block;
		 clear:both;
		 width:auto;
		 height:24px;
		 font:normal 12pt Arial;
		 text-transform:uppercase;
		 text-align:center;
	}
#content h1 span{
		 color: #DF8F02;
		 font:bold 13pt Arial;
		 padding-left:100px;
	}	
#content strong.remarcado{
		 color: #000;
		 font:bold 13pt Arial;
	}		
	
	#content #content_comercial{
   color:#FEFFFF;
	 width:499px;
	 height:270px;
	 font:normal 9pt Arial;
	 background:#366C9A;
	 padding:0px 10px 0px 10px;
	 margin:0px 0px 0px 0px;
}

/********************* Formulario ***********************/				
				#formulario{
				  margin:0px 0px 0px 0px;
					padding:54px 0px 0px 6px;
					width:501px;
					height:425px;
					float:left;
					clear:both;
					background: url(../images/contacto_titulo.jpg) no-repeat left top;
				}
				        b{
				  color:#6E6E6E;
				}
				.line{
				  margin:0px 0px 0px 0px;
					padding:0px 0px 9px 117px;
					width:355px;
					height:20px;
					float:left;
					clear:both;
				}
				.line2{
				  margin:0px 0px 0px 0px;
					padding:0px 0px 5px 11px;
					width:462px;
					height:auto;
					float:left;
					font:normal 14px Arial;
					color:#FFF;	
				}
					.cajas{
				  margin:0px 0px 0px 0px;
					padding:0px 0px 0px 0px;
					width:233px;
					height:17px;
					float:left;
					border:0px;
					background:#366C9A;
					color:white;
				}
				.cajas2{
				  margin:0px 0px 0px 0px;
					padding:0px 0px 0px 0px;
					width:233px;
					height:85px;
					float:left;
					border:0px;
					background:#366C9A;
					color:white;
				}
				#boton_enviar{
				   clear:both;
					 padding:0px 0px 0px 370px;
					 margin:-42px 0px 0px 0px;
					 float:left;
					 width:69px;
					 height:18px;	
					 position:relative;
					 z-index:1;			 
				}
				#div_info{
				   padding:8px 0px 0px 0px;
					 margin:0px 0px 0px 0px;
					 float:left;
				}
				#div_info a,#div_info a:link,#div_info a:visited{
					 color:#FFF;
				}				
				#div_info a:hover{
					 text-decoration:none;
					 color:#FFF;
				}						
				#div_comentario{
				   padding:0px 0px 9px 117px;
					 margin:0px 0px 0px 0px;
					 height:100px;
				}
				
/*clases para precarga*/
.loading{
  background: url(../images/loading.gif) no-repeat center center;
	z-index:10000;
}
.loaded{
  background: none;
}
/*************************************************************************/
#contenido_sumario{
  width:950px;
	height:auto;
	float:left;
	padding:0px;
	margin:0px;
	clear:both;
	text-align:justify;
}
#contenido_sumario h1{
  	font:normal 10pt Arial;	
}
#contenido_sumario strong{
  	font:bold 10pt Arial;	
}