/*  ### CUSTOM CSS CYCLOPECMS ### */

/*Fuentes de la web*/

@font-face {
    font-family:fjalla;
    src:url(../fonts/FjallaOne-Regular.otf)
}

@font-face {
    font-family:cantarell;
    src:url(../fonts/Cantarell-Regular.ttf)
}
html {padding:0;}

body {
    font-family: cantarell;
    padding:0;
}

.thumbnail a {
    color:black;
}

/*Botones con estilos btn*/
.btn-primary {
    color:#fff !important;
}

.brand {
    float:left;
    max-width:250px;
    margin:10px 0 0;

}

/*Navbar*/
.navbar {z-index:1000;}
.pagecontent {z-index:500;}
.mainmenu {float:left;}

.navbar-inverse {
    background-color:#fff;
    border-color: transparent;
    float:left;
    width:100%;
}


.navbar-inverse .navbar-nav > li > a {
    font-size:14px;
}
.navbar-inverse .navbar-nav > li > a:hover {
    color:#101010 !important;
}

nav {display:inline;}

/*Región bottom*/
#top .teaser_icon img.labeled_icon_list {
    margin-top: 20px;
    border-radius: 50%;
    width: 60%;
    -webkit-transition:all .9s ease; /* Safari y Chrome */
    -moz-transition:all .9s ease; /* Firefox */
    -o-transition:all .9s ease; /* IE 9 */
    -ms-transition:all .9s ease; /* Opera */
    }

#top .teaser_icon img.labeled_icon_list:hover {

    -webkit-transform:scale(1.25);
    -moz-transform:scale(1.25);
    -ms-transform:scale(1.25);
    -o-transform:scale(1.25);
    transform:scale(1.25);
}

#top .thumbnail {
    border:none;
    margin-bottom:0;
    padding:0;
}

#top h4.title {
    font-family:'fjalla';
    font-size:32px;
    
}

#top .icon_list_container .title {
    height:36px;
}

#top .thumbnail img {
    margin:20px auto;
}

#top {border-bottom:1px solid #eee;margin-bottom:10px;}
#top .teaser_more {margin-bottom:0;}
#top .summary, #top .summary p {margin-bottom:0;}


/*Región bottom*/
#bottom .teaser_icon .thumbnail img {
transition: all 0.2s linear;
}

#bottom .teaser_icon .thumbnail .summary {
opacity: 0;
background-color: transparent;
transition: all 0.3s ease-in-out;
position:absolute;
}

#bottom .teaser_icon .thumbnail .summary {
opacity: 0;
transition: all 0.4s ease-in-out;
transform: translateY(50px);/*Desplazamos para abajo*/
width:81%;
}

#bottom .teaser_icon .thumbnail:hover img {
/*transform: scale(1.1);Damos un ligero zoom a la imagen*/
}

#bottom .teaser_icon .thumbnail:hover .summary {
opacity: 1;
}


#bottom .teaser_icon .thumbnail:hover .summary {
opacity: 1;
transform: translateX(600px);/*Regresamos a las posiciones originales*/
}

#bottom .teaser_icon .thumbnail:hover .summary {
transition-delay: 0.2s; /*Aplicamos un pequeño retardo para que se muestre al final*/
transform: translateY(-270px);
max-width:81%;
height:65%;
background:rgba(0,0,0,.2);
margin-top:-81px;
margin-left:13px;
color:#fff;
padding-top:50px;
}


/*carousel*/
.carousel-caption {
    text-align:justify;
    background:rgba(0,0,0,.2);
    width:40%;
    margin-left:0;
    left:12%;
    margin-bottom:30px;
}

.carousel-caption a{
    color:#fff;
    font-size:34px;
    font-weight:bold;
    padding:0;
    margin-left:10px;
}

.carousel-control{
    width: 3%;
}

.carousel-caption p {
    margin-left:10px;
    }

.carousel-indicators {
    display:none;
}

.carousel-control.left, .carousel-control.right  {
    background:#286090;
}

.detail .carousel-caption {
    margin:0 auto;
}

/*Category Title*/
.category_description .category_title {
    margin-bottom:20px;
}

.nomarnopad {padding:0 !important;}
.carousel-home {padding:0 !important;}
.affix {height:40px;background:#eee; -webkit-transition: all 2s ease;-moz-transition: all 2s ease;-o-transition: all 2s ease;transition: all 2s ease;}
.affix-top {margin:0;padding:0;height:135px;background:#eee;-webkit-transition: all .5s ease;-moz-transition: all .5s ease;-o-transition: all .5s ease;transition: all .5s ease;}
.affix-bottom{margin:0;padding:0;}
.affix img {width:25%; -webkit-transition: all .5s ease;-moz-transition: all .5s ease;-o-transition: all .5s ease;transition: all .5s ease;}
.affix-top img {width:100%; -webkit-transition: all 1.5s ease;-moz-transition: all 1.5s ease;-o-transition: all 1.5s ease;transition: all 1.5s ease;}


#map {height:420px;}

.affix #redes_htmlblock_header {
    margin-left:-100px;
    margin-top:6px;
}
.affix mainmenu {
    margin-top:0;
}

.cyclope-col-sm-4 .labeled_icon_list .teaser_icon {
    width: 33.33333333%;
    float: left;
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}

#menu-icon-facebook img, #menu-icon-rss img {
    width:28px;
    height:28px;
    margin-left:15px;
    margin-top: 5px;
    float:left;
    
}
#top_left {margin:10px 0;}
#top_right {margin:10px 0;background:#e1e1e1;overflow:auto;}
#top_right .summary {font-size:14px;padding:0;margin:0;text-transform:lowercase;}
#top_right .teaser {margin:0 0 15px;}
#top_right .radios {overflow:visible;}
#top_right .paginator {font-size:11px;}
#top_right .radios a {font-size:14px;}
#top_right .radios h2.title {font-size:20px;text-transform:lowercase;}
#top_right .radios h2.title a {font-size:20px;}
#top_right .pretitle-container {display:none;}