/* reset */
body,div,ul,ol,li,h1,h2,h3,h4,blockquote,p,form,quote { padding:0;margin:0 }
img { border:0 }
ul,li { list-style:none; }
a, input {outline:none;}

/**** general ****/

body{
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	background:url(img/bg_cont.png) repeat-x;
}

a{text-decoration:none; color:#ADC50A}

/**** layout ****/
.cnt{
	width:960px;
	margin:20px auto 40px auto;
	overflow:auto
}

/*contact*/
#panel{
	display:none;
	background:#BFE11F;
	overflow:auto;
	padding-bottom:10px	
}

#form_contact_aux{display:none}

#contact{
	background:url(img/bubbles.png) 600px 0 no-repeat;
	font-size:1.3em;
	color:#fff;
	margin:0 auto
}
	#contact p{
		background:url(img/toparrow.gif) left bottom no-repeat;
		height:42px;
		line-height:42px;
	}
		#contact p.contact-active{
			background:url(img/toparrowon.gif) left bottom no-repeat;
		}
	#contact a{
		color:#fff;
		text-decoration:underline;
		font-weight:bold;
	}


/*contact form*/	
#form_contact{
	color:#fff;
	line-height:2em;
	width:960px;
	margin:0 auto;
	background:url(img/bg_panel.gif) 624px 0 no-repeat;
}

	#form_contact strong{
		font-size:3.2em;
		padding:20px 0 40px;
		display:block
	}
	
	#form_contact .address{
		width:240px;
		font-size:1.2em;
		float:left
	}
		#form_contact .address span{
			font-weight:bold;
			margin-bottom:10px;
			display:block
		}
	
	#form_contact form{
		font-size:2em
	}
		#form_contact label{
			display:block;
			margin-bottom:5px
		}

		#form_contact input,#form_contact textarea{
			margin-bottom:10px;
			border:none;
			width:320px;
			padding:5px
		}
	
		#form_contact .fields{
			float:left;
			margin-right:30px;
		}
		
		#form_contact .comments {
			width:330px;
			float:left
		}	
		
			#form_contact .comments input{
				background:#9ABB1A;
				font-size:1em;
				color:#fff;
				width:90px;
				padding:2px 5px;
				height:44px;	
				
				float:right
			}
			#form_contact .comments .cerrar{
				background:#A5D21E;
				font-size:1em;
				color:#fff;
				margin-left:5px;
				padding:0 10px;
				line-height:49px;
				height:44px;
				float:right
			}
		.wpcf7-mail-sent-ok	{
			clear:both;
			text-align:center;
			color:#000;
			font-size:1.1em
		}

.wpcf7-quiz-label{
display:block;clear:both
}


/*header*/
#header{
	border-bottom:1px solid #E7E9D6;
	margin:0 auto;
	height:118px
}

.logo a{
	background:url(img/logo.png) no-repeat;
	text-indent:-3000px;
	width:259px;	
	height:68px;
	position:absolute;
	margin-top:30px;
	display:block;
}

.search{
	float:right;
	padding-left:375px;
	padding-top:30px
}
	.search	.intxt{
		background:url(img/bg_buscar.gif) no-repeat;
		width:290px;
		height:24px;
		border:0;
		float:right;
		padding-left:10px;
		font-size:1em
	}
	.search .btn{
		background:none;;
		width:24px;
		height:25px;
		float:right;	

	}

.menu{
	margin-top:30px;
	float:right;
}
	.menu li {
		float:left;	
		text-indent:-3000px;
	}
		.menu li a{
			background:url(img/menu.png);
			height:32px;		
			margin-right:1px;
			display:block
		}	
			.menu li.inicio a{
				width:67px;
			}
				.menu li.inicio a:hover,.menu li.inicio a.selected{
					background-position:0 32px
				}			
			.menu li.equipo a{
				background-position:-68px 0;
				width:79px;
			}		
				.menu li.equipo a:hover,.menu li.equipo a.selected{
					background-position:-68px 32px;
				}			
			.menu li.servicios a{
				background-position:-148px 0;
				width:99px;
			}
				.menu li.servicios a:hover,.menu li.servicios a.selected{
					background-position:-148px 32px;
				}
			
			.menu li.casos a{
				background-position:-309px 0;
				width:146px;
			}
				.menu li.casos a:hover,.menu li.casos a.selected{
					background-position:-309px 32px;
				}
		
				
			.menu li.oficinas a{
				background-position:-456px 0;
				width:85px;
			}
				.menu li.oficinas a:hover,.menu li.oficinas a.selected{
					background-position:-456px 32px;
				}
				
			.menu li.metricsocial a{
				background-position:-542px 0;
				width:116px;
			}
				.menu li.metricsocial a:hover,.menu li.metricsocial a.selected{
					background-position:-542px 32px;
				}		
				
		
			.menu li.blog a{
				background-position:-248px 0;
				width:60px;
			}
				.menu li.blog a:hover,.menu li.blog a.selected{
					background-position:-248px 32px;
					width:60px;
				}	

/*footer*/
#footer{
	background:#323A2F;
	color:#9B9E99;
	padding:5px 0;
}
	#footer a{
		color:#9B9E99
	}

	#footer strong{
		color:#fff;
		font-size:1.2em;
		margin-bottom:3px;
		display:block
	}
	
	#footer em{
		color:#D6D8D5;
		font-size:1.1em
	}
	
.fcol_1{
	width:380px;
	float:left;
	margin-right:30px
}
	.fcol_1 ul{
		float:left;
		margin-right:30px
	}	

.fcol_2{
	width:260px;
	float:left
}

.fcol_3{
	width:235px;
	float:right;
}

	.fcol_3 .metric{
		background:url(img/logopie.png) no-repeat;
		width:166px;
		height:44px;
		text-indent:-3000px;
		display:block;
	}
	#footer .fcol_3 a{
		color:#BFE11F;
	}

.copyright{
	clear:both;
	padding-top:25px;
	overflow:auto
}
	.copyright p{
		border-top:1px solid #444B41;
		padding-top:10px;	
	}

/*moduls*/

.two_col{
	float:left;
	width:455px;
	margin-right:45px;
	overflow:auto
}

.last{
margin-right:0!important
}

/**** home ****/

/*highlighted*/
#hlighted{
	
}

.slider{
	float:left;
	margin-right:20px
}

#hlighted h2{
	color:#A5C21B;
	font-size:2.7em;
	letter-spacing:-2px;
	line-height:1em;
}
#hlighted ul{
	width:330px;
	float:right;
	margin:8px 0
}
	#hlighted ul li{
		background:url(img/ico_check.gif) 0 7px no-repeat;
		color:#8F9751;
		font-size:1.7em;	
		padding-left:25px;
		letter-spacing:-1px;
		padding-bottom:6px
	}

a.btn_cuenta{
	background:url(img/btn_cuenta.png) no-repeat;
	text-indent:-3000px;
	width:226px;
	height:41px;
	display:block;
	float:left
}

/*central columns*/
.col_central_home{
	background:url(img/b_home.png) no-repeat;
	width:303px;
	height:213px;
	float:left;
	font-size:1.1em;
	overflow:auto
}
	.col_central_home h3,.col_central_home p,.col_central_home ul{
		margin:13px 70px 15px 15px
	}
	
		.col_central_home ul li{
			background:url(img/icoshome.png) 0 2px no-repeat;
			padding:3px 0 3px 40px
		}
			.col_central_home ul li a{
				color:#7E8060;
			}
			.col_central_home ul li.blog a{
				border-bottom:1px solid #E7E9D6;
				display:block;
				padding-bottom:6px;
			}
			
			.col_central_home ul li.twitter{
				background-position:0 -69px;
			}
	
	.col_central_home strong{
		color:#A5C21B;
	}
	
	
.col_servicios{
	color:#fff;
}
	.col_servicios a{
		color:#fff;
		font-size:0.9em;
		text-decoration:underline
	}
	
	.col_servicios strong {
        color:#BFE11F;
    }
	
	.col_servicios p {
        color:#E3E4DF;
    }

.col_casos{
	background-position:-309px 0;
	margin-left:26px
}
	.col_casos a{
		color:#00B5F4;
		font-size:0.9em;
		text-decoration:underline		
	}

	.col_casos p{
		color:#7E8060;	
	}

.col_social{
	background-position:-617px 0;
	float:right
}

.hservicios{
	background:url(img/titservicios.png) no-repeat;
	width:85px;
	height:15px;
	display:block;
	text-indent:-3000px;
}

.hcasos{
	background:url(img/titcasos.png) no-repeat;
	width:135px;
	height:18px;
	display:block;
	text-indent:-3000px;
}

.hsocial{
	background:url(img/titsocial.png) no-repeat;
	width:107px;
	height:14px;
	display:block;
	text-indent:-3000px;
}

.col_social ul{
}	
li.blog{
}

li.twitter{
}

/*bottom columns*/
.titsub{
	font-size:1.5em;
	font-weight:normal;
	padding-bottom:2px;
	border-bottom:1px solid #E7E9D6;
	color:#323A2F;
}
.lnk_social, .lnk_asocia{
	padding-top:20px
}

.lnk_social li, .lnk_asocia li{
	float:left
}

	.lnk_social li{
		margin-right:25px;
	}
		.lnk_social li a{
			background:url(img/icosocial.png) no-repeat;
			height:30px;
			display:block;
			text-indent:-3000px;
		}
		.lnk_social .twitter a{
			width:102px;
		}
		.lnk_social .facebook a{
			background-position:-100px 0;
			width:104px;
		}
		.lnk_social .xing a{
			background-position:-204px 0;	
			width:77px;
		}
		.lnk_social .linkedin a{
			background-position:-281px 0;
			width:90px;
		}

	.lnk_asocia li{
		margin-right:18px;
	}
		.lnk_asocia li a{
			background:url(img/logoasociaciones.png) no-repeat;
			height:36px;
			display:block;
			text-indent:-3000px;
		}
		.lnk_asocia .iti a{
			width:148px;
		}
		.lnk_asocia .anet a{
			background-position:-152px 0;		
			width:77px;
		}
		.lnk_asocia .aecem a{
			background-position:-233px 0;	
			width:110px;
		}
		.lnk_asocia .estic a{
			background-position:-342px 0;	
			width:60px;
		}
		
		.lnk_asocia .adig a{
			background-position:-406px 0;	
			width:95px;
		}
		
		
/**** servicios ****/

#content{
	width:650px;
	float:left;
	color:#7E8060;
}

	#content h1{
		font-size:3em;
		margin-bottom:5px
	}
	
	h2{
		font-size:2em;color:#A5C21B;
	}
	
		h2 a{
			color:#B5D51D;
		}
	
	#content p{
		/*font-size:1.7em;*/
		font-size:1.3em;
		margin-bottom:10px
	}
	
	#content a.contact-toggle{
		color:#00B5F4;
		text-decoration:underline
	}
	
	
	.two_col_int{
		width:275px;
		margin:10px 20px 0 0;
		float:left;
	}
	
	#content .modul h2{
			font-size:1.3em
		}
		#content ul{
			margin:10px 5px;
			font-size:1.25em;
		}
			#content li {
				background:url(img/ico_list.png) 0 4px no-repeat;
				padding:2px 0 2px 20px;				
			}
			
				#content li a{
					color:#626738;
					font-size:1.2em
					
				}
					#content .modul li a{
						font-size:1em
					}
				#content li ul{
					margin:3px 0 0 0
				}
					li.hid ul{
						display:none
					}
					li.vis ul{
						
					}
				#content li li{	
					background:none;
					font-size:0.8em;
					padding-left:0
				}
					#content li li a{
						color:#7E8060;
						font-size:inherit
					}	
	
	.hmodul{
		background:url(img/hmodul.png) no-repeat;
		width:311px;
		height:40px;
		margin:-20px;
	}
	
	.modul{
		background:url(img/bmodul.png) left bottom no-repeat;
		padding:20px;
		height:115px;
		overflow:hidden
	}
			
			#content .modul .profiles li{
				background:url(img/ico_profile.png) 0 2px no-repeat;
				border-bottom:1px solid #ECEEDF;
				padding-bottom:8px;
				margin-bottom:8px;
				color:#626738;
			}
				#content .modul .profiles li a{
					color:#00B5F4;
					font-size:0.8em;
					text-decoration:underline;
				}
			
#lateral{
	width:258px;
	float:right
}

	.lmod{
		background:#B5D51D;
		padding:15px;
		overflow:auto;
		margin-bottom:7px
	}
		.lmod p{
			color:#fff;
			font-size:1.3em;
			margin-bottom:5px
		}
	
		.lmod.hgh{
			background:#323A2F;
			margin-bottom:12px;
		}
			
			.lmod.hgh li{				
				border:none;
				color:#fff
			}	
				.lmod.hgh li a{
					background:url(img/ico_list_hghmenu.png) 0 2px no-repeat;
					text-decoration:none;
					border:none;
				}
				.lmod.hgh span{
					margin-left:20px;
					font-size:1.2em
				}
		.lmod h3{
			color:#323A2F;
			font-size:2em
		}
		.lmod li{
			padding:4px 0;
			border-bottom:1px solid #C5DE4F;
		}
		

			.lmod li a{
				background:url(img/ico_list_menu.png) 0 3px no-repeat;
				color:#fff;
				font-size:1.3em;
				padding-left:20px;
				display:block;
				color:#FFF;
				font-weight:bold;
			}
			
			.lmod li li a{
				color:#3A450A
			}
				.lmod li a:hover, .lmod li a.selected{
					color:#718512;
					background:url(img/ico_list_menu_on.png) 0 3px no-repeat;
				}

				.lmod li a span{
					color:#323A2F;
					font-size:0.8em;
					display:block;
				}
					.lmod li a:hover span,.lmod li a.selected span{
						color:#718512;					
					}
					
			.lmod li li ,.lmod li.last{
				border:none!important;
				font-size:0.9em;
				font-weight:bold;
			}
				.lmod li li a{
					background:url(img/ico_list_submenu.png) 7px 4px no-repeat;
					font-size:1.2em;
					margin-left:15px
				}
					.lmod li li a:hover,.lmod li li a.selected{
						background:url(img/ico_list_submenu_on.png) 7px 4px no-repeat
					}
					
/** equipo **/


.team img{
	border:1px solid #DCDFC4;
	margin:5px 18px 12px 0;
	float:left
}

.flaux{
	float:left;
	width:460px
}
	
	#content.team li{
		background:url(img/bullet.png) 0 6px no-repeat;
		padding:2px 0 2px 20px;

	}
					
					
#content.team .sec{
	font-weight:bold;
	font-size:1.6em;

}			

.subequipo{
	background:url(img/bg_equipo.png) repeat-x;
	height:240px;
	position:relative;
	padding:20px 0 0 30px;
	margin-top:20px;
	clear:both;
}		
	.subequipo .two_col{
		width:420px
	}

	.subequipo li.tit{
		margin:10px 0 0 15px;
		color:#7E8060;
		font-size:1.4em;
		line-height:130%;
		width:175px;
		float:left;
		font-weight:bold
	}
		.subequipo li ul li a{
			background:url(img/bullet.png) 7px 6px no-repeat;
			color:#7E8060;
			padding-left:20px;
			font-weight:normal;
		}

/** casos prácticos**/

.caso{
	font-size:1.7em;
	font-weight:bold;
	color:#323A2F;
	line-height:100%
}

.hmodul.lrg{
	background:url(img/hmodul_lrg.png) no-repeat;
	width:640px
}

.modul.lrg{
	background:url(img/bmodul_lrg.png) left bottom no-repeat;
	height:75px;
}
	.modul.lrg li{
		float:left;
		width:260px
	}

blockquote{
	background:#F0F7D2 url(img/quotes.gif) 16px 18px no-repeat;
	color:#8E9360;
	font-size:1.2em;
	padding:20px 30px 20px 40px;
	margin:10px 0;
	width:569px;
	overflow:auto
}

.casos a{
	color:#B5D51D;
	font-size:0.8em;
	text-decoration:underline;
}

/*** BLOG ***/
#contact a.metric{
	color:#E8F2B7;
	font-weight:bold;
	text-decoration:none
}
#blog #header{
	height:105px;
	background:url(img/bg_rss.jpg) right bottom no-repeat;	
	}
	
	#blog .logo a{
		background:url(img/logoblog.png) no-repeat;
		width:366px;
		height:60px
	}
	
	.rss_link{
		text-indent:-3000px;
		float:right;
		margin:30px 0px 0 0;
		width:112px;
		height:70px
	}
	
	#blog .cnt.bodyblog{
		margin-top:0
	}
	#blog #content{
		width:460px;
		float:left;
		color:#7E8060;
		margin-top:20px;
	}
		#blog #content p{
			font-size:16px;
			line-height:130%		
		}
	#blog #lateral{
		background:#F4F4EF;
		width:480px;
		z-index:20;
		float:right
		}
	
	#blog h2 a{
		color:#929461;
		font-size:1.1em
	}
	
	#blog h3{
		font-size:1.3em;
		border-bottom:1px solid #EDEDE4;
		color:#ADC50A;
		padding-bottom:5px;
		margin-bottom:10px
	}
	
		#blog h3 a{
			color:#ADC50A!important;
		}

#blog ul.related_post{
	border-bottom:1px solid #EDEDE4;
	padding-bottom:10px;
	margin:0 0 10px 0
}

	#blog .related_post li{
			background:url(img/bullet.png) 0 6px no-repeat;
			padding:2px 0 2px 15px;
			font-size:13px;
			font-weight:normal
		}
		#blog .related_post li a{
			color:#ADC50A;
			text-decoration:underline
		}
	


.comms {
	background:url(img/bg_comments.gif) no-repeat;
	font-size:0.9em;
	width:106px;
	padding:10px 0 3px 0;
	font-weight:bold;
	margin:10px 0 20px 0;
	text-align:center;
	float:left
}
.share{
	float:right;
	margin:18px 0 0 7px
}
	#content .comms a{
			color:#fff;
		}	
	.akst_share_link {
		background: 1px 0 url(img/share-icon-16x16.gif) no-repeat;
		padding: 1px 0 3px 22px;
	}	
.post-info{
	margin:10px 0 20px 0;
	font-size:11px
}
	.post-info a{
		font-weight:bold
	}
		
.habout{
		background:url(img/hsobre.png) no-repeat;
		width:545px;
		height:40px;
		margin:-20px;
	}
	
	.about{
		background:url(img/bsobre.png) left bottom no-repeat;
		padding:20px;
		margin:30px 0 15px 13px; 
		height:115px;
		overflow:hidden
	}
			
.tabout{
	font-size:1.4em!important;
	margin-bottom:5px!important
}
.about p{
	font-size:1.3em;
		color:#AEB086;
}			
.sideleft{
	margin:0 0 30px 25px;
	float:left;
	width:190px;
}
.sideright{
	margin:0 25px 30px 0;
	float:right;
	width:190px;
}
li.widget{
	margin-top:20px
}


caption{
	font-weight:bold;
	text-transform:uppercase;
	text-align:left;
	color:#929461;
	margin-bottom:5px
}

.sideleft li li{
		background:url(img/bullet.png) 0 4px no-repeat;
		padding:2px 0 2px 15px;
}
	#blog  a{
		color:#ADC50A;
	}
		.widget_calendar a{
			font-weight:bold
		}
		#blog #lateral .widget_tag_cloud a{
			color:#929461
		}

.banner_central{
	text-align:center;
	margin:20px 0
}

.banner_left{
	float:left;
	margin-left:15px
}

.banner_right{
	float:right;
	margin-right:15px
}

/* comment */

#content ol.commentlist li{
	list-style:decimal;
	background:none;
	border-bottom:1px dashed #f9f9f9;
	margin-bottom:10px
}

.commentlist li .avatar { 
	float: right;
	border: 1px solid #eee;
	padding: 2px;
	background: #fff;
	}

.commentlist cite, .commentlist cite a {
	font-weight: bold;
	font-style: normal;
	font-size: 1.1em;
	}
.comment-author, .comment-meta {
	font-size:0.9em
}
#content .commentlist p {
	font-size:1.1em;
	margin-top:5px
	}

.commentmetadata {
	font-weight: normal;
	}

.inp_txt{
	border:1px solid #929461
}
textarea.inp_txt{
	width:450px;
}

/** metricsocial **/

.htwitter{
	background:url(img/htwitter.png) no-repeat;
	height:93px	
}

	.btwitter{
		background:url(img/btwitter.png) left bottom no-repeat;	
		overflow:auto;
	}
		.btwitter p{
			padding:10px 40px;
			background:url(img/bullet.png) 20px 15px no-repeat;
		}
		.btwitter a{
			color:#626738;
			font-size:15px
		}
	
	.btwitter .btntwitter{
		background:url(img/btn_sigue.png) no-repeat;
		width:210px;
		height:45px;
		display:block;
		text-indent:-3000px;
		margin:20px 0 20px 210px
	}	

.listsocial li {
	background:url(img/ico_linksocial.png) 0 2px no-repeat;
	color:#fff;
	border:none
}
	.listsocial li.facebook{
		background-position:0 -39px
	}
	.listsocial li.linkedin{
		background-position:0 -78px	
	}
	.listsocial li.xing{
		background-position:0 -118px	
	}
	.listsocial li.blog{
		background-position:0 -158px	
	}
	
	.listsocial li a{
		background:none;
		font-size:16px;
		margin:0 0 5px 30px;
		border-bottom:1px solid #C5DE4F;
		padding:0 0 5px 8px
	}
		.listsocial li a:hover{
			background:none
		}

.sigue{
	font-size:1.8em;
	color:#000;
	margin-bottom:10px
}
		
/* aux */
.lft{
	float:left
}
.clear{
	width:100%;
	clear:both
}
/** slideshow **/
/* slideshow gallery */

.slideshowlite {
	position: relative;

	overflow: hidden;
}

	.slideshowlite a {
		position: absolute;
		z-index: 1;
		width: 100%;
		height: 100%;
		text-align: center;
	}

	.slideshowlite img {
		border: none;
	}

/* pagination control */

.slideshowlite ul,
.slideshowlite ol {
	list-style: none;
	position: absolute;
	margin: 0;
	padding: 0;
	bottom: -2px;
	right: 5px;
	z-index: 3;
}
#hlighted .slideshowlite ul{
	z-index:10;
	width:auto;
	padding-bottom:2px;
}

	.slideshowlite ul li,
	.slideshowlite ol li {
		float: left;
		margin: 0 3px;
		width: 16px;

	}
#hlighted #slideshow li{
background:none;
padding:0
}	
	.slideshowlite ul li a {
		position: relative;
		display: block;
		width: 100%;
		height: 14px;
		padding: 2px 0 1px 0;
		text-decoration: none;
		color: #fff;
		background: #323A2F;
		
		text-align: center;
		font-size: 12px;
	}
	
	.slideshowlite ul li a.current {
		color: #000;
		font-weight: bold;
		background: #BFE11F;
	}
	
	.slideshowlite ul li a:hover {
		color: #fff;
		background: #333;
	}
	
/* caption control */

.slideshowlite ol {
	top: 202px;
	position: relative;
	overflow: hidden;
	width: 100%;
	font-size: 14px;
	color: #fff;
	background: #4E595C;
	padding: 2px 10px 4px 10px;
}

	.slideshowlite ol li {
		width: 100%;
	}
	
	
