body { 
    background-color: #1e1e1e;
    font-family:  Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #ccc;
	text-decoration: none;
	line-height: normal;
	text-align: justify;
	letter-spacing: 1px;
    margin: 0 auto;

}

.container-fluid{
    /*background-image: "../images/fondo-interior8-galeria.jpg";
    background-repeat: repeat-y;*/
    background-color: #3c3c3c;
}

a:link {text-decoration: none; color:#999;}
a:visited {text-decoration: none; color:#999;}
a:hover {text-decoration: none; color:#FFF;}

.descripcionFoto p{
    margin: 16px;
    font-size: 13px;
}

.foto img{
        border: 3px solid black;	
        margin-top: 2%;
        width: 100%;
        height: auto;
}

.descripcionFoto h2{
    margin: 16px;
    font-size: 20px;
    color: #e7f1ff;
    text-align: center;
}

.firma{
    text-align: center;
    color: #e7f1ff;
}

.galeria-del-mes ul li {
    display: inline;
    float: left;
    margin: 5px;
}

.galeria-del-mes ul li img{
    display: inline;
    width: 140px;
    height: 104px;
    border: none;
    border-radius: 0;
}

.galeria-del-mes ul li img:hover{
    border: none;
    transition: border .2s ease;
}

/*.galeria-del-mes ul {padding-left: 76px;}*/

h1{ 
    text-align: center; 
    font-size: 24px;
}
h2{ 
    text-align: center;
    color: azure;
    font-family: 'Handlee', cursive, serif;
    font-weight: normal;
    font-size: 22px;
}

.fondo-negro {
    background-color: black;
    width: 100%;
    height: 57px;
    text-align: center;
}

.navbar .container-fluid {
  background: none;
  background-color: transparent;
  max-width: 100%;
}

.navbar-inverse {
  background-color: transparent;
  border-color: transparent;
}

.navbar {
  position: relative;
  top: -30px;
  left: 2px;
  min-height: 50px;
  margin-bottom: 0;
  border: 1px solid transparent;
}


.navbar-default,
            .navbar-inverse { border-radius: 6px;}
            
            .navbar-brand {
                float: left;
                height: 50px;
                padding: 20px 20px;
                font-size: 18px;
                line-height: 20px;
            }
            
            .navbar-default .navbar-toggle{
                border-color: #ddd;
            }
            
            .navbar-inverse .navbar-toggle{
                border-color: #999;
                margin-top: -60px;
                margin-bottom: 60px;
            }
            
            .navbar-toggle {
                padding: 14px 14px;
                transition: color .2s ease, background-color .4s ease;
            }
            
            .navbar-default .navbar-toggle:hover,
            .navbar-inverse .navbar-toggle:hover {
                background-color: rgba(43, 157, 216, 0.5);
                color: #fff;
                border-color: #aaa;
            }
            
            .navbar-default .navbar-toggle .icon-bar{
                background-color: #000;
            }
            
            .navbar-inverse .navbar-toggle .icon-bar{
                background-color: #fff;
            }
            
           
            .navbar-default .navbar-nav>li>a:hover,
            .navbar-inverse .navbar-nav>li>a:hover{
                color: #fff;
                background-color: rgba(43, 157, 216, 0.5);
            }
            .navbar-default .navbar-nav>li>a,
            .navbar-inverse .navbar-nav>li>a{
                transition: color .2s ease,background-color .4s ease;
                font-family: 'Cutive', cursive, serif;
                font-size: 14px;
                font-weight: 400;
            }
            
            .navbar-header span.icon-bar.on:nth-child(2){
                -webkit-transform: translate(0, 6px) rotate(404deg);
                   -moz-transform: translate(0, 6px) rotate(404deg);
                    -ms-transform: translate(0, 6px) rotate(404deg);
                        transform: translate(0, 6px) rotate(404deg);
            }
            
            .navbar-header span.icon-bar.on:nth-child(3){
                opacity: 0;
                width: 1px;
                transform: translate(10px, 0);
            }
            .navbar-header span.icon-bar.on:last-child{
                -webkit-transform: translate(0, -6px) rotate(315deg);
                   -moz-transform: translate(0, -6px) rotate(315deg);
                    -ms-transform: translate(0, -6px) rotate(315deg);
                        transform: translate(0, -6px) rotate(315deg);
                
            }
            span.icon-bar{
                -webkit-transition: all .5s ease-in-out;
                   -moz-transition: all .5s ease-in-out;
                     -o-transition: all .5s ease-in-out;
                        transition: all .5s ease-in-out;
            }
            
            .navbar-default .navbar-toggle .icon-bar.on {
                background-color: dimgray;
            }
            
            .navbar-inverse .navbar-toggle .icon-bar.on {
                background-color: #fff;
            }

@-webkit-keyframes bounce {
    0%,2%,6%,10%,100% {
        -webkit-transform: translateX(0);
                transform: translateX(0);
    }
    4% {
        -webkit-transform: translateX(-20px);
                transform: translateX(-20px);
    }
    8% {
        -webkit-transform: translateX(-10px);
                transform: translateX(-10px);
    }
}

@-ms-keyframes bounce {
    0%,15%,30%,45%,100% {
        -ms-transform: translateX(0);
            transform: translateX(0);
    }
    25% {
        -ms-transform: translateX(-20px);
            transform: translateX(-20px);
    }
    35% {
        -ms-transform: translateX(-10px);
            transform: translateX(-10px);
    }
}

@keyframes bounce {
    0%,2%,6%,10%,100% {
        -webkit-transform: translateX(0);
            -ms-transform: translateX(0);
                transform: translateX(0);
    }
    4% {
        -webkit-transform: translateX(-20px);
            -ms-transform: translateX(-20px);
                transform: translateX(-20px);
    }
    8% {
        -webkit-transform: translateX(-10px);
            -ms-transform: translateX(-10px);
                transform: translateX(-10px);
    }
}

            
            /*.navbar-header span.icon-bar.on:nth-child(2),
            .navbar-header span.icon-bar.on:last-child,*/
            .navbar-header button{
                -webkit-animation: bounce 5s infinite 2s;
                   -moz-animation: bounce 5s infinite 2s;
                     -o-animation: bounce 5s infinite 2s;
                        animation: bounce 5s infinite 2s;
                
            }
            .navbar-toggle.on,
            .navbar-header button:hover{
                opacity: 1;
                -webkit-animation: none;
                        animation: none
            }

.navbar-inverse .navbar-nav>.active>a, .navbar-inverse .navbar-nav>.active>a:hover, .navbar-inverse .navbar-nav>.active>a:focus {
  color: #fff;
  background-color: rgba(8, 8, 8, 0.5);
}


/*galeria */

.fancybox-title-float-wrap .child {
    background: rgba(113, 113, 113, 0.8) !important;
}

.fancybox-title-float-wrap {
    margin-bottom: -55px !important;
}

@media (min-width: 1024px){ 
    
    .galeria-del-mes ul li {
        margin: 10px;
        margin-right: 5px;
    }
    
    .container>.navbar-header, .container-fluid>.navbar-header, .container>.navbar-collapse, .container-fluid>.navbar-collapse {
  margin-right: -15px;
  margin-left: -15px;
}
}





@media (min-width: 768px) and (max-width: 1023px) { 
    .container-fluid{
        /*background: url("../images/fondo-interior-contenido.jpg") #1e1e1e repeat-y center top;
        max-width: 880px;
        width:880px;*/
    }
    .galeria-del-mes ul li {
        margin: 5px;
        margin-right: 9px;
    }
    
    .navbar-inverse .navbar-collapse{
        margin-left: -15px;
        margin-right: -15px;
    }

}



@media (min-width: 481px) and (max-width: 600px) { 
    .galeria-del-mes ul li {
        margin: 0 2px 10px 0;
        margin-right: 2px;
    }
}

@media (min-width: 320px) and (max-width: 480px) { 
    /*.galeria-del-mes ul {padding-left: 20px;}*/
    .fancybox-title-float-wrap .child {
        background: rgba(113, 113, 113, 0.8) !important;
        white-space: normal !important;
        max-width: 320px;
    }
    .fancybox-title-float-wrap {
        margin-bottom: -80px !important;
    }
    
    .galeria-del-mes ul li {
        margin: 10px;
    }
    
   
    .navbar-inverse .navbar-toggle {
        border-color: #999;
        margin-top: 0;
        margin-bottom: 0;
    }
    
    
    
    
}

@media (max-width: 480px) { 
    .navbar-inverse .navbar-toggle {
          border-color: #999;
          margin-top: 30px;
          margin-bottom: 0;
        }
}

@media (max-width: 8000px) {
    .navbar-header {
        float: none;
    }
    .navbar-left,.navbar-right {
        float: none !important;
    }
    .navbar-toggle {
        display: block;
    }
    .navbar-collapse {
        border-top: 1px solid transparent;
        border-bottom: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
        margin-right: -15px;
        margin-left: -15px;
    }
    .navbar-fixed-top {
		top: 0;
		border-width: 0 0 1px;
	}
    .navbar-collapse.collapse {
        display: none!important;
        margin-right: -15px;
        margin-left: -15px;
    }
    .navbar-nav {
        float: none!important;
		margin-top: 1px;
	}
	.navbar-nav>li {
        float: none;
        text-align: right;
    }
    .navbar-nav>li>a {
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .collapse.in{
  		display:block !important;
        
	}
}


@media (min-width: 768px){
    .navbar-collapse.collapse{
        padding-left: 15px;
        padding-right: 15px;
    }
    

    .navbar-nav {
      margin: 7.5px -15px;
    }

}



/************/

.animated {
    -webkit-animation-duration: 1.5s;
    animation-duration: 1.5s;
}


@-webkit-keyframes fadeIn {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

@keyframes fadeIn {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

.fadeIn {
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
}

@-webkit-keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-20px);
    transform: translateY(-20px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    transform: translateY(-20px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}

.fadeInDown {
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown;
}

@-webkit-keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-40px);
    transform: translateX(-40px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

@keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-40px);
    -ms-transform: translateX(-40px);
    transform: translateX(-40px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}

.fadeInLeft {
  -webkit-animation-name: fadeInLeft;
  animation-name: fadeInLeft;
}


@-webkit-keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(40px);
    transform: translateX(40px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

@keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(40px);
    -ms-transform: translateX(40px);
    transform: translateX(40px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}

.fadeInRight {
  -webkit-animation-name: fadeInRight;
  animation-name: fadeInRight;
}

@-webkit-keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(40px);
    transform: translateY(40px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}


@keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(40px);
    -ms-transform: translateY(40px);
    transform: translateY(40px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}

.fadeInUp {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
}