@font-face {
    font-family: 'amnestytradegothicregular';
    src: url('../fonts/amnestytradegothicregularcnno18595d3ab30fb27.eot');
    src: url('../fonts/amnestytradegothicregularcnno18595d3ab30fb27.eot') format('embedded-opentype'),
         url('../fonts/amnestytradegothicregularcnno18595d3ab30fb27.woff2') format('woff2'),
         url('../fonts/amnestytradegothicregularcnno18595d3ab30fb27.woff') format('woff'),
         url('../fonts/amnestytradegothicregularcnno18595d3ab30fb27.ttf') format('truetype'),
         url('../fonts/amnestytradegothicregularcnno18595d3ab30fb27.svg#amnestytradegothicregularcnno18595d3ab30fb27') format('svg');
}
@font-face {
    font-family: 'tradegothic';
    src: url('../fonts/tradegothic.eot');
    src: url('../fonts/tradegothic.eot') format('embedded-opentype'),
         url('../fonts/tradegothic.woff2') format('woff2'),
         url('../fonts/tradegothic.woff') format('woff'),
         url('../fonts/tradegothic.ttf') format('truetype'),
         url('../fonts/tradegothic.svg#tradegothic') format('svg');
}
@font-face {
    font-family: 'georgia';
    src: url('../fonts/georgia.eot');
    src: url('../fonts/georgia.eot') format('embedded-opentype'),
         url('../fonts/georgia.woff2') format('woff2'),
         url('../fonts/georgia.woff') format('woff'),
         url('../fonts/georgia.ttf') format('truetype'),
         url('../fonts/georgia.svg#georgia') format('svg');
}
body{	background-color: white !important;}
#inicio{ margin-top: 20px; }
#invisible{  visibility: hidden; }
.tel-cel{ display: none; }
#proyectos-interior{    padding: 40px;}
.nav{  float: right;}
.nav>li>a{
	font-family: 'amnestytradegothicregular';
	text-transform: uppercase;
  padding: 10px 15px;
  color: #385566;
  font-size: 1.3em;
  font-weight: bold;
}
.nav>li>a:active,.nav>li>a:focus{ background-color: transparent !important;}
.nav>li>a:hover{
  background-color: transparent !important;
  color: black;
  -webkit-transition: all 0.6s ease-out;
  -moz-transition: all 0.6s ease-out;
  -o-transition: all 0.6s ease-out;
  transition: all 0.6s ease-out;   
}
header, .navbar{
	background-color: white;
	width: 100%;
	height: auto;
  box-shadow: none !important;
}
.numero{
  font-family: 'amnestytradegothicregular';
  font-weight: bold;
	font-size: 17px;
  color: #385566;
	padding: 14px;
  text-align: right;
}

.telefono_pc{
	display: block  !important;
 }
 .telefono_celu{
	display: none   !important;
 }

#portafolio{ padding-top: 90px; }
#portafolio .proyectos{	padding: 5px;}
#portafolio .proyectos p{
  font-family: 'amnestytradegothicregular';
  text-transform: uppercase;
  text-align: center;	
	color: #385566;
	font-size: 1.65em;
	width: 80%;
}
#portafolio .proyectos p span{
	font-size: 0.7em;
}
.nopadding{   padding: 0 !important;}
.view .full-bg-img, .view .mask {
  width: 99% !important;
  height: 99% !important;
}
footer{
	padding-bottom: 60px;
	padding-top: 100px;
}
footer p{
	font-family: 'georgia';
	font-size: 1.1em;
	color: #385566;
  text-align: justify;
}
footer h1{
	font-family: 'amnestytradegothicregular';
	text-transform: uppercase;
	background-color: #112440;
	font-size: 1.4em;
	padding: 10px;
  color: white;
	width: 40%;
}
#mapa,#contacto{ 
	margin-top: 65px;
	width: 100%;
}
/* Proyecto */
/* #datos-proyecto{
	width: 100%;
	min-height: 80px;
	padding-bottom: 20px;
}*/
#datos-proyecto h1{
	font-family: 'amnestytradegothicregular';
	text-transform: uppercase;
	padding: 0;
  color: #385566;
}
#datos-proyecto h2{
  font-family: 'tradegothic';
	text-transform: uppercase;
	font-size: 3em;
	padding-top: 10px;
	padding-bottom: 20px;
	letter-spacing: 6px;
  color: #385566;
}
#datos-proyecto p{
  font-family: 'tradegothic';
  font-weight: bolder;
	text-transform: uppercase;
	font-size: 1.4em;
  color: #385566;
	text-align: left;
	letter-spacing: 1px;
}
#datos-proyecto span{
  font-family: 'georgia';
  font-style: italic;
  font-weight: lighter;
	text-transform: capitalize;
	font-size: 0.80em;
  color: #385566;
}
.proyectos-bajada{
	width: 100%;
	padding: 3px;
	padding-top: 5px;
}
#mapa-proyecto{
	width: 100%;
	height: auto;
	padding-top: 10px;
	padding-bottom: 0px;	
}
.carousel-control .left-2{
    width: 83px;
    height: 83px;
    top: 50%;
    left: -4% !important;
}
.carousel-control .right-2{
    width: 83px;
    height: 83px;
    top: 50%;
    right: -4% !important;
}
/* Portafolio Carrusel */
#carrusel-proyectos{
	width: 100%;
	height: auto;
	padding-bottom: 20px;
}


#custom_carousel .item  .top {
    overflow:hidden;
    /*max-height:300px;*/
    padding:0;
}
#custom_carousel .item {

    color:#000;
    background-color:#fff;
    padding:20px 0;
    overflow:hidden;
    padding:0;
}
#custom_carousel .item img{
  width:100%;
  height:auto;
  padding: 2px;
}
#custom_carousel .izq{
  position:absolute;
  left: -25px;
  top:40%;
  background-image: none;
  background: none repeat scroll 0 0 #222222;
  border: 4px solid #FFFFFF;
  border-radius: 23px;
  height: 40px;
  width : 40px;
  margin-top: 30px;
}
/* Next button  */
#custom_carousel .der{
  position:absolute;
  right: -25px !important;
  top:40%;
  left:inherit;
  background-image: none;
  background: none repeat scroll 0 0 #222222;
  border: 4px solid #FFFFFF;
  border-radius: 23px;
  height: 40px;
  width : 40px;
  margin-top: 30px;
}
#custom_carousel .controls{
    overflow:hidden;
    padding:0;
    margin:0;
    white-space: nowrap;
    text-align: center;
    position: relative;
    background:#fff;
    border:0;
}
#custom_carousel .controls .nav{
    padding:0;
    margin:0;
    white-space: nowrap;
    text-align: center;
    position: relative;
    background:#fff;
    width: auto;
    border: 0;
}
#custom_carousel .controls li {
    transition: all .5s ease;
    display: inline-block;
   /* opacity:.7;*/
    padding: 0;
}
#custom_carousel .controls li a{
    padding:3px;
}
#custom_carousel .controls li img{
    width:100%;
    height:auto
}

#custom_carousel .controls li.active {
    background-color:#fff;
    opacity:1;
}
#custom_carousel .controls a small {
    overflow:hidden;
    display:block;
    font-size:10px;
    margin-top:5px;
    font-weight:bold
}
/* Indicators list style */
.article-slide .carousel-indicators {
    bottom: 0;
    left: 0;
    margin-left: 5px;
    width: 100%;
    height:20%;
}
/* Indicators list style */
.article-slide .carousel-indicators li {
    border: medium none;
    border-radius: 0;
    float: left;
    height: 54px;
    margin-bottom: 5px;
    margin-left: 0;
    margin-right: 5px !important;
    margin-top: 0;
    width: 100px;
}
/* Indicators images style */
.article-slide .carousel-indicators img {
    border: 2px solid #FFFFFF;
    float: left;
    height: 54px;
    left: 0;
    width: 100px;
}
/* Indicators active image style */
.article-slide .carousel-indicators .active img {
    border: 2px solid #428BCA;
    opacity: 0.7;
}
/* Quienes Somos */
#quienes h1{
    font-family: 'amnestytradegothicregular';
    text-transform: uppercase;
    padding-top: 60px;
    padding-bottom: 60px;
    color: #385566;
}
#quienes img{	width: 100%;}
#quienes h2{
    font-family: 'amnestytradegothicregular';
    font-size: 2em;
    color: #385566;
    text-align: left;
    margin: 0;
}
#quienes h3{
	text-transform: uppercase;
	font-weight: bolder;
  font-family: 'tradegothic';
  font-size: 5.7em;
  color: #385566;
  text-align: center;
  margin: 0;
}
#quienes h4{
  font-family: 'amnestytradegothicregular';
  font-size: 1.85em;
  color: #385566;
  margin: 0;
  padding-bottom: 8px;
}
#quienes p{
  font-family: 'georgia';
  font-size: 1.1em;
  color: #385566;
  text-align: justify;
  padding-bottom: 290px;
}
#quienes .nosotros{
	padding-left: 120px;
	padding-right: 80px;
}
.nosotros-new{
	padding-left: 120px;
	padding-right: 80px;	
	padding-top: 425px;
}
/* Carrusel control */

.carousel-indicators{  bottom: -8% !important;}
.carousel-indicators li {
    display: inline-block;
    width: 10px;
    height: 10px;
    background-color: #7f7f7f;
    border: 1px solid #fff;
    border-radius: 10px;
}
.carousel-indicators .active {  /*width: 10px !important;*/ background-color: #385566;}
.carousel-control{	opacity: 1 !important;}
.carousel-control.left,
.carousel-control.right{
    background-image: inherit !important;
}
.carousel-control.left{
    top: 46%;
    left: -5%;
}
.carousel-control.right{
    top: 46%;
    right: -5% !important;
}
.francisco-responsive{  display: none;}
.francisco-escritorio{  
  display: block; 
  margin-bottom: 120px;
}
.text-footer{
  background-color: #385566;
  padding: 16px;
  color: white;
}
/* modal */
.modal-dialog {
  margin:  0 auto !important;
  width: 60% !important;
}
.modal-content {
  background-color: transparent !important;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
}
.modal-header {
    padding: 5px  !important;
    border-bottom: transparent !important;
}
.close {
    font-size: 30px !important;
    color: white !important;
    text-shadow: none !important;
    opacity: 1 !important;
}
  .btn-linkedin {
    background: #0E76A8;
    border-radius: 0;
    color: #fff;
    border-width: 1px;
    border-style: solid;
    border-color: #084461;
  }
  .btn-linkedin:link, .btn-linkedin:visited {
    color: #fff;
  }
  .btn-linkedin:active, .btn-linkedin:hover {
    background: #084461;
    color: #fff;
  }
.redes{
  color: white;  
  padding: 10px;
  border-radius: 25px;
  background-color: #385566;
}  
/* Contacto */
#contacto{
  padding-bottom: 60px;
}
#contacto h1 {
    padding-bottom: 20px;
}
#contacto h2{
  font-weight: bold;
  font-family: 'tradegothic';
  font-size: 1.8em;
  color: #385566;
  text-align: left;
  margin-top: 0;
}
#contacto h3{
  text-transform: uppercase;
  font-weight: bolder;
  font-family: 'tradegothic';
  font-size: 5.7em;
  color: #385566;
  text-align: center;
}
#contacto  p{  
  font-family: 'tradegothic';
  text-transform: capitalize;
}
label{
  font-family: 'tradegothic';
  font-weight: lighter;
  font-size: 1.3em;
  color: #385566; 
  width: 40%;
}
input,textarea{
  float: right;
  width: 60% !important;  
  color: #385566 !important;
  background-color: #c3ccd1  !important;
}
#enviar{
  color: #385566 !important;
  background-color: #c3ccd1;
  text-transform: capitalize;
  font-family: 'georgia';
  font-size: 17px;
  margin-top: 20px;
  margin-bottom: 20px;
  position: relative;
  left: 84%;
}
.proyectos-interior {
    padding: 40px;
}
/* Notebook */	
@media screen and (max-width: 1366px){
#invisible {
    visibility: hidden;
        margin-top: -30px;
}
#portafolio { margin-top: 0px;
padding-top: 85px;}
}
/* Ipad */
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (-webkit-min-device-pixel-ratio: 1){

}
/* ----------- iPhone 5 and 5S ----------- */

/* Portrait and Landscape */
@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 568px) {
.navbar-toggle .icon-bar { background-color: #385566;}
.navbar-toggle {
    margin-top: 50px;
    margin-bottom: 8px;
    background-color: white;
    border: 1px solid transparent;
}
.nav{ float: initial !important;}
.nav>li>a {
    padding: 10px 15px;
    font-size: 1.3em;
    text-align: center;
}
.navbar {
  margin-bottom: 0px;
  height: 110px;
}
.main-menu{  
  background-color: white;
  width: 100%;
  margin-right: -5px;
}
.numero{
    padding: 0px;
	margin:0px;
	margin-left:180px;
    margin-top: 55px;
    text-align: center;
	font-size:13px;
}
.telefono_pc{
	display: none  !important;
 }
 .telefono_celu{
	display: block   !important;
	
	margin:0px;
 }
.redes {  margin-left: 40%;}
/* Quienes Somos */
#quienes h1 {
    padding-top: 20px;
    padding-bottom: 20px;
}
#quienes img{ width: 100%;}
#quienes h2{  text-align: center;}
#quienes h3{
  text-transform: uppercase;
  font-weight: bolder;
  font-family: 'tradegothic';
  font-size: 5.7em;
  color: #385566;
  text-align: center;
  margin: 0;
}
#quienes p{  padding-bottom: 40px;}
#quienes .nosotros{  padding: 20px;}
.nosotros-new{
  padding-left: 20px;
  padding-right: 20px;  
  padding-top: 40px;
}
.francisco-responsive{  display: block;}
.francisco-escritorio{  display: none;}
/* Proyecto */
#datos-proyecto h1 {
  font-size: 2em;
  border-bottom: 2px solid rgba(56,85,102,0.25);
  padding-bottom: 10px;
}
#datos-proyecto h2{
  font-size: 1.6em;
  padding-top: 10px;
  padding-bottom: 20px;
  letter-spacing: 3px;
  color: #385566;
}
#datos-proyecto p{
  font-size: 1.4em;
  text-align: center;
  letter-spacing: 1px;
  font-weight: bold;
}
#datos-proyecto span{
  font-family: 'georgia';
  font-style: italic;
  font-weight: lighter;
  text-transform: capitalize;
  font-size: 0.80em;
  color: #385566;
}
.proyectos-bajada{
  width: 100%;
  padding: 3px;
  padding-top: 5px;
}
#mapa-proyecto{
  width: 100%;
  height: auto;
  padding-top: 30px;
  padding-bottom: 0px;  
}
#custom_carousel .item img {
    margin-bottom: 10px;
}
.modal-dialog {
    width: 85% !important;
    margin:  0 auto !important;
}
footer {
    padding-bottom: 20px !important;
    padding-top: 40px !important;
}
footer h1 {  width: 50%;}
footer p {  padding: 16px;}
.carousel-indicators {    bottom: -5% !important;}
#inicio{  margin-top: 120px;}
.carousel-control.right {
    top: 100%;
    right: 25% !important;
}
.carousel-control.left {
    top: 100%;
    left: 25% !important;
}
#portafolio {  
  padding: 12px !important;
  margin-top: 30px !important; 
}

.form-group{  padding: 10px !important;}
/* Contacto */
#contacto{  
  padding-bottom: 30px;
  margin-top: 30px;
}
#contacto h2{
  font-size: 1.6em !important;
  text-align: center !important;
}
#contacto h3{
  text-transform: uppercase;
  font-weight: bolder;
  font-size: 5.7em;
  color: #385566;
  text-align: center;
}
#contacto  p{  
  text-transform: capitalize;
  font-size: 1.2em !important;
  font-weight: initial;
}
label{
  font-style: italic;
  color: #385566;
  font-size: 1.2em;
  letter-spacing: 3px;
  font-weight: lighter;
  width: 40%;
}
input{
  width: 60% !important;
  float: right;
  color: #385566 !important;
  background-color: #c3ccd1  !important;
}
#enviar{
  color: #385566 !important;
  background-color: #c3ccd1;
  text-transform: capitalize;
  font-family: 'georgia';
  font-style: italic;
  font-size: 17px;
  margin-bottom: 20px;
  left: 75%;
}
#custom_carousel .controls {   display: none !important;}
.overlay .mask {    opacity: initial !important;}
.flecha-nueva .left {    display: block !important;}
.flecha-nueva .right{    display: block !important;}
.flecha{    display: none !important;}
.controles-slider-home{    display: none !important;}
#control-flechas{ padding-top: 10px; }
.tel-cel{ display: block; }
.tel-cel a{ color: white !important;}
.proyectos-interior{   padding: 0px;}
.container-fluid{   padding: 0 !important;}
}
/* Landscape */
@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 568px)
  and (orientation: landscape) { 
/*.carousel-control.right { right: -5.5% !important;}
.carousel-control.left {  left: -5.5%  !important;}*/
#control-flechas{ padding-top: 10px; }
}