/*General Rules*/
/* The html and body elements cannot have any padding or margin. */
html, body { height: 100%; }

/* Wrapper for page content to push down footer */
/* Negative indent footer by it's height */
#wrap { min-height: 100%; height: auto !important; height: 100%; margin: 0 auto -384px; }

/* Set the fixed height of the footer here */
#push, .social-section { min-height: 384px; }

body { font-family:"Open Sans"; font-weight:400 !important; }

p.lead { font-weight:400; }

.btn, .form-control { border-radius:2px; }

.line { border-top:1px solid #0078c6; clear:both; width:100%; margin:10px 0px; }

.line-content { border-top:1px solid #e5e5e5; clear:both; width:100%; margin:10px 0px; }

.modal-header,
.modal-body,
.modal-footer { border:0; padding:20px; }

.well { background:#FFF; border:none; }

a { color:#0078c6; }

.main-title { font-size:18px; line-height:28px; margin:0 0 40px; }

/*Custom Rules*/

.ubi.btn { height:40px; font-size:14px; }

.ubi.btn-lg { height:46px; font-size:16px; }

.btn-orange,
.btn-orange:visited { background:#f8764e; border-color:#f8764e; color:#FFF; font-weight:400; }

.btn-orange:hover,
.btn-orange:active,
.btn-orange:focus { background:#c65e3e; border-color:#c65e3e; color:#FFF; }

.btn-blue,
.btn-blue:visited { background:#0078c6; border-color:#0078c6; color:#FFF; font-weight:400; }

.btn-blue:hover,
.btn-blue:active,
.btn-blue:focus { background:#00609e; border-color:#00609e; color:#FFF; }

/*Cover Section*/

.ubi-cover p.lead { font-size:16px; line-height:24px; margin-bottom:20px; }

.ubi-cover p { font-size:12px; line-height:18px; text-shadow:1px 1px 2px #000; }

.ubi-cover .logotype { margin-bottom:10px; }


.bg-trans-black { background:#000000; position:absolute; top:0; bottom:0; height:100%; width:100%; opacity:0.6; }

.bg-trans-blue { background:#0078c6; position:absolute; top:0; bottom:0; height:100%; width:100%; opacity:0.6; }


.main-buttons {  padding:20px; top:0; right:0; position:absolute; width:320px; z-index:99; }

.main-buttons .btn { margin-left:10px; height:40px; font-size:14px; }

.main-buttons .btn-blue { background:none; color:#58bce8; border:2px solid #58bce8; margin-left:10px; height:40px; font-size:14px; }

.main-buttons .btn-blue:hover { color:#4696ba; border:2px solid #4696ba; }




/**/

.highlights { background:#def2fa; border-top:5px solid #a8dcf3; padding:60px 0; }

.load-highlights { display:block; text-align:center; padding:40px 0 20px; width:100%; }

/**/

.blog-highlights { background:#FFF; padding:60px 0; }

/**/

.ubi-invite { background:#feeece; padding:60px 0; text-align:center; }

.ubi-invite p { color:#f8764e; font-size:18px; margin-bottom:60px; line-height:24px; }

.ubi-invite .ubi.btn-lg { height:60px; font-size:16px; line-height:60px;  height:60px; padding:0 20px; position:relative; }

.ubi-invite .spark { background: url(../img/spark.png) right; height:30px; position:absolute; top:-30px; right:-30px; width:30px; }

/**/

.social-section { background:#004877; border-top:2px solid #FFF; padding:60px 0; }

/**/

.ubi-search { background:url(../img/black.png); color:#FFF; display:inline-block; margin-bottom:20px; text-align:center; padding:20px; width:100%; }

.ubi-search .form-control, .ubi-search .btn { height:46px; font-size:16px; width:100%; }

.ubi-search .form-group { margin-bottom:0; position:relative; }

.ubi-search .form-group .inside-icon { color:#0078c6; font-size:18px; height:46px; line-height:46px; position:absolute; top:0; left:0; text-align:center; width:46px; }

.ubi-search input { border:2px solid #0078c6; padding-left:40px; }

.ubi-search .btn { margin-top:15px; }

/*Label*/

.ubi-label { background:#79c9ed; border-radius:2px; height:40px; position:relative; width:80%; margin:60px auto 60px; }

.ubi-label h2 { color:#FFF; font-size:14px; font-weight:600; line-height:40px; }

.ubi-label-icons { color:#58bce8; position:absolute; top:-60px; width:100%; }

.ubi-label i { font-size:24px; margin:5px; text-align:center; }

.ubi-label i.high { font-size:32px; }

.ubi-label-detail { background:url(../img/detail.png); height:20px; width:40px; position:absolute; top:10px; }

.ubi-label-detail.left { background-position:left; left:-40px; }

.ubi-label-detail.right { background-position:right; right:-40px; }

/*Article Thumb*/

.article-thumb { border-radius:4px; margin:0 auto 20px; max-width:320px; }

.article-thumb-name { color:#FFF; font-size:12px; font-weight:600; display:block; }

.article-thumb-name:hover { color:#CCC; }

.article-thumb-cover { background:#def2fa; background-size:cover !important; border-radius:2px; height:180px; position:relative; }

.article-thumb-cover img { border-radius:2px; }

.article-thumb-cover-overlay { background:url(../img/blue.png); border-radius:0 0 4px 4px; height:80px; padding:10px 10px 10px; position:absolute; bottom:0; overflow:hidden; width:100%; z-index:99; }

.article-thumb-excerpt { display:none; font-size:12px; margin:10px 0 20px; }

.article-thumb-category { color:#58bce8; font-size:14px; font-weight:bold; margin-bottom:2px; text-transform:uppercase; }

.article-thumb-category:hover { color:#4696ba;  }

.article-thumb-img { height:100%; position:absolute; width:100%; z-index:98 }

.article-thumb time { color:#999; font-size:12px; }

/*Company Thumb*/

.company-thumb { background:#FFF; background-size:cover !important; border-radius:4px; color:#333; padding:20px 20px 20px 100px; min-height:80px; margin-bottom:10px; position:relative; }

.company-thumb-name { display:block; font-size:14px; font-weight:600; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; width:100%; }

.company-thumb-logo { background:#FFF; border-right:1px solid #F2F2F2; border-radius:4px 0 0 4px; position:absolute; left:0; top:0; height:80px; width:82px; }

.company-thumb-logo i { height:80px; color:#CCC; font-size:32px; line-height:80px; text-align:center; width:80px;  }

.company-thumb-logo img { height:60px; position:absolute; top:10px; left:10px; width:60px; z-index:98 }

.company-thumb a { color:#0078c6; }

/*Guide*/

.guide { background:#58bce8; color:#FFF; padding:60px 0; }

.guide h2 { font-size:18px; line-height:24px; }

.guide ul { padding:0; }

.guide li { list-style:none inside; font-size:14px; line-height:40px;  padding:0 20px; text-align:center; }

.guide li a { display:block; border-bottom:1px solid #9bd7f1; color:#FFF; text-align: center; width:100%; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }

/*Social*/

.ubi-social { margin-bottom:40px; text-align:center; width:100%; }

.ubi-social .fa-circle { color:#FFF; }

.ubi-social .fa-inverse { font-size:24px; color:#58bce8; }

.ubi-social a:hover .fa-circle { color:#58bce8; }

.ubi-social a:hover .fa-inverse { color:#FFFFFF; }

/*Footer*/

.footer { color:#FFF; font-size:12px; }

.footer-menu { padding:10px 0; }

.footer-menu a { color:#FFF; margin-right:20px;  }

.footer-menu li { list-style:none inside; text-align:center; }

/**/

.ubi-modal-invite,
.ubi-modal-access { border-radius:0 0 4px 4px;  padding:40px; text-align:center; margin:-20px; }

.ubi-modal-invite { background:#feeece; color:#f8764e; }

.ubi-modal-access { background:#def2fa; color:#0078c6; }

.oauth-social {
    margin-top: 36px;
    width: 300px;
    margin: 30px auto;
    margin-bottom: 0px;
}

/**/

.flag-selector { width:100%; margin:0 auto; text-align:center; }

.flag-wrapper { display:inline-block; position:relative; overflow:hidden; margin:0 2px; width:32px; height:24px; }

.flag-wrapper a { border:1px solid #FFF; height:100%; display:block; position:absolute; width:100%; z-index:99; }

.flag-wrapper a:hover { border-color:#004877; }

.flag-wrapper .flag { position:absolute; top:0; bottom:0; right:0; left:0; width:100%; height:100%; background-size:cover; }

/**/

@media only screen and (min-width : 768px) {

.main-title { font-size:24px; line-height:34px; margin:0 0 40px; }

/**/

.ubi-cover .logotype { margin-bottom:20px; }

.ubi-search { width:auto; }

.ubi-search .form-control, .ubi-search .btn {  width:240px; }

.ubi-search .btn { width:120px; }

.ubi-search .btn { margin-top:0; }

/**/

.ubi-label h2 { font-size:18px; }

.ubi-label i.high { font-size:48px; }

.ubi-label i { font-size:32px; }

.ubi-label { width:60%; }

/**/

.company-thumb { height:100px; padding:30px 20px 30px 120px; }

.company-thumb-logo i { height:100px; font-size:32px; line-height:100px;  width:100px;  }

.company-thumb-logo img { height:80px; position:absolute; top:10px; left:10px; width:80px; z-index:98 }

.company-thumb-logo { height:100px; width:102px; }

/**/

.ubi-invite p { font-size:28px; line-height:36px; }

/**/

.guide h2 { font-size:22px; line-height:30px; }

.ubi-cover p { font-size:14px; line-height:20px; text-shadow:1px 1px 2px #000; }

}


@media only screen and (min-width : 992px) {

.ubi-cover .logotype { margin-bottom:40px; }

.ubi-cover p.lead { font-size:24px; font-weight:400; }

/**/

.ubi-search { margin-bottom:40px; }

.ubi-search .form-control, .ubi-search .btn {  width:320px; }

.ubi-search .btn { width:120px; }

.ubi-label { width:40%; }

/**/

.footer-menu li { display:inline; text-align:center; }

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

/**/

.article-thumb-excerpt { display:block; }

}

/* HR do modal */
.or-container 
{
    text-align: center;
    margin: 20px 0;
    color: #808080;
    font-variant: small-caps;
    padding-left: 50px;
    padding-right: 50px;
    margin-bottom: 0px;
}
.or-hr 
{
    margin-bottom: -20px;
    height: 0;
    border: 0;
    border-top: 1px solid #e6e6e6;
    color: #aaa;
    background-color: #aaa;
}
#or 
{
    display: inline-block;
    position: relative;
    padding: 10px;
    background-color: #fff;
}

@media only screen and (min-width : 1200px) {

}


#servicios {
    list-style-type: none;
}

#servicios li {
    margin-top: 10px;
    background-color:#EDEDED;
    display: inline-block;
    padding: 10px;
}