@charset "utf-8";
/* CSS Document - Broomer

@author : Sérgio Hampel
@email: rhampel22@gmail.com
@company: Quarta Dimensão
@date: 06/04/2011

*/

@import url(internal.css);
@import url(skin.css);
@import url(jquery.fancybox-1.3.4.css);

/* Estilos Gerais - Start */
* {margin:0; padding:0}
a {cursor:pointer; outline:none; text-decoration:none}
li {list-style:none}
em {font-style:normal; font-weight:700; padding-right:5px}
img {border:none}
/* Estilos Gerais - End */

body {background-color:#d7d7d7; font:11px/1.6em Verdana, Arial, Helvetica, sans-serif}
body.bodyIphone {background:#d7d7d7 url(../images/general/bgBody.jpg) no-repeat center top}

/* Class / Important - Start */
.clear {clear:both}
/* Class / Important - End */

/* Formulários - Start */
form {float:left}
fieldset {border:none}
fieldset legend {float:left; margin-top:-20px; text-indent:-9000px}
/* Formulários - End */

/* Container - Start */
#container {height:100%; position:absolute; top:0; width:100%; z-index:10}
/* Container - End */

/* Menu - Start */
#menu {background:url(../images/general/menu.png) repeat-x 0 0; float:left; height:34px; width:100%}
#menu ul {float:left; padding-left:37px; width:520px}
#menu ul li {float:left}
#menu ul li a {background:url(../images/general/linksMenu.png) no-repeat 0 0; display:block; height:34px; text-indent:-9000px}
#menu ul li#menuHome a {background-position:0 0; width:27px}
#menu ul li#menuBroomer a {background-position:-27px 0; width:106px}
#menu ul li#menuCampanha a {background-position:-133px 0; width:99px}
#menu ul li#menuLojas a {background-position:-232px 0; width:69px}
#menu ul li#menuColecao a {background-position:-301px 0; width:85px}
#menu ul li#menuFaleConosco a {background-position:-386px 0; width:125px}

#menu ul li#menuHome a:hover {background-position:0 -34px}
#menu ul li#menuBroomer a:hover, #menu.pageBroomer ul li#menuBroomer a {background-position:-27px -34px}
#menu ul li#menuCampanha a:hover, #menu.pageCampanha ul li#menuCampanha a {background-position:-133px -34px}
#menu ul li#menuLojas a:hover, #menu.pageLojas ul li#menuLojas a {background-position:-232px -34px}
#menu ul li#menuColecao a:hover, #menu.pageColecao ul li#menuColecao a {background-position:-301px -34px}
#menu ul li#menuFaleConosco a:hover, #menu.pageFaleConosco ul li#menuFaleConosco a {background-position:-386px -34px}

#menu a.franquia {float:right}
/* Menu - End */

#flashContent {height:100%; position:fixed; width:100%}

/* Logo - Start */
#logo {padding:70px 0 0 30px}
#logo, #logo a {height:161px; width:319px}
#logo a img {border:none}
/* Logo - End */

#btnConcurso {left:140px; position:absolute; top:280px}
.logoCampanha {bottom:60px; position:absolute; right:30px}

/* Footer - Start */
#footer {background:url(../images/general/bg.png) repeat-x 0 0; bottom:0; float:left; position:fixed; width:100%; z-index:100}
#footer img {float:left}
#footer .link {float:left; font-size:16px; height:35px; position:relative; width:100%}
#footer .link img {height:35px}
#footer #barraFooter {float:left; height:137px; width:100%}

#footer .link img.um, #footer #barraFooter .novidades {margin:0 3% 0 2.4%; width:210px}
#footer .link img.dois {width:180px}
#footer .link img.tres, #footer #barraFooter #apoio {margin-left:3%; width:227px}
#footer .link img.tres {width:134px}
#footer #barraFooter #apoio {width:227px}
#footer .link img.quatro, #footer #barraFooter .newsletter {float:right; margin-right:2.4%; width:172px}
#footer .link .logo4D {position:absolute; right:10px; top:5px}
#footer .link .logo4D img {height:auto}

#footer .listaIcones {float:right; height:25px; margin:5px 0 0 0; width:185px}
#footer .listaIcones li {float:left; margin-right:10px}
#footer .listaIcones li a {display:block; height:25px}
#footer .listaIcones li a img {height:25px}

#footer #barraFooter .novidades {color:#e7e7e7; float:left; font-size:11px; padding-top:15px}
#footer #barraFooter .novidades a {background:url(../images/general/leiaMais.gif) no-repeat 0 0; float:right; height:9px; margin-top:20px; text-indent:-9000px; width:54px}

#footer #barraFooter #dicas {background:url(../images/general/dicas.png) repeat-x 0 0; float:left; height:122px; padding:15px 0 0 20px; width:160px}
#footer #barraFooter #dicas li {float:left; padding-bottom:2px; width:160px}
#footer #barraFooter #dicas li a {background:url(../images/icons/setaDicas.png) no-repeat 0 center; color:#fefefe; display:block; font-size:11px; padding-left:12px; text-transform:uppercase; width:148px}
#footer #barraFooter #dicas li a:hover {text-decoration:underline}

#footer #barraFooter #apoio {background:url(../images/general/separador.png) no-repeat right 0; float:left; height:137px}
#footer #barraFooter #apoio p {color:#e7e7e7; padding-top:15px; width:180px}
#footer #barraFooter #apoio p a {color:#e7e7e7; text-decoration:underline}
#footer #barraFooter #apoio p a:hover {text-decoration:none}
#boxImg {position:relative}
#boxImg a {display:block; position:absolute}
#boxImg a#imip {height:182px; left:39px; top:1093px; width:740px}
#boxImg a#oi-blues {height:105px; left:28px; top:1609px; width:750px}
#boxImg a#brala {height:107px; left:38px; top:1333px; width:740px}
#boxImg a#garJazz {height:121px; left:48px; top:1795px; width:732px}

#footer #barraFooter .newsletter {height:137px}
#footer #barraFooter .newsletter p {color:#e7e7e7; padding-top:5px}
#footer #barraFooter .newsletter form {margin:10px 0 5px}
#footer #barraFooter .newsletter input {background:url(../images/general/campoNewsletter.png) no-repeat; border:none; float:left; height:20px}
#footer #barraFooter .newsletter input.campoTexto {background-position:-35px -38px; padding:0 3px; width:141px}
#footer #barraFooter .newsletter input.btnNewsletter {background-position:-182px -38px; cursor:pointer; width:24px}
#footer #barraFooter a {color:#7e7e7e; font-size:9px; text-decoration:underline}
#footer #barraFooter a:hover {color:#a6141c}

#player {top:0; height:26px; position:absolute; right:180px; width:26px; z-index:1000}
/* Footer - End */