/*!
 * PBS CONSTRUCTORA
 
 */


 /*RESET*/
.padT40 {padding-top: 40px}
.padL0 {padding-left: 0}
.padR0 {padding-right: 0}
.float-right{float: right;}
.float-left{float: left;}
.marB20 {margin-bottom: 20px}
.padL0 {padding-left: 0px}

body {
    background-image: url(../img/fondo.jpg);
    background-repeat: repeat-x; background-position: bottom center;
   font-family: 'Lato', sans-serif;
   background-color: #ebebeb;

}


/* ANIMACIONES */

.animate-reveal {
  
  
  opacity: 0;
  -webkit-animation: reveal 1s cubic-bezier(0, 1, 0.5, 1) 1 normal forwards;
     -moz-animation: reveal 1s ease-in 1 normal forwards;
       -o-animation: reveal 1s cubic-bezier(0, 1, 0.5, 1) 1 normal forwards;
          animation: reveal 1s cubic-bezier(0, 1, 0.5, 1) 1 normal forwards;
}



.animate-first {
  -webkit-animation-delay: 0;
     -moz-animation-delay: 0;
       -o-animation-delay: 0;
          animation-delay: 0;
}

.animate-second {
  -webkit-animation-delay: 500ms;
     -moz-animation-delay: 500ms;
       -o-animation-delay: 500ms;
          animation-delay: 500ms;
}

.animate-third {
  -webkit-animation-delay: 1s;
     -moz-animation-delay: 1s;
       -o-animation-delay: 1s;
          animation-delay: 1s;
}

@-webkit-keyframes reveal {
  0% {
    opacity: 0;
    -webkit-transform: translateY(100%);
       -moz-transform: translateY(100%);
         -o-transform: translateY(100%);
            transform: translateY(100%);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
       -moz-transform: translateY(0);
         -o-transform: translateY(0);
            transform: translateY(0);
  }
}

@-moz-keyframes reveal {
  0% {
    opacity: 0;
    -webkit-transform: translateY(100%);
       -moz-transform: translateY(100%);
         -o-transform: translateY(100%);
            transform: translateY(100%);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
       -moz-transform: translateY(0);
         -o-transform: translateY(0);
            transform: translateY(0);
  }
}

@-o-keyframes reveal {
  0% {
    opacity: 0;
    -webkit-transform: translateY(100%);
       -moz-transform: translateY(100%);
         -o-transform: translateY(100%);
            transform: translateY(100%);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
       -moz-transform: translateY(0);
         -o-transform: translateY(0);
            transform: translateY(0);
  }
}

@keyframes reveal {
  0% {
    opacity: 0;
    -webkit-transform: translateY(100%);
       -moz-transform: translateY(100%);
         -o-transform: translateY(100%);
            transform: translateY(100%);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
       -moz-transform: translateY(0);
         -o-transform: translateY(0);
            transform: translateY(0);
  }
}


/*HEADER*/

header {}

.banner-inner {position:relative;
  background: url('../img/slide.jpg') no-repeat;
  background-position: center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  min-height: 250px;
  -webkit-box-shadow: 0px -5px 13px -2px rgba(0,0,0,0.75);
-moz-box-shadow: 0px -5px 13px -2px rgba(0,0,0,0.75);
box-shadow: 0px -5px 13px -2px rgba(0,0,0,0.75);
}

.banner-inner h1 {color: #FFF; text-shadow: 4px 2px 2px rgba(0, 0, 0, 0.73); position: absolute;
   
    top: 30%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
  font-family: 'arquitectaitalic';
font-size: 50px;
width: 100%;
}
.banner-inner h1 span {font-family: 'arquitecta_boldbold_italic';}






.shadow {}
.container.main {background-color: #FFF; -webkit-box-shadow: 0px 0px 13px -2px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 0px 13px -2px rgba(0,0,0,0.75);
box-shadow: 0px 0px 13px -2px rgba(0,0,0,0.75);}

/*CONTENT*/


.container.main h1.section {color: #8598a1; font-size: 22px; font-family: 'Roboto Slab', serif; position: relative; margin-bottom: 0px}




.container.main h1.section span {
  background: #fff;
  padding: 0 15px 0 0;
  position: relative;
  z-index: 1;
}

.container.main h1.section:before {
  background: #037d7f;
  content: "";
  display: block;
  height: 1px;
  position: absolute;
    top: 50%;
  width: 100%;
}

.container.main h1.section:before {
  left: 0;
}


/*FORMAS*/

.promo {margin:30px 0 5px}
.imagen {position: relative;}

.promo p {min-height: 41px}

#base {
  opacity:0.8;
  background: #FFF;
  display: inline-block;
  height: 20px;
  margin-left: 20px;
  margin-top: 55px;
    position: absolute;
   
    bottom: -10px;
    right: 0px
}
#base:before {
  width: 0;
  height: 0;
  border-top: 50px solid transparent;
  border-right: 15px solid white;
  border-bottom: 50px solid transparent;
  content: "";
  height: 0;
  left: -15px;
  position: absolute;
  top: 0px;
  width: 0;
}



/*B&W*/
.bw {
  -webkit-transition: all 1s ease;
     -moz-transition: all 1s ease;
       -o-transition: all 1s ease;
      -ms-transition: all 1s ease;
          transition: all 1s ease;
}
 
.bw:hover {
  -webkit-filter: grayscale(100%);
}

#base h2 {font-size: 20px; margin: 0px; padding: 6px 0 0 6px; font-weight: 900; text-transform: uppercase; color: #004360}
#base p {margin-bottom: 0px; font-size: 14px; line-height: 16px; padding: 2px 10px 2px 6px}


.bottom {position: absolute; bottom: 0; width: 100%; opacity:1.0;}

#base h4 {background-color: #004360; color: #FFF; text-align: right; position: relative; display: inline-block; height: 24px; width: 105%; line-height: 23px; font-size: 15px; font-weight: 400; margin-top: 0px; margin-bottom: 0; padding-right: 15px; left: -1px; opacity:1.0;  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;}



#base h4  a {color: #FFF; text-decoration: none}
#base h4 a:hover {color: #FFF; text-decoration: none; color: #8598a1}
#base h4:hover a {color: #8598a1}

#base h4:after {width: 0;
  height: 0;

  border-top: 12px solid transparent;
  border-left: 8px solid #004360;
  border-bottom: 12px solid transparent;
  content: "";
  height: 0;
  right: -8px;
  position: absolute;
  top: 0px;
  width: ;
-webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;}

#base h4:before {
  width: 0;
  height: 0;
  border-top: 0px solid transparent;
  border-right: 6px solid #004360;
  border-bottom: 24px solid transparent;
  content: "";
  height: 0;
  left: -6px;
  position: absolute;
  top: 0px;
  width: ;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}

 #base h4:hover  {background-color: #000; cursor: pointer;}
 #base h4:hover:after {border-left: 8px solid #000;;}
#base  h4:hover:before {border-right: 6px solid #000;}


/* PIE */

h2.title-footer {
  position: relative;
  text-align: center;
  font-family: 'Roboto Slab', serif;
  color: #004360;
  font-size: 20px;
  margin: 60px 0 20px 0;
  font-weight: 700
}

h2.title-footer span {
  background: #fff;
  padding: 0 15px;
  position: relative;
  z-index: 1;
  border: 1px solid #8598a1
}

h2.title-footer:before {
  background: #8598a1;
  content: "";
  display: block;
  height: 1px;
  position: absolute;
    top: 50%;
  width: 100%;
}

h2.title-footer:before {
  left: 0;
}


h3.subtitle-footer {font-size: 27px; color:#8598a1; font-weight: 300; font-style: italic; }


.prefooter a.btn {background-color: #8598a1; color: #FFF; border-radius:2px; margin: 20px 0; -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;}
.prefooter a.btn:hover {background-color: #004360}



/*FOOTER*/


footer .container {border-top: 7px solid #8598a1; background-color: #d8d8d7; -webkit-box-shadow: 0px 0px 13px -2px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 0px 13px -2px rgba(0,0,0,0.75);
box-shadow: 0px 0px 13px -2px rgba(0,0,0,0.75); 
padding-bottom: 15px}





/*FOOTER*/

footer h3 {font-family: 'Open Sans Condensed', sans-serif; font-weight: 400; color: #1a171b; margin-bottom: 30px}
footer p {font-size: 13px; padding-right: 20px}
footer ul.adress {list-style: none; padding-left: 0px; margin-left: 0px; }
footer ul.adress li {padding-left: 1.2em}
footer ul.adress li:before {  font-family: FontAwesome; /* FontAwesome or whatever */
  display: inline-block;
  width: 1.2em; /* same as padding-left set on li */
  margin-left: -1.2em; /* same as padding-left set on li */
 content:"\f041"; color: #064460}
 footer ul.web {list-style: none; padding-left: 0px; margin-left: 0px; }
footer ul.web li {padding-left: 1.2em}
footer ul.web li:before {  font-family: FontAwesome; /* FontAwesome or whatever */
  display: inline-block;
  width: 1.2em; /* same as padding-left set on li */
  margin-left: -1.2em; /* same as padding-left set on li */
 content:"\f0ac"; color: #064460}

/*MAP*/
#map{padding: px 0;}
#map #responsive_map {height: 240px; width: 100%;}
#map #responsive_map div {-webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px;}
.gm-style-iw {max-width: none !important; min-width: none !important; max-height: none !important; min-height: none !important; overflow-y: hidden !important; overflow-x: hidden !important; line-height: normal !important; padding: 5px !important; }
.gmnoprint, .gm-style-cc{display:none;}
/*MAP*/

footer hr {width: 75%; margin: 15px auto; height: 2px; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#d8d8d7+0,918f90+16,918f90+80,d8d8d7+100 */
background: #d8d8d7; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Q4ZDhkNyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjE2JSIgc3RvcC1jb2xvcj0iIzkxOGY5MCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjgwJSIgc3RvcC1jb2xvcj0iIzkxOGY5MCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNkOGQ4ZDciIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(left,  #d8d8d7 0%, #918f90 16%, #918f90 80%, #d8d8d7 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  #d8d8d7 0%,#918f90 16%,#918f90 80%,#d8d8d7 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  #d8d8d7 0%,#918f90 16%,#918f90 80%,#d8d8d7 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d8d8d7', endColorstr='#d8d8d7',GradientType=1 ); /* IE6-8 */
border: none;
}



/*FICHA PROMOCIONES*/

.title-promo {padding:20px 0px; border-bottom: 1px solid #117e83; margin-bottom: 20px; margin-top: 0px}
.title-promo h2 {font-size: 20px; color: #3c3c3b; font-weight: 900; margin: 0px; padding:15px 0 0 0;}
.title-promo h3 {font-size: 15px; color: #8597a1; font-weight: 400; margin: 0px; padding:0 0 5px 0; font-style: italic; }
.title-promo p {margin-top: 0px}

.promo h3 {font-family: 'Open Sans Condensed', sans-serif; margin: 0}
.promo h4 {padding: 5px 8px; background-color: #8597a1; color: #FFF; margin: 0; font-size: 14px}

.flexslider {margin-bottom: 10px; border: 0px}

.descripcion {padding-bottom: 20px}
.descripcion h2 {color: #8597a1; font-size: 18px; font-weight: 700px; margin-bottom: 0px}
.descripcion iframe {margin-top: 10px}

#map {width: 100%; height: 230px}

.details {background-color: #eef1f3; margin-top: 0px; padding-top: 6px; padding-bottom: 5px;}


.aside h3 {font-size: 18px; color: #064460; font-family: 'Roboto Slab', serif; margin-bottom: 20px}


.aside ul {list-style: none; padding-left: 0px; margin-left: 0px; }
.aside  ul li {padding-left: 1.2em; font-size: 14px; padding-bottom: 10px; border-bottom: 1px dashed #8597a1; margin-bottom: 10px; width: 80% }
  .aside  ul li a {color: #000; text-decoration: none}
.aside ul li:before {  font-family: FontAwesome; /* FontAwesome or whatever */
  display: inline-block;
  width: 1.2em; /* same as padding-left set on li */
  margin-left: -1.2em; /* same as padding-left set on li */
 content:"\f138"; color: #000; margin-right: 5px}


/* AREAS DE NEGOCIO */

.areanegocio h2 {color: #8597a1; font-size: 18px; font-weight: 700px; }
.areanegocio p {margin-bottom: 20px}

.areanegocio {background-image: url(../img/areanegocio/planos.jpg); background-position: bottom right; background-repeat: no-repeat; padding-bottom: 60px}

ul.edif-list {list-style: none; margin-left: 0px; padding-left: 0px}
ul.edif-list li {padding-left: 0.8em; margin-bottom: 5px}
ul.edif-list li:before {font-family: FontAwesome; /* FontAwesome or whatever */
  display: inline-block;
  width: 0.5em; /* same as padding-left set on li */
  margin-left: -0.8em; /* same as padding-left set on li */
content:"\f101"; color: #8597a1; margin-right: 5px}


/*EMPRESA*/

.empresa img {margin-bottom: 10px}



/*SIDEBAR*/

.aside .menusub a {-webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;}

.aside .menusub a:hover {padding-left: 10px}

.aside ul li:before:before {color:#8598a1;}


#comprobante {padding:50px 0px;}

@media(max-width:480px) {
#base {width: 80%}
h3.subtitle-footer {font-size: 18px}
.areanegocio {background-image: none;}
}




@media(max-width:768px) {
.bottom {display: none}
.banner-inner h1 {font-size: 34px; top: 60%; width: 90%; margin: auto}
.promo {margin-bottom: 20px}
.navbar-header {bottom: 0px}
.navbar {margin-bottom: 0px}
.area_box {margin-left: -15px}
.area_box .texto {padding-left: 0px}
}



@media(max-width:978px) {

#base {width: 60%}

}

@media(min-width:768px) {

  h3.subtitle-footer {padding-right: 150px; padding-left: 150px}
   .nav.navbar-nav {background-color: #FFF; margin-bottom: -30px; margin-left: 150px }

#bs-example-navbar-collapse-1 {margin: 15px 0 0 20px}


.navbar-nav > li > a {font-family: 'Open Sans Condensed', sans-serif; text-transform: uppercase; color: #004360; font-weight: 700; padding-top: 6px; padding-bottom: 6px; padding-right: 15px; padding-left: 15px; font-size: 15px}

/*RESET PADDING*/

.navbar-header {margin: -15px 0 0 -15px !important}

.navbar > .container .navbar-brand, .navbar > .container-fluid .navbar-brand {margin-top: -15px}

.container {}

.navbar {position: absolute; bottom: -30px; left: -1px}

/*.promo:nth-child(even) {padding-left: 30px}
.promo:nth-child(odd) {padding-right: 30px}*/
#base { width: 60%;}
   
}


@media (min-width: 768px) and (max-width: 991px) { 
.promo p {min-height: 60px
 }

.promo p a {display:block;} 

#bs-example-navbar-collapse-1 {margin-left: 0px}
.nav.navbar-nav {margin-left: 0px; width: 106%}
.navbar-nav > li > a {padding-left: 7px; padding-right: 7px; font-size: 13px}
.navbar {left: -21px}

.banner-inner h1 {top: 40%}
}

@media (min-width: 991px) and (max-width: 1199px) { 
#bs-example-navbar-collapse-1 {margin-left: 0px}
.nav.navbar-nav {margin-left: 0px}
.navbar-nav > li > a {padding-left: 6px; padding-right: 6px; font-size: 14px}
.navbar {}


}

@media(min-width:1200px) {#base { width: 40%;}}





/* News 16 N 2015 */
.boxborder{border: 1px solid #117e83;}
.contdetails{display: block;}
.description{padding-left: 15px;}
.contentlists h3{margin-bottom: 0px;}
.contentlists h4{margin-top:5px;}
.contentstatic{padding-top: 30px;}
.area_box p{margin-bottom: 15px}
.area_box{margin: 20px 0}
.area_box h2{ font-size: 20px; margin-top: 0px;}
.contentstatic .slogan{background: #004360;padding: 5px; color: #fff; font-size: 20px;text-align: center;margin-top: 50px;}