/* 
    Document   : screen.css
    Author     : W3haus - FrontEnd Team
    Summary    :
            +html
            |   +body
            |   |   +wrapper
            |   |   |   +header
            |   |   |   +nav
            |   |   |   +content
            |   |   |   +aside
            |   |   |   +footer
*/

@font-face {
    font-family: 'Dine';
    src: url('../fonts/dine-webfont.eot');
    src:  url('../fonts/dine-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/dine-webfont.woff') format('woff'),
         url('../fonts/dine-webfont.ttf') format('truetype'),
         url('../fonts/dine-webfont.svg#DINEngschriftRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

/* +html */
html{width:100%; height:100%;}

/* +body */
body{font-family:Dine, Arial; font-weight:normal; color:#FFF;}

/* +wrapper */
div#wrapper{width:976px; margin:0 auto;}
a {color:#FFF; text-decoration:none;}

/* +header */
header#header{width:720px; display:block; float:left; padding:34px 0 0 20px;}
header#header h1 {margin-right:120px;}
header#header h1 a {width:111px; height:42px; background:url(../imgs/bg/lacta.png) 0 0 no-repeat; cursor:pointer; display:block; text-indent:-9999px;}
header#header h2 {width:444px; height:78px; background:url(../imgs/bg/entregue-se.png) 0 0 no-repeat; text-indent:-9999px}
/* end:header */

/* +nav */
nav#nav{width:216px; display:block; float:right; text-align:center; padding-top:30px;}
nav#nav li {float:left; display:inline-block; margin:0 3px;}
nav#nav a {height:17px; background:url(../imgs/buttons/sprite-buttons.png) 0 0 no-repeat; display:block; font-size:11px; padding-top:8px; position:relative; text-align:center;}
nav#nav a span {width:100%; height:100%; background:url(../imgs/buttons/sprite-buttons.png) 0 0 no-repeat; line-height:26px; left:0; position:absolute; top:0;}
nav#nav a.home {width:40px;}
nav#nav a.home:hover {background-position:0 -25px;}
nav#nav a.faq {width:40px;}
nav#nav a.faq:hover {background-position:0 -25px;}
nav#nav a.products {width:60px; background-position:-40px 0;}
nav#nav a.products:hover {background-position:-40px -25px;}
/* end:nav */

/* +content */
section#content{}
section#content div.modal {display:none;}
section#content div.modal div.overlay {background:#000; filter:alpha(opacity=60); left:0; opacity:0.6; position:absolute; top:0; z-index:3;}
section#content div.modal div.rules-container {width:450px; height:500px; filter:alpha(opacity=100); left:50%; opacity:1; margin:-250px 0 0 -225px; position:absolute; top:50%; z-index:4;}
section#content div.modal div.rules-container div.rules-top {width:415px; height:90px; background:url(../imgs/bg/modal-rules-top.png) 0 0 no-repeat; padding:22px 0 0 35px;}
section#content div.modal div.rules-container div.rules-middle {width:413px; height:350px; background:url(../imgs/bg/modal-rules-middle.png) 0 0 repeat-y; padding:8px 0 0 37px;}
section#content div.modal div.rules-container div.rules-bottom {width:450px; height:30px; background:url(../imgs/bg/modal-rules-bottom.png) 0 0 no-repeat;}
section#content div.modal div.rules-container h4 {font-size:40px;}
section#content div.modal div.rules-container a.close {width:75px; height:30px; background:url(../imgs/buttons/sprite-buttons.png) -170px -185px no-repeat; cursor:pointer; display:block; top:25px; line-height:30px; outline:none; padding-right:25px; position:absolute; right:30px; text-align:center;}
section#content div.modal div.rules-container a.close:hover {background-position:-170px -215px;}
section#content div.modal div.rules-container div.rules-content {width:372px; height:350px; overflow:auto; padding-right:10px;}
section#content div.modal div.rules-container div.rules-content h5 {font-size:16px; margin-bottom:4px; text-transform:uppercase;}
section#content div.modal div.rules-container div.rules-content p {font-size:14px; margin-bottom:16px; text-transform:uppercase;}
/* end:content */

/* +footer */
footer#footer{display:block; font-size:13px; padding:70px 0 30px; position:relative;}
footer#footer div {padding-left:16px;}
footer#footer ul {float:left; margin-bottom:2px;}
footer#footer li {display:inline; margin-right:12px;}
footer#footer a {color:#C28A55;}
footer#footer p {text-transform:uppercase; margin-bottom:16px;}
footer#footer p.odd {border:solid 1px #C28A55; display:inline-block; padding:3px; margin-bottom:0;}
footer#footer a#w3haus {width:51px; height:14px; background:url(../imgs/others/w3haus.gif) no-repeat; cursor:pointer; display:block; float:right; margin:-2px 40px 0 0; overflow:hidden; text-indent:-9999px;}
footer#footer object#w3haus {width:51px; float:right; margin:-2px 40px 0 0;}
/* end:footer */

/* +modal */
div.modal {}
div.modal div.overlay {background:#000; filter:alpha(opacity=60); left:0; opacity:0.6; position:absolute; top:0; z-index:3;}
div.modal div.rules-container {width:450px; height:500px; filter:alpha(opacity=100); left:50%; opacity:1; margin:-250px 0 0 -225px; position:absolute; top:50%; z-index:4;}
div.modal div.rules-container {width:450px; height:500px; filter:alpha(opacity=100); left:50%; opacity:1; margin:-250px 0 0 -225px; position:absolute; top:50%; z-index:4;}
div.modal div.hidden {top:-1200px;}
div.modal div.rules-container div.rules-top {width:415px; height:90px; background:url(../imgs/bg/modal-rules-top.png) 0 0 no-repeat; padding:22px 0 0 35px;}
div.modal div.rules-container div.rules-middle {width:413px; height:350px; background:url(../imgs/bg/modal-rules-middle.png) 0 0 repeat-y; padding:8px 0 0 37px;}
div.modal div.rules-container div.rules-bottom {width:450px; height:30px; background:url(../imgs/bg/modal-rules-bottom.png) 0 0 no-repeat;}
div.modal div.rules-container h4 {font-size:40px;}
div.modal div.rules-container a.close {width:75px; height:30px; background:url(../imgs/buttons/sprite-buttons.png) -170px -185px no-repeat; cursor:pointer; display:block; top:25px; line-height:30px; outline:none; padding-right:25px; position:absolute; right:30px; text-align:center;}
div.modal div.rules-container a.close:hover {background-position:-170px -215px;}
div.modal div.rules-container div.rules-content, div.modal div.rules-container div.terms-content {width:372px; height:350px; overflow:auto; padding-right:10px;}
div.modal div.rules-container div.rules-content h5 {font-size:16px; margin-bottom:4px; text-transform:uppercase;}
div.modal div.rules-container div.rules-content p {font-size:14px; margin-bottom:16px; text-transform:uppercase;}
/* end:modal */
/* +modal */
div.modal2 {display:none;}
div.modal2 div.overlay {background:#000; filter:alpha(opacity=60); left:0; opacity:0.6; position:absolute; top:0; z-index:3; width:100%; height:100%;}
div.modal2 div.rules-container {width:450px; height:500px; filter:alpha(opacity=100); left:50%; opacity:1; margin:-250px 0 0 -225px; position:absolute; top:50%; z-index:4;}
div.modal2 div.hidden {top:-1200px;}
div.modal2 div.rules-container div.rules-top {width:415px; height:90px; background:url(../imgs/bg/modal-rules-top.png) 0 0 no-repeat; padding:22px 0 0 35px;}
div.modal2 div.rules-container div.rules-middle {width:413px; height:350px; background:url(../imgs/bg/modal-rules-middle.png) 0 0 repeat-y; padding:8px 0 0 37px;}
div.modal2 div.rules-container div.rules-bottom {width:450px; height:30px; background:url(../imgs/bg/modal-rules-bottom.png) 0 0 no-repeat;}
div.modal2 div.rules-container h4 {font-size:40px;}
div.modal2 div.rules-container a.close {width:75px; height:30px; background:url(../imgs/buttons/sprite-buttons.png) -170px -185px no-repeat; cursor:pointer; display:block; top:25px; line-height:30px; outline:none; padding-right:25px; position:absolute; right:30px; text-align:center;}
div.modal2 div.rules-container a.close:hover {background-position:-170px -215px;}
div.modal2 div.rules-container div.rules-content, div.modal div.rules-container div.terms-content {width:372px; height:350px; overflow:auto; padding-right:10px;}
div.modal2 div.rules-container div.rules-content h5 {font-size:16px; margin-bottom:4px; text-transform:uppercase;}
div.modal2 div.rules-container div.rules-content p {font-size:14px; margin-bottom:16px; text-transform:uppercase;}
/* end:modal */

/* end:wrapper */
/* end:body */
/* end:html */