/* 
Custom CSS for...
'Modern Business' HTML Theme by Start Bootstrap

All Start Bootstrap themes are licensed under Apache 2.0. 
For more info and more free Bootstrap 3 HTML themes, visit http://startbootstrap.com!
*/

/* Global Styles */

a { outline: none;}
a:active, a:active * { outline: none !important; -moz-outline-style: none !important; }
a:focus, a:focus * { outline: none !important; -moz-outline-style: none !important; }

@import url(http://fonts.googleapis.com/css?family=Noto+Sans:400,700,700italic&subset=latin,cyrillic-ext);
@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,600,700&subset=latin,latin-ext);
@import url(http://fonts.googleapis.com/css?family=Lato:400,300,900,700);
@import url(http://fonts.googleapis.com/css?family=Dosis:400,600,700&subset=latin,latin-ext);

html, body {
  height: 100%;
}

body {
  padding-top: 0px;
 /* body padding for fixed top nav */
}

#global-font {
	
 font-family: 'Open Sans', sans-serif;	
	
}

.circle-bg {
	
 background-image:url(../img/circle-bg.png);
 background-repeat:repeat-x;
 padding-top:50px;	
	
}



.img-home-portfolio,
.img-customer,
.portfolio-item {
  margin-bottom: 30px;
}

#header h2 {
   font-family: 'Dosis', sans-serif;
   font-weight:100;
   margin-top:100px;
   padding-bottom:10px;
   text-transform:uppercase;
   color:#000;
}

.caption, .sub {
   font-family: 'Dosis', sans-serif;
   font-weight:400;
   font-size:1.1em;
   text-transform:uppercase;
   color:#000;
}

.tab-pane {
  margin-top: 15px;
}



#links-prod h3 {
  margin-top:5px;
  line-height:0.4em;
  min-height:50px;
}

.pad-three {
  margin-top: -25px;
}

#links-3 .img-circle:hover {
        /* Un-prefixed. Prefix `transform` for all target browsers. */
    transform: scale(0.9);
	-moz-transform:scale(0.9); -webkit-transform:scale(0.9); -o-transform:scale(0.9);
}

#links-prod .img-responsive:hover {
        /* Un-prefixed. Prefix `transform` for all target browsers. */
    transform: scale(0.9);
	-moz-transform:scale(0.9); -webkit-transform:scale(0.9); -o-transform:scale(0.9);
	-ms-transform: scale(0.9); /* IE 9 */
}

#header .img-responsive:hover {
        /* Un-prefixed. Prefix `transform` for all target browsers. */
    transform: scale(0.9);
	-moz-transform:scale(0.9); -webkit-transform:scale(0.9); -o-transform:scale(0.9);
	-ms-transform: scale(0.9); /* IE 9 */
}

.colored-custom {
  background-color:#9C0;
}

.colored-custom-tel {
 
  color:#FFF;
  font-size:2em;
  line-height:2.5em;
  text-align:right !important;
  float:right !important; 
  
}

.colored-custom-tel-2 {
 
  color:#FFF;
  font-size:2em;
  margin-top:-55px;

  
}


.nobottom {
  margin-bottom:-48px;
}

#fix-image {
  margin-top:0px;
  visibility:hidden;
  height:0px;
}

.light-blue {
  background-color:#0099cb;
  color:#FFF;
}

.footer-height {
  height:35px;
  display: block;
  line-height: 1.428571429;
  margin-top:10px;
}

/* custom navbar */

.navbar-custom1 {
  background-color: #fff;
  border-top:solid 2px #000000;
  border-bottom:solid 2px #000000;
  border-radius:0px;
  font-family: 'Noto Sans', sans-serif;
  font-size:17px;

  
}

.navbar-custom1 .navbar-brand {
  color: #000;
  margin-top:-3px;
  
}
.navbar-custom1 .navbar-brand:hover,
.navbar-custom1 .navbar-brand:focus {
  color: #0099cb;
  background-color: transparent;
}
.navbar-custom1 .navbar-text {
  color: #0099cb;
}

.navbar-custom1 .navbar-nav > li > a {
  padding-top: 8px;
  padding-bottom: 8px;
  line-height: 30px;
  color: #0099cb;
}

.navbar-custom1 .navbar-nav > li > a:hover,
.navbar-custom1 .navbar-nav > li > a:focus {
  color: #fff;
  background-color:#000;
  border-bottom:3px solid #0099cb;
  margin-bottom:-3px;
}
.navbar-custom1 .navbar-nav > .active > a,
.navbar-custom1 .navbar-nav > .active > a:hover,
.navbar-custom1 .navbar-nav > .active > a:focus {
  color: #fff;
  background-color: #080808;
}
.navbar-custom1 .navbar-nav > .disabled > a,
.navbar-custom1 .navbar-nav > .disabled > a:hover,
.navbar-custom1 .navbar-nav > .disabled > a:focus {
  color: #444;
  background-color: transparent;
}
.navbar-custom1 .navbar-toggle {
  border-color: #333;
}
.navbar-custom1 .navbar-toggle:hover,
.navbar-custom1 .navbar-toggle:focus {
  background-color: #000;
}
.navbar-custom1 .navbar-toggle .icon-bar {
  background-color: #0099cb;
}

.navbar-custom1 .navbar-collapse,
.navbar-custom1 .navbar-form {
  border-color: #101010;
}
.navbar-custom1 .navbar-nav > .open > a,
.navbar-custom1 .navbar-nav > .open > a:hover,
.navbar-custom1 .navbar-nav > .open > a:focus {
  color: #fff;
  background-color: #080808;
}

/* segundo menu */

#sub-menu {
	font-size:14px;
	width:100% !important;
	border-top:1px solid #CCC;

}

#sub-menu a {

	color:#999;
	padding-left:21px;
}

#sub-menu a:hover {

	background-color:#F0F0F0;
}

#sub-menu a:focus {

	background-color:#transparent;
}

#sub-menu a:active {

	background-color:#transparent;
}



/* controles slider 1 */

.responsive-slider .slider-control1 {
  position: absolute;
  font-size: 20px;
  height:111px;
  width:55px;
  color: #000;
  top: 29%;
}

.responsive-slider .slider-control1.left {
  left:0;
  padding-left:0;
  background-image:url(../img/next-btn.png);
  background-repeat:no-repeat;

}
.responsive-slider .slider-control1.left:hover {
  text-decoration: none;
  margin-left:0px;
  -moz-opacity:0.5; 
  -ms-filter:”alpha(opacity=50)”;
  filter:alpha(opacity=50);

  opacity:.50; 
}
.responsive-slider .slider-control1.right {
  right: 0;
  padding-right: 0;
  background-image:url(../img/prev-btn.png);
  background-repeat:no-repeat;

}
.responsive-slider .slider-control1.right:hover {
  text-decoration: none;
  padding-right: 10px;
  -moz-opacity:0.5; 
  -ms-filter:”alpha(opacity=50)”;
  filter:alpha(opacity=50);

  opacity:.50; 
}



@media (max-width: 990px) {
  
  .navbar-custom1 .navbar-nav > li > a {	  
  padding-top: 8px;
  padding-bottom: 8px;
  line-height: 15px;
  color: #0099cb;

  }
  
  .navbar-custom1 .navbar-brand {
  color: #fff;
  margin-top:0px;
}

.navbar-custom1 .navbar-nav > li > a:hover,
.navbar-custom1 .navbar-nav > li > a:focus {
  color: #000;
  background-color: transparent;
  border-bottom:3px solid #0099cb;
  margin-bottom:-3px;
}

}

@media (max-width: 759px) {
  .responsive-slider .slider-control1.left,
  .responsive-slider .slider-control1.right {	  
	top:22%;
  }
  

}

@media (max-width: 510px) {

#fix-image {
  height:auto;
  visibility:visible;
  margin-top:-30px;
  margin-bottom:20px;
}

  .responsive-slider .slider-control1.left,
  .responsive-slider .slider-control1.right {
    display: none !important;
	height:0px !important;
  }
  .nobottom {
  margin-bottom:0px;
  }

}

@media (max-width: 480px) {

  
  .colored-custom-tel-2 {
 
  color:#FFF;
  font-size:1.5em;
  margin-top:0px;

}
  
}  



  

/* carousel 2 */

#myCarousel .nav a small
{
    display: block;
}
#myCarousel .nav
{
    background: #eee;
}
.nav-justified > li > a
{
    border-radius: 0px;
	font-family: 'Open Sans', sans-serif;
	font-size:1.2em;
	text-transform:uppercase;
	background-color:#000;
	border-bottom:#FFF solid 1px;
}

.carousel-caption1 h2 {
	text-transform:uppercase;
	font-size:3em;
	font-weight:400;
	font-family: 'Lato', sans-serif;
	
}

.carousel-caption1 h2 small {
	text-transform:uppercase;
	font-size:1em;
	font-family: 'Lato', sans-serif;
	font-weight:300;
	color:#CCC;	
}

.carousel-caption1 {
  position: absolute;
  right: 15%;
  bottom: 20px;
  left: 15%;
  z-index: 10;
  padding-top: 20px;
  padding-bottom: 20px;
  color: #fff;
  text-align: left;
  text-shadow: 0 1px 2px rgba(0, 0, 0, .6);
}
.carousel-caption1 .btn {
  text-shadow: none;
}

.carousel-caption1 > p {
  font-size:1em;
}


.nav-pills>li[data-slide-to="0"].active a { background-color: #0099cb; }
.nav-pills>li[data-slide-to="1"].active a { background-color: #0099cb; }
.nav-pills>li[data-slide-to="2"].active a { background-color: #0099cb; }
.nav-pills>li[data-slide-to="3"].active a { background-color: #0099cb; }

.nav-pills > li.active > a,
.nav-pills > li.active > a:hover,
.nav-pills > li.active > a:focus {
  color: #fff;
  background-color: #0099cb;
  border-bottom:#0099cb solid 1px;
}

}

.btn-primary-tab {
  color: #0099cb;
  background-color: #fff !important;
  border-color: #fff;
  border-radius:0;
}
.btn-primary-tab:hover,
.btn-primary-tab:focus,
.btn-primary-tab:active,
.btn-primary-tab.active,
.open .dropdown-toggle.btn-primary-tab {
  color: #000;
  background-color: #CCC;
  border-color: #CCC;
}


.btn-primary-tab1 {
  color: #0099cb;
  background-color: #fff !important;
  border-color: #fff;
  border-radius:0;
}
.btn-primary-tab1:hover,
.btn-primary-tab1:focus,
.btn-primary-tab1:active,
.btn-primary-tab1.active,
.open .dropdown-toggle.btn-primary-tab1 {
  color: #000;
  background-color: #CCC;
  border-color: #CCC;
}


@media (max-width: 767px) {
  .navbar-custom1 .navbar-nav .open .dropdown-menu > .dropdown-header {
    border-color: #080808;
  }
  .navbar-custom1 .navbar-nav .open .dropdown-menu .divider {
    background-color: #080808;
  }
  .navbar-custom1 .navbar-nav .open .dropdown-menu > li > a {
    color: #999;
  }
  .navbar-custom1 .navbar-nav .open .dropdown-menu > li > a:hover,
  .navbar-custom1 .navbar-nav .open .dropdown-menu > li > a:focus {
    color: #fff;
    background-color: transparent;
  }
  .navbar-custom1 .navbar-nav .open .dropdown-menu > .active > a,
  .navbar-custom1 .navbar-nav .open .dropdown-menu > .active > a:hover,
  .navbar-custom1 .navbar-nav .open .dropdown-menu > .active > a:focus {
    color: #fff;
    background-color: #080808;
  }
  .navbar-custom1 .navbar-nav .open .dropdown-menu > .disabled > a,
  .navbar-custom1 .navbar-nav .open .dropdown-menu > .disabled > a:hover,
  .navbar-custom1 .navbar-nav .open .dropdown-menu > .disabled > a:focus {
    color: #444;
    background-color: transparent;
  }
  
  .pad-brand {
  margin-top: -16px;
  }
  

  .pad-brand-type {
  margin-top: 3px;
  visibility:hidden !important;
  display:block !important;
  }
}

.navbar-custom1 .navbar-link {
  color: #999;
}
.navbar-custom1 .navbar-link:hover {
  color: #fff;
}
/* custom navbar finale */


.thumbnail1 {
  display: block;
  padding: 4px;
  margin-bottom: 20px;
  line-height: 1.428571429;
  background-color: #0099cb;
  border: 1px solid #0099cb;
  border-radius: 0px;
  -webkit-transition: all .2s ease-in-out;
          transition: all .2s ease-in-out;
}
.thumbnail > img,
.thumbnail a > img {
  display: block;
  max-width: 100%;
  height: auto;
  margin-right: auto;
  margin-left: auto;
}
a.thumbnail:hover,
a.thumbnail:focus,
a.thumbnail.active {
  border-color: #fff;
}
.thumbnail1 .caption {
  padding: 9px;
  color: #fff;
}

.thumbnail1 p, .thumbnail1 h3 {

  color: #fff;
}



/* Page Sections */

.section-colored-header {
  padding: 0px 0;
  border-top:#000 solid 2px;
  background-color: #000;
  
}

.section,
.section-colored {
  padding: 50px 0;
}

.section-tabs {
  padding: 5px 0;

}

.section-colored {
  background-color: #e1e1e1;
 /* change this to change the background color of a colored section */
}

.section-colored-black {
   background-image:url(../img/circle-bg.png);
   background-repeat:repeat-x;
	
 /* change this to change the background color of a colored section */
}

.tabs-pad {
	margin-top:-1px;
	
 /* change this to change the background color of a colored section */
}

.sidebar {
  margin-top: 40px;
}

.sidebar ul {
  border-radius: 5px;
  padding: 5px;
  border: 1px solid #cccccc;
}

/* Half Page Height Carousel Customization */
.carousel {
  height: 50%;
}

.item,
.active,
.carousel-inner {
  height: 100%;
}

.fill {
  width: 100%;
  height: 100%;
  background-position: center;
  background-size: cover;
}

/* Social Icons Styles */
.list-social-icons {
  margin-bottom: 45px;
}

.tooltip-social a {
  text-decoration: none;
  color: inherit;
}

.facebook-link a:hover {
  color: #3b5998;
}

.linkedin-link a:hover {
  color: #007fb1;
}

.twitter-link a:hover {
  color: #39a9e0;
}

.google-plus-link a:hover {
  color: #d14836;
}

/* Service Page Styles */
.service-icon {
  font-size: 50px;
}

/* 404 Page Styles */
.error-404 {
  font-size: 8em;
}

/* Pricing Page Styles */
.price {
  font-size: 4em;
}

.price-cents {
  vertical-align: super;
  font-size: 50%;
}

.price-month {
  font-size: 35%;
  font-style: italic;
}

.soporte-fix {
  margin-left:15px;
}

/* Footer Styles */
footer {
  margin: 50px 0;
}

#header {
			
  height:auto;
  padding-bottom:70px;
  padding-top:0px;
/*padding-bottom:20px;
height: auto;*/
}

.page-header {
  padding-bottom: 9px;
  margin: 40px 0 20px;
  color:#0099cb;
  border-bottom: 1px solid #eee;
}

.page-header-sub {
  padding-bottom: 9px;
  margin: 25px 0 15px;
  color:#0099cb;
}

.invoice-title h2, .invoice-title h3 {
    display: inline-block;
}

.table > tbody > tr > .no-line {
    border-top: none;
}

.table > thead > tr > .no-line {
    border-bottom: none;
}

.table > tbody > tr > .thick-line {
    border-top: 2px solid;
}



.progress {
    position: relative;
	height: 25px;
	background-color:#8db441;
}
.progress > .progress-type {
	position: absolute;
	left: 0px;
	font-weight: 800;
	padding: 3px 30px 2px 10px;
	color: rgb(255, 255, 255);
	background-color: rgba(25, 25, 25, 0.2);
}
.progress > .progress-completed {
	position: absolute;
	right: 0px;
	font-weight: 800;
	padding: 3px 10px 2px;
}

.stronguest {
	height:20px;
	line-height:2.2em;
	color:#0099cb;
}


.lista-eficiencia{ margin-left:-35px; line-height:140%; margin-bottom:20px; padding-top:10px;}


.lista-eficiencia ul li{background-image:url(../img/li-1.png); background-repeat:no-repeat; padding-left: 18px; background-position: 0 2px; margin: 10px; margin-left: 0px; list-style: none;}



.aclaracion {
	height:20px;
	float:left;
	padding-right:20px;
	padding-top:20px;
	padding-bottom:20px;

}

.perdida {
	height:20px;
	width:20px;
	float:left;
	margin-right:10px;
	background-color:#d9534f;
	
}

.aprovechada {
	height:20px;
	width:20px;
	float:left;
	margin-right:10px;
	background-color:#8db441;
	
}


.section-colored-footer {
  padding: 0px 0;
  border-top:#000 solid 2px;
  background-color:#EFEFEF;
  background-image:url(../img/bg-section-01.jpg);
  background-repeat:no-repeat;
  background-position:bottom left;
  
}

.colored-footer-tienda {
  padding: 0px 0;
  border-top:#000 solid 1px;
  background-color:#FFF;
  background-image:url(../img/bg-section-02.jpg);
  background-repeat:no-repeat;
  background-position:bottom left;
  
}

.footer-space {
	
	margin-top:50px;

}


.footer-pad {
	
	padding-top:20px;

}

.footer-pad strong {
	
	color:#333;
	font-size:14px;
	line-height:2.2em;

}

.footer-pad a {
	
	color:#0099cb;
	font-size:14px;

}

.footer-pad a:hover {
	
	color:#999;
	text-decoration:none;

}

.footer-heads {
	
	float:left;
	margin-bottom:30px;
	border-left:#999 solid 1px;

}

.buttons-3 {
	background-color:#0099cb;
	color:#FFF !important;
	margin-top:-10px;
	margin-bottom:10px;
	margin-right:20px;
	border-radius:0px;
}

.buttons-3 a{

	color:#FFF !important;
	

}

.buttons-3 a:hover {

	color:#FFF !important;
	text-decoration:none;

}

.buttons-3 a:focus {

	color:#FFF !important;
	text-decoration:none;

}

.buttons-two {

	text-align:right !important;

}

.bg-contacto {

	background-image:url(../img/bg-contacto.jpg);
	background-repeat:no-repeat;
	background-position: right -110px;

}

		
#navi.affix {
 position: fixed;
 z-index:100;
 top:0 !important;
 width: 100%;
			
			/*background-color:#C00;*/
}
		
#navi.affix + #mainContent {
 padding-top: 75px;	
}

@import "//netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.min.css";
@import "http://fonts.googleapis.com/css?family=Roboto:400,500";

.box > .icon { text-align: center; position: relative; }
.box > .icon > .image { position: relative; z-index: 2; margin: auto; width: 88px; height: 88px; border: 8px solid white; line-height: 88px; border-radius: 50%; background: #63B76C; vertical-align: middle; }
.box > .icon:hover > .image { background: #333; }
.box > .icon > .image > i { font-size: 36px !important; color: #fff !important; }
.box > .icon:hover > .image > i { color: white !important; }
.box > .icon > .info { margin-top: -24px; background: rgba(0, 0, 0, 0.04); border: 1px solid #e0e0e0; padding: 15px 0 10px 0; }
.box > .icon:hover > .info { background: rgba(0, 0, 0, 0.04); border-color: #e0e0e0; color: white; }
.box > .icon > .info > h3.title { font-family: "Roboto",sans-serif !important; font-size: 16px; color: #222; font-weight: 500; }
.box > .icon > .info > p { font-family: "Roboto",sans-serif !important; font-size: 13px; color: #666; line-height: 1.5em; margin: 20px;}
.box > .icon:hover > .info > h3.title, .box > .icon:hover > .info > p, .box > .icon:hover > .info > .more > a { color: #222; }
.box > .icon > .info > .more a { font-family: "Roboto",sans-serif !important; font-size: 12px; color: #222; line-height: 12px; text-transform: uppercase; text-decoration: none; }
.box > .icon:hover > .info > .more > a { color: #fff; padding: 6px 8px; background-color: #63B76C; }
.box .space { height: 30px; }


/* Responsive Styles */

@media (max-width: 980px) {


  #sub-menu {
	font-size:15px;
	width:100% !important;
	border-top:1px solid #CCC;
	margin-top:12px;
 }
 
 #sub-menu a {

	color:#999;
	padding-left:7px;
	padding-right:7px;
	margin-bottom:5px;
	border-bottom:none;
	
}

}

@media (max-width: 767px) {

.item {
  min-height: 400px;
  background-color:#000;
}

}

@media (max-width: 490px) {

#header {
			
  height:0px;
  visibility:hidden;
  padding-bottom:0px;

}

#navi {
			
  margin-top:-50px;

}

.carousel-caption1 h2 {
	text-transform:uppercase;
	font-size:1em;
	font-weight:400;
	font-family: 'Lato', sans-serif;
	
}

.carousel-caption1 h2 small {
	text-transform:uppercase;
	font-size:1em;
	font-family: 'Lato', sans-serif;
	font-weight:300;
	color:#CCC;
	
}

.blacky p {

	font-size:1.5em;
	color:#000;
	
}

.buttons-two {

	text-align:center !important;
	margin-left:15px;

}

.bg-contacto {

	background-image:url(../img/bg-contacto.jpg);
	background-repeat:no-repeat;
	background-position: right 520px;

}

}