* { margin: 0; padding: 0; }

html, body { height: 100%; font-family:'anita-semi-square',Sans-Serif; }

#all {
	position: relative;
	min-height: 100%;
}

* html #tudo {
	height: 100%; /* hack para IE6 que trata height como min-height */
}

a{ text-decoration: none;}

a:hover{color: #000;}

.hd, .xl, .lg, .md { display: none; }

/************ header ***********/
    header {
        background-image: url(https://scorpyons.com.br/shared/images/header.jpg);
        background-repeat: no-repeat;
        background-size: 100% auto;
        color:#808285;
    }
    header a { 
        color:#808285;
        text-decoration: none;
    }
    #logo{
        text-align: center;
    }
    #redes-sociais{ 
        text-align: right;
    }
    #best{
        width: 50%;
        float: left;
        text-align: right;
    }
    #fenix-magens{
        width: 50%;
        float: right;
    }

    #contatos{
        border-top: 1px solid #c4161c;
    }

/************** nav *************/
    #globnav ul li { 
        list-style: none;
    }
.select-menu{
    
}


/************ content ***********/
#imgFundo img { width: 100%; height: auto; }
.article { text-align: center; width: 100%;}
.link-page { text-decoration: none; color: #fff;}

.btPages { 
    color: #fff;
    background-repeat: no-repeat;
    background-size: 100% auto;
    display: block;
    float: left;
}
.btPage1 { 
    background-image: url(http://localhost/shared/images/btPage1.png)
}
.btPage2 { 
    background-image: url(http://localhost/shared/images/btPage2.png)
}
.btPageL1 { 
    background-image: url(http://localhost/shared/images/btPageL1.png)
}
.btPageL2 { 
    background-image: url(http://localhost/shared/images/btPageL2.png)
}
.btPageR1 { 
    background-image: url(http://localhost/shared/images/btPageR1.png)
}
.btPageR2 { 
    background-image: url(http://localhost/shared/images/btPageR2.png)
}

.ctrFotos { width: 60px; height: 40px; }
.ctrLeft img, .ctrRight img {  width: 90%; margin-left: 2px; margin-right: 2px; cursor: pointer;}
.ctrLeft { float: left; width: 50%; text-align: right;  }
.ctrRight { float: right; width: 50%; text-align: left;  }


form { margin-top: 20px; }
input { width: 99%; height: 40px; margin: auto; border: none; margin-bottom: 10px;  font-size: 22px; line-height: 40px; padding-left: 1% }
textarea { width: 98%; height: 120px; border: none; margin-bottom: 30px; font-size: 24px; padding: 1% }
#btEnviar { width: 166px; height: 58px; line-height: 58px; text-align: center; color: #fff; background: #026906;  float: right; }


#video ul{
    padding-top: 20px;
}
#video ul li{
    list-style: none;
}
#video ul li a{
    color: #959597;
    line-height: 36px;
}  

@media only screen and (max-width: 899px) {
#video iframe{
    width: 320px;
    height: 180px;  
}
#video ul{
 padding-left: 20px;
}