/* Font */
@import url(http://fonts.googleapis.com/css?family=Didact+Gothic|Text+Me+One|Shadows+Into+Light+Two);

/* Space out content a bit */
body {
  padding-top: 20px;
  padding-bottom: 20px;
  font-family: 'Didact Gothic', sans-serif;
  background-color:#F5F5F5;
}

/* Everything but the jumbotron gets side spacing for mobile first views */
.header,
.marketing,
.footer {
  padding-right: 15px;
  padding-left: 15px;
  font-family: 'Didact Gothic', sans-serif;
}

/* Custom page header */
.header {
  border-bottom: 1px solid #fff;
}
/* Make the masthead heading the same height as the navigation */
.header h3 {
  padding-bottom: 19px;
  margin-top: 0;
  margin-bottom: 0;
  line-height: 40px;
}

/* Custom page footer */
.footer {
  padding-top: 19px;
  color: #777;
  border-top: 1px solid #e5e5e5;
  background-color:#79C142;
 
}

h1,h2,h3,h4{
	font-family:'Shadows Into Light Two', 'Didact Gothic', sans-serif;
	}

h3{
	padding:0px;
	margin:0px;
	
	}



header_img{
	float:left;
	width:50%;
	height:auto;
	margin-top:-25px;
	clear:right;

	}
	
.contacto_top{
	text-align:right;
	font-size:14px;
	line-height:normal;
	float:right;
	margin-top:-30px;
	
	}
	
.xdivider{
	border-bottom:#999;
	border-bottom-style:dashed;
	border-width:thin;
	clear:both;
	}

.forma_contacto{
	float:left;
	width:100%;
	margin-left:3%;
	margin-bottom:5%;
	}

.elementos_contacto{
	float:left;
	width:450%;
	margin-left:3%;
	
	}

.panel-heading, .panel-collapse collapse{
	background:none;
	border:none;
	}



.footer p{
	color:#FFF;
	text-align:center;
	font-size:smaller;
	font-weight:bolder;
	}
	
.footer a:focus, .footer a:hover{
	color:#FFF;
	text-decoration:underline;
	}

.footer a:link{
	color:#FFF;
	text-decoration:none;
	}
	
.carousel-inner{
	-webkit-box-shadow: 0 20px 20px -15px #515151;
	border-radius:20px;
}

.garantia{
	margin-top:50px;
	margin-bottom:30px;
	-webkit-box-shadow: 0 20px 20px -15px #515151;
	}
	
.section_header{
	margin-top: 30px;
	margin-bottom: 30px;
	-webkit-box-shadow: 0 20px 20px -15px #515151;
	}

.clientes{
	margin-top:100px;
	margin-bottom:10px;
	-webkit-box-shadow: 0 20px 20px -15px #515151;
	clear:right;
	
	}
	
.inferior{
	margin-top:30px;
	margin-bottom:10px;
	text-align: center;
	background-image:url(../images/eureka_inferior_blank.png);
	background-repeat:repeat-y;
	background-size:contain;
	width:100%;
	display:inline-block;
	}

.inferior img{
	display:inline-block;
	padding:3px;
	margin-top:-5px;

	}
	
.inferior_item{
	float:left;
	clear:right;
	margin:15px;
	margin-top:10px;
	width:40%;

	}

.siguenos{
	float:left;
	clear:right;
	background-image:url(../images/eureka_siguenos.png);
	background-repeat:no-repeat;
	background-size:contain;
	margin:15px;
	margin-top:10px;
	width:40%;
	}
	
.siguenos img{
	margin-top:30px;
	text-align:center;
	margin-left:1px;
	margin-right:1px;
	width:20%;
	
	}

.mensaje{
	float:left;
	clear:right;
	background-image:url(../images/eureka_mensaje.png);
	background-repeat:no-repeat;
	background-size:contain;
	margin:15px;
	margin-top:10px;
	width:40%;
	}
	
.mensaje img{
	margin-top:30px;
	text-align:center;
	margin-left:1px;
	margin-right:1px;
	width:20%;
	
	}
	
.portafolio{
	width:100%;
	}
	
	
#menu{
	width:50%;
	border-right:#999;
	border-right-style:dashed;
	border-width:thin;
	float:left;
	margin-top:10px;
	}

#menu p{
	text-align:left;
	font-size:smaller;
	padding:5px;
}

#menuitem img{
	margin-top: 3px;
	margin-bottom: 3px;
	width: 100%;
	height:auto;
	-webkit-box-shadow: 0 10px 10px -10px #515151;	
	}

li img{
	margin-bottom:5px;
	width:100%;
		height:auto;
	-webkit-box-shadow: 0 10px 10px -10px #515151;
	}


.tab-pane text-style img{
	width:100%;
	height:auto;
	}


#collapseOne img{
	width:auto;
	height:auto;
	}
	
/*SIDE Bar*/
.blogShort{ border-bottom:1px solid #ddd;}
.add{background: #333; padding: 10%; height: 300px;}

.nav-sidebar { 
    width: 100%;
    padding: 30px 0; 
    border-right:#999;
	border-right-style:dashed;
	border-width:thin;
}
.nav-sidebar a {
    color: #333;
    -webkit-transition: all 0.08s linear;
    -moz-transition: all 0.08s linear;
    -o-transition: all 0.08s linear;
    transition: all 0.08s linear;
}
.nav-sidebar .active a { 
    cursor: default;
    background-color:#79C142; 
    color: #fff; 
}
.nav-sidebar .active a:hover {
    background-color:#1489CB; 
	color: #fff;   
}
.nav-sidebar .text-overflow a,
.nav-sidebar .text-overflow .media-body {
    white-space: nowrap;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis; 
}

.btn-blog {
    color: #ffffff;
    background-color: #E50000;
    border-color: #E50000;
    border-radius:0;
    margin-bottom:10px
}
.btn-blog:hover,
.btn-blog:focus,
.btn-blog:active,
.btn-blog.active,
.open .dropdown-toggle.btn-blog {
    color: white;
    background-color:#0b56a8;
    border-color: #0b56a8;
}
article h2{color:#333333;}
h2{color:#0b56a8;}
 .margin10{margin-bottom:10px; margin-right:10px;}
 
 .container .text-style{
  text-align: justify;
  line-height: 23px;
  margin: 0 13px 0 0;
  font-size: 19px;
}


#panel-portafolio{
	border-right:#999;
	border-right-style:dashed;
	border-width:thin;
	margin-top:15px;
	float:left;
	width:45%;
	}

#panel-portafolio img{
	width:100%;
	height:auto;
	-webkit-box-shadow: 0 10px 10px -10px #515151;	
	}	


#panel-portafolio p{
	margin-top:5px;
	font-size:smaller;
	}	
	
#imagelightbox
{
    position: fixed;
    z-index: 9999;
    -ms-touch-action: none;
    touch-action: none;
}


#menu-portafolio{
	border-right:#999;
	border-right-style:dashed;
	border-width:thin;
	margin-top:15px;
	float:left;
	width:45%;
	}

#menu-portafolio img{
	width:100%;
	height:auto;
	-webkit-box-shadow: 0 10px 10px -10px #515151;	
	}
	
portafolio-menu img{
	width:100%;
	height:auto;
	-webkit-box-shadow: 0 10px 10px -10px #515151;	
	}	
	
#showcase-portafolio{
	float: left;
	width: 55%;
	text-align: center;
	}
	
#showcase-portafolio img{
	width:100%;
	height:auto;
	}	

#menunum{
	font-size:x-large;
	text-align:center;
	color:#FFF;
	line-height:56px;
	background-color:#3399cc;	
	width:20px;
	padding-top:8px;
	float:left;

	}

#menunum2{
	font-size:x-large;
	text-align:center;
	color:#FFF;
	line-height:56px;
	background-color:#79C142;
	width:20px;
	padding-top:8px;
	float:left;
	}
	
#menutxt{
	font-size:14px;
	font-family:'Shadows Into Light Two', sans;
	color:#666;
	height:65px;
	background-color:#FBFBF9;	
	min-width:100px;
	width:110px;
	float:left;
	padding:5px;
	margin-bottom:5px;
	-webkit-box-shadow: 5px 10px 10px -10px #515151;
	vertical-align:middle;


	}

#menutxt2{
	font-size:14px;
	font-family: 'Shadows Into Light Two', 'Didact Gothic', sans-serif;
	color:#666;
	height:65px;
	min-width:100px;
	background-color:#FBFBF9;	
	width:110px;
	float:left;
	padding:5px;
	margin-bottom:5px;
	-webkit-box-shadow: 5px 10px 10px -10px #515151;
	vertical-align:middle;

	}

#menutxt:hover, #menutxt:focus ,#menutxt:active{
	font-size:14px;;
	color:#3299CC;
	height:65px;
	width:110px;
	min-width:100px;
	float:left;
	padding:5px;
	-webkit-box-shadow: 5px 10px 10px -10px #515151;
	vertical-align:middle;

	}


#menutxt2:hover, #menutxt2:focus ,#menutxt2:active{
	font-size:14px;
	color:#76BF3E;
	height:65px;
	width:110px;
	min-width:100px;
	float:left;
	padding:5px;
	-webkit-box-shadow: 5px 10px 10px -10px #515151;
	vertical-align:middle;

	}


#submenutxt {
	color:#999;
	font-size:large;
	float:left;
	clear:right;
	vertical-align:middle;
	}

#showcase-portafolio ul li{
	display: inline-block;
	margin: 0.625em; /* 10 */
				}
				
#showcase-portafolio img{
	width: 4.75em; /* 140 */
	height: 4.75em; /* 140 */
	border-color: #eee;
	border: 0.625em solid rgba( 255, 255, 255, .5 ); /* 10 */
	-webkit-box-shadow: 0 0 0.313em rgba( 0, 0, 0, .05 ); /* 5 */
	box-shadow: 0 0 0.313em rgba( 0, 0, 0, .05 ); /* 5 */
	-webkit-transition: -webkit-box-shadow .3s ease, border-color .3s ease;
	transition: box-shadow .3s ease, border-color .3s ease;
					}
	
	#showcase-portafolio ul li:hover,#showcase-portafolio ul li:focus{
	border-color: #fff;
	-webkit-box-shadow: 0 0 0.938em rgba( 125, 192, 79, .5 ); /* 15 */
	box-shadow: 0 0 0.938em rgba( 0, 0, 0, .25 ); /* 15 */
						}
#showcase-portafolio h4{
	color: #78C041;
	text-align: center;
	}
	

.submenu-group{
	float:left;
	clear:both;
	margin-top:
	}

#submenutxt h4{
	color:#999;
	font-size:large;

	}

#submenutxt h4:hover,#submenutxt h4:focus {
	color:#79C142;
	font-size:large;

	}

#portafolio-extra{
	margin-left:auto;
	margin-right:auto;
	margin-bottom:10px;
	}

#portafolio-extra img{
	padding-left:10%;
	text-align:center;
	}

#portafolio-extra p{
	text-align:center;
	padding-left:10%;
	}

#portafolio-extra btn{
	text-align:center;
	padding-left:10%;
	}

.social{
	margin-top:15px;
	margin-left:10%;
	margin-right:auto;
	float:right;
	}

#somos{
	text-align:left;
	font-size:large;
	line-height:normal;
	margin-top:10px;
	margin-bottom:10px;
	float:left;
	font-family: 'Didact Gothic', sans-serif;
	}

#somos_img{
	float:right;
	
	}

.container h3{
	font-size:25px;
	font-family: 'Shadows Into Light Two', 'Didact Gothic', sans-serif;
	margin-bottom:10px;
	color:#79C142;
	
	}

	
/* Customize container */
@media (min-width: 768px) {
  .container {
    max-width: 768px;
	background-color:#FFF;
	border-radius:30px;
	margin-bottom:15px;

  }
  
  
}
.container-narrow > hr {
  margin: 30px 0;
}

/* Main marketing message and sign up button */
.jumbotron {
  text-align: center;
  border-bottom: 1px solid #e5e5e5;
}
.jumbotron .btn {
  padding: 14px 24px;
  font-size: 21px;
}

/* Supporting marketing content */
.marketing {
  margin: 40px 0;
}
.marketing p + h4 {
  margin-top: 28px;
}

/* Responsive: Portrait tablets and up */
@media screen and (min-width: 768px) {


#somos{
	text-align:left;
	font-size:large;
	line-height:normal;
	margin-top:10px;
	margin-bottom:10px;
	float:left;
	font-family: 'Didact Gothic', sans-serif;
	clear:none;
	width:50%;
	}

#somos_img{
	float:right;
	
	}


#showcase-portafolio img{
	width: 6.0em; /* 140 */
	height: 6.0em; /* 140 */
	border-color: #eee;
	border: 0.625em solid rgba( 255, 255, 255, .5 ); /* 10 */
	-webkit-box-shadow: 0 0 0.313em rgba( 0, 0, 0, .05 ); /* 5 */
	box-shadow: 0 0 0.313em rgba( 0, 0, 0, .05 ); /* 5 */
	-webkit-transition: -webkit-box-shadow .3s ease, border-color .3s ease;
	transition: box-shadow .3s ease, border-color .3s ease;
					}
					

#menunum{
	font-size:x-large;
	text-align:center;
	color:#FFF;
	height:65px;
	background-color:#3399cc;	
	width:30px;
	padding-top:8px;
	float:left;
	-webkit-box-shadow: -10px 10px 40px -10px #515151;
	vertical-align:middle;
	font-family:
	}

#menunum2{
	font-size:x-large;
	text-align:center;
	color:#FFF;
	line-height:56px;
	background-color:#79C142;
	width:30px;
	padding-top:8px;
	float:left;
	clear:right;
	vertical-align:middle;
	}
	
#menutxt{
	font-size:23px;
	font-family: 'Shadows Into Light Two', 'Didact Gothic', sans-serif;
	color:#666;
	height:65px;
	background-color:#FBFBF9;	
	width:80%;
	min-width:250px;
	vertical-align:middle;
	alignment-adjust:central;
	float:left;
	padding:5px;
	margin-bottom:5px;
	-webkit-box-shadow: 5px 10px 10px -10px #515151;


	}

#menutxt2{
	font-size:23px;
	font-family: 'Shadows Into Light Two', 'Didact Gothic', sans-serif;
	color:#666;
	height:65px;
	min-width:250px;
	background-color:#FBFBF9;
	alignment-adjust:central;
	width:80%;
	float:left;
	padding:5px;
	vertical-align:middle;
	margin-bottom:5px;
	-webkit-box-shadow: 5px 10px 10px -10px #515151;

	}

#menutxt:hover, #menutxt:focus ,#menutxt:active{
	font-size:23px;
	color:#3299CC;
	height:65px;
	width:80%;
	min-width:250px;
	float:left;
	padding:5px;
	vertical-align:middle;
	-webkit-box-shadow: 5px 10px 10px -10px #515151;

	}


#menutxt2:hover, #menutxt2:focus ,#menutxt2:active{
	font-size:23px;
	color:#76BF3E;
	height:65px;
	width:80%;
	min-width:250px;
	vertical-align:middle;
	float:left;
	padding:5px;
	-webkit-box-shadow: 5px 10px 10px -10px #515151;

	}


#submenutxt {
	color:#999;
	font-size:large;
	float:left;
	clear:right;
	}

#submenutxt h4{
	color:#999;
	font-size:large;

	}

#submenutxt h4:hover,#submenutxt h4:focus {
	color:#79C142;
	font-size:large;

	}
	
  /* Remove the padding we set earlier */
  .header,
  .marketing,
  .footer {
    padding-right: 0;
    padding-left: 0;
  }
  /* Space out the masthead */
  .header {
    margin-bottom: 30px;
  }
  /* Remove the bottom border on the jumbotron for visual effect */
  .jumbotron {
    border-bottom: 0;
  }
  
  .inferior{
	margin-top:30px;
	margin-bottom:10px;
	text-align: center;
	background-image:url(../images/eureka_inferior_blank.png);
	background-repeat:no-repeat;
	background-size:contain;
	width:100%;
	display:inline-block;
	}

.inferior img{
	display:inline-block;
	padding:3px;
	margin-top:-5px;

	}
	
.inferior_item{
	float:left;
	clear:right;
	margin:15px;
	margin-top:10px;
	width:20%;

	}

.siguenos{
	float:left;
	clear:right;
	background-image:url(../images/eureka_siguenos.png);
	background-repeat:no-repeat;
	background-size:contain;
	width:22%;
	}
	
.siguenos img{
	margin-top:30px;
	text-align:center;
	margin-left:1px;
	margin-right:1px;
	width:18%;
	
	}

.mensaje{
	float:left;
	clear:right;
	background-image:url(../images/eureka_mensaje.png);
	background-repeat:no-repeat;
	background-size:contain;
	width:20%;
	}
	
.mensaje img{
	margin-top:30px;
	text-align:center;
	margin-left:2px;
	margin-right:2px;
	width:auto;
	
	}
	
.forma_contacto{
	border-right:#999;
	border-right-style:dashed;
	border-width:thin;
	float:left;
	width:50%;
	}
	
.elementos_contacto{
	float:left;
	width:35%;
	
	}

.panel-heading, .panel-collapse collapse{
	background:none;
	border:none;
	}




}

/* Responsive: Portrait tablets and up */
@media screen and (min-width: 1000px) {
  .container {
	max-width:810px;
	background-color:#FFF;
	border-radius:30px;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:15px;
  }
 

#somos{
	text-align:left;
	font-size:large;
	line-height:normal;
	margin-top:10px;
	margin-bottom:10px;
	float:left;
	font-family: 'Didact Gothic', sans-serif;
	}

#somos_img{
	float:right;
	
	}
 

#showcase-portafolio img{
	width: 7.00em; /* 140 */
	height: 7.0em; /* 140 */
	border-color: #eee;
	border: 0.625em solid rgba( 255, 255, 255, .5 ); /* 10 */
	-webkit-box-shadow: 0 0 0.313em rgba( 0, 0, 0, .05 ); /* 5 */
	box-shadow: 0 0 0.313em rgba( 0, 0, 0, .05 ); /* 5 */
	-webkit-transition: -webkit-box-shadow .3s ease, border-color .3s ease;
	transition: box-shadow .3s ease, border-color .3s ease;
					}
					  
	
.inferior{
	margin-top:30px;
	margin-bottom:10px;
	text-align: center;
	background-image:url(../images/eureka_inferior_blank.png);
	background-repeat:no-repeat;
	background-size:contain;
	width:100%;
	display:inline-block;
	}

.inferior img{
	display:inline-block;
	padding:3px;
	margin-top:-5px;

	}
	
.inferior_item{
	float:left;
	clear:right;
	margin:15px;
	margin-top:10px;
	width:20%;

	}

.siguenos{
	float:left;
	clear:right;
	background-image:url(../images/eureka_siguenos.png);
	background-repeat:no-repeat;
	background-size:contain;
	width:22%;
	}
	
.siguenos img{
	margin-top:30px;
	text-align:center;
	margin-left:1px;
	margin-right:1px;
	width:18%;
	
	}

.mensaje{
	float:left;
	clear:right;
	background-image:url(../images/eureka_mensaje.png);
	background-repeat:no-repeat;
	background-size:contain;
	width:20%;
	}
	
.mensaje img{
	margin-top:30px;
	text-align:center;
	margin-left:2px;
	margin-right:2px;
	width:auto;
	
	}
	
.forma_contacto{
	border-right:#999;
	border-right-style:dashed;
	border-width:thin;
	float:left;
	width:55%;
	}
	
.elementos_contacto{
	float:left;
	width:35%;
	
	}

.panel-heading, .panel-collapse collapse{
	background:none;
	border:none;
	}


#menunum{
	font-size:x-large;
	text-align:center;
	color:#FFF;
	height:65px;
	background-color:#3399cc;	
	width:56px;
	padding-top:8px;
	float:left;
	-webkit-box-shadow: -10px 10px 40px -10px #515151;
	vertical-align:middle;
	font-family:
	}

#menunum2{
	font-size:x-large;
	text-align:center;
	color:#FFF;
	line-height:56px;
	background-color:#79C142;
	width:56px;
	padding-top:8px;
	float:left;
	clear:right;
	vertical-align:middle;
	}

	
	}
}