/*
@import url('reset.css');
*/

/*Vermelho Oficina: #e31e24 ou RGB(227,30,36)*/

/* * * * * * * * * * * * * * * * * * * * * * * */
body{
    background:url(../imgs/bg_logoOficina.png) no-repeat top;
    /* background:url(../../MRevista/imgs/wallpaper.png) repeat left top;*/
    /* background:rgba(200,200,200, 0.1);*/
	font-family:'Open Sans Condensed',sans-serif; color:rgb(99,99,100);
 	margin:0;
	padding:0;
}

.mainPage{
    clear: both;
    position: absolute;
    top: 10%; left: 40px;

    font-family:'Open Sans Condensed',sans-serif; color:rgb(99,99,100);
    font-size:24px; line-height: 26px;
}
p       {text-align:justify;text-justify:auto;}
a       {color:#e31e24; text-decoration: none;}
a:hover {text-decoration: underline;}
/* * * * * * * * * * * * * * * * * * * * * * * */



/********************************************************/
/**
 This modal will have two root elements: #overlay and #modal.
 The overlay is going to be a semi-transparent layer that fills the visitor's viewport.
 This turns the modal into a focal point, and reduces focus for the rest of the page.
*/
#overlay {
    position: fixed; 
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: 0.5;
    filter: alpha(opacity=50);
}

#modal {
    position:absolute;
    background:url(../imgs/tint20.png) 0 0 repeat;
    background:rgba(0,0,0,0.2);
    margin-top: 1%; /*puxa tudo um pouco para baixo, para se ver o simbolo*/
    padding:10px;
    /*border-radius:14px;*/ /*Há quem não goste de curvinhas...*/
}
#loadingModal{
    background:#000 url(../imgs/loader.gif) no-repeat center center;
    background-size: 100% 100%;
	width:50px; height:50px; /* 'loader.gif' tem 50x50px */
    position:absolute; top:50px; left:50px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px 10px 10px 10px;
	opacity:1.0;
}

#content {
    background:#000;
    /* background-size: 100%; width: 100%; (né preciso...)*/
    height: 100%; background-clip:content-box; /*não deixa sair fora do modal*/
    padding: 0px; /*só para "centrar"/arrastar o conteudo a carregar*/
    /*overflow-y:auto;*/ /*O powerpoint, dentro, ajusta-se sempre 100% às paredes da "modal"*/
    /*border-radius:8px;*/ /*Há quem não goste de curvinhas...*/
}

#closeModal {
    position: absolute;
    background:url(../imgs/closeModal.png) 0 0 no-repeat;
    width:36px; height:36px;
    /*border: none; outline: none; /*Por causa do IE... :-( )*/
    text-indent:-9999px;
    top:-7px; right:-7px;
    z-index: 100; /* para não tapar o cantinho de cima das imagens dos power points*/
}

#howdy{ /*   ;-) */
    /*top: 50%; left: 20%;*/
}
/****************************************************************************/