/*

FILE		modal.css
DATE		2014-09-30
AUTHOR		MURILO AMENDOLA

*/

/*# MODAL ##############################################################################################################*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute;top:0;left:0;z-index:9999;overflow:hidden;}
#cboxOverlay{position:fixed;width:100%;height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto;-webkit-overflow-scrolling:touch;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{width:100%;height:100%;position:absolute;top:0;left:0;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left;margin:auto;border:0;display:block;max-width:none;-ms-interpolation-mode:bicubic;}
.cboxIframe{display:block;width:100%;height:100%;border:0;}
#colorbox, #cboxContent, #cboxLoadedContent{box-sizing:content-box;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;}
#cboxOverlay{/*background:#000;*/}
#colorbox{outline:0;
-moz-box-shadow:0 0 10px #dbdcdc;
-webkit-box-shadow:0 0 10px #dbdcdc;
box-shadow:0 0 10px #dbdcdc;}
    #cboxContent{background:#fff;overflow:visible;border:#c6c6c6 1px solid;border-top-color:#949494;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;}
        .cboxIframe{/*background:#fff;*/}
        #cboxError{padding:50px;border:1px solid #ccc;}
        #cboxLoadedContent{/*background:#fff;*/padding:20px;}
        #cboxLoadingGraphic{background:url("../../img/loading.gif") no-repeat center center;}
        #cboxLoadingOverlay{/*background:#fff;*/}
        #cboxTitle{position:absolute;top:-22px;left:0;color:#000; display:none;}
        #cboxCurrent{position:absolute;top:-22px;right:205px;text-indent:-9999px;}
        #cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose {border:0; padding:0; margin:0; overflow:visible; text-indent:-9999px; width:20px; height:20px; position:absolute; top:-21px; /*background:url("../../img/btn/btn_modal.png") 0 0 no-repeat;*/}


        #cboxPrevious:active, #cboxNext:active, #cboxSlideshow:active, #cboxClose:active {outline:0;}
        #cboxPrevious{background-position:0px 0px; right:44px;}
        #cboxPrevious:hover{background-position:0px -25px;}
        #cboxNext{background-position:-25px 0px; right:22px;}
        #cboxNext:hover{background-position:-25px -25px;}
        /*#cboxClose{background-position:-50px 0px; right:0;}
        #cboxClose:hover{background-position:-50px -25px;}*/
        .cboxSlideshow_on #cboxPrevious, .cboxSlideshow_off #cboxPrevious{right:66px;}
        .cboxSlideshow_on #cboxSlideshow{background-position:-75px -25px; right:44px;}
        .cboxSlideshow_on #cboxSlideshow:hover{background-position:-100px -25px;}
        .cboxSlideshow_off #cboxSlideshow{background-position:-100px 0px; right:44px;}
        .cboxSlideshow_off #cboxSlideshow:hover{background-position:-75px -25px;}

		#cboxClose {width:14px;height:14px;background:transparent url("../../img/btn/btn_modal_close.png") center center no-repeat;text-indent:-9999px;cursor:pointer;top:20px;right:20px;}
		/*#cboxClose:hover{background-color:#cd4526;
		-webkit-transition: background-color 200ms linear;
		-moz-transition: background-color 200ms linear;
		-o-transition: background-color 200ms linear;
		-ms-transition: background-color 200ms linear;
		transition: background-color 200ms linear;}*/

.mcontent{min-width:100px;min-height:100px;}
.mcontent h2{margin-top:0;font-family:'PreloSlabBold';font-weight:normal;}
.mcontent p{margin-top:0;}

.mcontent fieldset div.btn{margin:0;border:#dd5232 1px solid!important;background-color:#dd5232;-webkit-border-radius:0px;-moz-border-radius:0px;border-radius:0px;}
.mcontent fieldset div.btn a,
.mcontent fieldset div.btn input,
.mcontent fieldset div.btn button{color:#fff;font-size:18px;font-family:'PreloSlabBold';font-weight:normal;text-transform:inherit;}
.mcontent fieldset div.btn:hover{background-color:#cd4526;}

.mcontent .boxcaptcha .btn{border-color:#959595!important;}

.mcontent .table{}
.mcontent .table .row{}
.mcontent .table .row .cell{text-align:center;vertical-align:middle;}
.mcontent .table .row .cell p{margin:0;}


	/* Modal - Tamanho */
	.modw265,
	.mcontent form,
	.esqueciMinhaSenha,
	.forgetEmail{width:265px;}

	.result .table{min-height:72px;}

	.modw265 em{text-align:left;}

	.modw305,
	#frmTrocarMeuEmail,
	#positivacaoTrocarEmailColorbox,
	#positivacaoColorbox{width:305px;}

	.modw340, .modw340 form{width:340px;}



	.entrega-endereco, .entrega-endereco form{width:340px;}
	.entrega-endereco input[type="text"]{width:305px;}
	.entrega-endereco input.cep{width:172px;}
	.entrega-endereco .box-bank div{width:200px;}
	.entrega-endereco .box-bank div:first-child{width:67px;}
	.entrega-endereco .box-bank div input{width:100%;}
	.entrega-endereco .box-equal{margin:0; padding:0;}
	.entrega-endereco .box-equal div{float:left; width:149px; margin:0;}
	.entrega-endereco .box-equal div.estado{margin:0 0 0 37px;}
	.entrega-endereco .box-equal div input{width:100%; float:left;}
	.entrega-endereco .box-equal .maskselect,
	.entrega-endereco .box-equal select{width:149px!important;}
	.entrega-endereco .box-equal .maskselect .text{min-width:129px;}
	.entrega-endereco .box-equal .maskselect .btn{position:absolute; right:0; overflow:hidden;}

	.entrega-endereco .cell{text-align:center!important;}


	/* Modal - Tamanho */

.mcontent.terms{}
.mcontent.terms .box{width:700px;height:500px;margin-top:20px;overflow-y:scroll;}

.mcontent.nfeList{width:300px;}
.mcontent.nfeList p.info{margin:1em 0 0 0;font-size:11px;font-weight:normal;text-transform:inherit;}

.mcontent .seal ul{margin:0;padding:0;font-size:0px;list-style:none;}
.mcontent .seal li{display:inline-block;height:32px;margin:0 0 0 15px;}
.mcontent .seal li:first-child{margin-left:0px;}
.mcontent .seal li img{height:100%;}

/* Modal - Error */
.mcontent div.warning{padding-left:20px;}
.mcontent div.warning.error{background:8px center no-repeat #f5f5f5 url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAYAAABWdVznAAAACXBIWXMAAC4jAAAuIwF4pT92AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAF1JREFUeNpjeGdlxgDFwkBcBMR7gPgFFO+BignD1MEU6wDxASD+jwMfgKoBaxAA4kN4FMMwSI0ASEMhEYphuBCkYR8JGvaBNDwnQcNzsjSQ7CSSPU1ysJIccSQlDQB/+DSM8ECR/wAAAABJRU5ErkJggg==);}
.mcontent div.warning p{font-size:12px; line-height:1.2em; padding:6px 35px 6px 8px;}
.mcontent div.warning .btn{margin:-14px 0 0 0!important;}
.mcontent div.warning .btn a{width:28px; height:28px;}



.mcontent.modalert{min-width:50px;min-height:50px;max-width:300px;font-size:14px;}
.mcontent.modconfirm{min-width:180px;min-height:50px;max-width:300px;font-size:14px;}
.mcontent.modalert .boxaction, .mcontent.modalert .modconfirm{text-align:center;}

/*# MODAL ##############################################################################################################*/

/* MAG LIST */
.maglist{}
.maglist ul{list-style:none;margin:-10px 0 0 -10px;padding:0;width:580px;}
.maglist li{float:left;margin:10px 0 0 10px;border:transparent 2px solid;position:relative;}

.maglist .bg{background:transparent url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAACXBIWXMAAC4jAAAuIwF4pT92AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAABFJREFUeNpjYGBgaEDDpAoAAARTCAFL7pIvAAAAAElFTkSuQmCC") 0 0 repeat;position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;display:none;}
.maglist h2{display:table-cell;vertical-align:middle;width:100px;height:138px;color:#fff;text-align:center;}

.maglist .img{display:block;width:100px;height:138px;margin:0;padding:0;text-align:center;}
.maglist .img img{width:100px;height:100%;}
.maglist .btn{border-color:#dd5232;background-color:#dd5232;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;position:absolute;bottom:0;right:0;z-index:1; display:none;}
.maglist .btn a,
.maglist .btn input{width:22px;height:22px;margin:0;padding:0;text-indent:-9999px;}

.format{position:absolute;top:0;left:0;text-indent:-9999px;z-index:2;}
.format .digital,
.format .game{float:left;width:22px;height:22px;background-color:#dd5232;background-position:center center;background-repeat:no-repeat;text-indent:-9999px;}

.maglist li:hover{border-color:#dd5232;}
.maglist li:hover .bg,
.maglist li:hover .btn{display:block;}

.mcontent .maglist h3{font-family:'PreloSlabBold';font-weight:normal;color: #204f75; font-size: 20px; white-space:nowrap; padding-right:55px; margin-top:0;}

/**
 *
 * FILE:	modal.css
 * DATE:	2015-06-15
 * AUTHOR:	Fabio Marciano
 *
**/

#modal {
	font-family:"Roboto", sans-serif;
	position:fixed;
	top:0px;
	right:0px;
	bottom:0px;
	left:0px;
	background:url("../media/alpha.png");
	z-index:9;
}
#modal > DIV {
	position:absolute;
	background:#e8e4e4;
	box-shadow:0px 0px 5px #333;
}

#modal .btn-close {
	position:absolute;
	display:block;
	right:10px;
	top:10px;
	width:32px;
	height:32px;
	background:url("../media/ico-close.png") center center no-repeat;
}

#modal H3 {
	font-size:2.0em;
	font-weight:300;
	text-align:center;
	margin-bottom:20px;
}

.loading {
	text-align:center;
	font-size:2.0em;
	background-image:url("../media/loader.gif");
	background-position:center 60px;
	background-repeat:no-repeat;
	padding:20px 0px 0px 0px;
	height:90px;
}

#modal .btn-close {
	text-indent:-9999em;
	overflow:hidden;
	color:transparent;
	font-size:0em;
	cursor:pointer;
}

#modal > DIV.invisible {
	background: none!important;
	box-shadow: none!important;
}
