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

body {
	font: 75% Arial, Helvetica, sans-serif;
	background-color:#272624;
	color:#333;
	line-height:18px;

}
h2{
	color:#333;
	font-size:1.5em;
}
	h2 a{text-decoration:none}
	img.titleCol{
		float:left;	
	}
	h2 {		
		padding-top:30px;
		padding-left:60px;
		margin-bottom:15px;
		display:block;		
	}
	h2.section, h3.section {	
		background:#fff url(../images/fondo_titulos.jpg) repeat-x 0 top;		
		padding:6px 10px;
		overflow:hidden;
		margin-bottom:15px;
		height:28px;
		font-size:1.385em;
		color:#333;
		display:block;		
	}
	h3.section {	
		margin-top:29px;	
	}	

p{margin-bottom:14px;}	
a{
	color:#333;
	text-decoration:underline;
}

/**Main divs**/
#container{
	width:998px;
	margin:0 auto;
	clear:both;	
}
#logoPpal{
	float:left;
}
#menuPpal{
	float:right;
	padding-top:66px;
	margin-bottom:15px;
}
	#nav li{
		display:block;
		float:left;
		margin-left:56px;
		text-decoration:none;
	}
	#nav li a{
		font-size:1.167em;
		color:#fff;
		font-weight:bold;
		text-decoration:none;
	}
	#nav li a:hover, #nav li.active a{
		color:#cccc00; 
	}
	
#mainContent{
	padding:32px 16px;
	background:#fff url(../images/sombra.jpg) repeat-x 0 top;
}


	#topcontentNoSWF{
		background:transparent url(../images/fondo_cabecera.png) no-repeat right top;
		display:block;
		width:998px;
		height:90px;

	}
	.headerTC{
		color:#fff;
		font-size:1.846em;
		margin-left:16px;
		margin-right:16px;
		display:block;
		padding-top: 60px;
		padding-bottom:4px;
		border-bottom: 1px solid #fff
	}
	#imgHead{margin-bottom:36px;}
	.colFour{
		width:230px;
		margin-right:15px;
		display:block;
		float:left;
	}
	.lastChildFour{
		float:right;
		margin-right:0;
		width:230px;
	}	
	.colThree{
		width:312px;
		margin-right:15px;
		display:block;
		float:left;
	}
	.lastChildThree{
		float:right;
		margin-right:0;
		width:312px;
	}
	.colTwo{
		width:475px;
		margin-right:15px;
		display:block;
		float:left;
	}
	.lastChildTwo{
		float:right;
		margin-right:0;
		width:475px;
	}	
		

#footer{
	color:#fff;
	padding:8px 10px;
}
	#footer span{float:left}
	#footer a{
		color:#fff;
		text-decoration:none;
	}
	#footer a:hover{
		text-decoration:underline;
	}
	#footer ul{
		float:right;	
	}
	#footer ul li{
		float:left;
		margin-left:10px;
	}
/**Eclusive to page **/
/**********home - begin ******/	
ul.newsHome{
	margin-left:60px;
}
	ul.newsHome li a{
		margin-top:8px;
		padding-bottom:4px;
		border-bottom:1px solid #d5d4d4;
		text-decoration:none;
		display:block;
		color:#333;
	}
	ul.newsHome li a:hover{
		color:#cccc00;
		
	}
	ul.listHome{
		margin-top:20px;	
	}
	ul.listHome li{
		list-style:disc;
		list-style-position:outside;
		margin-left:16px;		
		
	}
.homeContent{	
	height:220px;
}
.homeColumLink{
	border-top:1px solid #7b786d;
	text-align:right;
	margin-top:8px;
	padding-top:4px;
	height:14px;
	
}

	.homeColumLink a{
		text-decoration:none;
		color:#cccc00;
		padding-right:20px;
		background:transparent url(../images/home/flecha_mas_info.gif) no-repeat right 1px;		
		height:14px;
		overflow:hidden;		
	}
	.homeColumLink a:hover{
		color:#333;
		background-position:right -14px;
	}
.homeBanner{	
	margin-top:20px;	
}
.areaCliente{
	margin-top:20px;
	display:block;
	width:312px;
	height:50px;
	background:transparent url(../images/home/area_cliente.gif) no-repeat left top;
}

form.cliente{
	padding-top:26px;
	padding-left:12px
}

	.cliente input {
		border:none;
		color:#7b786d;
		font-size:0.923em;
		margin-right:4px;
	}
	.cliente .send{
		background:url(../images/home/flecha_area_cliente.gif) no-repeat right top;
		width:14px;
		height:14px;
		overflow:hidden;
		text-indent:-9999px;
	}
	.cliente .send:hover{
		background-position:bottom;
		cursor:pointer;
	}
/**********home - end ******/	
/**********quienes - begin ******/

	ul.mision li{
		list-style:disc;
		list-style-position:outside;
		margin-bottom:15px;
		font-weight:bold;
		margin-left:16px;
	}
	ul.icons li a{
		margin-top:15px;		
		text-decoration:none;
		display:block;
		height:52px;
		width:230px;
		overflow:hidden;
		color:#333;
		font-size:1.159em;
		line-height:17px;
	}
	ul.icons li a:hover{
		color:#cccc00;		
	}
	ul.icons li a:hover img{
		margin-top:-52px;
	}
	ul.icons li img {float:left; margin-right:12px; }
		
	
	

/**********quienes - end ******/

/**********soluciones - begin ******/
#solutionContent{
	float:left;
	margin-right:15px;	
	width:639px;
}
	#solutionContent img{
		float:left;
		margin-right:14px;
	}
	#solutionContent .solutionInfo{
		display:block;
		width:477px;
		float:right;
	}
	
	#solutionContent span{
		font-size:1.385em;
		padding-bottom:9px;
		color:#cccc00;
		display:block;
		border-bottom:1px solid #cccc00;
		margin-bottom:17px;
	}
	#solutionContent .last{margin-bottom:42px}
	#solutionContent ul li{
		list-style:disc;
		list-style-position:outside;
		margin-left:14px;		
	}
#solutionMenu{
	float:right;
	width:312px;
}
	h3.titleSolution{
		padding:0;
		color:#cccc00;
		font-weight:bold;
		font-size:1.077em;
		border-bottom:1px solid #cccc00;
		margin-top:10px;
	}
ul.itemSolution li{
		background: transparent url(../images/soluciones/boton_listado.jpg) no-repeat left 4px;
		display:block;
		padding-left:20px;	
		cursor:pointer;
		padding-top:4px;
		padding-bottom:3px;
		border-bottom:1px solid #d5d4d4;
}
	ul.itemSolution li a{
		color:#333;
		text-decoration:none
	}
	ul.itemSolution li a:hover{
		text-decoration:none;
		color:#cccc00;
		
	}
	ul.itemSolution li:hover,ul.itemSolution li.active a,ul.itemSolution li.active {
		background-position: 0 -54px;
		color:#cccc00;
	}
.solutiondetail{
	margin-top:20px;	
}
/**********soluciones - end ******/	

/**********noticias - begin ******/	
h2.titleNews{
	font-size:1.231em;
	color:#cccc00;
	border-bottom:1px solid #cccc00;
	line-height:18px;
	margin-top:16px;
	padding-bottom:13px;
	padding-top:0;
	margin-bottom:13px;
	padding-left:0;
}

	ul.itemNews li a{
		color:#333;
		font-size:1.077em;
		text-decoration:none
	}
img.n5{margin-top:150px;}
img.n4{margin-top:40px;}
img.n3{margin-top:110px;}
	
/**********noticias - end ******/	
/**********clientes - begin ******/
.etiqueta{
	border-bottom:1px solid #cccc00;
	padding-bottom:4px;
	margin-bottom:18px;
	height:auto;
	

}
	.etiqueta a{text-decoration:none}
	.etiqueta div.content{
		position:relative;
		float:right;
		width:313px;
		display:block;
		

	}
	.etiqueta img{
		float:left;
		margin-right:14px;
	}
.position{
	text-align:right;
	font-size:0.846em;
	line-height:18px;
	}
#clientsMenu{
	float:right;
	width:312px;
}	
	#clientsMenu ul li{
		list-style: none;
		float:left;
		margin-bottom:14px;
		margin-right:14px;		
	}
	#clientsMenu ul li.par{
		margin-right:0px;
	}

/**********clientes - end ******/
/**********contactar - begin ******/
.cont {font-size:1.154em; line-height:18px}
.sending{display:none; margin-bottom:10px; padding:10px}
 #message, #alert{margin-bottom:10px; padding:0px 70px}
#contact{display:block; float:right; text-align:right; margin-bottom:18px;}
#contact input{width:400px; height:24px; border:1px solid #000; background-color:#e4e4e4; margin-bottom:7px}
#contact textarea{width:400px; height:114px; border:1px solid #000; background-color:#e4e4e4; margin-bottom:7px; float:right}
	#contact label{
		font-size:0.923em;
		font-weight:bold;
		color:#333;
	}
	#contact label.area{
		margin-right:4px;
		margin-top:2px;
		float:left;
	}
	#contact input.submitbuttom {
		
		height:23px;
		width:233px;
		border:0;
		line-height:13px;
		background: transparent url(../images/boton_enviar.png) no-repeat 0 0;
		color:#fff;
		padding-bottom:8px;
		cursor:pointer;
		font-weight:bold;
		text-indent:-9999px;

		float:right;
		
	}
	#contact input.submitbuttom:hover {
		background-position:0 bottom;
	}	
.margAfCont{
	margin-bottom:70px;
}
/**********contactar - end ******/	
/**********trabajaconnosotros - begin ******/	
ul.trabaja{
	margin:10px 0 10px 0;	
}
	ul.trabaja li{
		list-style:circle;
		list-style-position:outside;
		margin-left:32px;		
		
	}
.margBefCont{
	margin-bottom:100px;
}


/*Extras*/
div.clear {
	clear:both;
}