/*
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 : 22/jan/2016, 23:34:03
    Author     : pedro
*/

.container{
    position: relative;
    width: 100%;
    min-height: 85vh;
    
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}

.subcontainer{
    position: relative;
    width: 100%;
    
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;    
}

.bgImageSettings{
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;    
}
/*************/

/*GRID SYSTEM*/

.grid{
    position: relative;
    width: 1024px;    
    height: 100%;
    margin: 0 auto;            
}

.grid-half-left{
    position: relative;
    width: 50%;
    height: auto;
}

.grid-half-right{
    position: relative;
    width: 50%;
    /*min-height: 80vh;*/
    height: 100%;
    float:right;
    top:0px;
}

[class*='col-'] {
  float: left;
  height: 100%;
 /* padding: 15px 15px 15px 15px;*/
}

.col-1-1 {
  width: 100%;
}

.col-1-2 {
  width: 50%;
}

.col-1-3 {
  width: 33.33%;  
}

.col-1-4 {
  width: 25%;
}

.col-1-6 {
  width: 16.6%;  
  height: 20px;
}

.col-1-8 {
  width: 12.5%;  
  height: 20px;
}

.col-2-3 {
  width: 66.66%;
}

.grid:after {
  content: "";
  display: table;
  clear: both;
}

*, *:after, *:before {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.grid table{
    position: relative;
    width:100%;
}

.white_with_shadow{
    position: relative;
    width: 1140px;
    height: auto;
    background-color: #ffffff;
    
    opacity: 0.95;
    
    -webkit-box-shadow: 0px 0px 6px rgba(0,0,0,.5);
    -moz-box-shadow: 0px 0px 6px rgba(0,0,0,.5);
    box-shadow: 0px 0px 6px rgba(0,0,0,.5);
}

.grid_bgImage{
    position: relative;
    width:100%;
    height: 100%;
    
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center bottom;    
}

.bgImage1{background-image: url('../images/familia/gaivosa_1.JPG');}
.bgImage2{background-image: url('../images/familia/do_ti.jpg');}
.bgImage3{background-image: url('../images/historia/do_premio.jpg');}
.bgImage4{background-image: url('../images/historia/aband.jpg');}
.bgImage5{background-image: url('../images/historia/gaiv.jpg');}

.padding_vertical_150{padding-top: 150px;padding-bottom: 150px;}
.padding_vertical_100{padding-top: 100px;padding-bottom: 100px;}
.padding_vertical_50{padding-top: 50px;padding-bottom: 50px;}
.padding_vertical_40{padding-top: 40px;padding-bottom: 40px;}
.padding_vertical_30{padding-top: 30px;padding-bottom: 30px;}
.padding_vertical_20{padding-top: 20px;padding-bottom: 20px;}
.padding_vertical_10{padding-top: 10px;padding-bottom: 10px;}
.padding_vertical_5{padding-top: 5px;padding-bottom: 5px;}

.padding_horizontal_150{padding-right: 150px;padding-left:150px;}
.padding_horizontal_100{padding-right: 100px;padding-left:100px;}
.padding_horizontal_50{padding-right: 50px;padding-left:50px;}
.padding_horizontal_40{padding-right: 40px;padding-left:40px;}
.padding_horizontal_30{padding-right: 30px;padding-left:30px;}
.padding_horizontal_20{padding-right: 20px;padding-left:20px;}
.padding_horizontal_10{padding-right: 10px;padding-left:10px;}
.padding_horizontal_5{padding-right: 5px;padding-left:5px;}

.margin_horizontal_50{margin-right: 50px;margin-left:50px;}

.margin_botton_20{margin-bottom: 20px;}
.margin_botton_40{margin-bottom: 20px;}

.margin_top_20{margin-top: 20px;}
.margin_top_40{margin-top: 40px;}

.scale_1_0{transform: scale(1.0,1.0)}
.scale_1_1{transform: scale(1.1,1.1)}
/*FULL SYSTEM*/

.fullwidth{    
    width:100%;
}

.fullheight{
    height: 100%;
}

.fullheight:after {
  content: "";
  display: table;
  clear: both;
}

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


/*CARD SYSTEM*/

.cards{
    position: relative;
    width: 100%;
    max-width: 1140px;    
    display:table;
    height: auto;
    margin: 10px auto;    
}

.card_holder{
    position: relative;
    
    width: 20%;    
    height: 300px;
    
    float: left;
    cursor: pointer;
    border: 0px solid #fff;
    padding: 25px;
    transform: scale(1,1);
    
    box-shadow: 0 0px 0px rgba(0,0,0,0.0);
    transition: box-shadow 0.3s ease-in-out;
    transition: transform 0.1s ease-in-out;
}

.card_holder:hover{    
    box-shadow: 0 5px 15px rgba(0,0,0,0.3);
    transform: scale(1.05,1.05);    
}

.card_image{
    position: relative;
    
    width: 100%;    
    height: 180px;    
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;

}

.card_huge_image{
    position: relative;
    
    width: 100%;  
    height: 720px;    
}

.card_huge_image div{
    position: relative;
    
    width: 100%;  
    height: 100%;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    
}

@media screen and (max-width: 1024px) {
    .card_holder{
        width: 33.33%;    
    }
}

@media screen and (max-width: 768px) {
    .card_holder{
        width: 50%;    
    }
}

@media screen and (max-width: 420px) {
    .card_holder{
        width: 100%;    
    }
}

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

.darkbackground{
    background-color: #121212;        
}

.inner_shadow{
    box-shadow: inset 0px 0px 25px rgba(0,0,0,0.9);
}

.darkbackgroundopacity{
    background-color: #121212;        
    opacity: 0.8;
}

.icons_holder{
    position: relative;
    width: 300px;
    height: 60px;        
}

.awards{
    position: relative;
    width: 100%;
    height: 200px;    
    margin-bottom: 10vh;
}

.awards_holder{
    position: relative;
    width: 1024px;    
    height: 100%;
    margin: 0 auto;            
}

.awards_img{
    position: relative;
    width: 200px;
    height: 200px;
    float: left;
}

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

.div_visita{
    position: relative;
    width: 100%;        
    display: table;
}

.visita_table{
    position: relative;
    width:100%;
    height:auto;
}

.visita_table tr{
    height:30px;
}

.visita_table tr td:first-child{
    position: relative;
    width: 20%;    
    text-align: right;    
}

.visita_table span{
    position: relative;    
    font-family: 'Lato', Arial, sans-serif;-webkit-font-smoothing: antialiased;
    font-weight: 200; 
    font-size: 12px;    
    line-height: 40px;    
    opacity: 0.87;    
    color: #000;
    text-align: right;
    right: 10px;
    white-space: nowrap ;
}


.visita_table {
    position: relative;
    width: 100%;          
}

.visita_table input[type=text]{
    position: relative;
    width: 100%;
    border: 1px solid #e1e1e1;
    height: 30px;
    text-indent: 10px;
    outline: none;
    font-family: 'Lato', Arial, sans-serif;-webkit-font-smoothing: antialiased;
    font-weight: 300; 
}

.visita_table input[type=text]:focus{
    background-color: #f9f9f9;
}

.visita_table textarea{
    position: relative;
    width: 100%;
    border: 1px solid #e1e1e1;
    height: 120px;
    text-indent: 0px;
    outline: none;
    resize: none;
    white-space: nowrap;    
}

.visita_table textarea:focus{
    background-color: #f9f9f9;
}

.visita_table input[type=button]{
    position: relative;
    width: 30%;
    border: 0px solid #fff;
    height: 25px;
    text-indent: 10px;
    outline: none;
    cursor: pointer;
    float: right;
}

.visita_table tr td:last-child input[type=button]:hover{
    background-color: #f1f1f1;
    font-weight: 700;
}

.visita_table tr td:last-child input[type=button]:active{
    box-shadow: 0 5px 15px rgba(0,0,0,0.3) inset;
    font-weight: 300;
}

.white_shadow_background{    
    background-color: #fff;    
    -webkit-box-shadow: 0px 0px 6px rgba(0,0,0,.5);
    -moz-box-shadow: 0px 0px 6px rgba(0,0,0,.5);
    box-shadow: 0px 0px 6px rgba(0,0,0,.5);
}

.visitas_video_holder{
    position: relative;
    width: 100%;
    height: 100%;
    background-color: #121212;
}

#sendBtn{
    position: relative;
    width: 100%;
    height: 40px;
    border: 0px solid #fff;
    background-color: #cec5a3;
    cursor: pointer;
    outline: 0;
    -webkit-box-shadow: 0px 0px 6px rgba(0,0,0,0);
    -moz-box-shadow: 0px 0px 6px rgba(0,0,0,0);
    box-shadow: 0px 0px 6px rgba(0,0,0,0);
    
    font-family: 'Lato', Arial, sans-serif;-webkit-font-smoothing: antialiased;
    font-weight: 300; 
    font-size: 14px;
    line-height: 30px;
    color: #fff;
    text-indent: -6%;
    
    background-image: url('../images/icon/send.svg');
    background-repeat: no-repeat;    
    background-size: 18px 18px;     
    background-position: 51% 50%;
}

#sendBtn:hover{
    background-color: #cec5a3;
}

#sendBtn:active{
    -webkit-box-shadow: inset 0px 2px 2px rgba(0,0,0,.4);
    -moz-box-shadow: inset 0px 2px 2px rgba(0,0,0,.4);
    box-shadow: inset 0px 2px 2px rgba(0,0,0,.4);
}

video {
  width: 100%    !important;
  height: auto   !important;
}

.video_text {
    position: absolute;    
    z-index: 555;
    bottom: 40px;
    width: 80%;
    left: -3px;    
    border-radius: 0px 0px 0px 0px ;
}

.video_mute_btn{
    position: absolute;
    float: right;
    width: 20px;
    height: 20px;
    right: 20px;
    bottom: 20px;
    
    background-repeat: no-repeat;    
    background-size: 20px 20px;     
    background-position: 50% 50%;
    cursor: pointer;
}

.video_mute_btn_off{
    background-image: url('../images/icon/volume_off.svg');    
}

.video_mute_btn_on{
    background-image: url('../images/icon/volume_on.svg');    
}


.clear{
    clear: both;   
}

.float_left{
    float:left;
}

.float_right{
    float:right;
}

.div_visita_half{
    position: relative;
    width:50%;
    padding: 25px;
}

.tab_btn{
    position: relative;
    height: 30px;    
    width: 50%;
    float:left;
    cursor:pointer;
}

.selected{
    background-color: #C2C3C9;
}

.unselected{
    background-color: #AEADB3;
}

.tab_holder{
    position: relative;
    height:200px;
    width: 100%;
    padding: 5px;
}

.tab_holder_title{
    font-family: 'Lato', Arial, sans-serif;-webkit-font-smoothing: antialiased;
    font-weight: 700; 
    font-size: 14px;
    line-height: 20px;
    color:#000;
    text-align: left;
    height:40px;
    position: relative;    
}

.tab_holder_info{
    font-family: 'Lato', Arial, sans-serif;-webkit-font-smoothing: antialiased;
    font-weight: 300; 
    font-size: 10px;
    line-height: 15px;
    color:#000;
    text-align: left;    
    position: relative;
    font-size: 12px
}

.tab_holder_base_info{
    position: absolute;
    width: 97%;
    height: 30px;   
    bottom: 5px;    
}

.tab_holder_base_info_half{
    position: relative;    
    width:50%;
    height: 30px;
    display: inline-block;
}

.info_price{
    position: absolute;
    width: 100%;
    height: 30px;
    background-color: #9191 w91;
    font-family: 'Lato', Arial, sans-serif;-webkit-font-smoothing: antialiased;
    font-weight: 300;     
    line-height: 30px;
    text-align: center;
    font-size: 14px;
    color:#000;
}

.info_duration{
    position: absolute;
    width: 100%;
    height: 30px;
    background-color: #999;
    font-family: 'Lato', Arial, sans-serif;-webkit-font-smoothing: antialiased;
    font-weight: 300; 
    font-size: 14px;
    line-height: 30px;
    text-align: center;
    color:#000;
}

.tab_holder_subtitle{
    font-family: 'Lato', Arial, sans-serif;-webkit-font-smoothing: antialiased;
    font-weight: 300; 
    color:#000;
    text-align: left;
    position: relative;
    font-size: 14px;
    height: 35px;
    line-height: 35px;
}

.tab_holder_checkbox{
    position: relative;
    height: 40px;
    width:10%;
    float:left;
    text-align: center;
    top:10px;
}

.tab_holder_subinfo{
    font-family: 'Lato', Arial, sans-serif;-webkit-font-smoothing: antialiased;
    font-weight: 300; 
    color:#000;
    text-align: left;
    position: relative;
    font-size: 12px;
    width:90%;
    float:left;
    line-height: 20px;
}

.tab_holder_footnote{
    font-family: 'Lato', Arial, sans-serif;-webkit-font-smoothing: antialiased;
    font-weight: 300; 
    color:#000;
    text-align: left;
    position: relative;
    font-size: 11px;
    height: 30px;
    top: 10px;
}