html { line-height: 180%; font-size: 12pt; color: #444; font-family: Verdana, Geneva, sans-serif; }

body { margin: 0; background-color: #f0f0f0; color; #444;}

h1 { color: #444; font-size: 16pt; font-family: Arial Narrow; font-weight: bold; margin: 0px;}

h2 { color: #48aed7; font-size: 15pt; font-family: Arial Narrow; font-weight: normal; margin: 0px 0px 15px 0px;}

.container { width: 100%; max-width: 1000px; min-width: 300px; margin: 0 auto;}

.header { position: fixed; top: 0px; left: 0px; width: 100%; height: 90px; background-color: #f0f0f0;}
.headerLoft {height: 80px; padding: 0px; margin-bottom: 100px; box-shadow: 0px 2px 6px 0px #aaa; background-color: #fff;}
.headerLogo {float: left; margin-left: 10px;}
.headerBot {float: right; margin-right: 10px; margin-top: 40px;}
.headerPromo {opacity: .5;}
.headerPromo:hover {opacity: 1;}

.info { padding: 100px 10px 0px 10px;}
.promoImg { width: 100%;}

.enphatLow {color: #888; font-size: 8pt;}
.enphatOff {color: #444; background-color: transparent; margin: 0px; font-size: 8pt; border-radius: 10px; padding: 0px 20px;}
.enphatOn {animation-name: effEnphat; animation-duration: 2s; animation-delay: 2s; color: #444; background-color: transparent; margin: 0px; font-size: 8pt; border-radius: 10px; padding: 0px 20px;}
@keyframes effEnphat {
    0% {color: #fff; background-color: #f00; margin-top: 20px;}
    50% {color: #fff; background-color: #f00; margin-top: 0px;}
    100% {color: #444; background-color: transparent; margin-top: 0px;}
}

.cl { clear: both;}
.lf { float: left; padding: 10px;}
.lfT { float: left;}
.lfP { float: left; padding: 6px 0px 0px 5px;}
.lfTE { float: left; height: 30px; overflow: hidden;}
.stars { color: gold;}
.infoDesc {padding: 10px;}

.infoTags {padding: 10px; display: none; color: #444; font-size: 9pt}
.infoTags a { color: #48aed7; text-decoration: underline; font-size: 9pt}
.infoTags a:hover { color: #48aed7; text-decoration: none; font-size: 9pt}

.myBuyOn { color: #ccc; padding: 10px; text-align: center;}
.myBuyButton { margin: 0 auto; width: 300px; border: 1px solid #aaa; padding: 5px; box-shadow: 0 8px 16px 0 #aaa; background-color: #eee; text-align: center;}
.myBuyButton:hover { background-color: #fff;}

.myBuyButtonTxt { float: left; color: #444; font-weight: bold; font-size: 20pt; padding: 6px;}
.myBuyButtonImg { float: left;}

.deals { color: #444;}
.inBox { margin: 10px 10px 10px 0px; border: 1px solid #aaa; box-shadow: 1px 1px 1px 1px #ccc; background-color: #fff; width: calc(33% - 10px); float: left;}
#inBoxPub { height: 120px;}
#inBoxLoader { height: 30px;}
.inBoxTit { color: #48aed7; font-size: 15pt; font-family: Arial Narrow; font-weight: normal; margin: 0px; text-align: center; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; width: 100%;}
.inBoxTit a { color: #48aed7; text-decoration: none;}
.inBoxTit a:hover { color: #48aed7; text-decoration: underline;}

.inBoxProd { background-color: #fff; margin: 10px 10px 10px 0px; border: 1px solid #aaa; box-shadow: 1px 1px 1px 1px #ccc; width: calc(100% - 10px);}
.inBoxProdImg { width: 33%; float: left;}
.inBoxProdTxt { width: calc(67% - 20px); float: right; padding: 0px 10px;}
.inBoxProdEnph1 { text-align: center; margin: 5px 0px 10px 0px;}
.inBoxProdEnph2 { margin: 0 auto; width: 200px; height: 30px; overflow: hidden;}

.inBoxImg { border: 0px;}
.inBoxTxt { text-align: center; font-size: 10pt; color: #444;}
.inBoxTxt a { color: #444; text-decoration: none;}
.inBoxTxt a:hover { color: #444; text-decoration: none;}
.inBoxEnf { text-align: center; font-size: 10pt; height: 30px; overflow: hidden;}
.inBoxCnv { float: right; width: calc(100% - 270px); padding: 16px 5px 0px 5px; font-size: 11pt;}

.popup {text-align: left; line-height: 180%; font-size: 11pt;}
.popupFld {border-radius: 5px; width: 290px; height: 30px; border: 1px solid #48aed7; padding: 0px 10px 0px 10px; font-size: 12pt;}
.popupQdr {border-radius: 5px; width: 290px; border: 1px solid #48aed7; padding: 0px 10px 0px 10px; font-size: 9pt;}
.popupButton {height: 35px; background-color: #48aed7; color: #fff; border: 1px solid #48aed7; border-radius: 5px; box-shadow: 2px 2px 2px #888888; margin-top: 20px; font-size: 11pt;}
.popupTitle {color: #555; font-style: italic; font-size: 12pt; margin-bottom: 10px; float: left; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; width: calc(100% - 30px);}
.popupPreco1 {text-align: center; padding-bottom: 10px; color: #48aed7; font-size: 12pt;}
.popupPreco2 {text-align: center; padding-bottom: 10px; color: #48aed7; font-size: 36pt;}
.myButton {margin-bottom: 6px; margin-right: 6px;}

.title {font-family: verdana; font-size: 9pt; text-align: center; font-weight: bold; font-style: italic; background-color: #B2BDC4;}
.title a {color: #000000; text-decoration: underline; font-size: 9pt; font-weight: normal;}
.title a:hover {text-decoration: none;}
.subti {font-family: verdana; font-size: 8pt; background-color: #D1E2EF;}
.subti a {color: #000000; text-decoration: underline; font-size: 8pt; font-weight: normal;}
.subti a:hover {text-decoration: none;}

#divWaiter {height: 100%; width: 100%; position: fixed; top: 0px; left: 0px; display: none; opacity: 0; background-color: #fff; z-index: 99999;}
#divCurtain {height: 100%; width: 100%; position: fixed; top: 0px; left: 0px; display: none; opacity: .8; background-color: #000; z-index: 99997;}
#divPopup {top: 50%; left: 50%; width: 320px; min-height: 300px; margin-top: -245px; margin-left: -160px; border: 1px solid gray; padding: 10px; position: fixed; display: none; z-index: 99998; background-color: #fff; color: #555;}
.sugEmail {line-height: 150%; background-color: #48aed7; color: #fff; font-size: 10pt; padding: 5px;}
.sugLabel {padding-top: 15px;}
.sugCheck {float: left; width: 140px;}

.popupClose {color: #555; font-size: 12pt; float: right;}
.popupClose A {font-weight: bold; color: #555; text-decoration: none; font-style: italic;}
.popupClose A:hover {font-weight: bold; color: #555; text-decoration: none; font-style: italic;}

@media screen and (max-width: 800px) {
	.inBox { width: calc(50% - 15px);}
	.headerBot { display: none;}
	.inBoxProdImg { width: 100%; float: left;}
	.inBoxProdTxt { width: calc(100% - 20px); float: left;}
}

@media screen and (max-width: 450px) {
	.inBox { width: calc(100% - 10px); float: left;}
}