﻿@charset "UTF-8";

/*Corpo interface e layout*/


div#interface {
    background: rgba(128,194,270,0.4);
    width: 1300Px;
    height: 1300px;
    margin: 0Px auto 0px auto;
    padding: 10Px 10Px 10Px 10Px;
    box-shadow: 2px 2px 8px blue;
}
article#left {
    position: relative;
    top: 50px;
    left: 0pt;
    padding: 10Px 10Px 10Px 10Px;
    background-color: rgba(128,194,270,0.4);
    box-shadow: 1px 1px 2px blue;
    height: 950px;
    width: 320px;
    margin: 2px 2px 2px 2px;
}

    article#left img {
        box-shadow: 1px 1px 4px blue;
        height: 200Px;
        width: 300px;
        margin: 10px 10px 10px 0px;
    }

        article#left img img {
            width: 100%;
            height: 100%;
        }

article#corpoPagina {
    position: relative;
    float: right;
    top: -900Px;
    background: rgba(128,194,270,0.4);
    width: 950Px;
    margin: 0Px auto 0px auto;
    padding: 10Px 10Px 10Px 10Px;
}

article#corpo {   
    box-shadow: 1px 1px 4px white;

    padding: 10Px 10Px 10Px 10Px;

}

p#TIndex2 {
    position: relative;
    top: 15px;
    background: cornflowerblue;
    height: 40Px;
    width: 300px;
    text-align: center;
    margin: 0Px 0Px 0px 0Px;
    padding: 10Px 10Px 10Px 10Px;
    box-shadow: 1px 1px 4px white;
    text-shadow: 1px 1px 5px black;
    font-family: Arial,sans-serif;
    font-size: 20px;
    color: white;
    text-transform: uppercase;
}
nav#menufloat  {
    background-color: rgba(128,194,270,0.4);
}
nav#menufloat li:hover {
    background-color: rgba(128,194,270,0.4);
}
nav#menufloat {
display:block;
}
nav#menufloat ul {
    position: relative;
    top: 50px;
    list-style: none;
    text-transform: uppercase;
}

    nav#menufloat li {
        box-shadow: 1px 1px 4px blue;
        height: auto;
        width: 300px;
        margin: 10px 10px 10px 0px;
        background-color: cornflowerblue;
        padding: 10Px;
        color: white;
        text-align: left;
        position: relative;
        left: -39Px;

    }

      
nav#menufloat a {
   color:black;         
}
    nav#menufloat a:hover {
        color: rgba(128,194,270,0.4);
    }

footer#rodape {
    clear: both;
    position: relative;
    top:-900Px;
    left:40Px;
    color:blue;
    text-align:center;
    margin: 0px auto 0px auto;
}
/*Corpo right*/
article#Carrousel {
    position: relative;
    float: right;
    border: 1px solid white;
    box-shadow: 1px 1px 4px white;
    height: 200Px;
    width: 920Px;
    margin: 5px 10px 10px 0px;
}

    article#Carrousel img {
        width: 100%;
        height: 100%;
    }

article#corpo {
    position: relative;
    float: right;
 
    padding:10px;
  
    height: auto;
    width: 920Px;
    margin: 5px 10px 10px 0px;
}


p#titulo {
    position: relative;
    top: 0px;
    background: cornflowerblue;
    height: 40px;
    width: 900PX;
    box-shadow: 1px 1px 4px white;
    text-align: center;
    margin: 0Px 0Px 0px 0Px;
    padding: 10Px 10Px 10Px 10Px;
    box-shadow: 0px 0px 4px white;
    text-shadow: 1px 1px 1px black;
    font-family: Arial,sans-serif;
    font-size: 20px;
    color: white;
    text-transform: uppercase;
}
div#mensagem {
    position: relative;
    top: 0px;
 
    height: auto;
    width: 900PX;
    box-shadow: 1px 1px 4px white;
    text-align: justify;
    margin: 0Px 0Px 0px 0Px;
    padding: 10Px 10Px 10Px 10Px;
    box-shadow: 0px 0px 4px white;
    
    font-family: Arial,sans-serif;
    font-size: 20px;
    color: black;
   
}

article#corpo p#TIndex1 {
    position: relative;
    top: 0px;
    background: cornflowerblue;
    height: 40px;
    width: 870PX;
    box-shadow: 1px 1px 4px white;
    text-align: center;
    margin: 0Px 0Px 0px 0Px;
    padding: 10Px 10Px 10Px 10Px;
    box-shadow: 0px 0px 4px white;
    text-shadow: 1px 1px 1px black;
    font-family: Arial,sans-serif;
    font-size: 20px;
    color: white;
    text-transform: uppercase;
}
    article#corpo div#TIndex2 {
        position: relative;
        top: 0px;
    
        height: 600px;
        width: 435px;
        text-align: center;
        margin: 10Px 0Px 0px 0Px;
        padding: 10Px 10Px 10Px 10Px;
        box-shadow: 1px 1px 4px white;
        text-align: justify;
        font-family: Arial,sans-serif;
        font-size: 18px;
        color: black;
        list-style: none;
    }

