@font-face {
	 font-family:"Montserrat-Bold";
	 src:url("../fonts/Montserrat-Bold.eot?") format("eot"),
	 url("../fonts/Montserrat-Bold.woff") format("woff"),
	 url("../fonts/Montserrat-Bold.ttf") format("truetype"),
	 url("../fonts/Montserrat-Bold.svg#Montserrat-Bold") format("svg");
	 font-weight:normal;
	 font-style:normal;
}

@font-face {
	font-family:"PlayfairDisplay-Regular";
	src:url("../fonts/PlayfairDisplay-Regular.eot?") format("eot"),
	url("../fonts/PlayfairDisplay-Regular.woff") format("woff"),
	url("../fonts/PlayfairDisplay-Regular.ttf") format("truetype"),
	url("../fonts/PlayfairDisplay-Regular.svg#PlayfairDisplay-Regular") format("svg");
	font-weight:normal;
	font-style:normal;
}


#contenedor{
    width:100%;
    overflow:hidden;
    z-index:9999;
    font-family:"PlayfairDisplay-Regular";
    position:relative;
}

.pad{
    padding-left:0px;
    padding-right:0px;
}

.clear{
    clear:both;
}

#head{
    background: #fff;
    text-align: right;
    padding-bottom: 5px;
}

#head #in{
    background: url(../img/redes.png) no-repeat 0px 0px;
    width: 60px;
    height: 30px;
    display: inline-block;
}

#head #linkd{
    background: url(../img/redes.png) no-repeat -61px 0px;
    width: 60px;
    height: 30px;
    display: inline-block;
}


#barra-menu{
    background: #093143;
}

#menu{
	  padding-bottom: none;
	  background: transparent;
	  width: 100%;
	  margin-bottom:0;
	  border: none;
    min-height: 10px;
    margin-top: 30px;
}

.menu{
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: row wrap;
    justify-content: space-around;
}

.menu li{
    text-align: center;
}

#navbar a{
    color:#fff;
    font-size: 17px;
    float: left;
    position: relative;
    padding:18px;
    text-decoration: none !important;
    font-family:"PlayfairDisplay-Regular";
}

#navbar a:hover{
    color: #eb5c24;
    border-bottom: solid 1px #eb5c24
}

#navbar .selec{
    color: #eb5c24;
    border-bottom: solid 1px #dab77800;
}

#home-quienes{
  padding: 82px 0px;
  background: url(../img/bg-home.webp) no-repeat top center;
  background-size: cover;
}

.carousel-fade .carousel-inner .item {
    opacity: 0;
    transition-property: opacity;
}

.carousel-fade .carousel-inner .active {
    opacity: 1;
}

.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
    left: 0;
    opacity: 0;
    z-index: 1;
}

.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
    opacity: 1;
}

.carousel-fade .carousel-control {
    z-index: 2;
}

#home-quienes h1{
    color: #eb5c24;
    font-family:"Montserrat-Bold";
    font-size: 30px;
    margin-top: 20px;
}

#home-quienes p{
    color: #000;
    margin-top: 15px;
    text-align: justify;
    line-height: 19px;
    font-size:16px;
}

#home-quienes a{
    display: inline-block;
    margin-top: 30px;
    color: #eb5c24;
    padding: 5px 15px;
    border: solid 4px #eb5c24;
    font-size:18px;
}

#home-quienes a:hover{
    color: #000;
    border: solid 4px #000;
    text-decoration: none;
}


#home-servicios{
    background-color: #ededed;
   
}

.servicio-home{
    float: left;
    position: relative;
    background-size: cover;
    width: 100%;
    height:618px;
    box-sizing: border-box;
}

.servicio-home h1{
    font-family:"Montserrat-Bold";
    font-size:30px;
    text-shadow: -2px 2px 2px #000;
    text-align: center;
    color: #fff;
    margin-top: 30px;
}

.texto-servicio-p{
    border-left: solid 12px #eb5c24;
    background: rgba(255, 255, 255, 0.8);
    padding: 15px;
    margin-top: 264px;
    color: #000;
    line-height: 19px;
}

.texto-servicio-p a{
    display: inline-block;
    margin-top: 30px;
    color: #eb5c24;
    font-size:18px;
    padding:8px 15px;
    font-size:18px;
}


.texto-servicio-p a:hover{
    display: inline-block;
    margin-top: 30px;
    color: #fff;
    padding: 8px 15px;
    background: #eb5c24;
    font-size:18px;
    text-decoration:none;
}

.p1{
    background-image: url(../img/home/p1.webp);
}

.p2{
    background-image: url(../img/home/p2.webp);
}

.p3{
    background-image: url(../img/home/p3.webp);
}

#clientes{
    padding: 65px 0px;
    background-color: #fff;
}

#clientes h1{
    font-family:"Montserrat-Bold";
    color: #feaa00;
    font-size: 30px;
    text-align: center;
    padding-bottom: 45px;
}

footer {
    background-color: #093143;
    padding-top: 15px;
    border-top: 3px solid #fff;
}

footer h1{
    color: #C62C2F;
    font-family:"Montserrat-Bold";
    font-size:24px;
    margin-top: 3px;
    text-align: center;
}

footer p{
    margin-top: 10px;
    font-size: 16px;
    line-height: 25px;
    color: #fff;
    font-family:"Montserrat-Bold";
}

footer p i{
    color: #eb5c24;
}

footer p span{
    padding-left: 20px;
}

#in2{
    background: url(../img/redes2.png) no-repeat 0px 0px;
    width: 63px;
    height: 48px;
    display: inline-block;
}

#linkd2{
    background: url(../img/redes2.png) no-repeat -65px 0px;
    width: 55px;
    height: 48px;
    display: inline-block;
}

#web{
    padding: 3px 0px;
    padding-right: 145px;
    background: url(../img/web.png) no-repeat right;
    color: #ffffff57;
    font-size: 10px;
    margin-top: 55px;
    float: left;
    position: relative;
}

#titulo{
    padding-top: 125px;
    padding-bottom: 125px;
    background-size: cover;
    border-top: solid 3px #eb5c24;
    text-align: center;
}

#titulo h1{
    font-size: 44px;
    color: #fff;
    text-shadow: 2px 4px 2px #000;
    font-family:"Montserrat-Bold";
}

.bg-1{
    background: url(../img/bg1.webp) no-repeat center top;
}

#quienes{
    padding: 40px 120px;
}

#quienes h1 {
  color: #eb5c24;
  font-family:"Montserrat-Bold";
  font-size: 30px;
  margin-top: 20px;
}

#quienes p{
    text-align:justify;
    line-height: 25px;
    margin-bottom: 20px;
    font-size: 18px;
    margin-top: 20px;
}

.azul{
    color: #5271af;
}

#mision{
    padding:132px 0px;
    background: url(../img/bg-home2.webp) no-repeat top center;
    background-size: cover;
}

#mision h1{
    color: #eb5c24;
    border-bottom: solid 3px #eb5c24;
    padding-bottom: 8px;
    font-size: 48px;
    font-family:"Montserrat-Bold";
}

#mision p{
    color: #FFF;
    font-size:18px;
    line-height: 24px;
    margin-top: 81px;
}

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

.mision img{
    margin-top: 20px;
}


.bg-2{
    background: url(../img/bg2.webp) no-repeat center top;
}

#titulo-blanco{
    padding:66px 0px;
    text-align: center;
}

#titulo-blanco h1{
    color: #c62c2f;
    border-bottom: solid 6px #c62c2f;
    display: inline-block;
    font-size: 44px;
    font-family:"Montserrat-Bold";
    font-weight:normal;
}

.bg-3{
    background: url(../img/bg3.webp) no-repeat center top;
}

#servicios{
    padding: 30px 0px;
}

.servicio{
    margin-top: 30px;
    margin-bottom: 20px;
    float: left;
    position: relative;
    background: #eb5c24;
}

.texto-not2{
    padding: 60px 15px;
    box-sizing: border-box;
}

.texto-not2 h1{
    color: #fff;
    font-family:"Montserrat-Bold";
    font-size: 18px;
}

.texto-not2 p{
    margin-top: 15px;
    color: #fff;
    font-size: 16px;
    line-height: 20px;
}

.texto-not2 a{
    color: #fff;
    display: inline-block;
    margin-top: 15px;
    border: solid 2px #fff;
    padding: 5px 10px;
}

.texto-not2 a:hover{
    color: #093143;
    border: solid 2px #093143;
    text-decoration: none;
}

.texto-not h1{
    color: #fff;
    font-family:"Montserrat-Bold";
    text-shadow: 2px 2px 2px #000;
}

.texto-not p{
    margin-top: 15px;
    color: #fff;
}

.texto-not a{
    color: #fff;
    display: inline-block;
    margin-top: 15px;
    border: solid 2px #fff;
    padding: 5px 10px;
}

.texto-not a:hover{
    color: #ffd61a;
    border: solid 2px #ffd61a;
    text-decoration: none;
}

#frase{
    padding-top:30px;
    background: url(../img/bg-home2.webp) no-repeat top center;
}

#frase h1{
    color: #eb5c24;
    font-size: 43px;
    margin-top: 60px;
    text-align: center;
    font-family:"Montserrat-Bold";
}

#frase p{
    color: #000;
    text-align: center;
    font-size:22px;
    line-height: 24px;
    margin-top: 34px;
}



#titulo-interna{
    margin-top: 100px;
}

#titulo-interna h1{
    font-size: 30px;
    padding-bottom: 10px;
    font-family:"Montserrat-Bold";
    color: #eb5c24;
}

#titulo-interna p {
    font-size: 20px;
    line-height: 28px;
    margin-bottom: 20px;
}

#interna-fotos{
    margin-top: 10px;
    padding-bottom: 50px;
}

.interna-foto{
    float: left;
    position: relative;
    width: 100%;
    margin-top: 20px;
}

.int-foto-cap{
    float: left;
    position: relative;
    margin-top: 3px;
    background: #c40000;
    color: #FFF;
    font-family: 'Cuprum', sans-serif;
    padding: 10px;
    width: 100%;
    font-size: 20px;
    z-index: 20;
}

.int-mas{
    display: none;
}

.interna-foto:hover .int-mas{
    width: 100%;
    display: block;
    height: 100%;
    position: absolute;
    left: 0px;
    z-index: 10;
    top: 0px;
    background: rgba(0, 0, 0, 0.20);
}

.mas-s{
    color: #FFF;
    font-size: 40px;
    text-align: center;
    width: 100%;
    margin-top: 25%;
}

#volver {
    padding: 40px 120px;
}

#volver a{
    padding:10px 20px;
    background:#093143;
    color:#fff;
    margin-top:20px;
    margin-bottom:20px;
    font-size:20px;
    text-decoration: none!important;
}

#volver a:hover {
    background:#eb5c24;
    text-decoration: none!important;
}


#contacto{
    padding: 45px 0px;
}

#contacto h1{
    color: #eb5c24;
    border-bottom: solid 6px #eb5c24;
    padding-bottom: 8px;
    font-size: 30px;
     font-family:"Montserrat-Bold";
}

#contacto p{
    color: #000;
    font-size: 18px;
    line-height: 22px;
    margin-top: 25px;
}

#contacto h3{
    color: #fff;
    background: #dab778;
    padding: 10px;
    margin-top: 20px;
     font-family:"Montserrat-Bold";
    font-size:18px;
}

#map{
	height:300px;
    margin-bottom: 30px;
}

#ampliar{
	background-color: #dab778;
    color: #fff;
    text-align: center;
	padding: 8px 10px;
	position: absolute;
	bottom: 20px;
    left: 10%;
    font-weight: bold;
    margin-top: 10px;
    text-decoration: none !important;
    text-transform: uppercase;
}

#ampliar:hover{
	background: #000;
	color: #fff;
}

#back-top {
    background-image: url(../img/whatsapp.png);
    width: 62px;
    height: 63px;
    position: fixed;
    right: 22px;
    z-index: 900;
    bottom: 440px;
}





@media (max-width: 800px){
  
    #head {
        text-align: center;
    }
  
    #menu {
        margin-top: 5px;
        padding-bottom: 0;
    }
	
    .navbar-header {
	    float: none;
        background: #093143;
	}

	.navbar-left,.navbar-right {
	    float: none !important;
	}

	.navbar-toggle {
	    display: block;
	    background: #eb5c24 !important;
	}

    .navbar-default .navbar-toggle .icon-bar {
        background-color: #fff !important;
    }

	.navbar-collapse {
	    border-top: 1px solid transparent;
	    box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
	}

	.navbar-fixed-top {
	    top: 0;
	    border-width: 0 0 1px;
	}

	.navbar-collapse.collapse {
	    display: none!important;
	}

	.navbar-nav {
	    float: none!important;
	    margin-top: 7.5px;
	}

	.navbar-nav>li {
	    float: none;
	}

	.navbar-nav>li>a {
	    padding-top: 10px ;
	    padding-bottom: 10px;
	}

	.collapse.in{
	    display:block !important;
	}

	#navbar li {
	    width: 100%;
	}

	#navbar a{
	    width: 100%;
	    text-align: left;
	    padding: 5px;
	    margin-top: 2px;
        border: none;
	}

    #ber {
        margin-top: 5px;
        text-align: center;
    }

    #ber img{
        margin: auto;
    }

    .texto-home-p {
        margin-top: 96px;
    }

    .servicio-home h1 {
        font-size: 20px;
    }

    footer h1 {
        margin-top: 10px;
        margin-bottom: 10px;
    }

    #web {
        margin-top: 20px;
    }

    #frase h1 {
        font-size: 26px;
        margin-top: 20px;
        margin-bottom: 20px;
    }

    #frase p {
        margin-top: 7px;
    }

    #contacto p {
        margin-top: 20px;
    }
  
    .programa-home{
	    height:487px;
    }

    footer p{
	    font-size:14px;
    }
  
    #titulo{
	    padding-top:97px;
	    padding-bottom:97px;
    }
  
    #titulo h1{
	    font-size:36px;
    }
  
    #titulo-blanco h1{
	   font-size:36px;
    }

    .texto-not2 {
        padding: 36px 15px;
    }
  
    .cbp-ntaccordion h3{
	   font-size:19px;
    }
  
    #formulario h2{
	   font-size:15px;
    }
}


@media (max-width: 900px) and (min-width: 801px){
	
	#home-quienes h1{
		margin-top:0px;
	}
	
	.texto-home-p{
		margin-top:134px;
		font-size:15px;
		line-height:17px;
	}
	
	.programa-home{
		height:515px;
	}
	
	.servicio-home h1 {
        font-size: 24px;
    }

    .texto-servicio-p {
        padding: 22px;
    }
	
	footer h1{
		margin-top:37px;
	}
	
	#frase h1{
		margin-top:0px;
	}

    #frase p {
        margin-top: 7px;
    }
	
	.texto-not2{
		padding: 36px 15px;
	}

    .texto-not2 h1 {
        font-size: 14px;
    }
	
	#contacto h1{
		font-size:29px;
	}
}


@media (max-width: 1000px) and (min-width: 901px){
	
	#navbar a{
		font-size:16px;
	}
	
	.texto-home-p{
		margin-top:138px;
	}
	
	.programa-home{
		height:522px;
	}

    .servicio-home h1 {
        font-size: 25px;
    }
	
	#titulo h1{
		font-size:37px;
	}
	
	#frase h1{
		margin-top:56px;
	}

    #frase p {
        margin-top: 1px;
    }

    .texto-servicio-p {
        padding: 13px;
    }

    .texto-not2 h1 {
        font-size: 15px;
    }
	
}


@media (max-width: 1100px) and (min-width: 1001px){
	
	#navbar a {
        font-size: 16px;
        padding: 13px;
    }

    .texto-home-p{
		margin-top:160px;
	}
	
	.programa-home{
		height:514px;
	}
	
	footer p{
		font-size:17px;
	}
	
	footer h1{
		font-size:12px;
	}
	
    .texto-not2 {
        padding: 32px 15px;
    }

	.texto-not2 p{
		font-size:11px;
        margin-top: 12px;
        line-height: 13px;
	}

    .texto-not2 h1 {
        font-size: 11px;
    }

    .texto-not2 a {
        font-size: 11px;
    }
	
	#frase h1{
		margin-top:53px;
	}

    #frase p {
        margin-top: 7px;
    }
	
}

@media (max-width: 1200px) and (min-width: 1101px){
	
	.texto-home-p{
		margin-top:205px;
	}
	
	.programa-home{
		height:557px;
	}
	
	footer p{
		font-size:18px;
	}

    .texto-not2 {
        padding: 6px 15px;
    }
	
	.texto-not2 h1{
		font-size:13px;
        margin-top: 42px;
	}

    .texto-not2 p {
        margin-top: 8px;
        font-size: 12px;
        line-height: 15px;
    }

    .texto-not2 a {
        font-size: 11px;
    }

    .texto-servicio-p {
        padding: 6px;
    }
	
	#frase p {
        margin-top: 7px;
    }
}


@media (max-width: 1300px) and (min-width: 1201px){
	
    #navbar a{
		font-size:15px;
	}
	
	.texto-home-p{
		margin-top:119px;
		font-size:14px;
		line-height:16px;
	}
	
	.programa-home{
		height:484px;
	}
	
	.texto-not2{
		padding:11px 15px;
	}
	
	.texto-not2 h1{
		font-size:11px;
        margin-top: 7px;
	}

	.texto-not2 p{
		font-size:11px;
        margin-top: 11px;
        line-height: 14px;
	}
	
	.texto-not2 a {
        font-size: 11px;
    }
	
	#formulario h2{
		font-size:14px;
	}
	
	#contacto h1{
		font-size:28px;
	}
	
	#contacto h3{
		font-size:15px;
	}
	
	.texto-not{
		font-size:14px;
	}
	
	#titulo h1{
		font-size:32px;
	}
	
	#frase h1{
		font-size:22px;
		margin-top:47px;
	}

    #frase p {
        font-size: 17px;
        margin-top: 8px;
    }
	
	.modal-dialog {
    width: 505px;
    margin: 50px auto;
  }
  
}

@media (max-width: 1400px) and (min-width: 1301px){
	
	#navbar a{
		font-size:17px;
	}
	
    .texto-home-p{
		margin-top:137px;
		font-size:14px;
	}
	
	.programa-home{
		height:529px;
	}
	
	.texto-not2{
		padding:12px 15px;
	}
	
	.texto-not2 h1{
		font-size:12px;
        margin-top: 7px;
	}
	
	.texto-not2 p{
		font-size:13px;
        margin-top: 10px;
        line-height: 16px;
	}
	
	.texto-not2 a {
        font-size: 11px;
    }
	
	#frase h1{
		margin-top:54px;
		font-size:24px;
	}

    #frase p {
        font-size: 19px;
        margin-top: 9px;
    }
	
	#formulario h2{
		font-size:14px;
	}
	
	#home-quienes p{
		line-height:16px;
		font-size:14px;
	}

    .modal-dialog {
       width: 505px;
       margin: 50px auto;
    }

}


@media (max-width: 1500px) and (min-width: 1401px){
	
	#navbar a{
		font-size:18px;
	}
	
	.texto-home-p{
		margin-top:163px;
	}
	
	.programa-home{
		height:542px;
	}
	
	.texto-not2{
		padding:9px 15px;
	}
	
	
	.texto-not2 p{
		font-size:13px;
		line-height: 16px;
	}
	
	.texto-not2 h1{
		font-size:12px;
        margin-top: 30px;
	}

    .texto-not2 a {
        font-size: 11px;
    }
	
	#frase h1{
		margin-top:38px;
	}
	
	.modal-dialog {
    width: 505px;
    margin: 50px auto;
  }

}

@media (max-width: 1600px) and (min-width: 1501px){
	
	#navbar a{
		font-size:18px;
	}
	
	.texto-home-p{
		margin-top:195px;
	}
	
	.programa-home{
		height:544px;
	}
	
	footer p{
		font-size:16px;
	}
	
	.texto-not2{
		padding:11px 15px;
	}

    .texto-not2 h1 {
        font-size: 15px;
        margin-top: 19px;
    }
	
	.texto-not2 p{
		font-size:14px;
		margin-top:9px;
	}
	
	#frase h1{
		margin-top:59px;
	}
	
	.modal-dialog {
    width: 505px;
    margin: 50px auto;
  }
	
}

@media (max-width: 1700px) and (min-width: 1601px){
	
	#navbar a{
		font-size:20px;
	}
	
    .texto-home-p{
		margin-top:170px;
	}
	
	.programa-home{
		height:530px;
	}
	
	.texto-not2{
		padding:13px 15px;
	}

    .texto-not2 h1 {
        font-size: 16px;
        margin-top: 20px;
    }
	
	.texto-not2 p{
		font-size:14px;
	}
	
	#frase h1{
		font-size:25px;
	}
	
	.modal-dialog {
    width: 505px;
    margin: 50px auto;
  }

}


@media (max-width: 1800px) and (min-width: 1701px){
	
	.texto-home-p{
		margin-top:199px;
	}
	
	.programa-home{
		height:555px;
	}

    .texto-not2 {
        padding: 42px 15px;
    }

    .texto-not2 h1 {
        font-size: 17px;
    }
	
	.modal-dialog {
        width: 505px;
        margin: 50px auto;
  }
}


@media (max-width: 1920px) and (min-width: 1801px){
	
	.texto-not2 {
        padding: 42px 15px;
    }
	
    .modal-dialog {
        width: 505px;
        margin: 50px auto;
  }
}