/**
 * Criado em 9 de Agosto de 2010
 *
 * @autor Yuri Goytacaz <yuri@maximize.com.br>
 * @cliente Mizuno <www.mizuno.com.br>
 * 
 * @table contents:
 *  00 Reset
 *  01 Html & Body
 *  02 Wrapper
 *  03 Header
 *  04 Nav
 *  05 Content
 *  06 Sidebar
 *  07 Titles
 *  08 Sections
 *  09 Footer
 *  10 Popup
 *
**/

/* 00 Reset
------------------------------------------------------*/
* { padding:0; margin:0; }
legend, .hide { display:none !important; }
:focus { outline:0; }
ul, ol { list-style:none; }
a { color:#fff; text-decoration:none; }
a:hover { color:#00aae5; text-decoration:underline; }
button { cursor:pointer; }
fieldset, img { border:0; }
table { border-collapse:collapse; border-spacing:0; }
input, textarea { font-size:13px; font-family:'Tahoma', arial, helvetica, sans-serif; border-width:1px; border-style:solid; border-color:#999 #ccc #ccc #999; }
h1, h2, h3, h4, h5, h6 { font-family:'Tahoma', arial, helvetica, sans-serif; }

/* 01 Html & Body
------------------------------------------------------*/
html { font-size:13px; font-family:'Tahoma', arial, helvetica, sans-serif; color:#fff; background:url("../images/body-bg.png") center -59px no-repeat #000; }
body { background:url("../images/loading.gif") center 480px no-repeat; }

/* 02 Wrapper & Container
------------------------------------------------------*/
div#wrapper { width:1000px; height:800px; padding:0; margin:0 auto; }
div#wrapper em.embreve { position:absolute; right:0; top:0; display:block; width:250px; height:166px; background:url("../images/frase-embreve.gif") 0 0 no-repeat; text-indent:-9999px; overflow:hidden; }

/* 03 Header
------------------------------------------------------*/
div#header { height:95px; overflow:hidden; }
div#header h1 { float:left; display:block; width:90px; height:60px; padding:30px 220px 0 60px; }
div#header h1 a { display:block; width:90px; height:60px; background:url("../images/logo-mizuno.gif") 0 0 no-repeat; text-indent:-9999px; overflow:hidden; }
div#header h2 a { display:block; width:313px; height:64px; margin:20px 0 40px 0; background:url("../images/logo-dynamotion.gif") 0 0 no-repeat; text-indent:-9999px; overflow:hidden; }

/* 04 Nav
------------------------------------------------------*/
div#nav {  }

/* 05 Content
------------------------------------------------------*/
div#content { position:relative; height:605px; padding:0 0 0 520px; }
body#home div#content { padding-top:30px; background:url("../images/tenis-bg.png") 30px 90px no-repeat; }
/*
body.creation11 div.masculino { background:url("../images/creation-masc.jpg") -2px 115px no-repeat; }
body.creation11 div.feminino { background:url("../images/creation-fem.jpg") -3px 110px no-repeat; }
body.nirvana6 div.masculino { background:url("../images/nirvana-masc.jpg") 4px 113px no-repeat; }
body.nirvana6 div.feminino { background:url("../images/nirvana-fem.jpg") 0 116px no-repeat; }
*/

body.nirvana6 div.masc-azul { background:url("../images/nirvana-masc-azul.jpg") 0px 161px no-repeat; }
body.nirvana6 div.masc-vermelho { background:url("../images/nirvana-masc-vermelho.jpg") 0px 161px no-repeat; }
body.nirvana6 div.masc-preto { background:url("../images/nirvana-masc-preto.jpg") 0px 161px no-repeat; }
body.nirvana6 div.fem-rosa { background:url("../images/nirvana-fem-rosa.jpg") 0px 161px no-repeat; }
body.nirvana6 div.fem-rosaclaro { background:url("../images/nirvana-fem-rosaclaro.jpg") 0px 161px no-repeat; }
body.nirvana6 div.fem-azul { background:url("../images/nirvana-fem-azul.jpg") 0px 161px no-repeat; }

body.creation11 div.masc-amarelo { background:url("../images/creation-masc-amarelo.jpg") 0px 161px no-repeat; }
body.creation11 div.masc-azul { background:url("../images/creation-masc-azul.jpg") 0px 161px no-repeat; }
body.creation11 div.masc-vinho { background:url("../images/creation-masc-vinho.jpg") 0px 161px no-repeat; }
body.creation11 div.masc-brancovermelho { background:url("../images/creation-masc-brancovermelho.jpg") 0px 161px no-repeat; }
body.creation11 div.masc-pratavermelho { background:url("../images/creation-masc-pratavermelho.jpg") 0px 161px no-repeat; }
body.creation11 div.fem-violeta { background:url("../images/creation-fem-violeta.jpg") 0px 161px no-repeat; }
body.creation11 div.fem-verde { background:url("../images/creation-fem-verde.jpg") 0px 161px no-repeat; }
body.creation11 div.fem-azul { background:url("../images/creation-fem-azul.jpg") 0px 161px no-repeat; }
body.creation11 div.fem-pink { background:url("../images/creation-fem-pink.jpg") 0px 161px no-repeat; }
body.creation11 div.fem-rosa { background:url("../images/creation-fem-rosa.jpg") 0px 161px no-repeat; }

div#content a.voltar { float:right; display:inline; width:62px; height:9px; margin:0 100px 0 0; background:url("../images/bt-voltar.gif") 0 0 no-repeat; text-indent:-9999px; overflow:hidden; }
div#content a.voltar:hover { background-position:0 -10px; }
div#content a.cross-nirvana6 { position:absolute; top:40px; left:60px; display:block; width:201px; height:62px; background:url("../images/cross-nirvana6.gif") 0 0 no-repeat; text-indent:-9999px; overflow:hidden; }
div#content a.cross-creation11 { position:absolute; top:40px; left:60px; display:block; width:201px; height:62px; background:url("../images/cross-creation11.gif") 0 0 no-repeat; text-indent:-9999px; overflow:hidden; }

/* 06 Aside
------------------------------------------------------*/
div#aside { }

/* 07 Titles
------------------------------------------------------*/
h3#titulo-introducao { display:block; width:418px; height:60px; background:url("../images/introducao-bg.gif") 0 0 no-repeat; text-indent:-9999px; overflow:hidden; }

h3#titulo-creation11 { display:block; width:221px; height:27px; padding:0 0 0 160px; background:url("../images/titulo-creation11.gif") right 0 no-repeat; text-indent:-9999px; overflow:hidden; }
h3#titulo-nirvana6 { display:block; width:221px; height:27px; padding:0 0 0 160px; background:url("../images/titulo-nirvana6.gif") right 0 no-repeat; text-indent:-9999px; overflow:hidden; }

h4#subtitulo-cores { display:block; width:53px; height:14px; background:url("../images/subtitulo-cores.gif") 0 0 no-repeat; text-indent:-9999px; overflow:hidden; }
h4#subtitulo-creation { display:block; width:418px; height:25px; background:url("../images/subtitulo-creation.gif") -4px 0 no-repeat; text-indent:-9999px; overflow:hidden; }
h4#subtitulo-nirvana { display:block; width:418px; height:25px; background:url("../images/subtitulo-nirvana.gif") 0 0 no-repeat; text-indent:-9999px; overflow:hidden; }

h5#titulo-tecnologias { display:block; width:176px; height:38px; padding:0 0 50px 0; background:url("../images/titulo-tecnologias.gif") 0 0 no-repeat; text-indent:-9999px; overflow:hidden; }
h5#subtitulo-tecnologias { display:block; width:127px; height:20px; background:url("../images/subtitulo-tecnologias.gif") 0 0 no-repeat; text-indent:-9999px; overflow:hidden; }

/* 08 Sections
------------------------------------------------------*/
/* home - introducao */
div.introducao { width:390px; height:236px; padding:0 0 50px 0; }
div.introducao p { margin:0 0 15px 0; }

/* home - produtos */
div#produtos { }
div#produtos h3 { display:block; width:418px; height:16px; background:url("../images/produtos-bg.png") 0 0 no-repeat; text-indent:-9999px; overflow:hidden; }
div#produtos ul { }
div#produtos ul li { display:block; width:418px; cursor:pointer; background-image:url("../images/produtos-bg.png"); background-repeat:no-repeat; }
div#produtos ul li.creation11 { height:121px; background-position:0 -15px; }
div#produtos ul li.nirvana6 { height:103px; background-position:0 -136px; }
div#produtos ul li h4, 
div#produtos ul li p { display:none; }
div#produtos ul li a { display:block; width:418px; text-indent:-9999px; overflow:hidden; }
div#produtos ul li.creation11 a { height:121px; }
div#produtos ul li.nirvana6 a { height:103px; }

/* descricao */
div.descricao { width:418px; height:260px; }
div.descricao p { margin:0 0 15px 0; }

/* abas - genero */
ul.genero { display:block; height:75px; padding:40px 0 29px 0; }
ul.genero li { float:left; display:inline; width:110px; height:76px; margin:0 40px 0 0; cursor:pointer; background-repeat:no-repeat; text-indent:-9999px; overflow:hidden; }
ul.genero li.masculino { background-position:0 0; }
ul.genero li.masculino-ativo,
ul.genero li.masculino-hover { background-position:0 -102px; }
ul.genero li.feminino { background-position:-146px -102px; }
ul.genero li.feminino-ativo,
ul.genero li.feminino-hover { background-position:-146px 0; }

body.creation11 ul.genero li { background-image:url("../images/creation-generos-bg.gif"); }
body.nirvana6 ul.genero li { background-image:url("../images/nirvana-generos-bg.gif"); }

/* tecnologias */
div.tecnologias { width:400px; height:145px; }
div.tecnologias a { display:block; width:360px; height:90px; }

body.creation11 div.tecnologias { background:url("../images/creation-tecnologias-bg.gif") 35px 60px no-repeat; }
body.nirvana6 div.tecnologias { background:url("../images/nirvana-tecnologias-bg.gif") 35px 60px no-repeat; }

/* cores */
div.cores { position:absolute; top:500px; left:60px; width:170px; height:60px; }
div.cores strong.cor { display:block; height:15px; padding:10px 0 0 16px; color:#1193c4; font-size:10px; font-weight:normal; }
div.cores ul { display:block; height:20px; padding:0 0 0 15px; overflow:hidden; }
div.cores ul.fem { display:none; }
div.cores ul li { float:left; display:inline; margin:2px 5px 2px 2px; }
div.cores ul li a { display:block; width:13px; height:13px; -moz-border-radius:3px; text-indent:-9999px; overflow:hidden; }

body.nirvana6 div.cores ul.masc li.azul a { background:#063E81; }
body.nirvana6 div.cores ul.masc li.vermelho a { background:#87293B; }
body.nirvana6 div.cores ul.masc li.preto a { margin:-1px -1px 0 -1px; border:1px solid #004455; background:black; }

body.nirvana6 div.cores ul.fem li.rosa a { background:#5B2644; }
body.nirvana6 div.cores ul.fem li.rosaclaro a { background:#D6B0C9; }
body.nirvana6 div.cores ul.fem li.azul a { background:#A9B9D3; }

body.creation11 div.cores ul.masc li.amarelo a { background:#fff950; }
body.creation11 div.cores ul.masc li.azul a { background:#005eb4; }
body.creation11 div.cores ul.masc li.vinho a { background:#7b1f31; }
body.creation11 div.cores ul.masc li.brancovermelho a { background:#d62537; }
body.creation11 div.cores ul.masc li.pratavermelho a { background:#df264c; }

body.creation11 div.cores ul.fem li.violeta a { background:url("../images/creation-fem-violeta-bg.gif") 0 0 no-repeat; }
body.creation11 div.cores ul.fem li.verde a { background:#0083AA; }
body.creation11 div.cores ul.fem li.azul a { background:#B7C7DD; }
body.creation11 div.cores ul.fem li.pink a { background:#F266A0; }
body.creation11 div.cores ul.fem li.rosa a { background:#DACACE; }

div.cores ul li a:hover,
div.cores ul li a.current { margin:-2px -2px 0 -2px !important; border:2px solid #005F79 !important; }

/* modal tecnologias */
div#modal-tecnologias { display:none; }
div#tecnologias { width:600px; height:388px; padding:40px 25px; background:url("../images/modal-tecnologia-bg.gif") 0 0 no-repeat; overflow:hidden; }
div#tecnologias ul { display:block; }
div#tecnologias ul li { display:block; padding:5px 0 5px 130px; background-image:url("../images/tecnologia-logos.gif"); background-repeat:no-repeat; }
div#tecnologias ul li.airmesh { background-position:0 0; }
div#tecnologias ul li.infinity { background-position:0 -72px; }
div#tecnologias ul li.sensor { background-position:0 -144px; }
div#tecnologias ul li.intercool { background-position:0 -216px; }
div#tecnologias ul li.vs1 { background-position:0 -288px; }
div#tecnologias ul li.newdynamotion { background-position:0 -360px; }
div#tecnologias ul li.x10 { background-position:0 -432px; }
div#tecnologias ul li.ap { background-position:0 -504px; }
div#tecnologias ul li.wave { background-position:0 -576px; }
div#tecnologias ul li.gender { background-position:0 -648px; }
div#tecnologias ul li strong { display:block; color:#1191c1; font-weight:normal; }
div#tecnologias ul li p { }

/* scroll */
div#tecnologias div.scroll { height:300px; overflow:hidden; }
div#tecnologias .jScrollPaneContainer{position:relative;overflow:hidden;z-index:1;}
div#tecnologias .jScrollPaneTrack{position:absolute;cursor:pointer;right:0;top:0;height:100%;background:url("../images/scroll-bg.gif") center 0 repeat-y; }
div#tecnologias .jScrollPaneDrag{position:absolute;background:#0f80aa;width:3px !important;left:4px;cursor:pointer;overflow:hidden;}
div#tecnologias .jScrollPaneDragTop{position:absolute;top:0;left:0;overflow:hidden;}
div#tecnologias .jScrollPaneDragBottom{position:absolute;bottom:0;left:0;overflow:hidden;}
div#tecnologias a.jScrollArrowUp{display:block;position:absolute;z-index:1;top:0;right:0;text-indent:-2000px;overflow:hidden;background:url("../images/scroll-up.gif") center 0 no-repeat;height:14px;}
div#tecnologias a.jScrollArrowUp:hover{background-color:#f60;}
div#tecnologias a.jScrollArrowDown{display:block;position:absolute;z-index:1;bottom:0;right:0;text-indent:-2000px;overflow:hidden;background:url("../images/scroll-down.gif") center bottom no-repeat;height:14px;}
div#tecnologias a.jScrollArrowDown:hover{background-color:#f60;}
div#tecnologias a.jScrollActiveArrowButton,
div#tecnologias a.jScrollActiveArrowButton:hover{background-color:#f00;}


/* 09 Footer
------------------------------------------------------*/
div#footer {  }


/* 10 Popup
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
#simplemodal-container {height:600px !important; width:400px !important; color:#bbb; overflow: hidden;}