/*
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 : Dec 8, 2016, 12:25:49 PM
    Author     : grupohost
*/

.relative{
    position: relative;
}

.absolute{
    position: absolute;
}

.fixed{
    position: fixed;
}

.no-padding-margin{
    margin:0;
    padding:0;
}

.blue{
    color:#46538f;
}

.gray{
    color:#999;
}

.black{
    color:#000;
}

.float-left{
    float: left;
}

.bgdarkblue{
    background-color:#001a43;
}

.textshadow{
    text-shadow:1px 1px 1px rgba(0,0,0,.5);
    width:80%;
}

.padding{
    padding: 40px;
}

.width60{
    max-width: 60%;
}

.width80{
    max-width: 80%;
}

.width100{
    width:100%;
}

.z-index1{
    z-index: 1;
}

.z-index2{
    z-index: 2;
}

.z-index3{
    z-index: 3;
}

.z-index4{
    z-index: 4;
}

.z-index101{
    z-index: 101;
}


.no-padding-margin-left{
    margin-left:0;
    padding-left:0;
}

.bgwhite{
    background:#fff;
}

.bggrey{
    background:#efefef;
}

.white {
    color:#fff;
}

.hoverblue:hover{
    background: #00b3fd;
    color: #fff;
}

.bgblack{
    background-color: rgba(0,0,0,.7);
}

.bgblacka{
    background-color: rgba(0,0,0,1);
}

.dotted{
    border-top:none;
    border-left:none;
    border-right:none;
    border-bottom: 1px dotted #fff;
}

.border{
    border:1px solid #efefef;
}

.border-medium{
    border:8px solid #efefef;
    
}
.border-left{
    border-left:1px solid #2e3192;
}

.border-right{
    border-right:1px solid #2e3192;
}

.borderwhite{
    border:1px solid #fff;}

.bgimg{
    background-repeat:no-repeat;
    background-position:center;
    background-size:160% auto;
}

.bgimgh{
    background-repeat:no-repeat;
    background-position:center;
    background-size:100% auto;
}

.bgimgt{
    background-repeat:no-repeat;
    background-position:center;
    background-size:auto 80% ;
}

.bgimgd{
    background-repeat:no-repeat;
    background-position:center;
    background-size:auto 160%;
}

.bgimgvertical{
    background-size:auto 100%;
}

.align-right{
    text-align:right;
}

.align-left{
    text-align:left;
}

.align-center{
    text-align:center;
}

.justified{
    text-align: justify;
}

.menumain ul li{
    display:inline-block;
    position: relative;
}

.menumain ul li a{
    display:block;
    padding: 15px 30px;
}

.socialicons a{
    color:#4d4959;
}

.bold{
    font-weight: 800;
}

.light{
    font-weight: 200;
}

.uppercase{
    text-transform: uppercase;
}

.letterspacing{
    letter-spacing: 2px;
}

.letterspacingsm{
    letter-spacing: 1px;
}

.margin-right{
    margin-right:25px;
}

.margin-vertical{
    margin:45px 0;
}

.bottom{
    bottom:0;
}

.bottom35{
    bottom:35px;
}

.top{
    top:0;
}

.right{
    right:25px;
}

.margin-vertical-small{
    margin:25px 0;
}

.margin-vertical-xsmall{
    margin:15px 0;
}

.margin-bottom-small{
    margin:0 0 15px 0;
}

.margin{
    margin:45px;
}

.pointer, .pointer:hover{
    cursor: pointer;
}

.invisible{
    display:none;
}

.margin-right-small{
    margin-right:10px;
}

.margin-horizontal-small{
    margin:0 15px;
}

.inline-block{
    display:inline-block !important;
}

.inline-flex{
    display:inline-flex;
}

.padding{
    padding:25px;
}

.paddingsm{
    padding:15px;
}

.paddingxs{
    padding:5px;
}

.padding-right-medium{
    padding-right: 45px;
}


.padding-vertical{
    padding:75px 0;
}

.padding-vertical-medium{
    padding:35px 0;
}

.margin-top{
    margin:75px 0 0 0;
}

.margin-top-small{
    margin-top:25px;
}

.margin-top-xsmall{
    margin-top:15px;
}

.margin-bottom{
    margin-bottom:75px;
}
.margin-bottom-small{
    margin-bottom:25px;
}

.margin-vertical{
    margin:75px 0;
}

.padding-vertical-small{
    padding:25px 0;
}

.padding-vertical-xsmall{
    padding:10px;
}

.margin-vertical-small{
    margin:25px 0;
}

.margin-vertical-xsmall{
    margin:10px 0;
}


.padding-small{
    padding:25px;
}

.padding-xsmall{
    padding:10px;
}

.round{
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.bg-grey{
    background:#f4f4f4;
}

.bg-light-blue{
    background:#1bb7ea;
}

.width30{
    width:30%;
}

.width60{
    width:60%;
}

.width80{
    width:80%;
}

.height150{
    height:150px;
}

.height75{
    height:75px;
}

.height250{
    height:250px;
}

.height350{
    height:350px;
}

.height93vh{
    height: 93vh;
}

.height87vh{
    height: 87vh;
}

.height40vh{
    height: 40vh;
}




.margin0auto{
    margin:0 auto;
}

.widthicon{
    width:60px;
}

.bg-white{
    background-color:#fff !important;
}

.lightgrey{
    background:#f4f4f4 !important;
    color:#333;
}

.float-right{
    float: right;
}

.bootstrap-select div.dropdown-menu {
   
    display: block !important;
    height: 300px !important;
    overflow: auto !important;
    width: 300px !important;
}

.pc{
        display:block;
    }
  
.ipad{
        display:none;
    }
    
.cell{
        display:none;
}
    
@media (max-width: 990px) {
    .ipad{
        display:block;
    }
    
    .pc{
        display:none;
    }
}

@media (max-width: 550px) {
    .cell{
        display:block;
    }
    
    .pc{
        display:none;
    }
}

