@import 'fonts/stylesheet.css';
 body {
    padding-bottom: 0 !important;
}
.clear{clear:both;}
footer {
    width: 100%;
    background: #222;
    height: 180px;
    padding: 0;
    margin: 0;
    font-family: 'district_prothin';
}
footer ul {
    list-style: none;
    padding: 0 0 0 15px;
    margin: 50px 0;
    border-left: 1px solid #FF8B17;
    color: #FF8B17;
    float: left;
}
footer ul li span {
    float: left;
}
footer ul li a {
    color: #ffffff;
    margin: 0 0 0 5px;
    display: inline-block;
}
footer ul li a:hover {
    color: #cccccc;
    text-decoration: none;
}
footer ul li a address {
    margin: 0;
}
footer a.data {
    float: left;
}
footer a.data img {
    height: 80px;
    margin: 50px 20px 50px 0;
}
.carousel-control {
    display: none;
}
h1.logo {
    margin-top: 15px;
    /* for this particular site, set this as you like */
    position: relative;
    /* allows child element to be placed positioned wrt this one */
    overflow: hidden;
    /* don’t let content leak beyond the header - not needed as height of anchor will cover whole header */
    padding: 0;
    /* needed to counter the reset/default styles */
}
h1.logo a {
    position: absolute;
    /* defaults to top:0, left:0 and so these can be left out */
    height: 0;
    /* hiding text, prevent it peaking out */
    width: 100%;
    /* 686px; fill the parent element */
    background-position: left top;
    background-repeat: no-repeat;
}
h1#logo {
    height: 109px;
    /* height of replacement image */
    width: 159px;
}
h1#logo a {
    padding-top: 109px;
    /* height of the replacement image */
    background-image: url("../img/logo.png");
    /* the replacement image */
}
.bg {
    background: #FF8B17 url('../img/pattern-bg.png') scroll top left repeat;
    -moz-box-shadow: 0px 0px 9px #000000;
    -webkit-box-shadow: 0px 0px 9px #000000;
    box-shadow: 0px 0px 9px #000000;
}
.thumb {
    width: 25%;
    height: 0;
    padding: 0;
    padding-bottom: 25%;
    overflow: hidden;
    float: left;
}
.thumb img {
    display: inline-block;
    width: 100%;
    height: auto;
    line-height: 1.42857143;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}
.img-thumbnail {
    max-width: 100%;
    padding: 0;
    background-color: transparent;
    border: none;
    border-radius: 0;
}
.sliphover-overlay {
    font-size: 18px;
    padding: 0 35px;
    font-family: 'district_prothin';
}
.dropdown-header {
    color: #fff;
}
.container.marketing.interna img {
    margin: 90px 0 150px 25px;
}
.container.marketing.intorna img {
    margin: 90px 0 150px 0;
}
.map {
    background: #f2f2f2;
}
.TTWForm-container {
    float: left;
}
h1.contacto {
    margin-bottom: 35px;
    font-family: 'district_prothin';
}
.interna.contacto {
    margin-top: 65px;
}
.carousel-caption p {
    font-family: 'district_prothin';
}
.nav li a {
    font-family: 'district_prothin';
}
h1,
h2,
h3,
h4 {
    font-family: 'district_prothin';
}





@media (max-width: 1024px) { 
 
/*----------------------------------
            NAVBAR FIXES
------------------------------------*/
    .navbar-nav > li {
        float: none;
    }
    .navbar-nav .open .dropdown-menu {
        position: static;
        float: none;
        width: auto;
        margin-top: 0;
        background-color: transparent;
        border: 0;
        -webkit-box-shadow: none;
        box-shadow: none;
    }
    #navbar {
        position: absolute;
        top: 87px;
        right: 15px;
    }
    .navbar-nav {
        background-color: #FF8B17;
        width: 200px;
        margin: 0px 0 0 0;
    }    
    .navbar-nav > li > a {
        padding-top: 10px;
        padding-bottom: 10px;
        line-height: 20px;
    }
    .nav > li > a {
        position: relative;
        display: block;
        padding: 10px 15px;
    } 
    .navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form {
        border-color: none;
    }  
    .navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:hover, .navbar-inverse .navbar-nav > .active > a:focus {
        border-bottom: 1px solid #ffffff;
    }
    .navbar-toggle  {
        margin-top: 47px;
    }
    
/*----------------------------------
           CARROUSEL
------------------------------------*/
    .carousel-caption {
        padding-bottom: 30px;
        width: 100%;
        height: 290px;
    }
    
  
}

@media (max-width: 767px) { 
/*----------------------------------
           CARROUSEL
------------------------------------*/
    .carousel-caption p {
        margin-top: 50px;
        font-size: 30px;
        line-height: 1.4;
    }
    .carousel-caption {
        top: 0px;
        left: 0%;
        padding: 0 10%;
    }
    .thumb {
        width: 50%;
        height: auto;
        padding: 0;
        padding-bottom: 0%;
        overflow: hidden;
        float: left;
    }   
    .carousel-indicators{
        left: 0%;
        width: 100%;
        padding-left: 10%;
        margin-left: 0%;
    }
    .equipos .block,.equipos .block-mini{
        width:100% !important;
    }
    .equipos .block.rogue, .equipos .block-mini.rogue{
        min-height: initial !important;
    }
    
}

@media (max-width: 550px) { 
    footer a.data {
        width:20%;
    }
    footer ul {
         width:80%;
    }
    footer .container {
        background: #222;
    }
}


@media (max-width: 450px) { 
    .carousel-caption p {
        font-size: 20px;
    } 
    .clases  img {
        display:none;
    }
}


@media (max-width: 350px) { 
    .thumb {
        width: 100%;
        height: auto;
        padding: 0;
        padding-bottom: 0%;
        overflow: hidden;
        float: left;
    }
    footer a.data {
        width:30%;
    }
    footer ul {
         width:70%;
    }
}


/*----------------------------------
            NAVBAR FIXES
------------------------------------*/

@media (min-width: 768px) {
    .navbar-header {
        float: none; }
    .navbar-toggle {
        display: block; }
    .navbar-fixed-top .navbar-collapse, 
    .navbar-static-top .navbar-collapse, 
    .navbar-fixed-bottom .navbar-collapse {
        padding-right: 15px;
        padding-left: 15px; }
    .navbar-collapse.collapse {
        display: none !important; }
        .navbar-collapse.collapse.in { 
        display: block!important; 
        margin-top: 0px; }
}
@media (min-width: 1024px) {
    .navbar-header {
        float: left; }
    .navbar-toggle {
    display: none; }
    .navbar-fixed-top .navbar-collapse, 
    .navbar-static-top .navbar-collapse, 
    .navbar-fixed-bottom .navbar-collapse {
        display: block !important; }
}




.testimonios .head-block h2 {
    font-family: arial;
    color:#EC8322;
    font-size: 21px;
    font-weight: bold;
}

.testimonios .head-block p {
    font-family: arial;
    font-size: 21px;
    color:#EC8322;
} 
.testimonios .head-block {
    margin: 50px 0px 0px 0px;
}
    
.testimonios .medium-block{
    margin: 10px 0px;
}
.testimonios .medium-block h2 {
    font-family: arial;
    font-size: 21px;
}


.testimonios .medium-block h2 {
    font-family: arial;
    font-size: 21px;
}

blockquote {
    font-style: normal;
    padding:0px !important;
    line-height:24px;
    border-left: 0px solid #eee;
    margin-bottom: 0px;
}
 
blockquote p {
    font-size:14px;
    text-align:right;
    padding:0;
    color: #5a5a5a;
    display:block;
}
 
blockquote p.says {
    font-size:17px;
    text-align:left;
    padding:0 0 10px 20px;
    position:relative;
}
 
blockquote p.says:before, blockquote p.says:after {
    content: '”';
    font-size: 32px;
    font-family:arial;
    color: #5a5a5a;
    font-weight:bold;
    vertical-align:top;
    line-height:0.8
}
 
blockquote p.says:before {
    content: '“';
    position:absolute;
    left:0;
    top:-2px;
}

/*----------------------------------
        COORDINACION
-----------------------------------*/

.feature-image {
    height: 450px;
}
.container.coordinacion{
    margin-bottom: 50px;
}

.coordinacion .titles h1 {
    color: #FF7F00;
    font-size: 50px;
    margin-top: 50px;
    margin-bottom: 30px;
}
.coordinacion .titles h1 span{
    font-size: 27px;
    margin-left: 20px;
}
  

.coordinacion .content {
   font-size: 22px;
    font-family: 'district_prothin';
}

/*----------------------------------
        FILOSOFIA
-----------------------------------*/

.container.filosofia{
    margin-bottom: 50px;
}

.filosofia .titles h1 {
    color: #FF7F00;
    font-size: 50px;
    margin-top: 50px;
    margin-bottom: 30px;
}

.filosofia .content {
   font-size: 36px;
    font-family: 'district_prothin';
}
.filosofia .content strong {
    font-size: 50px;
    font-weight: normal;
}

/*----------------------------------
        CLASES
-----------------------------------*/

.clases  img {
    width:100%;
    margin: 0px !important;
}

.clases .content .block h1 {
    color:#666666;
    font-size: 50px;
    font-family: 'district_prothin';
    margin-bottom: 30px;
}
.clases .content .block p{
    color:#FF7F00   ;
    font-size: 18px;
    font-family: 'district_prothin'; 
}

.clases .content .block {
    margin-top: 50px;
}
.clases .content {
    margin-bottom: 80px;
}

/*----------------------------------
        EQUIPOS
-----------------------------------*/
.container.marketing.interna.equipos {  
    margin-bottom: 80px;
}
.equipos .titles h1{
    
}
.equipos .titles h2{
    font-size: 17px;
    color:#FF7F00;
}

.equipos .block h1 {
    font-size: 27px;
}
.equipos .block .orange {
     color:#FF7F00;
}

.equipos .block {
    float: left;
    width: 50%;
    padding-right: 20px;
}
.equipos .block.rogue{
    min-height: 267px;
}
.equipos .line {
    clear: both;
    border-top: 2px solid grey;
    margin: 20px 0px;
}

.equipos .block-mini h1 {
    font-size: 22px;
}
.equipos .block-mini {
    float: left;
    width: 50%;
    padding-right: 20px;
}
.equipos .block-mini.rogue{
    min-height: 150px;
}

/*----------------------------------
        EVENTOS
-----------------------------------*/

.container.eventos {
    margin-bottom: 80px;
}

/*----------------------------------
        EVENTOS
-----------------------------------*/

.container.locales {
     margin-bottom: 80px;
}