/** Estilos para reset **/
html, body, div, span, applet, object, iframe,
		h1, h2, h3, h4, h5, h6, p, blockquote, pre,
		a, abbr, acronym, address, big, cite, code,
		del, dfn, em, font, img, ins, kbd, q, s, samp,
		small, strike, strong, sub, sup, tt, var,
		b, u, i, center,
		dl, dt, dd, ol, ul, li,
		fieldset, form, label, legend,
		table, caption, tbody, tfoot, thead, tr, th, td {
			margin: 0;
			padding: 0;
			border: 0;
			outline: 0;
			font-size: 100%;
			vertical-align: baseline;
			background: transparent;
		}
		body {
			line-height: 1;
		}
		ol, ul {
			list-style: none;
		}
		blockquote, q {
			quotes: none;
		}
		blockquote:before, blockquote:after,
		q:before, q:after {
			content: '';
			content: none;
		}
		 
		/* remember to define focus styles! */
		:focus {
			outline: 0;
		}
		 
		/* remember to highlight inserts somehow! */
		ins {
			text-decoration: none;
		}
		del {
			text-decoration: line-through;
		}
		 
		/* tables still need 'cellspacing="0"' in the markup */
		table {
			border-collapse: collapse;
			border-spacing: 0;
		}
/** Fin para reset **/

/** Estilos de pagina general **/
body{
	margin: 0; 
	padding: 0;
	background-color: #FFF;
}


/** Estilos de encabezado **/
#header{
	margin: 0; 
	padding: 0;
}

#barratop{
	width: 100%; 
	height: 45px; 
	background: url(../images/background-top-bar.jpg) center center repeat-x; 
	text-align: right;
}

#barratop .inicio{
	text-decoration: none; 
	display: inline-block; 
	color: #FFF; 
	margin-top: 12px; 
	padding-top: 6px; 
	font:bold 11px Noto Sans; 
	padding-right: 20px; 
	height: 16px; 
	line-height: 1em; 
	padding-left: 20px; 
	border-left: 1px solid #8b8b8b;
}

#barratop .contactar{
	text-decoration: none; 
	display: inline-block; 
	color: #FFF; 
	margin-top: 12px; 
	padding-top: 6px; 
	font:bold 11px Noto Sans; 
	height: 16px; 
	line-height: 1em; 
	padding-left: 20px; 
	border-left: 1px solid #8b8b8b; 
}

#general-info{
	width: 833px; 
	margin: 0 auto 10px;
}

#logo{
	width: 268px; 
	height: 113px; 
	float:left; 
	position: relative;
}

#logo > a > img{
	margin: 0 auto; 
	position: absolute; 
	bottom: 0;
	border: 0;
}

#general-info-right{
	float: left; 
	width: 565px; 
	text-align: right; 
	font: bold 15px Noto Sans; 
	color: #050505;
}

#frmsearch{
	margin-top: 10px; 
	margin-bottom: 5px;
}

#textbox{
	background: url(../images/txtsearch.jpg) left top no-repeat; 
	display: inline-block; 
	width: 175px; 
	height: 21px; 
	text-align: left;
}

#textbox > input{
	width: 150px; 
	height: 16px;  
	margin: 1px 0 0 20px; 
	border: 0;
}

#frmsearch .btnsearch{
	display: inline-block; 
	font:bold 14px Noto Sans; 
	background-color: #5a7b29; 
	height: 21px; 
	color: #FFF; 
	border: 0;
}

#mainbar-content{
	float: left; 
	margin-top: 5px;
}

#mainbar-content .left{
	float:left; 
	width: 26px; 
	height: 39px; 
	background: url(../images/left-mainbar.jpg) center center no-repeat;
}

#mainbar-content .right{
	float: left; 
	width: 539px; 
	height: 39px; 
	background: url(../images/center-mainbar.jpg) center center repeat-x;
}

#mainbar-content .right > a{
	display: block; 
	float: right; 
	margin: 8px 15px 0 0; 
	text-decoration: none; 
	border: 0;
}

#mainbar-content .right > a > img{
	border: 0;
}

.clear{
	clear: both;
}

#banner-container{
	width: 833px; 
	margin: 5px auto;
}

#banner{
	float: left; 
	width: 631px;
	border: 1px solid #efeff1;
}

#picture-menu{
	float: right; 
	width: 189px; 
	display: block;
}

.success{
	margin: 0 auto 2px; 
	border: 0;
}

.news{
	margin: 1px auto 2px; 
	border: 0;
}

.capacitaciones{
	margin: 1px auto 0; 
	border: 0;
}

/** Finaliza estilos de encabezado **/
/** Inicia estilos de cuerpo de la pagina **/

#main-content{
	width: 833px; 
	margin: 10px auto;
}

#vertical-menu{
	width: 175px; 
	float: left;
}

#cssmenu{
	margin-top: 0; 
	padding-top: 0;
}

#mainbox{
	width: 640px; 
	float:left; 
	margin: 0 3px 0 15px;
}

#titlebar{
	background: url(../images/center-bar.jpg) center center no-repeat; 
	width: 100%; 
	height: 28px;
}

#titlebar > #title{
	display: block; 
	margin: 0 0 0 30px; 
	color: #FFF; 
	padding-top: 5px; 
	text-align: left; 
	font: 12px 'Noto Sans';
}

#article-info{
	width: 100%; 
	text-align: justify; 
	font: 13px 'Noto Sans'; 
	margin-top: 5px; 
	line-height: 1.5em;
	color: #3b3b3b;
}

#right-bar{
	width: 189px; 
	float: left; 
	margin: 0 0 0 10px;
}

#wstore{
	background: url(../images/wstore.jpg) center center no-repeat; 
	width: 100%; 
	height: 29px;
}

/** Finaliza estilos de body **/
/** Inicia estilos de pie de pagina **/
#footer{
	background: url(../images/background-footer.jpg) center center repeat-x; 
	width: 100%; 
	height: 99px; 
	text-align: center; 
	margin: 0 auto 0; 
	padding-top: 60px;
}

#footer .inicio{
	text-decoration: none; 
	display: inline-block; 
	color: #FFF; 
	margin-top: 12px; 
	padding-top: 6px;
	font:bold 11px Noto Sans; 
	padding-right: 20px; 
	height: 16px; 
	line-height: 1em; 
	padding-left: 20px;
}

#footer .qsomos{
	text-decoration: none; 
	display: inline-block; 
	color: #FFF; 
	margin-top: 12px; 
	padding-top: 6px; 
	font:bold 11px Noto Sans; 
	padding-right: 20px; 
	height: 16px; 
	line-height: 1em; 
	padding-left: 20px; 
	border-left: 1px solid #8b8b8b;
}

#footer .clientes{
	text-decoration: none; 
	display: inline-block; 
	color: #FFF; 
	margin-top: 12px; 
	padding-top: 6px; 
	font:bold 11px Noto Sans; 
	padding-right: 20px; 
	height: 16px; 
	line-height: 1em; 
	padding-left: 20px; 
	border-left: 1px solid #8b8b8b;
}

#footer .contactanos{
	text-decoration: none; 
	display: inline-block; 
	color: #FFF; 
	margin-top: 12px; 
	padding-top: 6px; 
	font:bold 11px Noto Sans; 
	padding-right: 20px; 
	height: 16px; 
	line-height: 1em; 
	padding-left: 20px; 
	border-left: 1px solid #8b8b8b;
}

.copyright{
	display: block; 
	margin-top: 15px;
	font: bold 12px Noto Sans;
	color: #FFF;
}

/** Finaliza estilos de pie de pagina **/

/** Inicia estilos de pagina de productos **/
	/** Seccion de Acordeon Horizontal de pagina de productos **/

#basic-accordian{
	width:100%;
	z-index:2;
}

.accordion_headings{
	background:url(../images/ficha-desactive.png) top left no-repeat;
	color:#FFFFFF;
	cursor:pointer;
	font-weight:bold;
	width: 162px;
	height: 26px;
	padding-top: 5px;
	text-align: center;
	display: block;
	margin: 0 1px 0 1px;
	font: bold 12px 'Noto Sans';
}

.accordion_headings:hover{
	background:url(../images/ficha-active.png) top left no-repeat;
}

.accordion_headings2{
	color:#FFFFFF;
	cursor:pointer;
	font-weight:bold;
	width: 162px;
	height: 26px;
	padding-top: 5px;
	text-align: center;
	display: block;
	margin: 0 1px 0 1px;
	font: bold 12px 'Noto Sans';
}

.accordion_headings2:hover{
	background:url(../images/clientes-tab-highlight.jpg) top left no-repeat;
}

.accordion_child{
	padding:15px;
	background:#FFF;
	font: 11px 'Noto Sans';
	border: 1px solid #b7b7b6;
	width: 95%;
	display: block;
}

.header_highlight{
	background:url(../images/ficha-active.png) top left no-repeat;
	width: 159px;
}

.header_highlight2{
	background:url(../images/clientes-tab.jpg) top left no-repeat;
	width: 131px;
}

.correccion_heading{
	height: 22px;
}

.tab_container *{
	float:left;
}

	/** Finaliza estilos de seccion de acordeon horizontal **/
.general-content{
	width: 645px; 
	float: left; 
	margin-left: 13px;
}

.breadcrumb{
	width: 100%; 
	font: 15px 'Noto Sans'; 
	color: #6b6b6b; 
	text-transform:capitalize; 
	text-align: left; 
	margin-bottom: 10px;
}

.breadcrumb > a{
	text-decoration: none;
}

.breadcrumb > a:hover{
	text-decoration: underline;
}

.bseparator{
	display: inline-block; 
	height: 15px; 
	background: url(../images/separador.jpg) center center no-repeat; 
	width: 16px; 
	margin: 0 3px 0 3px;
}

.bcurrent{
	text-decoration: underline;
}

.product-info{
	width: 98%; 
	border: 1px solid #b7b7b6; 
	padding: 5px;
}

.image-box{
	width: 223px; 
	float: left;
}

.pdf-download{
	margin: 5px; 
	border: 0;
}

.image-box > img {
	display: block; 
	margin: 15px auto;
}

.product-info > .info-content{
	width: 430px;
	float: left;
	margin-left: 20px;
	margin-top: 60px;
}

.product-info > .info-content > h1{
	font:bold 14px 'Noto Sans'; 
	color: #1e356e; 
	border-bottom: 1px solid #a5d582;
}

.product-info > .info-content > .description{
	font: 13px 'Noto Sans'; 
	color: #000; 
	text-align: justify;
}

.accordeon-content{
	width: 100%; 
	margin-top: 10px;
}

#global-content-accordeon{
	float:left;
}

.equipo-image{
	display: inline-block; 
	margin: 10px;
}

.testimonio{
	float: left; 
	width: 482px; 
	margin-bottom: 10px;
}

.testimonio-top{
	background: url(../images/success-box-top.jpg) top left no-repeat; 
	width: 100%; 
	height: 7px;
}

.testimonio-content{
	border-left: 1px solid #e5e6e6; 
	border-right: 1px solid #e5e6e6;
}

.tst-image{
	float: left; 
	width: 130px; 
	text-align: center;
}

.tst-history{
	float: right; 
	width: 330px; 
	padding: 10px;
}

.testimonio-bottom{
	background: url(../images/success-box-bottom.jpg) top left no-repeat; 
	width: 100%; 
	height: 7px;
}

.soluciones{
	width: 190px; 
	float: left; 
	margin: 5px 5px 0;
}

.sls-top{
	width: 100%; 
	background: url(../images/moreinfo-box-top.jpg) top left no-repeat; 
	height: 6px;
}

.sls-content{
	width: 99%; 
	border-left: 1px solid #e5e6e6; 
	border-right: 1px solid #e5e6e6;
}

.sls-title{
	background: url(../images/bullet-circle.jpg) left top no-repeat; 
	width: 160px; 
	margin: 0 auto; 
	padding-left: 20px;
	font-weight: bold;
}

.sls-content > p{
	width: 160px; 
	padding:10px; 
	text-align: left; 
	font:normal 11px 'Noto Sans';
}

.sls-content > img{
	display: block; 
	margin: 5px auto;
}

.sls-bottom{
	width: 100%; 
	background: url(../images/moreinfo-box-bottom.jpg) top left no-repeat; 
	height: 6px;
}
/** Finaliza estilos de pagina de productos **/
/** Inicia estilo de pagina de About Us **/

.about-us{
	width: 98%; 
	padding: 5px; 
	background: url(../images/background-about.jpg) top right no-repeat; 
	min-height: 600px; 
	margin-top: 15px;
}

.quienes-somos{
	background: url(../images/arrow-about.jpg) top left no-repeat; 
	float: left; 
	width: 100%;  
	min-height: 176px;
}

.quienes-somos > h1{
	font: 20px 'Noto Sans'; 
	color: #1e356e; 
	display: block; 
	margin: 75px 0 0 130px;
}

.quienes-somos  > .content{
	margin-left: 130px; 
	display: block; 
	font: 12px 'Noto Sans';
}

.values{
	margin-top: 50px; 
	width: 100%; 
	display: block;
}

.filosofia{
	width:30%; 
	float: left; 
	margin-right: 15px; 
	font: 12px 'Noto Sans';
}

.filosofia > h3{
	font:bold 12px 'Noto Sans'; 
	color: #394e80; 
	text-align: center;
}

.mision{
	width:30%; 
	float: left; 
	margin-right: 15px; 
	margin-top: 20px; 
	font: 12px 'Noto Sans'; 
}

.mision > h3{
	font:bold 12px 'Noto Sans'; 
	color: #394e80;
	text-align: center;
}

.vision{
	width:30%; 
	float: left; 
	margin-right: 15px; 
	font: 12px 'Noto Sans'; 
}

.vision > h3{
	font:bold 12px 'Noto Sans'; 
	color: #394e80;
	text-align: center;
}

/** Finaliza estilo de pagina de About Us **/
/** Inicia estilo de pagina de clientes **/

.clientes-box{
	background: url(../images/clientes-title.jpg) no-repeat; 
	min-height: 160px;
}

/** Finaliza estilo de pagina de clientes**/
/** Inicia estilo de pagina de soluciones web**/
.no-background{
	background: none;
}

.web-h1{
	color: #5a7b2a;
}

.content-web{
	color: #717fa3; 
	font-weight: bold;
}

.info-web{
	color: #000; 
	font: 12px 'Noto Sans';
	margin-top: 30px;
}

.info-web > h3 {
	font: bold 13px 'Noto Sans';
}

.feature{
	width: 30%; 
	text-align: left; 
	color: #597b29; 
	font:bold 12px 'Noto Sans';
}

.websites{
	width: 642px; 
	margin-top: 10px;
}

.websites-text{
	float: left; 
	width: 160px; 
	height: 268px; 
	background: url(../images/background-empresas.jpg) center center no-repeat; 
	font: bold 11px 'Noto Sans'; 
	color: #FFF;
}

.websites-text > span{
	margin: 10px; 
	display: block;
}

.websites-text > ul{
	padding: 5px;
}

.websites-text > ul > li{
	background: url(../images/bullet-empresa.png) 3px 3px no-repeat; 
	padding-left: 15px;
}

.websites-images{
	float: left; 
	width: 472px; 
	height: 266px; 
	background: url(../images/background-web-top.jpg) top left repeat-x; 
	border-right: 1px solid #aeaeae; 
	border-bottom: 1px solid #aeaeae;
}

.websites-images > .left{
	width: 31%; 
	height: 266px; 
	float: left; 
	margin-right: 5px; 
	margin-left: 5px; 
	border-right: 1px solid #aeaeae;
}

.websites-images > .center{
	width: 31%; 
	height: 266px; 
	float: left; 
	margin-right: 5px; 
	margin-left: 5px; 
	border-right: 1px solid #aeaeae;
}

.websites-images > .right{
	width: 31%; 
	height: 266px; 
	float: left; 
	margin-right: 5px; 
	margin-left: 5px;
}

.websites-images img{
	margin: 49px auto;
}



/** Finaliza estilo de pagina de soluciones web**/
/** Inicia seccion de pagina de capacitaciones **/

.nuestras-capas{
	margin: 30px 0 5px 130px;
}

.justificar{
	font-size: 14px; 
	text-align: justify;
}

.general_table{
	width: 100%; 
	margin: 20px auto;
	width: 640px; 
	text-align: center;
}

#table_content_capa{
	width: 650px; 
	margin: 0 auto;
}

.mes_capacitacion{
	margin-left: 1px; 
	background: #2e54a0; 
	float: left; 
	font: 20px 'Noto Sans'; 
	color: #fbfbfb; 
	padding: 5px; 
}

.capacitacion-table-top{
	background: url(../images/capacitacion-table-top.jpg) no-repeat; 
	height: 29px; 
	width: 648px;
}

.capacitaciones-tabla-body{
	background: url(../images/capacitaciones-tabla-body.jpg) repeat-y; 
	width: 648px;
}

.date_container{
	width: 82px; 
	float: left; 
	text-align: center; 
	margin-left: 4px;
}

.date{
	width: 42px; 
	height: 50px; 
	background: url(../images/capacitaciones-dias.jpg) no-repeat; 
	margin: 10px auto; 
}

.day_name{
	width: 42px; 
	height: 20px; 
	text-align: center; 
	margin: 0 auto; 
	font: 16px 'Noto Sans'; 
	color: #fefeff;
}

.day_num{
	width: 42px; 
	height: 30px; 
	text-align: center; 
	margin: 0 auto; 
	font:bold 21px 'Noto Sans'; 
	color: #c8840d;
}

.sistem_container{
	width: 156px; 
	float: left; 
	text-align: center;
}

.info_container{
	width: 241px; 
	float: left; 
	text-align: left; 
	color: #000; 
	padding-top: 10px; 
	font: 13px 'Noto Sans'; 
	margin-left: 10px;
}

.participantes_container{
	width: 155px; 
	float: left; 
	text-align: center; 
	color: #000; 
	padding-top: 10px; 
	font: 13px 'Noto Sans';
}

.line_dividen{
	background-color: #e5e5e7; 
	color: #e5e5e7; 
	height: 1px; 
	border: 0;
}

.capacitacion-table-bottom{
	background: url(../images/capacitacion-table-bottom.jpg) no-repeat; 
	height: 23px; 
	width: 648px; 
	color: #2e54a0; 
	text-align: center; 
	font: bold 12px 'Noto Sans'; 
	border-top: 1px solid #e5e5e7;
}

.container_price{
	background: url(../images/logo-gratis.jpg) left top no-repeat; 
	height: 85px; 
	padding-top: 30px; 
	width: 500px; 
	padding-left: 144px; 
	margin: 15px auto; 
	text-align: center;
}

.price_title{
	font: bold 16px 'Noto Sans'; 
	color: #224b9b;
}

.price_value{
	font: bold 25px 'Noto Sans'; 
	color: #fcfdff;
}

.price_reserve{
	font: bold 12px 'Noto Sans'; 
	color: #fef8f8; 
	margin-left: 45px;
}
/** Finaliza estilo de pagina de capacitaciones**/

/** Inicia estilo de pagina de historias de exito**/

.hexito{
	background: url(../images/hexito-title.jpg) no-repeat; 
	min-height: 120px;
}

.hexito-box{
	width: 95%; 
	border: 2px solid #efeff1; 
	margin: 15px auto; 
	padding: 10px;
}

.user-sys{
	min-width: 250px; 
	float: left; 
	font: bold 12px Arial; 
	color: #5f5f61;
}

.like-box{
	width: 280px; 
	float: right; 
	font: bold 12px Arial; 
}

.image-box{
	min-width: 160px; 
	width: 160px; 
	float: left; 
	text-align: left; 
	margin-top: 5px;
}

.image-box > img{
	margin: 5px auto;
}

.info-box{
	width: 430px; 
	float: right; 
	font: 12px 'Noto Sans'; 
	/*color: #928c8c; */
	text-align: justify;
	margin-top: 5px;
}

.signature-box{
	width: 100%; 
	text-align: right; 
	margin: 5px auto; 
	font: 11px 'Noto Sans'; 
	color: #949494;
}

.signature-box > span{
	font-weight: bold;
} 

/** Finaliza estilo de pagina de historias de exito**/