/* RESET */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td {margin:0;padding:0;}
table {border-collapse:collapse;border-spacing:0;}
fieldset, img {border:0;}
address, caption, cite, code, dfn, em, strong, th, var {font-style:normal;font-weight:normal;}
li {list-style:none;}
caption, th {text-align:left;}
h1, h2, h3, h4, h5, h6 {font-size:100%;font-weight:normal;}
q:before, q:after {content:'';}
abbr, acronym {border:0;font-variant:normal;}
sup {vertical-align:text-top;}
sub {vertical-align:text-bottom;}
input, textarea, select {font-family:inherit;font-size:inherit;font-weight:inherit;}
legend {color:#000;display: none;}
a {text-decoration:none;}

/* BASIC */
body {font-family: Verdana, Geneva, sans-serif;font-size: 12px;color: #CCC;}

body {
    margin:0;
    padding:0;
    background-image:url(images/bg.jpg);
    background-color:#00203c;
    background-repeat: no-repeat ;
    background-position:center;
    background-position:top;
    text-align:center; /* hack para o IE */
    font-family:  Arial, "Ocean Sans Std Light", "Ocean Sans Std Semibold";
    font-style:normal;
    font-size:12px;
}



#tudo {
    width: 980px;
    /*height: 980px;*/
    margin:0 auto;
    padding: 10px;
    text-align:left; /* "remédio" para o hack do IE */
}

#logo {
    background-image: url(images/topo.jpg);
    margin-top: 10px;
    margin-left: 2px;
    width: 975px;
    height: 163px;


}



div.verde {
    width:974px;
    height:10px;
    border: 0px solid;
    background-color: #c6db58;
    margin-top: 10px;
    margin-left: 2px;

}



div.menu {
    background-color: #001740;
    width:974px;
    height:53px;
    border: 0px solid;
    margin-top: 5px;
    margin-left: 2px;
}

div.anima {
    width:974px;
    height:238px;
    border: 0px solid;
    margin-top: 10px;
    margin-left: 2px;
    border:0px;
}

div.t_video{
    border: 0px solid;
    margin-top: 7px;
    margin-left: 20px;
    font-family:  Arial, "Ocean Sans Std Light", "Ocean Sans Std Semibold";
    font-style:normal;
    font-size:16px;
    color: #FFFFFF;
    word-spacing: 220px;
}

.video{
    border: 0px solid;
    width:133px;
    height: 192px;
    margin-top: -100px;
    margin-left: 18px;
    background-image: url(images/video.png); /* Essa linha é para os browsers que entendem PNG direito */
    _background-image: none; /* Essa é pra o IEca 6, pra ele não ler o PNG padrão */
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/video.png', sizingMethod='scale'); /* Essa coloca um     filtro pra o IEca ler o PNG */



}

.texto_video{
    width:114px;
    height: 98px;
    margin-top: 30px;
    margin-left:170px;
    font-family:   Arial, "Ocean Sans Std Light", "Ocean Sans Std Semibold";
    font-size:14px;
    font-style:normal;
    color: #FFFFFF;
    text-decoration: none;


}




.caixa{
    border: 0px solid;
    width:123px;
    height: 142px;
    margin-top: -220px;
    margin-left: 340px;
    background-image: url(images/download.jpg);
}

.box_azul {
    font-size: 14px;
    font-weight: bold;
    color:#00203c;
}
a:link{
    color: #00203c;
}


.titulo_verde {
    font-size: 16px;
    font-weight: bold;
    color: #C6DB58;
}

.texto_caixa{
    width:180px;
    height: 123px;
    margin-top: -120px;
    margin-left:490px;
    font-family: Arial, "Ocean Sans Std Light", "Ocean Sans Std Semibold";
    font-size:14px;
    font-style:normal;
    color: #FFFFFF;
}

a:link{
    color: #FFFFFF;
}
.branco {
    width:312px;
    height:238px;
    border: 0px solid;
    background-image: url(images/box.jpg);
    margin-top: -170px;
    margin-left: 650px;
}

.texto_branco{
    margin-top: -235px;
    margin-left:680px;
    font-family:  Arial, "Ocean Sans Std Light", "Ocean Sans Std Semibold";
    font-size:14px;
    font-style:normal;
    color:#00203c;
}

.botao_suporte{
    border: 0px solid;
    width:253px;
    height: 48px;
    margin-top: 1px;
    margin-left:675px;
    background-image: url(images/botao_suporte.png); /* Essa linha é para os browsers que entendem PNG direito */
    _background-image: none; /* Essa é pra o IEca 6, pra ele não ler o PNG padrão */
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='botao_suporte.png', sizingMethod='scale'); /* Essa coloca um     filtro pra o IEca ler o PNG */
}

.busca{
    width:110px;
    height: 17px;
    margin-top: -40px;
    margin-left:790px;
    font-size:10px;
}

.botao_busca{
    width:58px;
    height: 23px;
    margin-top: -16px;
    margin-left:910px;
}

.box_visita{
    width:251px;
    height:300px;
    border: 0px solid;
    margin-top: 10px;
    margin-left: 720px;

}

.texto_visita{
    margin-top: -300px;
    margin-left:740px;
    vertical-align: top;
    font-family: Arial, "Ocean Sans Std Light", "Ocean Sans Std Semibold";
    font-size:12px;
    color:#00203c;
    width:220px;
    height:142px;
}


#rodape{
    /*margin-top:100px;*/
    margin-left: 400px;
    width: 240px;
    height: 70px;
    font-family:Arial, Helvetica, sans-serif;
    font-size:10px;
    color:#FFFFFF;
    text-align:center;
}

.texto{
    font-family:  Arial, "Ocean Sans Std Light", "Ocean Sans Std Semibold";
    font-size:12px;
    font-style:normal;
    color:#FFFFFF;
    width: 709px;
    /*height: 600px;*/
    text-align:left;
    /*margin-top: -160px;*/
    line-height: 2;

}


.quadro{
    width: 720px;
    height: 616px;
    background-image: url(images/oquee_quadro.png);
    margin-top:10px;
    margin-left: 0px;
}

.texto_quadro1{
    font-family:  Arial, "Ocean Sans Std Light", "Ocean Sans Std Semibold";
    font-size:11px;
    font-style:normal;
    color:#FFFFFF;
    text-align:left;
    width: 494px;
    height: 145px;
    margin-top:-610px;
    margin-left: 20px;

}	

.texto_quadro2{
    font-family:  Arial, "Ocean Sans Std Light", "Ocean Sans Std Semibold";
    font-size:11px;
    font-style:normal;
    color:#FFFFFF;
    text-align:left;
    width: 190px;
    height: 159px;
    margin-top:42px;
    margin-left: 20px;

}	

.texto_quadro3{
    font-family:  Arial, "Ocean Sans Std Light", "Ocean Sans Std Semibold";
    font-size:11px;
    font-style:normal;
    color:#FFFFFF;
    text-align:left;
    width: 195px;
    height: 210px;
    margin-top:-170px;
    margin-left: 375px;

}

.texto_quadro4{
    font-family:  Arial, "Ocean Sans Std Light", "Ocean Sans Std Semibold";
    font-size:11px;
    font-style:normal;
    color:#FFFFFF;
    text-align:left;
    width: 190px;
    height: 159px;
    margin-top:-10px;




    margin-left: 10px;
    margin-left: 20px;
}

.texto_quadro5{
    font-family:  Arial, "Ocean Sans Std Light", "Ocean Sans Std Semibold";
    font-size:11px;
    font-style:normal;
    color:#FFFFFF;
    text-align:left;
    width: 190px;
    height: 159px;
    margin-top:-170px;
    margin-left: 375px;
}

.tela{
    background-image: url(images/tela.png); /* Essa linha é para os browsers que entendem PNG direito */
    /*_background-image: none; /* Essa é pra o IEca 6, pra ele não ler o PNG padrão */
    /*filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/tela.png', sizingMethod='scale'); *//* Essa coloca um filtro pra o IEca ler o PNG */
    margin-top: 50px;
    margin-left: 30px;
    width: 386px;
    height:458px;
    background-repeat:no-repeat;


}

.texto_tela{
    font-family:  Arial, "Ocean Sans Std Light", "Ocean Sans Std Semibold";
    font-size:12px;
    font-style:normal;
    color:#FFFFFF;
    text-align:left;
    width: 477px;
    height: 450px;
    margin-top: -450px;
    margin-left: 470px;
    line-height: 2;
}
a:link{
    color: #FFFFFF;
}
a:visited{
    color: #FFFFFF;
}

a:hover{
    color: #FFFFFF;
}

a:active{
    color: #FFFFFF;
}

.caixa_donwload{

    font-family:  Arial, "Ocean Sans Std Light", "Ocean Sans Std Semibold";
    font-size:12px;
    font-style:normal;
    color:#FFFFFF;width: 157px;
    height: 251px;
}

.login{
    /*background-image: url(images/busca.png);*/
    /*background-image : url(images/buscar2.jpg);
	font-family:  Arial, "Ocean Sans Std Light", "Ocean Sans Std Semibold";
	font-size:12px;
	font-style:normal;
	line-height: 2;
	color:#FFFFFF;
	width: 450px;
	height: 180px;
	text-align:left;
	margin-top: 60px;
	margin-left:330px;*/
    background-image : url(images/buscar2.jpg);
    font-size : 12px;
    font-style : normal;
    padding-left : 10px;
    padding-top : 5px;
    color : #ffffff;
    width : 354px;
    height : 195px;
    text-align : left;
    margin-top : 65px;
    margin-left : 330px;

}

.login_t{
    font-family:  Arial, "Ocean Sans Std Light", "Ocean Sans Std Semibold";
    width: 200px;
    height: 100px;
    text-align:left;
    margin-top: -160px;
    margin-left:350px;
    font-size:12px;
    font-style:normal;
    color:#FFFFFF;
    line-height: 2;
}


.texto_login{
    font-family:  Arial, "Ocean Sans Std Light", "Ocean Sans Std Semibold";
    font-size:12px;
    font-style:normal;
    color:#FFFFFF;
    text-align:left;
    width: 477px;
    height: 450px;
    margin-top: -160px;
    margin-left: 50px;
    line-height: 2;
}
a:link{
    color: #FFFFFF;
}

.entrar{
    width:86px;
    height: 23px;
    margin-top: 15px;
    /*margin-left:720px;*/
    margin-left:400px;
}
.style2 {color: #c6db58;}



#php_{
    font-family:Arial, "Ocean Sans Std Light", "Ocean Sans Std Semibold";
    color:#FFFFFF;
    text-align:left;
    width:600px;
    /*height:20px;*/
    margin-top:-150px;
    margin-left:20px;
    font-size:12px;


}
.youtube{
    font-family:Arial, Helvetica, sans-serif;
    margin-top: -170px;
    margin-left: 10px;
    width: 600px;
    /*	height:750px;*/


}
.depoimentos{
    font-family:  Arial, "Ocean Sans Std Light", "Ocean Sans Std Semibold";
    font-size:12px;
    font-style:normal;
    color:#FFFFFF;
    width: 680px;
    /*	height: 1000px;*/
    text-align:left;
    margin-top: -160px;
    margin-left: 20px;
    line-height: 1.5;
}