/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 31/03/2015, 11:58:38 AM
    Author     : ddelacruz
*/

/* ------------------ Fuentes Externas ----------- */
@font-face {
    font-family: 'AvenirLTStd-Light';
    src: url('../fonts/AvenirLTStd-Light.eot?#iefix') format('embedded-opentype'),  url('../fonts/AvenirLTStd-Light.otf')  format('opentype'),
        url('../fonts/AvenirLTStd-Light.woff') format('woff'), url('../fonts/AvenirLTStd-Light.ttf')  format('truetype'), url('../fonts/AvenirLTStd-Light.svg#AvenirLTStd-Light') format('svg');
    font-weight: normal;
    font-style: normal;
}


@font-face {
    font-family: 'AvenirLTStd-Black';
    src: url('../fonts/AvenirLTStd-Black.eot?#iefix') format('embedded-opentype'),  url('../fonts/AvenirLTStd-Black.otf')  format('opentype'),
        url('../fonts/AvenirLTStd-Black.woff') format('woff'), url('../fonts/AvenirLTStd-Black.ttf')  format('truetype'), url('../fonts/AvenirLTStd-Black.svg#AvenirLTStd-Black') format('svg');
    font-weight: normal;
    font-style: normal;
}

body{
    background: #FBF7EE;
}
/* ----------  IDs  -------- */

#franja-verde{
    background: #A0D5B8;
    height: 60px;
}


/* ------------ Clases --------- */

.logo{
    /*background: #245580;*/
    width: 260px;
    height: 120px;
    margin: -50px auto 0;
}
.logo h1{
    margin: 0;
    visibility: hidden;
}

.galeria{
    width: 75%;
    margin: 40px auto;
    box-sizing: border-box;
}

.carousel-control.left, .carousel-control.right {
    background-image: none !important;
}

.texto-web{
    text-align: right;
    padding-top: 15px;
}
.texto-web p{
    font-family: 'AvenirLTStd-Black';
    line-height: 8px;
    font-size: 1.2em !important;
    font-weight: bold;
    letter-spacing: 0.5px;
    color: #686868;
}

.footer{
    margin: 70px 0;
    text-align: center;
}

.footer p{
    font-family: 'AvenirLTStd-Light';
    line-height: 12px;
    font-size: 1.2em !important;
    color: #686868;
}
.footer a{
    font-family: 'AvenirLTStd-Light';
    color: #686868;
}

.carousel-fade .carousel-inner .item {
  opacity: 0;
  -webkit-transition-property: opacity;
  -moz-transition-property: opacity;
  -o-transition-property: opacity;
  transition-property: opacity;
/*  -webkit-transition-duration: 4s;
  -moz-transition-duration: 4s;
  -o-transition-duration: 4s;
  transition-duration: 4s;*/
  
}
.carousel-fade .carousel-inner .active {
  
  -webkit-transition-property: opacity;
  -moz-transition-property: opacity;
  -o-transition-property: opacity;
  transition-property: opacity;
  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;
}

@media only screen and (max-width: 320px) {
    .texto-web{
        padding-top: 5px;
    }
    .texto-web p{        
        font-size: 0.7em !important;
        /*line-height: 8px;*/
    }
    .galeria{
        width: 100%;
    }
}
@media only screen and (max-width: 360px) {
    .texto-web{
        padding-top: 0px;
    }
     .texto-web p{        
        font-size: 0.8em !important;
    }
   
}
@media only screen and (max-width: 480px) {
    .texto-web p{        
        font-size: 0.95em !important;
    }
    .galeria{
        width: 100%;
    }
}
@media only screen and (max-width: 768px) {
    
    .galeria{
        width: 100%;
    }
}
@media only screen and (max-width: 981px) {
    
    .galeria{
        width: 100%;
    }
}