@import url(fonts.css);
@import url(mediaqueries.css);

*, html { margin: 0; padding: 0; height:100% }
html { overflow-y:scroll; } /* Forces a scrollbar when the viewport is larger than the websites content - CSS3 */
body{margin:0; padding:0; font-size:62.5%; font-family: 'DINMedium', Arial, Helvetica, Sans-Serif; background: url(/Images/sao_paolo.jpg) no-repeat 50% 10%; background-size: cover; height:100%;}
a:link, a:hover, a:visited { color: #000; }

/*#marca { position: absolute; left: 50%; top: 50%; margin-top: -44px; margin-left: -294px;  width: 578px; height: 167px; display: block; background: url(/Images/marca-jogos-de-mente-home.png) no-repeat center center; }
#marca a { width: 578px; height: 167px; display: block; }*/
#foto1, #foto2, #foto3, #foto4 { position: absolute; left:0; top: 0;z-index: 10; width: 100%; display: block; }
#foto1 { z-index: 10 }
#foto2 { z-index: 11 }
#foto3 { z-index: 12 }
#foto4 { z-index: 13 }

/*img{width:auto; max-width:100%; height:auto; margin:0; padding:0; border:none; line-height:normal; vertical-align:middle; }*/
/*#menu { position: relative; z-index: 10000; margin: auto; width: auto; height: 40px; display: block; float: none; }*/

#menu, #menu-en { position: absolute; left: 50%; top: 30%; max-width: 1184px; height: 88px; margin-left: -592px; margin-top: -44px; }
#menu select, #menu-en select { width: 200px; height: 30px; margin: auto; display: none; }
#menu select option, #menu-en select option { line-height: 30px; }
#menu ul, #menu-en ul { max-width: 880px; height: 50px; margin: 20px 0 0; float: right; }
#menu ul li, #menu-en ul li { font-family: 'Playfair Display SC', serif; font-size: 2.0em; display: block; float: left; margin: 0; padding: 0 15px;  height: 40px; line-height: 40px; border-right: 1px solid #FFF; }
#menu li:last-child, #menu-en li:last-child { border-right: 0; }
#menu ul li a, #menu-en li a { display: block; text-decoration: none; color: #FFF; height: 40px; line-height: 40px; }
#menu #home, #menu-en #home { width: 300px; height: 100px; display: block; margin-right: 10px; float: left; background: url(/Images/marca-jogos-de-mente-hor300.png) no-repeat center center;}
#menu-en #home { background: url(/Images/marca-jogos-de-mente-hor300-en.png) no-repeat center center;}
#menu #home a, #menu-en #home a { width: 300px; height: 88px; display: block;}

h1 { margin: 13px 0; display: block; font-family: 'Playfair Display SC', serif; font-size: 3.4em; color: #FFF; text-shadow: 1px 1px 2px #2e2e2e; filter: dropshadow(color=#2e2e2e, offx=1, offy=1); }
p { font-family: 'DINLight', Arial, Helvetica, Sans-Serif; font-size: 1.8em; margin: 21px 0 0; }
p span.fone { display: block; float: none; color: #FFF; }
.vegas-loading { position:fixed; z-index:0; left:20px; top:20px; width:32px; height:32px; background: #000 url(/images/loading.gif) no-repeat center center; background:rgba(0, 0, 0, 0.7) url(/images/loading.gif) no-repeat center center; -moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px; }
.vegas-overlay { background:transparent url(/images/vegas/01.png); opacity:0.5; z-index:-1; }
.vegas-background { image-rendering: optimizeQuality; -ms-interpolation-mode: bicubic; z-index:-2; max-width: none !important; }

/*#texto { position: relative; z-index: 10000; width: 50%; padding: 30px; display: table; filter: alpha(opacity=0); -khtml-opacity: 0; -moz-opacity: 0; opacity: 0; background: rgb(200, 54, 54); background: rgba(200, 54, 54, 0.65); -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; }*/

#texto { position: absolute; z-index: 10000; top: 50%; width: 45%; padding: 30px 3%; clear: both; display: table; filter: alpha(opacity=0); -khtml-opacity: 0; -moz-opacity: 0; opacity: 0; background: rgb(200, 54, 54); background: rgba(200, 54, 54, 0.65); -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; } */
	

ul.elenco{ position: relative; width: 98%;  height: 160px;  margin: auto; display: table;}
ul.elenco li { position: relative; overflow: hidden; list-style: none; width: 130px; height: 130px; display: block; float: left; margin: 10px 8px 10px 0; }
ul.elenco li img { width: 130px; height: 130px; display: block; float: left; }
ul.elenco li a { width: 130px; height: 130px; display: block; border:0; }
div.texto-elenco { margin-top: 30px; width: 96%; display: none; padding: 20px; }
ul.elenco p strong { font-family: 'Playfair Display SC', serif; font-size: 2.4em; color: #FFF; text-shadow: 1px 1px 2px #2e2e2e; filter: dropshadow(color=#2e2e2e, offx=1, offy=1); }

    #overlay {
    position: fixed; 
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: 0.5;
    filter: alpha(opacity=50);
}
#modal {
    position:absolute;
    z-index:21000;
    width: 60%;
    background:url(tint20.png) 0 0 repeat;
    background:rgba(255,255,255,0.2);
    border-radius:14px;
    padding:8px;
}

#content {
    
    border-radius:8px;
    background: #c1dbe8;
    padding:20px;
}
#close {
    position:absolute;
    background: #4688a8 url(/Images/close.jpg) center center no-repeat;
    width:24px;
    height:27px;
    display:block;
    text-indent:-9999px;
    top:-7px;
    right:-7px;
    padding: 8px;
    border-radius:14px;
}

.languages { position: absolute; right: 21px; top: 13px; width: auto; height: 30px; display: none; }
.languages ul { list-style: none; display: none; margin: 0; padding: 0; }
.languages li { float: left; display: inline; margin: 0 5px; padding: 3px; }
.languages #brazil a { width: 24px; height: 24px; display: block; float: left; background: url(/Images/ico-Brazil.png) no-repeat 0 0; }
.languages #usa a { width: 24px; height: 24px; display: block; float: left; background: url(/Images/ico-United-States.png) no-repeat 0 0; }