/* ==========================================================================
Global Styles
========================================================================== */

/* ==========================================================================
Typography
========================================================================== */

/* ==========================================================================
Buttons Styles
========================================================================== */
.btn-transparent {
  background: transparent;
  border: 3px solid #fff;
  padding: 15px 30px;
  font-size: 14px;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
  color: #fff;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  font-weight: 700;
  letter-spacing: 0.05em;
  text-transform: uppercase;
}

.btn-transparent:hover,
.btn-transparent:focus,
.btn-transparent:active {
  background: #fff;
  color: #0d0d0d;
  text-decoration: none;
}

.btn-light {
  background: #fff;
  border: 3px solid #fff;
  padding: 15px 30px;
  font-size: 14px;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
  color: #0d0d0d;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  font-weight: 700;
  letter-spacing: 0.05em;
  text-transform: uppercase;
}

.btn-light:hover,
.btn-light:focus,
.btn-light:active {
  background: transparent;
  color: #fff;
  text-decoration: none;
}

.btn-block {
  background: #24242a;
  padding: 15px 0;
  font-size: 16px;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
  color: #fff;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  font-weight: 700;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  border: 3px solid #24242a;
}

.btn-block:hover,
.btn-block:focus,
.btn-block:active {
  background: #fff;
  color: #0d0d0d;
  text-decoration: none;
}

/* ========= Botones PTP Naranja*/  
	.btncta {color: #FFFFFF;  font-weight: normal; font-size: 100%;   line-height: 230%;	background: #FC7A3C;display: inline-block;	margin: 30px auto;  letter-spacing: 1px; outline: none; 	position: relative; -webkit-border-radius: 5px; border-radius: 5px;  transition: all 0.3s; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -webkit-backface-visibility: hidden;
	 	-moz-backface-visibility: hidden; backface-visibility: hidden;  min-width: 260px; height: auto; overflow: hidden; padding:2%; }
	.btncta:before { font-family: 'TPresupuestaria'; -webkit-font-smoothing: antialiased;  font-size: 130%; position: absolute;   -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s;  left: -100%; height: 100%; width: 100%; }
	.btncta span{  display: inline-block; width: 100%; height: 100%; transition: all 0.3s; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; backface-visibility: hidden;  padding:0px; margin:0px; color: #FFFFFF;  } 
 	.btncta:hover:before  {  left: 0; color: #FFFFFF;   }   
	.btncta:hover span{ display: inline-block; width: 100%; height: 100%; -webkit-transform: translateX(200%); -moz-transform: translateX(200%); -ms-transform: translateX(200%); transform: translateX(200%); }
	
/* ==========================================================================
Layout 
========================================================================== */
.content{
	width:1170px;
	margin:auto;
	}
.dark-bg {
  background: #24242a;
}

.light-bg {
  background: #fff;
}

    /* ==========================================================================
Preloader Style
========================================================================== */
.preloader {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 999999;
  background: #24242a;
}
.preloader i {
  color: #fff;
  position: absolute;
  font-size: 36px;
  line-height: 36px;
  top: 50%;
  left: 50%;
  height: 36px;
  width: 36px;
  margin-top: -15px;
  margin-left: -15px;
  display: inline-block;
}

    /* ==========================================================================
Navigation Style
========================================================================== */
.navbar-default {
 /* background: rgba(13, 13, 13, 0.6); Color original*/
  background: rgba(13, 13, 13, 0.4);
  margin-bottom: 0;
  border: none;

}
.navbar-default .navbar-header {
  padding-right: 15px;
  
}
.navbar-header {
  padding-left:1%;
  
}
.navbar-default .nav-wrap {
	width:80%;
}
.navbar-default .nav > li > a {
  color: #fff;font-size: 15px;
  font-weight: 700;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.navbar-default .nav > li > a:hover,
.navbar-default .nav > li > a:focus,
.navbar-default .nav > li > a:active {
    color: #A4D0C5;
    font-weight:700;
}
.navbar-default .social-media {
  float: right;
  padding: 0 15px;
}
.navbar-default .social-media i {
  font-size: 14px;
}

.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:focus,
.navbar-default .navbar-nav > .active > a:hover {
  background: transparent;
  color: #A4D0C5;
  font-weight:700;
}

.top-nav-collapse {
  background: #24242a;
}
.top-nav-collapse .navbar-brand {
  height: auto;
}
.top-nav-collapse .navbar-brand img {
  width: 52px;
  height: 52px;
}
.top-nav-collapse .nav > li > a {
  padding: 10px 10px;
}


.navbar-brand-home a {  }

    /* ==========================================================================
Media Queries Style
========================================================================== */
/**** Covierte menu movil */
@media (max-width: 768px) {
  /*-- Navigation --*/
  
  .content{
	width:760px;
	}

  .navbar-header {
  padding-left:0px; width:auto; 
  
}

  .navbar-default .navbar-header {
    width: 100%;
    padding-right: 0; padding-left:0;
  }
  .navbar-default .navbar-header .navbar-brand {
    height: auto;
  }
  .navbar-default .navbar-header .navbar-brand img {
    width: 52px;
    height: 52px;
  }
  .navbar-default .nav-wrap {
    width: 80%;
  }
  
	.navbar-default .navbar-nav {
		margin-top: 80px !important;
		padding-bottom: 10px;
	}
  .navbar-default .navbar-toggle {
    padding-top: 25px;
    padding-bottom: 25px;
    border: none;
  }
  .navbar-default .navbar-toggle .icon-bar {
    background-color: #fff;
  }
  .navbar-default .navbar-toggle:hover,
  .navbar-default .navbar-toggle:focus,
  .navbar-default .navbar-toggle:active {
    background: none;
  }
  .navbar-default .navbar-left,
  .navbar-default .navbar-right {
    float: none !important;
  }
  .navbar-default .navbar-toggle {
    display: block;
  }
  .navbar-default .navbar-collapse {
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
  }
  .navbar-default .navbar-collapse.collapse {
    display: none !important;
  }
  .navbar-default .navbar-nav {
    float: none !important;
    margin-top: 7.5px;
  }
  .navbar-default .navbar-nav > li {
    float: none;
  }
  .navbar-default .collapse.in {
    display: block !important;
  }
  
  .navbar-nav > li > a {
    padding-top: 2px;
    padding-bottom: 2px;
    height: auto;
	}

}

/* Tablet Portrait size to standard 1024 (devices and browsers) */
@media only screen and (min-width:769px) and (max-width:1023px) { 
.content{
	width:768px;
}
#q {
	width: 100px;
}
.img-home-responsive{
	width:100% !important;
}
.navbar { width:100%; min-height:50px}
.navbar .navbar-fixed-top {
	height:80px;
}

.navbar-header {
	padding-left:0px !important; 
	padding-right:0px !important; 
	padding-top: 0px;
	float:left;
	width: 100px;
}

.navbar-default .nav-wrap {
	float:right; 
	padding-right:0px; 
	margin:0;
}

.navbar-brand-home {
	float: left;

}
.navbar-nav > li > a {
	padding-top: 10px; 
	padding-bottom: 10px;
	line-height: 20px; 
	height: auto; 
	display: table-cell;
	vertical-align: middle;
}
.nav > li > a { 
	width:auto; 
	position: relative;
	display: table-cell;
	font-size:10px !important;
	padding: 10px 5px;
}


}


/* Tablet Portrait size to standard 1024 (devices and browsers) */
@media only screen and (min-width:1024px) and (max-width:1279px) { 
	.navbar { width:100%;}
	.navbar .navbar-fixed-top {
	 height:80px;
	  
	}
	
	.navbar-header {
		padding-left:1% !important; padding-right:0px;
		float:left;height:80px;
	}
	.navbar-default .nav-wrap {
	 float:right; 
	 padding-right:0px; 
	 margin:0;
	}
		
 .navbar-brand-home {
		float: left;
	}
	.navbar-nav > li > a {
		 padding-top: 10px; 
		padding-bottom: 10px;
		 line-height: 20px; 
		 height: auto; 
		display: table-cell;
		vertical-align: middle;
	}
	.nav > li > a { width:auto; 
		position: relative;
		display: table-cell;
	}


}



/* Tablet Portrait size to standard 1024 (devices and browsers) */
@media only screen and (min-width:1280px) { 
	.navbar { width:100%;}
	.navbar .navbar-fixed-top {
	 height:80px;
	  
	}
	
	.navbar-header {
		padding-left:1% !important; padding-right:0px;
		float:left;height:80px;
	}
	.navbar-default .nav-wrap { 
	 padding-top:1.5%; 
	 float:right; 
	 padding-right:0px; 
	 margin:0
	}
		
 .navbar-brand-home {
		float: left;
		padding: 2px 0px; 
	}
	.navbar-nav > li > a {
		 padding-top: 10px; 
		padding-bottom: 10px;
		 line-height: 20px; 
		 height: auto; 
		display: table-cell;
		vertical-align: middle;
	}
	.nav > li > a { width:auto; 
		position: relative;
		display: table-cell;
	}


}


/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
@media only screen and (min-width: 480px) and (max-width: 767px) {
	.nav > li > a { font-size:12px !important; text-align:center;}

}


/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width: 479px) {
  .nav > li > a { font-size:13px !important; text-align:center;}
  .content{
	  width:320px;
  }
  .navbar-default .navbar-nav {
	  margin-top: 10px !important;
	  padding-bottom: 10px;
  }
}
/* ==========================================================================
share
========================================================================== */