/*
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 : 13-jun-2014, 16:05:53
    Author     : jraboso
*/
/*========== Media Queries  ==========*/
/* Custom, iPhone Retina */ 
@media only screen and (min-width : 480px) {

}

/* Extra Small Devices, Phones */ 
@media only screen and (min-width : 480px) {


}
/* Small Devices, Tablets */
@media only screen and (min-width : 768px) {

    /*========== Bloque noticias  ==========*/
    .aside-item.last-news .new .row div:last-child{margin: 5px 0 0;}


    /*========== Estructura  ==========*/
    .page.contact .main-content .row.reset-row > .col-lg-6:nth-child(1){padding-right: 0;}
    .page.contact .main-content .row.reset-row > .col-lg-6:nth-child(2){padding-left: 0;}


    /*========== Bloque Equipo  ==========*/
    .page.our-team .team-composition .item-detail{left: 15px;}


    /*========== Capa cookies  ==========*/
    .cookies-layer a.close-layer{top: -23px;}





}
/* Medium Devices, Desktops */
@media only screen and (min-width : 992px) {

    /*========== Background contacto  ==========*/
    .page.contact .row .contact-background {height: 100%;margin: 0 0 0 -30px;max-height: 1000px;}


}
/* Large Devices, Wide Screens */
@media only screen and (min-width : 1200px) {

    /*========== Navegacion  ==========*/
    header .navigation nav ul li{border-top: 1px solid #e5e5e5;}
    header .navigation nav ul li:last-of-type{border-bottom: 1px solid #e5e5e5;}
    header .navigation nav ul li ul.submenu{border-top: 1px solid #e5e5e5;}


    /*========== Estructura  ==========*/
    .container-fluid section {margin: 15px 15px 15px 0;}
    .container-fluid .column-1{padding-left: 0;}/*Le quitamos el padding izquierdo a la primera columna*/
    .main-content .column-full,
    .main-content .column-2{padding: 10px 25px;}/*10px 15px 10px 35px*/
    .main-content .column-3{padding: 10px 18px 10px 15px;}/*10px 35px 10px 15px */


    /*========== Footer  ==========*/
    footer{position: relative;left:-10px;padding: 0px 5px 10px;max-width: 16.6667%;bottom: 0;}
    footer .col-lg-4{width: 100%;padding-left: 5;padding-right: 5px;}
    footer .social-icon{text-align: right;}
    footer .copyright span{display: block;margin-top: 10px;text-align: right;color: #aaa;}
    footer .footer-links {margin: 10px 0 0;float: right;}
    footer .footer-links li{margin: 0 2px 0 0;} 


    /*========== Bloque noticias  ==========*/
    .aside-item .last-news .new .row div:last-child{padding-left: 0;}


    /*========== Bloque Equipo  ==========*/
    .page.our-team .item-detail blockquote{margin: 0;text-align: center;}
    .page.our-team .item-detail .row.team .col-lg-4 + .col-lg-8 .row .col-lg-12:last-of-type{margin: 20px 0 0;}
    .page.our-team .item-detail .row.team p.description{margin: 10px 0 0;}



}

/*==========  Non-Mobile First Method  ==========*/

/* Large Devices, Wide Screens */
@media only screen and (max-width : 1200px) {

    /*========== Heading  ==========*/
    .main-content .heading {margin: 0 0 5px;}
    

    /*========== Navegacion  ==========*/
    
    
    header .navigation{padding: 0;}
    header .navigation .top-navigation {padding: 10px 0 20px;}    
    header .navigation .top-navigation img.img-responsive {display: block;margin: 0 auto;}
    header .navigation nav{border-top: none;}
    header .navigation nav{margin: 0 auto;}  
    header .navigation nav > ul:first-child{max-width: 95%;margin: 0 auto;}
    header .navigation nav ul:after{clear: both;content: ".";display: block;height: 0;visibility: hidden;} 
    header .navigation nav ul li ul.submenu {position: absolute !important;top: 100%;width: auto;z-index: 1;background: #CEDEF3;}
    header .navigation nav ul li ul.submenu li{background: #CEDEF3;} 
    header .navigation nav ul li{text-indent: 5px;padding: 10px 0;display: inline-block;vertical-align: top;position: relative;}
    header .navigation nav ul li:last-of-type{border: none;} 
    header .navigation nav ul li a{padding: 0 10px;}
    header .navigation nav ul li ul.submenu{}
    header .navigation nav ul li ul.submenu li{display: block;}

    /*========== Isotope ==========*/
    .isotope-composition .item{width: 30%;} 


    /*==========Estructura  ==========*/
    .container-fluid .row.column-wrap{margin-left: 0;margin-right: 0;}
    .page.contact .main-content .row.reset-row .row{margin-bottom: 0;}
    .container-fluid .column-1{background: #fff;}


    /*========== Zona Logos ==========*/
    .row .brand-list > .row{margin-bottom: 15px;}


}
/* Medium Devices, Desktops */
@media only screen and (max-width : 992px) { 

    body{font-size: 0.9em;}

    /*==========Estructura  ==========*/
    section.main-content .main-col h3 {margin-top: 5px;}
    aside .text-image .text-wrap{padding: 10px 20px 15px;}
    .last-news .new .row div:last-child{padding-left: 0;}
    .row-layout .row img{margin-bottom: 15px;}
    .row-layout .full-content .row img{margin-bottom: 0;}
    /*.solutions h2,.team h2{margin-top: 20px;}*/


    /*========== Texto + Imagenes ==========*/
    .gallery-wrap .gallery-text{top: 15%;}
    .gallery-wrap .gallery-text h2{font-size: 2.500em;}
    .gallery-wrap .gallery-text h3{font-size: 1.350em;}


    /*========== Set de banners ==========*/
    .banner-wrap .banner h3{font-size: 1.300em;margin: 10px 0 0;} 
    .banner-wrap .banner h4{font-size: 0.900em;margin: 3px 0 0;line-height: 15px;}
    /*==========/Set de banners ==========*/

    /*========== Isotope ==========*/
    .isotope-composition .item{width: 30%;}
    .isotope-composition .pagination .col-lg-2 {padding-right: 0;}
    .isotope-composition .pagination a{margin: 0;} 


    /*========== Filtros ==========*/
    .page.news-list .filters{text-align: left;margin: 0px 0 12px;}
    .page.our-team .filters{text-align: left;margin: 0px 0 12px;}


    /*========== Equipo aside  ==========*/
    aside .team .row > div{width: 100%;}
    aside .team .row > div img{margin: 0 0 10px;}


    /*========== Navegacion  ==========*/
    header .navigation nav ul li.has-submenu{position: relative;}
    header .navigation nav ul li ul.submenu{background: #cedef3;width: 100%;}
    header .navigation nav ul li ul.submenu li{background: #cedef3;}


}
@media only screen and (max-width : 1041px) { /*1072*/
    /*========== Equipo aside  ==========*/
    aside .team .row > div{width: 100%;}
    aside .team .row > div img{margin: 0 0 10px;}
    aside .team .row > div h2{margin-top: 0;}

} 


/* Small Devices, Tablets */
@media only screen and (max-width : 768px) {


    /*========== Estructura - Reseteo  ==========*/
    .main-content div[class^="col-lg-"] .row div[class^="col-xs-12"]{padding-left: 0;padding-right: 0;}
    .main-content div[class^="col-lg-"] .row .col-xs-12{padding-left: 0;padding-right: 0;}
    .main-content div[class^="col-lg-"] .row div[class^="col-lg-"] + div[class^="col-lg-"]{padding-right: 0;}
    .main-content div[class^="col-lg-"] .row div[class^="col-lg-"]:nth-last-child(1){padding-right: 0;}    



    .container-fluid .column-1{background: rgba(0,0,0,0);}
    .row,footer{ margin-right: 0; margin-left: 0; }
    .container-fluid{padding-left: 0;padding-right: 0;}
    .new .row > div{padding-left: 0}
    aside .aside-item {padding: 0;}/*Antiguo 0 15px*/
    .row-layout .row{margin: 0 0 15px 0;}


    /*========== Navegacion  ==========*/
     .hidden-xxs{display: none;}
    header .navigation .top-navigation{padding: 10px 0;}
    header .navigation .language{background: #eee;margin: -10px 0 0;padding: 15px 15px 13px 30px;text-align: center;}
    header .navigation .top-navigation .row > div{padding: 0;}
    header .navigation .top-navigation .row > div:first-child{display: block !important;}
    header .navigation .top-navigation .row > div + div{width: 50%;}
    header .navigation .top-navigation .row > div:last-of-type{width: 100%;}
    header .navigation nav {background: #fff;left: 15px;margin-top: -2px;position: absolute;right: 0;left: 0;top: 48px;z-index: 1;}
    header .navigation nav ul:after{clear: both;content: ".";display: block;height: 0;visibility: hidden;}
    header .navigation nav ul li ul.submenu {position: unset !important;margin-bottom: -10px;margin-top: -10px;width: 100%;z-index: 1;}
    header .navigation nav ul li.has-submenu > a.toggle-submenu{float: right;padding-right: 37px;width: 5%;}
    header .navigation nav ul li{float: left;width: 100%;border-bottom: 1px solid #e9f0fb;border-left: none;}
    header .navigation nav ul li:last-of-type{border-bottom: 1px solid #e9f0fb;}
    header .navigation nav ul li a{padding: 15px 10px;display: block;}
/*
    header .navigation nav ul{display: table;width: 100%;}
    header .navigation nav ul > li{display: table-cell;float: none;width: 100%;vertical-align: middle;}
  */  
    /*========== Footer  ==========*/
    footer .copyright,footer .social-icon,footer .col-lg-4 + .col-lg-4{text-align: center;}
    footer .footer-links{margin: 15px 0 0;}
    footer .social-icon .fa{font-size: 25px;}


    /*========== Lista de soluciones en estación ==========*/
    .solution-row-wrapper .solution-row > div:first-child{width: 25%;padding-left: 0;} 
    .solution-row-wrapper .solution-row img.img-responsive{}

    /*========== Filtros  ==========*/
    .page.news-list .filters{margin: 0 0 15px;}
    .page.news-list .filters.text-right{text-align: left;}


    /*========== Texto + imagen  ==========*/
    .text-image .text-wrap,
    .text-image .image-wrap{width: 100%;}
    .text-image .image-wrap img{margin-bottom: 0;}

    /*========== Tags + botones  ==========*/
    .isotope-composition .item .tags.sortable a,
    .column-full .tags a,
    .column-2 .tags a,
    .column-3 .tags a{color: #a3a3a3;text-decoration: none;font-size: 0.875em;display: inline-block;margin: 0 5px 5px 0;border: 1px solid #dbdbdb;padding: 6px 10px;border-radius: 7px;-webkit-border-radius: 7px;-moz-border-radius: 7px;}
    .isotope-composition .item .tags.sortable a:hover,
    .column-full .tags a:hover,
    .column-2 .tags a:hover,
    .column-3 .tags a:hover{background: #8dc353;border: 1px solid #8dc353;color: #fff;}


    /*========== Bloque Equipo  ==========*/
    .page.our-team .team-composition .item-detail blockquote.cite{margin: 0 0 10px;}
    .page.our-team .team-composition .item-detail .row.team p.description,
    .page.our-team .team-composition .item-detail .row.team a.text-underline{padding-left: 15px !important;padding-right: 15px !important;}
    .page.our-team .team-composition .item-detail a[data-action] {right: 5px;top: 0;}


    /*========== Isotope  ==========*/
    .isotope-composition .item{width: 47.5%;}
    .isotope-composition .pagination div.text-left{padding-left: 0;}
    .isotope-composition .pagination div.text-right{padding-right: 0;} 
    .isotope-composition .pagination span{margin: 0;}


    /*========== Heading  ==========*/
    .heading .search {width: 100%;margin: 0 0 10px;float: none;}

    /*========== Banner Set  ==========*/
    .aside-item .banner-set .col-lg-4{padding-left: 0;padding-right: 0;}
    
    /*========== Grupo de soluciones  ==========*/
    .main-content .solution-group{margin: 25px 0 0;}
    .wrap-solutions-steps .solution-step .row .col-lg-2{padding-left: 0;}
    .solution-row-wrapper a.solution-row{padding: 15px 10px;}


    /*========== Estacion  ==========*/
    .solution-row-wrapper {padding: 20px 0;}


    /*========== Detalle solucion  ==========*/
    .solution-detail .solution .row .col-lg-2.col-md-2.col-sm-2.col-xs-3{padding-left: 0;}
    .solution-detail .solution .row .col-lg-7.col-md-7.col-sm-7.col-xs-12{margin: 15px 0 0;}


    /*========== Ficha tipo Evento  ==========*/
    .detailed-item .row > div:first-child{padding-left: 0;}

    /*========== Row Texto + Imagen  ==========*/
    .main-content .row.row-text-image > div{padding-left: 0;}

    /*========== Galeria de imagenes modificada  ==========*/
    .page.generic-3 .bx-wrapper .bx-viewport{background: #000;max-height: 100% !important;}
    .page.generic-3 .gallery-wrap .gallery-text{position: relative;padding: 0 0 70px 30px;max-width: 90%;}
    .page.generic-3 .bx-wrapper .bx-controls-direction a{top: 88%;}
    .page.generic-3 .gallery-wrap .gallery-text{top: 0;}
    .page.generic-3 .gallery-wrap .gallery-text h2{font-size: 2em !important;}
    
    .page.generic-3 .bx-wrapper .bx-next{right: 40%;}
    .page.generic-3 .bx-wrapper .bx-prev{left: 40%;}
}
/* Extra Small Devices, Phones */ 
@media only screen and (max-width : 437px) {/* == 420px*/


    /*========== Estructura - Reseteo  ==========*/
   
    .container-fluid .column-2,.container-fluid .column-3{margin: 0;}
    aside .aside-item{padding: 0;}
    .heading .search{min-width: 100%;}



    /*========== Isotope  ==========*/
    .isotope-composition{padding: 0 0 50px;}
    .isotope-composition .item{width: 100%;} 
    .isotope-composition .pagination{border-top: none;}


    /*========== Texto + Image  ==========*/
    aside .text-image .text-wrap h2{font-size: 2.25em;}
    aside .text-image .text-wrap{padding: 10px 20px 15px;}
    aside .text-image .text-wrap p{line-height: 20px;}

    /*========== Grupo de Soluciones  ==========*/
    .solution-group .row .col-xs-2{width: 25%;}
    .solution-group .row .col-xs-10{width: 70%;}
    .pagination a i{display: none;}


    /*========== Zona inferior imagenes  ==========*/
    .brand-list .row a img{max-height: 40px;}

    /*========== Personas  ==========*/
    .team-composition .item{width: 45%;}
    .team-composition a.item img{width: 100%;}

    /*========== Paginacion  ==========*/
    .pagination .row > div {padding: 0;}
    .pagination .row > div a,
    .pagination .row > div span{font-size: 0.750em;}
    .pagination span{margin: 0 3px;}
    /*========== Galeria de imagenes modificada  ==========*/
    .page.generic-3 .gallery-wrap .gallery-text {padding: 0 0 50px 15px;}
    .page.generic-3 .gallery-wrap .gallery-text h2{margin-top: 10px;}
    
    /*========== Sitemap  ==========*/
    .sitemap-wrapper ul{display: block;margin: 0 0 20px;}

}
/* Custom, iPhone Retina */ 
@media only screen and (max-width : 337px) {/*==320px*/

    body{word-wrap: break-word;}
    aside .aside-item{padding: 0;}

    /*========== Heading  ==========*/
    .search .form-inline .form-group i{padding: 10px 12px 12px;top: 0;}

    /*========== Navegacion  ==========*/
    .navigation .top-navigation .row > div:last-of-type(3) img{display: block; margin: 0 auto;}

    /*========== Detalle Evento  ==========*/
    .event-page .main-content .event .row > div{width: 100%;padding-left: 0;}
    .event-page .main-content .event .row > div blockquote.cite{margin: 10px 0 0;}
    .main-content .detailed-item .row > div{width: 100%;padding-left: 0;}
    .main-content .detailed-item .row > div blockquote.cite{margin: 10px 0 0;}
    .detailed-item .event-date {margin: 5px 0 0;}



    /*========== Row Texto + Imagen  ==========*/
    .main-content .row.row-text-image > div{width: 100%;padding-left: 0;padding-right: 0;}

    /*========== Zona inferior imagenes  ==========*/
    .brand-list .row a img{max-height: 40px;max-width: 20%;}


}