* {
	padding:0;
    margin-left: 0;
    margin-right: 0;
    margin-bottom: 0;
}

/* para garantir que estes elementos ocuparão toda a tela */
body, html {
	width: 100%;
	height: 100%;
}

#fundo-externo {
	overflow: hidden; /* para que não tenha rolagem se a imagem de fundo for maior que a tela */
	width: 100%;
	height: 100%;
	position: relative; /* criamos um contexto para posicionamento */
}

#fundo {
	position: fixed; /* posição fixa para que a possível rolagem da tela não revele espaços em branco */
	width: 100%;
	height: 100%;
}

#fundo img {
	width: 100%; /* com isso imagem ocupará toda a largura da tela. Se colocarmos height: 100% também, a imagem irá distorcer */
	position: absolute;
}

.site {
    position: absolute;
    width: 100%;
    height:100%;
    left: 0;
    top: 0;
}


.EstruturaCentralizada
{
      overflow: hidden;
      margin:0 auto;
      position: relative;
      z-index: 0;
      width: 985px;
      height:auto;
      padding-bottom:50px;
}

.FotosTopo
{
    width: 100%;
    height: 330px;
    top: 80px;
    background-color:Gray;
    margin-top:80px;
}

.FotoTopoAmbientes
{
    width: 100%;
    height: 130px;
    margin-top:80px;
    background: url("../images/fototopoambintes.jpg") no-repeat;
}

.LogotipoVirazom
{
    width:161px;
    height:180px;
    position:absolute;
    top:30px;
    z-index:800;
}

.MenuSuspenso
{
    width:205px;
    height:22px;
    top:55px;
    left:780px;
    position:absolute;
    z-index:999;
}

.Menu {
    width: 605px;
    height: 20px;
    top: 56px;
    left: 170px;
    position: absolute;
    overflow:hidden;
}

.ItemMenu {
    width: auto;
    height: 20px;
    padding: 5px 15px 0px 16px;
    float:right;
    background-image: url("../images/fdmenu.jpg");
}

.ItemMenuAmbientes {
    width: auto;
    height: 20px;
    padding: 0px 6px 0px 7px;
    float:right;
    background-image: url("../images/fdmenu.jpg");
}

.TxtItemMenu {
    color: #939598;
    font-size: 11px;
}

.TxtItemMenuOver {
    color: #636466;
    font-size: 11px;
}

.LateralEsquerda
{
    width:35px;
    height:auto;
    top:430px;
    float:left;
}

.LateralDireita
{
    width:35px;
    height:auto;
    top:430px;
    left:950px;
    float:right;
}

.MeioSite
{
    width:885px;
    height:auto;
    background-color:white;
    float:left;
    padding:15px;
}

.SubMenu
{
    width:915px;
    height:30px;
    background-color:white;
    clear: both;
    margin-left:35px;
    text-align:center;
    padding-top:5px;
}

.Rodape
{
    width:915px;
    height:19px;
    background-color:#403f3e;
    margin-left:35px;
    text-align:center;
    padding-top:6px;
}

.TextoRodape
{
    font-size:12px;
    color:White;
}

.TextoSubmenu
{
    font-size:14px;
    color:#403f3e;
}



/* ----------------------------------------------------- MEIO SITE DEFAULT -----------------------------------------------*/

.ConteudoEsquedo
{
    width:625px;
    height:415px;
    float:left;
    background-color:#d4d4d4;
}

.ConteudoDireito
{
    width:245px;
    height:415px;
    float:left;
    margin-left:15px;
}

.ConteudoCentral {
    width: 100%;
    height: 185px;
    margin-top:15px;
    float:left;
}

.BoxTitulos {
    width: 100%;
    height: 20px;
    background-color: #a3a3a3;
    padding-top:3px;
}

.TxtTitulos {
    font-family: 'Trebuchet MS',Arial,Verdana;
    font-size: 14px;
    color: white;
    margin-left:5px;
}

.TxtDepoimento {
    font-family: 'Trebuchet MS',Arial;
    font-size: 16px;
    color:#676767;
    line-height:20px;
}

.TxtDepoimentos {
    font-family: 'Trebuchet MS',Arial;
    font-size: 14px;
    color:#676767;
    line-height:18px;
}


/* ------------------------------------------------------ Estilos Box Projetos Home ---------------------------------------------*/


#myreel{ /*sample CSS for demo*/
border:0px solid black;
}

.paginate{
width: 330px;
margin-top:5px;
font:bold 14px Arial;
text-align:center;
}


/*--------------------------------------------------------------- Fim -----------------------------------------------------------*/


/*-----------------------------------------------------AMBIENTES -------------------------------------------------------------*/

.TxtTitulosAmbiente {
    font-size: 24px;
    color: #848484;
}

.TxtTextosAmbiente {
    font-family: Arial;
    font-size: 10pt;
    color: #848484;
    line-height:18px;
}

.ConteudoEsquedoAmbiente
{
    width:245px;
    height:auto;
    float:left;
}

.ConteudoDireitoAmbiente
{
    width:625px;
    height:auto;
    float:left;
    margin-left:15px;
}

.TxtMenuServicos {
    font-family: 'Trebuchet MS',Arial;
    font-size: 14px;
    color:#676767;
}

/*-----------------------------------------------------VIDA UNIVERSITARIA -------------------------------------------------------------*/

.ConteudoEsquedoVida
{
    width:330px;
    height:auto;
    float:left;
}

.ConteudoDireitoVida
{
    width:540px;
    height:auto;
    float:left;
    margin-left:15px;
}

.TxtTituloVida {
    color: #848484;
    font-size: 30px;
}

.TxtTextoVida {
    font-family: Arial;
    color: #848484;
    font-size: 13px;
}

.TxtLeiaMaisVida {
    color: #848484;
    font-size: 14px;
}



/* ------------------------------------------------------ Estilos FAQ ---------------------------------------------*/

.simple_jfaq { 
    display: block;
}

.simple_jfaq dt {
	clear: both;
	margin: 2px;
	padding: 4px 20px;
}

.simple_jfaq dt.hover {
    background:#f2f2f2;
}

.simple_jfaq dd {
        display: block;
        margin: 2px;
        padding: 3px 0px 10px 40px;
        overflow: hidden;
    }


/* ------------------------------------------------------ Estilos Box VirazomVip Home ---------------------------------------------*/
.stepcarousel{
position: relative; /*leave this value alone*/
overflow: scroll; /*leave this value alone*/
width: 330px; /*Width of Carousel Viewer itself*/
height: 105px; /*Height should enough to fit largest content's height*/
margin-left:268px;
margin-top:10px;
}

.stepcarousel .belt{
position: absolute; /*leave this value alone*/
left: 0;
top: 0;
}

.stepcarousel .panel{
float: left; /*leave this value alone*/
overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
width: 330px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
}

/*--------------------------------------------------------------- Fim -----------------------------------------------------------*/


/* --------------------------------------- ESTILOS CARROSSEL HOME -------------------------------------------*/

div.bgcarousel{ /* CSS for main carousel container */
background: #FFF url(../images/ajax-loader.gif) center center no-repeat; /* loading gif while caoursel is loading */
width:609px; /* default dimensions of carousel */
height:376px;
margin-top:8px;
margin-left:8px;
}

img.navbutton{ /* CSS for the nav buttons */
margin:15px;
}

div.slide{ /* CSS for each image's DIV container within main container */
background-color: #fcf4e8;
background-position: center center; /* center image within carousel */
background-repeat: no-repeat;
background-size: cover; /* CSS3 property to scale image within container? "cover" or "contain" */
color: #fcf4e8;
}

div.selectedslide{ /* CSS for currently selected slide */
}

div.slide div.desc{ /* DIV that contains the textual description inside .slide */
position: absolute;
color: white;
left: 40px;
top: 100px;
width:200px;
padding: 10px;
font: bold 16px sans-serif, Arial;
text-shadow: 0 -1px 1px #8a8a8a; /* CSS3 text shadow */
z-index:5;
}

div.selectedslide div.desc{ /* CSS for currently selected slide's desc div */
}

div.slide div.desc h2{
font-size:150%;
margin:0;
}

div.slide div.desc a{
color:yellow;
text-decoration:none;
}