@charset "UTF-8";
/* CSS Document */

@import url(http://fonts.googleapis.com/css?family=Asap:400,700,400italic,700italic);

/* main */


body {
    margin: 0px;
    text-align:center;
    font-family:Asap, sans-serif;
    color:#FFF;
    padding-top: 85px;
    /* background-image:url(../images/web_smartelada_bkg-layout.png); */ 
}

body > div{
    position: relative;  
    width: 100%;
}



/* layout */

#wrapper {
    width: 100%;
    height: 100%;
    text-align: center;
    display: block;
    /*	margin:0px auto; */
    /*	background-image:url(../images/landing-bkg.png); */
}


/*	Barra topo Navegacao */

#topBar {
    width:100%;
    display:block;
    height:85px;
    background-color:#29abe1;
    position: fixed;
    left:0;
    top:0;
    z-index: 1000;
}

#topBarLogo {
    display:block;
    float:left;
    margin-left:10px;
    margin-top:20px;
    padding-left:30px;
}


.storeIcons {
    display:inline-block;
    float:right;
    margin-top:12px;
    margin-right:5px;
}

.apartados {
    display:inline-block;
    float:right;
    /*	margin-top:56px; */
    margin-left:5px;
    margin-right:5px;
    font-size:12px;
}

.apartados a {
    color:#FFF;
    text-decoration:none;
}

.apartados a:hover {
    color:#282561;;
    text-decoration:none;
}


#apartadosBox {
    margin-right:30px;
}

#shareBox {
    display:block;
    float:left;
    margin-left:20px;
    margin-top:40px;
}

#storeAndShareBox {
    float:right;
    margin-right:30px;
}

/*	Container Contadores */

#contadorContainer {
    display:block;
    width:100%;
    background-image:url(../images/landing-bkg.png);
    background-color:#201C3E;
    text-align: center;
}

#contadorBox {
    display:inline-block;
    width: 60%;	   
    background-color:#201C3E;
    padding: 25px;
    box-sizing: border-box;
    -ms-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}

#contadorBox > div{
   position: relative;
   width: 100%;
   overflow-x: hidden;
}

#TitleBox {
    text-align: left;
    display:block;
    font-size:32px;
    font-weight:700;
}

#bigNumberBox {
    display:block;
    font-size:32px;
    font-weight:700;
}

.numbers {
    display:block;
    font-size:110px;
    letter-spacing:2px;
}

.legenda1 {
    text-align: left;
    display:block;
    font-size:32px;
    font-weight: bold;
}

.legenda2 {
    display:block;
    font-size:10px;	
    margin-top:5px;
}

#equipas {
    display:block;
    text-align:center;
    margin-top:25px;    
}

.equipaBox {
    /*	float:left; */	
    display:inline-block;
    width:130px;
    /*	margin-left:15px;*/
    text-align:center;
    vertical-align: top;
    margin-bottom: 10px;
}


.smallNumberBox {
    display:block;
    font-size:20px;
    font-weight:400;
    margin-top:15px;
}


/* BLOCOS HORIZONTAIS*/

.greyRow {
    display:inline-block;
    width:100%;
    height:100%;
    background-color:#f5f5f5;
    text-align: left;
}	

.whiteRow {
    display:inline-block;
    width:100%;
    height:100%;
    background-color:#fff;
    text-align: left;
}	

/* CONTEUDOS BLOCOS FILAS */	

.spacerRow {
    display:inline-block;
    width:100%;
    height:15px;
}

.titleRow {
    float:left;
    text-align:left;
    display:block;
    font-size:28px;
    font-weight:700;
    color:#282561;
    margin-left: 30px;
}

.rowTitle {
    display:inline-block;
    float:left;
    width:100%;
    font-size:18px;
    font-weight:700;
    color:#282561;
    text-align:left;
}


/* REDES SOCIAS BOXES */

#facebookBox {
    display:inline-block;
    width:300px;
    height:470px;
    vertical-align: top;
}

#twitterBox {
    display:inline-block;
    width:300px;
    height:470px;
    margin-left:15px;
    vertical-align: top;
}

#instagramBox {
    display:inline-block;
    width:300px;
    height:470px;
    margin-left:15px;
    vertical-align: top;
    border: 1px solid lightgray;
    border-radius: 7px;
    -moz-border-radius: 7px;
    -weblit-border-radius: 7px;
    -ms-border-radius: 7px;
    background-color: #f7f7f7;
}

/* APOIOS BOXES */

#apoios {
    display:block;
    text-align:center;
}


.apoioLogoBox {
    display:inline-block;
    /*	background-color:#29abe1;
    */	margin:15px;
    margin-top:0px;
}




.left-ContainerBox {
    float: left;
    display:inline-block;
    min-height:100px;
    min-width: 200px;
    width:18%;
    margin-bottom: 20px;
}


.center-ContainerBox {
    display:inline-block;
    min-height:100px;
    min-width: 940px;
    width:60%;
    /*	background-color:#29abe1;
    */	text-align:center;
    vertical-align: top;
}

.right-ContainerBox {
    display:inline-block;
    /*	min-height:100px;*/
    width:20%;
    /*	background-color:#282561;
    */	}




.bodyText {
    text-align:left;
    font-size:14px;
    font-weight:400;
    color:#282561;
    padding-left:30px;
}


#centerLogo {
    display:block;
    width:100%;
    text-align:center;
    height:50%;
    margin-top:240px;
}



#textBoxContainer {
    display:block;
    width:100%;
    text-align:center;
    height:100%;
    margin-top:240px;
    background-color:#000066;
}


#textBox2 {
    width:100%;
    height:100%;
    padding-top:30px;
}

.text {
    display:block;
    font-size:18px;

}

.email {
    display:block;
    font-size:18px;	
}

/* links */

a {
    color:#FFF;
    text-decoration:none;
}

a:hover {color:#0099FF;
         text-decoration:none;}

.clear {
    clear:both;
}

#txt-faca-download{
    position: absolute;
    top: 26%;
    right: 300px;
    color: white;
}

#logo-joaozinho{
    position: relative;
    float: right;
}

#logo-sjoao{
    position: relative;
    float: right;
}