/* From Google gonts */
@import url(http://fonts.googleapis.com/css?family=Lato:300,400);

body {font-family: 'Lato', sans-serif; font-weight: normal; background-color:  #FFFFFF;}

a:hover {text-decoration: none;}


.row img {max-width: 100%;}

.ta-justify {text-align: justify;}
.ta-center {text-align: center;}
.ta-right {text-align: right;}
.no-padding {padding: 0px;}

.no-gutter > [class*='col-'] {
    padding-right:0;
    padding-left:0;
}


.yellow {color: #E9BE13 !important; }
.blue {color: #59C6EE !important; }
.pink {color: #9457AF !important; }


/* ************************************************************************************************	*/
/* HEADER 																						  	*/
/* ************************************************************************************************	*/

nav.navbar.navbar-default {

  background-color: rgba(37, 52, 76, 0.9);
  margin: 0px;
  border: 0px;
  border-top: 5px solid #0689B6;
  border-bottom: 1px solid rgba(29,148,191,0.36);
  border-radius: 0px;
}

.navbar-default .navbar-nav>li>a {
  font-size: 20px;
  font-weight: 300;
  line-height: 78px;
  color: white !important;
}
.navbar-default .navbar-nav>li>a:visited{color: white;}
.navbar-nav li a:hover, .navbar-nav li a.active {color: #0689B6 !important;     background-color: transparent;}

.dropdown-menu {background-color: rgba(37, 52, 76, 0.9);}
.dropdown-menu > li > a {color: white;}
.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover {background-color: transparent; color: #0689B6;}

.navbar-right {
	margin: 0 20px;
    line-height: 110px;
}

#logo {
	display: inline-block;
}

.navbar-brand {padding: 0px; }

/* ************************************************************************************************	*/
/* BANNER 																			  	*/
/* ************************************************************************************************	*/

#banner {
	background-image: url('../img/banner.jpg');
	background-size: 100%;
	background-size: cover;
	background-position: center top;
	text-align: center;
	padding-top: 250px;
	padding-bottom: 100px;
    overflow: hidden;

	/* Animation of the paralax effect */
	transition:background-position 0.5s ease-out;
	-webkit-transition:background-position 0.5s ease-out;
	-moz-transition:background-position 0.5s ease-out;
	-o-transition:background-position 0.5s ease-out;
}
#banner header {  padding-top: 10px; margin-bottom: 50px; }
#banner h1 {font-size: 45px; color: white; font-weight: 300; }
#banner h2 span i {font-size: 20px;}

#banner span.label.label-primary {
  font-family: 'Lato', sans-serif;
  font-size: 24px;
  font-weight: 300;
  background-color: #61ACEC;
}

#banner .caption {padding: 0px 20px;}

#banner .caption h3{
	font-family: 'Lato', sans-serif;
	color: white !important;
	font-weight: 600;
	font-size: 22px;
	text-align: left;
	margin: 20px 0px;
}

#banner .caption span.link {color: white !important; font-weight: 600;     text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);}

#banner .caption:hover .yellow{color: #E9BE13 !important;}
#banner .caption:hover .blue {color: #59C6EE !important; }
#banner .caption:hover .pink {color: #9457AF !important; }

#banner .caption a {display: block; position: absolute; top: 0px; width: 100%; height: 100%;}

#banner p {
	text-align: left;
	font-weight: 300;
	font-size: 20px; 
	color: white;
}

#banner_small {
	background-image: url('../img/small_banner.jpg');
	background-size: 100%;
	background-size: cover;
	background-position: top center;
	text-align: center;
	padding-top: 150px;
	padding-bottom: 150px;

	/* Animation of the paralax effect */
	transition:background-position 0.5s ease-out;
	-webkit-transition:background-position 0.5s ease-out;
	-moz-transition:background-position 0.5s ease-out;
	-o-transition:background-position 0.5s ease-out;
}


.top_yellow {border-top: 3px solid #E9BE13 !important; }
.top_blue {border-top: 3px solid #59C6EE !important; }
.top_pink {border-top: 3px solid #9457AF !important; }


/* ************************************************************************************************	*/
/* CONTENT																						  	*/
/* ************************************************************************************************	*/

section {}

section h1 {font-size: 45px; font-weight: 300; color : #3498DB;}

section h2 {font-size: 45px; font-weight: 300; color : #3498DB}

section h3 {font-size: 30px; font-weight: 300; color : #30282A}

section p {font-size: 20px; font-weight: 300; color: #555555; text-align: justify;}


.cream_bg {background-color: #F2F1ED;}

.tablet {}

.tablet h2 {font-size: 28px; font-weight: 400; color: #666;}

.tablet p {font-size: 20px; font-weight: 300; color: #666;}

.tablet-image {
  position: relative;
  margin-top: -70px;
  padding-bottom: 50px;
}
.tablet-icon {
	padding-top: 45px;
}

.business {}
.business .news:after {content: ' '; display: block; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; background-color: rgba(20, 20, 20, 0.7); }
.business .news:hover:after {background-color: rgba(52, 152, 219, 0.7);}
.business .news:hover span {text-decoration: underline;}

.business a {display: block; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; z-index: 10; }

.business img {width: 100%; position: relative;}
.business .img_content {    position: absolute; top: 0px; left: 0px;    right: 0px; width: 100%; height: 100%; padding-top: 20%; margin: auto; z-index: 1;}
.business .img_content h3 {color: white; text-align: center;}
.business .img_content p {color: white; text-align: center; max-width: 70%; margin: auto;}
.business .img_content hr {    display: block; width: 100px; border-top: 3px solid white;}
.business .img_content span {display: block; margin: 20px;} 
.business .news {max-height: 420px; overflow: hidden;}



#director {padding: 20px 0;     overflow: hidden;}

.director_left {
	padding: 50px;
	float: left;
	max-width: 650px;
}

.director_left p {
	font-size: 24px;
	padding-bottom: 20px;
	padding-top: 20px;
}


.round_img {
	width: 120px;
	height: 120px;
	border-radius: 150px;
	-webkit-border-radius: 150px;
	-moz-border-radius: 150px;
}

.left_content {
	float:left;
}

.right_content {
	float: right;
	width: 73%;
    padding-top: 10px;
}

.right_content p {
	font-size: 12px !important;
	text-transform: uppercase;
}

.right_content p span {
	font-size: 14px !important;
}

.full-image img {width: 100%;}


#ipad_slider {
	float: right;
	height: 500px;
    width: 535px;
    max-width: 110%;
    background: url('../img/ipad.png') no-repeat left center;
    padding-top: 43px;
    padding-left: 52px;
    overflow: hidden;
}

#ipad_slider img { height: 400px; width: 500px;}

#ipad_slider .bx-wrapper {    margin: 0 auto; height: 400px;}

#ipad_slider .bx-controls.bx-has-pager {
    position: absolute;
    left: 0px;
    right: 0px;
    bottom: 5px;
    margin: auto;
}

#map {width: 100%; min-height: 320px;}

#map iframe {height:320px;     margin-bottom: -5px;}
#map #leftMap, #rightMap {height:320px;  }
#map .row img {max-width: inherit;}

/* ====================================================================================================== */
/*  DISPLAY : Content Pages  	                                                                          */
/* ====================================================================================================== */


#display {}

#display section {padding-left: 60px; overflow: hidden;}

#display .header {
	padding: 90px 30px 10px 0px;	
}
#display .header h1 {text-transform: uppercase;}

.mision_vision {
	background-color: white;
}

.cont_mv {
	padding: 60px 30px 100px 0px;
}

.people {
	background-image: url('../img/quienes_bg.jpg');
	background-size: cover;
	padding-bottom: 100px;
}

.people .content {
  padding-right: 30px;
  padding-bottom: 50px;
}

.cont_logos {
	padding: 70px;
	text-align: center;
}



.services {
	border-top: 1px solid rgb(195, 195, 195);
	border-bottom: 1px solid rgb(195, 195, 195);

}

.services a {
	text-align: center;
	padding-top: 30px;
	padding-bottom: 30px;
	color: white;
	font-size: 18px;
	display: block;
}
.services a:hover {text-decoration: underline;}
.services .yellow {
	background-color: rgb(223, 196, 13);
}

.services .blue {
	background-color: rgb(99, 146, 232);
}

.services .pink {
	background-color: rgb(160, 17, 160);
}

.procesos {
	background-image: url('../img/meeting.jpg');
	background-size: 100%;
	background-size: cover;
	padding-top: 150px;
	padding-bottom: 150px;
}


.procesos h2 {
  	text-align: center;
	text-transform: uppercase;
	font-size: 45px;
	margin: 0px;
	color: #3498DB;
	font-weight: 300;
}



/* ====================================================================================================== */
/*  SHOWROOM                                                                                              */
/* ====================================================================================================== */

#showroom {padding: 40px; background-color : #F2F1ED;}

#showroom > header {padding: 20px 0; }
#showroom > header h1 {font-size: 45px; font-weight: 300; color : #3498DB;}

#showroom .list_wrapper{}
#showroom .list_wrapper article {background-color: white; min-height: 550px; margin-bottom: 40px; overflow: hidden; }
#showroom .list_wrapper article.clickable {cursor: pointer; height: 550px;}
#showroom .list_wrapper article.clickable:hover h3 span {text-decoration: underline;}

#showroom .list_wrapper article img {width: 100%;}

#showroom .list_wrapper article .article_content {padding: 10px 20px;}
#showroom .list_wrapper article h2 {color: #30282A; font-size: 28px; font-weight: 300;}
#showroom .list_wrapper article h3 {font-size: 18px; color: #0689B6; font-weight: 400;}
#showroom .list_wrapper article p {font-size: 20px; color: #555555; font-weight: 300;}
#showroom .list_wrapper article .full_content {display: none;}

#showroom .full_view {
    width: 100%; 
    min-height: 500px;
    overflow: hidden;
    margin-bottom: 40px;

    -webkit-transition: width 0.5s ease-in-out;
    -moz-transition: width 0.5s ease-in-out;
    -o-transition: width 0.5s ease-in-out;
    transition: width 0.5s ease-in-out;
}
#showroom .full_view h3 span {display: none;} /*hides the view more*/

#showroom .close_view {background-image: url('../img/big_close_button.png'); display: none; float: right; width: 27px; height: 34px; margin: 30px; cursor: pointer;}
#showroom .visited_view {opacity: 0.5;}

#showroom .article_img {    max-height: 50%; overflow: hidden;}

#showroom .full_view .article_img {
	float: right;
	width: 50%;
	min-height: 550px;
	overflow: hidden;
	position: relative;
	margin-left: 20px;
}
#showroom .full_view .article_img img {    width: initial; height: 100%; max-width: initial; position: absolute; right: 0px;}
#showroom .full_view article .full_content {display: block;}
#showroom .full_view article .resume {display: none;}

/* ====================================================================================================== */
/*  SOCIAL ICONS                                                                                          */
/* ====================================================================================================== */

.socialIcons {}

.socialIcons a {padding: 0px 5px; color: white;}
.socialIcons a:hover .fa-facebook {color: #3E588E;}
.socialIcons a:hover .fa-twitter {color: #5EA9DD;}
.socialIcons a:hover .fa-google-plus {color: #DD4B39;}
.socialIcons a:hover .fa-linkedin-square {color: #0077B5;}
.socialIcons a:hover .fa-youtube-play {color: #A51C1C;}

/* ====================================================================================================== */
/*  FORM	                                                                                              */
/* ====================================================================================================== */

.form {padding: 40px 0px; overflow: hidden;}

.form label { display: none;}

.form .input input, textarea {
	color: #2B374D;
	background-color: transparent;
	border: 1px solid #6CB6CE;
	box-shadow: none;
	padding: 10px 20px;
	height: 50px;
    width: 100%;
	font-size: 16px;
}

.form .textarea {
	margin: 20px 0;
}
.form .textarea textarea {height: 320px;}

.form .submit input {    width: 270px; height: 50px; border: none; margin-left: 15px; background-color: #2096C1; color: white; font-size: 20px;}

.form 


/* ====================================================================================================== */
/*  SLIDER                                                                                                 */
/* ====================================================================================================== */

.bx-wrapper .bx-viewport 
{
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    border: 0;
    left: 0;
    background-color: transparent;
}

.bx-wrapper img {margin: auto; width: 90%; margin-top: 0%;}
.bxslider .active img {width: 100%; margin-top: 0%;}

.bxslider .active .bx-caption {display: block;}
.bxslider .bx-caption {display: none; height: 100%;   background-color: rgba(67, 25, 139, 0.49); }

.bx-wrapper .bx-caption span { text-align: center; padding: 80px 0 0 0; font-family: 'Lato', sans-serif;  font-size: 15px;  font-weight: 300;}
.bx-wrapper .bx-caption span b {display: block; font-size: 24px; font-weight: 400;}
.bx-wrapper .bx-caption span i {  display: block; font-size: 20px; font-style: normal; padding: 20px 10px; font-weight: 100; }

/* pager */
.bx-wrapper .bx-pager-item {
    overflow: hidden;
}

.bx-wrapper .bx-pager.bx-default-pager a {
	background-color: white;
	width: 15px;
	height: 15px;
	border: 1px solid #AAAAAA !important;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px !important;
}

.bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active {
	background-color: #00ACEC;
	border-color: transparent !important;
}

.pager a, .pager span.current {
    background-color: #0689B6;
    border-radius: 15px;
    width: 30px;
    height: 30px;
    margin: 0 5px;
    display: inline-block;
    content: ' ';
    color: white;
    line-height: 30px;
	font-size: 12px;
}
.pager span.current {background-color: #4EBCE5;}

/* ************************************************************************************************	*/
/* CONSULTORIA SAP SECTION (CONSULTORIA SAP)																				  	*/
/* ************************************************************************************************	*/

.consultoria_SAP .cont {
  padding-top: 50px;
  padding-right: 30px;
  padding-left: 60px;
}

.consultoria_SAP .cont h1 {
	text-transform: uppercase;
	font-size: 32px;
	color: rgb(99, 146, 232);
	padding-bottom: 10px;
}

.consultoria_SAP .cont p {
	font-size: 16px;
	text-align: justify;
}

.consultoria_SAP .img_right:hover:after {
	content: ' ';
	display: block;
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	background-color: rgba(255, 255, 0, 0.8);
}

.consultoria_SAP .img_right {
	position: relative;
	width: auto;
	height: 450px;
	background: url(../images/qs.png) no-repeat;
	background-size: 100%;
	background-size: cover;
}



/* ************************************************************************************************	*/
/* NOTICIAS Y EVENTOS SECTION 																						  	*/
/* ************************************************************************************************	*/

.noticias_eventos h2 {
	text-transform: uppercase;
	color: rgb(99, 146, 232);
	padding-left: 75px;
	padding-top: 40px;
	font-size: 32px;
}

.noticias_eventos .content {
  background-color: white;
}

.noticias_eventos .content h3 {
	text-transform: uppercase;
	font-size: 18px;
	color: rgb(99, 146, 232);
}

.noticias_eventos .content p {
	font-size: 16px;
	text-align: justify;
	padding: 0px;
	margin: 0px;
}

.noticias_eventos .content h1 {
	text-transform: uppercase;
	font-size: 28px;
	padding-bottom: 15px;
	margin: 0px;
	padding-top: 10px;
}

.content_info {
  padding-right: 20px;
  padding-left: 20px;
  padding-bottom: 30px;
}

.cont_noticias {
   padding-top: 30px;
   padding-bottom: 60px;
   padding-right: 60px;
   padding-left: 60px;
}

.cont_noticias img {
	width: 100%;
	padding: 0px;
	margin: 0px;
}


/* ************************************************************************************************	*/
/* NOTICIAS Y EVENTOS SECTION (NOTICIAS INTERNAS)																						  	*/
/* ************************************************************************************************	*/

.info_ne {
	background-color: white;
}

.noticias_internas .cont {
  padding-top: 50px;
  padding-right: 70px;
  padding-left: 50px;
}

.noticias_internas .cont h1 {
	text-transform: uppercase;
	font-size: 32px;
	color: rgb(99, 146, 232);
	padding-bottom: 10px;
}

.noticias_internas .cont p {
	font-size: 16px;
	text-align: justify;
}


.noticias_internas h2 {
  text-transform: uppercase;
  color: rgb(99, 146, 232);
  padding-left: 65px;
  padding-top: 40px;
  padding-bottom: 30px;
  font-size: 32px;
}

.noticias_internas .content {
  padding-right: 20px;
  padding-left: 20px;
  padding-bottom: 30px;
  background-color: white;
}

.noticias_internas .content h3 {
	text-transform: uppercase;
	font-size: 18px;
	color: rgb(99, 146, 232);
}

.noticias_internas .content p {
	font-size: 16px;
	text-align: justify;
	padding: 0px;
	margin: 0px;
}

.noticias_internas .content h1 {
	text-transform: uppercase;
	font-size: 28px;
	padding-bottom: 15px;
	margin: 0px;
}

.noticias_internas .cont_noticias {
   padding-top: 100px;
   padding-bottom: 60px;
   padding-right: 60px;
   padding-left: 60px;
}

/* ====================================================================================================== */
/*  FORMULARIO	                                                                                              */
/* ====================================================================================================== */

.formulario {
	padding-top: 50px;
	padding-bottom: 50px;
}


/* ====================================================================================================== */
/*  FOOTER                                                                                                */
/* ====================================================================================================== */

footer {
  padding: 20px 0 10px;
  background-color: #0689B6;
}

footer p {  color: white;   font-size: 22px; margin-top: 30px; text-align: center;     font-weight: 300;}

p .contactenos {
	border: dotted 3px white;
	border-radius: 30px;
	padding: 10px 20px;
	font-size: 28px;
	font-weight: 400;
	text-align: center;
}

p .tel {
	margin-left: 30px;
	font-size: 40px; font-weight: 300;
}

.info {
	text-align: center;
}



footer img { margin: 0px 30px 10px 30px; }
footer img.email {    margin: 0px 0 5px 0;}



/* ====================================================================================================== */
/*  MESSAGES                                                                                                */
/* ====================================================================================================== */



#messages {
    display: block;
    z-index: 10000;
    position: fixed;
    margin-top: 115px;
}

#messages .alert-warning {
	background-color: #F2F1ED;
	color: #0689B6;
	font-size: 15px;
}


/* ====================================================================================================== */
/*  MOBILE                                                                                                */
/* ====================================================================================================== */

@media(max-width:1360px) {
	.social_header{display: none;}
}


@media(min-width:1000px) {
	
}

@media(max-width:1200px) {
	a.navbar-brand img {height: 30px;}
	.navbar-default .navbar-nav>li>a { font-size: 16px; }
}

@media(max-width:960px) {
	.navbar-default .navbar-nav>li>a { font-size: 16px; padding: 15px 5px;}

	.business .img_content {top: 5%;}

	.tablet-image {    margin-top: -5px;}

	.business .img_content h3 {font-size: 28px;}
	.business .img_content hr {border-top-width: 1px;}
	.business .img_content p {max-width: 90%;     font-size: 18px;}
	.business .img_content span {    margin: 5px; font-size: 18px;}

	footer .contactenos {display: block; width: 210px; margin: 20px auto;}
}

@media(min-width:768px) {
	#navbar {
	  display: inline-block !important;
	}


	.navbar-default {
		padding-left: 30px;
		height: 113px;			
	  	text-align: center;
	}

	.navbar .navbar-nav {
	    display: inline-block;
	    float: none;
	}

	.navbar-brand {
	    padding: 0px;
	    height: 110px;
	    line-height: 110px;
	}

	.navbar-default .navbar-nav>li>a:after{content: '\00b7';     display: inline-block; position: absolute; right: -4px; color:#0689B6; font-size: 30px;}
	.navbar-default .navbar-nav>li:last-child>a:after {display: none;}

	.nav>li>a { padding: 10px 12px;}

	.dropdown-menu {margin-left: -25%; text-align: center;}
	.dropdown-menu > li > a {font-size: 16px; font-weight: 300;}


	.dropdown-toggle:before{content: ' '; display: block; position: absolute; bottom: 0px; left: 0px; right: 0px; margin: auto; width: 0; height: 0; border-left: 5px solid transparent; border-right: 5px solid transparent; border-bottom: 5px solid #4EBCE5;}


}

@media(max-width:767px) {
	.navbar-default .navbar-nav>li>a {line-height: normal; padding: 5px 10px;}

	.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover {color:#0689B6; }
	.navbar-default .navbar-nav .open .dropdown-menu>li>a {color: white;     font-weight: 300;}

	.dropdown-toggle:after{content: ' '; display: inline-block; position: relative;     margin-left: 20px; width: 0; height: 0; border-top: 5px solid transparent; border-left: 5px solid #4EBCE5; border-bottom: 5px solid transparent;}	
	li.open .dropdown-toggle:after {border-top: 5px solid #4EBCE5;  border-right: 5px solid transparent;  border-bottom: 0px solid transparent; border-left: 5px solid transparent;}

	#logo {margin-top: 10px;}

	#banner {background-position: 35% 0px !important;  padding-top: 100px;}
	#banner .roundIcon:after {display: none !important;}

	.tablet-image {margin-top: 0px;}

	footer img {
		padding-left: 0px !important; 
	}
	footer p {margin-top: 10px;}

	footer p .tel {margin: 20px auto; font-size: 30px; display: block;}

	#ipad_slider {      background-image: none;  padding-top: 53px; width: 100%; height: inherit; padding-left: 0px;}
	#ipad_slider img {width: 100%; height: inherit; margin: 0px;}
	#ipad_slider .bx-wrapper {height: inherit;}
	#ipad_slider .bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto {bottom: 0px;}

	.bx-wrapper .bx-viewport {max-width: 120% !important; border: 0px; left: 0px;}

	.services {overflow: hidden;}

	#banner h1 {font-size: 30px;}

	.right_content {
	  width: 63% !important;
      padding-top: 25px !important;
	}

	.director {
		padding: 0px !important;
		padding-top: 20px !important; 
	}

	.business {overflow: hidden;}

	.business img {width: auto; max-width: none;}

	#display section {padding-left: 0px;}

	.cont_mv {
		padding-top: 0px !important;
		padding-bottom: 0px !important;
		/*padding-left: 20px !important;*/
	}

	#banner_small { padding-top: 0px; padding-bottom: 50px;}
	#display .header {padding-top: 20px;}

	#showroom {padding: 0px 10px;}
	#showroom .list_wrapper {overflow: hidden;}
	#showroom .full_view {    padding: 0px; width: auto; height: auto;}
	#showroom .list_wrapper article {height: auto;}
	#showroom .full_view .article_img {    float: none; width: 100%; margin-left: auto;}
	#showroom .full_view .article_img img {      height: initial;  position: relative;   width: 100%;}

	#showroom > header h1 {padding-left: 20px;}

	.people {padding-bottom: 20px;}

	section h1 {font-size: 40px;}
	.procesos h2 {font-size: 35px;}

	.fortalezas .content {
		padding-left: 40px !important;
	}

	.fortalezas .final {
		padding-bottom: 50px !important;
	}

	.fortalezas h2 {
		padding-left: 50px !important;
		padding-bottom: 10px !important;
	}

	.consultoria_SAP .cont {
		padding-top: 0px !important;
	}

	.nuestros_clientes .cont {
		padding-top: 0px !important;
		padding-left: 40px !important;
	}

	.logos .content {
		padding-bottom: 20px !important;
		padding-top: 0px !important;
		padding-left: 40px !important;
	}

	.cont_logos {
		padding: 0px !important;
		padding-bottom: 15px !important;
	}

	.cont_logos img {margin: 10px 0px;}

	.noticias_internas .cont {
		padding-top: 0px !important;
		padding-right: 40px !important;
	}

	.form .submit input {width: 100%; margin-left: 0px;}

	#messages {margin-top: 55px;}
}