/* CSS Document */
/*
	Bootstrap 3 Template
	Author:				Angelo Rocha
	Author URL:			www.angelorocha.com.br
	Licence:			GPL v3
    
    Contacts
    Twitter:            https://twitter.com/_AngeloRocha
    Google Plus:        https://plus.google.com/+AngeloRocha/posts
    Linkedin:           http://br.linkedin.com/in/angelorocha
    Github:             https://github.com/angelorocha
*/
/**
    * Table of Contents:
    *
    * 1. Home Classes
    * 2. XOOPS Codes
    * 3. XOOPS Blocks
    * 4. XOOPS Modules
        * 4.1. News
        * 4.2. Tag Module
        * 4.3. System
        * 4.4. System Comments
        * 4.5. System Site Closed
        * 4.6. Profile Module
        * 4.7. Contact Module
        * 4.8. PM Module
        * 4.9. eXtgallery Module
        * 4.10. TDMDownloads
        * 4.11. XOOPS Tube
        * 4.12. NewBB Module
    * 5. Useful Classes
**/

html { font-size: 100%; -ms-text-size-adjust: none; -webkit-text-size-adjust: none; }
body { font-size: 19px;	font-size: 1.2rem; line-height: 1.6; color: #1f1e1e; word-wrap: break-word; background-color: #626D71; }
body.custom-background { -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; }
.mh-container { max-width: 1110px; margin: 0 auto; padding: 0 2px; }
.mh-wrapper { margin: 2px auto; }
#main-content { width: 65.916%; overflow: hidden; }
#main-content.page-full-width { width: 100%; }
.mh-sidebar, .home-sidebar { float: left; width: 31.833%; }
.mh-right-sb #main-content { float: left; margin-right: 2.25%; }
.mh-left-sb #main-content { float: right; margin-left: 2.25%; }

h1 {font-size:1.2em; font-weight: bold; color: #C5308A;}
h2 {font-size:1.1em; font-weight: bold; color: #0296c8;}
h3 {font-size:0.9em; font-weight: bold; color: #882D60;}
h4 {font-size:0.8em;}
h5 {font-size:0.8em;}
a {font-size:1em; color: #FF456A; }

/* For Mobile IE */
@-webkit-viewport
{
    width: device-width;
}
@-moz-viewport
{
    width: device-width;
}
@-ms-viewport
{
    width: device-width;
}
@-o-viewport
{
    width: device-width;
}
@viewport
{
    width: device-width;
}
/* 1. Home Classes */
div.global-nav { margin-bottom: 0; }
a.navbar-brand.xlogo { padding: 5px 20px 0 5px; }
div.slideshow { }
div.slideshow .carousel-caption { bottom: 10%; }
div.slideshow .carousel-indicators { bottom: 40px; }
div.slideshow .item { text-align: center; }
div.slideshow .item img { display: inline-block; }
div.maincontainer { margin-top: 20px; margin-bottom: 20px; }
div.home-message { background: #FAFAFA; padding-top: 5px; border-left: 3px solid #9C6; margin-top: -60px; position: relative; z-index: 5; }
div.bottom-blocks { background: url(images/cover.jpg) 50% 50% no-repeat fixed; background-size: cover; margin-top: 20px; padding: 20px 0 20px 0; }
footer.footer { background: #626D71; color: #EAEAEA; text-align: center; }
footer.footer > h3 { font-size: 0.9em; margin: 0; line-height: inherit; max-width: 960px; margin: 0 auto 0 auto; padding: 10px 0 10px 0; text-align: center; position: relative; }
footer.footer > h3 > a.credits { position: absolute; top: 3px; right: 10px; }
.xoops-banner { position: relative; top: 40px; }
.xoops-banner * { max-width: 100%; }
/* 2. XOOPS Codes */
.xoopsQuote { padding: 10px 20px; margin: 0 0 20px; border-left: 5px solid #EEEEEE; font-style: italic; }
.xoopsCode { background: url(images/code.png); overflow-x: auto; border: 1px solid #EEE; padding-left: 10px; }
.xoopsCode code { background-color: #882D60; line-height: 25px; position: relative; }
.xoopsCode code > span { position: relative; z-index: 5; }
/* 3. XOOPS Blocks*/
div.xoops-side-blocks > aside { margin-bottom: 20px; }
div.xoops-side-blocks > aside h1, div.xoops-side-blocks > aside h2, div.xoops-side-blocks > aside h3, div.xoops-side-blocks > aside h4, div.xoops-side-blocks > aside h5, div.xoops-side-blocks > aside h6 { font-size: 0.9em; }
div.xoops-side-blocks > aside > h4.block-title { line-height: inherit; margin: 0; font-size: 1.3em; }
div.xoops-blocks { margin-bottom: 20px; }
div.xoops-blocks > h4 { line-height: inherit; margin: 0; }
div.xoops-bottom-blocks { background: #FFF; padding: 10px; text-align: justify; margin-bottom: 20px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; position: relative; transition: all linear 300ms; -moz-transition: all linear 300ms; -webkit-transition: all linear 300ms; top: 0; }
div.xoops-bottom-blocks:hover { top: -10px; box-shadow: 0 10px 10px #222; }
/* 4. XOOPS Modules */
/* 4.1. News */
div.news-home { }
div.news-home .text-center form { margin-bottom: 20px; }
div.home-news-loop { margin-bottom: 20px; }
div.excerpt-news { max-height: 100px; overflow: hidden; }
div.home-thumbnails { height: 200px; overflow: hidden; border: 3px solid #EEE; }
div.home-thumbnails img { position: relative; width: 100%; height: 100%; }
section.news-item { margin-bottom: 20px; }
div.news-header { position: relative; }
div.news-header img { position: relative; min-width: 100%; max-width: 100%; }
div.news-header > h2.news-title { background: url(images/alpha.png); position: absolute; bottom: 10%; left: 0; padding: 10px; margin: 0; color: #FFF; font-size: 1.8em; z-index: 5; }
div.news-header > h2.news-title > a { color: #CF9; }
div.news-header > h2.news-title > a:after { content: ": "; }
h2.news-no-image { font-size: 1.5em; margin: 0; line-height: inherit; }
strong.hit-counter { background: #333; color: #FFF; border-radius: 5px 5px 0 0; padding: 0 10px 0 10px; font-size: 0.8em; line-height: 20px; }
div.xoops-news-navigation { padding: 10px 0 10px 0; }
div.xoops-news-navigation a { background: #222; padding: 5px 10px 5px 10px; color: #EEE; border-radius: 50px; -moz-border-radius: 50px; -webkit-border-radius: 50px; letter-spacing: 0.5px; transition: all linear 300ms; -moz-transition: all linear 300ms; -webkit-transition: all linear 300ms; }
div.xoops-news-navigation a:hover { background: #EEE; box-shadow: 0 0 5px #222; color: #333; }
div.xoops-news-icons { padding: 10px; }
div.xoops-news-icons a { font-size: 1.5em; margin: 0 10px 0 10px; }
/* 4.2. Tag module */
div.xoops-tag-bar { }
div.xoops-tag-bar > ul { }
div.xoops-tag-bar > ul > li.tag-title { font-weight: bold; margin: 0 10px 0 0; }
div.xoops-tag-bar > ul > li { display: inline-table; line-height: 25px; margin-right: 10px; }
div.xoops-tag-bar > ul > li > span { }
/* 4.3. System */
div.loginform input[type=submit] { margin-bottom: 5px; }
div.usermenu li span { margin-right: 10px; }
div.usermenu li a.info span { color: #F00; }
div.usermenu li a.info span.badge { background: #F00; color: #FFF; }
div.xoops-theme-select { text-align: center; }
div.xoops-theme-select form select { border: 1px solid #D6D6D6; width: 100%; }
div.xoops-theme-select img { max-width: 100%; }
ul.userblock { border-bottom: 1px solid #EEE; margin-bottom: 0; padding: 5px 0 5px 0; }
ul.userblock:nth-child(odd) { background: #F9F9F9; }
ul.userblock:hover { background: #EEE; }
ul.userblock:last-child { border-bottom: none; }
ul.userblock > li { display: inline-block; position: relative; }
ul.userblock > li.avatar-image { max-width: 20%; }
ul.userblock > li.avatar-image img { max-width: 100%; }
ul.userblock > li.user-name { padding: 0 0 0 10px; width: 49%; }
ul.userblock > li.join-date { padding: 0 5px 0 0; width: 9%; }
ul.userblock > li span.badge { background: #47A447; position: absolute; bottom: 0; right: 0; }
/* 4.4. System Comments */
div.xoops-comment-body { margin-top: 20px; }
div.xoops-comment-template { margin-bottom: 20px; }
div.xoops-comment-author img { display: inline-block; }
div.xoops-comment-author ul.poster-info { text-align: left; }
div.xoops-comment-author li.poster-rank { margin-bottom: 10px; }
div.xoops-comment-author strong.poster-rank { font-size: 0.8em; }
div.xoops-comment-author img.image-avatar { width: 100%; border: 1px solid #CCC; }
div.xoops-comment-author.col-md-2 { padding-right: 0; }
div.xoops-comment-text > div { display: none; }
div.xoops-comment-text p.message-text { background: #EAEAEA; padding: 10px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; position: relative; }
div.xoops-comment-text p.message-text:after { content: ""; display: block; position: absolute; width: 20px; height: 20px; top: 0; left: -10px; background: url(images/comment-arrow.png) 50% 50% no-repeat; background-size: contain; }
div.xoops-comment-form { }
div.xoops-comment-form input[type=text], div.xoops-comment-form textarea { background: #EEE; padding: 5px; min-width: 100%; border: 1px solid #DDD; margin-bottom: 10px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
div.xoops-comment-form input[type=text]:focus, div.xoops-comment-form textarea:focus { background: #FFF; }
div.xoops-comment-form textarea { max-height: 150px; }
div.xoops-comment-form input[type=submit] { background: #5BC0DE; border: 1px solid #09C; padding: 5px; color: #FFF; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; float: right; }
div.xoops-comment-form span { font-weight: bold; color: #999; }
div.xoops-comment-form span.caption-marker { color: #F00; padding-left: 10px; font-size: 1.5em; }
div.modal-dialog.comments-modal { }
div.comments-nav { padding: 10px; }
/* 4.5. System Site Closed */
.site-closed-body { background: url(images/background-site-closed.jpg) top center no-repeat fixed; }
div.xoops-site-closed { margin-top: 10%; }
div.site-closed-logo { margin-bottom: 5%; }
div.xoops-site-closed-container { background: #FFF; padding: 10px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; box-shadow: 0 0 10px #333, 0 0 10px #333; }
div.xoops-site-closed-container input { margin-bottom: 10px; }
div.input-container { position: relative; }
div.input-container input:focus ~ span { left: -50px; }
div.input-container > span { background: #626D71; color: #000; text-shadow: 1px 1px 0 #333; position: absolute; top: -3px; left: -10px; padding: 10px; z-index: -1; font-size: 1.5em; border-radius: 5px 0 0 5px; -moz-border-radius: 5px 0 0 5px; -webkit-border-radius: 5px 0 0 5px; transition: all linear 300ms; -moz-transition: all linear 300ms; -webkit-transition: all linear 300ms; }
/* 4.6. Profile Module */
ul.profile-values { margin-top: 10px; }
ul.profile-values > li { margin-bottom: 5px; }
ul.profile-values > li.profile-category-title { font-size: 1.2em; font-weight: 600; border-bottom: 1px dashed #999; margin-bottom: 0; color: #09C; }
/* 4.7. Contact Module */
div.contact-module { font-weight: bold; }
div.contact-module input, div.contact-module textarea { background: #EEE; border: 1px solid #EAEAEA; padding: 10px; display: block; min-width: 100%; max-width: 100%; max-height: 250px; margin-bottom: 10px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
div.contact-module input[type=text]:focus, div.contact-module textarea:focus { background: #FFF; }
div.contact-module input[type=submit] { background: #5BC0DE; color: #FFF; font-weight: bold; }
/* 4.8. PM Module */
div.xoops-message-header { min-height: 40px; }
div.xoops-message-list div.col-xs-1, div.xoops-message-list div.col-md-1 { max-width: 14px; text-align: center; }
div.xoops-message-list div.col-xs-1 .btn, div.xoops-message-list div.col-md-1 .btn { padding: 3px; display: inline-block; font-size: 0.9em; }
div.xoops-message-loop { margin-bottom: 10px; }
div.current-tab { margin-bottom: 20px; }
div.message-current-tab div.alert { padding: 10px 30px 10px 10px; }
/* 4.9. eXtgallery Module */
div.xoops-gallery-thumb { height: 130px; position: relative; overflow: hidden; margin-bottom: 20px; }
div.xoops-gallery-thumb img { position: absolute; width: 100%; height: 100%; }
a.extgallery-album-name { background: #000; width: 100%; padding: 5px 0 5px 0; text-align: center; position: absolute; bottom: -100px; color: #FFF; opacity: 0.8; transition: all linear 300ms; -moz-transition: all linear 300ms; -webkit-transition: all linear 300ms; }
div.xoops-gallery-thumb:hover a.extgallery-album-name { bottom: 0; }
strong.number-photos { background: #000; opacity: 0.8; color: #FFF; font-size: 0.8em; position: absolute; top: 0; right: 0; padding: 0 10px 0 10px; }
div.extGalleryAlbum { }
div.extGalleryAlbum > .col-md-12 { padding: 0; }
h3.gallerytitle { font-size: 1.3em; }
div.orderbyicons { font-size: 1.2em; font-weight: bold; color: #999; }
div.orderbyicons ul li { display: inline-block; margin: 0 10px 0 10px; line-height: 30px; }
div.orderbyicons a { color: #333; font-size: 1.2em; }
div.album-thumb { max-height: 140px; margin-bottom: 20px; overflow: hidden; position: relative; }
ul.adminlinks { background: url(images/alpha.png); color: #EAEAEA; font-size: 0.9em; position: absolute; top: 0; right: -300px; height: 100%; -moz-transition: all linear 300ms; -webkit-transition: all linear 300ms; transition: all linear 300ms; }
div.album-thumb:hover > ul.adminlinks { right: 0; text-align: center; }
ul.adminlinks > li { padding: 2px 5px 2px 5px; position: relative; }
ul.adminlinks > li > a { color: #FFF; }
div.photoRating { position: absolute; bottom: 0; padding: 3px; background: #FFF; opacity: 0.8; border-radius: 0 5px 0 0; }
div.photo-nav-controls { }
div.photo-nav-controls ul { background: url(images/alpha.png); position: relative; right: 5px; color: #FFF; font-weight: bold; border-radius: 5px 5px 0 0; -moz-border-radius: 5px 5px 0 0; -webkit-border-radius: 5px 5px 0 0; margin: 0; overflow: hidden; }
div.photo-nav-controls ul li { display: inline-table; }
div.photo-nav-controls ul li.nav-btn { background: url(images/alpha.png); width: 30px; font-size: 1.5em; }
div.photo-nav-controls ul li a { color: #000; text-shadow: 1px 1px 0 #333; }
div.photo-nav-controls ul li.small { font-size: 0.9em; margin: 0 5px 0 5px; }
div.gallery-single-photo { }
div.gallery-single-photo img.img-thumbnail { position: relative; width: 100%; }
ul.photo-info li { margin-bottom: 10px; border-bottom: 1px dotted #999; }
ul.photo-info li:last-child { border-bottom: none; }
ul.form-send-e-card li { max-width: 100%; overflow: hidden; margin-bottom: 10px; }
ul.form-send-e-card input[type=submit] { background: #09C; min-width: 20%; color: #FFF; }
ul.form-send-e-card input, ul.form-send-e-card textarea { min-width: 50%; max-width: 50%; border: 1px solid #E6E6E6; padding: 5px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
ul.form-send-e-card input:focus, ul.form-send-e-card textarea:focus { background: #EEE; }
/* 4.10. TDMDownloads */
div.tdmdownloads { }
div.tdm-category-list { margin-bottom: 10px; }
div.tdm-category-list img { max-width: 100%; }
a.tdm-category-image { margin: 10px 0 10px 0; display: block; text-align: center; }
a.tdm-download-btn { font-size: 1.5em; }
div.tdm-downloads-info { margin-top: 10px; margin-bottom: 10px; }
div.tdm-downloads-info ul.list-unstyled { }
div.tdm-downloads-info ul.list-unstyled li { line-height: 30px; list-style: square; margin-left: 20px; font-size: 0.9em; }
div.tdm-minibox { margin-bottom: 20px; }
div.tdm-download-logo { max-height: 120px; overflow: hidden; }
div.tdm-download-logo img { width: 100%; }
div.tdm-short-description { max-height: 80px; overflow: hidden; text-align: justify; margin: 5px 0 5px 0; }
div.tdm-download-data.row { font-weight: bold; color: #999; font-size: 0.8em; }
.tdm-title { font-size: 1.3em; line-height: inherit; margin: 0 0 5px 0; display: block; }
div.tdm-screenshot-single { }
div.tdm-screenshot-single img { min-width: 100%; max-width: 100%; }
div.tdm-download-data { padding-bottom: 5px; border-bottom: 1px dashed #999; }
div.tdm-download-data ul.tdm-download-details { }
div.tdm-download-data ul.tdm-download-details li { margin: 5px 10px 5px 10px; }
div.tdm-modify-file { overflow-x: hidden; }
div.tdm-modify-file img { max-width: 100%; }
ul.tdm-new-download-block { }
ul.tdm-new-download-block li { line-height: 30px; border-bottom: 1px dashed #EAEAEA; }
ul.tdm-new-download-block li:last-child { border-bottom: none; }
/* 4.11. XOOPS Tube */
.xoopstube { }
.xoopstube .col-md-12 { margin-bottom: 10px; }
.xoopstube .xoopstube-header { margin-bottom: 10px; }
.xoopstube .xoopstube-header > a > img { max-width: 100%; }
.xoopstube .xoopstube-header-text { margin-bottom: 10px; }
.xoopstube .xoopstube-description { margin-bottom: 10px; }
.xoopstube .xoopstube-navigation { }
.xoopstube .xoopstube-navigation span { margin-bottom: 10px; }
.xoopstube .xoopstube-navigation a { background: #FAFAFA; border: 1px solid #EEE; font-size: 0.9em; padding: 5px 10px 5px 10px; display: inline-block; margin: 0 0 5px 0; border-radius: 5px; }
.xoopstube .xoopstube-navigation a:hover { background: #EBEBEB; color: #979797; }
.xoopstube-loop { margin-bottom: 20px; }
.xoopstube-loop ul li { margin-bottom: 5px; }
.xoopstube-video-title { font-size: 1.5em; line-height: inherit; margin: 0; }
.xoopstube-video-thumb { padding: 0; position: relative; }
.xoopstube-video-thumb span { position: absolute; left: 5px; bottom: 5px; color: #666; }
.xoopstube-video-thumb img { max-width: 100%; }
.xoopstube .xoopstube-video-info { }
.xoopstube .xoopstube-video-info [class*=col] { margin-bottom: 10px; }
.xoopstube .category-titles { margin-bottom: 10px; }
.xoopstube .xoopstube-data { margin-bottom: 10px; }
.xoopstube ul.xoopstube-list li { margin-bottom: 10px; }
.xoopstube .xoopstube-footer { margin-bottom: 20px; }
.xoopstube-other-video { background: #F9F9F9; border-top: 1px solid #EEE; }
.xoopstube-credits { background: #333; color: #EEE; padding: 10px; }
.xoopstube-blocks { }
.xoopstube-blocks img { max-width: 100%; }
.xoopstube-thumb { position: relative; margin-bottom: 20px; }
.xoopstube-thumb span { background: #000; display: block; }
.xoopstube-video-play { }
.xoopstube-video-play embed { max-width: 100%; }
/* 4.12. NewBB Module */
.newbb { }
.newbb-header { }
.newbb-menu { }
.newbb-header-icons { }
.newbb-header-icons div { margin-bottom: 10px; }
.xoops-newbb-category-list { }
.xoops-newbb-category-list a.pull-right { margin-left: 5px; }
.xoops-newbb-list-foruns { border-bottom: 1px solid #EAEAEA; padding-bottom: 5px; }
.xoops-newbb-list-foruns:last-child { border-bottom: none; }
.xoops-newbb-viewtopic { }
.xoops-newbb-viewtopic table { max-width: 100%; border: 1px solid #000; }
.xoops-mewbb-forum-title { }
.xoops-mewbb-forum-title a.btn { color: #FFF; }
/* 5. Useful Classes */
.big-info-icon-link { color: #333; font-size: 1.8em; margin: 10px 0 10px 0; display: inline-table; cursor: pointer; }
.xoops-default-title { font-size: 1.3em; margin: 0; line-height: inherit; }
.one-line-title { display: block; max-height: 30px; overflow: hidden; }
.generic-pagination { }
.generic-pagination a { background: #FAFAFA; border: 1px solid #EEE; padding: 5px 10px; border-radius: 5px; }
.generic-pagination a:hover { background: #EBEBEB; }
.generic-pagination .xo-pagact { background: #09C; color: #FFF; border: 1px solid #EEE; padding: 5px; border-radius: 5px; }
div.order-by { font-size: 1.2em; }
div.order-by a { color: #999; font-size: 1.2em; }
.mb10 { margin-bottom: 10px; }
/* Only Add Margin Bottom of 10px */
.lw30 { line-height: 30px; }
/* Only Add Line Height 30px */
.nompl { margin: 0; padding: 0; line-height: inherit; }
/* No margin, paddind and lineweight -> use in title tags if necessary... */
/* Media Queries */
@media (min-width: 320px) and (max-width: 768px)
{
    .xoops-banner { top: 0; }
    .xoops-banner.pull-right { float: none !important; }
}
/* bla, bla, bla */
.aligncenter { text-align: center; margin-left: auto; margin-right: auto; }
.alignleft { text-align: left; float: left; }
.alignright { text-align: right; float: right; }
/*
    Newoni by Kevjoe
    Author:             Kevjoe
    Author URL:         www.kevjoe.be
    Licence:            GPL v3
    
    Contacts
    Twitter:            https://twitter.com/kevjoesaurus
    Github:             https://github.com/kevjoe
    Email               kevin@kevjoe.be
*/
.navbar button { background-color: #882D60; border: 1px solid #FFFFFF; }
body { background: #882D60; }
.maincontainer { background: #FFFFFF; margin-top: 0; padding-top: 20px; border: 1px solid #CBCBCB; font-family: Average Sans; }
footer { background-color: #626D71; font-family: Average Sans; font-weight: bold; }
legend { background-color: #626D71; padding: 5px 5px 5px 14px; color: #FFFFFF; font-weight: normal !important; }
input { border-radius: 0px !important; border: 1px solid #E3E3E3; box-shadow: 0px 0px; }
.carousel-caption h1 { font-family: Fjalla One; font-weight: bold; font-size: 55px; }
.carousel-caption { font-family: Average Sans; font-weight: bold; }
.xoops-side-blocks aside { padding-bottom: 19px; }
form label { color: #6C6C6C; background-position: ; }

select { color: #888585; font-size: 12px; margin-top: 10px; margin-bottom: 0; padding-top: 5px; padding-left: 5px; }
.xoops-banner-homepage { text-align: center; margin-top: 6px; margin-bottom: -15px; }
.xoops-banner { text-align: center; }
button { border-radius: 0px !important; }
.btn { border-radius: 0px; }
.loginform h4 { background-color: #6E6868; padding: 9px; font-weight: bold; color: #F0FFFF; font-size: 17px !important; text-shadow: -1px -1px #121212; }
h4.block-title { background-color: #626D71; padding: 9px; font-weight: bold; color: #F0FFFF !important; font-size: 17px !important; text-shadow: -1px -1px #121212; }
.xoops-blocks h4 { background-color: #626D71; padding: 6px 9px; font-weight: bold; color: #F0FFFF !important; font-size: 17px !important; text-shadow: -1px -1px #121212; }
.nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus { color: #FFF; background-color: rgba(30, 80, 120, 0.685); }
.mainNav li { margin: 5px; }