@charset "utf-8";
/* CSS Document */
/* -------------------------------------------------------------
	Outsourcing enbolivia.com
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
	Description: Diseño basado en CSS 2
	Designer   : Eva Jiménez Choque
	E - mail   : eva.jmnz@gmail.com
	Filename   : style.css
	Version    : 2.0
	Date       : Oct 20, 2008 
------------------------------------------------------------- */
* {
	margin: 0;
	padding: 0;
}
body {
	 font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	 font-size: 12px;
  	 /*background:#FFFFFF url(../images/bg.jpg) repeat-x;*/
	 color: #999393;
}

/*..··..··..··..··..··..··..··..··..··..··..··..··..··..··..··..··..··..··..
..··..··..··..··..··..··.. Estructura del template ..··..··..··..··..··..··.
..··..··..··..··..··..··..··..··..··..··..··..··..··..··..··..··..··..··..*/
#bgleft {
	width: 50%; 
	height: 273px; 
	position: absolute; 
	left: 0; 
	top: 0; 
	z-index: 0;
	background-image:url(../images/izq.jpg);
}
#bgright {
	width: 50%; 
	height: 273px; 
	position: absolute; 
	right: 0; 
	top: 0; 
	z-index: 0;
	background-image:url(../images/der.jpg);
}

#container{
	width:1000px;
	margin:0 auto;
	overflow:auto;
  	background:url(../images/header.jpg) top center no-repeat;
	position: relative;
	z-index:1;
}
	#menu{
		width:990px;
		float:left;
		clear:both;
		color:#FFFFFF;
		height:115px;
		/*padding:5px 5px 0 5px;*/
	}
		#menu span{
			float:right;
			clear:both;			
		}
		.outsourcing{
			width:320px;
			text-align:center;
			color: #FF9900;
			font-style:italic;
			font-size:14px;
			float:right;
			clear:both
			}

		.enlace{
			width:100px;
			height:30px;
			background-color:#00FFCC;			
		}
	#intro{
		width:500px;
		float:left;
		clear:both;
		color: #F9DAC3;
		margin:0;
		padding:10px;
		height:130px;
		overflow:hidden;
	}
	#intro h1{
		font-size:16px;
		margin:0 0 5px 0;		
	}

	.content{
		width:480px;
		float:left;
		padding:10px;
	}
		.content h1, #content2 h1{
			font-size:20px;
			color:#E46715;
			background:url(../images/hr.jpg) left bottom no-repeat;
			margin:5px 0 10px 0;
			padding:0 0 3px 0;
			float:left;
			clear:both;
			width:100%;
		}
		.content h2, #content2 h2{
			font-size:16px;
			color:#999393;
			margin:10px 0;
		}
		.content h3, #content2 h3{
			font-size:14px;
			color:#999393;
			margin:10px 0;
			font-style:italic;
		}
		.content img, #content2 img{
			float:left;
			margin:0 10px 10px 0;
		}
		.content img.der, #content2 img.der{
			float: none;
			clear:both;
			
			margin:0 0 10px 10px;
		}
		
	.block{
		width:425px;
		margin:0 auto;
		background:url(../images/center.jpg) top center repeat-y;
	}
	.block_content{
		padding:0 20px;
		margin:0;
	}
	div#top{
		width:425px;
		background:url(../images/top.jpg) top center no-repeat;
		margin:0;
	}
	div#bottom{
		width:425px;
		background:url(../images/bottom.jpg) top center no-repeat;
		margin:0;
	}
/* Para el template interior*/	
	#content2{
		width:780px;
		float:left;
		padding:10px;
	}
	#content3{
		width:200px;
		float:left;
		text-align:center;
		margin:15px 0 0 0;
		/*padding:10px;*/		
	}
/* fin template interior*/
	#footer{
		width:1000px;
		float:left;
		clear:both;
		text-align:center;
		background:url(../images/foot.jpg) top center no-repeat;	
		padding:20px 0 0 0;
		margin:10px 0 0 0;
		line-height:14px;
	}
	
/*..··..··..··..··..··..··..··..··..··..··..··..··..··..··..··..··..··..··..
..··..··..··..··..··..··..   Estilos adicionales   ..··..··..··..··..··..··.
..··..··..··..··..··..··..··..··..··..··..··..··..··..··..··..··..··..··..*/
ul{
	list-style:url(../images/list.jpg);
	margin:10px 10px 10px 20px;
}
p{
	margin:0 0 10px 0;
}
a{
	color:#DA7926;
	text-decoration:none;
}
a:hover{
	text-decoration:underline;
}
img.iconos{
	margin:0 4px 0 0; 
}
h4{
	font-weight:bold;
	font-size:14px;
	color:#FF9900;
}
a:hover img{
	filter:alpha(opacity=65);
	-moz-opacity:0.65;
	-khtml-opacity: 0.65;
	opacity: 0.65;
}

.resaltado{
	width:750px;
	margin:10px 0;
	border:1px dotted #FFCC66;
	background-color:#FEF7EB;
	padding:10px;
	overflow:auto;
	height:auto;
}
	.resaltado img{
		margin:0 10px 0 0;
	}
.sistemas{
	width:auto;
	margin:0 5px 0 0;
	border:1px dotted #FFCC66;
	background-color:#FEF7EB;
	padding:10px;
	float:right;
	text-align:center;
}
	.sistemas img{
		width:200px;
		height:130px;
		overflow:hidden;
		margin:0 0 5px 0;
		float:none;
		clear:both;
	}
	.sistemas h4{
		background-color:#FFFFFF;
		border-top:1px dotted #FFCC66;
		border-bottom:1px dotted #FFCC66;
	}
	
.centro{
	text-align:center;
}

/*table tr td p a img{
	border:1px solid #FF9900;
}*/

table tr td p{
	width:240px;
	height:200px;
	overflow:hidden;
	border:1px solid  #CCCCCC;
	text-align:center;
}

table tr td div p{
	width:auto;
	height:auto;
	border:0;
	text-align:left;
}

table tr td div img{
	float:left;
}

input, textarea{
	border:1px solid #FFCC66;
	color:#000000;
	padding:3px;
}

/*-----------  Bloque Clientes ----------*/

	.clientes{
		width:157px;
		margin:0 auto;
		background:url(../images/bg_cli.jpg) top center repeat-y;
	}
	.clientes_content{
		padding:0 5px;
		margin:0;		
	}
	div#top_cli{
		width:157px;
		background:url(../images/top_cli.jpg) top center no-repeat;
		margin:0;
		padding:0;
	}
	div#bottom_cli{
		width:157px;
		background:url(../images/bottom_cli.jpg) bottom center no-repeat;
		margin:0;
		padding:0;
	}	

/*------------  fin bloque   ------------*/

a img{
	border:0;
}

.titulo_web{
	background:url(../images/web_site.jpg) top right no-repeat;
	float:left;
	clear:both;
	width:780px;
	margin:10px 0;
	height:auto;
}


.titulo_app{
	background:url(../images/web_app.jpg) top right no-repeat;
	float:left;
	clear:both;
	width:780px;
	margin:10px 0;
	height:70px;
}
h1 a{
	width:auto;
	float:left;
}
h1 span{
	text-align:right;
	font-style:italic;
	margin:0 10px 0 0;
	float:right;
	font-size:14px;
}
h1 p{
	margin:0;
	padding:0;
}

div.titulo_app span{
display:block;
float:left;
margin:0 0 0 10px;
}
.compartir{
float:right; background-color:#FFCC66; width:125px; height:17px; padding:5px;
}