/* 
    Created on : 31/08/2017, 08:28:06 PM
    Author     : MGGY
*/

/******************************************************************************/
/*                                 Font faces                                 */ 
/******************************************************************************/

/* ---------- Google Font ---------- */
@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i');
@import url('https://fonts.googleapis.com/css?family=Roboto:100,100i,300,300i,400,400i,500,500i,700,700i,900,900i');

.region-content{  
    padding-bottom: 60px;
}

.container{
    width:inherit; 
}

#p-drupal{ 
    margin-bottom:15px;
    font-size:14px;   
    color: #003d60;
    text-align: justify;  
}

a.page_anchor{   
    text-decoration: none;
    text-align: center;
}

a.page_anchor:hover{
    color:#003d60;
    text-decoration: underline;
    text-align: center;
}

br.br-drupal {
    margin-bottom:15px;
}

.node-page,
.node-scrolling-page-container{
    margin:0px auto;
    width: 80%;
}

.center-containter .view-content .node-page{
    width: inherit;
}

/*inside regions*/

#page{
    position:relative;   
}

/*
* content-type specific
*/
.node-page h2,
.node-scrolling-page-container h2{
    font-size: 1.8em;
    text-transform: uppercase;
    color:#003d60;
    text-align:center;
    padding-top:5px;  
    margin-bottom: 20px;  
}

.node-scrolling-page-container .node h2{
    left:20px;
    right: 20px;
}

.node-page .field-item{
    float:inherit;
}

.node-page .col-padding,
.node-scrolling-page-container .content{
    padding:5px;
}

.col-padding3{
    text-align: center;
    margin-left: 100px;
    margin-right: 100px;
}

/*
* Block Specific
*/

#page .view-slide{
    position: relative;
    width: 100%;
}

#page .view-slide .views-slideshow-controls-text-pause{
    display:none;
}

#page .view-slide .views-slideshow-controls-text-previous,
#page .view-slide .views-slideshow-controls-text-next{
    position:absolute;
    width:38px;
    height:35px;
    top: 150px;
    z-index:90;
}

#page .view-slide .views-slideshow-controls-text-previous{
    left:25px;   
}

#page .view-slide .views-slideshow-controls-text-next{
    right:20px;
}

#page .view-slide .views-slideshow-controls-top{
    text-align: center;
    padding-bottom:5px;
}

#page .view-slide .views-slideshow-controls-top .views-slideshow-pager-fields{
    display:inline-block;
    margin-right: 18%;
}

#page .view-slide .views-slideshow-controls-top .views-slideshow-pager-fields .views-slideshow-pager-field-item{
    float:left !important;
    clear:none;
    margin-right:10px; 
}

#page .view-slide .views-slideshow-controls-top .views-slideshow-pager-fields .views-slideshow-pager-field-item .node .content{
    display:none;
}

#page .view-slide .views-slideshow-controls-top .views-slideshow-pager-fields .views-slideshow-pager-field-item .node h2{
    cursor: pointer;
}

#page .view-slide .views-slideshow-controls-top .views-slideshow-pager-fields .active .node h2{
    font-weight:bold;
}

/**
 * Node themeing for sections
*/

.history-scroller > h2 {
    margin-bottom: 0px; 
}

.page_anchor{       
    text-align: center;
}

.node-section .node-scrolling-page-container .views-slideshow-controls-top .widget_pager{
    width:auto;
    padding-left:10px;
    border-bottom:1px solid #e1e1e1;
}

.node-section .node-scrolling-page-container .views-slideshow-pager-field-item h2{
    font-weight:normal;
    font-size:16px;
    color:#809eb0;
    padding: 0 0 8px;
    margin-bottom: 0px;
    width: auto;
}

.node-section .node-scrolling-page-container .views-slideshow-pager-field-item.active h2{
    color:#003d60;
    background:url(../../images/icon-triangle-up-blue.png) no-repeat;
    background-position: 50% 115%;
}

.node-section .node-scrolling-page-container .views_slideshow_cycle_main h2{
    display:none;
}

.node-section .node-scrolling-page-container .views_slideshow_cycle_main div.node{
    color:#003d60;
    font-size:0.8em;
}

.node-section .node-scrolling-page-container .views_slideshow_cycle_main div.node p{
    margin-bottom:5px;
}

.views-slideshow-cycle-main-frame, .views-slideshow-cycle-main-frame .views-slideshow-cycle-main-frame-row{
    width:100% !important;
}

/**
 * End file attachment section
*/

/**
 * News section
*/

#title{
    margin-right: 18%;
}

.title-options{
    text-align: center;
    padding-left: 10px;
    padding-right: 10px;
}

.history-scroller .widget_pager .center-containter,
.awards-scroller .widget_pager .center-containter{
    display: none;
}

.history-scroller .widget_pager .node-center-containter-1,
.history-scroller .widget_pager .node-center-containter-2,
.history-scroller .widget_pager .node-center-containter-3,
.history-scroller .widget_pager .node-center-containter-4,
.history-scroller .widget_pager .node-center-containter-5
{
    display:block;
}

.node-section .node-scrolling-page-container.history-scroller .views-slideshow-controls-top .widget_pager{  
    width: auto;  
    text-align: center;
}

.views_slideshow_cycle_main .center-containter .node-page{
    width: 90%;
}

.center-containter.distribution .field-name-field-page-above-content img{
    cursor: pointer;
}

/* Resolucion hasta 767px */  
@media (max-width: 767px) and (min-width: 5px){ 
    
    #p-drupal{ 
        margin-bottom:5px;
        font-size:8px;            
    }
    
    .node-page,
    .node-scrolling-page-container{        
        width: 95%;
    }
        
    .node-page h2,
    .node-scrolling-page-container h2{
        font-size: 6px;               
    }
    
    .node-scrolling-page-container .node h2{
        left:10px;
        right:10px;
    }

    .col-padding3{        
        margin-left: 20px;
        margin-right: 20px;
    }

    #page .view-slide .views-slideshow-controls-text-previous,
    #page .view-slide .views-slideshow-controls-text-next{        
        width:18px;
        height:15px;
        top: 100px;        
    }
    
    #img-triangle{
        width:18px;
        height:15px;
    }
    
    #page .view-slide .views-slideshow-controls-text-previous{
        left:5px;   
    }

    #page .view-slide .views-slideshow-controls-text-next{
        right:5px;
    }
    
    #page .view-slide .views-slideshow-controls-top .views-slideshow-pager-fields .views-slideshow-pager-field-item{       
        margin-right:5px; 
    }
    
    .node-section .node-scrolling-page-container .views-slideshow-pager-field-item h2{       
        font-size:7px;        
        padding: 8px;                
    }
    
    .title-options{        
        padding-left: 1px;
        padding-right: 1px;
    }    
}

/* Resolucion hasta 1024px */  
@media (max-width: 1024px) and (min-width: 768px){ 
    
    #p-drupal{ 
        margin-bottom:5px;
        font-size:10px;            
    }
    
    .node-page,
    .node-scrolling-page-container{        
        width: 80%;
    }
        
    .node-page h2,
    .node-scrolling-page-container h2{
        font-size: 8px;               
    }
    
    .node-scrolling-page-container .node h2{
        left:20px;
        right:20px;
    }

    .col-padding3{        
        margin-left: 40px;
        margin-right: 40px;
    }

    #page .view-slide .views-slideshow-controls-text-previous,
    #page .view-slide .views-slideshow-controls-text-next{        
        width:18px;
        height:15px;
        top: 100px;        
    }
    
    #img-triangle{
        width:18px;
        height:15px;
    }
    
    #page .view-slide .views-slideshow-controls-text-previous{
        left:15px;   
    }

    #page .view-slide .views-slideshow-controls-text-next{
        right:15px;
    }
    
    #page .view-slide .views-slideshow-controls-top .views-slideshow-pager-fields .views-slideshow-pager-field-item{       
        margin-right:5px; 
    }
    
    .node-section .node-scrolling-page-container .views-slideshow-pager-field-item h2{       
        font-size:10px;        
        padding: 8px;                
    }
    
    .title-options{        
        padding-left: 1px;
        padding-right: 1px;
    }    
}