body {background:#fff; padding:0; margin:0;}

/* Global Settings */ 

#modal .clear {clear:both;}
#modal a img {border:0px;}
#modal a {color:#663399;}
#modal fieldset {border:none; padding:0; margin:0;}
#modal p#modal-erro {color:#ff0000; font:9px Verdana, Arial, Helvetica, sans-serif; float:left; margin:0; width:auto; text-align:left; padding:0 0 0 5px;}
#modal .modal-informacoes, #modal #modal-login .modal-informacoes {border-top: 1px solid #ddd; border-bottom:1px solid #ddd; padding:10px 5px; background:url(../imagens/common/modal-degrade.gif) bottom repeat-x; font:9px Verdana, Arial, Helvetica, sans-serif;}
#modal .estrelinhas {width:238px;height:20px;font-size:9px; color:#bbb; }
#modal .estrelinhas .votos {padding:0 0 0 70px; vertical-align:top; font-family:Verdana, Arial, Helvetica, sans-serif;}

.info-balao p {font:9px Verdana, Arial, Helvetica, sans-serif; color:#999; background:#ffffcc; margin:0; padding:3px; border:1px solid #ccc; width:200px;}

#modal #modal-recomendar-presentear table {width:100%;}
#modal #modal-recomendar-presentear table td{padding:0; border:none; margin:0;}
#modal #modal-recomendar-presentear table p {width:220px;font:11px Verdana, Arial, Helvetica, sans-serif; margin:5px 0 0 0; padding:0; float:left;}
#modal #modal-recomendar-presentear table form {margin:10px 0 0 12px; padding:0;float:left;}
#modal #modal-recomendar-presentear table form input {border:1px solid #ddd; padding:2px;}
#modal #modal-recomendar-presentear table form input#ddd {width:32px;}
#modal #modal-recomendar-presentear table form input#numero {width:92px;}
#modal #modal-recomendar-presentear table div#modal_overflow {width:376px;_width:370px;height:75px;overflow-y: scroll;overflow-x: hidden;background:#FFF; border:#999 1px solid; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; color:#666; margin:15px 0 0 0;}

/* */

#modal #modal-nota table {width:100%;}
#modal #modal-nota p {font:11px Verdana, Arial, Helvetica, sans-serif; margin:5px 0 0 0; padding:0; width:200px; float:left;}
#modal #modal-nota .modal-nota-estrelinhas {padding:11px 12px 12px 35px; margin:0; float:left;}


#modal {margin:0 auto; width:400px;}
#modal .modal-top-left {background-image: url(../images/common/modal-top-left.gif);background-repeat: no-repeat;background-position: left top;
}
#modal .modal-top-right {background:url(../images/common/modal-top-right.gif) no-repeat top right; margin:0 0 0 9px; padding:0 7px 0 2px;}
#modal .modal-bottom-left {background:url(../images/common/modal-bottom-left.gif) no-repeat bottom left;}
#modal .modal-bottom-right {background:url(../images/common/modal-bottom-right.gif) no-repeat bottom right; margin:0 0 0 9px; padding:5px 9px 9px 0px;}
#modal .modal-top-right img {margin:13px 0 0 0; padding:0; display:block; float:left;}
#modal .modal-top-right img.fechar {float:right; padding:0; margin:7px 0px 6px;}

#modal #modal-login table {width:100%;}
#modal #modal-login table form {padding:20px; margin:0 auto; text-align:center;}
#modal #modal-login table form input {border:1px solid #ddd; margin:0 0 2px; padding:2px;}
#modal #modal-login table form input#ddd {width:30px; margin:0 0 2px 2px;}
#modal #modal-login table form input#numero {width:80px;}
#modal #modal-login table form input#senha {width:120px; margin:0 2px 0 16px;}
#modal #modal-login table td{padding:0; border:none; margin:0;}
#modal #modal-login table p {font:11px Verdana, Arial, Helvetica, sans-serif; margin:5px 0 0 0; padding:0;}
#modal #modal-login table p b {font:10px Verdana, Arial, Helvetica, sans-serif; font-weight:bold;}

#modal .modal-botoes-validacao {margin:0 0 10px 0; text-align:center; clear:both;}
#modal #modal-botoes{text-align:right;}
#modal .botoes_centro {margin:0 auto;}

#modal #modal-mensagem {font:11px Verdana, Arial, Helvetica, sans-serif; text-align:center; margin:10px auto 10px; padding:0 10px;}
#modal #modal-mensagem img {margin:0 7px 0 0;}
#modal #modal-mensagem table {width:100%;font:11px Verdana, Arial, Helvetica, sans-serif; text-align:center;}
#modal #modal-mensagem table td {padding:0; border:none; margin:0;}
#modal #modal-mensagem table td.modal-text {border:none;padding:0;text-align:left;}
#modal #modal-mensagem table td.modal-icon {width:80px;vertical-align:top;border:none;padding:0;text-align:right;}
#modal #modal-mensagem table img {margin:0 7px 0 0 ;}

#modal #modal-filtrar table td p {margin:0 3px 0 0; float:left; font:11px Verdana, Arial, Helvetica, sans-serif;}
#modal #modal-filtrar table td p.info {width:230px;margin:0 3px 0 0; float:left; font:11px Verdana, Arial, Helvetica, sans-serif;}
#modal #modal-filtrar #deviceImgs {overflow-y: scroll;overflow-x: hidden; width:445px; _width:451px; height:170px; border:1px solid #ddd; padding:0 0 0 0px;}
#modal #modal-filtrar ul {list-style:none;}
#modal #modal-filtrar ul li {line-height:0%;float:left;}
#modal #modal-filtrar ul li a {border:2px solid #fff; float:left; margin:0 0px 2px 0; text-decoration:none; padding:0 0 2px 0; color:#999; width:65px; height:150px; }
#modal #modal-filtrar ul li a:hover {border:2px solid #663399; color:#663399;}
#modal #modal-filtrar ul li a:active {border:2px solid #663399; color:#663399;}
#modal #modal-filtrar ul li a:focus {border:2px solid #663399; color:#663399;}
#modal #modal-filtrar ul li a.over {border:2px solid #663399; color:#663399;}
#modal #modal-filtrar ul li a p {text-align:center; font:9px Verdana, Arial, Helvetica, sans-serif; width:62px;margin:0; }
#modal #modal-filtrar table {width:100%;}
#modal #modal-filtrar table td{padding:0; border:none; margin:0;}
#modal #modal-filtrar table form {margin:0; padding:0;}
#modal #modal-filtrar table form select {margin:3px 0 0 2px;_margin:0px 0 0 2px;font:9px Verdana, Arial, Helvetica, sans-serif; border:1px solid #ddd; width:170px;float:left;}
#modal #modal-filtrar table form select#modalMarca {margin:4px 0 0 8px;_margin:0px 0 0 8px;}

#modal .modal-wizard-2passos-1 {border:1px solid #ddd; padding:2px 2px 2px 2px; margin:2px 0 10px 0; width:400px;}
#modal .modal-wizard-2passos-1 p {color:#fff; font:13px Verdana, Arial, Helvetica, sans-serif; font-weight:bold; background: url(../images/common/play/modal-wizard-2passos-1.gif)  top center no-repeat; padding:0 ; margin:0; height:24px;}
#modal .modal-wizard-2passos-1 p span.branco {padding:0px 55px 3px 55px;height:16px;width:70px;margin:0;}
#modal .modal-wizard-2passos-1 p span.seta {display:none;}
#modal .modal-wizard-2passos-1 p span.cinza {color:#999;padding:3px 35px 3px 75px;margin:0;}

#modal .modal-wizard-2passos-1-big {border:1px solid #ddd; padding:2px 2px 2px 2px; margin:2px 0 10px 0; width:450px;}
#modal .modal-wizard-2passos-1-big p {color:#fff; font:13px Verdana, Arial, Helvetica, sans-serif; font-weight:bold; background: url(../images/common/play/modal-wizard-2passos-1-big.gif)  top center no-repeat; padding:0 ; margin:0; height:24px;}
#modal .modal-wizard-2passos-1-big p span.branco {padding:0px 85px 3px 80px;height:16px;width:90px;margin:0;}
#modal .modal-wizard-2passos-1-big p span.seta {display:none;}
#modal .modal-wizard-2passos-1-big p span.cinza {color:#999;padding:3px 35px 3px 75px;margin:0;}

#modal .modal-wizard-2passos-2 {border:1px solid #ddd; padding:2px 2px 2px 2px; margin:2px 0 10px 0; width:400px;}
#modal .modal-wizard-2passos-2 p {color:#fff; font:13px Verdana, Arial, Helvetica, sans-serif; font-weight:bold; background: url(../images/common/play/modal-wizard-2passos-2.gif)  top center no-repeat; padding:0 ; margin:0; height:24px;}
#modal .modal-wizard-2passos-2 p span.seta {display:none;}
#modal .modal-wizard-2passos-2 p span {padding:0px 50px 3px 80px;}
#modal .modal-wizard-2passos-2 p span.branco {padding:0px 55px 3px 55px;height:16px;width:70px;margin:0;}

#modal .modal-wizard-3passos-1 {border:1px solid #ddd; padding:2px 2px 2px 2px; margin:2px 0 10px 0; width:400px;}
#modal .modal-wizard-3passos-1 p {color:#fff; font:13px Verdana, Arial, Helvetica, sans-serif; font-weight:bold; background: url(../images/common/play/modal-wizard-3passos-1.gif)  top center no-repeat; padding:0 ; margin:0; height:24px;}
#modal .modal-wizard-3passos-1 p span.seta {display:none;}
#modal .modal-wizard-3passos-1 p span.cinza {color:#999;padding:3px 25px 3px 35px;margin:0;}
#modal .modal-wizard-3passos-1 p span.branco {padding:0px 30px 3px 25px;height:16px;width:65px;margin:0;}
#modal .modal-wizard-3passos-1 p span.cinza2 {color:#999;padding:0px 25px 3px 35px;height:16px;width:65px;margin:0;}

#modal .modal-wizard-3passos-2 {border:1px solid #ddd; padding:2px 2px 2px 2px; margin:2px 0 10px 0; width:400px;}
#modal .modal-wizard-3passos-2 p {color:#fff; font:13px Verdana, Arial, Helvetica, sans-serif; font-weight:bold; background: url(../images/common/play/modal-wizard-3passos-2.gif)  top center no-repeat; padding:0 ; margin:0; height:24px;}
#modal .modal-wizard-3passos-2 p span.seta {display:none;}
#modal .modal-wizard-3passos-2 p span.cinza {color:#999;padding:3px 27px 3px 30px;margin:0;}
#modal .modal-wizard-3passos-2 p span.branco {padding:0px 30px 3px 30px;height:16px;width:65px;margin:0;}

#modal .modal-wizard-3passos-2-big {border:1px solid #ddd; padding:2px 2px 2px 2px; margin:2px 0 10px 0; width:450px;}
#modal .modal-wizard-3passos-2-big p {color:#fff; font:13px Verdana, Arial, Helvetica, sans-serif; font-weight:bold; background: url(../images/common/play/modal-wizard-3passos-2-big.gif)  top center no-repeat; padding:0 ; margin:0; height:24px;}
#modal .modal-wizard-3passos-2-big p span.seta {display:none;}
#modal .modal-wizard-3passos-2-big p span.cinza {color:#999;padding:3px 27px 3px 40px;margin:0;}
#modal .modal-wizard-3passos-2-big p span.branco {padding:0px 45px 3px 40px;height:16px;width:75px;margin:0;}

#modal .modal-wizard-3passos-3 {border:1px solid #ddd; padding:2px 2px 2px 2px; margin:2px 0 10px 0; width:400px;}
#modal .modal-wizard-3passos-3 p {color:#fff; font:13px Verdana, Arial, Helvetica, sans-serif; font-weight:bold; background: url(../images/common/play/modal-wizard-3passos-3.gif)  top center no-repeat; padding:0 ; margin:0; height:24px;}
#modal .modal-wizard-3passos-3 p span.seta {display:none;}
#modal .modal-wizard-3passos-3 p span.cinza {padding:3px 25px 3px 35px;margin:0;}
#modal .modal-wizard-3passos-3 p span.branco {padding:0px 28px 3px 32px;height:16px;width:65px;margin:0;}

#modal #modal-compra table {width:100%;}
#modal #modal-compra img.modal-album {border:1px solid #ccc; float:left; margin:0 10px 0 0;}
#modal #modal-compra p {font:11px Verdana, Arial, Helvetica, sans-serif; color:#663399; margin:0 0 5px; padding:0;}
#modal #modal-compra p span.cinza {color:#999;}
#modal #modal-compra p b {font:12px Verdana, Arial, Helvetica, sans-serif; font-weight:bold;}
#modal #modal-compra table.modal-tabela-info { width:200px;}
#modal #modal-compra table.modal-tabela-info td{padding:0; border:none; margin:0;}
#modal #modal-compra table p {margin:0 0 0 2px; font:10px Verdana, Arial, Helvetica, sans-serif;}
#modal #modal-compra table p b {font:10px Verdana, Arial, Helvetica, sans-serif; font-weight:bold;}

#modal #modal-adulto img {margin:0 0px 0 0;padding:0;}
#modal #modal-adulto table {width:100%;font:11px Verdana, Arial, Helvetica, sans-serif; text-align:center;}
#modal #modal-adulto table td {padding:0; border:none; margin:0;}
