body{
	font-family: Arial, helvetica, sans-serif; font-size: 0px; background: #FFF;
}
p{
	font-size: 14px; color: #999; line-height: 20px;
}
section{
	padding: 0px; margin: 0px;
}
b{
	color: #757575;
}
.wrapper{
	width: 100%;
}
.container{
	width: 1024px; padding: 0px 15px; margin: 0px auto;
}
.headerback{
	background: #0f52a4; position: fixed; top: 0; z-index: 50; border-bottom: 1px solid #2764AD
}
.logo-teon{
	width: 146px; height: 40px; display: inline-block; margin:20px;
}
.logo-teon img{
	width: 100%;
}
.responsive{
	padding: 0px; margin:0px auto;
}
/***** ::: MENU ::: *****/
nav{
	display: inline-block;
}
.main-navigation{
	display: inline-block; float: right; font-size: 0px;
}
.menu li.nav-toggle{
	display: none; height: 80px; background: #0f52a4; text-align: center; font-family: 'fontmedium', Arial, Helvetica, sans-serif; font-size: 16px; line-height:80px; color: #FFF; padding: 0px 20px 0px 15px; text-transform: uppercase; font-weight: bold; cursor: pointer; background: url("../images/ico-navigation.png") no-repeat right center;
}
.menu{
	width: auto; display: inline-block; margin: 0;padding: 0;
}
.menu li{
	display: inline-block;
}
.menu li a{
	display: block; height: 80px; line-height: 80px; padding: 0px 15px; text-decoration: none; font-family: 'fontmedium', Arial, Helvetica, sans-serif; font-size: 13px; text-transform: uppercase; color: #FFF; position:relative; border-left: 1px solid #2764ad;
}
.menu li a:hover{
	background:#0B4388; color: #FFF; -moz-transition: all 0.3s ease-in; -webkit-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; transition: all 0.3s ease-in;
}
.menu a:hover, .menu .current{
    color: #38acec; background: #0B4388; -moz-transition: all 0.2s ease-in; -webkit-transition: all 0.2s ease-in; -o-transition: all 0.2s ease-in; transition: all 0.2s ease-in;
}
.visible{
	display: block !important; background:#0B4388;
}
.Jdivision{
	display: block; width: 100%; height: 82px; margin: 0px; padding: 0px; background: #FFF;
}
/***** ::: SLIDER ::: *****/
.sliderback{
	background: #f2f2f2;
}
.mainslider{
	display: table; position: relative; font-size: 0px;
}
.mainslider img{
	width: 100%;
}
.infoslider{
	display: table-cell; width: 380px; height: 100%; padding: 50px 35px 35px 35px; box-sizing:border-box; position: absolute; top: 0px; left: 0px; z-index: 10; /*background: rgba(255,255,255,0.75)*/;
}
.infoslider h1{
	display: block; height: 115px; overflow: hidden; font-family: Arial, helvetica, sans-serif; font-size: 33px; color: #0F52A4; font-weight: bold; padding: 0px; margin: 0px 0px 33px 0px;
}
.infoslider h1 a{
	color: #353535; text-decoration: none;
}
.infoslider h1 a:hover{
	color: #0F52A4;
}
.backproduct{
	display: table; position: relative; font-size: 0px;
}
.backproduct img{
	width: 100%;
}
.infoproducts{
	display: table-cell; width: 365px; height: 100%; padding: 50px 35px 35px 35px; box-sizing:border-box; position: absolute; top: 0px; left: 0px; z-index: 10; /*background: rgba(255,255,255,0.75)*/;
}
.infoproducts h1{
	display: block; height: 188px; overflow: hidden; font-family: Arial, helvetica, sans-serif; font-size: 33px; color: #0F52A4; font-weight: bold; padding: 0px; margin: 0px 0px 33px 0px;
}
.close{display: none}
.infoslider p{
	display: block; font-size: 18px; color: #262626; height: 60px; overflow: hidden;
}
#owl-slider .owl-pagination{
	display: inline-block; width: 380px; position: absolute; left: 0; bottom: 10px; z-index: 10;
}
#owl-slider .owl-pagination span{
	background: #B1B1B1;
}
.owl-theme .owl-controls .owl-page.active span, .owl-theme .owl-controls.clickable .owl-page:hover span{
	background: #039ba6 !important;
}
#owl-slider.owl-theme .owl-controls{
	margin-top: 0px !important;
}
/***** ::: BODY ::: *****/
.main-information{
	padding-top: 60px;
}
.main-information h2{
	display: block; width: 100%; text-align: center; font-family: 'fontbold', Arial, helvetica, sans-serif; font-size: 30px; color: #039ba6; text-transform: uppercase; padding: 0px 0px 50px 0px; margin: 0px;
}
.main-information p{
	display: block; font-size: 14px; text-align: justify; padding: 0px 148px; margin: 0px 0px 30px 0px;
}
.section-tabs{
	display: block; margin: 0 40px; padding: 40px 0px 0px 0px;
}
.container-tabs{
	width:100%; margin:20px auto;
}
ul.resp-tabs-list {
	margin: 0px; padding: 0px; font-size: 0px;
}
.resp-tabs-list li {
	display: inline-block; width: 25%; padding: 45px 0px 30px 0px; margin: 0; border-left: 2px solid #FFF !important; list-style: none; cursor: pointer; text-align: center; position: relative; box-sizing:border-box;
}
.resp-tabs-list li:hover{
	background: #039BA6 !important; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;
}
.resp-tabs-container {
	padding: 0px; background-color: #fff;
}
.resp-tabs-list li img{
	display: inline-block; margin-bottom: 20px;
}
.resp-tabs-list li p{
	display: block; font-family: 'fontbold', Arial, helvetica, sans-serif; font-size:20px; text-transform: uppercase; color: #fff; font-weight: normal; padding: 0px; text-align: center !important;
}
h2.resp-accordion {
	cursor: pointer; padding:15px 5px; display:none; font-size:14px;
}
.resp-tab-content {
	display: none; background: #FFF;
}
.resp-tab-active:after{
	content: ""; display: inline-block; position: absolute; left: 50%; bottom: 0px; margin-left: -12px; width: 0; height: 0; border-left: 12px solid transparent; border-right: 12px solid transparent; border-bottom: 10px solid #FFF;
}
.serviceback{
	background: #FFF;
}
.content-service{
	display: block; font-size: 0px; margin: 0px; padding: 57px 38px 10px 38px;
}
.items-serviceimg{
	display: inline-block; width: 35%; text-align: center; vertical-align: top;
}
.items-serviceimg img{
	 -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%;
}
.items-servicetxt{
	display: inline-block; width: 65%; vertical-align: top;
}
.items-servicetxt h3{
	display: block; padding: 0px; margin: 0px 0px 30px 0px; font-family: 'fontbold', Arial, helvetica, sans-serif; font-size: 30px; color: #0f52a4;
}
.items-servicetxt p{
	display: block; padding: 0px 0px 15px 0px; margin: 0px;
}
.items-servicetxt ul{
	margin: 20px 0px 0px 0px; padding: 0px; font-size: 14px; list-style: none;
}
.items-servicetxt ul li{
	color: #999; padding: 0px 0px 12px 25px; background: url("../images/ico-values.png") no-repeat left -4px;
}
.productback{
	background: #dbe7ee; border-bottom: 1px solid #FFF; margin-top: 70px;
}
#owl-produce.owl-carousel{
	margin-top: 40px;
}
.produce-img{
	display: inline-block; width: 303px; height: 215px; background: url("../images/content-produce.png") top left no-repeat; text-align: center; margin-top: 20px;
}
.produce-img img{
	display: inline-block; width: 239px; height: 171; overflow: hidden; margin-top: 14px;
}
.produce-txt{
	display: inline-block; width: 50%; margin-left: 75px; margin-bottom: 20px; vertical-align: top;
}
.produce-txt h2{
	display: block; font-family: 'fontbold', Arial, helvetica, sans-serif; font-size:30px; color: #0f52a4; margin:0px 0px 25px 0px; padding: 0px; height: 62px; overflow: hidden; text-align: left;
}
.produce-txt p{
	display: block; color: #999; height: 60px; overflow: hidden; margin-bottom: 20px; padding: 0px !important; text-align: left;
}
.produce-txt div{
	display: block; font-size: 14px; color: #999; font-weight: bold; padding: 12px 0px; margin-bottom: 15px; border-top: 1px solid #ced7dd; border-bottom: 1px solid #ced7dd; text-align: left;
}
.produce-txt div span{
	display: inline-block; color: #000; font-weight: normal;
}
.view-moreProduct{
	display: block; width: 100%;text-align: center; padding: 40px 0px 60px 0px;
}
.view-moreProduct p{
	margin: 0; padding: 0; color: #555; font-size: 16px; text-align: center !important;
}
.view-moreProduct a{
	font-family: 'fontbold', Arial, helvetica, sans-serif; font-size: 16px; text-decoration: none; color: #0F52A4;
}
.view-more{
	display: inline-block; font-size: 14px; line-height: 37px; padding:0px 10px; height: 37px; background: #039ba6; text-decoration: none; color: #FFF;position: relative;
}
.view-more:before{
	content: ""; display: inline-block; width: 36px; height: 37px; background: #006870 url("../images/view-more.png") center center no-repeat; position: absolute; top: 0px; left: -36px;
}
.view-more:hover{
	background: #006870; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;
}

.download-document{
	display: inline-block; font-family: Arial, Helvetica, Sans-serif; font-size: 14px; line-height: 30px; padding:0px 10px 0px 40px; height: 30px; background: #039ba6; text-decoration: none; color: #FFF;position: relative; margin-top: 20px;
}
.download-document:before{
	content: ""; display: inline-block; width: 30px; height: 30px; background: #006870 url("../images/download-document.png") center center no-repeat; position: absolute; top: 0px; left: 0px;
}
.produce-txt a.view-more{
	float: right;
}
#owl-produce .item{
	text-align: center;
}
#owl-produce .owl-pagination span{
	background: #fff; opacity: 0.9;
}
.custumersback{
	background: #f6f6f6;
}
.custumersback .main-information h2{
	padding-top: 20px;
}
.content-custom{
	display:block; width: 790px; margin: 0px auto 0px auto; text-align: center; padding-top: 40px; padding-bottom: 100px;
}
.content-custom img{
	display: inline-block; border: 1px solid #e2e2e2; padding: 5px; background: white;
}
.section-home .owl-buttons{
	position: absolute; top: 50%; margin-top: -60px; display: block; width: 100%; background: red;
}
#owl-customer .owl-pagination{
	display: none;
}
#owl-customer  .owl-pagination span{
	width: 15px; height: 15px;
}
#owl-customer .owl-prev{
	position: absolute; top: 50%; left: -40px;display: inline-block; margin-top: -32px; width: 41px; height: 64px; background: url("../images/ico-prev.png") top left no-repeat;
}
#owl-customer .owl-next{
	position: absolute; top: 50%; right: -60px;display: inline-block; margin-top: -32px; width: 41px; height: 64px; background: url("../images/ico-next.png") top left no-repeat;
}
/***** ::: ABOUT ::: *****/
.container-about{
	display: block; padding: 60px 98px 60px;
}
#TabuladorAbout{
	position: relative;
}
 .aboutback{
 	background: #FFF;
 }
.tabs-about{
	text-align: center; width: 75%; position: absolute; top: 0; right: 0; z-index: 2;
}
#TabuladorAbout .resp-tabs-list li{
	width: 33.3%;
}
.tabs-about li:hover{
	background: transparent !important;
}
.tabs-about li:hover p{
	color: #0F52A4 !important;
}
.tabs-about li{ 
	background:none !important; padding:10px 0px; border: none !important;
}
.tabs-about li p{
	font-size: 30px; text-transform: none; color: #999 !important; padding: 5px 0px; border-right: 1px solid #999; font-weight: normal;
}
.tabs-about li:last-child p{
	 border-right: 1px solid #FFF;
}
#TabuladorAbout .resp-tab-active > p{
	color: #0f52a4 !important;
}
.info-about{
	display: block;
}
.info-about img{
	display: inline-block; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%;
}
.info-about p{
	display:inline-block; width: 60%; margin-left: 65px; margin-top: 100px; padding: 0px; vertical-align: top;
}
.info-about ul{
	display:inline-block; width: 60%; margin-left: 65px;  margin-top: 100px; vertical-align: top;
}
.info-about li{
	font-size: 14px; color: #999; padding: 0px 0px 12px 25px; list-style: none; background: url("../images/ico-values.png") no-repeat left -4px;
}
#TabuladorAbout .resp-tab-active:after{
	content: ""; display: none;
}
/***** ::: Accordion ::: *****/
.informationback{
	background: #039BA4;
}
.infotxt h2{
	color: #FFF !important; padding-bottom: 35px; text-align: center !important;
}
.infotxt p{
	color: #FFF !important; padding-bottom: 35px; text-align: center !important;
}
.clearfix{
	overflow: auto; zoom: 1;
}
.box-accordion{
	font-size: 14px; padding: 35px 145px;
}
#accordion {
	list-style: none; padding: 0 0 0 0;	width:100%;
}
#accordion li{
	display: block; margin: 1px; cursor: pointer; padding: 16px; font-family: 'fontbold', Arial, helvetica, sans-serif; font-size: 20px; color: #616161; border-bottom: 1px solid #dbe7ee;
}
#accordion ul {
	list-style: none; padding: 0 0 0 0;	display: none;
}
#accordion ul li{
	font-weight: normal; cursor: auto; background-color: #fff; padding: 16px; border-bottom: none; font-size: 0px;
}
#accordion a {
	text-decoration: none;
}
#accordion a:hover {
	text-decoration: underline;
}
.content-left{
	display: inline-block; width: 30%; font-size: 14px; text-align: center;
}
.system-img{
	display: block; width: 100%; background: url("../images/content-produce-systems.jpg") no-repeat top left; padding: 21px 6px 1px 6px; background-size: 100%; box-sizing: border-box;
}
.system-img img{
	width: 100%;
}
.content-right{
	display: inline-block; width: 70%; vertical-align: top; font-size: 14px; padding: 0px 0px 0px 30px; box-sizing: border-box;
}
.content-right h2{
	font-family: Arial, helvetica, sans-serif; font-size: 14px; font-weight: bold; color: #039ba6; border-top: 1px solid #ebebeb; border-bottom: 1px solid #ebebeb; padding: 16px; margin: 0px;
}
.content-right h2 span{
	font-weight: normal; color: #000;
}
.content-right p{
	font-family: Arial, helvetica, sans-serif;  color: #999; font-weight: normal; text-align: left !important; margin: 0px; padding: 16px; border-bottom: 1px solid #ebebeb;
}
.content-right h4{
	font-family: Arial, helvetica, sans-serif; color: #039ba6; padding: 20px 16px; margin: 0px;
}
.content-right ol{
	margin: 0px 0px 15px 0px; padding: 0px 16px; font-size: 14px !important;
}
.content-right ol li{
	font-family:Arial, Helvetica, Sans-serif !important; font-size: 14px !important; list-style: none !important; color: #999 !important; padding: 0px !important; background: url("../images/ico-values.png") no-repeat left -4px; padding: 0px 0px 12px 25px !important;
}
/***** ::: CONTACTO ::: *****/
.s-contacto, .s-footer{
	background: #0f52a4;
}
.container-contact{
	display: block; width: 900px; margin: 0px auto; font-size: 0px;
}
.container-contact h2{
	display: block;	width: 100%; font-family: 'fontbold', Arial, helvetica, sans-serif; text-align: center; font-size: 30px; color: #FFF; padding:60px 0px 80px 0px; margin: 0px; text-transform: uppercase;
}
.contact-information{
	font-size: 16px; font-size: Arial, helvetica, sans-serif; padding-top: 40px;
}
.contact-information a{
	display: block; text-decoration: none; color: #74f0ff; margin-bottom: 26px;
}
.contact-left{
	display: inline-block; width: 320px; vertical-align: top;
}
.contact-left p{
	color: #FFF; margin: 0px; padding: 0px;
}
.contact-right{
	display: inline-block; width: 500px; vertical-align: top; margin-left: 70px;
}
.box-input{
	display: block; width: 100%; background: #FFF; padding: 10px 10px 10px 60px; box-sizing:border-box; -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; margin-bottom: 40px;
}
.box-input:hover, .box-input:active, .box-input:visited{
	background-color: #DDF2FF; color: #fff; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;
}
.backg-name{
	background: #FFF url("../images/ico-name.png") center left no-repeat;
}
.backg-email{
	background: #FFF url("../images/ico-email.png") center left no-repeat;
}
.backg-message{
	background: #FFF url("../images/ico-message.png") top left no-repeat;
}
.tforms{
	display: block; width: 100%; background: transparent; box-sizing:border-box; color: #9fc2d6; font-size: 16px; font-family: 'fontbold', Arial, helvetica, sans-serif; border: 1px solid #FFF; outline: none; padding: 8px 0px; border-color: transparent;
}
.box-send{
	display: inline-block; padding: 10px 40px; border: 2px solid #FFF; font-size: 18px; background: #039ba6; text-decoration: none; color:#FFF; -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; margin-bottom: 90px;
}
.box-send:hover{
	background: #006870; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out;
}
.box-footer{
	display: block; width: 85%; margin: 0px auto; padding: 30px 0 50px; text-align: center; color: #FFF; font-size: 12px; border-top: 1px solid #4b7dbb;
}
/***** ::: SOCIAL MANAGER ::: *****/
.content-manager{
	display: block; margin-top: 112px; text-align: left;
}
.manager-visible{
	display: none;
}
.content-manager ul{
	margin: 0px; padding: 0px;
}
.content-manager ul li{
	display: inline-block; list-style: none; font-size: 0px;
}
.content-manager ul li a{
	display: block; font-size: 14px; text-decoration: none; outline: none; width: 34px; height: 34px; margin-right: 30px; background-position: top center; text-indent: -9999px; overflow: hidden;
}
.content-manager ul li a:hover{
	background-position: bottom center; background-repeat: no-repeat; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out;
}
.image-facebook{
	background-image: url("../images/ico-facebook.png");
}
.image-twitter{
	background-image: url("../images/ico-twitter.png");
}
.image-linkedin{
	background-image: url("../images/ico-linkedin.png");
}
.image-googlem{
	background-image: url("../images/ico-googlem.png");
}
/***** ::: flotante social mnanager ::: *****/
.social-media{
	position: fixed; top: 120px; right: 0px; width: 40px; z-index: 100;
}
.items-social{
	margin: 0px; padding: 0px;
}
.items-social li{
	float: left; list-style: none;
}
.items-social li a{
	display: block; width: 40px; height: 40px; margin-bottom: 5px; text-indent: -9999px; background-size: 75%; background-repeat: no-repeat; background-color: #039BA6; background-position: center 7px;
}
.items-social li a:hover{
	background-color: #0F52A4; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out;
}
.hidden_info{
	display: none !important;
}