/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - Tiny CSS */
.btnBig{ 
    display: inline-block; padding: 10px 70px; background: #0059ff;
    color: #FFFFFF; margin-bottom: 20px; font-size: 22px;
    border: 1px solid #FFFFFF; border-radius: 14px; 
}    
.btnBig:hover{ text-decoration: none; background: #0844b5; }
span.xDesc{ color: #FFFFFF; }
#content #headTitle{ text-align: center; background: #121212; color: #FFFFFF; padding: 20px; line-height: 24px; }
h1.tinyH1{ font-size: 30px; color: #018aff; font-family: sans-serif; display: inline-block; }
h2.tinyH2{ font-size: 30px; color: #FFFFFF; font-family: sans-serif; display: inline-block; margin-bottom: 15px; line-height: initial; }
h3.tinyH3{ font-size: 10pt; color: #FFFFFF; display: inline-block; }
.hiTiny{ display:none !important; }
iframe{ max-width: 96%; }

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - Table */
table.tbNet{ font-family: sans-serif; width:100%; color: #000000; }
table.tbNet thead tr{ background: #ed2128; color: #FFFFFF; }
table.tbNet thead th{ font-size: large; }
table.tbNet thead center{ color: #FFFFFF; }
table.tbNet tr{ background: #ffffff; }
table.tbNet strong{ font-size: 11pt; color: #008000; }
table.tbNet strong.price{ color: #000000; }
table.tbNet td.code{ line-height: 40px; padding: 15px 0 0 15px; }
table.tbNet td.code strong{ color: #ca2b89; font-size: 13pt; }
table.tbNet img{ width: fit-content; }
a.signup{ 
    font-size: 14pt;
    padding: 11px 14px;
    background: #272727;
    border: 1px solid #000000;
    border-radius: 13px;
    color: #FFFFFF !important;
    text-decoration: none;
}
a.signup:hover{ color:#FFFFFF !important; }
table, th, td{
	border: 1px solid #cac8c8;
	border-collapse: collapse;
}
th, td{
	padding: 5px;
	text-align: left;
	font-size: 9pt;
}
table{ page-break-inside:auto }
tr{ page-break-inside:avoid; page-break-after:auto; }
thead{ display:table-header-group; background: #f1f0f0; }
tfoot{ display:table-footer-group; }
.breakPage{ page-break-before: always; }
.tableFooter{ background: #f1f0f0; }
.tableFooter b{ color:#087eff; }
.tableFooter td{ border:none; padding: 7px 5px;  }
table a{ color:#000000; }

#tbWeb{ display:table; }
#tbMobile{ display:none; }
@media screen and (max-width: 800px) {
    #tbWeb{ display:none; }
    #tbMobile{ display:table; }
}
a.link-co{ text-decoration: underline; }

div.seemore{ 
    text-align: center; margin-top: 10px; border-bottom: 2px solid #FFFFFF; 
    margin-bottom: 60px; position: relative; width: 100%; height: 30px; display: inline-block; 
}
div.seemore a.vEntries{
    display: inline-block; padding: 10px 30px; background: #22639a; font-weight: bold; 
    margin-top: 10px; border-radius: 8px; border: 2px solid #FFFFFF;
}
div.seemore a.vEntries:hover{ background: #000000; text-decoration: none; }
div.seemore a.vEntries.leftBox{ float: left; margin-left: 15px; }
div.seemore a.vEntries.rightBox{ float: right; margin-right: 15px; }

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - social share */
#socialShare{ display: inline-block; margin: 10px 0 0 -3px; }   
#socialShare .as-txt{ display: inline-block; margin: 0 0 0 3px; }
#socialShare .as{
    text-align: center; text-decoration: none; display: inline-block; color: white; vertical-align: middle;
}
#socialShare .as .ico{ 
    display: inline-block; width: 36px; margin: 3px; border-radius: 2px; height: 36px; 
    background-position: center; background-repeat: no-repeat;  background-size: 80%; 
}
#socialShare .as:hover { opacity: 0.7; }
#socialShare .as .facebook{ background-color: #1877f2; background-image: url('../../archive/images/ico-facebook.svg'); }
#socialShare .as .twitter{ background-color: #1da1f2; background-image: url('../../archive/images/ico-twitter.svg'); }
#socialShare .as .instagram{ background-color: #c32aa3; background-image: url('../../archive/images/ico-instagram.svg'); }
#socialShare .as .line{ background-color: #09a700; background-image: url('../../archive/images/ico-line.svg'); }
#socialShare .as .pinterest{ background-color: #bd081c; background-image: url('../../archive/images/ico-pinterest.svg'); }
#socialShare .as .googleplus{ background-color: #4285f4; background-image: url('../../archive/images/ico-googleplus.svg'); }
#socialShare .as .linkedIn{ background-color: #0a66c2; background-image: url('../../archive/images/ico-linkedIn.svg'); }
#socialShare .as .tumblr{ background-color: #35465d; background-image: url('../../archive/images/ico-tumblr.svg'); }

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - star rating */
#starRating{ display: inline-block; margin: 10px 0 0 -3px; }   
#starRating .st-txt{ display: inline-block; margin: 0 5px 0 20px; }
#starRating span.fa-star{ 
    display: inline-block; width: 28px; height: 28px; margin: 0; background-position: center; background-repeat: no-repeat;  
    background-size: cover; cursor: pointer; background-image: url('../../archive/images/ico-star.svg'); vertical-align: middle;
}
#starRating span.fa-star.checked{ background-image: url('../../archive/images/ico-star-yellow.svg'); }
#starRating span.fa-star.hover{ background-image: url('../../archive/images/ico-star-red.svg'); }
.xStar .hStar{ display: none; }
.xStar strong{ font-size: 6pt; color: #848383; }

ul.aside{ list-style-type: none; padding: 0; width: 100%; text-align: center; }
ul.aside li{ 
    width: 31.9%; padding: 0;  display: inline-block; text-align: center; 
    border-radius: 10px; overflow: hidden; border: 1px solid #dcdcdc; margin: 5px;
}
ul.aside li img{ width: 100%; border-bottom: 1px solid #dcdcdc; }
ul.aside li span{ display: inline-block; padding: 10px; font-size: 9pt; }
ul.aside li strong{ display: inline-block; padding: 3px 0 8px; font-size: 16px; text-shadow: 1px 1px #000000; }

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - For mobile phones: */
@media only screen and (max-width:800px) {  
    .menu, .main, .right { width:100%; }
    p.detail{ display: none; }
    .listBox{ padding: 0 0 10px; margin: 15px 0; width: 100%; float: left; }
    .listBox h3, .listBox a, .listBox p, .listBox img{ width: 100%; }
    .panel-body { line-height: 32px; }
    #socialShare .as-txt{ width: 100%; }
    #starRating{ width:100%; margin: 5px 0 0 -3px; }
    #starRating .st-txt{ margin: 0 5px 0 3px; }

    ul.aside li{ width: 100%; margin: 0 0 20px; border: none; background: transparent; border-radius: 0; }
    ul.aside li img{  border: 1px solid #dcdcdc; border-radius: 10px; }
    ul.aside li strong{ font-size: 20px; text-shadow: 1px 2px #000000; }
    ul.aside li span{ font-size: 11pt; }
}